@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");

@import url("/skin/skin_default/styles.second.css");
/* ### ### ### ### ### ### ### ### */
/* asdf1 : partie générale */
/* ### ### ### ### ### ### ### ### */

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #3a82ce url(/images/bg-middle-full.gif) top center repeat-y;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}

form{margin: 0px;}

#logo-eva{}
#logo-eva a{display: block; margin: 39px 3px 0px 3px;}
#logo-eva img{border: none;}

#printp h1 { color:#5f7526; font-size:16px; padding:0px; margin:0px 0px 15px 0px; font-weight:bolder; line-height:20px;}
#printp h2 { color:#206ec9; font-size:14px; padding:10px 0px 0px 0px; margin:0px 0px 15px 0px;}
#printp h3 { color:#4c4c4c; font-size:12px; padding:0px; margin:0px;}
#printp h4 { color:#4c4c4c; font-size:12px; padding:0px; margin:0px;}
#printp h5 { color:#ff4d3a; font-size:10px; padding:0px; margin:0px;}
#printp h6 { color:#000000; font-size:10px; padding:0px; margin:0px;}

#printp p {padding: 0px; margin: 5px 0px 20px 0px; line-height: 1.4em; font-size: 12px;}

#printp p.paragraphe-image-centre{text-align: center; color: #999999; font-size: 9px; line-height: 1.3em;}
#printp p.paragraphe-image-centre img {padding: 3px; border: 1px solid #dcdcdc; margin-bottom: 3px;}

#printp p.paragraphe-image-gauche{text-align: center; float: left; margin: 0px 15px 15px 0px; color: #999999; font-size: 9px; line-height: 1.3em;}
#printp p.paragraphe-image-gauche img {padding: 3px; border: 1px solid #dcdcdc; margin-bottom: 3px;}

#printp p.paragraphe-image-droite{text-align: center; float: right; margin: 0px 0px 15px 15px; color: #999999; font-size: 9px; line-height: 1.3em;}
#printp p.paragraphe-image-droite img {padding: 3px; border: 1px solid #dcdcdc; margin-bottom: 3px;}

#printp a.lien-mailto {display:block; width:100px;;padding-left:20px; padding-top:5px; margin-top:5px; margin-left:10px; background:url(/images/icone-mailto.gif) no-repeat left}

#printp ol { padding:10px; padding-left:15px; margin:13px; line-height: 1.4em; font-size: 12px;}
#printp ol li {	margin:0px;	padding-left: 0px;}

#printp p.paragraphe-boite-grise {border:1px solid #CCCCCC; background:#F0F0F0; padding: 10px; color: #666666; margin: 15px 0px;}

#printp span.span-texte-vert{color:#5f7526;}
#printp span.span-texte-bleu{color:#206ec9;}

ul { padding:10px; margin:0px;}
ul li { 
	margin:0px;
	padding-left:15px;
	background-image: url(/images/bullet-rondvert.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	list-style-type:none;
	font-size:11px;
	
}

ol { padding:10px; padding-left:15px; margin:13px;}
ol li {	margin:0px;	padding-left:00px;}

a {	color:#2773cb;}
a:hover {color:#64952b;	text-decoration:none;}



/* ### ### ### ### ### ### ### ### */
/* asdf2 : partie layout */
/* ### ### ### ### ### ### ### ### */


#mholder{background: url(/images/bg.gif) top left repeat-x;}
#mholder div.htop{background: url(/images/bg-holder-top.jpg) top center no-repeat; width:100%;}


#top{background: url(/images/bg-middle.gif) top left repeat-y;}
#top div.top{background: url(/images/bg-top.jpg) top center no-repeat;}
#top div.bottom{
	height: 700px;
}	html > body #top div.bottom{height: auto; min-height: 700px;}

#feuille{
	background: none; /*url(/images/bg-feuille.gif) center 232px no-repeat;*/
}

div.page{
	margin: 0 auto;
	padding: 0px;
	width: 750px;
	text-align: left;
}

#printp {margin-top:10px; padding: 0px 10px;}
#content.accueil #printp{padding: 0px;}

#header{
	height: 104px;
	width:750px;
}	html > body #header{height: auto; min-height: 104px;}


	#main-top {
		padding-top:16px;
		text-align: right;
		padding-right: 40px;
	}
	
		#main-top #btn-recherche { 
			height:18px;
			vertical-align:middle;
			padding-left:4px;
			padding-top:3px;
		}
#header div.counter{
	font: 9px Arial, Helvetica, sans-serif;
	float: right;
	width: 180px;
	letter-spacing: 0.03em;
	padding-top: 24px;
	padding-left: 29px;
	background: url(/images/gaz.gif) 0px 27px no-repeat;
	text-align: left;
	margin-right: -10px;
}
#header div.counter strong{
	display: block;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#header div.counter strong span{
	font-size: 12px;
	letter-spacing: -0.08em;
}
#header div.counter a{
	color: #FFFFFF;
	text-decoration: none;
}
#header div.counter a:hover,
#header div.counter a:hover strong{
	color: #FFFFFF;
	text-decoration: underline;
}


