/* CSS Document */

body {
padding-right: 0px; padding-left: 0px; font-size: 0.7em; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: verdana, arial, helvetica, sans-serif;
color:#797979; COLOR: #738fbf; COLOR: #616161;
height: 100%;

scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #757575;
	color: #757575; 
	scrollbar-3dlight-color: #d6d6d6; 
	scrollbar-arrow-color: #d6d6d6; scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;

}

/*table{font-size: 1em; 
} */

/* ************************************************************
    style blocs mise en forme générale
 ************************************************************ */
#header {height: 83px; background-color:none; background:url(../images/header.gif);}
#headeractu {height: 83px; background-color:none; background:url(../images/headeractu.gif);}
#bandeauactu{ height:128px; background-color: #346e8d;  background:url(../images/actualiter.jpg); }


#headersociete {height: 83px; background-color:none; background:url(../images/bando1_societe.jpg) no-repeat;}
#bandeausociete{ height:128px; background-color: #346e8d;  background:url(../images/Gabarits_societe.jpg); }

#headermetiers {height: 83px; background-color:none; background:url(../images/bando1_nosmetiers.jpg);}
#bandeaumetiers{ height:128px; background-color: #346e8d;  background:url(../images/bando_nosmetiers.jpg); }

#headerformation{height: 83px; background-color:none; background:url(../images/header.gif);}
#bandeauformation{ height:128px; background-color: #346e8d;  background:url(../images/bando_formation.jpg); }

#headercarriere{height: 83px; background-color:none; background:url(../images/bando_1carriere.gif);}
#bandeaucarriere{ height:128px; background-color: #346e8d;  background:url(../images/bando2_espacecarrieres.jpg); }

#headerclients{height: 83px; background-color:none; background:url(../images/bando1_espaceclients.jpg);}
#bandeauclients{ height:128px; background-color: #346e8d;  background:url(../images/bando2_espaceclients.jpg); }

#headernosref{height: 83px; background-color:none; background:url(../images/header_ref.gif);}
#bandeaunosref{ height:128px; background-color: #346e8d;  background:url(../images/bando2_nosrefs.jpg); }

#headerconsultants{height: 83px; background-color:none; background:url(../images/header.gif);}
#bandeauconsultants{ height:128px; background-color: #346e8d;  background:url(../images/bando2_consultants.jpg); }

#bandeau{ height:128px; background-color: #346e8d; }
#fondmenu{ height:48px; background-color: #e2e2e2; }
#logo {position:absolute;width:200px;height:115px; z-index:1;top: 6px;left: 20px;}
#conteneur {left: 50%; margin-left: -479px; width: 958px; position: absolute; background-color:none;background:url(../images/fond_conteneur.gif) top left ; margin-top: 0px;}
#centre {margin-left: 227px; margin-right: 230px; background-color: #ffffff; margin-top:0px; padding-top: 15px; text-align:justify; padding-bottom: 10px; height:400px }
#imprim {margin-left: 30px; margin-right: 30px; background-color: #ffffff; margin-top:0px; padding-top: 15px; text-align:justify; padding-bottom: 10px;
		height:400px }
		
html>body #centre {
height: auto;
min-height: 400px;
} 

	
/* ************************************************************
    style div gauche contenant le menu de gauche
 ************************************************************ */

#gauche {
	left: 0px; width: 202px; position: absolute; top:255px;
	padding-top: 13px;
	margin-top:0px;
	padding-left: 10px;
	padding-right: 10px;
	}

/* ************************************************************
    style  contenant le menu de droite{right: 0px; width: 202px; position: absolute;top:255px; padding-top: 13px;margin-top:0px;text-align:left;padding-left:10px;}
 ************************************************************ */
#droite {right: 0px;  width: 202px; position: absolute; top:255px;
	padding-top: 13px;
	margin-top:0px;
	padding-left: 10px;
	
	}
/* ************************************************************
    style div gauche contenant le menu du pied de page
 ************************************************************ */
#pied {height: 30px; background:url(../images/bas_page.gif) bottom no-repeat; background-color:#ffffff; color: #397a9d;  font-size:10px; margin:0 ; padding-top:10px;}
#pied ul{list-style-type:none;}
#pied li {display:inline; margin: 0 ; }
#pied  li a {color: #8593b0; text-decoration: none; font-size:10px; font-weight:normal;}
#pied  li a:link { 	color: #8593b0; }
#pied  li a:visited { color: #8593b0; }
#pied  li a:hover { 	color: #8593b0; text-decoration:underline;}
#pied  li a:active{ 	color: #f8b030; }

p { margin: 0px 0px 10px; COLOR: #738faa;  COLOR: #616161;}

/* ************************************************************
    permet d'éviter l'ajout d'une bordure bleue d'un lien
 ************************************************************ */
img {display: block; border: none;}

/* ************************************************************
    styles liens par défaut
 ************************************************************ */
#centre a {font-size:1em; text-decoration: none; font-weight: normal; padding-left:0px;}
#centre a:link { 	color: #10376e; text-decoration:underline; font-weight:bold; }
#centre a:visited { color: #10376e; text-decoration:underline; font-weight:bold;}
#centre a:hover { 	color: #10376e; text-decoration:underline;font-weight:bold;}
#centre a:active{ 	color: #f8b030;text-decoration:underline; font-weight:bold; }

/* ************************************************************
    styles puces par défaut
 ************************************************************ */
#centre ul{margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style-image:url(../images/puce_13.gif) ; padding-left:20px; margin-top:10px;}


/* ************************************************************
    styles zone focus
 ************************************************************ */
#focus1 { position:absolute; width:200px; height:115px; z-index:1; background-color: #c84764; }
#focus2 { position:absolute; width:272px; height:115px; z-index:1; left: 439px; top: 418px; background-color: #39b2aa;}

/* ************************************************************
    styles liens listes, titre div gauche
 ************************************************************ */
#gauche ol li{ font-size:10px; color:#adb0b4; margin:0; padding:0 }
#gauche ol { font-size:10px; color:#adb0b4; margin:0; padding:0; margin-left:13px; }
#gauche p { font-family:verdana, arial, helvetica, sans-serif; font-size:17px; font-weight:bolder; color: #5e5c5c; text-align:left; padding-left:10px; 
			}
#gauche p  a{ font-family:verdana, arial, helvetica, sans-serif; font-size:17px; font-weight:bolder; color: #5e5c5c; text-align:left; padding-left:10px; 
			border-top: 5px; text-decoration: none; padding-left:0px;}
#gauche p a:link { 	color: #153c41; }
#gauche p a:visited { 	color: #7b7777; }
#gauche p a:hover { 	color: #15417f; }
#gauche p a:active{ 	color: #7c8081; }
#gauche ul{margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style-image:url(../images/puce4.gif);list-style-position:inside;}
#gauche ul { border-bottom:solid 1px #c8c8c8; text-align:left; margin:0; padding:0; list-style-type: none;padding-left:5px; padding-bottom:10px; width:175px; }
#gauche li {list-style-type: none;padding-left:0px; line-height:14px; display:block;}
#gauche li a {font-size:11px; text-decoration: none; font-weight: normal; padding-left:0px; }
#gauche li a:link { 	color: #0496cc; }
#gauche li a:visited { 	color: #0496cc; }
#gauche li a:hover { 	color: #0496cc;text-decoration:underline;}
#gauche li a:active{ 	color: #f8b030; }

/* ************************************************************
    styles liens listes, titre div droite
 ************************************************************ */
#droite ol li{ font-size:10px; color:#adb0b4; margin:0; padding:0 }
#droite ol { font-size:10px; color:#adb0b4; margin:0; padding:0; margin-left:13px; } 
#droite ul{margin:0;padding:0;font: 1em verdana, tahoma, serif;list-style-image:url(../images/puce4.gif);list-style-position:inside;}
#droite li q{ font-family:verdana, arial, helvetica, sans-serif; font-size:11px;  color: #a8a7a7; text-align:left; padding-left:0px;}
#droite p { font-family:verdana, arial, helvetica, sans-serif; font-size:17px; font-weight:bolder; color: #7b7777; text-align:left; padding-left:0px;}
#droite ul { border-bottom:solid 1px #c8c8c8; text-align:left; margin:0; padding:0; list-style-type: none;padding-bottom:10px; width:175px; padding-left:0px;}
#droite li {list-style-type: none; padding-left:0px; line-height:14px;}
#droite li a {font-size:11px; text-decoration: none; font-weight: normal; padding-left:0px;}
#droite li a:link { 	color: #0496cc; }
#droite li a:visited { 	color: #7b7777; }
#droite li a:hover { 	color: #0496cc; text-decoration:underline;}
#droite li a:active{ 	color: #f8b030; }



/*#droite td {text-align:left;}
#droite  a {font-size:11px; text-decoration: none; font-weight: normal; padding-left:10px;}
#droite  a:link { 	color: #0496cc; }
#droite  a:visited { color: #f8a300; }
#droite  a:hover { 	color: #ff085f; text-decoration:underline;}
#droite  a:active{ 	color: #f8b030; }*/

/* ************************************************************
    styles menu ico haut droit
 ************************************************************ */
 
#ico {position:absolute;width:149px;height:33px;z-index:1;left: 730px;top: 3px;}

ul#menuico {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */margin:0;padding:0;}
ul#menuico li {float: left;padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px; padding-top: 0px;list-style-type: none;}
ul#menuico {background: url(../images/menu_icoV2.gif) no-repeat left top;width: 149px;position: absolute;text-align: center;height: 33px;left: 50px;top: 8px;}
ul#menuico li {float: left;}
ul#menuico li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de a pour lui donner des dimensions */height: 33px;width: 37px;font-family: arial, serif;
font-size: 14px;
line-height:50px;/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
ul#menuico li a:hover {background:  url(../images/menu_icoV2.gif) no-repeat left top;}
ul#menuico a#menuico1:hover {background-position: -149px 0%;	/* décalage de l'arrière-plan pour chaque bouton */color: #d8e6c9;}
ul#menuico a#menuico2:hover {background-position: -186px 0%;color: #d8e6c9;}
ul#menuico a#menuico3:hover {background-position: -223px 0%;color: #d8e6c9;}
ul#menuico a#menuico4:hover {background-position: -260px 0%;color: #d8e6c9;}
ul#menuico a#menuico5:hover {background-position: -297px 0%;color: #d8e6c9;}
ul#menuico a#menuico6:hover {background-position: -334px 0%;color: #d8e6c9;}


/* ************************************************************
    styles bloc cadre bleu zone focus
 ************************************************************ */

#cadreb { /* taille du cadre, à titre d'exemple */width: 14em;background-color: #479cc8; margin-top:20px;}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {height: 9px; width: 10px;background-repeat: no-repeat; font-size:1px; /* correction d'un bug ie */}
/* propriétés spécifiques à chaque coin */
#hautgauche {background: url(../images/hautgauche.gif);}
#hautdroit {float: right;background: url(../images/hautdroit.gif);}
#basgauche {background: url(../images/basgauche.gif);}
#basdroit {float: right;background: url(../images/basdroit.gif);}
#contenub p {color: white;margin: 0.7em; /*gestion des espaces interparagraphes */text-align:left; line-height:1.1em;}
#contenub h6 {color: white;margin: 0.3em; /*gestion des espaces interparagraphes */text-align:left;font-size:1.5em; font-weight:bold; color: #ffffff; }
#contenub   a {font-size:1em; text-decoration: none; font-weight: normal; padding-left:10px;}
#contenub   a:link { 	color: #e9eef0; } 
#contenub   a:visited { color: #e0470b; }
#contenub   a:hover { 	color: #ffffff; text-decoration:underline;}
#contenub   a:active{ 	color: #f8b030; }
/* ************************************************************
    styles bloc cadre vert zone focus
 ************************************************************ */


