/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bodylove{
	background: #97bc28 url(../images/bg.gif) repeat-x;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}



/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto;
	background:url(/images/bgPage.gif) repeat-y;
	font-size:12px;
	color:#444;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
background:url(/images/bgHeader2010.jpg?new=1);
width:760px;
height:210px;
position:relative;
}

#switchLan{
position:absolute;
right:0px;
background:url(/images/bgMenu.png);
padding:2px;
}

#switchLan a:link {color:#fff;text-decoration:none;}
#switchLan a:visited {color:#fff;text-decoration:none;}
#switchLan a:hover {color:#fff;text-decoration:none;}
#switchLan a:active {color:#fff;text-decoration:none;}



#menu{
position:absolute;
bottom:0px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
z-index:10;
list-style:none;
padding:0px;
}

#menu li{
float:left;
margin-left:2px;
position:relative;
padding:0px;
}

#menu li a{
display:block;
padding:12px 9px 13px 10px;

}



#menu li ul{
	position: absolute;
	z-index:1000;	
	width: 260px;
	left: -999em;
	font-weight:bold;
	padding:0px;
	padding-top:1px;
	display:block;
	list-style:none;
}

#menu li ul li{
	color:#fff;
	background:url(/images/bgMenu.png);
	width:200px;
	border-bottom:1px solid #fff;
	z-index:1000;	
	padding:0px;
}

#menu li ul li a{
border-top:0px;
padding:8px 6px 8px 6px;
}

#menu li ul li:hover{
	width:200px;
	border-bottom:1px solid #fff;
	background:url(/images/bgMenuOver.png);
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	top:40px;
}

#menu a:link {color:#fff;text-decoration:none;}
#menu a:visited {color:#fff;text-decoration:none;}
#menu a:hover {color:#FFF;text-decoration:none;}
#menu a:active {color:#fff;text-decoration:none;}



/* Le Englobe
--------------------------------------------------------------------------------------- */

#englobe {
background:url(/images/bgContent.jpg) no-repeat;
float:right;
width:760px;
}


/* Liens
------------------------------------- */

a:link {color:#81a128;text-decoration:none;}
a:visited {color:#81a128;text-decoration:none;}
a:hover {color:#39480f;text-decoration:none;}
a:active {color:#81a128;text-decoration:none;}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
width:235px;
float:right;
}

#benevole{
display:block;
width:221px;
height:121px;
background:url(/images/ben_adm_free.jpg) top;
margin-top:40px;
margin-left:10px;
}

#admission{
display:block;
width:221px;
height:126px;
background:url(/images/ben_adm_free.jpg) bottom;
margin-left:10px;
cursor:default;
}

.centR{
margin:0 auto;
display:block;
}

/* Le contenu
--------------------------------------------------------------------------------------- */

#content{
float:right;
width:465px;

background:url(/images/bgCon.jpg) no-repeat;
padding:20px 20px 20px 40px;

}

#content strong{
text-transform:uppercase;
color:#000;

}


#chrono{
position:relative;
top:14px;
right:10px;
}

#title{
width:380px;
padding-left:85px;
padding-top:42px;
height:48px;
}


h1{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#e34121;
font-weight:bold;
}

h2{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#222;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h3{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#e34121;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h4{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#5e7519;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h5{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#222;
font-weight:bold;
padding:10px 0 20px 0 ;
}



h6{
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e34121;
padding:0 0 20px 0;
text-transform:uppercase;
}


.premierP{
padding-top:20px;
}

p {
color:#444444;
font-size:12px;
padding:0 0 20px 0;
text-align:justify;
}


ul{
list-style:disc;
padding-left:20px;
}


ul li{
padding-left:5px;
padding-bottom:10px;

}

table{
margin: 0 auto;
border: 1px solid #97bc28;
}

tr{

}

td{
padding:5px;
}

th{
background:#7e9a28;
padding:5px;
text-align:center;
color:#fff;
}

label{
display:block;
width:160px;
float:left;

}

input{
margin:5px;
	border:1px solid #97bc28;
}
input.bt{
	background:#e34121;
	border:1px solid #e34121;
	color:#FFF;
}

table p{
text-align:left;
}

/* LAlbum
------------------------------------------------- */

#album{

}

#album img{
border:1px solid #006600;
margin:5px;
}


#suivant{
float:right;
}

#album a.albumfirst{
display:block;
width:110px;
height:160px;
float:left;
text-align:center;
}

#album a:link {color:#444;text-decoration:none;}
#album a:visited {color:#444;text-decoration:none;}
#album a:hover {color:#666;text-decoration:none;}
#album a:active {color:#444;text-decoration:none;}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	background:url(/images/bgFooter.gif);
	width:760px;
	height:197px;
	position:relative;
}

#HDP{
position:absolute;
left:29px;
top:33px;
}

#commanditaire{
position:absolute;
right:2px;
top:20px;

}

#copyright{
position:absolute;
left:8px;
top:98px;
font-size:10px;
padding:0;
}
#copyright img{padding-bottom:3px;}

#copyright a:link {color:#444;text-decoration:none;}
#copyright a:visited {color:#444;text-decoration:none;}
#copyright a:hover {color:#444;text-decoration:underline;}
#copyright a:active {color:#444;text-decoration:none;}