/****************************************
	BODY & GENERALITES
****************************************/
body {
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	}
	
a img { border:none; }
	
a {
	color:#97be0d;
	text-decoration:underline;
	}
a:hover {
	color:#666666;
	text-decoration:none;
	}
	
hr {
	display:block;
	height:2px;
	margin:35px 60px;
	_margin:2em 5em;
	padding:0;
	border:none;
	background:#97be0d;
	color:#97be0d;
	}
	
.nettoyeur {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	line-height:0.1em;
	font-size:0.1em;
	overflow:hidden;
	}

/****************************************
	PAGE
****************************************/
#page {
	position:relative;
	width:955px;
	margin:0 auto;
	background:url(images/vert_fond-image.jpg) left bottom no-repeat;
	text-align:left;
	z-index:1;
	}
.actualites #page {
	background:none;
	}

/****************************************
	ENTETE
****************************************/
#entete {
	position:relative;
	height:120px;
	background:#000 url(images/entete_fond.gif) repeat-x bottom;
	color:#ffffff;
	z-index:10;
	}
#entete h1 {
	position:absolute;
	margin:0;
	padding:0;
	}
#entete h1 img {
	position:relative;
	}
#entete h1 span {
	display:none;
	}


/****************************************
	ENTETE > MENU
****************************************/
#entete .sommaire {
	position:relative;
	left:222px;
	height:120px;
	width:733px;
	background:url(images/entete_menu_fond.gif) right top no-repeat;
	}
#entete .sommaire h2 {
	display:none;
	}
	
#entete .sommaire ul {
	position:absolute;
	top:3px;
	width:733px;
	margin:0;
	padding:0;
	z-index:1;
	zoom:1;
	}
#entete .sommaire ul li {
	float:left;
	margin:0 4px 0 0;
	padding:0;
	list-style:none;
	}
#entete .sommaire ul li a,
#entete .sommaire ul li img {
	position:relative;
	z-index:1;
	zoom:1;
	}
#entete .sommaire ul li,
#entete .sommaire ul li * {
	z-index:1;
	}
#entete .sommaire ul li.on,
#entete .sommaire ul li.on * {
	z-index:100;
	}
	
/* 2nd niveau */
#entete .sommaire ul ul {
	position:absolute;
	top:88px;
	left:0;
	width:734px;
	}
#entete .sommaire ul ul li {
	width:180px;
	margin:0 2px 0 0;
	}
	
#entete .sommaire ul ul li a {
	position:relative;
	display:block;
	padding:2px 0 5px;
	background:#97be0d url(images/entete_menu_element_fond_off.gif) bottom repeat-x;
	color:#5b5b5b;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	}
#entete .sommaire ul ul li a.on,
#entete .sommaire ul ul li a:hover {
	background-image:url(images/entete_menu_element_fond_on.gif);
	color:#000;
	}
	
#entete .sommaire ul ul li a.on span {
	padding:0 0 0 10px;
	background:url(images/entete_menu_puce.gif) left center no-repeat;
	}
	

/****************************************
	CONTENEUR
****************************************/
#conteneur {
	position:relative;
	padding:20px 0;
	background:url(images/vert_fond-pointille.gif) 182px bottom repeat-y;
	zoom:1;
	}
	
#conteneur .entete-rubrique-accueil h2 {
	margin:0 0 0 80px;
	padding:0 0 0 40px;
	background:url(images/vert_puce-accueil.gif) left 2px no-repeat;
	font-size:34px;
	font-weight:bold;
	text-transform:uppercase;
	color:#97be0d;
	}
	
.actualites #conteneur {
	position:relative;
	padding:20px 0 6px;
	}

/****************************************
	CONTENEUR > ENTETE
****************************************/
#conteneur .entete {
	position:relative;
	margin:0 0 20px 20px;
	padding:0;
	border-bottom:1px solid #c7dc7e;
	zoom:1;
	}
#conteneur .entete h2 {
	position:relative;
	float:left;
	margin:0;
	padding:0 20px 0 0;
	font-size:28px;
	height:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#97be0d;
	}
	
#conteneur .entete ul {
	position:relative;
	float:left;
	margin:0;
	padding:10px 0 0;
	}
#conteneur .entete ul li {
	position:relative;
	float:left;
	margin:0 2px 0 0;
	padding:0;
	list-style:none;
	}
#conteneur .entete ul li a {
	position:relative;
	display:block;
	padding:5px 10px;
	margin:0 0 -1px;
	background:#e0ecb7;
	border:1px solid #c7dc7e;
	color:#474747;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	}
