
#contenu{
	margin:0 0 0 4px;
	position:relative;
	display:block;
	z-index:1;
	width:983px;
background:#2D3134;
	text-align:left;
	
}

#contenu h1{
	display:block;
	font-size:18px;
	width:auto;
	max-width:650px;
	color:#F07D00;
	margin:0 10px 15px;
	padding-top:10px;
}
#contenu h2{
	display:block;
	font-size:14px;
	width:auto;
	max-width:650px;
	color:#84D1E6;
	padding-top:5px;
	
	margin:0 20px 10px;
}
#contenu h3{
	display:block;
	font-size:14px;
	width:auto;
	max-width:650px;
	font-weight:normal;
	color:#84D1E6;
	padding-top:5px;
	
	margin:0 20px 10px;
}

#contenu h4{
	color:#FFF;
	margin:0 20px 5px;
	font-weight:normal;
	text-transform:uppercase;
}
#contenu p{
	display:block;
	width:auto;
	max-width:650px;
	line-height:16px;
	font-size:12px;
	margin:0 20px 10px;
	
	color:#FFF;
}

#contenu hr{
	text-align:center;
	border-top:1px solid #FFF;
	width:150px;
	margin:20px auto;
} 



#contenu u{
	text-decoration:underline;
}

#contenu blockquote:before{
	content:"«"; 
}

#contenu blockquote{
	margin:5px 20px;
	padding:10px;
	color:#CCC;
	background:#44494E;
	border:1px dotted #51595E;
}
#contenu blockquote:after{
	content:"»"; 
}


#contenu a{
	color:#F07D00;
	text-decoration:none}
#contenu a:hover{
	text-decoration:underline}
	

#contenu ul{
	display:block;
	font-size:14px;
	padding-top:5px;
	width:auto;
	max-width:650px;
	
	padding:0;
	margin:0 20px 10px 40px;
}


#contenu ul ul{
	display:block;
	font-size:14px;
	padding-top:0px;
	width:auto;
	max-width:650px;
	
	padding:0;
	margin:0 20px 10px 20px;
}



#contenu li{
	
	font-size:12px;
	margin:0 0 5px;
	width:auto;
	max-width:650px;
	padding:0;
	list-style:url(../design/fond/puceorange.gif) outside ;
	color:#FFF;
}



#contenu li li{
	
	font-size:12px;
	margin:0 0 5px;
	width:auto;
	max-width:650px;
	padding:0;
	list-style:url(../design/fond/orangesquare.gif) outside ;
	color:#FFF;
}



#contenu .flux{
	width:360px;
	
	float:left;
}
#contenu .flux .listeelem{
	width:325px;
	overflow:auto;
	height:450px;
	margin:0 10px 10px 20px;
	border:1px solid #51595E;
}


#contenu .flux .listeelem li{
	
	list-style:none;
	padding:4px 10px 20px;
}


#contenu .flux .listeelem li h4{
	margin-left:0;
	margin-right:0;
}

#contenu .flux .listeelem li h4 a{
	color:#FFF;
	font-size:12px;
	
	}
#contenu .flux .listeelem li p{
	margin:0;
	font-size:11px;
}


#contenu .flux .listeelem li.back{
	background:#3D4347;
}

#contenu .flux .listeelem li a.gopage{
	color:#F18334;
	font-size:10px;
	font-weight:normal;
	display:block;
	background:url(../design/fond/flechorange2.gif) right 6px no-repeat;
	float:right;
	padding-right:12px;
	margin:4px 0 4px;
}

#contenu .ssm{
	display:block;
	float:left;
	width:190px;
	margin:10px 20px 20px 7px;
	
	position:relative;
	z-index:10;
	border:1px solid #73787D;
	background:#3D4145 url(../design/fond/debmenu.jpg) repeat-x left bottom;
}

#contenu .ssm li{
	list-style:none;
	display:block;
	float:none;
	margin:-5px 0 10px;
	
	}
	
	#contenu	.ssm li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
		font-size:12px;
		
	width:155px;
	padding:10px 0 0 25px;
	background:url(../design/fond/suite.png) no-repeat 11px 11px;
}
#contenu .vignette{
	position:relative; float:right; display:block; width:740px;
	margin-bottom:10px; margin-right:15px;
	background-color:#6f7880;
	border:1px solid #a1aeba;
}
#contenu .prop_link{position:relative; float:right; display:block; width:740px; margin-bottom:10px; margin-right:15px; padding-top:15px;}

#contenu .log_link{
	position:relative; float:left; display:block;
	background-color:#FFFFFF;
	width:260px; text-align:center;
	padding:10px; margin:5px;
}

#contenu .log_link img{max-width:250px;}


#contenu .text_link{
	position:relative; float:right; display:block;
	width:440px;
	padding:0px; margin:5px;
}
#contenu .text_doc{
	position:relative;display:block;
	padding:0px; margin:5px;
}
#contenu .vignette h3{margin:0px!important;margin-bottom:10px!important; background-color:#2d3134!important; padding:3px;padding-left:6px;}
#contenu .text_link a, #contenu .text_doc a{display:block;color:#000000; margin-left:6px!important; margin-top:10px!important; font-weight:bold;}
#contenu .text_link p, #contenu .text_doc p{margin:0px!important;color:#ffffff!important; margin-left:6px!important;}

