/********************************************************/
/********* INFORMATIONS GENERALES DE LA PAGE ************/
/********************************************************/

html{
height:100%;
margin:0;
padding:0;
text-align:center;}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:100%;
margin:0;
padding:0;
background: #59778E url(../img/fond_body.jpg) repeat-y center;
text-align:center;}

p{margin:0;
padding:0;}


#map{ float:left; border:3px solid #D3C9B4 ;margin-left:40px; margin-top:20px; }

a{
color:#880000;
text-decoration:none;}


a:hover{
color:#880000;
text-decoration:none;
border-bottom:1px dashed #880000;}


a.rouge{
font-size:1.1em;
margin:10px;
letter-spacing:-1px;
font-weight:bold;
color:#880000;
text-decoration:none;}


a.rouge:hover{
font-size:1.1em;
margin:10px;
letter-spacing:-1px;
font-weight:bold;
color:#880000;
text-decoration:none;
border-bottom:1px dashed #880000;}

/********************************************************/
/********* DIV DE PLACEMENT PRINCIPAUX       ************/
/********************************************************/

#top{
height:61px;
width:100%;
margin:0;
padding:0;
background: #64791F url(../img/fond_top.jpg);}

#menu{
height:51px;
width:100%;
margin:0;
padding:0;
background: #880000 url(../img/fond_menu.jpg) repeat-x;}

#menucontainer{
height:51px;
width:800px;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
background: transparent url(../img/menucontainer.jpg) no-repeat;}

#telephone{
border:1px solid #D3C9B4;
font-weight:bold;
color:#473E2B;
float:right;
width:120px;
padding:10px;
margin:2px;
margin-right:0;
text-align:center;

background: #F0E8DB url(../img/telephone.jpg) no-repeat left bottom;
}

#logo{
height:61px;
width:300px;
background: #64791F url(../img/logo.jpg);
float:left;
}

#topcontainer{
height:61px;
width:800px;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;}

#meteo{
height:50px;
width:200px;
padding:0;
margin:0;
margin-top:5px;
float:right;
background-color: transparent;
text-align:right;
color:#fff;
font-size:1.7em;

font-family:Georgia, "Times New Roman", Times, serif;}


#maincontainer{
width:850px;
height:100%;
margin-left:auto;
margin-right:auto;
background: #59778E url(../img/fond_body2.jpg) repeat-y center;}

#contentcontainer{
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:transparent;
}

#lettre{
border:1px solid #D3C9B4;
font-weight:bold;
color:#473E2B;
float:right;
width:100px;
padding:5px;
margin:5px;
margin-right:0;
text-align:center;

background: #F0E8DB;
}

#photo{
height:120px;
background-color:#ccc;
background: #fff url(../img/imagetop.jpg) no-repeat;}

#photopano{
height:180px;
background-color:#ccc;
background: #fff url(../img/imagetoppano.jpg) no-repeat;}


#photopanoparcours{
height:180px;
background-color:#ccc;
background: #fff url(../img/imagetoppano3.jpg) no-repeat;}

#photopanocomite{
height:180px;
background-color:#ccc;
background: #fff url(../img/imagetoppano2.jpg) no-repeat;}

#photoecole{
height:150px;
background-color:#ccc;
background: #fff url(../img/imagetopecole.jpg) no-repeat;}

#leftcontainer{
width:600px;
background-color:#fff;
float:left;}

#rightcontainer{
width:200px;
background: #fff url(../img/fond_menuright.jpg) repeat-y;
text-align:center;
float:right;}

#actualites{
background-color:#E7DBC5;

width:600px;
border-bottom:5px solid #D3C9B4;
}

#avenir{
width:200px;
height:27px;
background: #880000 url(../img/competitions_accueil.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}

#reserver{
width:200px;
height:27px;
background: #880000 url(../img/reserv.gif) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}


#archives{
width:200px;
height:27px;
background: #880000 url(../img/archives.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}

#actusright{
width:200px;
height:27px;
background: #880000 url(../img/actus.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}


#contacter{
width:200px;
height:27px;
background: #880000 url(../img/contacter.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}

#caldendriertitre{
width:200px;
height:27px;
background: #880000 url(../img/caldendrier_right.jpg) no-repeat;
color:#fff;
line-height:1.8em;
font-size:1.3em;
font-weight:bold;
margin-bottom:10px;}

#tableau{
padding:10px;
margin:5px;
width:510px;
background-color:#F0E8DB;
border:1px solid #D3C9B4;

