@import url("reset.css");

body {
background: #fff;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#000;
}

#body{
background:#46ade2 url(/images/bgBody.jpg) repeat-y center top;	
}


a:link {color:#005ba0;}
a:visited {color:#005ba0;}
a:hover {color:#005ba0;text-decoration:none;}
a:active {color:#005ba0;}


h1,h2,h3,h4,h5,h6{
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}

h1 {font-size:20px;
color:#31769f;
margin-bottom:16px;
}

h2 {
font-size:20px;
color:#31769f;
margin-bottom:16px;
}

h3 {
font-size:16px;
color:#31769f;
margin-top:22px;
text-transform:uppercase;
}

h4 {
font-size:20px;
color:#ff0000;
margin-top:10px;
}

h5 {
font-size:14px;
color:#31769f;
margin-top:10px;
margin-bottom:10px;
}

h6 {
font-size:14px;
color:#ffa200;
margin-bottom:16px;
}

p {
text-align:justify;
font:11px/14px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
padding:7px 0 3px 0;
}

strong, b{color:#31769f;font-weight:bold;}

/*ol {}
ol li{margin-left:15px;list-style:decimal;font-size:11px;margin-bottom:10px;}
ul {}
ul li {margin-left:15px;font-size:11px;margin-bottom:10px;}
li {list-style-image:url(/images/puce.gif);}*/




form {}
input, select {
background:#ffee92;
border:1px solid #ffb400;
}
	input.bt{
	border:none;
	background-color:#ffb400;
	color:#31769f;
	text-transform:uppercase;
	font-weight:bold;
	}
	

	
	
textarea {
background:#ffee92;
border:1px solid #ffb400;
}
label {}
fieldset {}
legend {}



#page {
width: 760px;
margin: 0 auto;
position:relative;
}

#social {left:-83px;position:absolute;top:190px;width:50px;}
#social #fp {background:url(/images/bg-social.jpg) no-repeat top left;height:242px;padding:11px 0 0 7px;position:fixed;width:73px;}
#social .font-size {background:url(/images/bg-font-size.gif) no-repeat top left;float:left;height:21px;margin:0 0 0 3px;padding:3px 0 0 11px;width:48px;}
#social .font-size a {float:left;height:18px;width:17px;}
#social .font-size a.small {background:url(/images/btn-small.gif) no-repeat top left;margin:0 5px 0 0;}
#social .font-size a.large {background:url(/images/btn-large.gif) no-repeat top left;}
#social .font-size span {display:none;}
#social a.print {background:url(/images/btn-print.gif) no-repeat top left;display:block;height:16px;margin:13px 0 11px 3px;width:59px;}
#social a.share {background:url(/images/btn-share.gif) no-repeat top left;display:block;height:21px;margin:0 0 0 3px;width:59px;}
#social a.print span,
#social a.share span {display:none;}


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




#header {
width: 760px;
height:192px;
background:url(../images/bgHeader.jpg);
position:relative;
z-index:999;
}

#logo{
position:absolute;
left:14px;
top:34px;
}

#menu{
text-align:center;
padding-top:165px;
padding-left:20px;
}

#menu li{
color:#005ba0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
position:relative;
float:left;
list-style:none;
margin:0px;
z-index:1000;
}

#menu li a{
float:left;	
text-decoration:none;
color:#005ba0;
}

#menu li li a{
float:none;	
}

#menu li span{
display:block;
float:left;
width:6px;
height:17px;
background:url(/images/separateur.jpg);
margin:0px 11px;
}

#menu li ul {
position: absolute;
width: 162px;
background:url(/images/bgSousmenu.gif);
top:17px;
left: -999em;
padding-top:10px;
z-index:1001;
}

#menu li ul li{
display:block;
width:162px;
text-align:center;
font-size:11px;
}

#menu li ul li a{
color:#005ba0;
display:block;
width:156px;
text-align:center;
border-bottom:1px solid #005ca1;
padding:5px 3px;
}

#menu li ul li a:hover{
	color:#fff;	
}

#menu li:hover ul ul, #menu li.sfhover ul ul {     
left: -999em; 
} 

#menu li ul li ul {     
margin: -18px 0 0 181px; 
background:url(/images/bgSousmenu2.gif);
padding-top:2px;
} 

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: -20px; visibility: inherit;
}






/*sous-menu à modifier 
#menu li ul{
	display:none;
}

#menu li:hover ul {
	display:block;
	position:absolute;
	top:15px;
	left:-3;
	z-index:999;
	border-top:1px solid #aaa; 
}
#menu li ul li {
	display:block;
	float:none;
	width:100px;
	margin:0;
}
#menu li ul li a {
	display:block;
	text-align:left;
	padding:3px;
	margin:0px; 
	width:120px;
	background:#f0f0f0; 
	border:1px solid #aaa;
}
*/


/*fin sous-menu à modifier*/

#troisChoix{
position:absolute;
right:5px;
top:2px;
}

