/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
/*centrage de la fenetre - positionnement*/
html{text-align:center;background-color:#18528E}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%;}
a{color:#18528E}
h1{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}
strong{font-weight:bold}
legend{text-indent:-999em}
/***********************STRUCTURE**********************************************************************/



div#outer_wrapper{	clear:both;	text-align:left;}
div#lefter{width:238px; float:left}


div#right{width:765px; float:left;}

div#right div#righter{width:32px; height:436px;float:left}

div#footer{width:1003px; height:60px;	clear:both;}


/***********************NAV MAIN**********************************************************************/
/*navigation principale*/
div#navmain{position:relative;width:238px; height:406px;}
div#navmain ul li{position:absolute}
li#navmain1{left:0px;top:11px; }
li#navmain2{left:116px;top:11px; }
li#navmain3{left:12px;top:121px; }
li#navmain4{left:0px;top:251px; }
li#navmain5{left:116px;top:251px; }
li#navmain6{left:146px;top:121px; }



/***********************ACTUALITES**********************************************************************/
div#right div#actu{width:765px;position:relative;z-index:16 }
div#right div#actu p#pactu{color:#000000;font-size:1em;font-weight:bold;background-color:#FFFFFF}


/***********************NAV SUB**********************************************************************/
/*navigation secondaire*/
div#right div#menu{ height:46px;width:765px;overflow:visible;z-index:9;font-size:0.8em;background-color:#FFFFFF;position:relative}
div#menu a{color:#FFFFFF;text-decoration:none;}
div#menu ul{margin-left:16px;}
div#menu ul li{width:140px;float:left;}
div#menu ul li a:hover{color:#18528E;}
div#menu ul li em{color:#18528E;font-weight:bold}
div#menu ul li ul li em{color:#18528E;font-weight:normal}
div#menu ul li a{display:block;width:140px;height:36px;text-align:center;padding-top:10px;font-weight:bold}
div#menu ul li ul {width:138px;margin:-2px 1px 0px 1px;padding:10px 0 10px 0}
div#menu ul li ul li{  clear:left;margin:0px 4px 8px 4px;text-align:justify;  float:none;position:relative !important;  width:auto;  height:100% !important;}
div#menu ul li ul li a{display:block;height:auto;width:auto;text-align:left;font-size:0.9em;padding:0;font-weight:normal}



/***********************FOOTER**********************************************************************/
div#footer p a{ color:#FFFFFF;text-decoration:none}
div#footer p a:hover{text-decoration:underline}
div#footer ul {margin: 7px 0 0 120px;color:#FFFFFF;float:left;height:53px;overflow:hidden}
div#footer ul li{margin: 0px 12px 0 0px; color:#FFFFFF;float:left;color:#18528E;font-weight:bold;font-size:1em}


/***********************ACCUEIL**********************************************************************/
div#right div#content_accueil{width:733px; height:436px;float:left;position:relative;z-index:1}
div#right div#content_accueil div#accueil_image1{position:absolute;left:55px; top:20px;width:304px; height:210px;}
div#right div#content_accueil div#accueil_comm{position:absolute;left:374px; top:20px;width:304px; height:210px;}
div#right div#content_accueil div#accueil_sms{position:absolute;left:374px; top:244px;width:241px; height:167px;}
div#right div#content_accueil div#accueil_raccourcis{position:absolute;left:90px; top:262px;}
div#right div#content_accueil div#accueil_raccourcis a{display:block;margin:0 0 9px 0}

div#right div#content_accueil div#accueil_comm h2{font-size:1.2em;font-variant:small-caps;margin:5px 0px 5px 0px}
div#right div#content_accueil div#accueil_comm p{margin:0px}


/***********************CONTENU**********************************************************************/
/*template*/
div#right div#content{width:693px; height:416px;float:left;padding:10px 20px 10px 20px;overflow:auto;
}
div#content h2{font-size:1.2em;margin-bottom:15px;}
div#content h3{font-size:1em;color:#18528E;margin:10px 0 0px 0;}
div#content p{font-size:1em;color:#18528E;margin:5px 0 10px 0}
div#content ul.normal li{background:url('../images/puce.png') no-repeat;background-position:left 2px;margin:0px 0px 3px 15px;padding:0 0 0 20px;color:#18528E}
div#content p em{color:#F47200;font-weight:bold}
div#content div ul li a{width:auto;height:auto;display:inline}
div#content div ul li {margin-bottom:10px}
div#content a{color:#18528E}
div#content ul li{color:#18528E}


/*fiches horaires*/
div#content ol#fiches li em { text-align:center;display:block;float:left;width:56px;padding-left: 0px;margin-right:10px;color:#FFFFFF;font-variant: small-caps;font-weight:bold ;font-size:1.1em;padding-top:4px;padding-bottom:6px;-moz-border-radius:10px 0px 10px 0px;-moz-border-radius:10px 0px 10px 0px;-webkit-border-radius:10px 0px 10px 0px; }
div#content ol#fiches li span { padding-left: 5px;padding-top: 2px;font-variant: small-caps;font-weight:bold ;display:block;width:240px;float:left;}
div#content ol#fiches li{margin:0 0 20px 10px;clear:both;font-size:0.9em } 

div#content ol#fiches li a{display:block;height:15px;padding-top:3px;background:url('../images/pix.gif') repeat;text-decoration:none;font-variant: small-caps;font-weight:bold} 

div#content ol#fiches li div {height:50px;float:left;width:351px;padding-top: 2px;}

div#content ol#fiches li ul li{clear:none;background:none;float:left;width:175px;height:18px;margin:0;text-align:center;background-color:#F2B40D;}
div#content ol#fiches li ul li.firstF{border-right:1px dashed #3399CC;background-color:#E88400;color:#FFF;font-weight:bold}

div#content ol#fiches li ul {display:block;height:50px;margin-left:74px;clear:both}
div#content ol#fiches li p {background:url('../images/chrono.jpg') no-repeat;text-align:center;background-position:bottom center;padding-bottom:10px;margin-bottom:0px;font-weight:bold;margin-top:0;font-size:0.8em;float:left;width:138px; }

div#content ol#fiches li p.datePA {margin-left:5px}

div#content ol#fiches li ul li{clear:none;background:none;float:left;width:137px;height:18px;margin:0;text-align:center;background-color:#F2B40D;}
div#content ol#fiches li ul li span{padding-left: 0px;padding-left:0px;padding-top: 3px;font-variant: small-caps;font-weight:bold ;display:block;width:auto;float:none;margin-bottom:0px;color:#FFF;border-top:0 }

div#content ol#fiches li ul li.firstF{border-right:1px dashed #3399CC;background-color:#E88400;color:#FFF;font-weight:bold}


/*trafic*/
div#content ul{padding-top:5px;clear:both; } 
div#content ul#trafic li{float:left;font-size:0.9em;margin:2px 0px 2px 0px; } 
div#content ul#trafic li em { text-align:center;display:block;float:left;width:56px;padding-left: 0px;margin-right:10px;color:#FFFFFF;font-variant: small-caps;font-weight:bold ;font-size:1.1em;padding-top:4px;padding-bottom:6px;-moz-border-radius:10px 0px 10px 0px;-moz-border-radius:10px 0px 10px 0px;-webkit-border-radius:10px 0px 10px 0px; }
div#content ul#trafic li a { text-align:center;display:block;float:left;width:56px;padding-left: 0px;margin-right:10px;color:#FFFFFF;font-variant: small-caps;font-weight:bold ;font-size:1.1em;padding-top:4px;padding-bottom:6px;-moz-border-radius:10px 0px 10px 0px;-moz-border-radius:10px 0px 10px 0px;-webkit-border-radius:10px 0px 10px 0px; }

div#content div.trafic em { text-align:center;display:block;float:left;width:56px;padding-left: 0px;margin-right:10px;color:#FFFFFF;font-variant: small-caps;font-weight:bold ;font-size:1.1em;padding-top:4px;padding-bottom:6px;-moz-border-radius:10px 0px 10px 0px;-moz-border-radius:10px 0px 10px 0px;-webkit-border-radius:10px 0px 10px 0px; }

div#content div.trafic span.label_ligne { padding-left: 5px;padding-top: 2px;font-variant: small-caps;font-weight:bold ;display:block;width:240px;float:left;}

div.trafic{clear:both;}
div#content div.info_trafic {padding:5px;border:1px dashed #FF0000;margin-bottom:10px;}
div#content div.info_trafic h2{color:#000}


/*Bouger + titres de transport*/
table{font-family:Verdana, Arial, Helvetica, sans-serif;color:#18528E}
table tr td{border:1px solid #ea9f12;padding:5px;text-align:center}
table tr td.infos{text-align:left}
table tr th.infos{text-align:left}
table tr .lieux{background-color:#fed5a5;font-weight:bold;color:#f35c01;text-align:left;border:1px solid #ea9f12;}
table tr th{width:20%;border:1px solid #FFFFFF;padding:5px;background-color:#f35c01;font-weight:bold;color:#FFFFFF;text-align:center}
table tr td em {font-variant: small-caps;font-weight:bold ;font-size:1.1em;display:block;float:left;width:56px;height:22px;margin-bottom:5px;margin-right:5px;text-align:center;padding-top:4px}
caption {text-indent:-999em}

/*searchbox*/
div#content div#searchbox{margin:20px 0 0 10px;text-align:left;}
div#content div#searchbox label{display:block;margin:10px 0 5px 0;color:#18528E}

div#content div#searchbox input{width:250px;}
div#content div#searchbox input#arriveeVille,div#content div#searchbox input#departVille{width:100px;}
div#content div#searchbox div#boxLeft , div#content div#searchbox div#boxRight {margin-top:10px;width:300px;float:left;}
div#content div#searchbox div#boxLeft{margin-right:20px;}

div#content div#searchbox div#boxDownLeft{margin:5px 250px 0 0;clear:both;float:left;width:250px;}
div#content div#searchbox div#boxDownRight{width:auto;margin:0;float:left;}
div#content div#searchbox input#valider{width:120px;margin-top:5px;color:#18528E;font-weight:bold;border:1px solid #18528E;background-color:#FFFFFF}


/*outils de consultation*/
p.adobe{margin: 8px 10px 0px 20px; clear: both; float: left; font-size: 0.8em; color: rgb(102, 102, 102); text-align: justify;}
a.adobe img{display:block;padding: 0px 10px 0px 10px; }

/*titres de transport*/
div#tableft{width:230px;float:left;border-right:1px dashed #CCCCCC}
div#tabmiddle{width:225px;float:left;padding-left:10px}
div#tabright{width:199px;float:left;padding-left:10px;border-left:1px dashed #CCCCCC}


/*gare*/

ul#gares{margin-top:30px;}
ul#gares li {float:left;margin:0 15px 15px 0}

ul#gares li em{display:block;width:150px;text-align:center;font-size:0.8em;font-weight:bold}


/*informations*/
p.informations{clear:both;padding:15px 0 15px 120px;}
p.informations img{margin-left:-120px;float:left}


/*SMS*/

div#right div#content_sms{width:693px; height:416px;float:left;padding:10px 20px 10px 20px;position:relative}
div#right div#content_sms p#msgerror{margin-top:40px;color:#E13412}
div#right div#content_sms p#msgerror em{font-size:0.8em;color:#E13412}

div#right div.content_sms2 h2{color:#18528E;margin:0px 0 20px 40px;font-size:1.3em;line-height:25px;}
div#right div.content_sms2 h2 span{color:#E13412;font-size:1.3em;}
div#right div.content_sms2 h2 em{color:#F47200;font-weight:bold}
div#right div.content_sms2 h3{color:#18528E;margin:0px 0 0px 40px;font-size:1.2em;}
div#right div.content_sms2 p{color:#18528E;margin:0px 0 20px 40px;font-size:1.2em;font-weight:bold}
div#right div.content_sms2 p a{color:#F47200;font-weight:bold;text-decoration:none}
div#right div.content_sms2 p a span{color:#18528E;font-weight:bold}
div#right div.content_sms2 p a:hover{text-decoration:underline}

div#right div.content_sms2 div {position:absolute;top:330px;left:0px}
div#right div.content_sms2 div div{position:relative;top:0px;left:0px;width:260px;float:left}
div#right div.content_sms2 div div h3{color:#FFFFFF;margin:0px 0 0px 0px;text-align:center;font-weight:normal}
div#right div.content_sms2 div div p{color:#FFFFFF;margin:10px 0 0px 0px;text-align:center}

div#right div.content_sms2 div div label{color:#FFFFFF;display:block;width:100px;clear:both}
div#right div.content_sms2 div div input{color:#18528E;float:left;margin-bottom:5px}
div#right div.content_sms2 div div input.valid{color:#18528E;float:left;margin-bottom:5px}
div#right div.content_sms2 div div input#valid_connexion, input#valid_connexion{color:#FFFFFF;display:block;float:left;width:105px;margin:2px 0 8px 5px;background:none;border:none;font-weight:bold;font-size:1.2em}
div#right div.content_sms2 div div a{color:#FFFFFF;clear:both;}


div#right div.content_sms1 h2{color:#E13412;margin:0px 0 20px 20px;font-size:1.4em;}
div#right div.content_sms1 p{color:#18528E;margin:0px 0 20px 50px;}
div#right div.content_sms1 p strong{font-weight:bold}
div#right div.content_sms1 p.first{color:#F47200;font-size:1.1em;font-weight:bold}
div#right div.content_sms1 p.info{font-size:0.9em;}
div#right div.content_sms1 p#valid_sms{position:absolute;top:390px;left:350px}
div#right div.content_sms1 p#valid_sms a{color:#FFFFFF;text-decoration:none;font-size:1.2em;font-weight:bold}
div#right div.content_sms1 p#valid_sms a:hover{text-decoration:underline;}




div#right div.content_sms3 h2{color:#18528E;margin:0px 0 20px 0px;font-size:1.3em;}
div#right div.content_sms3 ul li{font-size:0.9em;}
div#right div.content_sms3 ul#coord{position:absolute;left:42px;top:55px;width:215px;height:225px}
div#right div.content_sms3 ul#coord li{margin:5px 0 0px 10px}
div#right div.content_sms3 ul#coord li label{color:#FFFFFF;display:block;font-variant:small-caps;}

div#right div.content_sms3 ul#check{position:absolute;left:300px;top:55px;width:415px;height:204px}
div#right div.content_sms3 ul#check li label{color:#18528E;display:block;font-variant:small-caps;}
div#right div.content_sms3 ul#check li#q6r1{position:absolute;left:15px;top:40px;width:200px;height:30px}
div#right div.content_sms3 ul#check li#q6r2{position:absolute;left:200px;top:10px;width:125px;}
div#right div.content_sms3 ul#check li#q6r3{position:absolute;left:200px;top:50px;width:125px;}
div#right div.content_sms3 ul#check li#q7r1{position:absolute;left:15px;top:140px;width:200px;height:30px}
div#right div.content_sms3 ul#check li#q7r2{position:absolute;left:200px;top:110px;width:125px;}
div#right div.content_sms3 ul#check li#q7r3{position:absolute;left:200px;top:150px;width:125px;}
div#right div.content_sms3 ul#lignes{position:absolute;left:10px;top:315px;width:580px;height:117px}
div#right div.content_sms3 ul#lignes li {color:#FFFFFF;display:block;font-weight:bold}
div#right div.content_sms3 ul#lignes li label{margin-right:5px;}
div#right div.content_sms3 ul#lignes li#q8r0{position:absolute;left:30px;top:5px;}
div#right div.content_sms3 ul#lignes li#q8r1{position:absolute;left:0px;top:30px;width:200px;}
div#right div.content_sms3 ul#lignes li#q8r2{position:absolute;left:160px;top:30px;width:200px;}
div#right div.content_sms3 ul#lignes li#q8r3{position:absolute;left:320px;top:30px;width:200px;}
div#right div.content_sms3 ul#lignes li#q8r4{position:absolute;left:480px;top:30px;width:200px;}
div#right div.content_sms3 ul#lignes li#q9r1{position:absolute;left:500px;top:-30px;width:200px;}
div#right div.content_sms3 p#asterisk{clear:both;margin:-10px 0 20px 20px;font-size:0.8em;color:#F47200;}
div#right div.content_sms3 p#smenusms{float:right;margin:0;padding:0}
div#right div.content_sms3 p#smenusms a{color:#18528E;}
div#right div.content_sms3 p#smenusms a:hover{text-decoration:none;}
div#right div.content_sms3 ul#coord li {color:#FFFFFF;display:block;font-variant:small-caps;font-size:1.1em}


div#right div.content_sms4 h2{color:#18528E;margin:50px 0 20px 0px;font-size:1.3em;width:400px}
div#right div.content_sms4 p{color:#18528E;margin:10px 0 10px 0px;}
div#right div.content_sms4 p#connexion{position:absolute;left:250px;top:350px;}
div#right div.content_sms4 p#connexion a{color:#FFFFFF;font-weight:bold}
div#right div.content_sms4 label{color:#FFFFFF;font-weight:bold}


table.tabjours{margin:5px 0 0 15px;padding:0;width:100px}
table.tabjours tr {margin:0;padding:0;}
table.tabjours tr td{border:none;padding:0px 0px 0 0;text-align:right;height:20px}
table.tabjours tr td label{margin:0 0px 0 0;padding:0;color:#FFFFFF}
table.tabjours tr td input{margin:0 0 0 0px;padding:0;color:#FFFFFF;margin:0;width:15px;height:15px;overflow:hidden;}
div#right div.content_sms3 ul#lignes li input#valid_connexion{color:#18528E;}

/***********************MENU JAVASCRIPT**********************************************************************/
.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}

.withjavascript ul li.encourt{position:relative;}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:36px;
	width: 12em;
	height:auto;
	z-index:50;
}

.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}




/***********************LIGHTBOX**********************************************************************/

.leightbox_affich {	color: #333;	position: absolute;	top: 242px;	left: 238px;	width: 733px;	height: 407px;	background-color: white;	text-align: left;	z-index:1001;}

.leightbox {	color: #333;	position: absolute;	top: -999em;	left: 0px;	width: 1px;	height: 1px;	background-color: white;	text-align: left;	z-index:1001;}

.leightbox_affich div .lbAction{display:block;float:right;color:#FFFFFF}

 .leightbox_affich div.TB_title h5{float:left;color:#FFFFFF}
div#content .leightbox_affich div.TB_title h3{float:left;color:#FFFFFF;margin:0;padding:0}
.leightbox_affich div.TB_title {height:20px;background-color:#18528E;padding:3px 5px 0 5px}

.leightbox_affich div.TB_content img,.leightbox0 div.TB_content img{margin:5px 50px 15px 0;float:left}
div#content div.leightbox_affich div.TB_content p.titre_tarif, .leightbox0 div.TB_content p.titre_tarif{font-size:1.2em;color:#18528E;margin:15px 0 0px 0;font-weight:bold}
.leightbox_affich div.TB_content{overflow:auto;	height: 379px;padding:5px 15px 0px 15px;}
.leightbox0 {clear:both;border-top:1px #CCCCCC dashed}
.leightbox0 div.TB_title h5{color:#18528E;margin-top:20px;margin-bottom:15px}
.leightbox0 div.TB_title h3{color:#18528E;margin-top:20px;margin-bottom:15px}
.leightbox0 div.TB_foot p{;margin:0;text-align:right;clear:both}

#overlay{	display:none;	position:absolute;	width: 1003px; left: 0px; top: 222px;	height:486px;	z-index:1000;	background-color:#333;	-moz-opacity: 0.8;	opacity:.80;	filter: alpha(opacity=80);}

div#content div.TB_title a{color:#FFFFFF}
div#content div.TB_content p{text-align:justify}
div#content div.TB_content ol{color:#18528E;list-style:decimal outside}
div#content div.TB_content ol li{margin-left:20px;}
div#content div.TB_content ul li{list-style:disc outside;margin-left:40px;text-align:justify}
div#content div.TB_content ol.legend{float:left;margin-top:15px;width:390px}
div#content div.TB_content ol.legend li{clear:both;margin:0px 0px 10px 0;text-align:left;}
div#content div.TB_content ol.legend li img{margin:0px 10px 10px 0;}


/***********************ACCUEIL N2**********************************************************************/
div#accueilmenu{position:absolute;left:0px; top:0px;}

li#accueilsitbus{position:absolute;left:0px; top:113px;width:379px; height:286px;}

li#accueilsolr{position:absolute;left:617px; top:113px;width:341px; height:250px;}
li#accueilentreprise{position:absolute;left:379px; top:227px;width:265px; height:232px;}


li#accueilproxibus{position:absolute;left:644px; top:363px;width:314px; height:96px;}


li#accueilN4{position:absolute;left:531px; top:459px;width:427px; height:196px;}
li#accueilarlequin{position:absolute;left:99px; top:399px;width:280px; height:256px;}
li#accueiimage{position:absolute;left:379px; top:459px;width:152px; height:196px;}

div#accueillogos{position:absolute;left:0px; top:655px;width:1003px; height:53px;background:url('../images/accueil_logos.jpg') no-repeat;}
div#accueillogos p{margin: 12px 0px 0 10px;font-size:0.8em; color:#FFFFFF;float:right}
div#accueillogos p a{color:#FFFFFF;text-decoration:none}
div#accueillogos p a:hover{text-decoration:underline}


div#accueillogos ul {padding: 0px 0px 0 340px; color:#FFFFFF;float:left;}
div#accueillogos ul li{margin: 0px 12px 0 0px;color:#FFFFFF;float:left;color:#18528E;font-weight:bold;font-size:1em}

div#accueillogos ul li.desax1{margin: 18px 12px 0 0px}
div#accueillogos ul li.desax2{margin: 6px 12px 0 0px}
div#accueillogos ul li.desax3{margin: 13px 12px 0 0px}


/***********************ENTREPRISE**********************************************************************/

ul#contact{margin:5px 0 5px 170px}
ul#contact li{margin:0px 30px 10px 0;width:40%;height:50px}
ul#contact li input{color:#18528E;position:absolute}
ul#contact li label{display:block;font-variant:small-caps}
ul#contact li textarea{color:#18528E;position:absolute;}



div#content_accueil div#edito{position:absolute;left:55px;top:83px}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */