body { 
color: #696969; 
font-size: 11px; 
font-family: Verdana; 
background-repeat: no-repeat; 
margin: 73px 0 0; 
width: 100%; 
height: 100%; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #006699; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-face-color: #D5DFE8; 
scrollbar-highlight-color: #ffffff; 
scrollbar-track-color: #ffffff; 
}

body, html{ 
}
   
.index{ 
background-image: none; 
margin: 0;
}
.pop1         { background-image: url("../../images/pop-bg1.gif"); background-repeat: no-repeat; margin: 50px 0 0; overflow-x: hidden; overflow-y: auto  }


.conteneur { /*le conteneur global du site, qui sera centré */ width: 100%; height: 88%; position: absolute;}

#menu   { background-position: right; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 73px }
#contenu  { margin-top: 0; margin-left: 0; padding: 40px 0 25px 25px; width: auto; height: 100%;}
#bas {position:absolute; bottom:2px; width:100%;}
#plus { position: absolute; top: 1000px; }
td { color: #696969; font-size: 11px; font-family: Verdana; text-align: justify }
h1 { color: #006699; font-size: 16px; }
h2 { color: #666666; font-size: 13px; margin-bottom: -0.5px }

.titre1  { color: #666666; font-size: 13px; font-weight:bold; padding:3px; border:1px dotted #006699 }

p { margin: 0 0 12px }

a { color: #006699; text-decoration: none }
a:hover { color: #000000; text-decoration: none }
	
legend { color: #006699; font-size: 12px; font-weight:bold}
select,input,textarea  { font-size: 10px; font-family: Verdana; background-image: url("../../images/bg-input.jpg"); border: solid 1px #006699 }

.small { font-size: 10px;  }
.fin { font-weight: normale; }
.blanc { color: #ffffff }
.blanc:hover    { color: #dcdcdc }
#cadre { /* taille du cadre, ŕ titre d'exemple */width: 15em;}
.cadre { border: solid 1px #006699 }
#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }
input, select, label{  cursor: pointer;}

p.Form{ clear:both; margin:5px; }
p.Form label{ display: block; float: left; width: 25%; text-align: right; margin: 0 1em 0 0; padding: 0.1em; height: 1%;}

.clear{ clear:both; }
p.clear{ height:0; }

.imgDroite img{
	float:right;
	padding-left:20px;
}

.imgGauche img{
	float:left;
	padding-right:20px;
}

.tabSimple th{
	background:red;
}

 .tabSimple td{
	border:1px solid #CCC;
	border-collapse:collapse;
}
.tabSimple{
	cellpadding:5px;
}


.tabTexteCentrerGras{
	align:center;
	font-weight:bold;
}

.tabTexteGras{
	font-weight:bold;
}

#contenu li  { margin-bottom: 5px }

.menu { visibility:hidden; position: absolute; z-index: 4;  }
.bleu { color: #006699; }
.big1 {font-size:15px}
.big2 {font-size:18px}


#nav, #nav ul {     padding: 0;     margin: 0;     list-style: none; }
#nav a {     display: block;     }
#nav li {     float: left;   width: 10em;  }
#nav li ul {     position: absolute;          left: -999em; }
#nav li:hover ul {     left: auto; }
#nav li:hover ul, #nav li.sfhover ul {     left: auto; }
.acc    { margin: 6px 0 7px }
.boutdroite   { background-image: url("../../images/bout-droite.gif"); text-align: left; margin-bottom: 3px; padding: 2px 10px; height:16px }

.job legend{
font-size: 15px;
}

.job legend span{
font-weight: normal;
font-size: 11px;
color: #696969;
}

#recrute{
width:210px; 
height:43px; 
background:url(../../images/recrute-bg.gif) no-repeat;
display: block;
position: absolute;
right: 0px;
top:30px;
opacity:0.65;
filter:alpha(opacity=65);
}

#recrute:hover{
opacity:1;
filter:alpha(opacity=100);
}

#recrute b{
display:block;
font-size:13px;
margin-left:10px;
padding-top:1px;
}

#recrute span{
display: block;
margin-left: 108px;
margin-top: 9px;
}