/*-------- Import de la CSS d'initialisation --------*/

@import url(structure.css);

/*--- Construction (Montage) et styles généraux ---*/

body { color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; }
/* font-size = 12px (par défault 1em = 16px sur les navigateurs) */

h1 { color:#4E6577; font-size: 1.1em; text-align:center; font-weight: bold; }
h2 { color:#000000; font-size: 1.1em; font-weight: bold; }
h3 { color:#000000; font-size: 1em; font-weight:bold; }
h4 { color:#000000; font-size: 1em; font-weight:bold; }
h5 { color:#000000; font-size: 0.83em; }
h6 { color:#000000; font-size: 0.67em; }
p { color:#000000; font-size: 0.9em; }
ul, ol { color:#000000; font-size: 0.9em; }
li {  color:#000000; font-size: 1em; }
a { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur aprčs le clic */
input { border-width:thin; padding:3px; color:#000000; }
textarea { border-width:thin; padding:3px; color:#000000; }
em { }
strong { }
.hr { size:1px; height:1px; }
#submit_recherche { background:url('../images/menu-droite/ok.gif') no-repeat center center; text-indent:-5000px; border:none; width:19px; height:22px; }
#mns { color:#000}

/*----------------------------- Éléments Particuliers -----------------------------*/

/*----------------- Placement d'images -----------------*/
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/*----------------- Des classes d'alignement d'objets -----------------*/
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.alignVerticalMiddle { vertical-align:middle; }
.aligncenter { margin-left:auto; margin-right:auto; }

/*----------------- Des classes d'alignement du texte -----------------*/
.h1index{ position:absolute; left:0; top:0; width:100%; padding:0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/*----------------- Des classes de formatage du texte en ligne -----------------*/
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/*----------------- Des classes flotante -----------------*/
.floatleft { float: left; }
.floatright { float: right; }

/*----------------- Les "nettoyeurs" -----------------*/
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/*----------------- tailles de textes -----------------*/
.mini {font-size: 0.63em}
.petit { font-size:0.75em; } /* font-size = 9px */
.moyen { font-size:0.9em; } 
.grand { font-size: 1.1em; }

/*----------------- paddings et margins -----------------*/
.padding70 { padding-left:72px;}
.paddingRight3 { padding-right:3px; }
.paddingRight5 { padding-right:5px; }
.paddingRight8 { padding-right:8px; }
.paddingRight10 { padding-right:10px; }
.paddingRight14 { padding-right:14px; }
.paddingRight20 { padding-right:20px; }
.paddingRight70 { padding-right:70px; }
.paddingTop20 { padding-top:20px; }
.paddingLeft3 { padding-left:3px; }
.paddingLeft5 { padding-left:5px; }
.paddingLeft8 { padding-left:8px; }
.paddingLeft15 { padding-left:15px; }
.paddingLeft30 { padding-left:30px; }
.paddingLeft50 { padding-left:50px; }
.paddingLeft70 { padding-left:72px; }
.paddingLeft100 { padding-left:100px; }
.paddingLeft110 { padding-left:110px; }
.paddingLeft120 { padding-left:120px; }
.paddingLeft130 { padding-left:130px; }
.paddingLeft140 { padding-left:140px; }
.paddingLeft150 { padding-left:150px; }
.paddingLeft80 { padding-left:80px; }
.paddingLeft105 { padding-left:105px; }
.paddingTop10 { padding:10px 0 0 0 }
.marginTop5 { margin-top:5px; }
.marginTop30 { margin-top:30px; }
.marginLeft10 { margin-left:10px; }
.marginLeft70 { margin-left:70px; }


/*----------------- couleurs pour textes ----------------- */
.vert { color:#06792C; }
.brique { color:#A41D21; }
.rouge { color:#C2073E; }
.bleu { color:#0E71B4; }
.jaune { color:#F7A921; }
.orange { color:#EA5E29; }
.violet { color:#622081; }
.mauve { color:#AC428D; }
.marron { color:#925E36; }
.bleuf { color:#053B7B; }
.bleuc { color:#2596B1; }
.bleup { color:#4E6577; }
.blanc { color:#FFFFFF; }
.rose { color:#F5216E; }
.fushia { color:#BC007B; }
.bronze { color:#37582C; }
.pomme { color:#9dbc0f; }
.canard { color:#00789B; }
.printemps { color:#91B121; }
.pourpre { color:#8D1461; }
.gris { color:#666666; }
.turquoise { color:#4CB9B6; }
.cyan { color:#189FD6; }
.taupe { color:#857971; }
.or { color:#D8BC7F; }
.brun { color:#6F5E4A; }
.moutarde { color:#E8B925; }
.marine { color:#002C53; }
.marronf { color:#744030; }
.noir { color:#000000; }



/*----------------------------- Fin des éléments Particuliers -----------------------------*/

/*----------------------------- Pages -----------------------------*/
.tabloCalendrier { width:500px; }
.colMois { background:#8AB3A9; color:#002C45; text-align:center; font-weight:bold; width:25%; }
p.retour {text-align:center; margin-top:15px;}

/*----------------- Pages du dossier infos_reseau -----------------*/
.bodyInfosReseau { background:url(../images/plans/info_reseau_fond_devia.jpg) no-repeat; }
.h1InfosReseau { color:#E53575; font-size:1em; text-align:left; font-weight: bold; }
.h2InfosReseau { color:#E53575; font-size:1em; text-align: center; font-weight: bold; }
.puceInfoReseau { color:#E73475; }
.txtInfoReseau { color:#000000; }
.iconeInfoReseau { position:absolute; top:27px; left: 28px; width: 101px; height: 28px; }


/*----------------- Page accessibilité ----------------- */
.head-accessibilite { width:430px; min-height:93px; _height:93px; background:url('../images/accessibilite/header-accessibilite.jpg') no-repeat; margin-left:-11px; text-align:center; padding-left:70px; }

#habillage{display:block; margin:0; padding-left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
#habillage li{ list-style:none outside none;}
#tailleTexte{ display:block; margin:0; padding-left:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
#tailleTexte li{ list-style:none outside none;}

/*----------------- Page d'accueil ----------------- */
#colonneGauche{ float:left; width:179px; padding:32px 8px 0 1px; text-align:left; overflow:hidden; font-size:0.83em;  }
.encartGauche{ width:179px; padding:0 0px 10px 0px; margin:0; text-align:left; clear:both; background-color: #ffffff;  }
.titre_gauche, .titre_gauche2{ background:url('../images/accueil/encart_gauche.jpg') no-repeat top left; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:left; height:23px; line-height:23px; padding-left:5px; }
.titre_gauche2 { border-right: 1px solid #a0968a; }
.contenu_gauche, .contenu_gauche2 { border-right: 1px solid #a0968a; padding: 5px 0 20px 0; }
.contenu_gauche2 { background-color: #e6e6e5; border-bottom: 1px solid #a0968a; padding-bottom:0; }
.contenu_gauche p, .contenu_gauche2 p { margin: 0px 0 10px 5px; line-height:14px; }
.contenu_gauche a.gras{ font-weight:bold; }
#fluxrss { width:22px; height: 40px; float:left; margin-left:5px; padding-top:4px; }

#colonneMilieu{ float:left; width:345px; padding:32px 0px 0 1px; text-align:left; overflow:hidden; font-size:0.83em;  }
.titre_actu { width: 345px; height: 29px; font-size:0.9em; color: #4d6577; padding-top: 5px; background:url('../images/accueil/titre_actu.jpg') no-repeat top left; text-align:center; font-weight:bold;}

.encart_accueil { width:345px; text-align:left; margin-bottom:20px; }
.encart_accueil .titre{ color: #4d6577; padding-left:15px; padding-top:2px; font-weight:bold; }
.encart_accueil .contenu{ padding-top:15px; padding-left:100px; line-height:14px; }
.encart_accueil .contenu2{ padding-top:8px; padding-left:100px; line-height:14px; }
.encart_accueil .contenu strong{ font-size: 1.1em; }
.encart_accueil .lien { text-align: right; }
.encart_accueil .lien a { font-weight:bold; color:#94a4af; }

#encart-travaux { background:url('../images/accueil/encart_travaux.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-travaux .lien { padding-top:16px; padding-right:12px; }

#encart-cleo { background:url('../images/accueil/encart-cleo.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-cleo .lien { padding-top:20px; padding-right:12px; }

#encart-lac { background:url('../images/accueil/encart-lac.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-lac .lien { padding-top:16px; padding-right:12px; }

#encart-vacances { background:url('../images/accueil/encart-vacances-toussaint.jpg') top no-repeat; width:345px; min-height:110px; _height:110px;  }
#encart-vacances .lien { padding-top:8px; padding-right:12px; }

#encart-noel { background:url('../images/accueil/encart-noel.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-noel .lien { padding-top:16px; padding-right:12px; }

#encart-open-tennis { background:url('../images/accueil/encart-open-tennis.jpg') top no-repeat; width:345px; min-height:110px; _height:110px;  }
#encart-open-tennis .lien { padding-top:23px; padding-right:12px; }

#encart-loco { background:url('../images/accueil/encart-loco2.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-loco .lien { padding-top:20px; padding-right:12px; }

#encart-jeanne { background:url('../images/accueil/encart-jeanne.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-jeanne .lien { padding-top:20px; padding-right:12px; }

#encart-modapass { background:url('../images/accueil/encart-modapass.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-modapass .lien { padding-top:20px; padding-right:12px; }

#encart-ascension { background:url('../images/accueil/encart-ascension.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-ascension .lien { padding-top:20px; padding-right:12px; }

#encart-abonnement { background:url('../images/accueil/encart-abonnement.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-abonnement .lien { padding-top:8px; padding-right:12px; }

#encart-fete-musique { background:url('../images/accueil/encart-fete-musique.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-fete-musique .lien { padding-top:20px; padding-right:12px; }

#encart-horaires-ete { background:url('../images/accueil/encart-horaires-ete.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-horaires-ete .lien { padding-top:8px; padding-right:12px; }

#encart-horaires-hiver { background:url('../images/accueil/encart-horaires-hiver.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-horaires-hiver .lien { padding-top:20px; padding-right:12px; }

#encart-fermeture-degaulle { background:url('../images/accueil/encart-fermeture-degaulle.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-fermeture-degaulle .lien { padding-top:8px; padding-right:12px; }

#encart-festival-de-loire { background:url('../images/accueil/encart-festival-de-loire.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-festival-de-loire .lien { padding-top:8px; padding-right:12px; }

#encart-filobus { background:url('../images/accueil/encart-filobus.jpg') top no-repeat; width:345px; min-height:120px; _height:120px;  }
#encart-filobus .lien { padding-top:20px; padding-right:12px; }


/* Encart AISP */
.encart_aisp { width:345px; text-align:left; margin-bottom:20px; }
.encart_aisp .titre{ color: #4d6577; padding-left:15px; padding-top:2px; font-weight:bold; }
.encart_aisp .intro{ text-align: center; font-weight:bold; padding-top:10px; padding-left:60px; padding-bottom:20px; line-height:14px; }
.encart_aisp .contenu{ padding-left:5px; line-height:13px; padding-bottom:8px; }
.encart_aisp .contenu strong{ font-size: 1.1em; }
.encart_aisp .lien { text-align: right; }
.encart_aisp .lien a { font-weight:bold; color:#000000; }

#encart-aisp { background:url('../images/accueil/encart-aisp.jpg') top no-repeat;  min-height:120px; _height:120px; }
#encart-aisp .lien { padding-top:8px; padding-right:12px; }

.bloc_info { width: 164px; height:125px; float:left; padding:3px 0px 3px 3px; margin-bottom:3px; }
.bloc_info .contenu_haut { padding-left:45px; }
.bloc_info p { line-height: 13px; }
.bloc_info .contenu_lien { text-align:left; padding-top:5px; padding-left:3px; }
.bloc_info .contenu_lien a, .contenu_haut a.contenu_lien{ font-weight:bold; color:#94a4af; }

.bloc_open { width: 164px; height:125px; float:left; padding:3px 0px 3px 3px; margin-bottom:3px; }
.bloc_open .contenu_haut { padding-left:60px; }
.bloc_open p { line-height: 13px; }
.bloc_open .contenu_lien { text-align:left; padding-top:5px; padding-left:3px; }
.bloc_open .contenu_lien a, .contenu_haut a.contenu_lien{ font-weight:bold; color:#94a4af; }


/* Blocs info */
#bloc_basket { background:url('../images/accueil/bloc_basket.jpg') top no-repeat; }
#bloc_tarifs { background:url('../images/accueil/bloc_tarifs.jpg') top no-repeat; margin-right:10px; }
#bloc_e_service { background:url('../images/accueil/bloc_e_service.jpg') top no-repeat; margin-right:10px; }
#bloc_travaux_cleo { background:url('../images/accueil/bloc_travaux_cleo.jpg') top no-repeat; margin-right:10px; }
#bloc_contact { background:url('../images/accueil/bloc_contact.jpg') top no-repeat; }
#bloc_JDD { background:url('../images/accueil/bloc_JDD.jpg') top no-repeat; }
#bloc_prime-transport { background:url('../images/accueil/bloc_prime-transport.jpg') top no-repeat; }
#bloc_cleo { background:url('../images/accueil/bloc_cleo.jpg') top no-repeat; }
#bloc_bons-plans { background:url('../images/accueil/bloc_bons-plans.jpg') top no-repeat; margin-right:10px; }
#bloc_charlemagne { background:url('../images/accueil/bloc_charlemagne.jpg') top no-repeat; }
#bloc_loco { background:url('../images/accueil/bloc_loco.jpg') top no-repeat; margin-right:10px; }
#bloc_open_handisport { background:url('../images/accueil/bloc_open_handisport.jpg') top no-repeat; margin-right:10px; }

/* Encart Votre avis */
.entete-avis { padding: 0 10px; line-height:14px; font-size:0.83em; }
#fond-avis { width: 100%; background:url('../images/menu-droite/fond-avis.png') bottom left no-repeat; padding: 5px 10px 0 10px; }
#questionnaire-avis { width: 193px; height:168px; background:url('../images/menu-droite/tooltip.png') top left no-repeat; font-size:0.83em; padding: 3px; padding-bottom:0; }
#questionnaire-avis div  { margin-top:3px; }
#questionnaire-avis div input { width:10px; height:10px; float:left; }
#questionnaire-avis div label { float:right; display:block; width:177px; cursor:pointer; }
#btn-avis { text-align:right; width:203px; }
#btn-avis input { padding: 0; }

/* Formulaire d'inscription */
form p.p50 { width:198px; float:left }
form .p100 { width:400px; clear:both; float:none }
form .date { height:18px; float:left; background:#E4EEED; border: 1px solid #000; margin-right:5px; font-size:0.9em; }
form .labelSuperbus1 { width:150px; float:left; text-align:right; padding:0 2px 0 0; }
form .inputSuperbus { width:210px; height:13px; float:left; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form .numCarte { width:175px; height:13px; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form .buttonSuperbus { height:32px; width:110px; background: url('../images/communication/Superbus/formulaire-superbus-bt-valid.jpg') no-repeat left bottom; cursor:pointer; border:none; }

form optgroup { font-weight:bold; font-style:italic}
form option { padding:0 0 0 10px; font-weight:normal; font-style:normal}
#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }
	
/* Fin du formulaire d'inscription */

/*----------------------------- Encarts Head de toutes les pages -----------------------------*/
#headaccueil{ width:524px; text-align:center; background: url('../images/accueil/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headaccueil h1 { background: url('../images/accueil/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headaccueil h1.uneligne { height: 36px; padding-top:34px; }
#headaccueil p { background: url('../images/accueil/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headcotepratique{ width:524px; text-align:center; background: url('../images/pratique/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headcotepratique h1 { background: url('../images/pratique/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headcotepratique h1.uneligne { height: 36px; padding-top:34px; }
#headcotepratique p { background: url('../images/pratique/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headoperateur{ width:524px; text-align:center; background: url('../images/operateur/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headoperateur h1 { background: url('../images/operateur/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headoperateur h1.uneligne { height: 36px; padding-top:34px; }
#headoperateur p { background: url('../images/operateur/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headcontact{ width:524px; text-align:center; background: url('../images/contact/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headcontact h1 { background: url('../images/contact/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headcontact h1.uneligne { height: 36px; padding-top:34px; }
#headcontact p { background: url('../images/contact/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headreseau{ width:524px; text-align:center; background: url('../images/reseau/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headreseau h1 { background: url('../images/reseau/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headreseau h1.uneligne { height: 36px; padding-top:34px; }
#headreseau p { background: url('../images/reseau/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headservice{ width:524px; text-align:center; background: url('../images/services/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headservice h1 { background: url('../images/services/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headservice h1.uneligne { height: 36px; padding-top:34px; }
#headservice p { background: url('../images/services/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headinforeseau { width:500px; height:63px; background:url('../images/plans/header-infos-reseau.jpg') no-repeat; margin-left:1px; }

#headtarifs{ width:524px; text-align:center; background: url('../images/tarifs/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headtarifs h1 { background: url('../images/tarifs/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headtarifs h1.uneligne { height: 36px; padding-top:34px; }
#headtarifs p { background: url('../images/tarifs/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headeboutique{ width:524px; text-align:center; background: url('../images/eboutique/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headeboutique h1 { background: url('../images/eboutique/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headeboutique h1.uneligne { height: 36px; padding-top:34px; }
#headeboutique p { background: url('../images/eboutique/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headlogin { width:750px; background:url('../images/eboutique/head-login.jpg') no-repeat; padding-top:140px; }
#head-partenaires { width:768px; background:url('../images/eboutique/head-partenaires.jpg') no-repeat; margin-left:1px; }
.head-detail-partenaires { width:745px; height:100px; background:url('../images/eboutique/head-detail-partenaires.jpg') no-repeat; }
.head-selection { width:560px; height:110px; background:url('../images/eboutique/head-selection.jpg') no-repeat; }

#headplanhoraires{ width:524px; text-align:center; background: url('../images/plans/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headplanhoraires h1 { background: url('../images/plans/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headplanhoraires h1.uneligne { height: 36px; padding-top:34px; }
#headplanhoraires p { background: url('../images/plans/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }
#headplanhoraires p.normal { font-weight: normal; }

#headplanhorairesInfo{ width:524px; text-align:center; background: url('../images/plans/bg-info.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headplanhorairesInfo h1 { background: url('../images/plans/haut-info.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headplanhorairesInfo h1.uneligne { height: 36px; padding-top:34px; }
#headplanhorairesInfo p { background: url('../images/plans/bas-info.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }
#headplanhorairesInfo p.normal { font-weight: normal; }

#headplanhorairesInfoCleo{ width:524px; text-align:center; background: url('../images/plans/bg-info.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headplanhorairesInfoCleo h1 { background: url('../images/plans/haut-info-cleo.jpg') no-repeat left top; height: 43px; padding:27px 0 0 80px; font-size:0.9em; text-align:left; }
#headplanhorairesInfoCleo p { background: url('../images/plans/bas-info.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }
#headplanhorairesInfoCleo p.normal { font-weight: normal; }

#headmicad{ width:524px; text-align:center; background: url('../images/carte_en_ligne/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headmicad h1 { background: url('../images/carte_en_ligne/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headmicad h1.uneligne { height: 36px; padding-top:34px; }
#headmicad p { background: url('../images/carte_en_ligne/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headmodapass{ width:524px; text-align:center; background: url('../images/modapass/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headmodapass h1 { background: url('../images/modapass/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headmodapass h1.uneligne { height: 36px; padding-top:34px; }
#headmodapass p { background: url('../images/modapass/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

.head-coubertin { width:500px; min-height:93px; _height:93px; background:url('../images/communication/coubertin/header-coubertin.jpg') no-repeat; margin-left:1px; text-align:center; padding-left:80px; padding-top:2px; }
.head-interconnexion { width:500px; min-height:93px; _height:93px; background:url('../images/communication/interconnexion/header-interconnexion.jpg') no-repeat; margin-left:1px; text-align:center; padding-left:80px; padding-top:2px; }
.head-aisp { width:450px; min-height:93px; _height:93px; background:url('../images/plans/info-lignes-3-21/header-aisp.jpg') no-repeat; margin-left:1px; text-align:center; padding-left:40px; }
.head-aisp-leclerc { width:500px; min-height:93px; _height:93px; background:url('../images/plans/info-pont-mal-leclerc/header-aisp.jpg') no-repeat; margin-left:1px; text-align:center; padding-left:30px; }

#headSEM{ width:524px; text-align:center; background: url('../images/communication/SEM/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headSEM h1 { background: url('../images/communication/SEM/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headSEM h1.uneligne { height: 36px; padding-top:34px; }
#headSEM p { background: url('../images/communication/SEM/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#headtaonicetrip{ width:524px; text-align:center; background: url('../images/taonicetrip/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#headtaonicetrip h1 { background: url('../images/taonicetrip/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headtaonicetrip h1.uneligne { height: 36px; padding-top:34px; }
#headtaonicetrip p { background: url('../images/taonicetrip/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#head-basket{ width:524px; text-align:center; background: url('../images/communication/basket/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#head-basket h1 { background: url('../images/communication/basket/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#headt-basket h1.uneligne { height: 36px; padding-top:34px; }
#head-basket p { background: url('../images/communication/basket/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

#head-noel{ width:524px; text-align:center; background: url('../images/communication/noel/bg.jpg') repeat-y; margin-left:1px; margin-top:20px; }
#head-noel h1 { background: url('../images/communication/noel/haut.jpg') no-repeat left top; height: 43px; padding:27px 0 0 55px; font-size:0.9em; text-align:left; }
#head-noel h1.uneligne { height: 36px; padding-top:34px; }
#head-noel p { background: url('../images/communication/noel/bas.jpg') no-repeat left bottom; margin:0; padding:0 20px 25px 55px;
text-align:justify; color: #666b5c; font-weight:bold; line-height:1.4; font-size: 0.8em; }

.head-fete-de-la-musique{ width:500px; text-align:center; margin-left:1px; margin-top:2px; }



/*----------------------------- Fin des encarts Head de toutes les pages -----------------------------*/


/*----------------- Pages côté pratique ----------------- */
.bloc-pratique { width:500px; /*height:100px;*/ border-bottom:solid 1px #EA5E29; padding-bottom:10px; margin-left: 10px; }
.bloc-pratique a {  }
.bloc-pratique-message { width:500px; /*height:100px;*/ border-bottom:solid 1px #EA5E29; border-top:solid 1px #EA5E29; background-color: #FEF6F1; margin-left: 10px;}
.bloc-pratique-message a {  }

/*----------------- Pages opérateur semtao ----------------- */
.bloc-operateur { width:500px; /*height:100px;*/ border-bottom:solid 1px #622081; padding-bottom:10px; margin-left: 10px;}
.bloc-reseau a {  }
.bloc-operateur li { font-size:0.9em;  }

/*----------------- Pages réseau semtao ----------------- */
.bloc-reseau { width:500px; /*height:100px;*/ border-bottom:solid 1px #0E71B4; padding-bottom:10px; margin-left: 10px; }
.bloc-reseau a {  }
.bloc-reseau li { font-size:0.9em;  }

/*----------------- Pages nous contacter ----------------- */
.bloc-contact { width:500px; /*height:100px;*/ border-bottom:solid 1px #925E36; padding-bottom:10px; margin-left: 10px; }
.bloc-contact a {  }
.bloc-contact li { font-size:0.9em;  }
#encart_mail p { padding-top: 10px; }
.errmail { color:#FF0000; font-weight:bold; }

/*----------------- Pages tarifs ----------------- */
.bloc-tarifs { width:510px; /*height:100px;*/ border-bottom:solid 1px #666b5c; padding-bottom:10px; margin-left: 10px;}
.bloc-tarifs a {  }
.bloc-tarifs li { font-size:0.9em;  }

/*----------------- Page noel ----------------- */
.bloc-noel { width:510px; /*height:100px;*/ border-bottom:solid 1px #925E36; padding-bottom:10px; margin-left: 10px;}
.bloc-noel a {  }
.bloc-noel li { font-size:0.9em;  }



.txtimg{width:420px; float:left;}
.txtimg2 p{ text-align:justify;}
.txtimg2{width:330px; float:left;}
.txtimg p{ text-align:justify;}
.prix{width:80px; float:left; text-align:center; color:#857971; font-weight:bold; padding-top:60px;}
.prix2{width:165px; float:left; text-align:center; color:#857971; font-weight:bold; font-size:0.83em; padding-top:60px; padding-left:5px;}
.ebout{width:90px; float:left; text-align:center; padding-top:40px;}

.table-tarifs { width:510px; border:none; margin:0; padding:0; margin-left:-2px; }
.table-tarifs .color { background:#E6E1DD; }
.table-tarifs td.ticket-tarifs { width:70px; vertical-align:middle; }
.table-tarifs td.ticket-tarifs-top { width:70px; vertical-align:top; }
.table-tarifs td.texte-tarifs { width:260px; vertical-align:top; }
.table-tarifs td.prix-tarifs { width:100px; vertical-align:middle; text-align:center; color:#857971; font-weight:bold; font-size:11px; }
.table-tarifs td.picto-boutique { width:70px; vertical-align:middle; }

.table-campus { width:500px; border:solid 1px #D1DA97; margin:0; padding:0; }
.table-campus .border { border-bottom:solid 1px #D1DA97; }
.table-campus p  { vertical-align:middle; text-align:left; font-size:9px;  }
.table-campus td.titre { vertical-align:bottom; border-bottom:solid 1px #D1DA97; text-align:center; color:#37582C; font-weight:bold; font-size:9px;  }
.table-campus td.sstitre { vertical-align:middle; border-bottom:solid 1px #D1DA97; text-align:center; color:#37582C; font-weight:bold; font-size:9px;  }
.table-campus td.cellule { vertical-align:middle; border-bottom:solid 1px #D1DA97; text-align:center; font-size:9px;  }
.table-campus td.vide { vertical-align:middle; border-bottom:solid 1px #D1DA97; text-align:left; font-size:9px;  }
.table-campus td.fond_bronze { vertical-align:middle; border-bottom:solid 1px #D1DA97; background-color:#37582C; }
.table-campus td.fond_pomme { background-color:#D1DA97; border-bottom:solid 1px #D1DA97; }
.table-campus td.fond_amende { background-color:#EDF1D8; border-bottom:solid 1px #D1DA97; }


/* tarifs-carte-nominative.html */
.bloc-tarifs-micad  { width:391px; text-align:center; background:url("../images/tarifs/pub-tarifs-micad.jpg") no-repeat scroll 0 0 transparent; margin-left:10px; margin-top:10px; min-height:80px; padding-top:10px; padding-left:90px;/*margin-left:-11px;  padding-left:70px; padding-top:10px; */text-align:center; font-size:0.8em;}

/*----------------- Pages services ----------------- */
.bloc-services { width:508px; /*height:100px;*/ border-bottom:solid 1px #C2073E; padding-bottom:10px; margin-left: 10px;}
.bloc-services a {  }
.bloc-services li { font-size:0.9em;  }

/*----------------- Page eboutique ----------------- */
.bloc-boutique { width:500px; /*height:100px;*/ border-bottom:solid 1px #F29009; padding-bottom:10px; margin-left: 10px; }
.bloc-boutique a {  }
.bloc-boutique li { font-size:0.9em;  }

.bloc-abo-boutique { width:500px; min-height:300px; _height:300px; background:url('../images/e-boutique/bloc-abo-boutique.jpg') no-repeat; margin-left:-11px; padding-top:20px; }

.bloc-detail-partenaires { width:100%; }
.bloc-detail-partenaires-impression{ text-align:right; padding-bottom:10px; }

.bloc-selection { width:560px; height:auto; border:solid 1px #F29009; margin-bottom:25px; }
.bloc-selection-impression{ width:560px; /*height:150px;*/ padding-bottom:10px; padding-left:10px; margin-left:10px; }

#details-partenaires{ padding-left:10px; padding-top:10px; text-align:left; width:745px; }
.table-details-partenaires { width:739px; border:solid 1px #EA5E29; padding:2px; margin-bottom:20px; }
.offre { float:left; width:445px; vertical-align:top; margin-bottom:2px; }
.enseigne { float:left; width:292px; vertical-align:middle; padding-left:2px; margin-bottom:2px; }
.enseigneTitre { background:#EA5E29; color:#FFFFFF; text-align:center; padding:1px; margin-bottom:3px; }

#offresPartenaires-gauche { width:98px; float:left; text-align:center; padding-top:135px; }
#offresPartenaires-droite { width:622px; float:left; padding:130px 18px 0 30px; }

.bloc-partenairesG { width:294px; float:left; border:solid 1px #EA5E29; padding:3px; }
.bloc-partenairesD { width:294px; float:right; border:solid 1px #EA5E29; padding:3px; }

.table-partenaires { width:100%; }
.table-partenaires .liste1 { width:140px; vertical-align:top; text-align:left; float:left; }
.table-partenaires .liste2 { width:144px; vertical-align:top; text-align:left; float:right; }
.table-partenaires h3 { padding: 0; margin:0; }
.table-partenaires h5 { padding: 0; margin:0; font-weight:bold; }
.table-partenaires p { padding: 0; margin:0; font-size:0.75em; }

/*----------------- Pages plan/horaires ----------------- */
.bloc-plans-horaires-ete-hiver { width:500px; min-height:80px; _height:80px;  background:url('../images/plans/bloc-plan-horaires-ete-hiver.jpg') no-repeat; margin-left: 10px; }
.col-horaires-ete-hiver { width:215px; float:left; padding:10px 0 0 35px; text-align:center; }
.bloc-plans-horaires-ete { width:500px; min-height:80px; _height:80px;  background:url('../images/plans/bloc-plan-horaires-ete.jpg') no-repeat;  margin-left: 10px; }
.col-horaires-ete { width:215px; float:left; padding:10px 0 0 35px; text-align:center; }
#iframe_horaires { margin:0; }
#iframe_itineraire { margin:0; }
.lignes-destinations { padding-top:10px; padding-left:140px; }

.bloc-plans-horaires { width:500px; /*height:100px;*/ border-bottom:solid 1px #06792C; padding-bottom:5px; margin-left: 10px; }
.bloc-plans-horaires2 { width:100%; /*height:100px;*/ border-bottom:solid 1px #06792C; padding-bottom:5px; margin-left: 10px; }
.bloc-plans-horaires-message { width:500px; /*height:100px;*/ border:solid 1px #06792C; background-color:#E6F7DB; margin-left: 10px; padding:10px;}
.bloc-plans-horaires-message-vert { width:500px; /*height:100px;*/ border: dotted 1px #06792C; margin-left: 0px; padding-bottom:20px; padding-top:10px;}
.bloc-plans-horaires-message-rose { width:480px; /*height:100px;*/ border: dotted 2px #F5216E; margin-left: 0px; padding-bottom:20px; padding-top:10px;}
.bloc-plans-horaires-picto { width:240px; padding-right:10px; float:left }
.bloc-plans-horaires-texte { width:250px; float:left; text-align:left; }
.bloc-plans-horaires a {  }

.table-plans-horaires { width:480px; margin-left: 10px; padding:0px; }
.table-plans-horaires .border { border-bottom:solid 1px #A3B58D; }
.table-plans-horaires p { padding: 0; margin:1px; font-size:9px; }
.table-plans-horaires td.titre { vertical-align:middle; text-align:center; color:#00481B; font-weight:bold; font-size:10px;  }
.table-plans-horaires tr.fond_vert { background-color:#A3B58D; }
.table-plans-horaires tr.fond_vertclair { background-color:#EAEBE4; }


/*----------------- Page carte sans contact ----------------- */
.bloc-micad { width:500px; /*height:100px;*/ border-bottom:solid 1px #37582C; padding-bottom:0px; margin-left: 10px; }
.bloc-micad a {  }
.bloc-micad li { font-size:0.9em;  }

.table-micad { width:500px; border:solid 1px #37582C; margin:0; padding:0; }
.table-micad .border { border-bottom:solid 1px #37582C; }
.table-micad h3 { padding: 0; margin:0; }
.table-micad h5 { padding: 0; margin:0; font-weight:bold; }
.table-micad p { padding: 0; margin:0; font-size:0.75em; }
.table-micad td.titre { vertical-align:middle; text-align:center; color:#37582C; font-weight:bold; font-size:11px;  }
.table-micad tr.fond_bronze { background-color:#37582C; }
.table-micad tr.fond_pomme { background-color:#A6C63D; }
.table-micad tr.fond3 { background-color:#E3EDC0; }

/*----------------- Page carte modapass ----------------- */
.bloc-modapass { width:500px; /*height:100px;*/ border-bottom:solid 1px #9C764F; padding-bottom:0px; margin-left: 10px; }
.bloc-modapass a {  }
.bloc-modapass li { font-size:0.9em;  }

.table-modapass { width:500px; border:solid 1px #9C764F; margin:0; padding:0; }
.table-modapass .border { border-bottom:solid 1px #9C764F; }
.table-modapass h3 { padding: 0; margin:0; }
.table-modapass h5 { padding: 0; margin:0; font-weight:bold; }
.table-modapass p { padding: 0; margin:0; font-size:0.75em; }
.table-modapass td.titre { vertical-align:middle; text-align:center; color:#9C764F; font-weight:bold; font-size:11px;  }
.table-modapass tr.fond_marron { background-color:#674B3F; }
.table-modapass tr.fond_sable { background-color:#9C764F; }
.table-modapass tr.fond3 { background-color:#E0D8D5; }


/*----------------- Page tao nice trip ----------------- */
.bloc-taonicetrip { width:500px; /*height:100px;*/ border-bottom:solid 1px #00789B; padding-bottom:0px; margin-left: 10px; }
.bloc-taonicetrip a {  }
.bloc-taonicetrip li { font-size:0.9em;  }

.table-taonicetrip { width:315px; border:solid 1px #37582C; margin:0; padding:0; float:right; }
.table-taonicetrip p { padding: 0; margin:0; font-size:0.75em; }
.table-taonicetrip tr.fond_vert { background-color:#E6EEB3; }
.table-taonicetrip tr.fond_bleu { background-color:#9CD5DC; }


/* Formulaire de contact */
form { color: #000; }
form  * { font-family: Verdana, Arial, Helvetica, sans-serif; }
form p { margin:0; padding:0; min-height:25px; _height:25px }
form a, form label { }
form .fieldset { padding: 0 10px 10px 10px; border:1px solid #fff; border-bottom:3px solid #fff; margin: 0 0 1em 0 }
form .legend { padding:2px 10px 2px 5px; text-transform:uppercase;	border-left:2px solid #fff; font: bold italic 12px Verdana, Arial, Helvetica, sans-serif; }
form .fieldset2 { padding: 0 10px 10px 0px; border:1px solid #fff; border-bottom:3px solid #fff; margin: 0 0 1em 0 }
form .legend2 { padding:2px 10px 10px 0px; border-left:2px solid #fff; font-size:0.9em; text-align:center;  font-style: normal; font-weight: bold; }
form p.p50 { width:198px; float:left }
form .p100 { width:400px; clear:both; float:none }
form .select { width:98px; height:18px; float:left; background:#E4EEED; border: 1px solid #000; }
form .select2 { width:180px; height:18px; float:left; background:#E4EEED; border: 1px solid #000; }
form .label { width: 100px; float: left; text-align: right; padding: 0 2px 0 0 }
form .label2 { width: 203px; float: left; text-align: right; padding: 0 2px 0 0 }
form .input { width:80px; height:13px; float:left; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form .input2 { width:175px; height:13px; float:left; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form .input3 { width:150px; height:18px; float:left; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form .input4 { width:150px; height:15px; float:left; padding:0; margin-top:4px; line-height:22px; }
form .input5 { width:19px; height:22px; float:right; padding:0; line-height:22px; }
form .textarea { width:390px; height:60px; overflow: auto; clear:both; background: #E4EEED; border: 1px solid #000; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; padding:0 }
form .captchat { text-align:center; color:#000 }
form .captchat div { padding: 0 0 5px 0; }
form #code { width:191px; height:13px; border:none; border-bottom:1px solid #000; background: #E4EEED; }
form #question { font-weight: bold}
form .divimagecaptchat { margin: 0 auto }
form .envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
form .clear { clear:both; float:none; }
form .displayNone { display:none; }

form optgroup { font-weight:bold; font-style:italic}
form option { padding:0 0 0 10px; font-weight:normal; font-style:normal}
#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }
	
/* Fin du formulaire */

/*----------------------------- Thickbox -----------------------------*/

/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
* { padding: 0; margin: 0; }

/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif;	color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {	position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect {	z-index:99; position:fixed; top: 0; left: 0;	background-color:#fff;	border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }