@import url(commun/typo.css);

/**
 *  Feuille de style gerant le contenu du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  
}

  /**
   * Zone d'en tete
   * @subsection en tete
   */

  #entete{
    
  }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */

  #contenu {
 
  }

    /**
     * Mise en forme de la contenu de contenue gauche 
     * @subsubsection gauche
     */

      .gauche {
        
      }
	.pourquoiResidence .accPourquoiResidence{
		font-size: 1.2em;
		color: #333333;
		padding:0 23px 20px 20px;
	}
	.pourquoiResidence .accPourquoiResidence p{
		margin-bottom: 13px;
	}
	.enSavoirPlus{
		text-indent: -9999px;
		display: block;
		background: url(../images/savoir_plus.jpg) no-repeat left top;
		width: 90px;
		height: 15px;
		margin-left: 213px;
	}
	.serviceOffert{
		padding-bottom: 35px;
	}
	.principeService{
		padding-left: 40px;
		margin-bottom: 15px;
	}
	.principeService .imgService{
		float: left;
		width: 35px;
		text-align: center;
	}
	.principeService .detailService{
		float: left;
		font-weight: bold;
		font-size: 1.2em;
		color: #333333;
		margin-left: 30px;
		width: 217px;
	}
	.principeService .detailService span{
		display: block;
	}
	.clearLeft{
		clear: left;
		height:0px;
	}
	#imgCartoIDF{
		margin: 10px 0;
	}
	.pictoResidence{
		margin: 15px 0;
	}
	.pictoResidence li{
		display: inline;	
	}
	.pictoResidence li img{
		margin-right: 20px;
	}
	.texteResidence .nbHebergement{
		border-bottom: 1px solid #822818;
		padding-bottom: 5px;
	}
	.borderRouge{
		background: url(../images/trait_rouge.jpg) no-repeat left bottom;
		width: 220px;
		height: 3px;
	}
	.texteResidence .nbHebergement span{
		width: 400px;
	}
	.texteResidence{
		font-size: 1.2em;
		color: #131009;
		line-height: 17px;
	}
	.texteResidence .detailService{
		margin-top: 10px;
		width: 290px;
	}
	.texteResidence .detailService p{
		margin-bottom: 10px;
	}
	.colorRouge{
		color: #822818;
	}
	.residence .lesTarifs{
		clear: both;
	}
    /**
     * Mise en forme de la contenu de contenue centrale
     * @subsubsection centre
     */

      .centre {
        
      }
	.home .blockIcone{
		margin: 8px 0 0 170px;
	}
	.interne .blockIcone{
		position: absolute;
		top:0;
		left:0;
		margin: 392px 0 0 805px;
	}
	.autre .centre h2{
		color: #822818;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.blockIcone ul li{
		display: inline;
		font-family: Tahoma;
		font-size: 1.1em;
		line-height: 17px;
		padding-left: 12px;
	}
	.blockIcone ul li a{
		color: #88887b;
		text-decoration: none;
	}
	.blockIcone .iconeImprimer{
		background: url(../images/icone_imprimer.jpg) no-repeat 0 0;
		padding: 0 0 5px 20px;
	}
	.blockIcone .iconeEnvoieAmi{
		background: url(../images/icone_email.jpg) no-repeat 0 2px;
		padding: 0 0 5px 20px;
	}
	
	.blockIcone .iconeFacebook{
		background: url('../images/facebook.gif') no-repeat 0 2px;
		padding: 0 0 5px 20px;
	}
	
	.retourAccueil{
		text-indent: -9999px;
		display: block;
		width: 39px;
		height: 39px;
		background: url(../images/icone_accueil.jpg) no-repeat 0 0;
		margin:0 0 10px 35px;
	}
	.widget{
		margin-top: 10px;
	}
	.widget .mid img,
	.jCarouselLite img{
		
	}
	.blockCarousel{
		margin-top: 12px;
	}
	.jCarouselLite{
		float: left;
		width: 460px;
	}
	.jCarouselLite img{
		cursor: pointer;
	}
	.jCarouselLite ul li{
		margin: 0 3px;
		border: 3px solid #8e2c0d;
	}
	
	.mid img{
		border: 3px solid #8e2c0d;
	}
	
	.blockCarousel .prev,
	.blockCarousel .next{
		float: left;
		width: 10px;
		height: 50px;
		border: none;
		margin-top: 10px;
		padding: 0;
	}
	.blockCarousel .prev{
		background: url(../images/fleche_gauche.jpg) no-repeat left top;
		margin-right: 1px;
	}
	.blockCarousel .next{
		background: url(../images/fleche_droite.jpg) no-repeat left top;
		margin-left: 1px;
	}
	.lesTarifs,
	.piedLesTarifs{
		width: 940px;
		margin: 10px 0 0 50px;
	}
	.lesTarifs{
		clear: left;
		position: relative;
		border-top: 1px solid #8e2c0d;
		background: url(../images/cadre_rouge.jpg) no-repeat left top;
		min-height: 50px;
		margin-top: 30px;
	}
	.piedLesTarifs{
		border-bottom: 1px solid #8e2c0d;
		background:url(../images/trait_rouge.jpg) no-repeat bottom right;
		height:3px;
		margin-bottom: 30px;
	}
	.lesTarifs .detailRenseignement{
		float: left;
		width: 435px;
		font-size: 1.2em;
		margin: 10px 0 0 30px;
		line-height: 16px;
		color: #1a171b;
	}
	.lesTarifs .detailRenseignement a{
		text-decoration: none;
		color: #1a171b;
	}
	.lesTarifs .detailRenseignement a:hover{
		text-decoration: underline;
	}
	.lesTarifs .detailTarif{
		position: relative;
		float: left;
		width: 473px;
		padding-top: 25px;
	}
	.lesTarifs .grilleTarif{
		background:url(../images/detail_tarif.jpg) no-repeat 0 0;
		width: 428px;
		height: 234px;
		margin: 0 auto;
	}
	.lesTarifs .tarifMini{
		font-size: 1.6em;
		color: #822818;
		font-weight: bold;
		text-align: center;
	}
	.lesTarifs .tarifMini span{
		font-size: 1.5em;
	}
	.grilleTarif .anneeTarif{
		font-size: 1.5em;
		font-weight: bold;
		color: #822818;
		padding: 35px 0 0 37px;
	}
	.grilleTarif ul{
		width: 300px;
		font-weight: bold;
		font-size: 1.4em;
		margin: 15px 0 0 113px;
	}
	.grilleTarif ul li{
		width: 73px;
		text-align: center;
		float: left;
		padding: 14px 0; 
	}
	.grilleTarif .anneeTarif span{
		display: block;
		margin: 5px 0 0 5px;
	}
	.detailRenseignement .titleRenseigne{
		font-weight: bold;
		color: #822818;
	}
	.detailRenseignement .detailRenseignemenG{
		float: left;
		width: 245px;
	}
	.detailRenseignement .detailRenseignemenD{
		float: left;
		margin-left: 5px;
	}
	.detailRenseignemenG .planInterne{
		margin: 10px 0;
		width: 233px;
		height: 202px;
		border: 1px solid #8e2c0d;
	}
	.detailRenseignemenD img{
		border: 3px solid #8e2c0d;
		margin-bottom: 10px;
	}
	h2.tarif{
		text-indent: -9999px;
		position:absolute;
		top:0;
		left:0;
		width: 195px;
		height: 33px;
		background: url(../images/tarif.jpg) no-repeat 0 0;
		margin: -10px 0 0 139px
	}
	.GoogleMap{
		width: 155px;
		height: 141px;
		border: 1px solid #333;
	}
	.GoogleMap span{
		display: none !important;
	}
	.detailRenseignemenG .planInterne span{
		display: none !important;
	}
	.accrocheEdito{
		font-weight: bold;
		margin-bottom: 10px;
		color: #152F60;
	}
	img.imgLeft{
	float:left;
	margin:0px 5px 5px 0px;
	}

	img.imgRight{
		float:Right;
		margin:0px 0px 5px 5px;
	}
	.desActus{
		padding: 10px 0;
		width: 400px;
		float: left;
	}
	.blockImageActu{
		float: left;
		margin: 0 10px 10px 0;
	}
	.desActus .accrocheActu{
		padding-right: 15px;
	}
	.autre .centre img{
		border: 3px solid #333;
	}
	
	
	#formQuestion,
	#formReservation{
		padding: 20px 0 10px 40px;
		border-top: 1px solid #822818;
		background: url(../images/cadre_rouge.jpg) no-repeat left top;
	}
	#formReservation{
		margin:30px 0 0 60px;
		width: 450px;
	}
	#formQuestion{
		margin:30px 0 0 10px;
		width: 400px;
	}
	.blockContact{
		width: 550px;
		float: left;
	}
	.imgContact{
		border: 3px solid #333;
		float:left;
		font-weight:bold;
		margin: 42px 0 0 0;
		padding:5px;
		text-align:center;
		width:255px;
	}
	.imgContact img{
		border:none !important;
	}
	
	.piedFormulaire{
		background:url("../images/trait_rouge.jpg") no-repeat scroll right bottom;
		border-bottom:1px solid #8E2C0D;
		height:3px;
		margin:0 0 30px 60px;
		width: 490px;
	}
	.piedFormulaireContact{
		background:url("../images/trait_rouge.jpg") no-repeat scroll right bottom;
		border-bottom:1px solid #8E2C0D;
		height:3px;
		margin:0 0 30px 10px;
		width: 440px;
	}
	#formQuestion div,
	#formReservation div{
		clear: left;
		margin-bottom: 15px;
	}

	#formQuestion button{
		margin-left: 130px;
	}
	#formQuestion button,
	#formReservation button{
		clear: both;
		width: 90px;
		height: 25px;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		line-height: 25px;
		background-color: #666;
		border: none;
		color: #fff;
	}
	#formReservation button{
		margin-left: 150px;
	}

	#formQuestion button:hover,
	#formReservation button:hover{
		background-color: #15699B;
	}
	#formQuestion input,
	#formQuestion textarea{
		border: 1px solid #02a3da;
	}
	#formQuestion input{
		height: 20px;
	}
	#formQuestion input:focus,
	#formQuestion textarea:focus,
	#formQuestion input:hover,
	#formQuestion textarea:hover{
		border: 1px solid #152F60;
		background-color: #e8f0ff;
	}
	#formQuestion #question,
	#formReservation #message{
		width: 230px;
		height: 120px;
	}
	#formQuestion label{
		float: left;
		width: 130px;
		font-weight: bold;
	}
	#formReservation label{
		float: left;
		width: 150px;
		font-weight: bold;
	}
	#formReservation label span{
		display: block;
		font-weight: normal;
	}
	.marginLeft{
		margin-left: 77px;
	}
	.erreurChamps{
		color: #822818;
	}
	#preciseConnu{
		display: none;
	}
	.affiche{
		display: block !important;
	}
	#lienVoirTarif{
		margin-left: 7px;
	}
    /**
     * Mise en forme de la contenu de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        
      }
	.residence .droite{
		padding-top: 55px;
	}
	.residence .droite h2{
		text-indent: -9999px;
	}
	h2.reservation{
		background: url(../images/reservation.jpg) no-repeat 0 0;
		width: 106px;
		height: 30px;
		margin: 0 0 0 5px;
	}
	.telechargeTarif{
		text-decoration: none;
		color: #1A171B;
		font-size: 1.2em;
		margin-left:30px;
		line-height: 20px;
	}
	.telechargeTarif:hover{
		text-decoration: underline;
	}
  /**
   * Mise en forme de la contenu de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    
  }