/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
height:30px;
text-align:left;
color:#e11150;
margin:20px 0 0 20px;
padding:20px 0px 0px 50px;
text-align:left;
background:url(../images/charte/puce.gif) no-repeat top left;

}
#texte h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#e11150;
}
#texte h2.prix{
font-size:1.1em;
line-height:25px;
height:28px;
color:#D30040;
}
#texte h2#puce{
padding:0 0 0 28px;
position: relative;
left: -28px;
background: url(../images/charte/puce2.gif) no-repeat top left;
}
#texte h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
height:24px;
text-align:left;
color:#e11150;
position: relative;
top: -5px;
}
#texte h3.deuxlignes{
height:38px;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #9a5336;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #9a5336;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
#texte p{
  margin: 0 0 10px;
  }
#texte ul{
  margin: 10px 0 10px 20px;
  }
.bold{
  font-weight: bold;
  }
.colhalf{
  width: 360px;
  float: left;
  margin: 0 0 0 72px;
  font-size: 1.2em;
  line-height: 1.2em;
  }
.colthird{
  width: 337px;
  float: left;
  margin: 0 20px 0 70px;
  font-size: 1.2em;
  line-height: 1.2em;
  }
.floatleft{
  float: left;
  }
.clearandpad{
  padding: 0 0 10px;
  clear: both;
  }
#headspace{
  margin: 40px 0 10px;
  z-index: 20;
  }
.bigger{
  font-size: 1.2em;
  line-height: 1.2em;
  }

/* page contact */
#formContact{
  width: 457px;
  float: left;
  border-right: 1px solid #61282B;
  padding: 0 8px 0 0;
  margin: 0 0 15px -30px;
  line-height:12px;
  }
#formContact .row{
  text-align: right;
  }
#formContact .row label{
  text-align: right;
  font-size: 1.1em;
  vertical-align:super;
  }
#formContact .row input{
  width: 177px;
  height: 22px;
  border: none;
  background: url(../images/charte/form_input.gif) no-repeat;
  padding: 7px 15px 0;
  font-size: 9px;
  }
#formContact .row input:focus{
  background-position: 0 -29px;
  }
#formContact #rowadresse label, #formContact #rowcommentaire label{
  margin: 0 5px 0 0;
  vertical-align:top;
  }
#formContact .row textarea{
  /*width: 438px;*/
  width:270px;
  border: none;
  padding: 4px 4px 4px 15px;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  }
#formContact .row textarea#adresse{
  height: 51px;
  background:url(../images/charte/form_textarea1bis.gif) no-repeat;
  width:285px;
  padding:5px;
  margin:0;
  }
#formContact .row textarea#commentaire{
  height: 95px;
  background: url(../images/charte/form_textarea2.gif) no-repeat;
  width:285px;
  padding:5px;
  margin:0;
  }
#formContact .row textarea#adresse:focus{
  background-position: 0 -59px;
  }
#formContact .row textarea#commentaire:focus{
  background-position: 0 -103px;
  }
#formContact #rowsubmit input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus{
  outline: none;
  }
#contenu #contactTxt{
  width: 123px;
  margin: 0 0 0 8px;
  float: left;
  font-size: 1.1em;
  line-height: 1.1em;
  }
#contenu #contactPlan{
  width: 125px;
  margin: 10px 0 0 0;
  float: left;
  }
#contenu #contactPlan img{
  border: none;
  }
.champRequis{
  color: #FF0000;
  }

/* temoignages */
.temoign{
  clear: both;
  padding: 10px 0 0;
  margin: 0 0 0 10px;
  width: 640px;
  }
.temoign img{
  float: left;
  border: 1px solid #E11150;
  }
.temoign div{
  float: left;
  width: 500px;
  margin: 0 0 0 20px;
  font-size: 1.2em;
  line-height: 1.2em;
  }

/* galerie */
#galthumbs{
  width: 396px;
  height: 450px;
  margin: 0 20px 0 0;
  float: left;
  }
#picbox{
  width: 450px;
  height: 450px;
  float: left;
  text-align: center;
  }
.thumbbox{
  width: 122px;
  height: 122px;
  margin: 0 10px 10px 0;
  float: left;
  text-align: center;
  }
.thumbbox img, #picbox img{
  border: 1px solid #E11150;
  }
#pagination{
  width: 390px;
  height: 52px;
  padding: 25px 0 0;
  text-align: center;
  font-size: 18px;
  }
#pagination a{
  margin: 0;
  padding: 0;
  }

/* espace privé */
#contenu #submenu{
  padding: 0 0 0 50px;
  }
#contenu #submenu li{
  list-style-type: none;
  font-size: 17px;
  height: 28px;
  float: left;
  }
  
#contenu #submenu li.menu2{
  list-style-type: none;
  font-size: 17px;
  height: 28px;
  float: left;
  color:#952685;
  font-family:Georgia;
  margin:0 3px 0 3px;
  }

#contenu #submenu li.menu2 a{
  color:#952685;
  font-weight:normal;
  }
  
#contenu #esppriv{
  clear: both;
  }
#contenu .commentaires .temoign p{
  width: 600px;
  }
#contenu .commentaires #livredor{
  clear: both;
  border-top: 1px solid #E11150;
  margin: 20px 10px 0 30px;
  padding: 20px 0 0;
  }
#contenu .commentaires #livredor #formContact{
  border: none;
  margin: 0 0 0 150px;
  }
  
/*----------- POPUP ACCUEIL -----------*/
#popup .popupProd h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	height:30px;
	text-align:center;
	color:#e11150;
	margin:20px 0 10px 0;
	padding:20px 0px 0px 50px;
	text-align:left;
	background:url(../images/charte/puce.gif) no-repeat top left;
}
#popup a:link, #popup a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #9a5336;
}
#popup a:hover, #popup a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #9a5336;
}
#popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify;
	color: #60272b;
}

#popup .popupProd{
	width:550px;
	height:300px;
	margin:0 auto;
	border-bottom:1px dashed #E11150;
}
#popup .popupProd .popupDesc{
	float:right;
	width:350px;
}
#popup .popupProd img{
	float:left;
	border:1px solid #E11150;
}