@charset "utf-8";
/* CSS Document */

body
{
	margin:0; /* pour éviter les marges */
	padding:0;
	text-align: center; /* pour corriger le bug de centrage IE */
	background:url("../_images/bgd_site.png") center #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a img
{
	border:none;
}

a
{
	text-decoration:underline;
	color:#7D7D7D;
}

a:hover
{
	text-decoration:none;
	color:#000;
}

h2, h2 a
{
	font-size:14px;
	color:#c9cd38;
	text-decoration:none;
}

h3
{
	font-size:11px;
	color:#7D7D7D;
    font-weight:200;
	text-align:right;
}
/****************************************************************************************
****************************** POSITION ELEMENT DU SITE *********************************
****************************************************************************************/

#global
{
	position: relative; /* on positionne le conteneur */
	width:1070px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#global #bloc_gauche
{
	margin:0;
	padding:80px 120px 0 0;
	width:420px;
	min-height:400px;
	_height:400px;
	float:left;
}

#global #bloc_droit
{
	margin:0;
	padding:20px 0 30px 0px;
	width:530px;
	min-height:400px;
	_height:400px;
	float:left;
}


/****************************************************************************************
************************************ BLOC DE GAUCHE *************************************
****************************************************************************************/
#global #bloc_gauche h1
{
	margin:0 0 130px 0;
	text-align:right;
}

#global #bloc_gauche p
{
	text-align:right;
	color:#7D7D7D;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 11px 0;
}

#global #bloc_gauche p.noir
{
	color:#000;
}

#global #bloc_gauche p.petitnoir
{
	color:#000;
	font-size:8px;
}


/****************************************************************************************
****************************************** MENU *****************************************
****************************************************************************************/
#menu
{
	text-align:left;
	margin:0 0 30px 0;
	padding:0;
	width:100%;
}

#menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu ul li
{
	display:block;
	float:left;
	width:95px;
	height:27px;
	text-align:center;
	font-size:11px;
	letter-spacing:1px;
	padding:7px 0 0 0;
	margin:0 10px 0 0;
}

#menu ul li.fin
{
	margin:0 0 0 0;
}

#menu ul li:hover
{
	background:url('../_images/menu_bgd.png') no-repeat;
	color:#000;
}
* html #menu ul li
{
	height:20px;
}

#menu ul li.active
{
	background:url('../_images/menu_bgd.png') no-repeat;
	color:#000;
}


#menu ul li a
{
	color:#7D7D7D;
	text-decoration:none;
}

#menu ul li.active a, #menu ul li:hover a
{
	color:#FFF;
}



/****************************************************************************************
*************************************** CONTENU *****************************************
****************************************************************************************/
#contenu
{
	
}

#contenu .bordure_gris
{
	border:1px dashed #E2E2E2;
	background:url("../_images/bgd_bordure_gris.png") no-repeat #FFF;
	padding:2px 20px 13px 20px;
	width:500px;
	min-height:110px;
	color:#7D7D7D;
}

#contenu .bloc_vert
{
	background:url("../_images/bgd_bloc.png") repeat-x #e2e83f bottom;
	padding:15px;
	width:510px;
	min-height:220px;
}

#contenu .bloc_vert .float_left
{
	float:left;
	width:194px;
}

#contenu .bloc_vert .float_left2
{
	float:left;
	margin:0;
	width:122px;
}

#contenu .bloc_vert p
{
	margin:0 0 5px 0;
}

#contenu table.table_contact
{
	width:100%;
	border-collapse:collapse;
}
#contenu table.table_contact tr th, #contenu table.table_contact tr td
{
	padding:5px 5px;
}

#contenu table.table_contact tr th
{
	color:#000;
}

#contenu #form_contact input
{
	width:143px;
	height:26px;
	border:none;
	background:#EDEDED;
	padding:8px 4px 0 4px;
}

#contenu #form_contact textarea
{
	width:402px;
	height:165px;
	border:none;
	background:#EDEDED;
	padding:8px 4px;
}

#contenu #form_contact input.btn_ok
{
	background:url("../_images/btn_ok.png");
	width:66px;
	height:178px;
	border:none;
	cursor:pointer;

}


#contenu .bloc_fleche
{
	width:493px;
	height:155px;
	background:url("../_images/bloc_fleche.png") top left no-repeat;
	padding:6px 45px 6px 6px;
	cursor:pointer;
}
#contenu .bloc_fleche:hover
{
	background:url("../_images/bloc_fleche.png") bottom left;
}

#contenu .bloc_fleche p.image
{
	padding:0;
	margin:0 30px 0 0;
	float:left;
}
#contenu .bloc_fleche p
{
	color:#808284;
	line-height:20px;
}

/****************************************************************************************
*************************************** DIVERS ******************************************
****************************************************************************************/
.align_centre
{
	text-align:center;
}

.align_droite
{
	text-align:right;
}

.blanc
{
	color:#FFF;
}

.vert
{
	color:#c9cd38;
}

.clear
{
	clear:both;
}