/* 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 ACCUEIL */

.textacc{
    font:12px Arial, Helvetica, sans-serif;
	color:#FFF600;
	font-weight:bold;
}
.diaporama{
    float:left;
	width:250px;
	margin:7px 10px 0 0;
}
.droite{
    float:left;
	width:465px;
	margin:0px 0px 0 0;
}
.diaporamarealisations{
    float:left;
	width:726px;
	margin:7px 10px 0 0;
}
.diaporama1{
    float:left;
	width:150px;
	margin:7px 10px 0 0;
}
.textaccueil1{
    float:right;
    font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	width:550px;
}
.txtdiapo{
    float:right;
	width:565px;
	margin:0px 0px 0 0;
}
.txtdiaporama{
    float:left;
    font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	width:380px;
	margin:0px 10px 0 0;
}
.petitdiaporamapetit{
    float:right;
	width:150px;
	margin:0px 0px 0 0;
}
.txtdiaporama1{
    float:left;
    font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	width:360px;
	margin:0px 10px 0 0;
}
.petitdiaporamapetit1{
    float:right;
	width:180px;
	margin:0px 0px 0 0;
}
.centrer{
    float:left;
	width:390px;
	margin:0px 0px 0 8px;
}
#container .centrer p{
    float:left;
    font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	width:390px;
}
.diaporama2{
    float:right;
	width:150px;
	margin:7px 0px 0 10px;
}
.chauffagebas{
	float:left;
	width:560px;
	margin:5px 0px 0 0px;

}
/*PAGE MENTIONS LEGALES*/
.contenumentions{
    float:left;
	width:720px;
	margin:0px 0px 0 0px;
}
.textmentions{
    float:left;
	width:726px;
	margin:0px 0px 0 0px;
}
#container .titmentions{
    float:left;
	width:726px;
	color:#FAF7A7;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}
/* STYLE DE LA PAGE CONTACT */
.textecontact{
	color:#FAF7A7;
	font-size:11px;
}
#container .loi {
	font-size:10px;
	color:#FFF600;
}
#container .listeprestations {
	font-size:10px;
	color:#FAF7A7;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #FAF7A7; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #08462D;
	border-color:#08462D;
	border:1px solid #08462D;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #FAF7A7; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #08462D;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #08462D;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#08462D;
}
#formContact .champRequis{
	color:#08462D;
}
	
.formulaire{
    float:left;
    width:726px;
	margin-left: 0px;
	margin-right:0px;

}

/*PAGE REALISATIONS*/
.realisations{
    float:left;
    width:726px;
	margin:0 0 0 0;
}
.hautrealisations{
    float:left;
	width:726px;
	height:31px;
	margin:0px 0px 0 0px;
	background-image:url(../images/hautrealisations.gif);
}
.centrerealisations{
    float:left;
	width:726px;
	margin:0px 0px 0 0px;
	background-image:url(../images/fondrealisations.gif);
}
.basrealisations{
    float:left;
	width:726px;
	height:5px;
	margin:0px 0px 0 0px;
}
#container .titrealisations{
    float:left;
    font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	width:720px;
	font-weight:bold;
	margin:5px 0 0 8px;
	font-style:italic;
}
.grandeimgvoyage {
	float:left;
	width:312px;
	margin:6px 2px 0px 5px;
}
.miniphotovoyage {
	float:left;
	width:318px;
	margin:0px 0px 0px 5px;
}
#container .miniphotovoyage img{
	float:left;
	width:75px;
	margin:6px 4px 0px 0px;
}
.imagesdiaporama{
    float:left;
	width:318px;
}
fieldset {
    float:left;
	width:380px;
	margin:0px 0px 0px 10px;
	padding:0px;
	border:1px solid #000000;
}	
fieldset p{
    float:left;
	font-size:11px;
	color:#fff;
	padding:0;
	text-align:justify;
	margin:0 8px 8px 8px;
}
legend {
    margin:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	font-style:italic;
}
.descriptifrealisation {
	float:left;
	width:390px;
	margin:6px 3px 0 3px;
}
.pagination{
    float:left;
	width:726px;
	padding:5px 0 8px 0;
	text-align:center;
	color:#FFF600;

}
#container .pagination p{
    padding-bottom:5px;
	font-size:1.2em;
	text-align:normal;
	color:#FFF600;
	font-family:Arial, Helvetica, sans-serif;

}
#container .pagination a{
    color:#FFF600;
	text-decoration:none;
	font-size:12px;
}

#container .pagination  a:hover{
    color:#FFF600;
	text-decoration:underline;
	font-size:12px;
}