#conteneur .entete ul li a.on,
#conteneur .entete ul li a:hover {
	background:#ffffff;
	color:#000000;
	}
#conteneur .entete ul li a.on {
	border-bottom:1px solid #fff;
	}
	

/****************************************
	INFO
****************************************/
#info {
	position:relative;
	float:left;
	margin:80px 0 90px;
	padding:0 0 11px 15px;
	width:135px;
	background:url(images/vert_info_fond.gif) 15px bottom no-repeat;
	color:#5b5b5b;
	}
#info h3 {
	margin:0;
	padding:2px 10px;
	background:#97be0d;
	color:#fff;
	font-size:16px;
	}
#info .contenu {
	padding:12px 0 1px 5px;
	border-left:1px solid #97be0d;
	}
#info .contenu ul.spip {
	padding:0 0 0 10px;
	}
#info .contenu ul.spip li {
	list-style-image:url(images/vert_info_puce.gif);
	}
	

/****************************************
	CONTENU
****************************************/
#contenu {
	position:relative;
	float:right;
	width:780px;
	}
	
#contenu .texte {
	position:relative;
	padding:0 0 0 20px;
	text-align:justify;
	}
	
#contenu h4 {
	position:relative;
	font-size:1.2em;
	color:#97be0d;
	text-align:center;
	}
	

/****************************************
	CONTENU > COLONNES
****************************************/
#contenu .colonnes {
	position:relative;
	zoom:1;
	}
	
#contenu .colonnes .bloc {
	position:relative;
	}
	
#contenu .colonnes h3.titre {
	position:relative;
	margin:30px 0 20px;
	padding:0 0 0 15px;
	background:url(images/bloc_h3_puce.gif) left 7px no-repeat;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#5b5b5b;
	}
	
#contenu .colonnes .contenu {
	position:relative;
	padding:0 20px 0 20px;
	zoom:1;
	}
	
#contenu .colonnes .image {
	position:relative;
	float:left;
	margin:0 0 20px;
	text-align:center;
	}
#contenu .colonnes .image img.logo {
	position:relative;
	margin:0 0 5px;
	border:1px solid #d6d6d6;
	}
#contenu .colonnes .image a.logo {
	position:relative;
	display:block;
	}
#contenu .colonnes .image a.logo:hover img.logo {
	border:1px solid #97be0d;
	}
	
#contenu .colonnes .image .no_logo {
	position:relative;
	margin:0 0 5px;
	height:140px;
	width:140px;
	border:1px solid #d6d6d6;
	background:url(images/pas_de_photo.png) no-repeat center center;
	display:none;
	}
	
#contenu .colonnes .image .descriptif {
	position:relative;
	padding:4px;
	background:#e0ecb7;
	font-size:10px;
	text-align:left;
	}
	
#contenu .colonnes .chapo {
	position:relative;
	float:left;
	margin:0 0 20px 20px;
	padding:0 0 0;
	}
	
#contenu .colonnes .texte {
	padding:0;
	text-align:left;
	}
	
/****************************************
	CONTENU > COLONNES
	2 COLONNES
****************************************/
#contenu .deux-colonnes .bloc {
	width:390px;
	float:left;
	}
#contenu .deux-colonnes .image {
	width:142px;
	}
#contenu .deux-colonnes .chapo {
	width:188px;
	}
	
/****************************************
	CONTENU > COLONNES
	1 COLONNE
****************************************/
#contenu .une-colonne .contenu {
	padding:0 0 0 20px;
	}
#contenu .une-colonne .image {
	width:302px;
	}
#contenu .une-colonne .chapo {
	width:438px;
	}
	
/****************************************
	CONTENU > PAGINATION
****************************************/
#contenu .pagination {
	position:relative;
	magin:60px 0 40px;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:12px;
	}
	
#contenu .pagination a {
	position:relative;
	color:#97be0d;
	text-decoration:none;
	zoom:1;
	}
#contenu .pagination a:hover,
#contenu .pagination strong {
	color:#4c4c4c;
	text-decoration:none;
	}
	
#contenu .pagination .item {
	padding:0 5px;
	}
	
#contenu .pagination .precedent,
#contenu .pagination .suivant {
	position:relative;
	padding:0 0 0 40px;
	line-height:12px;
	height:12px;
	}
#contenu .pagination .precedent span,
#contenu .pagination .suivant span {
	display:none;
	}
#contenu .pagination a.precedent {
	background:url(images/vert_pagination_precedent.gif) left center no-repeat;
	}
