
html{	
	margin:0;
	padding:0;
}
body {
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	line-height: 1.5;
	background:#e8e8e8;
	color: #333;
	margin:0 5px 5px 0;
	padding:0;
}
hr {display:none}
/*
a{text-decoration:none;color:#a8c84a}
a:hover{color:#a93d41}
*/
.left {float:left}
.right {float:right}

#page{width:960px;margin: 0 auto;}
#header, #contenu, #footer{width:100%;float:left}
h1{
	float : left;
	width : 100%;
	margin: 2px 0px 5px 0px;
	line-height: 25px ;
	font-size: 16px ;
	text-align:center;
	color: #AA3d43;
}

h2{
	background:transparent url(images/fleche.gif) no-repeat scroll left top;
	border-bottom:1px solid #A93D41;
	color:#A93D41;
	font-size:1.4em;
	line-height:25px;
	margin:2px 0 0;
	padding-left:20px;
}

h3 {
	/*border-bottom:1px solid #A9D046;
	border-left:3px solid #A9D046;*/
	color:#A9D046;
	font-size:1.2em;
	margin-left:0px;
	padding-left:0px;
}
a {color:#A9D046;text-decoration:underlined;}
a:hover{color:#333;text-decoration:underlined;}
a:visited{color:#A9D046;text-decoration:underlined;}

img {border:none;}
h5
{
	padding-left: 10px ;
	background: url(images/spot-vert.gif) no-repeat left 7px ;
	text-indent: 0em ;
	font-size : 1.0em;
	font-weight: normal;	
	text-align: justify ;
	margin : 7px 0px 0px 0px;
}


p.center {text-align : center;}
p.justify {text-align : justify;}
p.six{width : 600px; float:right;}
p.cinq{width : 450px; float:right;}


/*#header {
	background:transparent url('images/header2.png') no-repeat top center;
}*/

#headerimg 	{
	margin: 0 0px 0;
	height: 160px;
	width: 950px;
	background:transparent url(images/header.png) no-repeat left top;
	padding-top : 4px;
}
#headerimg a img{border:none;float:left;margin:10px 0px 0px 10px;}
#headerimg ul{list-style-type:none; padding:none;margin:0}
#headerimg ul li{float:left;width:310px; height:55px;}
#headerimg ul li a {height:45px;text-align:center;text-decoration:none;font-weight:bold;color:#fff;font-size:1.6em;float:left;width:100%;background-repeat:no-repeat; background-position:center bottom}

#headerimg ul li.semantique a{background-image:url(images/onglet-vert.png)}
#headerimg ul li.opinions a{background-image:url(images/onglet-rouge.png)}
#headerimg ul li.services a{background-image:url(images/onglet-gris.png)}

#headerimg ul li.selected a, #headerimg ul li a:hover{height:50px;padding-top:2px;font-size:2.0em}
#headerimg ul li.selected a{font-weight:bold}


/*content*/
#content {
	font-size: 1.2em;
}
#content h2 a {text-decoration:none;color:#a93d41}

#content h2 a:hover {text-decoration:underline}

#contenu {
	position:relative;
}
#contenu div.menu-nav{float:left;width:700px;margin:0;padding:0;position:absolute;bottom:10px;height:50px;padding: 0 0 0px 25px;}
#contenu div.menu-nav span{height:100%;font-size:1.4em}
#contenu div.menu-nav span img{margin:0 5px;vertical-align:middle;border:none}

#contenu-gauche{
	width: 743px;
	float:left;
}

#contenu-gauche #bloc-gauche{
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	border-radius: 7px;
	margin: 0px 0px 0px 3px;
	background:#FFF;
	border:1px solid #9e9e9e;
	padding: 0px 10px 0px 10px;
	float:left;
	width:97%;
}

#contenu-gauche #bloc-gauche #bloc {
	float : left;

}

#contenu-gauche #bloc-gauche #lignev {
	width:1px;
	float : left;
	border-left:1px solid #9e9e9e;
	margin-left:10px;
	margin-right:10px;
}

#contenu-gauche #menu-haut ul{list-style-type:none; padding:none;margin:0; float:right;}
#contenu-gauche #menu-haut ul li{float:left;padding:0px 10px 0px 10px;}
#contenu-gauche #menu-haut ul li a {text-decoration:none;font-weight:none;color:#333;font-size:1.1em;}
#contenu-gauche #menu-haut ul li a:hover {text-decoration:none;font-weight:none;color:#a93d41;font-size:1.1em;}
#contenu-gauche #menu-haut ul li.selected {text-decoration:none;font-weight:none;color:#a93d41;font-size:1.1em;}


