* {
margin:0;
padding:0;
border: 0;
font-weight: normal;
font-style: normal;
text-decoration: none; 
}

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }


img{border:0px;}
i.spip {font-style:italic}
strong.spip { font-weight:bold;}
hr.spip {height:20px;}

ul.spip{	list-style-position: inside; margin-left:10px; margin-bottom:10px;}

ul ul.spip{list-style-position: inside; margin-left:20px;}
ol.spip {list-style-position: inside; margin-left:10px;}
p.spip{margin-top:6px;margin-bottom:6px;}
.format_png { behavior: url(win_png.htc); }
h3.spip{/*padding-top:7px; padding-bottom:7px;*/ font-size:14px; font-weight: bold;}
h2.spip{padding-top:5px; padding-bottom:5px; color:#009081; font-size:14px; font-weight: bold;}
.chapo{
	font-weight:bold;
	color:#444444;
	margin-top:15px;
	margin-bottom:15px;
}

.spip_forms legend {
display:none;
font-size:1.15em;
padding:0px;
}
.spip_forms fieldset {
border:none;
margin:0px;
padding:0px;
}

.spip_forms {
color:black;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0px;
padding:0px;
border:0px;
}
.spip_forms .spip_bouton input {
background:#FFF none repeat scroll 0 0 !important;
border:none;
color:#4D4D4D;
border:1px solid #4D4D4D;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
padding:0px;
width:100px;
}
.spip_forms{
height:250px;
width:895px;
float:left;
}
.spip_forms .forml, .spip_forms .formo {
border-color:#808080 !important;
}
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea:focus, .forml-focus {
background-color:#FDE2F1 !important;
margin-bottom:2px;
margin-right:2px;
}

}
.spip_forms .forml, .spip_forms .fondl{
background-color:#FFF !important;
}
.spip_form_champ{
float:left;
clear:none !important;
height:45px;
}
.texte_1{
height:125px!important;
}
.spip_form_champ input[type=text]{
width:203px !important;
margin-left:10px;
}
.spip_forms input[type=submit]{
background-color:#F9CBE5 !important;
color:#E5248C;
}
.spip_bouton input{
margin-right:20px;
}
.spip_form_label_obligatoire{
display:none;
}
.spip_form_label_details{
display:none !important;
}
.spip_forms input{
padding:2px !important;
margin-top:3px;
background-color:#EFEFEF!important;
}
.spip_forms textarea{
width:320px;
margin:3px;
margin-left:10px;
height:100px;
padding:2px;
margin-bottom:0px;
background-color:#EFEFEF!important;
}
.spip_forms .champ_obli_oubli{
border-color:#E5248C !important;
}
.spip_forms div{
margin:0px;
}
.spip_descriptif{
font-size:12px;
color:#E5248C;
font-weight:bold;
}
.imgleft{float:left;
position:relative;
margin-right:10px;}
a{
font-weight:bold;
text-decoration:none;
color:#ED7F00;
}
a:hover{
text-decoration:underline;
}
html{
overflow-y:hidden;
overflow-x:auto;
}
body{
font-family: Verdana;
font-size:11px;
color:#4d4d4d;
}
	#content{
	background-image:url('./images/background.png');	
	background-repeat:no-repeat;
	background-position:right bottom;
	}
	#blocsite{
	position:relative;
	}


h1{
padding-top:7px;
height:30px;
cursor:pointer;
}
h2{
font-size:16px;
font-weight:bold;
}
#intro{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFF;
	z-index:1000;
}
.pass{
	position:absolute;
	top:10px;
	right:12px;
	z-index:1100;
	color:#4d4d4d;
	font-weight:normal;
	text-decoration:none;	}
.pass:hover{	text-decoration:underline;	}
#header{
width:100%;
height:103px;
position:relative;
}
	#topleft{
	width:70px;
	height:80px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	position:relative;
	float:left;
	border-bottom:1px solid #C5C4C5;	
	}
		#loading{
		display:none;
		position:relative;
		left:40px;
		top:25px;
		}
	#topright{
	height:60px;
	width:50px;
	margin:10px;
	position:relative;
	float:left;
	border-left:1px solid #C5C4C5;
	}
