@import "/css/menu.css";
@import "/css/illicopage.css";
body {
	margin:0;
	text-align:center;
	background-color:#0088b7;
	font-family:Arial, Helvetica, sans-serif;
}

.page {
	margin: auto;
	width: 995px;	
	text-align:left;
	background-image:url(/charte/fond_page.jpg);
	background-repeat:repeat-y;
}
	
.page2{
	float:left;
	width:955px;
	background-image: url(/charte/rpt_degrade.jpg);
	background-repeat: repeat-y;
	}

/* gestion des ombres */
.ombreH_droit{
float:right;
height:15px;
}
.ombreH_gauche{
float:left;
height:15px;
}
.ombreBas{
	clear:both;
	height:20px;
	background-image: url(/charte/ombreB.jpg);
	background-repeat: repeat-x;
	width:995px;
	}
.arrondis_bas{
	clear:both;
	width:955px;
	height:15px;
}

div.liens_bas{
	position:relative;
	top:-10px;
	float:left;
	text-align:center;
	font-size:11px;
	width:925px;
}

.signature_illico{
clear:both;
position:relative;
right:0px;
padding-right:20px;
padding-bottom:2px;
color:#fff;
font-size:10px;
text-align:right;
background-color:#0088b7;
}

a.illico{
padding-right:2px;
color:#fff;
font-size:10px;
position:relative;
top:-5px;
left:-2px}

.ombreG{
	float:left;
	width:20px;
}
.ombreG img, .ombreD img {
position:relative;
bottom:0;
}
.ombreD{
	float:left;
	width:20px;
	/*height:100%; Si l'on veut que la page se mette à 100% en hauteur, avec le pied de page tout en bas.*/
	height: auto;
}
.ligne_1{
float:left;
width:100%;
height:20px;
padding-top:3px;
background-color:#0088b7;
}
.v_malvoyant{
float:left;
}
.pictos{
float:right;
padding-right:5px;
}
/*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;
	}
/**/
#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-image: url(/charte/fond_degrade.jpg);
	background-repeat: no-repeat;
}

.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;
}
.col-1-int{
float:left;
width:339px;
}
.logo{
}

.menuLat {
	background-image: url(/charte/fond_menuLat.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin-left:28px;
	background-color:#F6A800;
	width:295px;
}
.ombreG_menuLat {
	background-image: url(/charte/ombreG_menuLat.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.col-2-int{
float:left;
width:584px;
}
.encadre-contenu{
	background-image: url(/charte/ombreG_contenu.jpg);
	background-repeat: no-repeat;
}
.ombreG_contenu{
	background-image: url(/charte/rpt_ombreG_contenu.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #EDF5F8;}
	
.contenu-modifiable{
margin-left:45px;
width:510px;
padding-bottom:1px;
}
#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:15;
}


/******** modele carte *******/
.col-1-carte{
float:left;
width:410px;
}
.fond_perturbations, .fond_perturbations_EN{
height:65px;
}
.fond_actualite, .fond_actualite_EN{
	height:140px;
	padding-top:35px;
	padding-left:35px;
}
.fond_itineraire, .fond_itineraire_EN{
	height:180px;
	width:360px;
}
.zone_flash_carte{
width:545px;
float:left;
}

/******** 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;
}