/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#d8d6d4 url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:960px;
margin:0 auto;
background:#d8d6d4;
}
/***************** HEADER *****************/
#header{
width:960px;
height:150px;
}
/***************** MENU TOP *****************/
#menuTop{
float:left;
position:relative;
z-index:10;
width:715px;
height:46px;
background: url(../images/charte/bg-menu-deconnexion.jpg) left top no-repeat;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
font:bold 10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:46px;
overflow:hidden;
}
#menuTop li span{
display:none;
}
#menuTop li.btn_01 a {
background:url(../images/charte/btn_01.gif);
width:58px; margin-left:37px;
}
#menuTop li.btn_02 a {
background:url(../images/charte/btn_02.gif);
width:77px;
}
#menuTop li.btn_03 a {
background:url(../images/charte/btn_03.gif);
width:48px;
}
#menuTop li.btn_04 a {
background:url(../images/charte/btn_04.gif);
width:77px;
}
#menuTop li.btn_05 a {
background:url(../images/charte/btn_05.gif);
width:82px;
}
#menuTop li.btn_06 a {
background:url(../images/charte/btn_06.gif);
width:95px;
}
#menuTop li.btn_07 a {
background:url(../images/charte/btn_07.gif);
width:38px;
}
#menuTop li.btn_08 a {
background:url(../images/charte/btn_08.gif);
width:65px;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
text-decoration:none;
background-position:bottom;
}
/*****************COMPTE*/

#compte{
width:245px;
height:46px;
float:left;
background:url(../images/charte/bg-compte.jpg) left top no-repeat;
}
#compte input{
background:none;
width:95px;
height:14px;
border:none;
font:10px Arial, Helvetica, sans-serif;
color:#666;
float:left;
margin-top:10px;
}
#compte #box1{
margin-left:18px;
}
#compte #box2{
margin-left:12px;
}
#compte a.ok{
font:bold 11px/14px Arial, Helvetica, sans-serif;
color:#575757;
text-decoration:none;
text-align:center;
text-transform:uppercase;
float:left;
display:block;
width:15px;
height:14px;
margin:10px 0px 0 5px;
}
#compte a.ok:hover{
color: #fff;
}
#compte a{
font:10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
float:left;
width:100px;
height:10px;
margin:5px -8px 0 15px;
}
#compte a:hover{
color:#8e8e8e;
}


/*****************COMPTE Deconnexion*/

#compte_deconnexion{
width:245px;
height:46px;
float:left;
background:url(../images/charte/bg-compte-deconnexion.jpg) left top no-repeat;
}
#compte_deconnexion input{
background:none;
width:95px;
height:14px;
border:none;
font:10px Arial, Helvetica, sans-serif;
color:#666;
float:left;
margin-top:10px;
}
#compte_deconnexion a{
font:10px/10px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
float:left;
width:100px;
height:10px;
margin:5px -8px 0 15px;
}
#compte_deconnexion a:hover{
color:#8e8e8e;
}







/**************** RECHERCHER *****************/
#recherche{
float:left;
width:190px;
height:260px;
background: #d8d6d4 url(../images/charte/bg-left.jpg) left top no-repeat;
padding-top:38px;
}
.formrche {
font: 10px Arial, Helvetica, sans-serif;
color: #18391e;
height: 17px;
width: 135px;
margin: 18px 0px 0px 24px;
}
.formrche2 {
font: 10px Arial, Helvetica, sans-serif;
color: #18391e;
height: 17px;
width: 35px;
margin: 18px 0px 0px 24px;
}
.formrche3 {
font: 10px Arial, Helvetica, sans-serif;
color: #18391e;
height: 17px;
width: 65px;
margin: 18px 0px 0px 1px;
}
.formrche4 {
font: 10px Arial, Helvetica, sans-serif;
color: #18391e;
height: 17px;
width: 35px;
margin: 18px 0px 0px 1px;
}

