/*Pour les background*/
.divSiteContent {
	width:954px;
	padding:0 13px;
}

#main, #fader {
	background-position: center;
	margin: 0 auto;
}

/*---- Le bloc animation ----*/
#fader {position: relative; width: 952px; height: 351px; padding: 0 14px}
#fader img {position: absolute;}


/*---- Tout le bloc principal ----*/
#main {
	padding-bottom: 15px;
	background-image: url(../img/css/background-ombre-black.png);
	font: 11px Arial, Helvetica, sans-serif;
}

#main h2 {
	margin: 0;
	padding:12px 0 12px 10px;
	background:#EF7F01;
	border-bottom: 3px white solid;
	color:white;
	text-transform:uppercase;
	font: bold 16px Arial,Helvetica,sans-serif;
}


/*Couleurs et typo*/
#main h3, #main .intro {color: #c36035}
#main h3, #main .intro {color: #ff7200}
#texte a:link, #texte a:visited, #texte a:active {color: #c36035; text-decoration: underline}
#texte a:hover, #texte a:focus {color: #c36035; text-decoration: none}
#main {color: white}
.intro{font-size: 17px; font-style: normal; font-weight: bold; margin-top: 5px;/* text-transform: uppercase;*/ text-align: center;}
.date {display: block}
#main h3{font-size: 14px; margin: 14px 0}

/*Layout multi-colonnes colonnes*/
#slider {width: 918px; margin: 0 auto}
#texte, #carte, #restos {float: left; margin-top: -10px; padding: 0 14px}
#texte , #restos {width: 400px;}
#carte {width: 447px;}
#carte, #restos {margin-left: 15px}


/*---- Bloc description ----*/
#labelRouge img {vertical-align: middle}
h3 img {float: right;}
h3 span {float: left; width: 340px;}
h3 {overflow: hidden;}

/*---- Bloc carte ----*/
#carte h3 {margin: 0}


/*---- Le bloc listant les hotels ----*/
h4, #listeHotels a {margin: 10px 0 0; border: solid 1px #C36035;}
h4 em, a em{font-weight: bold; font-style: normal; font-size: 1.1em}
#listeHotels a {display: block; color: white; text-decoration: none}
.adr {border: solid 1px #C36035; border-top: none; margin-bottom: 5px; overflow: hidden}
.phone {background: url(../img/css/phone.png) no-repeat left center; padding-left: 12px; display: block}


/*---- Cadre présentant le livres ----*/
#livre, .livreHaut, .livreBas {width: 890px; padding: 0 14px;}
.livreHaut {margin: 15px auto 0}

#livre {
	overflow: visible;
	position: relative;
	min-height: 130px;
}

#livre img {
	position: absolute;
	top: -10px;
}

#livre .bouton {float: right}
#livre p{font-size: 12px}
#livre h3{margin-top: 0}
#livre h3, #livre p {margin-left: 246px;}

/*---- Les cadres arrondis ----*/
.wrapperHaut {margin-top: 15px}
#wrapper, .wrapperBas, #livre, .livreBas {margin: 0 auto}

#wrapper, #livre {background-repeat: repeat-y; background-position: left center;}
#wrapper {background-image: url(../img/cadres/triple-milieu.png);}
#livre {background-image: url(../img/cadres/bas-milieu.png);}

.wrapperHaut, .wrapperBas, .livreHaut, .livreBas {height: 27px; background-repeat: no-repeat; background-image: url(../img/cadres/sprite-cadres.png);}
.livreBas {background-position: 0 0;}
.livreHaut {background-position: 0 -77px;}
.wrapperBas{background-position: 0 -154px;}
.wrapperHaut {background-position: 0 -231px;}


