/* 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 */
#contenu h1{
height:70px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#accueil {
background-image:url(../images/charte/titre-accueil.gif);
}
#contenu h1#installations {
background-image:url(../images/charte/titre-installations1.gif);
}
#contenu h1#stages {
background-image:url(../images/charte/titre-2.gif);
}
#contenu h1#enfants {
background-image:url(../images/charte/titre-3.gif);
}
#contenu h1#adultes {
background-image:url(../images/charte/titre-4.gif);
}
#contenu h1#stage {
background-image:url(../images/charte/titre-5.gif);
}
#contenu h1#pensions {
background-image:url(../images/charte/titre-6.gif);
}
#contenu h1#scolaire {
background-image:url(../images/charte/titre-7.gif);
}
#contenu h1#equitherapie {
background-image:url(../images/charte/titre-8.gif);
}
#contenu h1#promenade {
background-image:url(../images/charte/titre-9.gif);
}
#contenu h1#actualites {
background-image:url(../images/charte/titre-10.gif);
}
#contenu h1#contact {
background-image:url(../images/charte/titre-11.gif);
}
#contenu h1#mentions {
background-image:url(../images/charte/titre-12.gif);
}
#contenu h1#merci {
background-image:url(../images/charte/titre-13.gif);
}
#contenu h2{
font:normal 1.6em Arial, Helvetica, sans-serif;
text-align:left;
color:#fd0;
display:inline;
letter-spacing:1px;
border-bottom:1px solid #fd0;
}
#contenu p{
font:normal 13px Arial, Helvetica, sans-serif;
text-align:justify;
color:#ffffff;
margin-left:0px;
margin-top:0px;
}
#contenu p.couleur, .couleur{
/*font-weight:bold;*/
color:#ffe598;
}
#contenu a:link, #contenu a:visited{
/*font-weight:bold;*/
text-decoration:underline;
letter-spacing:1px;
color:#fd0;
}
#contenu a:hover, #contenu a:active{
/*font-weight:bold;*/
text-decoration:underline;
letter-spacing:1px;
color:#6ba0f9;
}

/* STYLE PAGE ACCUEIL */
.accueilbas{
	float:left;
	width:684px;
	margin:0 0px 0 0;
}
.gauche{
	float:left;
	width:448px;
	margin:0 6px 10px 0;
}
.droite{
	float:left;
	width:226px;
	margin:0 0px 0 0;
}
.puceaccueil{
	float:left;
    width:420px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:justify;
	margin:10px 0 8px 5px;
}
.puceaccueil ul{
	list-style-type:none;
}

.puceaccueil li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 35px;
}

#container .titacuueil{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#FFD300;
	font-weight:bold;
}
#container .titacuueil1{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#FFD300;
}
#container .titcontact1{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#475BB3;
	margin:0 3px 0 3px;
}
#container .titcontact{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#475BB3;
	text-align:center;
}

/*---------------PAGE ENFANTS---------------*/
.gaucheenfants{
	float:left;
	width:360px;
	margin:0 6px 5px 0;
}
.droiteenfants{
	float:left;
	width:300px;
	margin:0 0px 0 0;
}
/*--------------PAGE PENSIONS----------------------*/
.pensions{
	float:left;
    width:650px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:justify;
	margin:10px 0 8px 5px;
}
.pensions ul{
    
	list-style-type:none;
}

.pensions li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 35px;
}
/*---------------------PAGE SCOLAIRE-------------------*/
.scolaire{
	float:left;
    width:350px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:justify;
}
.scolaire ul{
    margin:10px 0 30px 5px;
	list-style-type:none;
}