#hautgauchev, #hautdroitv, #basgauchev, #basdroitv {height: 9px; width: 10px;background-repeat: no-repeat; font-size:1px; /* correction d'un bug ie */}
/* propriétés spécifiques à chaque coin */
#hautgauchev {background: url(../images/hautgauchev.gif);}
#hautdroitv {float: right;background: url(../images/hautdroitv.gif);}
#basgauchev {background: url(../images/basgauchev.gif);}
#basdroitv {float: right;background: url(../images/basdroitv.gif);}
#contenuv p {color: white;margin: 0.7em;  /*gestion des espaces interparagraphes */text-align:left; line-height:1.1em;}
#contenuv img{ float:right; margin-right:6px;}
#contenuv h6 {color: white; margin: 0.3em; /*gestion des espaces interparagraphes */ text-align:left; font-size:1.5em; font-weight:bolder; color: #ffffff; }
#contenuv   a {font-size:1em; text-decoration: none; font-weight: normal; padding-left:10px;}
#contenuv   a:link { 	color: #e9eef0; } 
#contenuv   a:visited { color: #e0470b; }
#contenuv   a:hover { 	color: #ffffff; text-decoration:underline;}
#contenuv   a:active{ 	color: #f8b030; }
#cadrev{margin-top:10px;float:right;width:285px;background-color:#47c8c4;}


/* ************************************************************
    styles titres centre
 ************************************************************ */
