/* basics */
body {font-family:Arial, Helvetica, sans-serif;font-size: 12px;background-color:#FFFFFF;color:#333333;text-align:left;}
a {color:#87B833;font-weight: bold;text-decoration: none;}

/* structure */
 
#root { width:1051px;margin:0px auto;}
#container { width:980px;margin:0px auto;} 
#container2 { width:980px;padding-left:12px;float:left;margin:0px auto;}   
#top{margin-top:30px;}
#logo{width: 252px;margin-top:20px;float:left;}
#partenaires{width: 324px;float:right;}
#center {width:980px;height:440px;margin-top:10px;margin-bottom:30px;background-image:url(../img/bg.png);background-repeat:no-repeat;float:left;}
#left {width: 402px;margin:30px 15px 0 50px;float:left;}
#right {width:490px;margin-top:30px;float:left;}
#mainmenu {width: 980px;padding-left:18px;clear:both;}
#mainmenu_formation {width:980px;clear:both;}  
#submenu {width:300px;margin-top:-25px;float:right;clear:both;}
#submenu2 {width:300px;margin-top:0px;float:right;clear:both;}
#submenu3 {width:300px;margin-top:-5px;float:right;clear:both;}

/*Accueil*/

.accueil_titre_ac{margin-top:-10px;}
.accueil_bloc_txt{margin-top:-10px;padding-top:0px;text-align:justify;}
.accueil_quizz{margin-top:35px;margin-left:70px;}
#accueil_barometre{width:332px;height:205px;margin-left:100px;color:
#FFFF66;font-weight:bold;background-image:url(../img/barometre.png);background-repeat:no-repeat;}
#accueil_barometre .txt{font-size:12px;text-align:left;padding:40px 30px 70px 40px;line-height:14px;}.accueil_formations{width:309px;margin:0 0 42px 120px;}.pack {margin:50px 0 29px 0;}

/* mentions légales */

.scroll-pane {padding: 30px 20px 30px 20px;overflow-y: auto;height: 378px;}

/* qui sommes nous */

#titre_page {width:441px;margin: 46px 0 0 15px;}
#titre_page_packs {width:750px;margin: 46px 0 0 15px;}
#bloc_qui_sommes_nous {width:442px;height:267px;background-image:url(../img/bg_bloc.png);background-repeat:no-repeat;margin: 25px 0 31px 32px;float:left;font-size:11px;line-height:19px;text-align:justify;}
.bloc_qui_sommes_nous_txt {width:400px;margin-left:20px;margin-top:20px;}
.url{font-size:13px;font-weight:bold;float:left;}
.signature {margin-top:-20px;float:right;}

/* risque routier */

#bloc_risque_routier {width:441px;height:298px;background-image:url(../img/bg_bloc2.png);background-repeat:no-repeat;margin: 25px 0 0 32px;float:left;font-size:11px;line-height:20px;text-align:justify;}
.bloc_risque_routier_txt {width:400px;margin-left:20px;margin-top:20px;}
#encart_risque_routier {width:402;float:left;margin:-55px 0 0 60px;}
.panneau_risque_routier {width:220px;float:right;margin:-30px 100px 0 0;}

/* structure des formations à la carte */

.scrollable {position:relative;overflow:hidden;width:980px;height:400px;}
.items {width:4000em;position:absolute;clear:both;}
.items div {width: 980px;float:left;}
#fleche_gauche {width:24px;height:44px;margin:300px 0 0 0;float:left;}
#fleche_droite {width:24px;height:44px;margin:300px 0 0 0;float:right;}
a.right {width:24px;height:44px;float:left;background-image:url(../img/fleche_droite.png);background-repeat:no-repeat;}
a.right:hover {width:24px;height:44px;float:left;background-image:url(../img/fleche_droite_ro.png);background-repeat:no-repeat;}
a.left {width:24px;height:44px;float:left;background-image:url(../img/fleche_gauche.png);background-repeat:no-repeat;}
a.left:hover {width:24px;height:44px;float:left;background-image:url(../img/fleche_gauche_ro.png);background-repeat:no-repeat;}
a.disabled {visibility:hidden !important;}
.formations_titre {margin: 20px 0 0 15px;}
.ss_titre_formation {margin: 0 0 3px 0;}
#bloc_g {width:400px;margin: 10px 0 0 35px;float:left;}
#bloc_d {width:400px;height:356px;margin: -60px 70px 0 0;float:right;}
#bloc_g_recup{width:400px;margin: 10px 0 0 35px;float:left;}
#bloc_d_recup {width:400px;margin: 10px 90px 0 0;float:right;}
#titre_recup {margin: 30px 0 20px 35px;}
.visuel_formation{margin-left:40px;}
.accueil_1 {margin: 90px 32px 0px 32px;float:left;}
.accueil_2 {margin: 30px 32px 0px 0px;float:left;}
.accueil_3 {margin: 110px 32px 0px 0px;float:left;}
.accueil_4 {margin: 40px 32px 0px 0px;float:left;}
.accueil_5 {margin: 80px 32px 0px 0px;float:left;}

/* En construction */

.construction {width:381px;margin: 10px 0 0 60px;float:left;}
.titre_construction {width:335px;margin: 40px 75px 10px 0;float:right;}

/* menus*/
 
#submenu ul {list-style-type:none;text-align:right;}	
#submenu li {display:inline;padding: 0 0.5em;}
#submenu li a {}
#submenu li a:hover, #navigation li a:focus, #navigation li a:active {}
#submenu2 ul {list-style-type:none;text-align:right;}	
#submenu2 li {display:inline;padding: 0 0.5em;}
#submenu2 li a {}
#submenu2 li a:hover, #navigation li a:focus, #navigation li a:active {}
#submenu3 ul {list-style-type:none;text-align:right;}	
#submenu3 li {display:inline;padding: 0 0.5em;}
#submenu3 li a {}
#submenu3 li a:hover, #navigation li a:focus, #navigation li a:active {}
#mainmenu ul {list-style-type:none;text-align:left;}	
#mainmenu li {display:inline;padding: 0 1.2em;}
#mainmenu li a {}
#mainmenu li a:hover, #navigation li a:focus, #navigation li a:active {}
#mainmenu_formation ul {list-style-type:none;text-align:left;margin-left:-27px;}	
#mainmenu_formation li {display:inline;padding: 0 0 0 3px;}
#mainmenu_formation li a {}
#mainmenu_formation li a:hover, #mainmenu_formation li a:focus, #mainmenu_formation li a:active {}
#accueil_bloc_txt li {list-style-image: url(../img/puces1.png);margin-left:-25px;line-height:17px;}
#liste_content_formations li {list-style-image: url(../img/puces1.png);margin-top:-10px;margin-left:-25px;margin-bottom:13px;}

/* IE6 */

* html #left{width: 402px;margin:30px 15px 0 20px;float:left;}
* html #submenu {width:300px;margin-top:0px;margin:-18px 7px 0 0;float:right;clear:none;}
* html .accueil_quizz{margin-top:20px;margin-left:70px;}
* html #submenu2 {width:300px;margin-top:-15px;float:right;clear:both;}
* html #submenu li {padding: 0 0;}
* html #bloc_qui_sommes_nous {margin: 25px 0 31px 18px;}
* html .panneau_risque_routier {margin:-30px 100px 50px 0;}
* html #fleche_droite {width:24px;height:44px;margin:300px 0 0 20px;float:right;clear:all;}
* html #container2 { width:980px;margin-left:12px;float:left;}
* html .scrollable {position:relative;	overflow:hidden;width:980px;height:430px;}
* html #bloc_g {width:400px;height:430px;margin: 10px 0 0 20px;float:left;}
* html #bloc_d{margin: -486px 15px 0 0;}
* html #bloc_g_recup{width:400px;height:430px;margin: 10px 0 0 20px;float:left;}
* html #bloc_d_recup {width:400px;margin: -430px 20px 0 0px;float:right;}
* html #titre_recup {margin: 30px 0 20px 20px;}
* html .accueil_1 {margin: 90px 20px 0px 32px;float:left;}
* html .accueil_2 {margin: 30px 32px 0px 0px;float:left;}
* html .accueil_3 {margin: 110px 32px 0px 0px;float:left;}
* html .accueil_4 {margin: 40px 32px 0px 0px;float:left;}
* html .accueil_5 {margin: 80px 0px 0px 0px;}
* html  #submenu3 {width:300px;margin-left:338px;margin-top:5px;float:left;}
* html #bloc_quizz_g {width:550px;margin: 0 0 0 30px;display:block;float:left;}
* html #bloc2_quizz_g {width:600px;margin: 0 0 0 30px;display:block;float:left;}
* html #bloc2_quizz_d{width:100px;margin: 150px 50px 0 0;float:right;}
* html .visuel_formation{margin-top:-20px;}
* html #mainmenu_formation ul {margin-left: 14px;}
* html #titre_contact {width:441px;margin: 22px 0 0 15px;}
* html #formulaire {width:950px;margin: 20px 0 -10px 30px;float:left;}

/* IE7 */

*+html #submenu {width:300px;margin-top:-13px;margin-right:10px;clear:none}
*+html #submenu li {padding: 0 0;}
*+html .panneau_risque_routier {margin-bottom:54px;}
*+html #submenu2 {width:300px;height:20px;margin-top:-25px;float:right;clear:both;}
*+html .scrollable {height:440px;}
*+html .visuel_formation{margin-top:-20px;}
*+html .accueil_quizz{margin-top:17px;margin-left:70px;}
*+html #submenu3 {width:300px;margin-left:680px;margin-top:5px;float:left;}
*+html #mainmenu_formation ul {margin-left: 14px;}
*+html #titre_contact {width:441px;margin: 21px 0 0 15px;}
*+html #formulaire {width:950px;margin: 20px 0 -12px 64px;float:left;}

/*  Charte Graphique  */

.nuancier {width:180px;min-height:264px;margin:-10px 0 0 150px;}

/* overlay */

.tooltip {display:none;background:url(../img/overlay.png) no-repeat;font-size:12px;height:250px;	width:400px;padding:25px;margin-top:30px;margin-left:120px;color:yellow;}

/* QUIZZ */

#center_quizz {width:980px;height:650px;margin-top:10px;margin-bottom:30px;background-image:url(../img/bg_quizz.png);background-repeat:no-repeat;float:left;}
#center_quizz_2 {width:980px;height:740px;margin-top:10px;margin-bottom:30px;background-image:url(../img/bg_quizz_2.png);background-repeat:no-repeat;float:left;}
#titre_quizz {margin: 25px 0 35px 15px;}
#bloc_quizz_g {width:550px;margin: 0 0 0 70px;display:block;float:left;}
#bloc2_quizz_g {width:620px;margin: 0 0 0 70px;display:block;float:left;}
#bloc_quizz_d{width:250px;margin: 100px 100px 0 0;float:right;}
#bloc2_quizz_d{width:100px;margin: 150px 150px 0 0;float:right;}
#bloc_resultat_d{width:250px;margin: 0px 80px 0px 0;float:right;}
.bloc_resultat_d {margin: 0px 0px 18px 0;}

/* formulaire */

#titre_contact {width:441px;margin: 36px 0 0 15px;}
#formulaire {width:950px;margin: 20px 0 3px 70px;float:left;}
.champs {margin-bottom:5px;}

.phrase {
font-size: 11px;
}