#top div.colleft{
	float: left;
	width: 173px;
}
#top div.colright{
	float: left;
	width: 562px;
}	
#banniere-menu{
	background:url(/images/fond-vert.gif) top left no-repeat;
	padding:12px 0px 0px 12px;
	margin-top:30px;
}

/* ### ### ### ### ### ### ### ### */
/* asdf4: partie content */
/* ### ### ### ### ### ### ### ### */	
	
#content {
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
/*	padding-left:12px;
	padding-right:12px;*/
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	padding-bottom:15px;
	line-height:120%;
}
#content.accueil {margin:0px;margin-top:10px;}
#content.accueil #img-main {margin:0px 12px;}

#menu-ico {
	padding-top:5px;
	padding-bottom:6px;
	display:block;
	text-align:right;
	padding-right:10px;
}

	#menu-ico img {padding-left:10px;}
	
#main-content { 
	width:280px;
	float:left;
	padding-left:20px;
	padding-bottom:20px;
}

#main-snip {
	background-image:url(/images/content-snip.gif);
	background-repeat:no-repeat;
	margin-left:46px;
	margin-right:10px;
	margin-top:5px;
	padding-top:15px;
	padding-left:10px;
	width:194px;
	height:194px;
	float:right;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1565c8;
	/*font-weight:900;*/
}
#main-snip h1{
	color:#1565c8;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	line-height: 1em;
	font-size: 18px;
}

	#main-snip img { padding-left:47px;}
	
	#main-snip-content{
		margin-right: 5px;
		padding-top:5px;
		padding-left:0px;
		padding-right:5px;
		font-size: 70%;
		color:#024393;
	}
	#main-snip-content p{
		padding: 8px 8px 0px;
		margin: 0px 0px 5px 0px;
	}
	#main-snip-content{
	}
	
/* ### ### ### ### ### ### ### ### */
/* asdf5 : partie communiqué-événement */
/* ### ### ### ### ### ### ### ### */	

	
#menu-blue {
	clear:both;
	background-image:url(/images/dg-modules.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:40px;
	color:#EEEEEE;
	font-weight:bold;
	font-size:14px;
}

#communique img {
	float:right;
	border:none;
}

#communique .com-tit { 
	color:#0159c5;
	font-weight:bold;
	font-size:12px;
	display:block;
 }

#communique .com-con{
	display:block;
	width:210px;
}

#communique .date {font-weight:bold; color:#4b4b4b;}

#communique a:link { color:#4c4c4c; font-weight:normal; text-decoration:none;}
#communique a:visited { color:#4c4c4c; font-weight:normal; text-decoration:none;}
#communique a:hover {cursor:pointer; text-decoration:underline;}

#calendrier {
	float:right;
	padding-top:12px;
	display:inline;
	height:132px;
	background-image:url(/images/dg-calendrier.gif);
	background-repeat:repeat-x;
	margin-right:1px;
}


#basmain {
	clear:both;
	height:18px;
}

/* ### ### ### ### ### ### ### ### */
/* asdf6 : partie communiqué-événement */
/* ### ### ### ### ### ### ### ### */	

#footer div.page{
	text-align: center;
	padding-bottom:10px;
	padding-top:10px;
	color:#c3d6ad;
	font-size:80%;
	line-height: 1.3em;
}
#footer div.page div{
	margin: 0px 15px 0px 172px;
}
#footer div.page a{color:#e0ead4; font-weight:normal;}
#footer div.page a:hover {color:#FFFFFF;}

#btntop{
	text-align: right;
	padding: 15px 35px 15px 0px;
	background: url(/images/bg-bottom.gif) bottom left no-repeat;
}
	#btntop a{
		font-size: 9px;
		font-weight: bold;
		background: url(/images/arrow-top.gif) 0px 3px no-repeat;
		padding-left: 11px;
	}
	
div.moredetails{
	padding: 10px 5px 0px 5px;
	font-size: 10px;
	font-weight: bold;
}
#calendrier div.moredetails{
	margin: 5px 0px 0px 8px;
}
#calendrier div.moredetails a{
	text-decoration: underline !important;
	font-weight: bold !important;
	color: #2773cb !important;
	background: url(/images/bg-events.gif) 0px 0px no-repeat;
	padding: 0px 0px 3px 19px;
	display: block;
	float: left;
}
#calendrier div.moredetails a:hover{
	text-decoration: none !important;
	color: #64952b !important;
}

/*##################################################
				Gestion des erreurs
####################################################*/

div#publicerror, div#publicerrorErr
{
	color:#FF0000;
}