#troisChoix li{
float:left;	
padding-right:5px;
padding-left:5px;
margin:0px;
list-style:none;
}

.bgSep{
background:url(/images/separateurLi.jpg) right no-repeat;	
}

#troisChoix li a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
position:relative;
top:-4px;
}


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

#content {
width:760px;
background:url(/images/bgPage.jpg) repeat-y;
float:left;
}

#contentLeft{
float:left;
width:547px;
padding-bottom:88px;
background:url(/images/bgContentLeftBottom.jpg) bottom no-repeat;
min-height:620px;
height:auto !important;
height:620px;

}

#contentLeftPadding{
padding:0 20px 0 14px;
width:513px;
}


#contentLeft table {border:1px solid #3176ab;}
#contentLeft th {background:#3176ab; color:#FFFFFF; font-weight:bold;}
#contentLeft td, #contentLeft th {border:1px solid #3176ab; padding:5px;}

#contentLeft table.simple, #contentLeft table.simple td {border:0; padding-right:8px; padding-left:0px;}

#contentLeft table.pdf {border:1 solid #3176ab; padding:8px; background-color:#cde7f5;}
#contentLeft table.pdf td {border:0;}


#contentLeft ul{
	margin:0;
	padding:0;
	border-top:1px dashed #f7b617;
	clear:both;
}
	#contentLeft ul li{
		border-bottom:1px dashed #f7b617;
		padding:6px 3px 6px 13px;
		background:url(/images/bullet-list.gif) 3px 7px no-repeat;	
	}
	#contentLeft ul.liens li{
		padding:0;
		background:none;
	}
		#contentLeft ul.liens li a{
			background:url(/images/bullet-list.gif) 3px 7px no-repeat;
			text-decoration:none;
			/*color:#000;*/
			display:block;
			padding:6px 3px 6px 13px;
		}
		#contentLeft ul.liens li a:hover{
			background:#ffee92 url(/images/bullet-list-o.gif) 3px 7px no-repeat;
		}

/*ol {}
ol li{margin-left:15px;list-style:decimal;font-size:11px;margin-bottom:10px;}
ul {}
ul li {margin-left:15px;font-size:11px;margin-bottom:10px;}
li {list-style-image:url(/images/puce.gif);}*/


#filDariane{
width:511px;

background:url(/images/bgContentLeftTop.jpg);
padding:13px 18px 18px 18px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
line-height:17px;
}

#filDariane p{
	padding:0;
	margin:0;
	width:370px;
}

#sidebar{
width:213px;
float:left;
background:url(/images/bgSideBar.jpg) top no-repeat;
padding-top:0px;
position:relative;
}
#sidebar.sidebar-2011 {background:url(/images/bg-sidebar.jpg) top no-repeat;padding:43px 0 0;}




#sidebar img{
float:left;	
}

#recherche{
width:213px;
height:83px;
background:url(/images/Recherche.jpg);
position:relative;
}

#recherche input{
position:absolute;
top:32px;
left:60px;
background:#ffee92;
border:1px solid #ffb400;
width:130px;
}

#recherche a{
position:absolute;
left:130px;
top:62px;
text-decoration:none;
}

#actualites{
width:276px;
float:left;
background:url(/images/actualiteMilieu.jpg);
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
}

#actualites.actualites-2011 {background:url(../images/bg-news-repeat.gif) repeat-y top left;float:none;margin:0 0 13px;width:540px;}
#actualites.actualites-2011 #actualitesTop {background:url(../images/bg-news-top.gif) no-repeat top left;margin:0;padding:0;width:540px;}
#actualites.actualites-2011 #actualitesBottom {background:url(../images/bg-news-bottom.gif) no-repeat bottom left;padding-top:22px;position:relative;width:485px;z-index:1;}
#actualites.actualites-2011 #actualitesBottom #toutActu {margin:0;position:absolute;right:18px;top:0;width:auto;top:7px;z-index:2;}
#actualites.actualites-2011 #actualitesBottom h2 {margin:0;}
#actualites.actualites-2011 #actualitesBottom h2 a {color:#000;font-weight:bold;text-decoration:none;}
#actualites.actualites-2011 #actualitesBottom p {margin:0;padding-top:4px;}
#actualites.actualites-2011 #actualitesBottom p.actuDate {padding-top:15px;}
#actualites.actualites-2011 #actualitesBottom p.contentBorder {padding-bottom:25px;}

#actualites #toutActu{
display:block;
width:226px;
text-align:Right;

}

#actualites p{
font-size:11px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";	
margin-bottom:5px;
}

#actualites span{
color:#005ba0;
}

#actualites h2{
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
margin-bottom:5px;
color:#000;
}

.actuDate{
text-align:right;
margin-bottom:0px;
}

.contentBorder{
padding-bottom:8px;
border-bottom:1px solid #6eb9f2;
}

#actualites hr{
color:#6eb9f2;
height:1px;
}

