@import url(./calendrier.css);

html { border:0;}

#conteneur {height: 270px !important;}

body{ font-family:Verdana; font-size:9pt; background-image:url("../img/fond-page-degrade.jpg"); background-repeat: repeat-x; background-color: #F5DE6C;}
h1,h2,h3,a { margin:0;padding:0;border:0;}
a { font-size:10pt; text-decoration:none; font-weight:bold; cursor: pointer; }

#page_content {
    background-image:url(../img/fond_blanc.png);
	width:992px;
	float:left;
	height:auto;
	font-family:Arial;
	color:#333;
	position:relative;
}

#p_titre_liste { font-weight:bold; font-family:Verdana; font-size:11pt; color:#1badb5; text-decoration:none; text-align:center; }
img{	border:0px; }

form{ margin:0; }

ul{ list-style-type: none;  margin:0;  padding:0;}

.clear{ clear:both;}

#general{position:relative;  width:992px;  margin-right:auto;  margin-left:auto;  z-index:1; }
.headerleft { float: left; width: 130px; height: 50px; margin-left:50px;}

#div_acces_client{color:#7b7b7d; float: right; position: relative;  width: 616px; padding-left:90px; height: 60px; background:url(../img/back-espaceclient.jpg) no-repeat }
#a_connect_num_resa, #a_passwd_oublie{font-size:11px; font-weight:normal; color:#e7611a;padding:0 5px;}
#a_connect_num_resa:hover, #a_passwd_oublie:hover{text-decoration:underline;}
#inpt_login_client, #inpt_password_client{padding:1px;  width:130px;  margin-right:15px;  margin-left:15px;}
span.lbl_cptClient{font-weight:bold; font-size:11px;}
#form_client{padding-top:0px;}
.Aright{text-align: right;line-height:20px;}

#bt_ok_client{float:right;display:block;padding-right:15px;}
#p_lblInpt{margin:0;padding:5px 0 0 0; }

.btnconnecter { display: block; position: absolute; top: 20px; right: 10px; }

#entete {
	width:992px;
	height:317px;
	background-image:url(../img/fond_slide.png);
	background-repeat:no-repeat;
	margin:auto;
	padding-left:17px;
	float:left;
	display:block;
}
.jaune {
	color:#f8c346;
		text-decoration:none;
}
.gris {
	color:#CCC;
	text-decoration:none;
}
#retour {
	color:#BA2500;
	float:left;
	width:658px;
	margin-top:20px;
}

#logo {
	height:113px;
	width:415px;
	position:absolute;
	float:left;
	display:block;
	position:absolute;
	z-index: 10;

}
#espaces_de_mt {
	font-size:10px;
	width:30px;
	color:#FFF;
	float:left;
	display:block;
	position:absolute;
	z-index: 9;
	margin-left:550px;
	text-decoration:none;
	margin-top:10px;
}

#carrousel{
    border: solid 0px #e7dbc5;
    width:960px;
    height:246px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
	float:left;
}

.slide{
    position:absolute;
    top:0;
    left:0;
    width:960px;
    height:246px;
}

.title {text-align:right;
    position:absolute;
	float:right;
    padding-left:12px;
    width:940px;
    line-height:15px;
    height:20px;
font-family:Verdana;
font-size:12px;
color:#FFF;
   bottom:0;
   left:0;
background-image:url(../img/fond_slide_titre.png);
}

.navi{
    position:absolute;
    bottom:25px;
    right:5px;
	font-size:6px;
}

.navi span{
    background:#FFF;
    color:#FFF;
	text-decoration:none;
    padding:0px 4px;
    cursor:pointer;
    margin:0 1px;
}

.navi span:hover,.navi span.active{
    background:#f7c64a;
    color:#f7c64a;
}

#contenu {
	background-image:url(../img/fond_blanc.png);
	width:992px;
	float:left;
	height:auto	;
	font-family:Verdana;
	color:#333;
	position:relative;
	margin-top:-68px;
}

.sous_titre_accueil {
	margin-top:25px;
	text-decoration:none;
	margin-bottom:10px;	
}
#blocs  a:hover {
	color:#999;
}
#blocs .sous_titre_accueil a:hover {
	color:#999;
}
.savoir_plus {
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	font-size:14px;
	text-decoration:none;
}

.bandeau_accueil a {
	float:right;
	font-size:14px;
	color:#FFF;
	width:268px;
	height:15px;
	text-decoration:none;
	text-align:right;
}


