/* CSS Document */
body{
	margin:0;
	background:url(images/fond-page.jpg) repeat-x;
	background-color:#4D7020;
}
#ConteneurHomepage{
	width:auto;
	height:640px;
	background:url(images/fond-homepage.jpg) no-repeat;
}
#ConteneurPage{
	width:1080px;
	height:650px;
	background: url(images/fond-homepage.jpg) no-repeat;
}
#ConteneurTarifs{
	width:1012px;
	height:650px;
	background: url(images/fond-homepage.jpg) no-repeat;
	background-color:#FFFFFF;
}

#ConteneurDisporesa {
position:relative;
width:400px;
height:30px;
top:160px;
left:150px;
}

.btresa {
width:172px;
height:25px;
text-align:center;
padding-top:7px;
background:url(images/page-suite/fond-bt-resa.gif) no-repeat;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.btresa a{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

.btresa a:hover{
color: #FFFF99;
text-decoration:none;
}


#MenuHomepage{
	width:229px;
	height:549px;
	float:left;
}
#MenuPage{
	height:575px;
	float:left;
}
#logoHomepage{
	width:205px;
	height:359px;
}
#logoPage{
	width:227px;
	height:359px;
}
.MenuHomepageOn{
	width:205px;
	height:21px;
	background:url(images/menu-homepage/on.png) no-repeat;
	padding: 3px 0 0 10px;
	margin:3px 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:20px;
}
.MenuHomepageOff{
	width:205px;
	height:21px;
	background:url(images/menu-homepage/menu-off.png) no-repeat;
	padding: 3px 0 0 10px;
	margin:3px 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #72895E;
	text-decoration: none;
	line-height:20px;
}
.MenuHomepageOff a{
	color: #72895E;
	text-decoration: none;
}
.MenuHomepageOff a:hover{
	color: #000;
	text-decoration: none;
}
.languesHomepage{
	width:205px;
	height:21px;
	background:url(images/menu-homepage/langues.png) no-repeat;
	padding: 0;
	margin:3px 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #72895E;
	text-decoration: none;
}
#TexteHomepage{
	width:264px;
	height:575px;
	float:left;
}
#flashcontent{
	width:auto;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	}
#TitreTxtHomeContain{
	float:left;
	width:264px;
	height:28px;
	background:url(images/menu-homepage/titre.jpg) no-repeat;

	}
.TitreTxtHome{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336600;
	padding:15px 0 0 20px;
}
#ImgTxtHome{
	float:left;
	width:264px;
	height:122px;
	background:url(images/menu-homepage/top-texte.jpg) no-repeat;

}
#TxtHomeContain{
	float:left;
	width:264px;
	height:286px;
	background:url(images/menu-homepage/fond-texte.jpg) no-repeat;

}
.TxtHome{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding:25px 20px 0 20px;
	width:200px;
}
.TxtHome a{
	color: #333333;
	text-decoration:underline;
}
.TxtHome a:hover{
	text-decoration:none;
}


.MenuPageOn{
	width:224px;
	height:24px;
	background:url(images/page-suite/MenuOn.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:20px;
	margin: 2px 0 0 2px;
	padding: 3px 0 0 3px;
}
.MenuPageOff{
	width:224px;
	height:24px;
	background: url(images/page-suite/MenuOff.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #72895E;
	text-decoration: none;
	line-height:20px;
	margin: 2px 0 0 2px;
	padding: 3px 0 0 3px;
}
.MenuPageOff a{
	color: #72895E;
	text-decoration: none;
}
.MenuPageOff a:hover{
	color: #000;
	text-decoration: none;
}
.languesPage{
	width:229px;
	height:24px;
	background:url(images/menu-homepage/langues.png) no-repeat;
	padding: 0;
	margin:3px 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #72895E;
	text-decoration: none;
}
#ConteneurContentPage{
	width:341px;
	height:549px;
	float:left;

}
#TopContentPage{
	width:341px;
	height:175px;
	background: url(images/page-suite/top-content.jpg) no-repeat;

}
#TopContentPageHebergement{
	width:330px;
	height:175px;
	background: url(images/page-suite/top-content-hebergement.jpg) no-repeat;
	margin:0 0 0 13px;

}
#ContentPage{
	width:341px;
	height:374px;
	background: url(images/page-suite/fond-content.jpg) no-repeat;

}
#ContentPageHebergement{
	width:330px;
	height:600px;
	background:url(images/page-suite/fond-content-hebergement.jpg) no-repeat;
	margin:0 0 0 13px;
	padding:0 0 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.TxtPage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336600;
	margin:0;
}
#ContentText{
	width:auto;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#TarifHeader{
	width:696px;
	height:203px;
	float:left;
	background:url(images/tarif-header.jpg)
}

#TarifHeaderDe{
	width:696px;
	height:203px;
	float:left;
	background:url(images/tarif-header-de.jpg)
}

#TarifHeaderEn{
	width:696px;
	height:203px;
	float:left;
	background:url(images/tarif-header-en.jpg)
}

