body {
	position:relative;
	margin:0;
	padding:0;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	font-size:13px;
	z-index:1;
	}

a {
	color:#559922;
	color:#7ea8b1;
	text-decoration:underline;
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}

a img {
	border:none;
	}

.format_png { behavior:url(win_png.htc); }

.nettoyeur  {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	line-height:0.1em;
	font-size:0.1em;
	overflow:hidden;
	}



/****************************************
	PAGE
****************************************/
#page {
	width:950px;
	position:relative;
	margin:0 auto;
	padding:30px 0 0 0;
	background:url(images/fond_page_2.gif) no-repeat bottom left;
	}
.rubrique #page {
	height:710px;
	}
.entree #page {
	padding:0;
	}

#page_sommaire {
	position:relative;
	margin:0 auto;
	width:950px;
	background:url(images/courbe_sommaire_2.gif) no-repeat left bottom;
	}
#page_sommaire .page_sommaire {
	position:relative;
	-height:760px;
	height:750px;
	background:url(images/accueil_fond.jpg) no-repeat top left;
	}

/****************************************
	FOND
****************************************/
#fond {
	position:relative;
	width:950px;
	margin:0 auto;
	background:url(images/fond_sommaire_2_2.gif) repeat-y;
	}

/****************************************
	ENTETE
****************************************/
#entete {
	position:relative;
	float:left;
	width:245px;
	}


/****************************************
	CONTENU
****************************************/
#contenu {
	position:relative;
	float:right;
	width:705px;
	padding:40px 0 50px 0;
	background:url(images/liseret.gif) no-repeat left 40px;
	}
#contenu .contenuContenu {
	padding:0 40px 0 0;
	}

#contenu_sommaire {
	padding:540px 0 0;
	position:relative;
	float:right;
	width:705px;
	}

#contenu_sommaire img {
	margin-top:126px;
	margin-left:30px;
	}

/****************************************
		.blocGallery
****************************************/
.blocGallery {
	position:relative;
	padding:50px 0 0;
	zoom:1;
	}
	
/****************************************
		.gallery
****************************************/
dl.gallery {
	position:relative;
	margin:0;
	padding:0 0 30px;
	height:95px;
	width:49%;
	text-align:left;
	float:left;
	z-index:1;
	}

.gallery dt  { 
	position:relative;
	margin:0;
	padding:0 0 0 40px;
	font-weight:bold;
	font-size:11px;
	z-index:10;
	}

.gallery dt img {
	position:relative;
	float:right;
	margin:0 0 10px;
	}

.gallery dt a {
	text-decoration:none;
	color:#000;
	}

.gallery dt a:hover {
	color:#062;
	}

.gallery dt a img {
	border:none;
	}

.gallery dd {
	position:relative;
	margin:0;
	padding:0 0 0 40px;
	color:#666;
	font-size:11px;
	z-index:1;
	}

/****************************************
	CONT
		.gallery_bis
****************************************/

.gallery_bis {
	position:relative;
	margin:0;
	padding:0;
	}

.gallery_bis li {
	position:relative;
	margin:0;
	padding:40px 0 0;
	list-style:none;
	}

.center {
	position:relative;
	float:left;
	width:180px;
	text-align:center;
	}

.center_2 {
	position:relative;
	float:left;
	color:#7ab;
	padding:0 0 0 20px;
	background:url(images/puce.gif) left top no-repeat;
	}

/****************************************
	CONT
		h2.titre_page
****************************************/
h2.titre_page {
	position:relative;
	margin:-28px 0 0;
	padding:0 5px 0 70px;
	font-size:24px;
	color:#9C9C9E;
	}
h2.titre_page .titre {
	position:relative;
	display:block;
	float:left;
	padding:10px 5px;
	background:#fff;
	}

/****************************************
	CONT
		.texte
****************************************/
.texte {
	position:relative;
	padding:15px;
	}

.texte h3 {
	position:relative;
	margin:1em 0 0;
	padding:0;
	color:#683;
	font-size:15px;
	}


.texte p {
	position:relative;
	}

.texte p span {
	*margin-top:45px;	
	}




/****************************************
	CONT
		.ps
****************************************/
.ps {
	margin-top:30px;
	*margin-top:-15px;
	padding-top:10px;
	padding-bottom:60px;
	width:90%;
	background:url(images/fond_ps_hg.gif) no-repeat;	
	}

.ps_bis {
	color:#582;
	padding-left:32px;
	padding-right:20px;
	padding-top:-15px;
	padding-bottom:15px;
	background:url(images/fond_ps_bd.gif) no-repeat bottom right;
	font-size:13px;
	font-style:italic;
	}

/****************************************
	GALERIE
****************************************/
#photo {
	position:relative;
	width:600px;
	float:left;
	text-align:right;
	}