#recherche input{
background: #FFFFFF;
border: 1px solid #CCCCCC;
width:135px;
height:14px;
margin: 6px 0px 0px 123px;
font:10px Arial, Helvetica, sans-serif;
color:#18391e;
float:left;
}
#recherche a{
font: 10px Arial, Helvetica, sans-serif;
float:left;
width:113px;
height:18px;
margin:5px 0px 0 20px;
color:#8a8988;
}
#recherche a:hover{
color:#363636;
}
#recherche select{
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:770px;
padding:20px 0 0 0px;
}
#presentation{
float:left;
width:365px;
padding: 5px 10px 0 10px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:30px;
margin:-30px auto;
background:#5f101c url(../images/charte/bg-footer2.jpg) center repeat-x;
}
#footer2{
position:relative;
clear:both;
width:960px;
margin:0 auto ;
height:30px;
background:#5f101c url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#d8d6d4;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#4e3322;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#4e3322;
text-align:right;
padding:0 100px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#4e3322;
}
#footer a:hover, #footer a:active{
color:#23170f;
}

/*************************MES PROPRES MODIFICATIONS*********************************/
#accueil{
float:left;
padding: 5px 10px 0 10px;
}
.puce-etoile{
position:relative;
top:4px;
right:3px;
}
.puce-suiv{
position:relative;
top:4px;
left:3px;
}
.picto-contact{
position:relative;
top:10px;
}
#offres{
background:url(../images/charte/europe.jpg) no-repeat; 
width:587px; 
height:373px; 
padding-left:50px;
}
#deposer-offres{
background:url(../images/charte/europe.jpg) no-repeat; 
height:373px; 
}
#contenu-offres{
margin-left:-50px;
}
#encart-deposer{
float:left; 
width:175px; 
height:277px; 
margin-left:50px;
}
#encart-consulter{
float:left; 
width:175px; 
height:277px; 
margin-left:50px; 
margin-right:40px;
}

#liste-ville{
float:left;
margin-bottom:30px;
width:200px;
display:block;
height:200px;

}
#separateur-pays{
text-align:left;
margin-left:20px;
margin-top:10px;
}
#vignette{
float:left;
width:390px;
}

#retour-ville{
float:left;
margin-top:15px;
}
#description-fiche{
float:left;
width:450px; 
margin-left:20px;
text-align:left;
}
#haut-fiche{
background:url(../images/charte/haut-fiche.jpg) no-repeat; 
width:730px; 
height:42px;
text-align:center;
}
#bg-fiche{
background:url(../images/charte/bg-fiche.jpg) repeat-y; 
width:760px;
display:block;
float:left;
}
#image-fiche{
width:218px;
float:left;
}
#image-principale{
background:url(../images/charte/bg-photo-principale.jpg) no-repeat; 
width:218px; 
height:159px; 
margin-right:10px; 
text-align:center; 
padding-top:7px;
}
#images-secondaires{
text-align:center;
}
#evaluation{
text-align:center;
width:80px;
border:solid 0px;
height:50px;
margin-left:60px;
}
#envoyer-ami{
position:relative;
height:29px;
width:121px;
left:215px;
}
#envoyer-ami a{
position:absolute;
background:url(../images/charte/bt-envoyer-a-un-ami.jpg) left top;
height:29px;
width:121px;
}
#envoyer-ami a:hover{
position:absolute;
background:url(../images/charte/bt-envoyer-a-un-ami.jpg) left bottom;
height:29px;
width:121px;
}
#nous-contacter{
position:relative;
height:29px;
width:121px;
top:-29px;
left:340px;
}
#nous-contacter a{
position:absolute;
background:url(../images/charte/bt-nous-contacter.jpg) left top;
height:29px;
width:121px;
}
#nous-contacter a:hover{
position:absolute;
background:url(../images/charte/bt-nous-contacter.jpg) left bottom;
height:29px;
width:121px;
}
#contacter-proprietaire{
position:relative;
height:30px;
width:153px;
top:29px;
left:50px;
}
#contacter-proprietaire a{
position:absolute;
background:url(../images/charte/bt-contacter.jpg) left top;
height:30px;
width:153px;
}
#contacter-proprietaire a:hover{
position:absolute;
background:url(../images/charte/bt-contacter.jpg) left bottom;
height:30px;
width:153px;
}
#temoignage-gauche{
float:left; 
width:527px;
}
#message-temoignage{
width:700px;
border-bottom:dotted 1px #63432E;
margin-bottom:10px;
}
#message-vote{
width:700px;
border-bottom:dotted 1px #63432E;
margin-bottom:10px;
}
.photo-temoignage{
margin-left:20px;
}
#sous-image{
float:right; 
margin-right:23px;
}
#partie2{
float:left; 
width:218px; 
display:block; 
margin-left:20px; 
margin-top:10px;
}
.gratte{
width:10px; 
height:40px; 
float:left;
margin-left:5px;
}
#form2{
	margin-top:-270px;
	}
