@charset "iso-8859-1";

html {
    margin:         0px;
    padding:        0px;
    height:         100%;
	background-color:			#F2F2ED;
}

* {margin: 0; padding: 0;}

#page 
{
        width: 1024px; 
        margin-left: auto;
        margin-right: auto;
	    font-family:	Verdana, Arial, Helvetica, sans-serif;
		font-size:		70%;
}

#header {
	/*position:		   relative;*/
	/*width:             1020px;*/
	
	height:			   168px;
	display:			block;
	float:				left;
	/*border:			   solid 1px blue;*/
}
#img
{
	width:		1024px;
	padding:           0px;
	display:		block;
	float:		left;
    /*border-bottom:     solid 1px #9DC34C;*/	
}

#img_menu
{
	width:			670px;
	height:			169px;
	padding:		0px;
	display:			block;
	float:				left;
 	/*border:    		solid 1px red;*/
}

#img_menu_1
{
	width:			474px;
	height:			52px;
	padding:		0px;
	display:			block;
	float:				left;
 	/*border:    		solid 1px red;*/
}

#img_menu a
{
	border:	0px;
}

img
{
	display:			block;
	float:				left;
}

#img_menu_2
{
	display:			block;
	float:				left;
}

#content {
	/*border:			solid 2px blue;*/
	position:		relative;
	margin:			auto;
	padding:		0;
	background:		#F2F2ED url(site/images/bandeau_02.png) left top no-repeat;
	min-height:		550px;
	width:			1024px;
	float:left;
	
}

#content_black {
	/*border:			solid 2px blue;*/
	position:		relative;
	margin:			auto;
	padding:		0;
	background:		#000000 url(site/images/rubriq/bandeau_02.png) left top no-repeat;
	min-height:		550px;
	width:			1024px;
	float:left;
	
}

#contenu {
	/*border:			solid 1px red;*/
	margin:			auto;
	padding:		20px 0px 0px 250px;
/*	float:			left;*/
	width:			700px;
	min-height:		550px;
	text-align:		justify;
}

#contenu2 {
	/*border:			solid 1px red;*/
	margin:			auto;
	padding:		20px 0px 0px 250px;
/*	float:			left;*/
	width:			700px;
	min-height:		550px;
	text-align:		justify;
}

#sousrubrique {
	/*border:			1px solid blue;*/
	float:			left;
	width:			165px;
	height:			550px;
}

#sousrubrique a{
	color:	#FFFFFF;
}

#sousrubrique ul.sr {
	margin:			0px 0px 0px 0px;
	/*padding:		2px 0px 0px 0px;*/
	font-weight:	bold;
	list-style:		none;
	width:			165px;
	color:	#FFFFFF;
	/*border:			1px solid red;*/
}

#sousrubrique ul.sr a
{
	text-decoration:	none;
	list-style:			none;
}

#sousrubrique ul.sr a:hover
{
	color:				#D0B64F;
	text-decoration:	none;
	list-style:			none;
}

#sousrubrique ul.ssr {
	margin:			0px 0px 0px 15px;
	/*padding:		2px 0px 0px 0px;*/
	clear:			both;
	list-style:		none;
	width:			160px;
	/*border:			1px solid red;*/
}

#sousrubrique ul.ssr a
{
	text-decoration:	none;
	list-style:			none;	
}

#sousrubrique ul.ssr a:hover
{
	color:				#D0B64F;
	text-decoration:	none;
	list-style:			none;
}

/**********************************/
/** css pour la page de contact ***/
/**********************************/

#contact
{
	/*border:		solid 1px red;*/
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			70%;
	width:		500px;
	height:		500px;
}

#contact input
{
	border:			solid 1px #C4C4C4;
	width:			260px;
}

#contact textarea
{
	border:			solid 1px #C4C4C4;
}

#contact a
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	list-style:			none;
	text-decoration:	none;
	font-weight:		bold;
	color:				#000000;
}

#contact a:hover
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	list-style:			none;
	text-decoration:	underline;
	font-weight:		bold;
	color:				#000000;
}

.libelle
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin-left:	30px;
	font-weight:	normal;
	width:			150px;
	height:			15px;
	/*border:			solid 1px blue;*/
	float:			left;
}

/*******************************/
/** css pour la page du plan ***/
/*******************************/

#content_plan {
	/*border:			solid 1px blue;*/
	position:		relative;
	margin:			auto;
	padding:		0;
	background:		#F2F2ED url(site/images/bandeau_02.png) left top no-repeat;
	min-height:		550px;
	width:			1000px;
	float:left;
	
}

#contenu_plan {
	/*border:			solid 1px red;*/
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin:			auto;
	padding:		20px 0px 0px 270px;
/*	float:			left;*/
	width:			690px;
	min-height:		550px;
	text-align:		justify;
	font-size:		80%;
}

#contenu_plan a{
	text-decoration:	none;
	list-style:			none;
	color:	#000000;
	font-weight:bold;
}

#contenu_plan ul{
	text-decoration:	none;
	list-style:			none;
	margin-left:		20px;
}

#contenu_plan ul li a{
	color:	#D0B64F;
	font-weight:normal;
}

#contenu_plan a:hover{
	text-decoration:	underline;
	list-style:			none;
}