/*____________________________________________________________________
		PAGE CSS definissant le style general de chacune des pages pour le site principal
		=>Sera differente pour les pages webs concernant les services (formation et autres)
		_______________________________________________________________*/
/*__________________________________________________
Definition du style pour le corps du document
____________________________________________________*/
html {
overflow : scroll;
}
		
body
{

width: 1024px;
margin: auto; 
background-image:url(./fondHor.png);
background-repeat:repeat;


}
	
input.buttonFond
{
background-image:url(./input.png);
background-repeat:repeat-x;
border:solid #669EFF 1px;
text-decoration:small-caps;
font-weight:bold;
}	

input.buttonPDF
{
background-image:url(./inputPDF.png);
background-repeat:repeat-x;
border:solid #FF817F 1px;
text-decoration:small-caps;
font-weight:bold;
}	


input.buttonFond:hover
{
cursor:  pointer;
}	

input.buttonPDF:hover
{
cursor:  pointer;
}	


		
/*__________________________________________________
Entete du site formée dans un tableau
____________________________________________________*/


#entete /*Pour la zone de communication*/
{
width:1024px;
height:160px;
background-image:url(./banniere2.png);
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:5px;
margin-top:10px;
}

/* ______________________________*/
/*   L id entete n est pas mis devant car reutilisés dans corps*/

#entete div.posEnt
{
margin-left:260px;
height:160px;
}


div.EntGau
{
float:left;
width:600px;
height:160px;
background-image:url(./cadre/ZC.png);
background-repeat:repeat-x;
}
div.EntDro
{
float:right;
width:150px;
height:160px;
padding:5px
}

div.ZCHaut
{
width:100%;
height:20px;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
vertical-align:middle;
overflow:hidden;
}

div.ZCCentre
{
padding-top:5px;
position: relative;
padding-left:10px;
height:120px;
overflow:hidden;

}



/*__________________________________________________
Div pour l image entre l entete et le corps (marquée axone-computers)
____________________________________________________*/

#enteteHaut
{
width:1024px;
height:35px;
background-image:url(./enteteHaut.png);
background-repeat:no-repeat;
padding-top:5px;
}




/*__________________________________________________
DivQui contient le menu + le corps
____________________________________________________*/

#menuCorps 
{
margin-top:-5px;
background-image:url(./menuCorps.png);
background-repeat:repeat;
}

/*__________________________________________________
Menu situé à gauche se retrouvant dans les différentes pages du site
____________________________________________________*/
#menuGauche
{
position:relative;
margin-top:10px;
margin-left:5px;
width:120px;
float:left;
z-index:10;
}
#menuGauche ul li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*_____________________
 Pour le style des sous-menus */

#menuGauche .navigation {
margin: 0px;
padding: 0px;
width: 120px;
font-family: arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}

/*lien du menu*/
#menuGauche  .navigation a, .navigation span, li .toggleSubMenu, li.open
 {

display: block;
padding: 4px 10px;
color: white;
font-variant:small-caps;
text-decoration: none;
background-image: url(./menu/menu.png);
}


/*lien du sous menu*/
#menuGauche  .subMenu a
{
font-size: 0.9em;
color: blue;
}

#menuGauche  .navigation a:hover
 { 
background-image: url(./menu/menuOver.png);
}

/*
#menuGauche .navigation .open a, .navigation .open span {
 background-image: url(./menu/subMenu.png));
}*/


#menuGauche   .navigation .subMenu {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
#menuGauche  .navigation ul.subMenu a{
      background-image: url(./menu/subMenu.png);
      padding: 3px 10px;
      }
#menuGauche  .navigation ul.subMenu a:hover {
      background-image: url(./menu/subMenuOver.png);
      }	  

#menuGauche  div.menuAS
{
 margin-top:20px;
 width:120px;
 text-align:center;
}
#menuGauche  div.menuAS img
{
 width:110px;
 border:none;
}
#menuGauche  div.menuPub
{
 margin-top:20px;
 width:120px;
 text-align:center;
 }
 
#menuGauche  div.menuPub img
{
 width:110px;
 border:none;
}	  

	  
/* FIN style des sous-menus
 _____________________*/


