/* 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 */
.bas{
	float:left;
	width:435px;
	margin:5px 0 10px 0;
}
.accueil ul{
	float:left;
    margin:0px 0 0 5px;
	list-style-type:none;
}

.accueil li{
	float:left;
    background:url(../images/puce1.gif) no-repeat ;
	padding:0px 0 15px 19px;
	list-style-type:none;
	font-size:11px;
	width:411px;
	color:#007400;
	text-align:justify;
    
}

.accueil1 ul{
	float:left;
    margin:0px 0 0 5px;
	list-style-type:none;
}

.accueil1 li{
	float:left;
    background:url(../images/puce1.gif) no-repeat ;
	padding:0px 0 15px 19px;
	list-style-type:none;
	font-size:11px;
	width:411px;
	color:#007400;
	text-align:justify;
    
}
.tabtarifs {
	font-size:11px;
	color:#007400;
	font-style:italic;
}
.titreaccueil{
	font-size:11px;
	text-align:justify;
	margin:10px 0 0 0;
	color:#007400;
	font-style:italic;
	font-weight:bold;
}

/* STYLE DE LA PAGE CONTACT */
.gauchecontact{
	float:left;
	width:300px;
	margin:0px 5xp 5px 0;
}
.droitecontact{
	float:right;
	width:130px;
	margin:0px 0 5px 0;
	text-align:right;
}
.formulaire{
	float:left;
	width:435px;
	margin:0px 5xp 5px 0;
}
.bleunuit{
	font-size:11px;
	color:#007400;
}
#container .loi {
	font-size:10px;
	color:#A3CB2B;

}
.formlisting{	
	float:right;
	FONT-SIZE: 11px; 
	WIDTH: 150px; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #008aff;
	border-color:#008aff;
	border:1px solid #008aff;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #008aff;
	border-color:#008aff;
	border:1px solid #008aff;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #008aff;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#008aff;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #008aff;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#008aff;
}
#formContact .champRequis{
	color:#008aff;
}
/*PAGE SALON*/
.imagesdiaporama{
    float:left;
	width:435px;
}
.miniphotovoyage {
	float:left;
	width:195px;
	margin:0px 0px 0px 5px;
}
#container .miniphotovoyage img{
	float:left;
	width:62px;
	margin:1px 1px 0px 0px;
	border:1px solid #A3CB2C;
}
.grandeimgvoyage {
	float:left;
	width:230px;
	height:197px;
	margin:1px 0px 0px 2px;
	border:1px solid #A3CB2C;
}
.pagination{
    float:left;
	width:435px;
	padding:5px 0 8px 0;
	text-align:center;
	color:#008aff;

}
#container .pagination a{
    color:#008aff;
	text-decoration:none;
	font-size:11px;
}

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