#centre em { font-size:0.9em;  color: #b9b9b9; text-align:left; padding-left:0px; line-height:-2px;  font-style:normal; display:block; margin:0; padding:0; }
#centre em a { color: #989797;}
#centre em a:hover { color: #b9b9b9; text-decoration:underline;}
h1 {font-size:1.5em; font-weight:bolder; color: #ffffff; text-align:left;  text-decoration: none; padding-left:0px; background:url(../images/bg_titre3.png) right top ; display:block;width:500px;  }
h2 { font-size:1.2em; font-weight:bold; color: #99999a ;text-align:left; padding-left:10px; border-top: 5px; text-decoration: none; padding-left:0px; border-bottom:solid 2px  #f6f6f6;background:url../images/bg_titre3.png ;}
h3 { font-size:1.1em; font-weight:bold; color:#0099CC; padding-left:-70px; border-top: 5px; text-decoration: none;
font-size:1.1em; font-weight:bolder; color: #ffffff; text-align:left;  text-decoration: none; padding-left:0px; background:url(../images/bg_titre3.png) right top; display:block;width:470px; background-color:#9aa8c4;}
h4 { font-size:1em; font-weight:bold; color:#0496cc; padding-left:-70px;  /*adacac*/border-top: 5px; text-decoration: none; border-bottom:solid 1px  #ababab; padding-top:20px; margin-bottom:7px;}
span {font-family:verdana, arial, helvetica, sans-serif; font-size:1em; font-weight:bolder; color: #99999a; text-align:left; padding-left:10px; 
	border-top: 5px; text-decoration: none; padding-left:0px;}
			
#hautpage{ display:block; float:right; padding-bottom: 5px;}
#hautpage a {font-size:11px; text-decoration:none; padding-bottom: 5px; font-weight: normal; background:url(../images/icon_top_bleu.gif) no-repeat top left; display:block; text-align:right;
width: 95px; background-position: -2 px; margin:0; padding:0;  padding-bottom: 5px;}
#hautpage  a:link { 	color: #0496cc; }
#hautpage  a:visited { color: #0496cc; }
#hautpage  a:hover { 	color: #0496cc; text-decoration:underline;}
/* ************************************************************
    styles formulaires
 ************************************************************ */
 
input.textfield {border-right: #6d90b0 1px solid; border-top: #6d90b0 1px solid; font-size: 11px; border-left: #6d90b0 1px solid; color: #333333; border-bottom: #6d90b0 1px solid; font-family: tahoma, verdana, arial; height: 15px; background-color: #edf5fb; width:30%; color:#6d90b0 ;}/* class pour les champs texte*/
/* ************************************************************
    style pour la mise de champs select et de saisie
   ************************************************************ */
p.bord-select { width: 100px; border: 1px solid #6d90b0;}
select {color: #6d90b0;border: 1px solid transparent #6d90b0;background-color:#ffffff;}
textarea{border: 1px solid transparent #6d90b0 ; background-color:#edf5fb; color:#6d90b0 ;}/* class pour les zones de saisie*/

#tableau td {background:#f8edfe;background:#edf5fb; text-align:left;  color:#307084; border-left: 1px solid transparent #c6ccd1; margin-top:0; padding-top:4px; padding-bottom:3px;}
#tableau table {border:0; }
#tableau th {text-align:center; background:#218ba5; color:#000000; background:url(../images/bg_th.jpg) ; font-weight:normal; height:17px; }

#b_envoyer{  text-align:right; margin-top:5px; }


/* ************************************************************
    style menu h version française
   ************************************************************ */
#menu {background-color: #e2e2e2; position: absolute; top:211px; width:900px;  margin-top:0; left: 50px;  margin:0;padding:0; }
#menu dl {float: left ; margin:0;padding:0;}
#menu li {display: inline; padding-right:4px; padding-left:4px}

#menu li a { color: #616161; text-decoration: none; display:inline; }
#menu li a:hover { color: #616161;text-decoration: underline; }
#menu a#menuimg1 {  text-decoration: none; background:url(../images/societe3.gif); display:block; height:32px; width:113px; margin:0px;padding:0px; }
#menu a#menuimg1:hover{  background-position:0 -32px; }

#menu a#menuimg2 {  text-decoration: none; background:url(../images/actu3.gif); display:block; height:32px; width:89px; margin:0px;padding:0px}
#menu a#menuimg2:hover{ background-position:0 -32px;}

#menu a#menuimg3 {text-decoration: none; background:url(../images/nos_metiers3.gif);display:block; height:32px; width:107px; margin:0px;padding:0px}
#menu a#menuimg3:hover{  background-position:0 -32px;}

#menu a#menuimg4 {text-decoration: none; background:url(../images/nos_ref3.gif);display:block; height:32px; width:123px; margin:0px;padding:0px}
#menu a#menuimg4:hover{ background-position:0 -32px; }

#menu a#menuimg5 {text-decoration: none; background:url(../images/espace_carr3.gif);display:block; height:32px; width:125px; margin:0px;padding:0px}
#menu a#menuimg5:hover{ background-position:0 -32px;}

#menu a#menuimg6 {text-decoration: none; background:url(../images/esp_clients3.gif);display:block; height:32px; width:114px; margin:0px;padding:0px}
#menu a#menuimg6:hover{background-position:0 -32px; }

#menu a#menuimg7 {text-decoration: none; background:url(../images/esp_collab.gif);display:block; height:32px; width:169px; margin:0px;padding:0px}
#menu a#menuimg7:hover{background-position:0 -32px; }

#menu a#menuimg8 {text-decoration: none; background:url(../images/formation.gif);display:block; height:32px; width:89px; margin:0px;padding:0px}
#menu a#menuimg8:hover{background-position:0 -32px; }

#smenu1 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu2 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu3 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu4 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu5 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu6 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu7 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}
#smenu8 {font-size: 0.8em; left: 0px; width: 800px; position: absolute; visibility: hidden;}

/* ************************************************************
    style menu h version anglaise
   ************************************************************ */
#menuuk {background-color: #e2e2e2; position: absolute; top:210px; width:900px;  margin-top:0; left: 50px;  margin:0;padding:0; }
#menuuk dl {float: left ; margin:0;padding:0;}
#menuuk li {display: inline; padding-right:4px; padding-left:4px}

#menuuk li a { color: #616161; text-decoration: none; display:inline; }
#menuuk li a:hover { color: #616161;text-decoration: underline; }
#menuuk a#menuukimg1 {  text-decoration: none; background:url(../images/Company_UK.jpg); display:block; height:32px; width:113px; margin:0px;padding:0px; }
#menuuk a#menuukimg1:hover{  background-position:0 -32px; }

#menuuk a#menuukimg2 {  text-decoration: none; background:url(../images/News_UK.jpg); display:block; height:32px; width:89px; margin:0px;padding:0px}
#menuuk a#menuukimg2:hover{ background-position:0 -32px;}

#menuuk a#menuukimg3 {text-decoration: none; background:url(../images/our_jobsUK.jpg);display:block; height:32px; width:107px; margin:0px;padding:0px}
#menuuk a#menuukimg3:hover{  background-position:0 -32px;}

#menuuk a#menuukimg4 {text-decoration: none; background:url(../images/References_UK.jpg);display:block; height:32px; width:123px; margin:0px;padding:0px}
#menuuk a#menuukimg4:hover{ background-position:0 -32px; }

#menuuk a#menuukimg5 {text-decoration: none; background:url(../images/recruitment_uk.jpg);display:block; height:32px; width:125px; margin:0px;padding:0px}
#menuuk a#menuukimg5:hover{ background-position:0 -32px;}

#menuuk a#menuukimg6 {text-decoration: none; background:url(../images/customers_uk.jpg);display:block; height:32px; width:114px; margin:0px;padding:0px}
#menuuk a#menuukimg6:hover{background-position:0 -32px; }

#menuuk a#menuukimg7 {text-decoration: none; background:url(../images/consultants_uk.jpg);display:block; height:32px; width:169px; margin:0px;padding:0px}
#menuuk a#menuukimg7:hover{background-position:0 -32px; }

#menuuk a#menuukimg8 {text-decoration: none; background:url(../images/formation_uk.jpg);display:block; height:32px; width:89px; margin:0px;padding:0px}
#menuuk a#menuukimg8:hover{background-position:0 -32px; }

#smenuuk1 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk2 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk3 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk4 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk5 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk6 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk7 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}
#smenuuk8 {font-size: 0.8em; left: 0px; width: 800px; position: absolute}

/* ************************************************************
    style zoom contact nos bureaux
   ************************************************************ */
#zoomcontact{
background:url(../images/Nos-bureaux_zoom.gif) left top no-repeat;
height: 300px; padding:0; margin

}

#zoomcontact span{
float:left ;  margin-top:50px;margin-left:3px;
}

#zoomcontact span a{
float:left ; margin-top:5px; margin-left:5px; font-size:11px;
}

#zoomcontact p{
float:left; margin-left:40px; margin-top:50px;width:210px; padding-right:0px; text-align:left; font-size:11px; display:block;
}

#zoomcontact h6{
text-align:left; font-size:11px; font-weight:bold; margin-left:40px;
}


/* ************************************************************
    style pour moncompte
   ************************************************************ */





#bloccadremoncompte ol {margin:0; padding:0; text-align:left; padding-left:15px; font-size:11px;  
list-style-image:url(../images/puce_moncompteG.gif);
list-style-position:inside;}

INPUT.textfield2 {BORDER-RIGHT: #c5d3df 1px solid; BORDER-TOP: #c5d3df 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #c5d3df 1px solid; COLOR: #333333; BORDER-BOTTOM: #c5d3df 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 15px; BACKGROUND-COLOR: #f8fbfd; width:50%; color:#6d90b0 ; margin-bottom:5px;}/* class pour les champs texte*/


INPUT.input {BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 2px solid; COLOR: #333333; BORDER-BOTTOM: #ffffff 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #82dbfd; width:30%; color:#6d90b0 ;
 }/* class pour les champs texte*/
 INPUT.password {BORDER-RIGHT: #5394bc 2px solid; BORDER-TOP: #5394bc 2px solid; FONT-SIZE: 11px; BORDER-LEFT: #5394bc 2px solid; COLOR: #333333; BORDER-BOTTOM: #5394bc 2px solid; FONT-FAMILY: Tahoma, Verdana, Arial; HEIGHT: 20px; BACKGROUND-COLOR: #82dbfd; width:30%; color:#6d90b0 ;
 }/* class pour les champs texte*/
 
#bloccadremoncompte img {float:right; padding-left:0px; }

div#cadremoncompte {/* conteneur global et chapeau de l'arrière plan */
width : 200px;
padding-top : 40px;
background:url(../images/haut_moncompte.gif) left top no-repeat;

}

div#bloccadremoncompte {
background:url(../images/bas_moncompte.gif) left bottom no-repeat;

padding-bottom:30px;
height:60px;
}


