body {
	background:#fff url(images/bg.jpg);
	margin:0;
}

img {
	border:none;
}

#site {
	width:960px;
	margin:0 auto;
}

#menu {
	position:absolute;
	width:960px;
	margin:210px 0 0 0;
	z-index:600;
	text-align:center;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#6d762f;
	line-height:26px;
	letter-spacing:1px;
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 }

#menu li.menu_left {
	float:left;
	background:url(images/menu_left.png) top left no-repeat;
	width:313px;
	height:41px;
	margin-right:10px;
}
#menu li.menu_center {
	float:left;
	background:url(images/menu_center.png) top center no-repeat;
	width:313px;
	height:41px;
	margin-right:10px;
}
#menu li.menu_right {
	float:left;
	background:url(images/menu_right.png) top right no-repeat;
	width:313px;
	height:41px;
}
#menu li.menu_left a, #menu li.menu_center a, #menu li.menu_right a {
 display:block;
width:313px;
 color:#6d762f;
 text-decoration:none;
 -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
 }
#menu li a:hover {
 color:#000;
 }
 #menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 margin-top:2px;
 }
 #menu li.item a {
	 background:#DEE244;
	 font-size:12px;
	 padding:2px 0;
	 border-top:1px solid #fff;
	letter-spacing:normal;
 }
 #menu li.item a:hover, #menu li.item a.on {
	  background:#DED8D7;
  }

.actu {
	position:absolute;
	width:154px;
	height:41px;
	margin:304px 0 0 0;
	z-index:200;
	text-align:center;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:26px;
	letter-spacing:1px;
	background:url(images/menu_actu.png) top left no-repeat; 
}

.contenu {
	width:916px;
	margin:0 auto;
	background:#fff;
	box-shadow:0px 0px 20px #333;
	padding-bottom:20px;
}
.logo {
	position:absolute;
	margin:148px 0 0 540px;
	z-index:100;
}
.logo a img {
	border:none;
}
.header {
	width:916px;
	height:271px;
}
.social {
	position:absolute;
	margin:244px 0 0 814px;
	text-align:right;
	z-index:100;
}
.social a img {
	margin:0 0 0 6px;
	border:none;
	opacity:1;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.social a:hover img {
	opacity:.7;
}

.searchform {
	position:absolute;
	margin:244px 0 0 358px;
	z-index:100;
}
#formulaire_recherche {
	background:#fff;
	padding:1px 12px 2px 12px;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
}
#formulaire_recherche input.search {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
	border-top:1px solid #ccc;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ccc;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	width:150px;
	text-align:center;
	padding:2px 0;
}
#formulaire_recherche input.submit {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999;
	background:#ddd;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding:1px 4px;
	border:none;
	margin-left:4px;
	cursor:pointer;
}
#formulaire_recherche input.submit:hover {
	background:#DEE244;
}

.slide {
	float:left;
	width:432px;
	height:243px;
	margin:20px 0;
}