/*__________________________________________________
Les pages du site seront affichées dans le div d'id corps
____________________________________________________*/

#corps
{
margin-left:130px;
width:878px;
padding:5px;
background-color:white;
min-height:650px;
text-align:justify;
/*font-family: "Trebuchet MS", Georgia, serif; /* Police pour le corps du document (plusieurs si jamais une n'est pas disponible)*/
}

#corps div.posEnt
{
margin-top:5px;
height:160px;
display:block;
}


#corps div.EntGau
{
float:left;
width:600px;
height:160px;
}
#corps div.EntDro
{
float:right;
width:150px;
height:160px;
padding:5px
}

#corps div.ZCHaut
{
background-image:url(cadre/ZCHaut.png);
width:100%;
height:20px;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
background-repeat:repeat-x;
vertical-align:middle;
overflow:hidden;
padding-top:-5px;
}

#corps div.ZCCentre
{
position: relative;
padding-left:10px;
height:120px;
background-color:#E5E5E5;
overflow:hidden;
padding-bottom:5px;
}

#corps div.ZCBas
{
background-image:url(cadre/ZCBas.png);
width:100%;
height:10px;
color:white;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
background-repeat:repeat-x;
}

/*----------------------------------------------------------------------------------------------*/
/*TABLEAU*/


#corps table.gesMembre  th
{
text-align:left;
}
#corps table.news , table.ZC
{
margin:10px;
border-collapse: collapse;
border:solid grey 1px;
width:95%;
}

#corps td.titreZC
{
background-image:url(./titreNews.png);
background-repeat:repeat;
color:blue;
font-weight:bold;
}

#corps td.basZC
{
background-image:url(./titreNews.png);
background-repeat:repeat;
color:black;

}

#corps td.messageZC
{
background-color:#EFEFEF;
}



#corps td.titreNews
{
background-image:url(./titreNews.png);
background-repeat:repeat;
color:blue;
font-weight:bold;
}

#corps td.basNews
{
background-image:url(./titreNews.png);
background-repeat:repeat;
color:black;

}

#corps td.messageNews
{
background-color:#EFEFEF;
min-height:120px;
}

#corps img.imgCom
{
height:100px;
width:100px;
}

#corps table.livreOr
{
border-collapse:collapse;
}
#corps td.livreOrH
{
width:875px;
background-image:url(./livreOrH.png);
background-repeat:repeat-x;

}
#corps td.livreOrB
{
width:875px;
background-color:#DBE1FF;
}


/*----------------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------------*/
/*Mise en forme des formulaires dans le corps principal*/
#corps label
{
float:left;
text-align:right;
margin-right:20px;
width:170px;
font-weight:bold;
}
#corps legend
{
color:blue;
font-weight:bold;
font-variant: small-caps;
}


#corps input
{
margin-bottom:5px;
}
/*----------------------------------------------------------------------------------------------*/



#corps h1
{

text-align:left;
font-size: 1.5em;
font-variant: small-caps;
}

#corps h2
{

font-variant: small-caps;
font-size: 1.2em;
text-align:left;
}

#corps .imgh1
{
padding-left:5px;
padding-right:5px;

background-image:url(./h1.png);
background-repeat:repeat;
}

#corps .imgh2
{
padding-left:5px;
padding-right:5px;

background-image:url(./h2.png);
background-repeat:repeat;
}


#corps form img.logo
{
width:10px;
height:10px;
}


#corps p.page
{
width:100%;
font-size:0.8em;
background-color:#E0E0FF;

}


#corps div.cadreHautHor
{
background-image:url(cadre/cadreHautHor.png);
width:100%;
height:25px;
color:white;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
background-repeat:no-repeat;
}



#corps div.cadreBasHor
{
background-image:url(cadre/cadreBasHor.png);
width:100%;
height:25px;
color:white;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
background-repeat:no-repeat;
}


#corps div.cadreCentreHor table
{
width:350px;
border:solid black 1px;
border-spacing: 0px;
border-collapse:collapse;
}
		