div#bloccadremoncompte p {
margin:0 30px 0 20px;
margin-top:10px;
color:#8b98ab;
font-size:10px;
}

html>body #bloccadremoncompte {
height: auto;
min-height: 60px;
} 

/* ************************************************************
    style zoom nos references
   ************************************************************ */
#zoomrefs{
background:url(../images/NosRefs_zoom.gif) left top no-repeat;
height: 175px; padding:0; margin

}

#zoomrefs span{
float:left ;  margin-top:45px;margin-left:40px; 
}

#zoomrefs span a{
float:left ; margin-top:5px; margin-left:5px; font-size:11px;
}

#zoomrefs p{
float:left; margin:0; padding:0;margin-left:120px; margin-top:50px; padding-right:0px; text-align:left; font-size:12px; display:block; font-weight:bold
}

#zoomrefs h6{
text-align:left; font-size:11px; font-weight:bold; margin-left:40px;
}


/* ************************************************************
    style suivant précédent
   ************************************************************ */

#precedent {float:left;padding-bottom:10px; font-weight:bold}
#suivant {float:right ; padding-bottom:10px; display:block;}

#precedent a {color:#3286b0; font-weight:bold;}
#suivant a {color:#3286b0; font-weight:bold;}

#precedent p {color:#3286b0; font-weight:bold; display:inline}
#suivant p {color:#3286b0; font-weight:bold; display:inline}


