/* 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 CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*************ACCUEIL*******************/

.corp_page p {

line-height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #993300;
}


.encart_acc{
float:right;
width:209px;
height:248px;
margin-left:5px;
background-image:url(../images/charte/encart2.jpg);
background-position:top left;
background-repeat:no-repeat; }
 
 .actualite{
 float:left;
 width:180px;
 height:175px;
 margin:30px 0 0 4px ;
 text-align:center;
 padding:5px;
 }
 .titre_act{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color: #FF6600;}
 
  .txt_act{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #990000;
  float:left;
 width:180px;
 height:70px;
 overflow:hidden;
 }
 
/*-------------------------- Galerie  ---------------------------*/

#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:50px;
	height:96px;
	padding-bottom:50px;	
}

#contenuTexte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;
  width: 142px;

  }
  
  
  /*******************GALERIE*************************/
  
.gal{
  float:left;
  width:170px;
  padding:5px ;
  border:#CC6600 solid 1px;
  margin:5px 5px 15px 5px ;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color: #663300;
  text-align:center;
  text-decoration:none;
}	

.gal:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.80;
	
}
  
  
#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 30px 265px;
	text-align:center;
	color: #990000;
	vertical-align:middle;
}

.flesh_left{ 
	float:left;
	width:20px;
}

.flesh_right{
	float:left;
	width:20px;
}

.pages {
	float:left;
	text-align:center;
	width:200px;
	}
	
#pagination a:visited, #pagination a:link{
	margin:0 5px 0 5px;
	color: #990000;
	text-decoration:underline;
}

#pagination a:hover {
	margin:0 5px 0 5px;
	color: #FF6600;
	text-decoration:none;
}

.catalogue_ref {
	color:#E0E0E0;
	font: 11px ;
}

/***************LIVRE*************************/



#blocgche-contact {
	width:700px;
	float:left;
	margin-top:20px;
	padding:0px 5px 5px 10px;
	}

#blocgche-contact p {
	color: #CC6600;
	line-height:18px;
}

#blocgche-contact .sh5 {
	font-size:13px;
	font-weight:bold;
	color: #993300;
	text-align:left;
	margin-top:5px;
	
}

#blocgche-contact .sh6{
	font-size:13px;
	color: #993300;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;	
}

.separe{
	margin-bottom:20px;
	margin-top:10px;
	border-bottom: #FF9933 1px dashed;
	
}
/*************************************************/

#lbIframe [src="envoyer-livre.php"]{
height:600px;
width:300px;
}

/* ----------STYLE DE LA PAGE CONTACT------------------------- */


#bloc-contact {
	width:410px;
	float:left;
	margin:20px 0px 0 10px;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #990000;
	padding:0;

}

#bloc-contact-adresse1 {
	width:150px;
	float:left;
	margin-top:22px;
	font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #990000;
	padding:0px 5px 5px 5px ;
	text-align:right;

}
#bloc-contact-adresse {
	width:100%;
	float:left;
	margin-top:22px;
	font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #990000;
	text-align:center;
}

#bloc-contact table {width:100%;}

 #formContact select{
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	border:1px solid  #990000;
	background: #586120;
}
#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #990000;
	padding-left:2px;
	padding-right:10px;
	border:1px solid  #990000;
	background:none;
}



#formContact .chekbox1 {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#990000;
	padding-left:2px;
	border:0px;
	background:none;
	width:15px;
	margin-left:10px;
}

#formContact input, #formContact textarea{
	width:90%;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:5px;
	color: #990000;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact  input:focus, #formContact textarea:focus{
	border-color: #533324;
}
#formContact .champRequis{
	color: #FF0000;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#990000;
}

#formContact .bouton{
	width:80px;
	height:20px;
	cursor:pointer;
	color: #990000;
	border:1px solid ;
	background:none;
	padding:0 5px 2px 5px;
	margin:2px;
	font-variant:small-caps;
	font-size:12px;
}
#formContact .bouton:hover, #formContact .bouton:active {color: #533324; border:1px solid  #533324;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #CC6600;
	text-align:right;
	line-height:12px;
	}
	
 .nota1 {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:  #CC6600;
	text-align:right;
	line-height:12px;
	}
	#formContact #code{
margin:0 0 18px 10px;
}

#formContact #code1{
margin:0 0 5px 10px;
}

#contactTxte{
	width:250px;
	float:left;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color:  #006699;
	font-size:12px;
	margin-top:20px;
}
#contactTxte img{
margin-left:5px;	
}
	

.div_middle {
	float:left;
	margin:0 0 0 0px;
}


.img_contact{
padding-top:5px;
text-align:center;
margin:-15px 0 0 0 ;
float:left;
}