/*---- Les boutons ----*/
#main .bouton {font-size: 12px}
#main .bouton a:link, #main .bouton  a:visited, #main .bouton a:hover, #main .boutons a:active, #main .bouton a:focus {color: white; text-decoration: none}
.bouton {width: 200px; padding: 2px; background: #EF7F01;text-align: center; margin: 10px auto -10px}
.bouton a, .bouton input {display: block; padding: 2px; border: solid white 1px; text-decoration: none}
.bouton a:hover {border-color: #EF7F01}
.bouton a:active {border-color: #c36035; outline: none}




form.bouton {width: auto}
.bouton input {
	margin:0 auto;
	/*width:198px;*/
	color:white;
	background: #EF7F01;
	float: right
}
.bouton .hidden {display: none} /*Bug sous FF3.5.8*/

.bouton input:hover {border-color: #EF7F01}
.bouton input:active {border-color: #c36035; outline: none}


/*---- Réintégrer les flottants ----*/
.clearFix {border: none; clear: both; height:0; margin: 0; padding: 0}

/*---- Carte ----*/
#map, #map li {margin: 0; padding: 0}

#map {
	position: relative;
	width: 432px;
	height: 457px;
	margin: 0 auto;
	background: url(../img/carte/carte.jpg);
	list-style-type: none;
}

#map li {
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: 5000px;
}

#map a {
	display: block;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	outline: none;
	overflow: hidden;
}

#map a:hover{background: url(../img/carte/sprite-carte.png) no-repeat;}

#map #so {
	width: 155px;
	height: 185px;
	left: 84px;
	bottom: 32px;
}
#map #so a{background-position: 0 -892px;}

#map #se {
	width: 187px;
	height: 209px;
	right: 6px;
	bottom: 8px;
}
#map #se  a{background-position: 0 -633px;}

#map #no {
	width: 232px;
	height: 231px;
	left: 7px;
	top: 9px;
}
#map #no a{background-position: 0 -352px;}

#map #ne {
	width: 169px;
	height: 218px;
	right: 24px;
	top: 22px;
}
#map #ne a{background-position: 0 -84px;}

#map #idf {
	width: 34px;
	height: 34px;
	top: 104px;
	left: 211px;
}
#map #idf a{background-position: 0 0;}


/*---- Styles pour classAnim et JS ----*/
/*Le carrousel*/
#slider-wrapper {overflow: hidden; width: 918px; margin: 0 auto}
.hasJS #slider{width: 1361px}
.texteDisplayed {margin-left: 0}
.hotelsDisplayed {margin-left: -443px}

/*La fleche de retour du carrousel*/
#wrapper {position: relative}
#back {position: absolute; top: -17px; right: 360px; background: url(../img/css/back.png) no-repeat left center; padding-left: 20px;}
#back:link, #back:visited, #back:hover, #back:active, #back:focus {color: #c36035;}

/*Le témoin de chargement*/
#loader {
	position:absolute;
	right:20px;
	top:-20px;
}

/*Pour le menu en accordéon*/
.hasJS .adr {display: none}
.closedMenu, .openMenu {background-position: 99% center; background-repeat: no-repeat}
.closedMenu {background-image: url(../img/css/plus.png)}
.openMenu {background-image: url(../img/css/moins.png)}

/*Pour le fondu sur la listeHotels*/
.hasJS #listeHotels {display: none}
#listeHotels a:hover, #listeHotels a:focus {background-color: #333; outline: none}

/*---- Divers ----*/
a:hover, a:active {outline: none;}

/*---- Liste participants sans JS ----*/
#participants #wrapper {background-position: -425px 0}
#participants .wrapperBas {background-position: -425px -154px}
#participants .wrapperHaut {background-position: -425px -231px; margin-top: 0;}
#participants #main {padding-top: 10px}
#participants #back {position: static}





/*---- Modifs 2011 ----*/
.partenaires ul {list-style-type: none; margin: 0; padding:0; }
.partenaires li {float: left; margin: 0 0 0 35px; padding:0;display: inline}
/*.partenaires .first {margin: 0}*/