/************************************************************************
RESET CSS
************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 	{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/************************************************************************
GENERAL
************************************************************************/
	ul,li{list-style:none;}
	body{ background:url(../img/fond.gif);font-family:Arial;font-size:12px;}
	#mainpage{text-align:left;}
	
	li.corps table.spip{width:90%; margin:10px;}
	.corps table.spip th {background-color:#39C; color:#FFF; border-color:#000}
	
	h2{font-size:18px;}
	h3{color:#3389ab;font-style:italic;font-weight:bold;}
	bold{font-weight:bold;}
/*********** POPUPS *************/
.selectRubrique{
	width:100%;
	height:800px;
	position:absolute;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	display:block;
	display:none;
	z-index:100;
   	border:solid 2px black;
}
.selectRubrique .in {
	/*background-color:#FFF;*/
	background-image:url(../img/fond-section.png);
	background-repeat:repeat-y;
	opacity:0.92;
	position:relative;
	left:75px;
	top:45px;
	width:820px;
	height:585px;
}

li.vignette{
	float:left;
	display:block;
	width:150px;
	height:150px;
	text-align:center;
	margin:0px 25px 0px 25px;
}

li.vignette ul li{
	float:left;
	width:100%;
	display:block;
}

li.vignette ul li.titre, li ul.vide li.titre{
	text-decoration:none;
	color:#008bd6;
	line-height:40px;
	background:none;
}

li ul.vide li.titre{
	text-decoration:none;
	color:#008bd6;
	height:40px;
	background:none;
}

li ul.vide li{
	height:100px;
	background:url(../img/vide.png) no-repeat center;
	background-position:0px 0px 0px 10px;
}

ul.padding-haut {
	display:block;
	position:relative;
	opacity:0.92;
	left:74px;
	top:45px;
	height:30px;
	width:820px;
	background-image:url(../img/haut-section.png);
}

ul.padding-bas {
	display:block;
	position:relative;
	opacity:0.92;
	left:74px;
	top:45px;
	height:30px;
	width:820px;
	background-image:url(../img/bas-section.png);
}

/************************************************************************
TOP
************************************************************************/
	
	#containerTop{background:url(../img/bgtop.jpg); background-position:center top;z-index:-10; height:190px; margin-bottom:30px;}
	.logo{height:120px;padding-top:40px;width:950px; margin:auto;}
	.logo a{display:block;width:100%; height:100%;}
	
	/************************************
	Top navigation
	************************************/
	.nav{background:url(../img/fondnav.gif);background-repeat:repeat-x;overflow:auto;height:38px;}
	.nav ul{overflow:hidden;margin:auto;width:900px;}
	.nav ul li{float:left;margin-right:20px;padding:10px 10px 10px 10px;}
	.nav ul li:hover{background:url(../img/fond_NavHover.png)}
	.nav li a{color:white;text-decoration:none;display:block; width:100%; height:100%; cursor:pointer}
	

	
/************************************************************************
CONTENT
************************************************************************/
	#containerContent{
		background:url(../img/content.png);
		background-position:bottom; 
		background-repeat:no-repeat;
		width:100%;
		overflow:auto;
		float:left;
		padding-bottom:150px;
	}
	
	.page{width:960px;margin:auto;position:relative;overflow:auto;}
	.encart{width:100%;background-position:top left; background-repeat:no-repeat;overflow:auto;}
	.encart h1{display:block; float:left;font-size:35px; margin-left:15px;color:#10a1ca;margin-top:10px; width:90%;}
	.encart .spip_logos{float:left;}

	
	/************************************
	Blocs content
	************************************/
	
	li.blocGauche{
		display:block;
		overflow:auto;
		width:510px;
		float:left;
		padding:0px;
		margin-left:5px;
		margin-top:5px;
		}
	
	li.blocDroit{
		display:block;
		width:350px;
		overflow:auto hidden;
		float:left;
		padding:0px;
		margin-left:15px;
		margin-top:5px;
	}
	
	li.corps ul.doc{display:bloc; height:70px;}
	
/************************************************************************
SOUS BLOCS
************************************************************************/
#photos {
	left:9px;
    margin-left:9px;
}
/*.panel img{margin-left:9px}*/
#photos_article .panel-overlay {
    text-align: center;
	color:#FFF;
}
	.sousbloc{margin-bottom:20px;color:#555150;overflow:auto;}
	.sousbloc h2{padding-left:10px;margin-left:10px;color:white;background:url(../img/puce.png);background-position:center left; background-repeat:no-repeat;}
	
	
	/************************************
	STYLE DES SOUS BLOCS
	************************************/
	.sousbloc li.bleu,.sousbloc li.vert,.sousbloc li.jaune{margin-left:3px;margin-right:2px; height:40px; line-height:40px;}
	.bleu{	background:url(../img/fondTitrageBleu.jpg);	} /*1297be*/
	.vert{	background:url(../img/fondTitrageVert.jpg);	} /*9cc110*/
	.jaune{	background:url(../img/fondTitragejaune.jpg);} /*efad00*/
	.blocGauche .sousbloc .piedjaune{height:20px;padding-top:10px;background:url(../img/fond_SBGF_jaune.png);overflow:auto;margin-top:-3px;}
	.blocGauche .sousbloc .piedbleu{height:20px;padding-top:10px;background:url(../img/fond_SBGF_bleu.png);overflow:auto;margin-top:-3px;}
	.blocGauche .sousbloc .piedvert{height:20px;padding-top:10px;background:url(../img/fond_SBGF_vert.png);overflow:auto;margin-top:-3px;}
	
	.blocDroit .sousbloc .top{height:20px;background:url(../img/fond_SBDT.png);}
	.blocDroit .sousbloc li.corps{background:url(../img/fond_SBDC.png);overflow:hidden}
	.blocDroit .sousbloc .footer{height:25px;padding-top:0px;background:url(../img/fond_SBDF.png);overflow:auto;background-repeat:no-repeat;}
	
	/************************************
	Bloc date actualité
	************************************/
	
	.corps ul li.date{
		color:white;
		float:left;
		background:url(../img/fondDateActu.png);
		background-position:top left; 
		background-repeat:no-repeat;
		padding:10px;
		margin-right:10px;
		width:20px;
	}
	
	.corps{padding-left:12px;padding-top:10px;padding-right:10px;background:url(../img/fond_SBGC.png);overflow:hidden;}
	
	.actu .corps ul{clear:both;margin-bottom:25px;margin-top:5px;overflow:hidden; margin-left:10px;}
	.actu ul li{overflow:auto hidden; float:left; width:80%;}
	.actu h3{ font-size:16px; margin-top:-4px; }
	.actu p{display:block; float:left; width:100%; }
	.actu a.enSavoirPlus{float:left; display:block; width:78px; line-height:9px;text-decoration:none;background:#86b719;color:white;padding:5px; font-size:9px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.actu a:HOVER{ background-color:#090}
	.actu .pagination_spip{float:right;margin:auto;position:relative;}
	.actu .pagination_spip a, .actu .pagination_spip span.on{display:block; float:left; text-align:center; width:10px; height:10px; line-height:10px; padding:5px; background-color:#6CF; color:#FFF; margin-left:5px;-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.actu .pagination_spip span.on{background-color:#069;}
	.actu .pagination_spip span.onText{display:block; float:left; text-align:center; width:auto; height:10px; line-height:10px; padding:5px; background-color:#000; color:#FFF; margin-left:5px;-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	
	.corps .item{ width:46%;float:left; margin-right:15px; MARGIN-BOTTOM:10PX; }
	.corps .item h3{ font-style:normal; margin-left:60px; display:block; background-color:#1297be; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:5px; paddin-left:10px; color:#FFF; }	
	.corps .item span{margin:0px; margin-left:60px; display:block; }
	.corps .bleu h3{ background-color:#1297be; color:#FFF; }.corps .vert h3{ background-color:#9cc110; color:#FFF; }.corps .jaune h3{background-color:#efad00; color:#FFF; }
	.corps .bleu, .corps .vert, .corps .jaune{background:none;}
	
	.miniature{width:50px;float:left;text-align:center;margin-right:10px;overflow:auto hidden; margin-left:3px;}
	.miniature a{background:white;}


/************************************************************************
PLANNING
************************************************************************/
.corps table{ font-size:11px; color:#333; width:504px; margin-top:-10px; margin:-10px; margin-left:-8px; margin-bottom:10px; border-bottom:1px solid #CCC }
.corps table span.first{ margin-left:10px;}
.corps table span.jour{ display:block; background-color:#9C0; width:30px; padding:0px; padding-left:4px; padding-right:4px; color:#FFF; font-size:12px; margin:3px; height:15px; line-height:15px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px;text-align:center; margin-left:10px;}
.corps table span.jourDate{ display:block; background-color:#066; width:60px; padding:0px; padding-left:4px; padding-right:4px; color:#FFF; font-size:12px; margin:3px; height:15px; line-height:15px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px;text-align:center; margin-left:10px;}
.corps table th{ background-color:#CBE1A7; font-size:12px; color:#000; line-height:30px; height:30px;}
.corps table tr{margin-left:20px; margin-right:5px;}
.corps table td{border-top:1px solid #CCC; height:25px;}
.corps table td span.important{color:#F00; font-weight:bold}

	
/************************************************************************
FOOTER
************************************************************************/
	
	#containerFooter{
		width:100%;
		height:50px;
		background:url(../img/fondfooter.jpg);
		bottom: 0;
		float:left;
	}
		
/************************************************************************
TYPOS
************************************************************************/
p{color:#666; line-heigh:1em; margin-bottom:5px;}	

/************************************************************************
CLASSES SPIP
************************************************************************/
.spip_logos{overflow:hidden}
.corps ul li img.spip_logos{padding-right:10px; padding-bottom:10px;}
.ajaxbloc{overflow:hidden}

/* ***************** */
/*  SPRITES AGENDA */
/* ***************** */
.spriteAgenda {display:block;background:url(../img/spriteAgenda.png); background-repeat:no-repeat;width:27px; margin-left:-4px; margin-top:-3px;}
.jour{height:15px; }
.mois{height:9px;margin-top:2px;}
.annee{height:8px;margin-top:0px;}

.j1{background-position:0px 0px;}
.j2{background-position:0px -20px;}
.j3{background-position:0px -40px;}
.j4{background-position:0px -60px;}
.j5{background-position:0px -80px;}
.j6{background-position:0px -100px;}
.j7{background-position:0px -120px;}
.j8{background-position:0px -140px;}
.j9{background-position:0px -160px;}
.j10{background-position:0px -180px;}
.j11{background-position:0px -200px;}
.j12{background-position:0px -220px;}
.j13{background-position:0px -240px;}
.j14{background-position:0px -260px;}
.j15{background-position:0px -280px;}
.j16{background-position:0px -300px;}
.j17{background-position:0px -320px;}
.j18{background-position:0px -340px;}
.j19{background-position:0px -360px;}
.j20{background-position:0px -380px;}
.j21{background-position:0px -400px;}
.j22{background-position:0px -420px;}
.j23{background-position:0px -440px;}
.j24{background-position:0px -460px;}
.j25{background-position:0px -480px;}
.j26{background-position:0px -500px;}
.j27{background-position:0px -520px;}
.j28{background-position:0px -540px;}
.j29{background-position:0px -560px;}
.j30{background-position:0px -580px;
}.j31{background-position:0px -600px;}

.m01{background-position:-50px 0px;}.m02{background-position:-50px -20px;}.m03{background-position:-50px -40px;}.m04{background-position:-50px -60px;}.m05{background-position:-50px -80px;}.m06{background-position:-50px -100px;}
.m07{background-position:-50px -120px;}.m08{background-position:-50px -140px;}.m09{background-position:-50px -160px;}.m10{background-position:-50px -180px;}.m11{background-position:-50px -200px;}.m12{background-position:-50px -220px;}

.a2010{background-position:-100px 0px;}.a2011{background-position:-100px -20px;}.a2012{background-position:-100px -40px;}.a2013{background-position:-100px -60px;}.a2014{background-position:-100px -80px;}.a2015{background-position:-100px -100px;}
.a2016{background-position:-100px -120px;}.a2017{background-position:-100px -140px;}.a2018{background-position:-100px -160px;}.a2019{background-position:-100px -180px;}.a2020{background-position:-100px -200px;}

/************************************************************************
LIGHTBOX
************************************************************************/

.cee_html ul{display:block; width:1020px; margin:auto; overflow:auto hidden; margin-top:15px;}
.cee_html ul li{display:block; float:left; width:150px; height:150px; margin:10px; background-color:#0C0}
.cee_html ul li a{width:100%; height:100%; display:block;}
.cee_html ul li a img{}
.cee_html ul li a.txt{ text-align:center; height:30px; margin-top:-20px; font-size:14px}