/*** structure ***/
body.hp { margin:0; padding:0; font-size:12px; min-height:675px; font-family:Roboto,Arial; color:#1e7472; background:#fff url('../images/bg.jpg') repeat-x center top;}
body.gp { margin:0; padding:0; font-size:12px; font-family:Roboto,Arial; color:#1e7472;  background: url('../images/bggp.jpg') no-repeat center top }
#container { margin-left: auto; margin-right: auto; width: 942px;  background: url('../images/home.jpg') no-repeat center top }

#header {  width:100%; background: url('../images/headerbg.jpg') repeat-x; height:186px; }
#subheader { position:relative; margin-left: auto; margin-right: auto; width:1052px; height:186px; background: url('../images/header.jpg') no-repeat center top } 
#infos_header { position:absolute;left:606px;top:79px;}
#container_gp { margin-left: auto; margin-right: auto; margin-bottom:50px; width:1052px; }
#connexion { padding-top:560px; }
#frmConnexion { float:left; width:675px; padding-right:17px; padding-top:18px; text-align:right; }
#adresse { padding-top:20px; float:left; }
#legendes { text-align:right; margin-top:27px; font-size:13px; }
#titre_etape { text-align:left; margin-top:27px; font-size:26px; }
#tb { width:100%; } 
#tb_header { width:100%; background-color:#dbd700; padding:13px; }
#tb_body { width:100%;  background-color:#fff; }
#tb_line1,#tb_line2,#tb_line3 { width:100%; }
#tb_body_line { width:100%;border-bottom:1px solid #c8d20a; background-color:#fff; padding:13px; }
#txt_hp_groupe { margin-top:27px; padding-left:65px; font-size:14px; }
#txt_creation_groupe { margin-top:27px; padding-left:65px; color:#000; font-size:14px; }
#txt_hp_groupe a { color:#1e7472; text-decoration:underline; }
#txt_hp_groupe a:hover { color:#1e7472; text-decoration:none; }

div#menu ul { margin-left:-20px;margin-top:25px; }
div#menu ul li a { color: #1e7472; text-decoration: none; font-size:18px; font-weight:200; padding-bottom: 7px; }
div#menu ul li a:hover, div#menu ul li a.active { color: #1e7472; text-decoration: none; font-size:18px; padding-bottom: 7px; border-bottom:4px solid #ff511e; }
div#menu ul li:not(.sep) { display: inline-block; position: relative; padding-bottom: 7px; margin-right: 23px; }
div#menu ul li.sep { display: inline-block; position: relative; margin-right: 23px; padding-bottom: 7px; color:#ff511e; font-size:25px; vertical-align:middle }
div.onglet_tb { background: url('../images/onglet_tb.jpg') no-repeat center; height:54px; width:573px; }
div.onglet_tbce { background: url('../images/onglet_tbce.jpg') no-repeat center; height:54px; width:335px; margin-left:1px; }
div.onglet_tb2 { background: url('../images/onglet_tb2.jpg') no-repeat center; height:59px; width:573px; }
div.onglet_tbce2 { background: url('../images/onglet_tbce2.jpg') no-repeat center; height:54px; width:151px; }
div.dots { background: url('../images/dots.jpg') no-repeat center center; height:39px; width:3px; }
div.line { background: url('../images/vertical.jpg') no-repeat center center; height:39px; width:1px; }
div.dotline {width:100%; border-bottom:3px #1e7472 dotted; margin:22px 0px}
div.orangeline {width:100%; height:5px; background-color:#ea542b; margin:22px 0px}
div.fondvert { padding:10px 15px; background-color:#1d7572; color:#fff; font-size:12px; display:block;float:left; }
div.topvert { background: url('../images/topvert.png') no-repeat center left; height:13px; width:100px; }
div.blocform { padding:15px 0px; border-top:1px #1e7472 dotted; }
div.blocorange { padding:15px; width;400px; background-color:#ea542b; float:left; color:#fff; font-weight:bold; margin:30px 0px; }
div#precisions { display:none; }
div.zip { background: url('../images/fond_zip.jpg') no-repeat center center; width:946px; height:45px; }
div.pdf { background: url('../images/fond_pdf.jpg') no-repeat center center; width:946px; height:45px; }
div.xls { background: url('../images/fond_xls.jpg') no-repeat center center; width:946px; height:45px; }
div.doctitle { color:#000; font-size:16px; float:left; margin-left:50px; padding-top:12px; }
a.liendl, a.liendl:hover { float:right; width:145px; height:45px; display:block; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.padb13 { padding-bottom:13px; }
.padb10 { padding-bottom:10px; }
.padb15 { padding-bottom:15px; }
.padb17 { padding-bottom:17px; }
.padb31 { padding-bottom:31px; }
.padt13 { padding-top:13px; }
.padt8 { padding-top:8px; }
.padt7 { padding-top:7px; }
.padt5 { padding-top:5px; }
.padt3 { padding-top:3px; }
.padl2 {padding-left:2px !important; }
.padl11 {padding-left:11px !important; }
.padl16 {padding-left:16px !important; }
.padl18 {padding-left:18px !important; }
.padl20 {padding-left:20px !important; }
.padl21 {padding-left:21px !important; }
.padl24 {padding-left:24px !important; }
.vtop { vertical-align:top; }
.vmid { vertical-align:middle; }
.mr23 { margin-right:23px; }
.mr7 { margin-right:7px; }
.mr15 { margin-right:15px !important; }
.ml13 { margin-left:13px; }
.mt17 { margin-top:17px; }
.mt26 { margin-top:26px; }
.w51 { width:51px; }
.w45 { width:45px; }
.w50 { width:50px; }
.w52 { width:52px; }
.w57 { width:57px; }
.w139 { width:139px; }
.w149 { width:149px; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w200 { width:200px !important; }
.w270 { width:270px; }
.w284 { width:284px; }
.w296 { width:296px; }
.w308{ width:308px; }
.w317 { width:317px; }
.w321 { width:321px; }
.w323 { width:323px; }
.w336 { width:336px; }
.w300 { width:300px !important; }
.w370 { width:370px !important; }
.w610 { width:610px; }
.w136 { width:136px; display: table; }
.w137 { width:137px; display: table; }
.w140 { width:140px; display: table; }
.bdrv { border-right:1px solid #1e7472; }
.w157 { width:157px; display: table;}
.w145 { width:145px; display: table;}
.w141 { width:141px; display: table;}
.w573 { width:573px !important;}
.noir { color:#000; }
.acenter { text-align:center; }
.ml15 { margin-left:15px; }
.image-container { text-align: center; vertical-align: middle; display: table-cell; }
table { font-size:14px; }

span.txtConnexion { font-size:16px; }
span.txtAdresse { font-size:13px; line-height:19px; }
span.blanc18 { color:#fff; font-size:18px; }
span.blanc28 { color:#fff; font-size:28px; }
span.vert15 { font-size:15px; }
span.vert22 { font-size:22px; font-weight:300; }
span.orange { color:#ff511e; }
span.h28 { font-size:28px; }
span.h36 { font-size:36px; }
span.h18 { font-size:18px; font-weight: 300; }
span.orange { color:#ff511e; }
.orange18 { color:#ff511e;font-size:18px; }

.inputs,select { color: #000; font-size: 15px; width: 213px; margin-right:7px; height: 32px; padding-left:16px; border:1px solid #cdcdcd; background-color:#cdcdcd; }
.inputs:focus { outline: none !important; border:1px solid black; }
.inputs:blur { outline: none !important; border:none;	}
label { color:#000; font-weight:bold; margin-right:20px; }
textarea { font-family:Roboto,Arial; color: #000; font-size: 15px; width: 620px; margin-right:7px; height: 118px; padding-left:16px; border:1px solid #cdcdcd; background-color:#cdcdcd;}
	
a.gris,a.gris:hover { color:#8c8c8c; text-decoration:none; font-size: 14px; }
a.vert, a.vert:hover { color:#1e7472; text-decoration:none; font-size: 13px; }
a.rouge, a.rouge:hover { color:#ff501e; text-decoration:none; font-size: 14px; }
a.orange, a.orange:hover { color:#ff511e; text-decoration:underline; font-size: 14px; }
a.nom_bailleur { color:#1e7472; text-decoration:none; font-size: 18px; font-weight:300; }
a.nom_bailleur:hover { color:#1e7472; text-decoration:underline; font-size: 18px; font-weight:300; }