#TarifHeaderEs{
	width:696px;
	height:203px;
	float:left;
	background:url(images/tarif-header-es.jpg)
}
#TarifHeaderNl{
	width:696px;
	height:203px;
	float:left;
	background:url(images/tarif-header-nl.jpg)
}

#LiensHeader{
	width:696px;
	height:203px;
	float:left;
	background:url(images/liensheader.jpg)
}
#ContactHeader{
	width:696px;
	height:203px;
	float:left;
	background:url(images/contact-header.jpg)
}
#FondTarif{
	width:696px;
	height:auto;
	float:left;
	background:url(images/fond-tarifs.jpg) no-repeat;
	text-align:center;
}
#FondTarif td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding:0 0 0 5px;
}
#FondTarif table{
	padding:0 0 0 30px;
}


.libelleHaut {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    background-color: #DFE11E;
	padding:0 0 0 5px;
    }
.libelleGauche {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
     text-align: left;
	 background:#C2DCF3;
    }
.libelleGauche2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
     text-align: left;
    background-color:#C2DCF3;
    }

.Texte {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
     text-align: center;
}
.interligne {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #FFF;
     text-align: center;
}
td a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
	text-decoration:underline;
}
td a:hover{
	text-decoration:none;
}
#hebergement{
	width:300px;
	height:400px;
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	padding:0;
}
.menu-diapo{
	width:224px;
	height:24px;
	background:url(images/page-suite/menu-diapo.png) no-repeat;
	margin: 2px 0 0 0;
	padding: 3px 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height:20px;
}
.menu-diapo a{
	color: #666666;
	text-decoration: none;
}
.menu-diapo a:hover{
	color: #000;
	text-decoration: none;
}
.menu-comment{
	width:224px;
	height:24px;
	background:url(images/page-suite/menu-comment.png) no-repeat;
	margin: 2px 0 0 0;
	padding: 3px 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height:20px;
	

}
.menu-comment a{
	color: #666666;
	text-decoration: none;
}
.menu-comment a:hover{
	color: #000;
	text-decoration: none;
}
ul#favam {

width: 830px;

overflow: hidden;

text-align: center;

margin-bottom: 5px;

}

ul#favam li{

display:inline-block;

list-style-type: none;

height: 23px;
 margin-right: 20px;
}

ul#favam li a{

font-size: 12px;



}
#footer{
clear: both;
margin-top: 80px;
margin-left: 250px;
	text-align:center;
	width: 830px;
	height: 30px;
	left: 208px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a{
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
 #footer p.ajoutext {
 font-size: 12px;
 text-align: left;
 width: 780px;
 margin: 0 auto;
 
 }
 /* ami */
#amis {
	position: relative;
margin: 0 auto 5px 300px;
	width: 400px;
	height: auto;
	display: none;
	z-index: 286;
}

#amis p{
clear: both;
text-align: right;
}
#monemail {
	float: left;
	margin: 5px;
}
#emailami {
	float: left;
	margin: 0 5px 5px 5px;
}
#reponseenvoyerami {
	margin: 0;
	color: red;
}
.ferm {
	float: left;
	margin-top: 5px;
}
.ok {
	float: right;
}
#formulaireAmi label.error {
 float: left;
 text-align: left;
}
#diaporama ul{
   list-style: none;
   width: 640px;
   overflow: hidden; 
}
#diaporama ul li{
float: left;
margin: 5px;
}
#diaporama ul li a img{
   text-decoration: none;
   border: none;
}
/* commentaires */
.livre .fleft{
float: left;
	width:380px;
	text-align: left;
}
.livre .fleft h1{ 	
 font-size: 16px;
 text-align: center;

}
.livre .fleft ul {
   list-style: none;

}

	.livre .fleft li{
		padding:3px 15px;
		margin-bottom:5px;
	}
	.livre .fleft p{
		padding:3px;
		margin:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	}
	
	.livre .fleft h2{
	margin: 3px;
	padding: 0;
		font-size: 14px;
		color: #e86e21;
		padding-left: 10px;
	}

.livre .fright{
	width:230px;
	float: left;
}
.livre .fright h2{
	font-size: 14px;
		color: #e86e21;
}
#formContact ul {
   list-style: none;

}
#formContact li{ background:none; padding:0; text-indent:0; }
	
#formContact label, .likeLabel{
	display:block;
	float:left;
	padding-top:0.6em;
	width:110px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}	

#formContact .checkbox{
	border:none;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
}

#formContact label.error{
	float:none;
	height:auto;
	line-height:normal;
	padding-top:0;
	width:auto;
}
	
#formContact input, #formContact textarea, #formContact select,  input{
	background-color:#CBEF68;
	border:1px solid #7DBC00;
	color:#333333;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
	margin:0.3em 0;
	padding:5px;
	width:200px;
}

#formContact .submit{ margin-left:130px; width:auto; }

.livre #formContact .submit{ margin-left:0px; width:auto; }


#formContact #captcha{ width:100px; }
small {
  font-size: 10px;
}