@import url("reset.css");

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

#body{
background: #fff url(/images/bgBodyLong.jpg) top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body2{
background:url(/images/bgBodyTop.jpg) repeat-x;
}

a:link {color:#f15c22;}
a:visited {color:#f15c22;}
a:hover {color:#fed019;text-decoration:none;}
a:active {color:#f15c22;}

h1 {
position:absolute;
right:60px;
top:1px;
font-size:10px;
color:#35b8e4;
}

h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
color:#ff881f;
margin-top:3px;
margin-bottom:40px;
}
	
h3 {
font:Verdana, Geneva, sans-serif;
font-size:13px;
font-weight:bold;
color:#0765b5;
margin-bottom:18px;
}

h4 {
font:Verdana, Geneva, sans-serif;
font-size:13px;
font-weight:bold;
color:#ed5c23;
margin-bottom:18px;
}

h5 {
font:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#f15c22;
margin-bottom:14px;
}

h6 {
font:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#0765b5;
margin-bottom:18px;
}


p {font:Verdana, Geneva, sans-serif;font-size:11px;color:#0765b5;margin-bottom:18px;text-align:justify;}

ol{font-size:11px;margin-bottom:15px;}
ol li{list-style:decimal;}
ul {font-size:11px;margin-bottom:15px;}
li {list-style:disc; margin-left:20px;color:#0765b5;margin-bottom:5px;}


#page {
width: 950px;
margin: 0 auto;
}

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

#header {
width:950px;
height:212px;
background:url(/images/bgHeader.png) bottom no-repeat;
position:Relative;
}

#header #logo{
position:absolute;
left:87px;
top:78px;
}

#menu{
height:78px;
width:880px;
padding-left:70px;
background:url(/images/bgMenu.png);

}
#menu li{
list-style:none;	
margin:0px;
padding:0px;
float:left;
}
#menu img{
float:left;
margin:0px;
padding:0px;
}


/*
#menu ul{
width:900px;
padding-left:98px;
padding-top:10px;
}

#menu ul li{
float:left;	
}


#menu ul li a{
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
float:left;
padding-right:20px;
text-decoration:none;
}

#menu ul li span{
display:block;
float:left;
width:7px;
height:24px;
background:url(/images/separateur.gif) no-repeat;
padding-right:20px;
}
*/

/* Content
--------------------------------------------------------------------------------------- */

#content {
width: 950px;
background:url(/images/bgPage.png) repeat-y;
float:left;
}
	
#contentLeft{
width:502px;
background:url(/images/bgContentLeftTop.gif) no-repeat;
float:left;
margin-left:60px;
margin-top:30px;
padding:0 30px;
position:relative;
}
	


#contentRight{
width:238px;
float:left;
margin-left:30px;
}

.album{
color:#0975cb;	
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
margin-bottom:10px;
}

#albumthumbs img{
float:left;
margin:0 6px 6px 0;
border:1px solid #1da6de;
}

#albumthumbs img:hover{
border:1px solid #f15c22;
}

.voirPlusPhoto a:hover{
color:#f15c22;
}





.voirPlusPhoto{
width:238px;
text-align:right;
padding-top:5px;
clear:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#1da6de;
}
.voirPlusPhoto span{
font-size:18px;	
}

.voirPlusPhoto a{
color:#1da6de;
text-decoration:underline;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
}

#nouvelles{
width:238px;
background:#99ca40;
border:1px solid #77b800;
margin-bottom:20px;
}

#nouvelles h2{
background:url(/images/bgNouvelleTop.gif) repeat-x;
height:25px;
width:223px;
border-bottom:1px solid #77b800;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
padding:10px 0 0 15px;
margin:0;
}

#nouvellesIN{
padding:8px 15px 8px 13px;	
}

#nouvellesIN h3{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
margin-bottom:7px;
}

#nouvellesIN p{
color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
margin-bottom:14px;
text-align:justify;
}

