@import "/css/menu.css";
@import "/css/illicopage.css";

body {margin:0;text-align:center;background-color:#0083B2;font-family:Arial, Helvetica, sans-serif;}
#conteneur{width:100%; background:url(/charte/ombre-page.jpg) repeat-y center top; float:left}
.ombreBas{background:url(/charte/ombre-bas.jpg) no-repeat center top; width:100%; height:85px; clear:both; padding-top:50px; float:left;}
.ombreBas-accueil{background:url(/charte/ombre-bas-accueil.jpg) no-repeat center top; width:100%; height:85px; clear:both; padding-top:50px; float:left;}
#footer{ margin: 0 auto; clear:both; width:955px; position:relative;}
.page {margin: auto; width:955px; text-align:left;}
.bg-rpt-page-accueil{background: url(/charte/bg-rpt-accueil.jpg) repeat-y left top; float:left; width:100%; }
.page2{float:left;width:955px;background:#A7DCF4 url(/charte/bg-illus.jpg) no-repeat left bottom;}
.page2-accueil{float:left;width:955px; background:url(/charte/bg-illus-accueil.jpg) no-repeat 18px -10px;}

/*footer*/
.signature_illico{ position:absolute; right:0; top:-5px; width:auto; color:#fff;font-size:10px;text-align:right; }
a.illico{padding-right:2px;color:#fff; position:relative;top:-5px;left:-2px; text-decoration:none; font-size:11px;}
div.liens_bas{text-align:center;font-size:11px;width:800px; margin: 0 auto;}
.liens_bas, .liens_bas *{padding:0 5px; color:#FFFFFF;}

/*moteur de recherche*/
#moteur{padding-right:5px;float:right;height:20px;}
input.moteur {font-family: Arial, Helvetica, sans-serif;font-size: 10px;position:relative;top:-4px;height:13px;}

/*header*/
.ligne_1{float:left; width:100%; padding-top:6px; background-color:#0088b7;}
.v_malvoyant{float:left; margin-left:10px;}
.pictos{float:right;padding-right:5px;}
#menu_horz {background-color: #97be0d;height:40px;clear:both;width:955px;}
#repere{float:left;width:1px;height:40px;}
.zone_centrale{float:left; width:955px; background:url(/charte/halo.png) no-repeat left top;}
.fil-ariane{float:left;font-size:12px;color: #000;font-weight: bold;width:955px;}
.vous-etes-ici{float:left;margin:10px;}
#div_lien_yahoo{float:left;margin:10px 10px 10px 0px;}

/*modele interieur*/
.col-1-int{float:left;width:339px;}
#logo{ float:left; width:339px;}
#logo img{margin:20px 0 0 20px;}
#menuLat_haut{height:30px; width:100%; background:url(/charte/menuLat_haut.png) no-repeat left top; float:left}
.rpt_ombreG_menuLat {float:left; background: url(/charte/rpt_ombreG_menuLat.png) repeat-y left;}
.menuLat {float:left; background: url(/charte/fond_menuLat.gif) repeat-y left; margin-left:28px;background-color:#F6A800;width:295px;}

.col-2-int{float:left;width:584px;}
#haut_contenu{background:url(/charte/haut_contenu.png) no-repeat left top; height:20px; width:100%;}
.encadre-contenu{background: url(/charte/rpt_ombreG_contenu.png) repeat-y left top; float:left; width:100%;}
.contenu-modifiable{margin-left:45px;width:510px; min-height:280px;}
#titre_menu, #div_titre_rub{height:60px;color:#F6A800;font-size:23px;font-weight:bold;padding-left:42px;padding-top:20px;}
.haut_intSimple #div_titre_rub{padding-left:0;}

.col-3-int{float:left;width:32px;height:600px; /* pour ne pas avoir de bug avec le fond en degrade */}

.invisible{display:none;}
#cadremenu{position:absolute; visibility:hidden; z-index:200;}

/******** modele carte *******/
.col-1-carte{float:left;width:410px;}
.fond_perturbations, .fond_perturbations_EN{height:65px; clear:both  }
.fond_actualite, .fond_actualite_EN{height:140px;padding-top:35px;padding-left:35px; clear:both  }
.fond_actualite {background-image: url(/charte/fond_actu.png); background-repeat: no-repeat; }
.fond_actualite_EN{background-image: url(/charte/EN/fond_actu-en.png); background-repeat: no-repeat; }

.fond_itineraire, .fond_itineraire_EN{height:180px;width:360px; clear:both  }
.zone_flash_carte{width:545px;float:left;}

.zone_m_recherche{position:relative; height:20px; width: 120px; top: -1px; left:0; }
.saisie_m_recherche{position:absolute; height:20px; width: 120px; top: -1px; left: 0; }

.texte_intro {font-family: "Myriad Pro", Arial, sans-serif; font-size: 16px; font-style: italic; font-weight: bold; color: #FFFFFF; }
.fond_itineraire {padding-top:50px; background-image: url(/charte/fond_itineraire.png); background-repeat: no-repeat; clear:both;}
.fond_itineraire_EN {padding-top:50px; background-image: url(/charte/EN/fond_itineraire-en.png); background-repeat: no-repeat; }

.fond_perturbations{font-size: 12px; padding-top:50px; padding-left:40px; padding-bottom:23px; padding-right:50px; background-image: url(/charte/fond_perturbations.png); background-repeat: no-repeat; }
.fond_perturbations a{font-size: 12px; color:#000000; }

.fond_infostrafic{clear:both; font-size: 12px; padding-top:50px; padding-left:40px; padding-bottom:23px; padding-right:50px; background-image: url(/charte/fond_infostrafics.png); background-repeat: no-repeat; height:65px; }
.fond_infostrafic a{font-size: 12px; color:#000000; }


/******** modele intSimple *******/
.zone_centrale_Simple{float:left;width:955px;/*background: url(/charte/fond_logo_barre.jpg) no-repeat;*/}
.zone_centrale_Simple .fil-ariane{height:46px;}
.zone_centrale_Simple .logo{float:left;width:260px; padding-right:20px;}
.haut_intSimple{float:left;width:100%;/*height:130px;*/}
.texte_intSimple{font-size:11px;font-weight:bold;margin-top:20px;}
.zone_centrale_Simple .contenu-modifiable{margin-left:0px;width:955px;padding-bottom:10px;float:left;}
#navitia{width:950px; height:500px;overflow: hidden;}