float:left;
}

#contentphoto{
padding:10px;
width:510px;
float:left;
}

.label{
float:left;
width:100px;
}

.actus{
color:#99917F;
padding:2px;
padding-right:0px;
padding-left:0px;
}

.actusbloc{
float:left;
}


.actcontent{
margin:5px;
margin-left:60px;
border:1px solid #D3C9B4;
padding:5px;
background-color:#F0E9DC;
}

.actcontent2{
border:1px solid #D3C9B4;
padding:5px;
background-color:#F0E9DC;
float:left;
width:540px;
}


.actcontent3{

padding:3px;
background-color:#fff;
float:left;
margin-top:5px;
margin-bottom:5px;
width:460px;
}

.personne{
width:110px;
height:160px;
overflow:hidden;
border:1px solid #D3C9B4;
background-color:#F0E8DB;
padding:2px;
margin:5px;
float:left;
text-align:center;
text-transform:capitalize;
}

.photocontainer{
width:80px;
height:100px;
background-color:#D3C9B4;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
margin-top:5px;
overflow:hidden;
}

.imagepartenaire{
width:50px;
height:50px;
background-color:#D3C9B4;
border:2px solid #D3C9B4;
margin-right:5px;
float:left;
overflow:hidden;
}

.tableaucontent{
width:99%;
display:block;
border-bottom:1px solid #D3C9B4;
float:left;
text-align:left;
padding:5px;
margin-bottom:2px;
}


.tableaucontentbis{
width:99%;
display:block;
border-bottom:1px solid #D3C9B4;
background-color:#F9FBDB;
float:left;
text-align:left;
padding:5px;
margin-bottom:2px;
}

.tableaucontenthover{
cursor:default;
width:99%;
display:block;
border-bottom:1px solid #D3C9B4;
background-color:#728B18;
float:left;
color:#fff;
text-align:left;
padding:5px;
margin-bottom:2px;
}


.tableaucontenthoverbis{
cursor:default;
width:99%;
display:block;
border-bottom:1px solid #D3C9B4;
background-color:#fff;
float:left;
color:#000;
text-align:left;
padding:5px;
margin-bottom:2px;
}

.desccontent{

}


.prix{
float:right;
font-weight:bold;
}

#partenaires{
width:200px;
height:27px;
background: #880000 url(../img/partenaires_accueil.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;}

.competitionavenir{
margin:10px;
padding:5px;
padding-top:0;
margin-top:2px;
border-bottom:1px solid #B9AE96;
padding-left:25px;
background: #DACDB1 url(../img/pucecalendrier.jpg) no-repeat top left;
line-height:1.3em;
text-align:left;}


img.pict{
border:4px solid #B9AE96;
float:left;
margin:5px;
}


.archivesbloc{
margin:10px;
padding:5px;
padding-top:0;
margin-top:2px;
border-bottom:1px solid #B9AE96;
padding-left:25px;
background: #DACDB1 url(../img/pucearchive.jpg) no-repeat top left;
line-height:1.3em;
text-align:left;}

.contactright{
margin:10px;
padding:5px;
padding-top:0;
margin-top:2px;
border-bottom:1px solid #B9AE96;
padding-left:25px;
background: #DACDB1 url(../img/pucecontact.jpg) no-repeat top left;
line-height:1.3em;
text-align:left;}


.partenairesaffiche{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:160px;
height:120px;
background-color:#ccc;
border:5px solid #fff;}


#photobottom{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom1.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}

#photobottom2{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom2.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}

#photobottom3{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom3.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}

#photobottom4{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom4.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}

#photobottom5{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom5.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}

#photobottom6{
width:200px;
height:130px;
background: #DACDB1 url(../img/photobottom6.jpg) no-repeat ;
margin-top:10px;
border-top:1px solid #880000;
border-bottom:1px solid #880000;}


#photoactu{
float:left;
width:45px;
height:45px;
border:2px solid #B9AE96;
margin:3px;
padding:0;
margin-left:0;
margin-right:10px;
margin-bottom:0;
background-color:#B9AE96;
overflow:hidden;
}

#photoactu2{
width:110px;
height:110px;
border:4px solid #B9AE96;
margin-right:3px;
padding:0;
margin-left:0;
margin-bottom:0;
background-color:#B9AE96;
overflow:hidden;
float:left;
margin-bottom:5px;
}


#photoactu3{
border:4px solid #B9AE96;
margin-right:3px;
padding:0;
margin-left:0;
background-color:#B9AE96;
overflow:hidden;
float:left;

