/* 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 "reset.css";
@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;
}


/*----------------------------- index-------------- */

.txt_acc{
float:left;
width:700px;
margin-bottom:40px;
margin-top:20px;
margin-left:5px;
}
.txt_acc p{
float:left;
width:700px;
font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-align:justify;

}

.img_acc{
float:left;
width:650px;
margin-bottom:20px;
margin-top:10px;

}
/*-----------------------------galerie-------------- */
.pagination{
float:left;
width:350px;
margin-bottom:10px;
margin-left:30px;
padding-top:20px;
text-align:center;
}


.zoom_img{
float:left;
width:260px;
margin-top:10px;
margin-bottom:20px;
padding-bottom:10px;
margin-left:20px;
margin-right:30px;

}

.zoom_img img{
float:left;
margin-left:33px;

}

.zoom_img a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}

.zoom_img a:hover img{
filter: alpha(opacity=100);
-moz-opacity: 0.70; opacity:0.80;
}
.top_zoom{
float:left;
width:272px;
height:21px;
background-image:url(../images/charte/top_zoom.jpg);
background-repeat:no-repeat;

}
.cont_zoom{
float:left;
width:272px;
background-image:url(../images/charte/cont_top.jpg);
background-repeat:repeat-y;

}

.bottom_zoom{
float:left;
width:272px;
height:20px;
background-image:url(../images/charte/bottom_zoom.gif);
background-repeat:no-repeat;
}

.titre1{
float:left;
width:263px;
margin-bottom:10px;
margin-top:5px;
margin-left:8px;
}

.toptitre1{
float:left;
width:263px;
height:12px;

background-image:url(../images/charte/top_titre.jpg);


}
.conttitre1{
float:left;
width:263px;
background-image:url(../images/charte/cont_titre.jpg);
background-repeat:repeat-y;

}

.bottomtitre1{
float:left;
width:263px;
height:13px;
background-image:url(../images/charte/bottom_titre.jpg);
background-repeat:no-repeat;

}
.conttitre1 p{
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:20px;
padding-left:10px;

}
.img_galerie{
float:left;
margin-left:15px;
width:116px;
margin-top:10px;

}


.topimg_galerie{
float:left;
width:116px;
height:13px;
background-image:url(../images/charte/top_img.jpg);
}
.contimg_galerie{
width:116px;
background-image:url(../images/charte/cont_img.jpg);
background-repeat:repeat-y;

}

.bottomimg_galerie{
float:left;
width:116px;
height:14px;
background-image: url(../images/charte/bottm_img.jpg);

}


.img_galerie img{

margin-left:16px;
margin-bottom:6px;
margin-top:6px;
}

.img_galerie a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:7.00;

}

.img_galerie a:hover img{
filter: alpha(opacity=100);
-moz-opacity: 0.70; opacity:0.70;
}

#promogalerie {
	margin-top:10px;
	width:350px;
	float:left;w
}
#txt  #defilgauche{
  float: left;
  margin: 0 3px 0px 0;
  cursor: pointer;
  z-index: 9;
  }
#txt #defildroite{
  float: right;
  margin: 0 0 0px 3px;
  cursor: pointer;
  z-index: 10;
  }

#txt #flowcut{
  width: 315px;
  overflow: hidden;
  position: relative;

  }
#txt #flow{
  position: relative;
 

  }
#txt .vign{
  float: left;
  margin-right:3px;
  width: 80px;
  border:1px solid #595959;

  }
  
.themes{
float:right;
width:400px;
margin-bottom:10px;
margin-top:5px;
margin-right:38px;

}

.themes img{
float:left;
margin-right:20px;

}

.themes_txt{
float:left;
width:400px;
margin-top:10px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;

}

.precedent{
float:left;
width:50px;

}
.suivant{
float:right;
width:50px;
}

.txt_acc ul{
float:left;
width:500px;
margin-bottom:15px;
margin-top:10px;
margin-left:10px;

}
.txt_acc li{
float:left;
width:450px;
margin-bottom:5px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
list-style-image:url(../images/charte/puce.jpg);



}
/*-----------------------------presse-------------- */

.presse{
float:left;
width:200px;
margin-left:105px;
margin-top:20px;
margin-bottom:10px;

}


/*-----------------------------mentions -------------- */


.titre{
width:400px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
font-weight:bold;
margin-left:10px;
margin-bottom:10px;


}
/*-----------------merci------------ */
#txt_merci{
float:left;
width:500px;
margin-bottom:20px;
margin-top:10px;
margin-left:100px;
}

#txt_merci p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
margin-top:10px;
text-align:center;

}
#bouton_merci{
float:left;
width:70px;
margin-left:120px;
margin-top:20px;
padding-bottom:20px;
}


/*-----------------------------contact -------------- */

#formulaire{
float:left;
width:400px;
margin-bottom:10px;
margin-top:20px;
margin-left:60px;

}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{

font-size:12px;
font:Arial, Helvetica, sans-serif;
color:#fff;
text-align:justify;
}

.b{
width:350px;
background-color:#000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #282828;
}
.capca{
width:150px;
background-color:#000000;
margin-left:10px;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #282828;
}

#formulaire input:focus{

background-color:#000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #494949;
}
.textarea{
width:330px;
background-color:#000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #282828;
}
#formulaire select{
width:330px;
background-color:#000000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #282828;}
.themes select{
width:150px;
background-color:#000000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #282828;
}
#formulaire textarea:focus{
background-color:#000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #494949;
}
#coordonne{
width:200px;
float:left;



}

#coordonne img {
margin-bottom:10px;


}


.top_cor{
float:right;
width:190px;
height:48px;
background-image:url(../images/charte/top_cor.jpg);
background-repeat:no-repeat;
}

.cont_cor{
float:right;
width:190px;
background-image:url(../images/charte/cont_cor.jpg);
background-repeat:repeat-y;
}
.bottom_cor{
float:right;
width:190px;
height:40px;;
background-image:url(../images/charte/bottom_cor.jpg);
background-repeat:no-repeat;
}




#plan{
float:left;
width:200px;
margin-top:30px;
margin-left:70px;

}

#formulaire .bouton_form{
width:174px;
background-color:#000;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #756969;
}
.coordonne p{
float:left;
width:160px;
margin-top:20px;
margin-right:10px;
padding-left:10px;
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
#formulaire p{
font:Arial, Helvetica, sans-serif;
color:#fff;
text-align:justify;
font-size:11px;
margin-bottom:15px;
}
#txt td{
vertical-align:center !important;}

input, textarea {
margin-bottom:3px !important;
}

#loi {
	width:200px;
	float:left;
	margin-top:60px;

}

#loi p {
	font-size:9px;

}

#gene {
	width:200px;
	margin-top:15px;
	margin-left:10px;
	float:left;

}

.txtcapa {
	width:340px;
}


#txt .txt_acc .img_act{
	float:left;
	width:200px;
	margin-top:10px;
	max-width:200px;
	margin-right:10px;
	margin-bottom:30px;}
	
#txt .txt_acc .cont_act{
	width:460px;
	max-width:460px;
	margin-bottom:30px;
	margin-top:10px;
	float: right;
	margin-right:20px;}
	
	
#txt .txt_acc .cont_act p{
width:460px;}
	
#txt .txt_acc .cont_act p.chapeau{
width:460px;
font-style:italic;
margin-bottom:10px;
color:#aaa;}

#txt .txt_acc .cont_act p.titre{
width:460px;
font-size:12px;
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:10px;
line-height:1.2em;
border-bottom:1px dotted #ccc ;}