/* pour nettoyer le code */
* {
margin: 0;
padding: 0;
border: 0;
font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
font-size: 1em;
font-style: normal;
text-decoration: none;
}

#site{
	position: absolute;
	width: 800px;
	height: 600px;
	top: 1px;
	left: 21px;
	background-color: #000000;
    text-align: left;
    
    left: 50%; 
    /* top: 50%;*/
    
    /* margin-top: -300px; moitié de la hauteur */
    margin-left: -400px; /* moitié de la largeur */    
}
body
{
	background-color: #D3DABC;
	/* ca sert pour aligner le site o milieu */
	margin: 0;/* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
}
p
{
	color: 	#FFFFFF;
}

/* ---------------------------------------------------------------------------------------------------------
------   ENTETE  -------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------*/

	.entete{
		position :relative;
		width: 800px;
		height: 185px;
		top: 0px;
		left: 0px;
		background: #4583AF url("../graphisme/logo_emedian.gif") left top no-repeat;
	}
		
		/* ===  ENTETE MENU ================================================================= */
		.entete_menu
		{
			position : absolute;
			width: 780px; /*on met 780 au lieu de 800 car il y a 20px de padding left*/
			height: 20px; /*on met 20 au lieu de 25 car il y a 5px de padding top*/
			top: 0px;
			left: 0px;
			background-color: #8AABC4;
			padding-left: 20px;
			padding-top: 5px;
			text-decoration: none;
		}
		/* version pour IE */
		* html .entete_menu { height: 1px; }
		
		.entete_menu a
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 12px;
			color: #000000;
			margin-left: 10px;
			margin-right: 10px;		
		}		
		
				
		.entete_menu a:hover
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 12px;
			color: #316387;
			margin-left: 10px;
			margin-right: 10px;		
			text-decoration: none;
		}		

		
		
		
		
		/* ===  ENTETE INFOS ================================================================= */
		.entete_infos
		{
			position : absolute;
			width: 450px;
			height: 40px;
			top: 150px;
			left: 35px;		
		}
		
		.entete_infos_adresse
		{
			position : absolute;
			width: 450px;
			height: 40px;
			top: 0px;
			left: 0px;
		}
				
		.entete_infos_adresse p 
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 10px;
			color: #FFFFFF;		
		}
		
		/* ===  ENTETE CONTACT ================================================================= */
		.entete_infos_contact
		{
			position : absolute;
			width: 115px;
			height: 13px;
			top: 11px;
			left: 130px;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #B3C63A;
		}
		
		.entete_infos_contact p
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 10px;
			color: #FFFFFF;
		}