#menu { float:left; margin-left:-17px; margin-top:-13px;
	height:60px;
	width:992px;
	background-image:url(../img/fond_menu.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:3;
}

#menu_haut {
    padding-left: 40px;
    padding-top: 20px;
    width: 992px;
	float:left;
	display:inline;
	color:#FFF;	
}

#menu_haut a { 
    padding-top: 20px;
    width: 992px;
	display:inline;
	color:#FFF;	
}

#footer {
	width:992px;
	height:326px;
	float:left;
}
#footer1 {
	width:992px;
	height:104px;
	background-image:url(../img/footer-1.png);
	background-repeat:no-repeat;
	position:relative;
}
#texte_footer_1 {
	margin-right: auto;
    padding-left: 24px;
    padding-top: 60px;
    width: 760px;
	float:left;
	display:inline;
	color:#FFF;
	
}
#texte_footer_1 a {
	text-decoration:none;
	font-family:Arial;
	color:#FFF;
	font-size:12px;
}
#texte_footer_1 a:hover {
	color:#CCC;
}
#logo_mt {
	position:relative;
	float:left;
	width:180px;
}

#texte_1 {
	background-repeat:no-repeat;
	margin:auto;
	float:left;
	}
	
#footer2 {
	width:992px;
	height:222px;
	background-image:url(../img/footer-2.png);
	background-repeat:no-repeat;
	font-family:Arial;
	font-size:10px;
	padding-left:12px;
}
#footer2 a:hover {
	color:#999;
}
.pied_de_page {
	float:left;
	width:190px;
}
#texte_2 {
	width:992px;
	height:100px;
	float:left;
	padding-left: 16px;
}
#pied_de_page_2 {
	height:10px;
	margin:auto;
	margin-top:10px;
	float:left;
	font-family:Arial;
	font-weight:600;

}
.trait {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-left:20px;
}
#logo_trip_advisor {
	background-image:url(../img/logo_trip_advisor.png);
	background-repeat:no-repeat;
	width:180px;
	height:30.4px;
	float:left;
	margin-top:20px;
	opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}
#logo_internaute {
	background-image:url(../img/logo-trophee-petit.png);
	background-repeat: no-repeat;
    float: left;
    height: 110px;
    margin-top: -10px;
    width: 120px;
	opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}
#carte_de_france {
	background-image:url(../img/carte_france_manche2.png);
	background-repeat:no-repeat;
	width:81px;
	height:82px;
	float:left;
	margin-top:30px;
	margin-left: -50px;
}
a:hover#carte_de_france {
	 opacity : 0.6;
    -moz-opacity : 0.6;
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    filter : alpha(opacity=60); /* IE < 8 */ 
}
a:hover#logo_trip_advisor {
	 opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 
}
a:hover#logo_internaute {
	 opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */ 
}

div.div_entete_page {width: 992px; height: 105px; float:left; background: url("../img/fond_blanc.png"); background-repeat: repeat-y;}

div.div_titreTheme { width: 350px; height: 90px; float: left; margin-left: 16px;}

div.div_descTheme { color:#7b7b7d; float:left; text-align: left; height: 90px;  width:400px; font-family:Verdana; font-size:12px; font-weight:bold; }

div.div_pdfTheme { float: left; width:210px;height:90px; margin-top:0px; }

div.div_Ariane {width: 960px; color:#bfbfbc; text-align: center; font-family:Verdana; line-height:20px; float:left;}
a.div_Ariane {width: 955px; color:#7b7b7d; text-align: center; font-family:Verdana; line-height:20px; float:left;}


.fr {
background: url("../img/fr.png");
display: block;
height: 24px;
width: 42px;
}
.fr:hover {
background: url("../img/fr-hover.png");
display: block;
height: 24px;
width: 42px;
}


.gb {
background: url("../img/gb.png");
display: block;
height: 24px;
width: 29px;
}
.gb:hover {
background: url("../img/gb-hover.png");
display: block;
height: 24px;
width: 29px;
}

.de{
background: url("../img/de.png");
display: block;
height: 24px;
width: 30px;
}
.de:hover {
background: url("../img/de-hover.png");
display: block;
height: 24px;
width: 30px;
}

.nl {
background: url("../img/nl.png") no-repeat;
display: block;
height: 24px;
width: 32px;
}
.nl:hover {
background: url("../img/nl-hover.png") no-repeat;
display: block;
height: 24px;
width: 32px;

}

#diaporama {
    height: 255px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    width: 992px;
    z-index: 7;
}

.sp_diapoDesc {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 225px;
}