/****************************************
	GALERIE Vignettes
****************************************/
#galerie .Vignettes  {
	position:relative;
	margin:0;
	padding:0; 
	float:left;
	}

#galerie .Vignettes li  {
	position:relative;
	margin:0 0 4px 15px;
	padding:2px;
	list-style:none;
	}
#galerie .Vignettes li.on {
	background:url(images/contour_photo.png) no-repeat;
	}
#galerie .Vignettes li img {
	position:relative;
	border:none;
	}


/****************************************
	ACTU
****************************************/
.accueil p {
	margin:10px 0;
	padding:0;
	}
.accueil a {
	color:#fff;
	text-decoration:underline;
	}
.accueil a:hover {
	color:#fff;
	text-decoration:none;
	}
	
#bleu {
	background:url(images/nouveau_projet_3.png) no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./squelettes/images/nouveau_projet_3.png');
	float:left;
	height:110px;
	width:226px;
	margin-top:31px;
	margin-left:-10px;
	margin-right:10px
	}	
#bleu p {
	padding-left:20px;
	}

#bleu p.bleu {
	color:#7ab;
	font-size:15px;
	margin:5px 0;
	padding:0 0 0 35px;
	}
#bleu p.bleu a {
	position:relative;
	color:#7ab;
	text-decoration:none;
	}
#bleu p.bleu:hover,
#bleu p.bleu a:hover {
	color:#fff;
	text-decoration:underline;
	}

#marron {
	background:url(images/coup_coeur_3.png) no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./squelettes/images/coup_coeur_3.png');
	float:left;
	height:110px;
	width:226px;
	margin-top:31px;
	margin-left:-15px;
	margin-right:5px;
	
	}

p.marron {
	color:#433;
	font-size:15px;
	margin:5px 0;
	padding:0 0 0 30px;
	}
p.marron a {
	position:relative;
	color:#433;
	text-decoration:none;
	}
p.marron:hover,
p.marron a:hover {
	color:#fff;
	text-decoration:underline;
	}

#vert {
	background:url(images/dev_durable_3.png) no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./squelettes/images/dev_durable_3.png');
	float:left;
	height:110px;
	width:226px;
	margin-top:31px;
	margin-left:-15px;
	}

p.vert {
	color:#9b0;
	font-size:15px;
	margin:5px 0;
	padding:0 0 0 30px;
	}
p.vert a {
	position:relative;
	color:#9b0;
	text-decoration:none;
	}
p.vert:hover,
p.vert a:hover {
	color:#fff;
	text-decoration:underline;
	}


p.texte {
	*margin-top:15px;
	padding-top:2px;
	padding-left:15px;
	padding-right:30px;
	font-size:12px;
	color:#fff;
	}
	
	

/****************************************
	IMAGE SOMMAIRE
****************************************/
#image_sommaire {
	position:absolute;
	top:540px;
	left:15px;
	width:245px;
	color:#433;
	font-size:10px;
	font-weight:bold;
	}
#image_sommaire a {
	color:#433;
	text-decoration:none;
	}

/****************************************
	PAGINATION
****************************************/
#pagination {
	position:relative;
	magin:60px 0 30px;
	text-align:center;
	font-size:12px;
	}


#pagination a {
	position:relative;
	text-decoration:none;
	color:#bc2;
	zoom:1;
	}
	
#pagination strong {
	position:relative;
	color:#666;
	}
#pagination .item {
	padding:0 10px;
	}
	
#pagination .precedent,
#pagination .suivant {
	position:relative;
	padding:0 0 0 50px;
	height:10px;
	line-height:10px;
	}
#pagination .precedent span,
#pagination .suivant span {
	display:none;
	}
#pagination a.precedent {
	background:url(images/pagination_precedent_off.gif) no-repeat left center;
	}
#pagination a.precedent:hover {
	background-image:url(images/pagination_precedent_on.gif);
	}
#pagination a.suivant {
	background:url(images/pagination_suivant_off.gif) no-repeat right center;
	}
#pagination a.suivant:hover {
	background-image:url(images/pagination_suivant_on.gif);
	}

/****************************************
	MENU
****************************************/
#menu {
	position:relative;
	float:left;
	padding-top:30px;
	width:245px;
	_margin-top:10px;
	_margin-left:-10px;
	}

#menu ul {
	position:relative;
	list-style:none;
	padding-left:10px;	
	}

#menu ul ul  {
	padding-left:10px;
	}

#menu ul li {
	position:relative;
	padding-bottom:8px;
	*margin-left:-25px;
	}

#menu ul ul li {
	padding:0 0 0 0;
	}


#menu ul li a {	
	position:relative;
	display:block;
	height:26px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	padding-left:5px;
	padding-top:5px;
	color:#555;
	background:url(images/btn_menu.gif) no-repeat top left;
	}

