﻿/**************GENERAL***************/
body{
	background-color:#ffffff;
	color:#272727;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0;
	margin:0;
}
/***************FONDS MALONETE**************/
#grand-fond-repeat{
	background:url(fond_milieu.jpg) repeat-y 50% 0;
}
#grand-fond-haut{
	background:url(fond_haut.jpg) no-repeat 50% 0;
}
#fond-footer{
background:url(fond_bas.jpg) no-repeat 50%;
height:175px;
clear:both;
}
/***********BANDES BLANCHES***********/
#bande-blanche-repeat{
	width:1024px;
	background:url(fond_milieu2.jpg) repeat-y;
		padding-bottom:16px;
}
#bande-blanche-haut{
	background:url(fond_haut2.jpg) no-repeat;
	width:1024px;
}
#bande-blanche-footer{
background:url(fond_bas2.jpg) no-repeat;
height:175px;
	width:1024px;
clear:both;
	margin-left:auto;
	margin-right:auto;
}

/************************************************/
#globale{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
		overflow:hidden;
}
/**************colonnes***********/
#colonne-gauche{
	float:left;
	width:192px;
	margin-left:35px;
}
#colonne-milieu{
	float:left;
	width:555px;
	margin-left:43px;
}
#colonne-droite{
	float:right;
	width:154px;
	margin-right:20px;
	margin-top:-45px;

}


/********BANDEAU DEROULANT*********/
#cadre-bandeau{
	margin-top:-34px;
	height:273px;
}
#content-flash{
		margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:175px;
}


/**********agencement-droite**********/
#colonne-droite a{
	clear:both;
	width:154px;
	display:block;
}
#colonne-droite a.item-1{
	background-image:url(droite_horaires.jpg);
	height:90px;
}
#colonne-droite a.item-2{
	background-image:url(droite_plan.jpg);
	height:90px;
}
#colonne-droite a.item-3{
	background-image:url(droite_contact.jpg);
	height:109px;
}
#colonne-droite a.item-4{
	background-image:url(droite_train.jpg);
	height:90px;
}
#colonne-droite a.item-meteo{
	background-image:url(droite_meteo.jpg);
	height:30px;
}

/************CONTENU**********/
#contenu{
	padding-left:20px;
	padding-right:20px;
}



#header{
width:1024px;
height:67px;
margin:0 auto 0 auto;
}
h1#titre_principal{
	padding:0px;
	margin:0px;
}
h1#titre_principal a{
	display:block;
	width:100%;
	height:100%;
}
/***************MENU HAUT***********/
#menu-haut{
	padding:0;
	margin:0;
	list-style-type:none;
height:67px;
width:455px;
margin-left:auto;
margin-right:auto;
padding-left:87px;
padding-top:11px;
}
#menu-haut li{
	float:left;
}
#menu-haut li a{
	display:block;
	height:37px;
}
#menu-haut li a.item-1{
	background-image:url(centre_menu_accueil.jpg);
	width:74px;
}
#menu-haut li a.item-2{
	background-image:url(centre_menu_presentation.jpg);
	width:108px;
}
#menu-haut li a.item-3{
	background-image:url(centre_menu_emplois.jpg);
	width:72px;
}
#menu-haut li a.item-4{
	background-image:url(centre_menu_services.jpg);
	width:123px;
}
#menu-haut li a.item-5{
	background-image:url(centre_menu_contact.jpg);
	width:72px;
}
/***************MENU PRINCIPAL***********/
ul#menu{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu li{
	padding:0;
	margin:0;
	margin-bottom:6px;
}
ul#menu li h2{
	padding:0;
	margin:0;	
}
ul#menu li h2 a{
	display:block;
	padding-left:25px;
	background:url(gauche_puce_services.jpg) no-repeat 0px 8px;
}
ul#menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#menu ul li{

}
ul#menu ul li a{
	display:block;
}

/*********PETITS STYLES **************/
#chemin{
	font-size:11px;
	margin-top:0;
	margin-bottom:0px;
}
a{
	color:#00acf0;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}
a.lire_la_suite{
}
#btn-voir-promo{
	cursor:pointer;
}
#btn-promo{
	display:block;
	width:225px;
	height:460px;
	background-image:url(gauche_promos.jpg);
	margin-left:-15px;
}
/***********DOCS JOINTS****************/
.uneImageJointe{
	float:left;
	margin-left:14px;
}
.spip_logos{
	margin-right:14px;
	margin-bottom:12px;
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 bottom:11px;
}
.spip_documents_center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.spip_documents_center dt{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
.spip_documents_left{
	margin-right:8px;
}
.spip_documents_right{
	margin-left:8px;
}
.spip_doc_titre,.spip_doc_descriptif{
	text-align:center;
}
/**********FORMULAIRES*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea,select{
	width:90%;
	color:#0077e6;
	font-weight:bold;
}
textarea{
	height:100px;
}
input.radio{
	width:auto;
}
input[type="checkbox"] {width:auto;}
ul.boutons{	list-style-type:none;}
.bloc-bleu li{
	color:#0077e6;
}
.formulaire_recherche input{
	float:left;
	width:50px;
	color:black;
}
.formulaire_recherche #recherche{
	width:125px;
		color:#272727;
		margin-right:8px;
}
.formulaire_recherche label{
	display:none;
}
/********METEO********/
#meteo{
	padding-left:20px;
	margin-top:-6px;
}
#meteo dd{
padding:0;
margin:0;
color:#007cf0;
font-weight:bold;
}
#meteo img{
	float:left;
	margin-right:13px;
	margin-top:-8px;
}


.spacer-boutique{
	margin-top:-45px;
}
div.chapo h3.spip{
	margin-top:0;
}
h3.spip{
	color:#00acf0;
}
h3.spip a{
	cursor:pointer;
}
div.chapo ul.spip{
	padding-left:0;
	list-style-position:inside;
}
div.chapo ul.spip ul{
	padding-left:15px;
}

/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}