#corps div.cadreHautGoogle
{
background-image:url(cadre/cadreHautGoogle.png);
width:100%;
height:25px;
color:white;
text-align:center;
font-variant:small-caps;
font:arial;
font-weight:bold;
background-repeat:no-repeat;
}

#corps div.cadreCentreGoogle
{
border:solid black 1px;
}


#corps table.menuMateriel
{
border-collapse:collapse;
}

#corps table.menuMateriel td
{
border-collapse:collapse;
border:solid grey 1px;
background-image:url(./menu/menu2.png);
padding:5px;
}

#corps table.menuMateriel td:hover
{
background-image:url(./menu/menuOver2.png);
}

#corps table.menuMateriel td a
{
padding-left:5px;
padding-right:5px;
color:#1E5EFF;
font-weight:bold;
text-decoration:none;
text-align:center;
font-size:0.9em;
}


#corps table.composant
{
width:650px;
margin-top:15px;
border:solid grey 1px;
border-collapse: collapse;
}

#corps table.composant th
{
padding:5px;
text-align:center;
border-color:#B7C4FF;
border-style:inset;
}

#corps table.composant td
{
border-color:#B7C4FF;
border-style:ridge;
}

#corps td.tdg
{
width:500px;
padding:5px;
}

#corps td.tdc
{
width:100px;
text-align:right;
padding:5px;
}
#corps td.tdc1
{
width:100px;
text-align:right;
padding:5px;
color:red;
text-decoration: line-through;
}
#corps td.tdc2
{
width:100px;
text-align:right;
padding:5px;
color:green;
font-weight:bold;
}


#corps td.tds
{
text-align:right;
}

#corps td.tdd
{
width:50px;
text-align:right;
padding:5px;
}


#corps tr.pair
{
background-color:#AFAFAF;
}

#corps tr.pair
{
background-color:#D3D3D3;
}

#corps tr.thComp
{
background-image:url(./menu/menuTitre.png);
background-repeat:repeat-x;
color:#000090;
font-weight:bold;
font-variant:small-caps;
}
#corps tr.prixTot
{
background-color:#C1D1F1;
font-weight:bold;
}


#corps div.selComp
{
width:160px;
height:80px;
float:right;
text-align:center;
font-variant:small-caps;
background-image:url(./fondArticle.png);
background-repeat:no-repeat;
font-weight:bold;
}

#corps input.affComp
{
height:20px;
width:130px;
font-size:1.0em;
text-align:right;
background-color:#ADD0FF;
}




/* CACHER LES ELEMENTS*/

#corps div.cacher p {
background-image : url(./span_cacher.png);
background-repeat : repeat-x;
height : 30px;
padding-top : 2px;
font-family : Arial;
font-variant : small-caps;
font-weight:bold;
border-style:outset;
border-color:#0F6BAA;
}
#corps div.cacher p a {
text-decoration : none;
}


#corps p.ouvrirForm
{
text-align:center;
width:650px;
}

#corps div.axoneService
{
width: 800px;

}
#corps div.axoneService img
{
width: 200px;
float:left;
}

#corps div.axoneService p
{
width: 600px;
float:right;
font-size:2.5em;
color:grey;

}

#corps div.axoneServiceTab table
{
width:800px;
background-color:#E5E5E5;
border-spacing: 0px;
border-collapse: collapse; 
}


#corps div.axoneServiceTab td,div.axoneServiceTab th
{
border-left:solid white 2px;
border-right:solid white 2px;
}

#corps div.axoneServiceTab table .td1
{
width:500px;
padding-left:10px;
}
#corps div.axoneServiceTab table .td2
{
width:150px;
text-align:center;
}
#corps div.axoneServiceTab table .td3
{
width:150px;
text-align:center;
}

#corps div.axoneServiceTab table .titre
{
font-size:1.4em;
color:white;
text-align:left;
height:30px;
background-image:url(titreAS.png);
background-repeat:repeat-x;
font-weight:bold;
}

/*_________________________
bas de page du site
___________________________*/
#basPage
{
position:relative;
padding:5px;
width:1014px;
height:35px;
background-image:url(./basPage.png);
background-repeat:repeat-x;

}

#basPage table
{
	position:relative;
	width:600px;
	margin-left:140px;
}