#menu ul li a:hover {
	background:url(images/btn_menu.gif) no-repeat bottom left;
	color:#062;
	}


#menu ul li.on a {
	color:#062;
	background:url(images/btn_menu.gif) no-repeat bottom left;
	}


#menu ul li.on ul li a {
	display:inline;
	padding:0 0 0 0;
	color:#bc2;
	background:none;
	}

#menu ul li.on ul li.on a {
	display:inline;
	color:#062;
	}

#menu ul li ul li a:hover {
	color:#062;
	background:#fff;
	}

/****************************************
	MENU (accueil)
****************************************/
.accueil #menu {
	padding-top:140px;
	}
.accueil #menu ul li a {
	color:#062;
	background:url(images/btn_menu.gif) no-repeat bottom left;
	}
.accueil #menu ul li a:hover {
	background:url(images/btn_menu.gif) no-repeat top left;
	}


/****************************************
	SOUS MENU
****************************************/
#sous_menu {
	position:relative;
	float:left;
	margin-top:30px;
	width:245px;
	}

#sous_menu ul {
	position:relative;
	padding:0 0 0 15px;
	margin:0;
	}

#sous_menu li {
	position:relative;
	list-style:none;
	}

#sous_menu li a  {
	position:relative;
	color:#555;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	}
	
#sous_menu li.on a {
	color:#062;
	font-weight:bold;
	}

#sous_menu li a:hover {
	color:#062;
	font-weight:bold;
	}

/****************************************
	LOGO
****************************************/
#logo {
	float:left;
	padding-top:250px;
	position:relative;
	width:245px;
	text-align:center;
	}

#logo a {
	text-decoration:none;
	}



/****************************************
	PIED
****************************************/
#pied {
	width:950px;
	position:relative;
	margin:0 auto;
	padding:0 0 30px;
	text-align:left;
	}
#pied li {
	position:relative;
	float:left;
	margin:0;
	padding:0 30px 0 0;
	list-style:none;
	}
	
#pied a {
	color:#A4A4A6;
	text-decoration:none;
	}
#pied a:hover {
	color:#fff;
	text-decoration:none;
	}



/****************************************
	STYLES SPIP
****************************************/
blockquote.spip, .spip_serif { font-family:Georgia, Times, serif; }

blockquote.spip { 
	margin:1em; 
	padding-left:1em;
	padding-right:1em;
	border:1px dotted; }

div.spip_poesie { 
	margin:1em; 
	padding-left:1em; 
	border-left:1px solid;
	font-family:Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent:-60px; margin-left:60px; }

.spip_code, .spip_cadre { font-family:monospace; font-style:normal; font-size:1.2em; }
.spip_cadre { width:99%; border:1px inset; }

.spip_surligne { background:#FF6; }

/* Tableaux */
table.spip {
	position:relative;
	margin:1em auto;
	width:99%;
	border-collapse:collapse;
	}
table.spip caption {
	caption-side:top; /* bottom pas pris en compte par IE */
	text-align:center;
	margin:auto;
	padding:3px;
	font-weight:bold;
	}
table.spip tr.row_first {
	position:relative;
	}
table.spip tr.row_even {
	position:relative;
	}
table.spip tr.row_odd {
	position:relative;
	}
table.spip th,
table.spip td { 
	position:relative;
	padding:0; 
	text-align:left; 
	vertical-align:top;
	}
table.spip th {
	text-align:center;
	font-weight:bold;
	}
table.spip td h3,
table.spip td p {
	margin:0;
	padding:0;
	}

/* Logos, documents et images */
img, .spip_logos { margin:0; padding:0; border:none; }

.spip_documents { position:relative; text-align:center; zzom:1; }
.spip_documents_center { clear:both; width:100%; margin:auto; }
span.spip_documents_center { display:block; margin-top:1em; }
.spip_documents_left { float:left; margin-top:0; margin-right:20px; margin-bottom:10px; text-align:left; }
.spip_documents_right { float:right; margin-top:0; margin-left:20px; margin-bottom:10px; text-align:right; }
.spip_doc_titre { margin-bottom:2px; font-weight:bold; font-size:14px; color:#575759; margin-left:auto; margin-right:auto; }
.spip_doc_descriptif { clear:both; font-weight:bold; font-size:12px; color:#7ca7b0; margin-left:auto; margin-right:auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior:url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float:right; display:block; border:1px dotted #666; width:180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width:100%; }

table.spip_barre a img {
	background:#FDA;
	padding:3px;
	border:1px outset #999; }
table.spip_barre a:hover img {
	background:#FFF;
	border:1px solid #999; }

table.spip_barre input.barre {
	width:100%;
	background:#EEE;
	}