#contenu .pagination a.suivant {
	background:url(images/vert_pagination_suivant.gif) right center no-repeat;
	}
#contenu .pagination a.precedent:hover {
	background-image:url(images/pagination_precedent_on.gif);
	}
#contenu .pagination a.suivant:hover {
	background-image:url(images/pagination_suivant_on.gif);
	}


/****************************************
	CONTENU CENTRE
****************************************/
#contenu-centre {
	position:relative;
	float:left;
	padding:100px 0 0;
	}
#contenu-centre .contenu-centreContenu {
	position:relative;
	width:241px;
	height:320px;
	overflow:auto;
	}
#contenu-centre h2 {
	display:none;
	}


/****************************************
	ACTUALITES
****************************************/
.actualites #contenu-centre {
	margin:-20px 0 0;
	padding:0;
	}
.actualites #contenu-centre .contenu-centreContenu {
	position:relative;
	width:605px;
	height:455px;
	overflow:auto;
	}

#actualites {
	position:relative;
	float:right;
	width:337px;
	margin:-20px 0 0;
	padding:80px 0 0;
	background:url(images/actualite_fond02.jpg) right top no-repeat;
	}
#actualites .actualitesContenu {
	position:relative;
	width:320px;
	height:375px;
	overflow:auto;
	}
	
#actualites h2 {
	position:relative;
	margin:0 0 20px;
	padding:0;
	text-align:right;
	}
	
#actualites dl {
	position:relative;
	margin:0;
	padding:0 4px 0 0;
	}
#actualites dl dt {
	margin:20px 0 0;
	padding:0 0 0 10px;
	background:url(images/actualite_puce_orange.gif) left 7px no-repeat;
	font-size:16px;
	color:#ef8200;
	}
#actualites dl dt a {
	color:#ef8200;
	}
#actualites dl dd {
	margin:0 0 20px;
	padding:0;
	}
#actualites dl dt.deux {
	background-image:url(images/actualite_puce_verte.gif);
	color:#97be0d;
	}
#actualites dl dt.deux a {
	color:#97be0d;
	}
	

/****************************************
	DIAPORAMA
****************************************/
.diaporama {
	position:relative;
	margin:20px 0;
	height:323px;
	}
.diaporama .anim {
	position:relative;
	padding:0 0 0 100px;
	}

/****************************************
	VIDEO
****************************************/
.video {
	position:relative;
	width:750px;
	}
.video .liste {
	position:relative;
	width:340px;
	text-align:right;
	}
.video .liste a {
	position:relative;
	display:block;
	padding:4px 30px 4px 4px;
	background:url(images/jaune_puce-video.gif) no-repeat right 12px;
	font-size:18px;
	line-height:26px;
	text-decoration:none;
	}
.video .liste ul li.on a,
.video .liste a.on {
	color:#666666;
	}

/****************************************
	PIED
****************************************/
#pied {
	position:relative;
	clear:both;
	height:20px;
	background:#000 url(images/pied_fond.gif) bottom repeat-x;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
#pied ul.sommaire {
	position:relative;
	margin:0;
	padding:0;
	}
#pied ul.sommaire li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
#pied ul.sommaire li a {
	display:block;
	padding:2px 15px 3px;
	background:url(images/pied_element_bord.gif) right top no-repeat;
	text-decoration:none;
	color:#fff;
	}
#pied ul.sommaire li a:hover,
#pied ul.sommaire li.on a {
	color:#97bf0d;
	}
	
#pied ul.langues {
	position:absolute;
	right:40px;
	top:0;
	margin:0;
	padding:0;
	}
#pied ul.langues li {
	position:relative;
	float:left;
	margin:0 0 0 4px;
	padding:0;
	list-style:none;
	}
#pied ul.langues li a {
	display:block;
	padding:2px 3px 3px;
	background:#58585a;
	color:#fff;
	text-decoration:none;
	}
#pied ul.langues li a:hover,
#pied ul.langues li.on a {
	background:#97bf0d;
	}
/****************************************
	TELECHARGEMENT DE FICHIER
****************************************/
#telechargement {
	position:relative;
	width:740px;
	margin:0;
	padding:0;
	text-align:center;
	}
#telechargement #titre {
	position:absolute;
	left:0;
	top:-10px;
	margin:0;
	padding:0;
	}
#telechargement ul#listeTel {
	position:relative;
	margin:0;
	padding:20px 0 0;
	text-align:left;
	}
#telechargement li {
	list-style-type:none;
	}
#telechargement a {
	text-decoration:none;
	}