/*Feuille de style du site Eclosion */



#wrapper
{
	font-family: arial;
	font-size: 12px;
	min-height: 100%;
	font-size: 80%;
	width: 800px;
	margin: auto;
}


#header 
{
	background-image: url('./img/logoeclo.jpg');
	background-repeat: repeat-y;
	background-color: transparent;
	width: 800px;
	height: 150px;
	float: left;
}


/* MENU */

#menu 
{
	margin-left: 600px;
	width: 200px;
}

#menu_top
{
	background-image: url('./img/menu_top.png');
	background-repeat: no-repeat; 
	margin-left:600px;
	width: 200px;
	height: 123px;
	float: right;
}

#menu_news
{
margin-top: 35px;
margin-left: 60px;
color: white;

}
#menu_bot
{
	background-image: url('./img/menu_bot.png');
	background-repeat: repeat-y;
	margin:auto;
	width: 200px;
	float: right;
}

#menu_bot a
{
text-decoration:none;
color : white;
margin-left: 10px;
marfin-top: -0px;
}

.menu_bot2
{
	background-image: url('./img/menu_bot.png');
	background-repeat: repeat-y;
	margin:auto;
	width: 200px;
	height: 30px;
	float: right;
}
#menu_bot3
{
	background-image: url('./img/menu_bot.png');
	background-repeat: repeat-y;
	margin:auto;
	width: 200px;
	height: 43px;
	float: right;
}

#menu_footer
{
	
	background-image: url('./img/menu_footer.png');
	background-repeat: no-repeat; 
	width: 200px;
	height: 24px;
	float: right;
}

#menu_footer .ts
{
	margin-top: 7px;
	margin-left: 35px;

}
.menu_bouton
{
	background-image: url('./img/bouton.png');
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-top: 6px;
	text-align: left;
	width:190px;
	height:36px;
	float: right;
}
#menu_search
{
	position: relative;
	z-index:2;
	background-image: url('./img/bouton_search.png');
	background-repeat: no-repeat;
	width:135px;
	height:32px;
	float: right;
}

#input_recherche
{
	position: relative;
	marging-top: -30px;
	margin-left: 25px;
	z-index:1;
	width:100px;
	height:20px;
	border-bottom : 0;
}

#menu_search_val
{
	position: relative;
	color : white;
	font-size:10px;
	width:55px;
	height:32px;
	float: left;
	margin-left: 10px;
}

#menu_search_val .right
{
	margin-top: -15px;
	margin-left: -20px;
	padding-left: -20px;
	float: right;
}
#rechercher
{
	position: relative;
	left:2px;
	top:15px;
	z-index:2;
	color: white;
	float: left;
	margin-left: 8px;
}




/* Partie du haut  */

#content
{
	width:600px;
	float: left;
	margin: auto;
}

#content_top_top
{
	
	background-image: url('./img/top_content.png');
	background-repeat: no-repeat; 
	width: 600px;
	height: 15px;
	float: left;
}

#content_top_bot
{
	background-image: url('./img/text_top.png');
	width: 600px;
	text-align: ;
	float: left;
	color: black;
}

#content_top_bot2
{
	background-image: url('./img/content.png') ;
	background-repeat: repeat-y ;
	float: left;
	width: 600px;

}


/* Partie de gauche  */
#content_m_left
{
	background-image: url('./img/content_left.png');
	background-repeat: repeat-y; 
	width: 360px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 10px;
	float: left;
	min-height:380px;
}

#content_center
{
	background-image: url('./img/text_top.png');
	background-repeat: repeat-y; 
	width: 575px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 10px;
	float: left;
	min-height:380px;
}

#content_m_right
{
	background-image: url('./img/content_right.png');
	background-repeat: repeat-y; 
	width: 195px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: -20px;
	float: right;
	min-height:470px;
}


#content_foot
{
	
	background-image: url('./img/content_footer.png');
	background-repeat: no-repeat; 
	width: 600px;
	height: 26px;
	float: left;
}

#content_foot_center
{
	
	background-image: url('./img/');
	background-repeat: no-repeat; 
	width: 600px;
	height: 26px;
	float: left;
}

#foot
{
	
	background-image: url('./img/foot.png');
	background-repeat: no-repeat; 
	width: 600px;
	height: 10px;
	float: left;
}


.footer
{	
	margin-top: 30px;
	margin-left: 340px;
}


.footer a
{	
	text-decoration: none;
	color: black;
}


/* ************************************************* */

#langue
{
	margin-left: -60%;
	margin-top: 3%;
}



#texte_top
{
	width: 600px;
	text-align: left;
	float: left;
	color: black;
	padding-left : 20px;
}

#texte_content_middle
{
	width: 200px;
	height: 245px;
	overflow: auto;
	margin-left: 30px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: black;
}





#texte_menu
{
	margin-top: 60px;
	margin-left: 5px;
	color: white;
}

.texte_left
{
	width: 400px;
	margin-left: 5px;
	/*margin-right: 200px;*/
	text-align: left;
	float: left;
	color: black;
	vertical-align: text-bottom;
}


/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#document_actif { margin-top: 1em; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 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; }


.nettoyeur
{ display: none; }