/* ************************************************************
    style plan du site
   ************************************************************ */

.sitemap1{ font-weight:bold ; font-size:1.5em; color:#99a7c3; margin-top:20px; border-bottom: solid 1px;
   }
   
.sitemap1 a { font-weight:bold ; font-size:1.5em; color:#99a7c3;text-decoration:none;}
.sitemap1 a:hover { font-weight:bold ; font-size:1.5em; color:#99a7c3; text-decoration:none;}
.sitemap1  a:link { 	 text-decoration:none; } 
.sitemap1  a:visited {  text-decoration:none; }
.sitemap1  a:hover { 	 text-decoration:none;}
.sitemap1  a:active{ 	 text-decoration:none; }
   
.sitemap2{ font-weight:bold ; font-size:1.2em; color:#ffffff; background:#99a7c3; margin-top:20px; background:url(../images/bg_titre1.gif) right top ; display:block;width:500px; 
   }
 .sitemap2 a:hover { font-weight:bold ; font-size:1.5em; color:#99a7c3; text-decoration:none;}
.sitemap2  a:link { 	 text-decoration:none; } 
.sitemap2  a:visited {  text-decoration:none; }
.sitemap2  a:hover { 	 text-decoration:none;}
.sitemap2  a:active{ 	 text-decoration:none;   } 
   .sitemap3{ font-weight:bold ; font-size:1em; color:#0496cc; margin-right:20px;margin-left:20px;
   }
   
    .sitemap4{  font-size:0,5em; color:#0496cc; /* background:#edf5fb; */  margin-left:20px;
   }
   
   
   /* ************************************************************
    style page nos références logo
   ************************************************************ */
   
   #logoimg img {display:inline;    }

#logoimg  {width: 480px;}
#meteo { left:50px; position: absolute;}