/* ---------------------------------------------------------------------------------------------------------
------  CORPS    -------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------*/

	#corps{
		position :absolute;
		width: 800px;
		height: 415px;
		top: 185px;
		left: 0px;
		background-color: #c2f1cc;
		background-image: url("../graphisme/fond_corps.jpg");
	}
	
	/* ===  CORPS MENU ================================================================= */
	.corps_menu
	{
		position:absolute;
		top: 40px;
		left: 15px;
		width: 260px;
		height: 370px;  /* +10px de padding*/
	}
	
	.special1 a
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		line-height:13px;
		color: #b3c63a;
		background-image: url("../graphisme/puce.gif");
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 15px;
		text-decoration: none;
	}
	.special1 a:hover
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		line-height:13px;
		color: #b3c63a;
		text-decoration: none;
	}
	.special2 a
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		line-height:13px;
		color: #ffffff;
		background-image: url("../graphisme/puce_vide.gif");
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 15px;
		text-decoration: none;
	}
	.special2 a:hover
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		line-height:13px;
		color: #b3c63a;
		text-decoration: none;
	}
		
	/* ===  CORPS PRESENTATION EMEDIAN ================================================= */
	.corps_presentation_emedian_t
	{
		position: absolute;
		top: 235px;
		left: 330px;
		background-color: #FFFFFF;
		width: 345px;
		height: 180px;			
		filter: alpha(opacity=50);  
   		-moz-opacity: 0.5;
   		-khtml-opacity: 0.5;
   		opacity: 0.5;
	}	
	
	.corps_presentation_emedian
	{
		position: relative;
		top: 235px;
		left: 330px;
		width: 295px;   /* +30 de padding*/
		height: 170px;  /* +10px de padding*/
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom:0px;
	}/* IE */ * html .corps_presentation_emedian{ height: 180px; }
	
	.corps_presentation_emedian p
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		color: #000000;
		margin-left:10px;
		margin-right:10px;		
		line-height:13px;
		text-align:justify;
	}
	
		/* --- CORPS PRESENTATION EMEDIAN TITRE --- */
	
		.corps_presentation_emedian_titre
		{
			position: absolute;
			top: 250px;
			left: 295px;			
			width: 60px;
			height: 13px;
			border: 1px solid #FFFFFF;
			background-color: #000000;
			text-align: center;
			padding-top: 2px;		
		}
		/* IE */ * html .corps_presentation_emedian_titre{ height: 15px; }
		
		.corps_presentation_emedian_titre p
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			text-align: center;
			font-size: 10px;
			color: #FFFFFF;
		}
	

	
		
	/* ===  CORPS PRESENTATION SITE ==================================================== */
	
	.corps_presentation_site_t
	{
		position: absolute;
		top: 0px;
		left: 330px;
		background-color: #92CBDD;
		width: 345px;
		height: 235px;			
		filter: alpha(opacity=70);  
    	-moz-opacity: 0.7;
    	-khtml-opacity: 0.7;
    	opacity: 0.7;
	}

	.corps_presentation_site_big
	{
		position: absolute;
		top: 0px;
		left: 330px;
		background-color: #FFFFFF;
		width: 345px;
		height: 415px;			
		filter: alpha(opacity=70);  
    	-moz-opacity: 0.7;
    	-khtml-opacity: 0.7;
    	opacity: 0.7;
	}

	.corps_presentation_site
	{
		position: absolute;
		top: 0px;
		left: 330px;
		width: 295px;  /* + 30 de padding */
		height: 90px;  /* +10px de padding*/
	
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 145px;
		padding-bottom:0px;
	}/* IE */ * html .corps_presentation_site{ height: 235px; }
	
	.corps_presentation_site_haut
	{
		position: absolute;
		top: 0px;
		left: 330px;
		width: 295px;  /* + 30 de padding */
		height: 90px;  /* +10px de padding*/
	
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 15px;
	}/* IE */ * html .corps_presentation_site_haut{ height: 235px; }

	.corps_presentation_site p
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 11px;
		color: #000000;
		margin-left:10px;
		margin-right:10px;
		text-align:justify;
		line-height:13px;
	}		
	
.corps_presentation_site_haut p
	{
		font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
		font-size: 12px;
		color: #000000;
		margin-left:10px;
		margin-right:10px;		
		text-align:justify;
		line-height:14px;
	}		