#actualitesTop{
width:276px;
padding-top:15px;
background:url(/images/actualiteTop.jpg) top no-repeat;
}

#actualitesBottom{
width:231px;
padding:0 20px 30px 25px;
background:url(/images/actualiteBottom.jpg) bottom no-repeat;
}

#capsule{
width:264px;
float:left;
background:url(/images/capsuleMiddle.jpg) bottom repeat-y;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
}

#capsule.capsule-2011 {background:url(/images/bg-capsule-repeat.gif) repeat-y top left;width:540px;}
#capsule.capsule-2011 #capsuleTop {background:url(/images/bg-capsule-top.gif) no-repeat top left;padding:7px 0 0;width:540px;}
#capsule.capsule-2011 #capsuleBottom {background:url(/images/bg-capsule-bottom.gif) no-repeat bottom left;position:relative;width:540px;}
#capsule.capsule-2011 #capsuleContent {margin:0;padding:0 0 0 25px;width:350px;}
#capsule.capsule-2011 #capsuleContent #toutArchives {margin:0;position:absolute;right:36px;top:7px;}
#capsule.capsule-2011 #capsuleContent h2 {clear:both;color:#000;font-size:12px;font-weight:bold;margin:0;padding:33px 0 15px;}
#capsule.capsule-2011 #capsuleContent p {padding:0 0 1px;}

#capsule span{
color:#005ba0;
}

#capsuleContent{
width:115px;
float:left;
margin-left:16px;
height:150px;
}

#capsuleContent h2{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
margin-bottom:4px;
}

#capsuleContent p{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
margin-bottom:4px;
}

#capsuleContent span{
color:#005ba0;
}

#capsuleImage{
width:110px;
height:110px;
margin-top:22px;
background:#fff;
position:absolute;
top:-150px;
right:20px;
}

#capsuleImage.capsuleimage-2011 {left:400px;top:-148px;}

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

#capsuleContent p{text-align:left;}




#toutArchives{
display:block;
width:210px;
text-align:right;
margin-bottom:15px;
}

#capsuleTop{
width:264px;
padding-top:15px;
float:left;
background:url(/images/capsuleTop.jpg) top no-repeat;
}

#capsuleBottom{
width:264px;
height:150px;
background:url(/images/capsuleBottom.jpg) bottom no-repeat;
}


#confidentialite{
width:547px;
text-align:center;
clear:left;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
font-weight:bold;
position:absolute;
left:15px;
top:-36px;
color:#fff;
}
#confidentialite span{
font-size:10px;
padding-top:5px;
}

#confidentialite a{
color:#fff;
}

#confidentialite a:hover{
text-decoration:none;
}

/*------- PARTENAIRES ------------*/
#partenaires h5{text-transform:uppercase; margin-top:0;}
#partenaires div.hr{background:none; height:1px;border-bottom:1px dashed #f7b617; margin:10px 0;}


/*------- CALENDRIER ------------*/
#calendrier{
clear:left;
width:213px;
background:url(/images/calendrierMilieu.jpg) repeat-y;

}

/*JOURS DE LA SEMAINE*/
#top{
	clear:left;
	width:213px;
	height:48px;
	background:url(/images/calendrierTop.jpg);
}
	#calendrier th{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif, "Century Gothic";
		color:#000;
		text-align:center;
		border:0;
		font-weight:normal;
	}

#bottom{
	clear:left;
	width:213px;
	height:41px;
	background:url(/images/calendrierBottom.jpg);
}
	#bottom p{
		color:#005ba0;	
		padding:6px 0 0 17px;
	}
		#bottom p a{
			color:#005ba0;	
		}

#calendrier table{
	margin-left:17px;
	border:0;
}

#calendrier img{
	float:none;	
}
#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 td{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	background:url(/images/bgTd.gif) no-repeat center;
	text-align:center;
	width:20px;
	height:15px;
	padding:4px;
	border:0;
}
	#calendrier td a{
		background:url(/images/bgTd_hover.gif) no-repeat center;
		display:block;
		width:24px;
		height:16px;
		text-decoration:none;
		color:#000;
		padding-top:2px;
	}

p.mois{
	text-align:center;	
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#005ba0;
	margin-bottom:2px;
	padding:12px 0 0 0;
	text-transform:uppercase;
}
/*------- FIN CALENDRIER ------------*/

.mini {font-size:10px;}


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

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

#footer img{
position:absolute;
right:10px;
bottom:30px;
}

#footer p{
color:#6e3308;
padding-left:15px;
padding-top:50px;
}

#footer p a{
color:#6e3308;	
}

.toolbarRow img{
margin:0px;
padding:0px;
border:0px;
}

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

.droitecontour {float:right; margin:8px 0 0 10px; border:1px solid #3176ab;}
.droite {float:right; padding:5px 0 0 5px; border:0;}
.gauche {float:left; padding:0 5px 0 0; border:0;}

#a2apage_dropdown {position:fixed !important;}