#nouvellesIN img{
margin-bottom:14px;	
}

#nouvellesIN a{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight:bold;
color:#587f10;
text-decoration:none;
}
#nouvellesIN a:hover{
color:#fff;
}

.nouvelle a{
font-weight:bold;
text-decoration:none;
}

.nouvelle p{
margin-bottom:14px;	
}

p#allNews{
text-align:right;	
margin-bottom:5px;
}

p#allNews a{
color:#fff;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:10px;
text-decoration:underline;
}

#activites{
background:url(/images/activites.jpg);
width:504px;
height:210px;
margin-bottom:10px;
position:relative;
}

#calendrier{
padding:8px 0 0 40px;
width:164px;
}

#calendrier h2{
text-align:center;
font-size:18px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fe5d00;
margin-bottom:3px;
}

#calendrier th{
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
color:#fe5d00;
text-align:center;

}
#calendrier td{
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
color:#000;
background:url(/images/bgTd.gif) no-repeat center;
text-align:center;
width:18px;
height:15px;
padding:4px;
padding-top:2px;
padding-bottom:4px;
}

#calendrier td a{
background:url(/images/bgTd_hover.gif) no-repeat center;
display:block;
width:20px;
height:14px;
text-decoration:none;
color:#fff;
margin-left:-1px;

margin-bottom:-3px;
position:relative;
top:-2px;
padding-top:1px;
}

p.mois{
text-align:center;	
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#0e4a88;
margin-bottom:4px;

}

#activiteDescription{
position:absolute;
width:255px;
left:235px;
top:50px;
text-align:center;
}

#activiteDescription h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#fff;
padding-bottom:5px;
margin:0px;
text-align:center;
}

#activiteDescription p{
text-align:center;
color:#0b5f77;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding-bottom:5px;
line-height:14px;

}

#activiteDescription p#plusDeDetail a{
color:#fff;
font-size:10px;
font-weight:bold;
font-style:italic;
}

.albumphoto1{
float:left;	
}

.albumphoto1 img{
padding:3px;
border:1px solid #b1d9ea;
margin-right:15px;
margin-bottom:15px;
}

.albumphoto1 img:hover{
border:1px solid #1da6de;
}

.albumphoto2{
float:left;	
margin-top:10px;
background:#b1d9ea;
text-align:center;
width:156px;
margin-right:8px;
margin-bottom:8px;
font-size:11px;
padding-bottom:8px;
font-weight:bold;
border:1px solid #b1d9ea;
height:195px;
}

.albumphoto2:hover{
border:1px solid #1da6de;
}

.albumphoto2 a{
color:#3e687a;
text-decoration:none;
}



.albumphoto2 img{
padding:3px;

margin-bottom:5px;
background:#fff;
}

.albumphoto3{
float:left;	
margin-top:10px;
background:#b1d9ea;
text-align:center;
width:156px;
margin-right:8px;
margin-bottom:8px;
font-size:11px;
padding-bottom:8px;
font-weight:bold;
border:1px solid #b1d9ea;
height:195px;
color:#3e687a;
}

.albumphoto3:hover{
border:1px solid #b1d9ea;
}

.albumphoto3 a{
color:#3e687a;
text-decoration:none;
}



.albumphoto3 img{
padding:3px;

margin-bottom:5px;
background:#fff;
}



#contentLeft p#voirToutActivite{
color:#fe5d00;	
font-family:Verdana, Geneva, sans-serif;
font-size:9px;

text-align:right;

}


#contentLeft p#voirToutActivite a{
color:#fe5d00;	
font-family:Verdana, Geneva, sans-serif;


}


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

#footer {
clear: both;
width:950px;
height:115px;
background:url(/images/bgFooter.png);
margin-bottom:10px;
position:Relative;
}

#copyright{
color:#fff;	
position:absolute;
right:25px;
top:80px;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}
#copyright a{
color:#fff;	
}



/* 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;}