/*  [[[  PAR DEFAUT ]]]   */


body {
	background: url(images/header_font.jpg) #000000 repeat; 
	background-repeat: repeat-x;
	background-color:#D3D3D3;
	width: 100%;
	margin:auto;
	color:#046380;
	font: normal 10pt Tahoma, Verdana, sans-serif, Arial;
}

h2{
	color:#FFF;
}

h3{
	color:#FFF;
	
}

a{text-decoration:none; color:#5CA4DD; font-size:9pt}
a:hover{text-decoration:none; color:#5CA4DD; font-weight:bold;}

a.connexion{text-decoration:none; color:#5CA4DD; font-size:8pt}
a.connexion:hover{text-decoration:none; color:#FFF; font-weight:bold;}

#charte{ margin:auto; width: 990px;}
#header{background: url(images/header.png) no-repeat; width: 990px; height: 149px;}

#box{ width: 370px; margin-left:350px}
.BB1 {float:left; background: url('images/bb1.png') no-repeat top; width:184px; height:42px; padding:0px 0px 0px 0px;}
.BB1:hover {float:left; background: url('images/bb11.png') no-repeat top; width:184px; height:42px; padding:0px 0px 0px 0px; }
.BB2 {float:left; background: url('images/bb2.png') no-repeat top; width:186px; height:42px; padding:0px 0px 0px 0px;}
.BB2:hover {float:left; background: url('images/bb22.png') no-repeat top; width:186px; height:42px; padding:0px 0px 0px 0px; }

.BC {float:left; background: url('images/bouton_connexion_1.png') no-repeat top; width:89px; height:54px; border:0px; padding:0px 0px 0px 0px;}
.BC:hover {float:left; background: url('images/bouton_connexion_2.png') no-repeat top; width:89px; height:54px; border:0px; padding:0px 0px 0px 0px; }

#menu{background: url(images/menu.png) no-repeat; width: 990px; height: 56px; padding-top:4px;}
#menu_date{ margin-left:30px; font-family: Helvetica; text-align:left; color:#FFF; font-size:11px;}

#mhoriz{float:left; width: 210px; }
#menu_head{float:left; background: url(images/m1.png) no-repeat; width: 190px; height: 25px; padding:9px 0px 0px 20px; color:#FFF;}
.Bm {float:left; background: url('images/m2.png') no-repeat top; width:190px; height:22px; padding:8px 0px 0px 20px; color:#5D5D5D; font-size:8pt}
.Bm:hover {float:left; background: url('images/m22.png') no-repeat top; width:190px; height:22px; padding:8px 0px 0px 20px; color:#5CA4DD; font-weight:bold;}
#menu_sep{float:left; background: url(images/m3.png) no-repeat; width: 190px; height: 23px; padding:7px 0px 0px 20px; color:#FFF;}
#menu_foot{float:left; background: url(images/m4.png) no-repeat; width: 210px; height: 9px;}

#conteneur{float:left; width: 760px; }
#cont_head{float:left; background: url(images/cont_head.png) no-repeat; width: 740px; height: 36px; padding:10px 0px 0px 20px; color:#414646;}
#cont_ligne {float:left; background: url(images/cont_ligne.png); width: 740px; padding:0px 10px 0px 10px; text-align:justify; color:#5B6262;}
#cont_foot{float:left; background: url(images/cont_foot.png) no-repeat; width: 760px; height: 8px;}

.B1 {float:left; background: url('images/b1.png') no-repeat top; width:121px; height:37px; padding:0px 0px 0px 0px;}
.B1:hover {float:left; background: url('images/b11.png') no-repeat top; width:121px; height:37px; padding:0px 0px 0px 0px; }
.B2 {float:left; background: url('images/b2.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B2:hover {float:left; background: url('images/b22.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
.B3 {float:left; background: url('images/b3.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B3:hover {float:left; background: url('images/b33.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
.B4 {float:left; background: url('images/b4.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B4:hover {float:left; background: url('images/b44.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
.B5 {float:left; background: url('images/b5.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B5:hover {float:left; background: url('images/b55.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
.B6 {float:left; background: url('images/b6.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B6:hover {float:left; background: url('images/b66.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
.B7 {float:left; background: url('images/b7.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px;}
.B7:hover {float:left; background: url('images/b77.png') no-repeat top; width:110px; height:37px; padding:0px 0px 0px 0px; }
#B8{float:left; background: url(images/b8.png) no-repeat; width: 200px; height: 29px; padding:8px 0px 0px 9px;}

#page_ligne {float:left; background: url(images/page_ligne.png); width: 990px; padding:0px 0px 0px 0px; text-align:left;}

#cadre{float:left; margin-left:10px; padding:10px 0px 10px 0px;}

#preview_box{float:left; height:434px;}
#preview_left{float:left;  background: url(images/pre_1.png) no-repeat; width: 300px; height: 434px;}
#preview_droit{float:left; background: url(images/pre_2.png) no-repeat; width: 670px; height: 434px; padding-top:2px; padding-left:2px;}

.Mb {float:left; background: url('images/mb_off.png') no-repeat top; width:32px; height:23px; margin:3px; padding:9px 0px 0px 0px; text-align:center; }
.Mb:hover {float:left; background: url('images/mb_on.png') no-repeat top; width:32px; height:23px; margin:3px; padding:9px 0px 0px 0px; text-align:center; color:#FFF;}
.Mbs {float:left; background: url('images/mb_on.png') no-repeat top; width:32px; height:23px; margin:3px; padding:9px 0px 0px 0px; text-align:center; color:#FFF;}
.Mbs:hover {float:left; background: url('images/mb_on.png') no-repeat top; width:32px; height:23px; margin:3px; padding:9px 0px 0px 0px; text-align:center; color:#FFF;}

.Bb { border:0px; background: url('images/bouton.png') no-repeat top; width:230px; display:block; height:30px; margin:3px; padding:10px 0px 0px 0px; text-align:center; color:#FFF; font-size:14px;}
.Bb:hover { border:0px; background: url('images/bouton_on.png') no-repeat top; width:230px; display:block; height:30px; margin:3px; padding:10px 0px 0px 0px; text-align:center; color:#FFF; font-size:14px;}
.Bb2 { border:0px; background: url('images/bouton_2.png') no-repeat top; width:230px; display:block; height:30px; margin:3px; padding:10px 0px 0px 0px; text-align:center; color:#FFF; font-size:14px;}
.Bb2:hover { border:0px; background: url('images/bouton_2_on.png') no-repeat top; width:230px; display:block; height:30px; margin:3px; padding:10px 0px 0px 0px; text-align:center; color:#FFF; font-size:14px;}

.Bp { background: url('images/bp.png') no-repeat top; width:222px; display:block; height:58px; margin:3px;}
.Bp:hover { background: url('images/bp_on.png') no-repeat top; width:222px; display:block; height:58px; margin:3px; }


#white{ color:#FFF; font-weight:bold; font-size:10px; font-family : Helvetica; }
#grey{ color:#B3B3B3; font-weight:bold; font-size:10px; font-family : Helvetica; }

a.part{text-decoration:none; color:#3D3F3F; font-size:8pt}
a.part:hover{text-decoration:none; color:#B3B3B3; font-weight:bold;}


#titre_foot{ color:#FFF; font-weight:bold; font-size:11px; font-family : Helvetica; }
#logo{float:right; background: url(images/logo.png) no-repeat; width: 132px; height: 104px; }
#foot_debut{float:left; background: url(images/foot_debut.png) no-repeat; width: 990px; height: 11px; }
#foot_ligne {float:left; background: url(images/foot_ligne.png); width: 990px; padding:0px 0px 0px 0px; text-align:left; }
#foot_stop{float:left; background: url(images/foot_stop.png) no-repeat; width: 990px; height: 23px; }
#foot_fin{float:left; background: url(images/foot_fin.png) no-repeat; width: 990px; height: 44px; text-align:center;}

#table{float:left; width:629px; padding: 0px 0px 0px 50px;}
#table_1{float:left; background: url(images/table_1.png) no-repeat; width: 150px; height: 29px; padding:27px 0px 0px 40px; color:#FFF; text-align:left; font-weight:bold;}
#table_2{float:left; background: url(images/table_2.png) no-repeat; width: 148px; height: 29px; padding:27px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold;}
#table_3{float:left; background: url(images/table_3.png) no-repeat; width: 114px; height: 29px; padding:27px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold;}
#table_4{float:left; background: url(images/table_4.png) no-repeat; width: 177px; height: 29px; padding:27px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold;}

#table_5{float:left; background: url(images/table_5.png) no-repeat; width: 150px; height: 27px; padding:15px 0px 0px 40px; color:#414646; text-align:left; font-weight:bold;}
#table_6{float:left; background: url(images/table_6.png) no-repeat; width: 148px; height: 27px; padding:15px 0px 0px 0px; color:#414646; text-align:center;}
#table_7{float:left; background: url(images/table_7.png) no-repeat; width: 114px; height: 27px; padding:15px 0px 0px 0px; color:#414646; text-align:center;}
#table_8{float:left; background: url(images/table_8.png) no-repeat; width: 177px; height: 27px; padding:15px 0px 0px 0px; color:#414646; text-align:center;}

#table_9{float:left; background: url(images/table_9.png) no-repeat; width: 629px; height: 12px; padding:0px 0px 0px 0px; color:#414646;}

#table_10{float:left; background: url(images/table_ligne_1.png) no-repeat; width: 150px; height: 26px; padding:10px 0px 0px 40px; color:#414646; text-align:left; font-weight:bold;}
#table_11{float:left; background: url(images/table_ligne_2.png) no-repeat; width: 148px; height: 26px; padding:10px 0px 0px 0px; color:#414646; text-align:center;}
#table_12{float:left; background: url(images/table_ligne_3.png) no-repeat; width: 114px; height: 26px; padding:10px 0px 0px 0px; color:#414646; text-align:center;}
#table_13{float:left; background: url(images/table_ligne_4.png) no-repeat; width: 177px; height: 26px; padding:10px 0px 0px 0px; color:#414646; text-align:center;}

#table_14{float:left; background: url(images/table_14.png) no-repeat; width: 212px; height: 48px; padding:0px 0px 0px 0px; color:#FFF; text-align:center;}
#table_15{float:left; background: url(images/table_15.png) no-repeat; width: 104px; height: 32px; padding:16px 0px 0px 0px; color:#FFF; text-align:center;}
#table_16{float:left; background: url(images/table_16.png) no-repeat; width: 22px; height: 48px; padding:0px 0px 0px 0px; color:#FFF; text-align:center;}
#table_17{float:left; background: url(images/table_18.png) no-repeat; width: 104px; height: 32px; padding:16px 0px 0px 0px; color:#FFF; text-align:center;}
#table_18{float:left; background: url(images/table_19.png) no-repeat; width: 21px; height: 48px; padding:0px 0px 0px 0px; color:#FFF; text-align:center;}
#table_19{float:left; background: url(images/table_20.png) no-repeat; width: 104px; height: 32px; padding:16px 0px 0px 0px; color:#FFF; text-align:center;}
#table_20{float:left; background: url(images/table_21.png) no-repeat; width: 62px; height: 48px; padding:0px 0px 0px 0px; color:#FFF; text-align:center;}

a.white{text-decoration:none; color:#FFF; font-size:8pt}
a.white:hover{text-decoration:none; color:#FFF; font-weight:bold;}

#titre_texte{ color:#6B6B6B; font-weight:bold; font-size:15px; font-family : Helvetica; margin-bottom:5px; }

#formulaire_div{float:left; width:718px; padding: 0px 0px 0px 10px;}
#formulaire_div_1{float:left; background: url(images/conteneur_formulaire_1.png) no-repeat; width: 675px; height: 29px; padding:22px 0px 0px 43px; color:#000; text-align:left; font-weight:bold; font-size:14px;}
#formulaire_div_2{float:left; background: url(images/conteneur_formulaire_2.png); width: 708px; padding:0px 0px 0px 10px; text-align:left;}
#formulaire_div_3{float:left; background: url(images/conteneur_formulaire_3.png) no-repeat; width: 292px; height: 92px; padding:23px 0px 0px 426px; color:#FFF; text-align:left; font-weight:bold;}

.progressBar{width:738px; height:47px; background:url(images/bg_bar.gif) no-repeat 0 0; position:relative;}
.progressBar span{position:absolute; display:block; width:718px; height:47px; background:url(images/bar.gif) no-repeat 0 0; overflow:hidden; text-indent:-8000px;}
.progressBar em{position:absolute; display:block; margin-left: 14px; width:100%; height:47px; background:url(images/bg_cover.gif) repeat-x ;}

#tradu{float:left; background: url(images/fond_trad.png); width: 736px; padding:0px 0px 0px 0px;}

#rea_box{float:left; margin: 0px 35px 10px 35px; background: url(images/rea_box.png) no-repeat; width: 300px; height: 150px; padding:10px 0px 0px 0px; color:#000; text-align:center;}
.project_hoverPhoto, .project_hoverVideo { background:url(images/spacer.gif) repeat scroll 0 0 transparent; display:block; height:140px; position:absolute; width:280px; z-index:5;}
.project_hoverPhoto:hover {background:transparent url(images/overPhoto.png) scroll 0 0 no-repeat; margin-left:10px;}
.project_hoverVideo:hover {background:transparent url(images/overVideo.png) scroll 0 0 no-repeat; margin-left:10px;}

#dispo_box{float:left; padding:0px 0px 0px 0px;}
#dispo_pro{float:left; padding:0px 0px 0px 0px;}
#titre_dispo{ float:left; margin-left:15px; color:#6B6B6B; font-weight:bold; font-size:15px; font-family : Helvetica; }
#contact_dispo{float:right; margin-right:20px; color:#6B6B6B; font-weight:bold; }

.message {margin: 0 0 10px;padding: 15px 15px 15px 37px;font-weight: normal;background: #fff no-repeat 15px center;border: 1px solid #ddd;}
.message { text-shadow: 0 1px 0 rgba(255, 255, 255, .5); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.message.error { color: #9e1111; background-color: #f5e8e8; background-image: url(images/error.png); border-color: #dfb2b2; }
.message.success { color: #11a322; background-color: #e8f6e9; background-image: url(images/success.png); border-color: #b2e1b7; }
.message.info { color: #2446ad; background-color: #eaedf7; background-image: url(images/info.png); border-color: #b8c3e4; }
.message.warning { color: #c2b515; background-color: #f9f8e8; background-image: url(images/warning.png); border-color: #ebe7b3; }