.calendrier{
	margin-right:10px;
		}
.bloc-liens{
 height:300px;
	}		
	
	
	
	
	
	
	
	/******************PLAN DU SITE*******************/
#plan-site{
margin-top:10px;
margin-left:10px;
}
   #plan-site li {
	   background:url(../images/charte/puce.jpg) no-repeat;
    padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	list-style:none; 
	margin-top:10px; 
	margin-bottom:10px;
}

   #plan-site ul {
   	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding-left:25px; 
    list-style:none;
   }
.puce-plan{
position:relative;
top:-2px;
right:4px;
}


/***************** MENU TOP VERSION ANGLAISE	 *****************/
#menuTopen{
float:left;
position:relative;
z-index:10;
width:715px;
height:46px;
background: url(../images/charte/bg-menuen.jpg) left top no-repeat;
list-style:none;
}
#menuTopen li{
position:relative;
float:left;
}
#menuTopen a{
text-decoration:none;
font:bold 10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:46px;
overflow:hidden;
}
#menuTopen li span{
display:none;
}
#menuTopen li.btn_01 a {
background:url(../images/charte/btn_01en.gif);
width:57px; margin-left:37px;
}
#menuTopen li.btn_02 a {
background:url(../images/charte/btn_02en.gif);
width:68px;
}
#menuTopen li.btn_03 a {
background:url(../images/charte/btn_03en.gif);
width:50px;
}
#menuTopen li.btn_04 a {
background:url(../images/charte/btn_04en.gif);
width:87px;
}
#menuTopen li.btn_05 a {
background:url(../images/charte/btn_05en.gif);
width:80px;
}
#menuTopen li.btn_06 a {
background:url(../images/charte/btn_06en.gif);
width:93px;
}
#menuTopen li.btn_07 a {
background:url(../images/charte/btn_07en.gif);
width:39px;
}
#menuTopen li.btn_08 a {
background:url(../images/charte/btn_08en.gif);
width:71px;
}
#container #menuTopen a:hover,
#container #menuTopen a.trigered{
text-decoration:none;
background-position:bottom;
}
/*****************COMPTE*/

#compteen{
width:245px;
height:46px;
float:left;
background:url(../images/charte/bg-compteen.jpg) left top no-repeat;
}
#compteen input{
background:none;
width:95px;
height:14px;
border:none;
font:10px Arial, Helvetica, sans-serif;
color:#666;
float:left;
margin-top:10px;
}
#compteen #box1{
margin-left:18px;
}
#compteen #box2{
margin-left:12px;
}
#compteen a.ok{
font:bold 11px/14px Arial, Helvetica, sans-serif;
color:#575757;
text-decoration:none;
text-align:center;
text-transform:uppercase;
float:left;
display:block;
width:15px;
height:14px;
margin:10px 0px 0 5px;
}
#compteen a.ok:hover{
color: #fff;
}
#compteen a{
font:10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
float:left;
width:100px;
height:10px;
margin:5px -8px 0 15px;
}
#compteen a:hover{
color:#8e8e8e;
}



/***************** MENU TOP VERSION ESPAGNOL *****************/
#menuTopes{
float:left;
position:relative;
z-index:10;
width:715px;
height:46px;
background: url(../images/charte/bg-menues.jpg) left top no-repeat;
list-style:none;
}
#menuTopes li{
position:relative;
float:left;
}
#menuTopes a{
text-decoration:none;
font:bold 10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:46px;
overflow:hidden;
}
#menuTopes li span{
display:none;
}
#menuTopes li.btn_01 a {
background:url(../images/charte/btn_01es.gif);
width:48px; margin-left:37px;
}
#menuTopes li.btn_02 a {
background:url(../images/charte/btn_02es.gif);
width:70px;
}
#menuTopes li.btn_03 a {
background:url(../images/charte/btn_03es.gif);
width:55px;
}
#menuTopes li.btn_04 a {
background:url(../images/charte/btn_04es.gif);
width:86px;
}
#menuTopes li.btn_05 a {
background:url(../images/charte/btn_05es.gif);
width:66px;
}
#menuTopes li.btn_06 a {
background:url(../images/charte/btn_06es.gif);
width:89px;
}
#menuTopes li.btn_07 a {
background:url(../images/charte/btn_07es.gif);
width:26px;
}
#menuTopes li.btn_08 a {
background:url(../images/charte/btn_08es.gif);
width:100px;
}
#container #menuTopes a:hover,
#container #menuTopes a.trigered{
text-decoration:none;
background-position:bottom;
}
/*****************COMPTE*/