margin-right:10px;
margin-top:5px;
}

#photocontainer{
width:130px;
padding:0;
margin-left:0;
margin-bottom:0;
float:left;

}



#titrephoto{
text-align:left;
padding-top:120px;
width:550px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
color:#880000;
font-weight:bold;
font-style:italic;
margin-left:20px;
}

#titrephotopano{
text-align:left;
padding-top:150px;
width:550px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
color:#880000;
font-weight:bold;
font-style:italic;
margin-left:20px;
}

.lienactu{
text-align:right;
padding:5px;
margin-right:15px;}

.lienactu2{
text-align:right;
padding-right:5px;
}

.actucontent{
margin-left:20px;
width:550px;
padding-bottom:2px;
margin-bottom:5px;
padding-top:2px;
color:#394621;
border-bottom:1px solid #D3C9B4;
font-size:1.1em;
line-height:1.5em;
}

#contenucentral{
padding:0;
margin:0;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
width:550px;
border-bottom:1px solid #D3C9B4;
font-size:11px;
color:#222;
line-height:1.6em;
float:left;
}
#contenucentralcenter{
padding-top:20px;
padding-bottom:20px;
margin-left:20px;
width:550px;
border-bottom:1px solid #D3C9B4;
font-size:1.1em;
color:#222;
line-height:1.6em;
text-align:center;
}



#datetop{
padding-bottom:10px;
width:550px;
font-size:1.6em;
color:#473E2D;
letter-spacing:-1px;
text-transform:uppercase;
}

#footer{

padding-top:5px;
padding-bottom:5px;
margin-left:20px;
width:550px;
text-transform:uppercase;
color:#555;
float:left;
}

.datecompetition{
display:block;
position:relative;
width:550px;
min-height:130px;
padding-bottom:2px;
margin-bottom:5px;
padding-top:2px;
color:#555;
font-size:11px;
line-height:1.8em;
border-bottom: 1px solid #ccc;
}

.blocdate{
float:left;
width:68px;
height:70px;
margin:0;
padding;0;
margin-right:10px;
background: #fff url(../img/fond_cal.jpg) repeat-y;
}


.textcalendrier{
width:470px;
float:right;
margin:0;
padding:0;
position:relative;
margin-bottom:10px;
}

/********************************************************/
/********* Diaporama des partenaires         ************/
/********************************************************/


#imageSlideshowHolder{
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		border:5px solid #CBBBA4;
		background-color:#fff;
		overflow:hidden;
		width:160px;
		height:120px;
		position:relative;}


#imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;}


/********************************************************/
/*********       CLASSES DE STYLES SPAN      ************/
/********************************************************/

.gris{
color:#2F2A2A;}


.gri{
color:#2F2A2A;
font-size:0.8em;
line-height:1em;}

.titreactu{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-style:italic;
font-weight:bold;
color:#394621;
line-height:1.2em;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
color:#880000;
font-weight:bold;
font-style:italic;
margin:0;
line-height:1.8em;}


h4{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
line-height:1em;
letter-spacing:+1px;
color:#728B18;
font-weight:normal;
padding-left:22px;
background: #fff url(../img/puceleft.gif) no-repeat;
margin-top:14px;
margin-bottom:14px;
display:block;
width:100%;
float:left;
}
ul{
float:left;
margin:0;
list-style:disc;
}


ul li{
margin:0;
margin-left:25px;
list-style:disc;
}


.img{
border:5px solid #E2D4BA;
float:left;
margin:10px;
padding:0;
}


.imgright{
border:5px solid #E2D4BA;
margin:15px;
padding:0;
margin-left:0;
}

#imgmeteo{
float:right;
margin-left:10px;
margin-top:6px;
padding:0;
}


a.image{
border:0;
text-decoration:none;
}

a.image:hover{
border:0;
text-decoration:none;
}

input.button{
color:#333333;
padding:3px;
font-size:10px;
border:1px solid #C7BCA4;
font-weight:bold;}

input.text{
margin:2px;
font-size:10px;
border:1px solid #C7BCA4;}

form{
margin:0;
padding:0;}

textarea{
margin:2px;
font-size:11px;
border:1px solid #C7BCA4;}

select{
border:1px solid #C7BCA4;
color:#555;
padding:0;
}


.toutescatégories{
font-family:Georgia, "Times New Roman", Times, serif;
color:#638338;
font-weight:bold;
font-size:1.2em;}



.dames{
font-family:Georgia, "Times New Roman", Times, serif;
color:#8B1D66;
font-weight:bold;
font-size:1.4em;}


.style1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#9F9606;
font-weight:bold;
font-size:1.5em;}

.style2{
font-family:Georgia, "Times New Roman", Times, serif;
color:#8B1D66;
font-weight:bold;
font-size:1.5em;}

.style3{
font-family:Georgia, "Times New Roman", Times, serif;
color:#366298;
font-weight:bold;
font-size:1.5em;}

.style4{
font-family:Georgia, "Times New Roman", Times, serif;
color:#9A631C;
font-weight:bold;
font-size:1.5em;}

.style5{
font-family:Georgia, "Times New Roman", Times, serif;
color:#409A1C;
font-weight:bold;
font-size:1.5em;}




/********************************************************/
/********* MENU PRINCIPAL                    ************/
/********************************************************/
	#mainMenu{
		background-color: transparent;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.8em;	
		height:28px;	
		position:relative;	
		padding:0;
		margin:0;}
		
	#mainMenu a{
		padding:0;
		margin:0;
		padding-left:20px;
		padding-right:20px;
		font-weight:bold;
		position:absolute;
		margin-top:5px;
		padding-top:3px;
		border-right:1px solid #ccc;	
		border-bottom:0;}
		
	#submenu{		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		width:800px;
		text-align:left;}	
		
	#submenu div{
		white-space:nowrap;}

	#mainMenu .activeMenuItem{
		color:#fff;
		background-color: #880000;	
		cursor:pointer;}

	#mainMenu .inactiveMenuItem{		
		color: #444;	
		cursor:pointer;}
	
	#submenu a{	
		padding:4px;
		text-decoration:none;
		line-height:2em;
		padding-left:5px;	
		padding-right:5px;	
		color: #fff;	
		font-size:1em;
		border:0;}
	
	#submenu a:hover{
		text-decoration:none;
		padding-left:5px;	
		line-height:2em;
		padding-right:5px;	
		background-color:#5B1313;
		color: #fff;	
		font-size:1em;
		border:0;}
		
	a#bloc{
	display:block;
	float:left;
	background-color:#D4C9B5;
	text-align:center;
	width:25px;
	height:22px;
	font-size:1.2em;
	line-height:1.7em;
	border:1px solid #493E2A;
	color:#493E2A;
	font-weight:bold;
	margin:1px;
	}
	a:hover#bloc{
	display:block;
	float:left;
	background-color:#493E2A;
	width:25px;
	height:22px;
	line-height:1.7em;
	text-align:center;
	font-size:1.2em;
	border:1px solid #493E2A;
	color:#fff;
	font-weight:bold;
	margin:1px;
	}
	
	
	a.active#bloc{
	display:block;
	float:left;
	background-color:#493E2A;
	width:25px;
	height:22px;
	line-height:1.7em;
	text-align:center;
	font-size:1.2em;
	border:1px solid #493E2A;
	color:#fff;
	font-weight:bold;
	margin:1px;
	}
/********************************************************/
/********* caldendrier                       ************/
/********************************************************/
.calendarHeader { font-weight: bold; color: #fff; font-size:0.8em;  padding:0px; background-color:#4F0B0C;padding-top:3px;padding-bottom:3px; } 
.calendarToday {color:#880000; font-size:1.1em; text-align:center; font-weight:bold; text-decoration:none;}  
.calendar { background-color: transparent;  font-size:1.1em; text-align:center; width:200px; height:18px;}
.calhead{font-size:1.1em; color:#fff; font-weight:bold; line-height:2em;}
.calendar a{ color:#fff; font-size:1.1em; background-color:#880000; padding:3px; font-weight:bold; border-top:0px;}
.calendar a:hover{ color:#000; background-color:#fff;border-bottom:0px; }


#tableautarif{
width:550px;
background-color:#F0E8DB;
border:1px solid #D3C9B4;
margin:0;
font-size:1em;

}
#tableautarif thead{
background-color:#728B18;
text-align:center;
color:#fff;
font-weight:bold;}

#tableautarif  tr.normal{
text-align:center;
color:#000;
border-bottom:1px solid #D3C9B4;
padding:5px;
cursor:default;}

#tableautarif td{
text-align:center;
border-bottom:1px solid #D3C9B4;
padding:5px;}


#tableautarif tr.hover{
text-align:center;
background-color:#fff;
color:#880000;
border-bottom:1px solid #D3C9B4;
padding:5px;
cursor:default;}