.cdv {
	float:right;
	background:url(IMG/rubon5.jpg) top right no-repeat;
	width:465px;
	height:243px;
	margin:20px 0;
}
.cdv h3 {
	float:left;
	font:23px Verdana, Helvetica, sans-serif;
	color:#57585c;
	margin:198px 0 0 75px;
}
.cdv h3 a, .colonne h5 a, .colonne2 h5 a {
	color:#57585c;
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.cdv h3 a:hover, .colonne h5 a:hover, .colonne2 h5 a:hover {
	color:#7aa248;
}
.meteo {
	float:right;
	margin:10px 20px 0 0;
	width:126px;
}

.colonne {
	padding:0 10px 20px 10px;
	border-right:2px solid #ccc;
}
.colonne h3, .colonne2 h3 {
	font:23px Verdana, Helvetica, sans-serif;
	color:#57585c;
	margin:0 0 .2em 0;
	text-align:center;
	text-transform:uppercase;
}
.colonne2 {
	padding:0 10px 20px 10px;
}
.colonne h5, .colonne2 h5 {
	font:13px Verdana, Helvetica, sans-serif;
	color:#57585c;
	margin:0 0 .1em 0;
}

.base {
	padding-top:20px;
}
.jeunesse {
	float:left;
	margin:0 0 0 10px;
}
.jeunesse a img {
	border:none;
	opacity:.7;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.jeunesse a:hover img {
	opacity:1;
}
.moving {
	float:right;
	margin:6px 10px 0 0;
}
.moving a img {
	border:none;
	opacity:1;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.moving a:hover img {
	opacity:.6;
}

/* pages interieures */
#left_content {
	float:left;
	width:160px;
	padding:0 16px;
	margin:0;
}
.right_content {
	padding:0 16px;
	margin:0;
	width:692px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
#left_content h1 {
	font:18px Arial, Helvetica, sans-serif;
	color:#57585c;
	margin:0;
	float:left;
	width:100%;
}
#left_content h2, .right_content h2 {
	font:18px Arial, Helvetica, sans-serif;
	color:#57585c;
	margin:0 0 .8em 0;
	float:left;
	width:100%;
}
#left_content h2 a, #left_content h4 a {
	color:#57585c;
	text-decoration:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.ssmenu_left {
	float:left;
	margin:-5em 0 1em 0;
	width:100%;
}
#left_content h4 {
	font:13px Arial, Helvetica, sans-serif;
	color:#57585c;
	margin:0;
}
.ariane {
	float:left;
	width:100%;
	margin:0 0 .5em 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
}
.ariane span.vert, .right_content h4 a:hover {
	color:#7aa248;
}
.right_content h4 {
	font:13px Verdana, Helvetica, sans-serif;
	color:#57585c;
	font-weight:400;
	margin:0 0 .5em 0;
}
.right_content h4 a {
	text-decoration:none;
	color:#57585c;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#left_content h2 a:hover, #left_content h4 a:hover, #left_content h4 a.on {
	color:#7aa248;
}
.sommaire {
	float:left;
	width:100%;
	margin:.5em 0 1em 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}
.sommaire a {
	color:#999;
	text-decoration:underline;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.sommaire a:hover {
	color:#666;
}
.texte {
	float:left;
	width:100%;
}
.texte a {
	text-decoration:underline;
	color:#7aa248;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.texte a:hover {
	text-decoration:none;
}
.texte span.spip_documents_center {
	margin:.5em 0;
	float:left;
	width:100%;
}
.texte span.spip_documents_left {
	margin:.5em 10px .5em 0;
	float:left;
}
.texte span.spip_documents_right {
	margin:.5em 0 .5em 10px;
	float:right;
}
.texte h4 {
	font-weight:600;
	margin:0 0 .5em 0;
	color:#7aa248;
}
.right_content h5 {
	float:left;
	width:100%;
	color:#666;
	font:bold 10px Arial, Helvetica, sans-serif;
	margin:.5em 0;
	text-align:right;
	text-transform:uppercase;
	border-bottom:1px dashed #ccc;
}
.right_content h5 a {
	color:#7aa248;
	text-decoration:none;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.right_content h5 a:hover {
	color:#000;
}

.trombi {
	float:left;
	width:100%;
	background:url(images/bg_docs.png) left no-repeat;
	height:133px;
}
.trombi h3 {
	font-family: Arial, sans-serif;
	font-weight:600;
	font-size:11px;
	color:#444;
	margin:80px 20px 0 15px;
	float:left;
}
.pdf {
	float:left;
	background:transparent;
	padding:10px;
	width:112px;
	/*height:100px;*/
	text-align:center;
	margin-top:50px;
	opacity:1;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	-ms-transition:all .6s ease;
}
.pdf h6 {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
	margin:.2em 0 0 0;
	line-height:12px;
}
.pdf:hover {
	opacity:.7;
}

table.spip {
	width:100%;
	text-align:center;
}
tr.row_odd {
	background:#f7f6c0;
	padding:2px;
	margin:1px;
}
tr.row_even {
	background:#fbfae0;
	padding:2px;
	margin:1px;
}

.deco {
	background:url(images/deco.gif) top left repeat-y;
}
table.table_c {
	margin-top:20px;
}
.fin {
	text-align:center;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#aaa;
	padding:1em 0;
	line-height:14px;
}
.fin a {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}
.fin a:hover, fin a.on {
	color:#7aa248;
}

form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
input.form, textarea.form_base {
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	background:#DEEDC6;
	padding:4px 10px;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	border:none;
}
input.spip_bouton {
	color:#fff;
	background:#DEE244;
	padding:4px 10px;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	border:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	cursor:pointer;
}
input.spip_bouton:hover {
	background:#666;
}
span.message_form {
	font-weight:600;
	font-size:14px;
	color:#FB0206;
}