/* COULEURS */
/* vert : #23A490 
   gris : #5A5A5A
   jaunegris : #D49B21
   jaune : #f2af09
   bleu : #0ba4aa
   bleu fonce : #2f3b65 */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; font-size:100%}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, * {/*font-weight: normal;*/ font-style: normal;}

/* --- STYLES DE BASE --- */ 
body {margin:0; padding:0; background:url(../images/bg.gif) 0 0 repeat-x #fff; font:normal 12px Arial, Helvetica, sans-serif; color:#707070; line-height: 1.4; ;}
p{line-height:1.3em;  margin: .75em 0;}
h1{color:#2f598c;font-family: Arial, Helvetica, sans-serif; font-size:20px;font-weight:bold;line-height:16px;}
h2{color:#2f598c;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:18px;font-weight:400;line-height:20px;margin:0;}
h3{color:#2f598c;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:13px;font-weight:400;line-height:14px;margin:0;}
h3 span{color:#2f598c;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:13px;font-weight:bold;line-height:14px;margin:0;}
h4{color:#AD6464;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;}
h4 span{color:#B19999;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;}
h5{color:#AD6464;font-family:Arial,Helvetica,sans-serif;font-size:11px;}
ul {list-style-type:none}
ul li {background:url(../images/puce-rond.gif) 0 0.4em no-repeat transparent; padding: 0 0 0 15px; margin:0 0 10px 0;}
dl {margin: .75em 0;} 
dt {margin: .75em 0 0 0; font-weight: bold; background:url(../images/puce-fleche.gif) 0 0.4em no-repeat transparent; padding: 0 0 0 15px;} 
dd {  margin: .25em 0 .25em 32px; background:url(../images/puce-rond.gif) 0 0.4em no-repeat transparent; padding: 0 0 0 15px;} 
a {color:#615659; text-decoration:underline}
a:hover, a:focus, a:active {color:#a7989c; outline: none;}
a:active {outline: none;} 
a img{border:none;}
strong{font-weight:bold;color:#9c8f92}
dfn{color:#ac866d;}
input,textarea{background-color:#fff;border:1px solid #999; padding:2px; font:normal 11px Tahoma, Geneva, sans-serif;  color:#666;}
label{display:block;font-size:11px;text-align:right;margin:0 0 4px;}
s{text-decoration:none;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.esp10{height:10px;}
u.esp20{height:20px;}
hr.sep,
u.sep{height:18px; background:url(images/points-H.gif) repeat-x center;}
u.rel{position:relative; height:0; overflow:hidden;}

form, fieldset {margin: 0; padding: 0; border: none;} 
input, button, select {vertical-align: middle;}

/* CLASSES */
.pr10{padding-right:10px}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}


.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mg10{margin-left:10px}
.mg20{margin-left:20px}
.mr160{margin-right:160px}
.pr75{padding-right:75px}
.marg10{margin:10px;}
.marg15{margin:15px;}
.marg20{margin:20px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.margd05{margin-right:5px; float:left;}
.margd10{margin-right:10px; float:left;}
.margd20{margin-right:20px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.clear{clear:both}
.clearR {clear:right}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.fr,
.fright{display:block;float:right;}
.fl,
.fleft{display:block;float:left;}
.fc{margin-right:auto; margin-left:auto;}
.note{font-size:10px;}
.rel{_position:relative;}
.none{display:none;}
.overflow {overflow:hidden}
.bloc						{background:url(images/bloc-bg.gif) repeat-x top; padding:16px 26px;}
.bloc ul li a				{color: #8e7c83; text-decoration:none;}
.bloc ul li a:hover	{color: #B6B2B3;}

.noborder {border:none}
.jauneg {color:#D49B21}
.vert  {color:#23A490}
.gris {color:#5a5a5a}
.bleu {color:#2f3b65}

.font14st {font-size:14px; font-weight:bold}
.font18st {font-size:18px; font-weight:bold}
.font14 {font-size:14px;}
.lettrine {font-size:1.3em; color:#2f3b65}
.b{font-weight:bold}
.l5{width:5%;}
.l10{width:10%;}
.l15{width:15%;}
.l20{width:20%;}
.l25{width:25%;}
.l30{width:30%;}
.l33{width:33%;}
.l35{width:35%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l55{width:55%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.l80{width:80%;}
.l85{width:85%;}
.l90{width:90%;}
.l95{width:95%;}
.l100{width:100%;}
.w100 {width:100px}
.w110 {width:110px}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
.cur{cursor:pointer;}

a.bouton, a.boutonVert{display:-moz-inline-box;display:inline-block;margin:0;	padding:0;color:#929292; text-decoration:none;  font-weight:normal;
	white-space:nowrap;	text-align:center;	vertical-align:middle;	cursor:pointer;	border:0;background:none;}
a.boutonVert {color:#fff}
a.bouton span{position:relative;float:left;	padding:0 0 0 16px;	vertical-align:middle;background:url(../images/bouton-g.png) left top no-repeat;
	_background-image:url(../images/bouton-g.gif);}
a.boutonVert span{position:relative;float:left;	padding:0 0 0 16px;	vertical-align:middle;background:url(../images/bouton-vert-g.png) left top no-repeat;
	_background-image:url(../images/bouton-vert-g.gif);}	
a.bouton span span{	padding:0 16px 0 0;	background:url(../images/bouton-d.png) right top no-repeat;		_background-image:url(../images/bouton-d.gif);}
a.boutonVert span span{	padding:0 16px 0 0;	background:url(../images/bouton-vert-d.png) right top no-repeat;		_background-image:url(../images/bouton-vert-d.gif);}
a.bouton span span span{height:24px;padding:0 16px;	line-height:2em;background:url(../images/bouton-c.png) left top repeat-x;		_background-image:url(../images/bouton-c.gif);}
a.boutonVert span span span{height:24px;padding:0 16px;	line-height:2em;background:url(../images/bouton-vert-c.png) left top repeat-x;		_background-image:url(../images/bouton-vert-c.gif);}
a.bouton:hover{color:#666;}

.send {display:-moz-inline-box; display:inline-block;margin:0;padding:0;color:#929292; text-decoration:none;  font-weight:normal;
	text-align:center;	vertical-align:middle;	cursor:pointer;	border:0;background:none;}
.send span {position:relative; float:left; padding:0 0 0 6px; vertical-align:middle; background:url(../images/send-g.png) left top no-repeat;
	_background-image:url(../images/send-g.gif);}
.send span span {padding:0 6px 0 0; background:url(../images/send-d.png) right top no-repeat;		_background-image:url(../images/send-d.gif)}
.send span span span {height:20px; padding:0 3px; line-height:2em;background:url(../images/send-c.png) left top repeat-x;		_background-image:url(../images/send-c.gif);}
.send span span span input {border:0 none;color:#FFF; background-color:transparent; cursor:pointer;font: bold 11px/1.3em Arial, Helvetica, sans-serif ;margin:0;padding:2px 0 0}

a.arrow		{background:url(images/arrow.gif) 0 0.4em no-repeat transparent; padding: 0 0 0 15px}

a.icoGoogleMaps,
a.icoPDF	,
a.icoLien			{display:-moz-inline-box; display:inline-block; cursor:pointer;}
a.icoGoogleMaps span,
a.icoPDF span,
a.icoLien span	{position:relative;	float:left;		vertical-align:middle;padding: 4px 0 4px 24px}

a.icoPDF span		{background:url(images/ico-pdf.gif) 0 0 no-repeat transparent; }
a.icoLien span	{background:url(images/ico-lien.png) 0 0 no-repeat transparent;_background-image:url(images/ico-lien.gif);}
a.icoLien span	{background:url(images/ico-lien.png) 0 0 no-repeat transparent;_background-image:url(images/ico-lien.gif);}
a.icoGoogleMaps{background:url(images/ico-googlemaps.png) 0 0 no-repeat transparent;_background-image:url(images/ico-googlemaps.gif);}

a.btPlusjauneg, a.btPlusrouge, a.btPlusjaune, a.btPlusbleu, a.btPlusbleuf,
a.btPlusvert {padding:2px 25px 2px 30px; color:#fff; text-decoration:none; font-weight:bold; background:url(../images/fleche-btn.png) 10px 5px no-repeat; _background:url(../images/fleche-btn.gif)  10px 5px no-repeat}
a.btPlusjauneg {background-color:#D49B21}
a.btPlusjaune {background-color:#f2af09}
a.btPlusvert {background-color:#23A490}
a.btPlusrouge {background-color:#e84c40}
a.btPlusbleu {background-color:#0ba4aa}
a.btPlusbleuf {background-color:#2f3b65}


/*######## FORMULAIRES #########*/
.champfocus{background-color:#fff;border:1px solid #115192;font:normal 12px Tahoma, Geneva, sans-serif;  color:#115192;
	        margin: 0 0 4px 0; padding:2px;display: inline;}
.champnormal{float:left;margin: 0 0 4px 0; background-color:#fff; border : 1px solid #c5c5c5;padding:2px; font:normal 12px Tahoma, Geneva, sans-serif;  color:#A69499;}
.champerreur{border:1px solid #3890c3; background: #9abacc; color:#fff;}
	
span.erreurIcoArea,
.erreurIco	{display:-moz-inline-box; display:inline-block;
				background: url(../images/ico-erreur.png) no-repeat center 0; _background-image:url(../images/ico-erreur.gif); width:26px; height:24px}
span.erreurIcoArea		{background:none; vertical-align:top;}


.titre{float:left;width:180px; color:#58626d;  font-weight:bold}
.com{text-align:left;color:#58626d;  font-weight:bold; padding:0 0 10px 0;}
#contactForm textarea.champcontact,
#contactForm textarea.champerreur,
#contactForm input.champcontact,
#contactForm input.champerreur{width:250px; vertical-align:middle;}

#contactForm .bis input.champcontact,
#contactForm .bis input.champerreur{width:110px;display:inline-block; float:none; vertical-align:middle;}
#contactForm .bis span.erreurIcoArea{display:inline-block; float:none;vertical-align:middle;}
#contactForm .bis .titre{width:180px;display:inline-block; float:none;vertical-align:middle;}
#contactForm .ville .titre{width:30px; margin-left:10px;}
#contactForm .duree .com{width:110px; margin-left:10px;}
#contactForm .nbe .titre{width:136px; margin-left:10px;}
#contactForm .ville input.champcontact,
#contactForm .ville input.champerreur{width:110px;}
#contactForm .cp input.champcontact,
#contactForm .cp input.champerreur{width:60px;}

#contactForm .radio label{float:left; }
#contactForm .radio input{float:left; width:30px; border:none; background:none}
#contactForm .checkbox input{float:left; width:30px; margin-bottom:10px; border:none; background:none}
#contactForm .checkbox label{width:auto; float:left; clear:right}
#contactForm p{clear:both; width:100%}
.red{color:#ff0808}
.divG{float:left; width:550px}
/*######## FORMULAIRES #########*/
/*.champcontact, .champfocus,	.champerreur{background-color:#2e292a;border:0 none;font-size:9px; font:normal 11px Tahoma, Geneva, sans-serif;  color:#A69499;
	margin: 0 0 4px 0; padding:2px;display: inline;}
.champerreur{border:1px solid #fd7e00; border-top-color:#fbab25;border-bottom-color:#b65100; background: #381c00; color:#ffeedd;}
			
.erreur,	div.erreurMsg{font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#47bcd9;font-weight:normal; font-size:11px;}
div.erreurMsg{margin: 6px 0px;	padding:8px 8px 8px 40px;
			background: url(images/ico-atttention.png) no-repeat 5px center #2f3134;_background-image:url(images/ico-atttention.gif);}
span.erreurMsg{margin: 6px 0px;font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#47bcd9;font-weight:normal; font-size:11px;	padding:8px 8px 8px 40px;background: url(images/ico-atttention.png) no-repeat 5px center #2f3134;_background-image:url(images/ico-atttention.gif);}
.erreurIco	{display:-moz-inline-box; display:inline-block;
				background: url(images/ico-erreur.png) no-repeat center center; _background-image:url(images/ico-erreur.gif); width:26px; height:24px}
*/

/*tableau données
.table{border-collapse:collapse; border-spacing:0; border:0; border-top: 1px solid #d8d0c1; border-left: 1px solid #d8d0c1; background:#fff;}
.table th{background: url(Images/fond-th-clair.gif) no-repeat top left #d7cdbe; color: #4D382A;
					border-bottom: 1px solid #cdc4b8; border-right: 1px solid #cdc4b8; padding:4px;text-align:left;}
.table th.c,
.table tr.c th{text-align:center;}
.table td{border:0;border-bottom: 1px solid #d8d0c1; border-right: 1px solid #d8d0c1; padding:2px 4px; color:#8c7a81;}*/


.table, .table th, .table td {border: 1px solid #D4E0EE;border-collapse: collapse;	font-family: Arial, Helvetica, sans-serif;	color: #555}
.table td, .table th {padding: 4px 10px; text-align:center}
.table thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important;}
.table tbody tr { background: #FCFDFE; }
.table tbody tr.odd { background: #F7F9FC; }


/* STRUCTURE */

#global {width:980px; margin:0 auto}

/* header */
#header {width:100%; height:144px; clear:both;}
#logo {display:block; float:left; margin: 10px 0 6px 10px; width:150px; height:85px;}
#liensHaut {width:708px; height:22px; float:right; margin:30px 0 0 0; background:url(../images/keolis.png) right top no-repeat; _background:url(../images/keolis.gif) right top no-repeat; }
#liensHaut ul {margin: 0 0 0 110px; _margin:0 0 0 100px}
#liensHaut ul li {display:block; float:left; width:150px; margin: 0 5px; background:none}
#liensHaut ul li a {display:block; height:22px; color:#23A490; text-decoration:none; font-weight:bold; line-height:1.8em}
#liensHaut ul li a.contact {background:url(../images/ico-contact.gif) 0 0 no-repeat; padding:0 0 0 25px;}
#liensHaut ul li a.recrutement {background:url(../images/ico-recrutement.gif) 0 -1px no-repeat;  padding:0 0 0 30px;}
#liensHaut ul li a.keolis {display:block; width:220px}
ul.menu {width:100%; height:42px; display:block; clear:both}
ul.menu li {display:block; float:left; margin:0; padding:0; background:url(../images/menu-sep.gif) 0 2px no-repeat}
ul.menu li a {color:#5a5a5a; display:block; float:left; height:42px; line-height:3.5em; padding:0 30px; text-decoration:none; font-weight:bold}
ul.menu li a:hover {color:#888; background:url(../images/rub-on.gif) center bottom no-repeat}
ul.menu li a.selected {color:#23A490; background:url(../images/rub-on.gif) center bottom no-repeat}
ul.menu li a.engagements span {display:block; background:url(../images/ico-engagements.gif) 0px 9px no-repeat; padding:0 0 0 25px}
ul.menu li a.accueil {padding: 0 20px}
ul.menu li a.accueil img {margin:12px 0 0}
ul.menu li.nobg {background-image:none}

ul.nav {position:relative;z-index:100; overflow:hidden; width:100%}
ul.nav li {float:left; border:1px solid #d9d9d9; margin: 0 6px; background:none; padding: 3px 10px; }
ul.nav li a {color:#AD3C6C; font:normal 13px/1.7em Arial, Helvetica, sans-serif; text-decoration:none; }
ul.nav li.selected, ul.nav li.selected:hover {background-color:#ad3c6c; border-color:#ad3c6c}
ul.nav li:hover {background-color:#f0d9e3;}
ul.nav li.selected a, ul.nav li.selected:hover a {color:#fff;}
ul.nav li:hover a {color:#AD3C6C;}
ul.nav li.selected a {cursor:default}

ul.ssnav {width:100%; display:block; height:35px; background:url(../images/bg-sousnav.gif) left bottom no-repeat; margin-top:10px; padding:0 0 10px }
ul.ssnav li {float:left; margin: 0 5px; background:none; padding: 3px 0 0; }
ul.ssnav li a.btFiltre span {background:url(../images/ssmenu-off-g.png) left top no-repeat;
	           _background-image:url(../images/ssmenu-off-g.gif);}
ul.ssnav li a.btFiltre span span {background:url(../images/ssmenu-off-d.png) right top no-repeat; _background-image:url(../images/ssmenu-off-d.gif)}
ul.ssnav li a.btFiltre span span span {color:#666; background:url(../images/ssmenu-off-c.png) left top repeat-x; _background-image:url(../images/ssmenu-off-c.gif)}


ul.tabnav {font: normal 12px Arial, Helvetica, sans-serif; padding-bottom: 54px;    border-bottom: 1px solid #dbdbdb; margin: 20px 0 0 ;}
ul.tabnav li {float: left; height: 51px; background-color:#F5F5F5; background-image:none; text-align:center;  padding: 0 10px; margin: 2px 10px 0 0; border: 1px solid #dbdbdb;}
ul.tabnav li.active {border-bottom: 1px solid #f8f6f8; background:url(../images/bg-onglets.gif) center bottom repeat-x #fff; font-weight:bold}
ul.tabnav a {float: left; display: block; color:#3D6494; text-decoration: none; padding: 4px; margin:8px 0 0}
ul.tabnav li:hover {background: #dbdbdb;}
ul.tabnav li.active:hover {background:url(../images/bg-onglets.gif) center bottom repeat-x #fff;}
ul.tabnav li.active a { cursor:default}

.tabnavcontenu {clear:both; margin:0; overflow:hidden; padding:20px 10px 10px; border: 1px solid #dbdbdb; border-top:none}
.tabnavcontenu div.content {clear:both;display:none;}


.lienSuite {width:100%; background:url(../images/bg-ttes-offres.gif) 0 0 repeat-x; height:25px }
.lienSuite a {display:block; float:right; background:url(../images/puce-fleche.gif) 0 3px no-repeat; padding: 0 0 0 15px; margin: 5px 20px 0; font-size:11px; }

#container {width:940px; overflow:hidden; background-color:#fff; margin:10px 0; padding:10px 20px}
#home #container {background-color:Transparent; margin:0; padding:0; width:980px}

/* HOME */
.ghome {width:520px; float:left}
.dhome {width:440px; float:right}
.blocG {width:100%; clear:both; border:1px solid #DBDBDB; border-top:none;}
.blocG h1 {display:block; height:22px; width:93%; font: bold 1.2em/1.5em Arial, Helvetica, sans-serif; color:#fff; padding-left: 7%}
.blocG .content {width:90%; margin:20px auto; overflow:hidden}
#coupdecoeur{height:280px; width:519px}
#coupdecoeur h1{background:url(../images/h1-jaune-g.gif) 0 0 no-repeat #D49B21}
#selection-offres h1 {background:url(../images/h1-vert-g.gif) 0 0 no-repeat #23A490}
#selection-offres .offresResum {width:220px; float:left;}

.blocD {width:100%; clear:both; text-align:right}
.blocD h1 {color:#fff; text-align:right; margin: 0 30px 0; padding: 3px 0 0; font-size:14px }
.blocD .content {width:90%; margin:0 auto}
.blocD p.accroche {display:block; width:250px; float:right; margin: 15px 0 0; color:#4A4445; font-weight:bold;}
#voyages-groupes {height:141px; background:url(../images/bg-voyages.jpg) 0 0 no-repeat}
#entreprises {height:141px; background:url(../images/bg-entreprises.jpg) 0 0 no-repeat}
#lignes-regulieres {height:147px; background:url(../images/bg-lignes.jpg) 0 0 no-repeat}
#lignes-regulieres h1 {padding-top:13px}
#lignes-regulieres p.accroche, #newsletter p.accroche {width:300px}
#newsletter {height:147px; background:url(../images/bg-newsletter.jpg) 0 0 no-repeat;}

#flashHome {width:100%; height:210px; border:none; margin: 16px 0 0 }

.filAriane {width:835px; font-size:11px; padding: 0 0 8px; background:url(../images/filet.jpg) left bottom repeat-x; position:relative;z-index:100;}
.filAriane span {padding: 0 4px}

.head-pages {height:125px;position:absolute; z-index:1; width:1010px; margin-top:-30px; background:url(../images/head-pages.png) right top no-repeat; _background:url(../images/head-pages.gif) right top no-repeat;}
h1.titre {margin: 30px 0}

#footer{width:100%; background:url(../images/bg-footer.gif) 0 0 repeat-x;}
#footer .content {width:980px; overflow:hidden; margin:0 auto; padding: 20px 0; background:url(../images/omb-footer-haut.gif)  center 1px no-repeat}
#footer .content dl {width:150px; float:left;margin: 0 5px 20px 5px; overflow:hidden}
#footer .content dl dt {margin:0 0 10px; line-height:1.2em; background:none; padding-left:0}
#footer .content dl dd {padding:0; margin:4px 0; background:url(../images/puce-rond.gif) 0 3px no-repeat; padding: 0 0 0 15px; font: normal 11px Arial, Helvetica, sans-serif;}
#footer .content dl dd a { font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none}
#footer .content dl dd.description {padding:0; background:none}
.liensFooter {width:570px; clear:left; float:left}
.adresseBas {width:370px; background:url(../images/filet.gif) 0 0 repeat-x; float:right; margin:20px 0 0 }

/* pages offres */

.filtre {width:100%; height:50px; border:1px solid #dbdbdb; border-top:none; background:url(../images/bg-filtres.gif) center top repeat-x #f6f6f6}
.filtre .content {width:95%; margin:0 auto; padding:14px 0}
.filtre .content div {width:80%; float:left}
.filtre .content div.nbOffres {width:80px; float:right; height:19px; color:#3D6494; font-weight:bold; background:url(../images/picto-total-offres.gif) 0 0 no-repeat; padding: 0 0 0 25px; margin:0}

a.btFiltre {display:-moz-inline-box;display:inline-block;margin:0;padding:0 ;color:#fff; text-decoration:none;  font-weight:normal;
	      white-space:nowrap; text-align:center;	vertical-align:middle;	cursor:pointer;	border:0;background:none;}
a.btFiltre span {position:relative;float:left;	padding:0 0 0 10px;	vertical-align:middle;background:url(../images/filtre-off-g.png) left top no-repeat;
	           _background-image:url(../images/filtre-off-g.gif);}
a.btFiltre span span {padding:0 10px 0 0;	background:url(../images/filtre-off-d.png) right top no-repeat; _background-image:url(../images/filtre-off-d.gif);}
a.btFiltre span span span {height:23px;padding:0 10px; line-height:2em;background:url(../images/filtre-off-c.png) left top repeat-x; _background-image:url(../images/filtre-off-c.gif);}

a.btFiltreOn {display:-moz-inline-box;display:inline-block;margin:0;padding:0 ;color:#fff; text-decoration:none;  font-weight:normal;
	      white-space:nowrap; text-align:center;	vertical-align:middle;	cursor:pointer;	border:0;background:none; cursor:default}
a.btFiltreOn span {position:relative;float:left;	padding:0 0 0 10px;	vertical-align:middle; background:url(../images/filtre-active-g.png) left top no-repeat; _background-image:url(../images/filtre-active-g.gif);}
a.btFiltreOn span span {padding:0 10px 0 0; background:url(../images/filtre-active-d.png) right top no-repeat; _background-image:url(../images/filtre-active-d.gif);}
a.btFiltreOn span span span {height:23px;padding:0 10px; line-height:2em; background:url(../images/filtre-active-c.png) left top repeat-x; _background-image:url(../images/filtre-active-c.gif);}

.offreResum {width:98%; margin: 5px auto; padding: 10px 0 15px; background:url(../images/filet.jpg) left bottom repeat-x; overflow:hidden}
.offreResum .photo {float:left; width:220px; text-align:center }
.offreResum .descriptif {float:left; width:400px }
.offreResum .descriptif .titres {width:260px; float:left}
.offreResum .prix {width:210px; height:150px; float:right; padding: 10px 0 0 40px; background:url(../images/fleche-prix.gif) 0 center no-repeat; }
.offreResum .prix span {display:block; margin:15px 0 0; font-size:36px; font-weight:bold; color:#3BAE9C}

#plan-site dl {background-color:#EBF0F6; border:3px solid #D2ECE8; margin:15px 0; padding:20px; width:500px;}

#notre-experience #partG {width:300px; float:left; margin: 20px}
#notre-experience #partD {width:500px; float:left; margin: 20px 0 0}


#developpement-durable {width:100%; margin:20px 0 0;}
#developpement-durable #div1 {background:url(../images/bg-page-ddd.jpg) -20px 22px no-repeat; margin:0; padding:20px 0 0; width:100%; overflow:hidden}
#developpement-durable #div1 .partD {margin: 0 0 0 180px}
#developpement-durable #texteLabel {float:left; width:450px}


.contentSlide {clear:both;display:block;overflow:hidden;position:relative;width:900px;}
.contentSlide #blocSlide {background-color:transparent}
.contentSlide #blocSlide div.content {float:left;overflow:hidden;width:900px;}

/*
#developpement-durable {width:100%; margin:20px 0 0; background:url(../images/bg-page-ddd.jpg) -50px 0 no-repeat}
#developpement-durable #partD {margin:0 0 0 220px; padding:40px 0 0; width:600px; overflow:hidden}
#developpement-durable #texteLabel {float:left; width:350px} */

#carrieres #partG {width:500px; float:left; margin: 20px}
#carrieres #partD {width:400px; float:left; margin: 20px 0 0}

#voyages #partG {width:600px; float:left; margin: 20px}
#voyages #partD {width:200px; float:left; margin: 20px}

#contact #partG {width:600px; float:left; margin: 20px}
#contact #partD {width:200px; float:left; margin: 20px 0 0}



.Tablo{ border-spacing:0; border-collapse:collapse;border-top:1px solid #5ad4c1;border-right:1px solid #5ad4c1; width:99%; margin-left:2px}
.Tablo th{border-bottom:1px solid #5ad4c1;border-left:1px solid #5ad4c1; background:#23A490; text-align:center; padding:4px;}
.Tablo th, .Tablo th *{color:#ffffff;}
.Tablo th.gauche{ text-align:left;}
.Tablo td{border-bottom:1px solid #5ad4c1;border-left:1px solid #5ad4c1; background:#FFFFFF; padding:1px 2px;}

legend {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#23A490;font-weight:bold;border:0; padding:0 10px; margin:0 ;background-color:white}
fieldset{border: dotted 1px #23A490;margin:0 0 20px 0; padding:0 10px;}

/* PAGE Offre DETAIL */


div.curvyInfo										{_position:relative; color:#1C3856; font: normal 11px/1.2em Verdana, Geneva, sans-serif}
div.curvyInfoT										{height:26px; overflow:hidden; position:relative;width:100%;}
div.curvyInfoB										{height:20px; overflow:hidden; position:relative;width:100%;}
div.curvyInfoT s,
div.curvyInfoB s									{height:100%; display:block; overflow:hidden;}
div.curvyInfoT s s									{background:#ffffff; margin:0 23px 0 15px; display:block;}
div.curvyInfoB s s 									{background:#ffffff; margin:0 23px 0 15px;  display:block;}
div.curvyInfoT										{background:url(../voyages-groupes/images/curvy-1.gif) no-repeat bottom left;}
div.curvyInfoT s									{background:url(../voyages-groupes/images/curvy-2.gif) no-repeat bottom right ;}
div.curvyInfoB										{background:url(../voyages-groupes/images/curvy-4.gif) no-repeat bottom left;}
div.curvyInfoB s									{background:url(../voyages-groupes/images/curvy-3.gif) no-repeat bottom right;}
div.curvyInfoT s s									{background:url(../voyages-groupes/images/curvy-t.gif) repeat-x bottom;}
div.curvyInfoB s s									{background:url(../voyages-groupes/images/curvy-b.gif) repeat-x bottom;}
div.curvyInfoL										{background:url(../voyages-groupes/images/curvy-l.gif) repeat-y left ;}
div.curvyInfoR										{background:url(../voyages-groupes/images/curvy-r.gif) repeat-y right;}
div.curvyInfoInt									{background:#23a490;margin:0 23px 0 15px; padding:0 }

div.curvyInfo p {margin:0; color:#ffffff}
#chiffres{background:url(../societe/images/westeel_chiffres.gif) no-repeat bottom right}

/* ####################### PAGE PRODUITS #####################*/
#offreDetails #partG {width:800px; float:left; margin: 10px}
#offreDetails #partD { float:left; margin: 10px}


#produitVisuel,#produitCaract{float:left;}
#produitVisuel{width:280px; float:left;}
#produitVisuel img{cursor:pointer}
#produitCaract{width:500px;float:right;}

.encartBesoins{line-height:20px; height:96px;}
html>/**/body .encartBesoins{height:auto;}/*Navigateurs modernes seulement (IE 7 non inclus)*/

div.plusPhotos a{width:104px; height:72px; float:left; display:block; margin:3px 10px;}
div.plusPhotos a img{border:1px solid #aeaeae;cursor:pointer}
div.plusPhotos a:hover img{border:1px solid #cccccc;}
div.blocOnglets{border-bottom:1px solid #cccccc; /*height:40px;*/ overflow:hidden;}

/*encart arrondi bleu */
div.curvyblue{background:url(../images/curvy-blue1.gif) no-repeat top left; margin:0; padding:0; float:left;}
div.curvyblue div{background:url(../images/curvy-blue2.gif) no-repeat top right; margin:0; padding:0;}
div.devis div{background:url(../images/curvy-blue2-devis.gif) no-repeat top right;}/*pour l'encart Demander un devis uniquement*/
div.curvyblue div div{background:url(../images/curvy-blue3.gif) no-repeat bottom right; margin:0; padding:0;}
div.curvyblue.devis div div{background:url(../images/curvy-blue3-devis.gif) no-repeat bottom right;}/*pour l'encart Demander un devis uniquement*/
div.curvyblue div div div{background:url(images/../curvy-blue4.gif) no-repeat bottom left; margin:0; padding:12px; padding-right:20px;}
div.curvyblue.devis div div div{background:url(../images/curvy-blue4.gif) no-repeat bottom left;padding:12px; padding-right:42px;}
div.curvyblue h3,div.curvyblue h3 a,div.curvyblue h3 a:hover{font-size:14px; color:#FFFFFF; font-weight:normal;text-decoration:none; margin:0;}
div.curvyblue.fdroit{float:right;}

/* onglet*/
.slidecontenu{width:500px; overflow:hidden; position: relative;}
.slidecontenu .bande{width:1000px;}
.slidecontenu .bande div{width:500px; float:left;}

ul li.pdf{display: block; border:none; background:url(../images/ico-pdf.gif) 0 0.3em no-repeat transparent;padding:10px 0px 10px 25px}
ul li.doc{display: block; border:none; background:url(../images/ico-doc.gif) no-repeat 0 0;}

#navigationPages{text-align:left; width:645px; padding:10px 0; margin:0 auto}
#navigationPages div{float: left;}
#navigationPages div div{float: none;}
#navigationPages .courant *{font-weight:bold; color:#ffffff;}
#navigationPages a {margin-right:2px}