.logo, .logo img{width:120px; margin:10px;}
body.contenu span.logo img{width:120px;}


#contenu .blocknewsletter{
	width:320px !important;
	height:60px;
	display:block;
	background:#3D4347;
	border:1px solid #51595E;
	margin:5px 20px;
	
}

body#contenu .blocknewsletter{
	background:#666;
	border:1px dashed #fff;
}
#contenu .blocknewsletter .ctext{
	border:1px solid #5E666C;
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:250px;
	float:left;
	padding:2px;
	color:#FFF;
	margin:0 5px 0px;
	height:16px;
	background:#44494E url(../design/fond/degchamp.jpg) repeat-x top left;
}

#contenu .blocknewsletter .boutrond{
	float:left;
	display:block;
	background:url(../design/fond/boulorange.png) no-repeat center top;
	height:20px;
	color:white;
	border:none;
	text-align:left;
	width:20px;
	margin:3px 0 0 3px;
	padding:0;
}

body#contenu .colonnes .col{
	border:1px dashed #CCC;
}
#contenu .colonnes{
	display:table;
	width:100%;
}


#contenu .colonnes .col{

	display:table-cell;
}

#contenu .blocknewsletter h2{

	display:block;
	font-size:14px;
	width:auto;
	max-width:650px;
	font-weight:normal;
	color:#84D1E6;
	padding-top:5px;
	
	margin:0 5px 10px;
}



#contenu .lienannu{
	 display:table !important;

	border:1px solid #a1aeba !important;

	 width:685px !important;
	 height:130px !important;
	margin:10px 0 0 280px !important;
	background-color:#6f7880 !important;
}

#contenu .lienannu .img{

	 vertical-align:middle;
	 display:table-cell !important;
	 padding:10px !important;

}
#contenu .lienannu div.textedesc{
	 display:table-cell !important;
	 vertical-align:top;
}
#contenu .lienannu div.textedesc h3{
	font-weight:bold;
	color:#F07D00;
}


#contenu .lienannu .img .cadre{

	 display:table-cell !important;
	 vertical-align:middle;
		 width:90px;
		 background:#FFF;
	border:1px solid #000 !important;
		height:90px
}

#contenu .lienannu .img img{	
		 width:90px;	 
		 max-height:90px
}



#contenu #affiner2{width:100%;
	padding:0 !important;

	display:table;
	border-collapse:collapse;
	margin-bottom:10px;
}

#contenu #affiner2 .critere{
	display:table-cell;
	font-size:12px;
	height:50px;
	
	min-width:274px;
	
	padding:20px 0 0 10px;
	text-align:left;
	color:#FFFFFF;
	vertical-align:middle;
	background:#44494E;
	border:1px dotted #51595E;
	border-top:none;

}

#contenu #affiner2 .critere ul{
	display:none;
	clear:both;
	min-width:286px;
	margin:10px 0 0 -10px;
	position:absolute;
	border:1px solid white;
	background:#44494E;
	border:1px dotted #51595E;
	border-top:none;
}
#contenu #affiner2 .critere ul li{
	list-style:none;
	display:block;
	clear:both;
	padding:1px 4px;
}
#contenu #affiner2 .critere ul li img,#contenu #affiner2 .critere ul li input{
	vertical-align:middle;
	margin-right:4px;
}

#contenu #affiner2 .affinagesub{


	font-size:12px;
	height:70px;
	width:116px;
	padding-top:20px;
	margin:0 !important;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	color:#FFF;
	background:#F07D00;
	border:1px dotted #51595E;
	border-top:none;

}

select.operation{
	background:#44494E;
	font-size:14px;
	width:45px;
	
	text-align:center;
	vertical-align:middle;
	padding:2px 5px;
	font-weight:bold;
	color:#FFFFFF;
}

input.effectif{
	width:100px;
	height:19px;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	background:#44494E;
	border:1px dotted #fff;
	
	}



#contenu div.annee{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

#contenu div.annee a{
	display:table-cell;
	font-size:12px;
	height:50px;
	padding-top:20px;
	text-align:center;
	vertical-align:middle;
	background:#44494E;
	border:1px dotted #51595E;
	border-top:none;

}
#contenu div.annee a.sel{
	font-weight:bold;
	color:#FFF !important;

}

#contenu .jour{
	display:table;
	width:930px;
	padding: 10px 20px;

}

#contenu .jour .datejour{
	display:table-cell;
	background:#44494E;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:15px 10px;
	white-space:normal;
	width:60px !important;
	border-right:2px solid #F07D00;
}

#contenu .jour .datejour.past{

	color:#999;
}

.jour .evenementsjour{
	display:table-cell;

	background:#3D4347;
}

#contenu .jour .gopage{
	color:#F18334;
	font-size:12px;
	font-weight:normal;
	background:url(../fond/flechorange2.gif) right 5px no-repeat;
	text-align:right;
	padding-right:12px;
	margin:4px 10px 10px;
	display:block;
	
}