#comptees{
width:245px;
height:46px;
float:left;
background:url(../images/charte/bg-compteen.jpg) left top no-repeat;
}
#comptees input{
background:none;
width:95px;
height:14px;
border:none;
font:10px Arial, Helvetica, sans-serif;
color:#666;
float:left;
margin-top:10px;
}
#comptees #box1{
margin-left:18px;
}
#comptees #box2{
margin-left:12px;
}
#comptees a.ok{
font:bold 11px/14px Arial, Helvetica, sans-serif;
color:#575757;
text-decoration:none;
text-align:center;
text-transform:uppercase;
float:left;
display:block;
width:15px;
height:14px;
margin:10px 0px 0 5px;
}
#comptees a.ok:hover{
color: #fff;
}
#comptees a{
font:10px/10px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
float:left;
width:100px;
height:10px;
margin:5px -8px 0 15px;
}
#comptees a:hover{
color:#8e8e8e;
}


/************** FAQ ************/
#contenu #questionGauche {
	width:750px;
}
#contenu h5.titreQuestion {
	border:none;
	margin:10px 0 0 0;
	cursor:pointer;
}
#contenu h5.titreQuestion:hover , #contenu h5.titreQuestion:active {
	cursor:pointer;
	background:url(../images/integration/puces/puceH2Question.gif) left top no-repeat;
}
#contenu .reponseQuestion p {margin-bottom:0.3em; margin-top:10px;}
#contenu .reponseQuestion {border-bottom:1px dotted #666;}

/*******************LES COULEURS DE DISPONIBILITE******************/
#disponibilite{
float:left; 
width:100px; 
margin-top:50px;
}
#vert{
height:10px; 
width:10px; 
background-color:#093; 
position:relative; 
right:10px; 
top:12px;
}
#rouge{
height:10px; 
width:10px; 
background-color:#900; 
position:relative; 
right:10px; 
top:12px;
}
#blanc{
height:10px; 
width:10px; 
background-color:#fff; 
position:relative; 
right:10px; 
top:12px;
	}
#separateur{
	text-align:center;
	}
/**********************PAGINATION*******************/
#pagination{
width:300px;
margin-left:200px;
margin-top:20px;
color:#005199;
}
.prev{
float:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
left:100px;
}
.next{
float:right; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}
#pagination p.chiffre{
text-align:center; 
color:#63432E;
}
#haut-page{
	position:relative;
	height:31px;
	width:119px;
	float:right;
	}
#haut-page a{
	position:absolute;
	background:url(../images/charte/haut-page.jpg) right top;
	height:31px;
	width:119px;
	}
#haut-page a:hover{
	position:absolute;
	background:url(../images/charte/haut-page.jpg) right bottom;
	height:31px;
	width:119px;
	}
	
#top-page{
	position:relative;
	height:31px;
	width:119px;
	float:right;
	}
#top-page a{
	position:absolute;
	background:url(../images/charte/top-page.jpg) right top;
	height:31px;
	width:119px;
	}
#top-page a:hover{
	position:absolute;
	background:url(../images/charte/top-page.jpg) right bottom;
	height:31px;
	width:119px;
	}
	
#pagina{
	position:relative;
	height:31px;
	width:119px;
	float:right;
	}
#pagina a{
	position:absolute;
	background:url(../images/charte/pagina.jpg) right top;
	height:31px;
	width:119px;
	}
#pagina a:hover{
	position:absolute;
	background:url(../images/charte/pagina.jpg) right bottom;
	height:31px;
	width:119px;
	}
#messagerecu{
	position:relative; 
	top:-20px; 
	color:#666; 
	font-weight:bold;
}