html {margin:0; font-family:Helvetica; font-size:11px; color:#686868; text-align:center}
body {margin:0; color:#686868; background:#e7e7e7;}

#cadre-general {width:891px; padding:0; margin:0;}
#homepage {position:absolute; width:200px; height:30px; margin:-8px 0 0 10px; .margin:-8px 0 0 -430px; text-align:left}
#titre-page {position:absolute;  margin:100px 0 0 110px; font-size:12px; width:300px}

#cadre-1 {width:891px; height:157px; padding:0; margin:15px 0 0 0; background:url(../images/template/fond-top.gif)}
#cadre-1-gauche {position:absolute; width:269px; height:157px; padding:0; margin:0; .margin:0 0 0 -445px; background:url(../images/template/cadre-1-gauche-logo.gif) no-repeat;}
#cadre-1-centre {position:absolute; width:250px; height:157px; margin:0 0 0 269px;  .margin:0 0 0 -176px; text-align:left;  background:url(../images/template/cadre-1-centre.gif) top left no-repeat;}
#cadre-1-droite {position:absolute; width:104px; height:157px; margin:0 0 0 787px;  .margin:0 0 0 342px;}

#cadre-2 {width:891px; height:370px; padding:0; margin:0; background:url(../images/template/cadre-2-fond.gif);}
#cadre-2-menu {position:absolute; width:164px; height:419px; z-index:1; .margin-left:-421px; _margin-left:-438px}
#cadre-2-flash {position:absolute; width:765px; height:370px; margin-left:119px; .margin-left:-326px; z-index:2}

#cadre-3 {width:891px; padding:0; margin-top:0; background:url(../images/template/cadre-2-fond.gif);}
#cadre-3-gauche {position:absolute; width:260px; padding-top:15px; .margin-left:-20px; z-index:3}
#cadre-3-centre {position:relative; width:550px; padding:15px 0 0 298px; background:url(../images/template/separation2.gif) repeat-y 231px; .margin-left:1px; z-index:1}

#innerfade {position:relative; width:260px; text-align:center; .margin-left:-250px}
#innerfade-texte {position:relative; width:550px;}
#innerfade-logo {position:absolute; width:150px; margin:-70px 0 0 -380px;}
#innerfade-logo2 {position:absolute; width:150px; height:52px; margin:-70px 0 0 380px; .margin-left:0}

#cadre-4 {width:891px; padding:0; margin:0; .margin:0 0 0 -890px}
#cadre-4-gauche {position:absolute; width:628px; padding:15px 0 0 0; text-align:left; background:url(../images/template/bas-gauche.gif) no-repeat top;}
#cadre-4-droite {position:absolute; width:263px; height:42px; padding:15px 0 0 15px; background:url(../images/template/bas-droite.gif) no-repeat; margin-left:628px; }

#carte {position:absolute; width:157px; height:127px; margin:55px 0 0 650px; .margin:55px 0 0 190px; background:url(../images/template/carte.gif) no-repeat;}

#intersection {width:564px; height:23px; background:url(../images/template/fond-p.gif) repeat-x; margin:20px 0 20px 0}
#intersection2 {width:304px; height:23px; background:url(../images/template/ligne-bleue.gif) no-repeat; margin:20px 0 20px 55px}

#achieve {background:url(../images/template/great-achievements1.gif) top repeat-x; width:554px; padding:40px 10px 0 0; text-align:left}

#img-2 {margin:0 15px 15px 0;}

a {text-decoration:none; color:#686868; font-size:11px}
a:hover {text-decoration:underline; color:#686868; font-size:11px}
a.bleu {text-decoration:none; color:#3d84ca;}
a.bleu:hover {text-decoration:underline; color:#3d84ca;}
a.wajax {text-decoration:none; color:#3d84ca;}
a.wajax:hover {text-decoration:underline; color:#3d84ca;}
a.bleu13 {text-decoration:none; color:#3d84ca; font-size:13px}
a.bleu13:hover {text-decoration:underline; color:#3d84ca; font-size:13px}
a.blc {text-decoration:none; color:#FFFFFF; font-size:12px}
a.blc:hover {text-decoration:none; color:#686868; font-size:12px}
a.vert13 {text-decoration:none; color:#128876; font-size:13px}
a.vert13:hover {text-decoration:underline; color:#128876; font-size:13px}

#bleu11 {color:#3d84ca; font-size:11px}
#blc13 {color:#FFFFFF; font-size:13px}
#bleu14 {color:#3d84ca; font-size:14px}
#bleu12 {color:#3d84ca; font-size:12px}
#gris12 {color:#686868; font-size:12px}


h1 {color:#3d84ca; font-size:12px;  text-align:left; padding-left:15px}
h2 {color:#3d84ca; font-size:12px; text-align:left; padding-left:15px}
h3 {color:#3d84ca; font-size:12px; text-align:left; padding-left:15px; margin:0}
h4 {color:#3d84ca; font-size:12px; text-align:left; margin:0 0 10px}

p {padding:0 15px 10px 15px; text-align:justify; margin:10px 0 0 0}
#img {margin:0 15px 15px 10px;}

#liste {list-style:none; text-align:left}
#liste2 {text-align:left}
#liste2 li ul {padding-left:100px}
#vacancy {background:url(../images/template/vacancy.gif) no-repeat; margin:0; text-align:left; width:550px; height:40px; padding:42px 0 0 80px}
#form {display:none}

#menu {margin:58px 0 0 -33px; _margin:33px 0 0 0; list-style:none; width:164px; z-index:0; }
#menu li {padding:8px 0 0 15px; list-style:none; text-align:left; height:19px; background:url(../images/template/menu-2.gif) repeat-x; z-index:0;}
#menu li ul {position:absolute; left:-999em; width:196px; margin:-20px 0 0 -50px;  z-index:2;}
#menu li li {width:191px; display:inline; padding:8px 0 0 0;  line-height:2em;  background:url(../images/template/menu-2.gif) repeat-x; z-index:3}
#menu li li a {display:inline; width:190px; z-index:1;  height:25px; font-size:10px}
#menu li li a:hover {display:inline; width:190px; text-align:left; height:25px; z-index:1; font-size:10px}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto; z-index:3}
#menu li li:hover, #menu li li.sfhover {display:inline; z-index:1}
#menu li:hover ul, #menu li.sfhover ul, {margin: 0 0 0 -150px;}