@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}

/********** Background vert*******/

body{
background-image:url(images_webfev2008/bg.gif);
background-repeat:repeat-x;
}


#Shadow{
Width:770px;
position:relative;
margin: 0 auto;
background: #fff url(images_webfev2008/shadow.gif) repeat-y; 

/******************ENTETE***************/
}
#topheader{
	Width:750px;
	height:2px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#boutonheader{
Width:750px;
height:43px;
margin: 0 auto;
position:relative;
}
#headercentre{
Width:750px;
height:106px;
margin: 0 auto;
position:relative;

}
#headerbas{
Width:750px;
height:67px;
margin: 0 auto;
position:relative;

}
.texterouge{
color:#F00;
font-weight:bold;
}

.textenoir{
color:#000;	
font-weight:bold;
}

.texteespacement{
	
font-size:14px;
padding-left:150px;	
	
}
/***************MENU**********/
#barreverte{
Width:750px;
height:46px;
margin: 0 auto;
position:relative;
background-image:url(images_webfev2008/Menu_barreverte.gif);
}

#barreverte a{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}

#barreverte a:hover{
color:#fab514;
}

#infogen{
float:left;
width:174px;
height:35px;
padding-top:12px;
padding-left:10px;
}

#ete{
float:left;
width:100px;
height:35px;
padding-top:12px;
padding-left:10px;
}

#nature{
float:left;
width:130px;
height:35px;
padding-top:12px;
padding-left:10px;
}

#activite{
float:left;
width:90px;
height:35px;
padding-top:12px;
padding-left:10px;
}


#groupe{
float:left;
width:200px;
height:35px;
padding-top:12px;
}

/****************** CENTRER PROGRAMMMES ET  COTÉ TEXTE********/
#Carrecentre{
position:relative;
Width:750px;
height:760px;
margin:0 auto;

}
#Carrecentre2{
position:relative;
Width:750px;
height: 1075px;
margin:0 auto;

}

#Carrecentre3{
position:relative;
Width:750px;
height: 850px;
margin:0 auto;

}

#Carrecentre4{
position:relative;
Width:750px;
height: 1800px;
margin:0 auto;

}

#Carrecentre5{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;

}

#Carrecentre6{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;

}

#Carrecentre61{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;

}

#Carrecentre7{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;
}

#Carrecentre71{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;
}
#Carrecentre72{
position:relative;
Width:750px;
height:800px;
margin:0 auto;
}
#Carrecentre8{
position:relative;
Width:750px;
height: 760px;
margin:0 auto;

}

/***************Programmes(a gauche)*************/
#backgroundprogrammme1{
float:left;
Width:256px;
height: auto;
position:relative;
}

#backgroundprogrammme p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#titreprogramme{
width:256px;
padding-top: 10px;
}

#backgroundprogrammme a{
color:#f7941d;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
#backgroundprogrammme a:hover{
color:#b7cc1b;
}
#photos{
float:left;
width:67px;
height:auto;
margin-left:10px;
margin-top:10px;
}

#photoespace{
margin-bottom:4px;
}

#campreg{
float:right;
width:161px;
margin-top:15px;
}

#campart{
float:right;
width:161px;
margin-top:24px;
}

#campart{
float:right;
width:161px;
margin-top:24px;
}

#campjour{
float:right;
width:161px;
margin-top:26px;
}


/**********TEXTE (a droite)***************/
#cotetexte{
float:right;
width:494px;
height:auto;
}

#cotetexte11{
float:right;
width:494px;
height:460px;
}

#cotetexte p {
padding-top:13px;
padding-left:15px;
padding-right:15px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#cotetexte11 p {
padding-top:13px;
padding-left:15px;
padding-right:15px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#cotetexte h1 {
color:#fab514;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:15px;
padding-right:15px;
}

#cotetexte h2 {
color:#165486;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
}

#cotetexte11 h2 {
color:#165486;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
}

#cotetexte h3 {
color:#b7cc1c;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:15px;
padding-right:15px;
}

#cotetexte h4 {
color:#fab514;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:42px;

}

#cotetexte a{
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#cotetexte11 a{
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#cotetexte a:hover{
color:#b7cc1b;
}
/*********page PRESENTATION CAMP******/
#titreinfogen{
padding-left:35px;
height:118px;
}

#petitmenuinfogen{
float:left;
Width:243px;
height:109px;
}

#presentation p{
padding-top:13px;
padding-left:15px;
padding-right:15px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#Mission p{
padding-top:13px;
padding-left:15px;
padding-right:15px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#Historique p{
padding-top:13px;
padding-left:15px;
padding-right:15px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#certification{
float:right;
width:197px;
height:99px;


}

/******decalage des mots page EMPLOIS*****/
#animateurspec{
padding-left:165px;
color:#165486;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}



}

#basnouvmon{
float:right;
width:494px;
height:112px;
}
#nouvelles{
float:left;
width:156px;
height:135px;
padding-top:12px;
padding-left:35px;
}

#progmoniteur{
float:right;
width:300px;
height:135px;
padding-top:12px;
}

/*************** Page Classe Natures *************/
#englobediv{
width:494px;
height:165px;
position:relative;
}
#classesrouges{
width:494px;
height:auto;
position:relative;
}

#meretvent{
float:left;
width:247px;
height:165px;
}

#terreetfeu{
float:right;
width:247px;
height:165px;
}

#feu{
float:right;
width:122px;
height:121px;
background-image: url(images_webfev2008/feucampnat.jpg);
margin-right:10px;
margin-top:24px;
border: 2px solid #fab514;
}

#voilier{
float:right;
width:103px;
height:114px;
background-image:url(images_webfev2008/voilier.jpg);
margin-top:24px;
border: 2px solid #165486;
}


/********************Page Photos*****************/
#carrephotos{
float:right;
width:450px;
height:80px;
padding-top:10px;

}

#photosact{
float:left;
width: 200px;
height:150px;
margin-top:15px;
margin-left:15px;
border: 2px solid #78990b;
}

/******** Bas de page gazon et signature*****************/

#footergazon{
width:750px;
height:133px;
margin: 0 auto;
background-image:url(images_webfev2008/footer_gazon2.jpg);
}

/********************Signature*******************/
#signature{
float:right;
width:330px;
color:#FFFFFF;
margin-top:115px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

#signature a{
color:#f8981d;
}

#signature a:hover{
color:#bacf1c;
}
/*************logo feu et partenaires (logo) et liens utiles*******/
#logo3etoiles{
width:494px; 
height:99px;
text-align:center;
}

#partenaires{
text-align:left;
width:205px; 
height:80px;

}

#partenairegranddiv{
position:relative;
width:474px; 
height:auto;
padding-top:30px;
padding-left:20px;
}

#logoofftourism{
	float:left;
	background-image: url(images_webfev2008/OFFICE_DU_TOURISME1.jpg);
	width:242px;
	height:103px;
	
}

#crayonart{
	float:left;
	background-image: url(images_webfev2008/Crayonart1.jpg);
	width:108px;
	height:130px;
	margin-left:40px;
}


#enpq{
	float:left;
	background-image: url(images_webfev2008/ENPQ1.jpg);
	width:242px;
	height:91px;
	margin-top:20px;
	
}

#balleto{
	float:left;
	background-image: url(images_webfev2008/balleto1.jpg);
	width:200px;
	height:68px;
	margin-top:25px;
	margin-left:10px;
}

#fouchetterig{
	
	background-image: url(images_webfev2008/fourchette_rigolote1.jpg);
	width:200px;
	height:250px;
	margin-top:245px;
	margin-left:140px;
    
}


#liens{
float:left;
width:494px; 
height:auto;	
}