.corps_presentation_site_haut span
	{
		font-size: 12px;
		font-weight: bold;
		color: #000000;
	}		
	
		/* --- CORPS PRESENTATION SITE DATE --- */
		.corps_presentation_site_date
		{
			position: absolute;
			top: 143px;
			left: 295px;			
			width: 60px;
			height: 13px;
			border: 1px solid #FFFFFF;
			background-color: #000000;
			text-align: center;
			padding-top: 2px;
		}
		/* IE */ * html .corps_presentation_site_date{ height: 15px; }
		
		.corps_presentation_site_date_haut
		{
			position: absolute;
			top: 15px;
			left: 295px;			
			width: 60px;
			height: 13px;
			border: 1px solid #FFFFFF;
			background-color: #000000;
			text-align: center;
			padding-top: 2px;
		}
		/* IE */ * html .corps_presentation_site_date_haut{ height: 15px; }

		.corps_presentation_site_date_haut2
		{
			position: absolute;
			top: 15px;
			left: 295px;			
			width: 60px;
			height: 23px;
			border: 1px solid #FFFFFF;
			background-color: #000000;
			text-align: center;
			padding-top: 2px;
		}
		/* IE */ * html .corps_presentation_site_date_haut2{ height: 23px; }

		.corps_presentation_site_date p, .corps_presentation_site_date_haut, .corps_presentation_site_date_haut2 p
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 9px;
			color: #FFFFFF;
			margin-left: 2px;
			margin-right: 2px;
		}	
		

		/* --- CORPS PRESENTATION SITE LIEN --- */
		.corps_presentation_site_lien
		{
			position: absolute;
			top: 210px;
			left: 570px;
			width: 110px;
			height: 10px;
		}
		
		.corps_presentation_site_lien p, a, a:hover 
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 11px;
			color: #000000;
			margin-left: 2px;
			margin-right: 2px;
		}

		.special3 a
		{
			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 11px;
			text-decoration: none;
			color: #000000;
			margin-left: 0px;
			font-weight:bold;
		}
		.special3 a:hover
		{

			font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
			font-size: 11px;
			text-decoration: underline ;
			margin-left: 0px;
		}
		
		/* --- CORPS PRESENTATION SITE IMAGE --- */		
		.corps_presentation_site_t1
		{
			position: absolute;
			top: -114px;
			left: 361px;
			background-color: #000000;
			width: 285px;
			height: 225px;			
			filter: alpha(opacity=10);  
    		-moz-opacity: 0.1;
    		-khtml-opacity: 0.1;
    		opacity: 0.1;
		}
		.corps_presentation_site_t2
		{
			position: absolute;
			top: -112px;
			left: 363px;
			background-color: #000000;
			width: 285px;
			height: 225px;			
			filter: alpha(opacity=10);  
    		-moz-opacity: 0.1;
    		-khtml-opacity: 0.1;
    		opacity: 0.1;
		}
		.corps_presentation_site_t3
		{
			position: absolute;
			top: -110px;
			left: 365px;
			background-color: #000000;
			width: 285px;
			height: 225px;			
			filter: alpha(opacity=10);  
    		-moz-opacity: 0.1;
    		-khtml-opacity: 0.1;
    		opacity: 0.1;
		}
		.corps_presentation_site_t4
		{
			position: absolute;
			top: -108px;
			left: 367px;
			background-color: #000000;
			width: 285px;
			height: 225px;			
			filter: alpha(opacity=2);  
    		-moz-opacity: 0.2;
    		-khtml-opacity: 0.2;
    		opacity: 0.2;
		}
		.corps_presentation_site_t5
		{
			position: absolute;
			top: -106px;
			left: 369px;
			background-color: #000000;
			width: 285px;
			height: 225px;			
			filter: alpha(opacity=10);  
    		-moz-opacity: 0.1;
    		-khtml-opacity: 0.1;
    		opacity: 0.1;
		}
		.corps_presentation_site_image a
		{
			position:absolute;
			top: -115px;
			left: 360px;
			width: 285px;
			height: 225px;
			background-color: #FFFFFF;
			border:0;
		}
		
input {
position:absolute;
width:190px;
border:1px solid black;
background-color:#ffffff;
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
color:#000000;
		filter: alpha(opacity=70);  
   		-moz-opacity: 0.7;
   		-khtml-opacity: 0.7;
   		opacity: 0.7;
left:130px;
}

textarea {
position:absolute;
width:190px;
height:150px;
border:1px solid black;
background-color:#ffffff;
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
color:#000000;
		filter: alpha(opacity=70);  
   		-moz-opacity: 0.7;
   		-khtml-opacity: 0.7;
   		opacity: 0.7;
left:130px;
}

input[type=submit] {
border:1px solid black;
background-color:#ffffff;
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
color:#000000;
		filter: alpha(opacity=70);  
   		-moz-opacity: 0.7;
   		-khtml-opacity: 0.7;
   		opacity: 0.7;
}

input[type=submit]:hover {
background-color:#5893ba;
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
color:#ffffff;
}