#blocsite{
padding-top:10px;
padding-left:20px;
padding-bottom:200px;
}
#zone1{
height:300px;
}
#zone2{
height:300px;
overflow:hidden;
}
#zone3{
height:400px;
}
#zone4{
height:300px;

}
#zone5{
width:1250px;
height:300px;

}
.menu{
border-top:1px solid #C5C4C5;
border-bottom:1px solid #C5C4C5;
}

	.content{
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	position:relative;
	}
		.content .suivant{
		position:absolute;
		bottom:0px;
		right:0px;
		background-position:center center;
		background-image:url('images/suite.png');
		width:28px;
		height:22px;
		cursor:pointer;
		}
		.content .precedent{
		position:absolute;
		bottom:0px;
		left:0px;
		background-position:center center;
		background-image:url('images/precedent.png');
		width:28px;
		height:22px;
		cursor:pointer;
		}
	.imgart{
	margin-right:15px;
	border:none;
	}
	#content1{width:100%; height:275px;}
	#content2{/*width:100%;*/ height:275px;}
	#content3{width:100%; height:355px;}
	#content4{width:100%; height:275px;}
	#content5{width:100%; height:275px;}
	#content2 img{
	float:left;
	position:relative;
	}
	.colonne{
	width:300px;
	height:250px;
	margin-right:15px;
	position:relative;
	float:left;
	font-size:11px;
	text-align:justify;
	}
	#larttitre{
	position:absolute;
	top:55px;
	left:100px;
	z-index:1;
	}
	.colonnes{
	height:250px;
	/*width:100%;*/
	float:left;
	position:relative;
	}
	.colonnes div div{
	width:300px;
	height:250px;
	margin-right:15px;
	position:relative;
	float:left;
	font-size:11px;
	text-align:justify;
	}
	.ssmenu{
		width:200px;
		float:left;
		position:relative;	
		clear:both;
	}
	
	.ssmenu ul{
	list-style:none;
	font-size:12px;
	}
	.ssmenu li{
	margin-top:5px;
	margin-bottom:5px;
	}
	.ssmenu li:hover{
	color:#E1007A;
	}
	.projet{
		float:left;
		position:relative;
		height:370px;
		list-style:none;
		cursor:pointer;
	}
	.infoprojet{
	width:300px;
	height:335px;
	padding:10px;
	background-color:#E1007A;
	color:#FFFFFF;
	font-size:11px;	
	position:relative;
	float:left;
	top:0px;
	display:none;
	margin-right:15px;
	padding:10px;
	text-align:justify;
	}
	.spacer1{margin-left:15px;}
	.spacer2{margin-left:25px;}
	.spacer3{margin-left:19px;}
	.spacer4{margin-left:42px;}
	.spacer5{margin-left:10px;}
	.spacer6{margin-left:34px;}
	.spacer7{margin-left:30px;}
	.spacer8{margin-left:28px;}
	.spacer9{margin-left:21px;}
	.spacer10{margin-left:38px;}
	#lesprojets{
	
	}
	.imageprojet{
	margin-bottom:5px;
	text-align:center;
	position:relative;
	}
	.imageprojet img{
	border:0px;	
	}
	.imageprojet .suivant{
	position:absolute;
	bottom:0px;
	right:0px;
	}
	.imageprojet .precedent{
	position:absolute;
	bottom:0px;
	left:0px;
	}
	.contenu{
	display:none;
	}
	.descprojet{
		position:absolute;
		top:-70px;
		width:310px;
		font-size:11px;
		color:#E1007A;
		left:0px;
		border-left:5px solid #E1007A;
		padding-left:5px;
		display:none;
		display:none;
	}
		.desccouleur3{
		color:#E1007A;
		border-left:5px solid #E1007A;
		}
		
		.desccouleur2{
		color:#77AEC3;
		border-left:5px solid #77AEC3;
		}
		.desccouleur8{
		color:#D1A333;
		border-left:5px solid #D1A333;
		}

	.titrep{
	font-weight:bold;
	font-size:12px;
	}
	.surtitrep{
	font-weight:bold;
	}
	.page1{
	
	}
	.page2{
	display:none;
	}
	.page3{
	display:none;
	}
	
		.suivant span{
		display:none;
		}
		.precedent span{
		display:none;
		}
		.imageprojet .suivant{
		position:absolute!important;
		}
		.imageprojet .precendent{
		position:absolute!important;
		}
		.infoprojet .suivant{
		width:28px;
		height:22px;
		background-position:center center;
		background-repeat:no-repeat;
		cursor:pointer;
		display:block;
		}
		.infoprojet .precedent{
		width:28px;
		height:22px;
		background-position:center center;
		background-repeat:no-repeat;
		cursor:pointer;
		display:block;
		}
	.couleurprojet3{
		background-color:#E1007A;
	}
		.couleurprojet3 .suivant{
			background-image:url('images/suite_rose.png');
		}
		.couleurprojet3 .precedent{
		background-image:url('images/precedent_rose.png');
		}
		.couleurprojet3 .liendoc{
		background-image:url('images/document_rose.png');
		}
	.couleurprojet2{
		background-color:#77AEC3;
	}
		.couleurprojet2 .suivant{
		background-image:url('images/suite_bleu.png');
		}
		.couleurprojet2 .precedent{
		background-image:url('images/precedent_bleu.png');
		}
		.couleurprojet2 .liendoc{
		background-image:url('images/document_bleu.png');
		}
	.couleurprojet8{
		background-color:#D1A333;
	}
		.couleurprojet8 .suivant{
		background-image:url('images/suite_or.png');
		}
		.couleurprojet8 .precedent{
		background-image:url('images/precedent_or.png');
		}
		.couleurprojet8 .liendoc{
		background-image:url('images/document_or.png');
		}
	.liendoc{
	bottom:4px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	height:15px;
	position:absolute;
	right:1px;
	padding-top:2px;
	text-decoration:none;
	padding-right:30px;
	background-position:right center;
	background-repeat:no-repeat;
	}
	.liendoc:hover{
	text-decoration:underline;
	}
	.liendoc img{
	border:0 none;
	bottom:-6px;
	position:relative;
	}
#mentions{
position:absolute;
top:20px;
right:20px;
font-size:10px;
background-color:#FFF;
color:#C5C4C5;
padding:5px;
}
#artmentions{
width:550px;
position:absolute;
top:50px;
left:50%;
margin-left:-275px;
z-index:10;
background-color:#FFF;
border-top:1px solid #C5C4C5;
border-bottom:1px solid #C5C4C5;
display:none;
margin-bottom:40px;
padding:10px;
background-color:#EFEFEF;
}
#artmentions h1{
height:15px;
}
#artmentions div{
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
#artmentions div a {
color:#E5248C;
}
#artmentions .ferme{
position:absolute;
top:10px;
right:10px;
color:#E5248C;
}
#logo{
	position:absolute;
	right:30px;
	bottom:100px; /*50px;*/
}