#contenu-gauche small.date{float:right;text-align:right;width:20%;line-height:25px}
#contenu-gauche h2 span{font-size:14px;}
#contenu-gauche span{font-size:13px;}


#contenu-gauche div.bloc{margin-top:15px}
#contenu-gauche div.bloc div.titre{width:100%;float:left}
#contenu-gauche div.bloc p{clear:both;width:100%;margin:5px 0}

/*sidebar*/
#contenu-sidebar{width:180px;padding:0px 15px; background-color:#e8e8e8;float:right;}
#sidebar{padding: 0px 0px 0px 0px;}

#sidebar a{color:blue}
#sidebar a:hover{color:#a93d41}

#sidebar ul{list-style-type:none;padding:0px;margin:0px;}
#sidebar ul li{
	border:solid 1px #9e9e9e;
	background:#FFF;
	margin-bottom:10px;
	font-size:0.9em;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	border-radius: 7px;
}
#sidebar ul li ul{padding-left:10px}
#sidebar ul li ul li{border:none;font-size:1em}
#sidebar h2 {
	font-family: Verdana, Sans-Serif;
	font-size: 1.3em;
	background-color:#a93d41;
	color:#fff;
	padding:0px 0px 0px 5px;
	margin:0 0 0px 0;
	-moz-border-radius-topleft : 6px;
	-moz-border-radius-topright : 6px;
	-webkit-border-radius-top-left : 6px;
	-webkit-border-radius-top-right : 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

li.widget a.more{background:url(images/arrow.gif) no-repeat 100% 50%;padding-right:10px;margin-left:2px}

/* actus dans la sidebar */
#sidebar ul 	li.actu{height:190px}
#sidebar ul 	li.actu div#actu-container{width:100%;height:160px}
		li.actu div.actualite{display:none}
		li.actu div.actualite span.date-actu{display:none}
		div#slideshow div.actualite{display:block}
		li.actu div.actualite{padding:0px 2px;height:170px}
		li.actu div.actualite h1{font-size:1.2em;color:#828282;margin:2px 0}		
		li.actu div.actualite div.vignette-container{text-align:center;height:150px}		
		li.actu div.actualite div.vignette-container div.short-desc{font-weight:bold;margin:0;position:relative;bottom:25px;width:170px;text-align:left}
		li.actu div.actualite div.short-desc{font-weight:bold;margin:0 0 10px 0;position:relative;bottom:0px;width:170px;text-align:left}
		li.actu div.actualite a.more{top:-3px;position:relative;}
		li.actu div.actualite div.content{display:none}
/* actus dans la page actualités */
#contenu-gauche div.actualite{margin-bottom:25px;float:left;width:100%}
#contenu-gauche div.actualite h1 {width:80%;}
#contenu-gauche div.actualite span.date-actu{float:right;height:25px;line-height:25px;padding-left:25px;background:url(images/date.png) no-repeat 0 30%;font-size:0.9em;margin:2px 0 0}
#contenu-gauche div.actualite div.vignette-container, #contenu-gauche div.actualite div.short-desc, #contenu-gauche div.actualite a.more{display:none}	
#contenu-gauche div.actualite div.content{display:block;float:left;width:100%}


h3#comments{float:left;width:100%;margin-bottom:0px}
ol.commentlist{float:left;width:95%;padding:15px;list-style-type:none;margin-top:0px}

ol.commentlist div.comment-body{background-color:#f8fdeb;padding:5px;margin-bottom:10px}
ol.commentlist div.comment-body a{color:#a93d41}

/*footer*/
#footer {
	background-color:#e8e8e8;
	-moz-border-radius : 7px;
	-webkit-border-radius : 7px;
	border-radius: 7px;
	border:1px solid #9e9e9e;
	height: 140px;
	width:943px;
	margin : 10px 0px 10px 3px;
}

#footer #bloc {
	float:left;
	text-align:left;
	width : 24%;
	margin-left:5px;
}
#footer #bloc h3{margin:2px 2px 2px 0px;}

#footer #bloc ul{list-style-type:none; padding:0;margin:0;}
#footer #bloc ul li{float:left;width:95%;}
#footer #bloc ul li a {text-decoration:none;color:#333;}
#footer #bloc ul li a:hover{text-decoration:underlined;font-weight:none;color:#a93d41;}