.scolaire li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 35px;
}
/*-------------INSTALLATIONS---------------*/
.imagesinstallations{
	float:left;
	width:660px;
	margin:0 0px 5px 0;
}
.imagesinstallations1{
	float:left;
	width:196px;
	margin:0 23px 10px 0;
}
#container .instal{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#FFD300;
	text-align:center;
	width:196px;
}
/* STYLE DE LA PAGE CONTACT */
.gauchecontact{
	float:left;
	width:480px;
	margin:0px 5xp 0px 0;
	background-image:url(../images/logo.jpg)
}
.droitecontact{
	float:right;
	width:163px;
	margin:0px 0 5px 0;
}
.formulaire{
	float:left;
	width:680px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFD100;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#FFD200;
		font-family:Arial, Helvetica, sans-serif;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #475BB2; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFD100;
	border-color:#CA63BC;
	border:1px solid #FFD100;
}
.form1 {
	FONT-SIZE: 11px; 
	WIDTH: 80%; 
	COLOR: #475BB2; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFF5AA;
	border-color:#CA63BC;
	border:1px solid #FFD101;
	margin:8px 0 0 0;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #475BB2; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFD100;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#FFD100;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #FFD100;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#FFD100;
}
#formContact .champRequis{
	color:#FFD100;
}
/* STYLE DE LA PAGE ACTUALITES */
.actualitesencart{
	float:left;
	width:661px;
	margin:0 0 0 0;
}
.actualitesencarthaut{
	float:left;
	width:661px;
	height:35px;
	margin:0 0 0 0;
    background:url(../images/hautactualites.jpg) no-repeat ;
}
.actualitesencartcentre{
	float:left;
	width:661px;
	margin:0 0 0 0;
    background:url(../images/pgactualites.jpg) no-repeat ;
}
.actualitesencartbas{
	float:left;
	width:661px;
	height:12px;
	margin:0 0 5px 0;
}
#container .titactualites{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#475BB3;
	width:600px;
	margin:8px 0 0 5px;
	font-weight:bold;
}
#container .titstage{
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#475BB3;
	width:280px;
	margin:8px 0 0 5px;
	font-weight:bold;
}
#container .titstages{
	float:right;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#475BB3;
	width:320px;
	margin:8px 5px 0 5px;
	font-weight:bold;
	text-align:right;
}
.actucentre{
	float:left;
	width:661px;
	margin:0 0 0 0;
}
.imgproduits{
	float:left;
	width:200px;
	height:137px;
	margin:5px 0px 0px 5px;
	border:1px solid #FFD200;
}
fieldset {
    float:right;
	width:420px;
	margin:5px 10px 5px 5px;
	padding:0px;
	border:1px solid #6B7B81;
	font-size:12px;
	color:#000;
	text-align:justify;
	padding:5px 5px 10px 5px;
}
legend {
    margin:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFD200;
	font-weight:bold;
	font-style:italic;
}
.stageencartcentre{
	float:left;
	width:661px;
	margin:0 0 0 1px;
	text-align:center;
}
#container .infoscommande{
    float:left;
	background-image:url(../images/pdf.gif);
	width:263px;
	height:38px;
	margin:10px 0 8px 0px;
}
#container .imgactualites{
	margin:5px 0px 0px 5px;
	border:1px solid #FFD200;
}
#container .cadre-img {
	float:left;
	height:150px;
	margin:0pt 10px 0pt 0pt;
	text-align:center;
	/*position:relative;*/
	width:200px;
}
#contenu #pagination{
	width:650px;
	height:20px;
	text-align:center;
	/*clear:left;*/
}

#contenu #pagination p.page{
	float:left;	
	font-size:1.2em;
	width:215px;
	text-align:center;
	display:inline;
}
	


#contenu #pagination p.prec{
	float:left;	
	text-align:left;
	font-size:1.1em;
	/*margin-left:20px;*/
	width:217px;
	display:inline;
	}
	
#contenu #pagination p.prec a{
	font-size:1em;
	font-weight:bold;
}
	
	
#contenu #pagination p.suiv{
	float:right;	
	text-align:right;
	font-size:1.1em;
	width:217px;
	display:inline;
	}
	
#contenu #pagination p.suiv a{
	font-size:1em;
	font-weight:bold;
}