/********************************************/
/* HOME DESIGN                              */
/********************************************/

/*------------------THE BODY-----------------------------------------------------*/
body 
{
	text-align: center;/*pour tout centrer par rapport au body*/
	width:100%;
	height:100%;
	font-family: "Trebuchet MS","Eras Bold ITC", "Times New Roman",Times, Arial, serif;
}

/* ----------------------THE general -----------------------------------*/

#sondage
{
	margin-top:20px;
	margin-left:10px;
}

#general 
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	border-style:outset;
	
	
}

#middle
{
}

#middle_admin
{
	background-image:url('pictures/admin.png');
}

em
{
	font-size: 1.6em;
}

strong
{
	font-weight: normal;
	font-size: 1.2em;
	color: #dbde84;
}

.none
{
	text-decoration:none;
	border:none;
}

.petit
{
	font-size: 0.8em;
}

.center
{
	text-align: center;
}

.gras
{
	font-weight: bold;
}

.souligne
{
	text-decoration: underline;
}

.orange
{
	color: #F25127;
}

.right
{
	text-align: right;
}

#marge_barre_bas
{
    	margin-left: 200px;
}

.fright
{
	float: right;
}

.fleft
{
	float: left;
}

#marge_barre_bas_admin
{
    	margin-left: auto;
		margin-right: auto;
}
/********************************************/
/******************************* The HEADER */
/********************************************/
#header {
	clear:both;
	width:1024px;
	height:312px;
	background-image:url('pictures/banniere.png');
	overflow:hidden;
}

/********************************************/
/************ left menu *****************/
/********************************************/
#menu
{
	margin-top:30px;
	float:left;
    	overflow:hidden;/*le bloc s'adapte*/
}

#menu .partie {/*dimensionne les zooms*/
	clear:both;
	display:block;
	width:200px;
	overflow:hidden;
	text-align:left;
	margin-bottom:1px;
}
#menu .content {/*zoom des boutons*/
	font-family: "Trebuchet MS", "Eras Bold ITC","Times New Roman",Times, Arial, serif;text-align:center;
	line-height:19px;
	margin-left:12px;
	padding-bottom:2.5px;
	padding-top: 2.5px;
	width:175px;
	background-color:#D0D1D0;
	margin-top:-10px;
	margin-bottom:-1px;
	clear:both;
	overflow:hidden;
	
}
#menu .content a{/*couleur des liens*/
	font-size:13px;
	color:black;
	font-weight:bold;
	text-decoration:none;/*aucune deco (pas souligné)*/
}
#menu .content a:hover{/*quant on passe la sourie sur les liens ils grossissent*/
	font-size:14px;
	text-decoration:none;
}

/********************************************/
/****************************** The CONTENT */
/********************************************/
#contentadmin
{

   margin-top:4px;
   margin-left: auto;
   margin-right: auto;
	width: 800px;
    height:auto;
    background-image:url('pictures/barre_du_centre.png');   
}
#content
{
	float:right;
	margin-right:12px;
	width: 800px;
    height:auto;
    background-image:url('pictures/barre_du_centre.png');   
}

#content a
{
	text-decoration: none;
	color: #dbde84;
}

#content a:hover
{
	text-decoration: underline;
	color: #F25127;
}

#barre_haut
{
	margin-left:auto;
	margin-right:12px;
	width: 800px;
    height: 80px;
    background-image:url('pictures/barre_du_hautt.png');
}

#barre_haut_admin
{
	margin-left:auto;
	margin-right:auto;
	width: 800px;
    height: auto;
    
}

#content_bas
{
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 995px;
    	height:auto;
    	background-image:url('pictures/centre.png');
	color: white;
	font-size: 0.9em;
}

#bas
{
	margin-top: 10px;
}

#corp
{	
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;  
}

#idea
{
    	padding: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
    	margin-left: 10px;
	height: auto;
    	margin-top: -4px;/*pour que content soi coller au haut de la barre*/
	text-align: left;
	color: white;
}

#photo_home, .logos
{
	float: right;
}

#gallery
{
    	position: relative;
    	width: 750px;
}
#thumbs
{
    	width: 180px;
    	float: left;
}
#thumbs a
{
    	display: block;
    	float: right;
    	margin: 0 0 5px 5px;
    	width: 50px;
    	height: 50px;
    	border: 0px solid #000;
}
#thumbs a img
{
    	width: 50px;
    	height: 50px;
    	border: 0;
}
#thumbs a:hover
{
    	border-color: #ddd;
}
#thumbs a:hover img
{
    	position: absolute;
    	width: auto;
    	height: auto;
    	left: 185px;
    	top: 0;
    	border: 1px solid #333;
}