/* ------- GENREAL STYLE ------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background:url(../images/design/bg-global.png) top left repeat;font: normal 12px Arial, Helvetica, sans-serif;background-color: #fff;color: #333;}
/* ------- IMAGES ------- */
.clearer{clear: both;height: 0;overflow: hidden;visibility: hidden;font-size: 0px;}
.needstoclear{clear: both;}
img, a img{border: 0;}
div.spacer{background:url(../images/design/bloc-spacer.png) top left no-repeat;width:187px;height:26px;margin: 0 0 0 0;float:left}
#ombrage,#nav-sec{ behavior: url(/css/iepngfix.htc) }
ul.default{color:#666666;padding: 0 0 0 18px;list-style-type: disc;color: #666666;}
ul.default li{ margin-bottom: 6px;clear: left;}
ul.default li.in{list-style-type: circle;margin-left: 30px;clear: left;}
ol.default{padding-left: 24px;list-style-type: decimal;color: #666666;}
ul.dual{width:220px;color:#666666;list-style-type: disc;margin:20px 0 10px 0;padding-left: 18px;float:left}
ul.dual li{margin-bottom: 7px;clear: left;}
ul.ul3colonnes {width:200px;color:#616161;line-height:1.3em;text-align:left;margin:0 0 20px 0 ;padding:0;float:left;position:relative}
li.ul3colonnes {list-style-type:none;background:url(../_images/design/arrow.gif) no-repeat left top;text-align:left;margin:10px 0 0 10px;padding:0 0 0 25px;}
.mainBox p{margin-bottom: 0;}
.mainBox h4{padding: 10px 0 20px 10px;}
.mainBox ul{padding-left: 10px;}
.mainBox li{margin-bottom: 20px;margin: 0 0 12px;line-height: 1.6em;color: #666666;}
.mainBox li div{color: #c50000;font-weight: bold;font-size: 16px;line-height: 0.9em;float: left;border-right: 1px solid #CCCCCE;padding-right: 15px;margin-right: 10px;width: 30px;height: 50px;
}ol,ul{list-style:none;}
.vehicule-middle{margin:0 20px 0 20px}
/* ------- TEXTE ------- */
strong{font-weight: bold;}
a:link, a:active, a:visited{color: #2274a9;}
a:hover{text-decoration: none;}
p{margin: 0 0 12px;line-height: 1.6em;color: #666666;}
p{font-size:12px;color:#666666;line-height:1.3em;margin:10px 0 10px 0;padding:0;text-align:justify}
p a{line-height:14px;text-decoration:underline;margin:0;padding:0;}
p a:hover{color:#434848;line-height:14px;text-decoration:underline;margin:0;padding:0;}
h1{font-size:17px;line-height:1em;color:#777777;font-weight:bold;text-align:left;margin:25px 0 30px 0;padding:0 0 0 10px;font-family:"Times New Roman", Times, serif;border-left: 5px solid #c50000}
h2{font-size:14px;line-height:1.2em;color:#777777;font-weight:700;text-align:justify;margin:30px 10px 0 0;padding:0;}
h3{font-size: 12px; color: #555555; margin: 0 0 10px 0;text-decoration:underline}
h4{font-size: 12px; color: #6E1515; margin: 20px 0 5px 0;text-decoration:underline}
span.rouge{color:#c50000}
/* ------- CONTENT ------- */
#accessoires{width:100px;height:20px;margin:15px 0 45px 0 ;padding:0;position:relative;float:right}
.services-accueil{font-size:95%;border-collapse:collapse;width:480px;margin:10px 0 0 0}
.services-accueil td{height:65px;padding:5px 5px 25px 5px}
.services-accueil td.photo{width:92px;text-align:center;vertical-align:top;}
.services-accueil td.desc{text-align:justify;vertical-align:top;}
#banner{width: 100%;margin: 0 0 0 0;}
#ombrage{background:url(../images/design/bg-ombrage.png) top left no-repeat;width: 800px;margin: 15px auto 0 auto;padding:0 0 0 19px;position: relative;}
#container{width:765px;position:relative;}
#content{width:765px;background:url(../images/design/bg-content.png) top left no-repeat;padding: 10px 0 0 0;background-color:#fff;float:left}
#contentleft{width:480px;padding:0;float:left;position:relative;margin:0 0 0 20px}
#contentright{width:203px;padding:20px 15px 0 0;float:right;position:relative}
/* ------- NAVIGATION PRINCIPALE ------- */
#nav-sec p,#nav-sec p a,#nav-sec p a:hover{color:#fff;margin: 0 0 5px 0;font-size:11px}
#nav-sec{background:url(../images/design/top-ombrage.png) top left no-repeat;height:21px;width:800px;padding: 0 0 0 0;float:left}
#multi-level {height:79px; position:relative; z-index:100;}
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
.menu li.top {display:block; float:left; position:relative;}
.menu li.top a.top_link {display:block; float:left; height:79px;margin:0;padding: 0}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */
.menu li.p1 {width:191px; background:url(../images/design/navprinc/transport-interurbain-over.jpg) no-repeat;}
.menu li.p2 {width:191px; background:url(../images/design/navprinc/voyages-organises-over.jpg) no-repeat;}
.menu li.p3 {width:191px; background:url(../images/design/navprinc/location-autocars-over.jpg) no-repeat;}
.menu li.p4 {width:192px; background:url(../images/design/navprinc/transport-colis-over.jpg) no-repeat;}
/* set up the normal unhovered images in the links */
.menu li a#urbain {width:191px; background:url(../images/design/navprinc/transport-interurbain.jpg) no-repeat;}
.menu li a#organises {width:191px; background:url(../images/design/navprinc/voyages-organises.jpg) no-repeat;}
.menu li a#locations {width:191px; background:url(../images/design/navprinc/location-autocars.jpg) no-repeat;}
.menu li a#colis {width:192px; background:url(../images/design/navprinc/transport-colis.jpg) no-repeat;}
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */
.menu li a#urbain:hover, .menu li:hover a#urbain,
.menu li a#organises:hover, .menu li:hover a#organises,
.menu li a#locations:hover, .menu li:hover a#locations,
.menu li a#colis:hover, .menu li:hover a#colis {background:transparent;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
.menu :hover ul.sub {left:0; top:79px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:183px; height:auto;margin: 0 0 0 6px;border-top: none}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:180px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:177px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#c50000; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:183px; z-index:200; height:auto; z-index:300;}
/* ------- TABLEAU ------- */
#tableau-horaire table{background:url(../images/design/head-tableau.png) repeat-x top left;color:#333333;border-collapse:collapse;border:1px solid #CCCCCC;font-size:11px;margin:10px 0 10px 0;padding:0;}
#tableau-horaire table a{color:#305478;text-decoration:none;border-bottom:1px dotted #305478;}
#tableau-horaire table a:hover{color:#103458;text-decoration:none;border-bottom:1px dotted #103458;}
#tableau-horaire thead{border-bottom:1px solid #CCCCCC;}
#tableau-horaire thead th{font-size:11px;color:#fff;font-family:Arial;text-transform:uppercase;padding:0.5em 0.5em .5em;}
#tableau-horaire td,th{background:transparent;padding:.2em .2em .2em .5em;border-bottom:1px solid #CCCCCC;}
#tableau-horaire tbody tr.pale td{background:#F3F3F3}
#tableau-horaire tfoot td{padding-bottom:1.5em;}
#tableau-horaire table td {text-align: center;}
 .titre {text-align: left;border:1px solid #CCCCCC;background-color:#FFFFFF;}
.ligne {border-left:1px solid #CCCCCC}
/* ------- BLOC ------- */
div.bloc-haut{background:url(../images/design/bloc-droite-haut.png) top left no-repeat;width:203px;height:19px;float:left}
div.bloc-milieu{background:url(../images/design/bloc-droite-milieu.png) top left repeat-y;width:203px;float:left}
div.bloc-milieu p{font-size:11px;color:#272727;line-height:1.3em;margin:10px 25px 10px 0;padding:0;text-align:right}
div.bloc-bas{background:url(../images/design/bloc-droite-bas.png) top left no-repeat;width:203px;height:19px;float:left}
.bloc-image{float:left;position:relative;margin: 10px 0 10px 24px;}
/* ------- FOOTER ------- */
#footer {background:url(../images/design/bg-footer.png) top left no-repeat;width:765px;height:65px;position:relative;float:left;margin:0 0 0 0;padding:0;background-color:#fff}
#footerleft {width:383px;float:left;position:relative;text-align:left}
#footerleft p{line-height:1.2em;color:#49484c;margin:35px 0 0 15px;padding:0;text-align:left;font-size:95%}
#footerright {width:382px;float:right;position:relative;text-align:right}
#footerright p{line-height:1.2em;color:#49484c;margin:35px 15px 0 5px;padding:0;text-align:right;font-size:95%}
/* ------- LIGHT BOX ------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }