body {
	font-family: Verdana;
	font-size: 12px;
	margin: 0;
	padding:0;
	background: #cc0001; 
	line-height: 12px;
	font-weight:normal;
}

A.link:link{color: #e5d4a7;font-size: 16px;font-style:normal;text-decoration: none;}
A.link {color: #e5d4a7;font-size: 16px;font-style:normal;text-decoration: none;}
A.link:hover{color: #000;font-size: 16px;font-style:normal;text-decoration: none;}

A.link1:link{color: #cc0001;font-size: 16px;font-style:normal;font-weight:bold;text-decoration: none;}
A.link1 {color: #cc0001;font-size: 16px;font-style:normal;font-weight:bold;text-decoration: none;}
A.link1:hover{color: #000;font-size: 16px;font-style:normal;font-weight:bold;text-decoration: none;}

A.link2:link{color: #fff;font-size: 9px;font-style:normal;font-weight:bold;text-decoration: none;}
A.link2 {color: #fff;font-size: 9px;font-style:normal;font-weight:bold;text-decoration: none;}
A.link2:hover{color: #000;font-size: 9px;font-style:normal;font-weight:bold;text-decoration: none;}

A.link3:link{color: #fff;font-size: 16px;font-style:normal;text-decoration: none;}
A.link3 {color: #fff;font-size: 16px;font-style:normal;text-decoration: none;}
A.link3:hover{color: #000;font-size: 16px;font-style:normal;text-decoration: none;}

A.link4:link{color: #000;font-size: 16px;font-style:normal;text-decoration: none;}
A.link4 {color: #000;font-size: 16px;font-style:normal;text-decoration: none;}
A.link4:hover{color: #fff;font-size: 16px;font-style:normal;text-decoration: none;}





h1{font-size:16px;line-height:20px; display:inline;}
h2{font-size:11px;line-height:14px; display:inline;}
h3{font-size:9px;line-height:14px;display:inline;}
h4{font-size:8px;line-height:20px;display:inline;}

.titre-news{font-size:14px;color:#000;font-weight:bold;text-decoration:underline;font-style:italic;}
.txt-main{color:#cc0000;}
.txt1{color:#000;}
.txt2{color:#cc0000;}

/******************************** MENU ****************************************************************/

.menu{
	float:left;
	width: 700px;
	margin:  40px 0 0 20px !important;
	margin:  40px 0 0 10px;
}

#navcontainer
{
	font-family: Times, serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#navlist
{
	list-style: none;
	padding: 0;
	margin: 5px 5px;
	/*width: 100%;*/
	font-size: 13px;
}

ul#navlist li
{
	display: block;
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
}

ul#navlist li a
{
	display: block;
	/*width: 100%;*/
	padding: 5px;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: #B7B1B1;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
	background: #9F9F9F;
	color: #000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #CC0001;
	font-weight: bold;
	background: #B7B1B1;
	border-color: #aaab9c #000 #000 #ccc;
}

/******************************** INDEX	**************************************************************/

.layer-index{
	width: 768px;
	margin: 0 auto;
}

.h1-index{
	float:left;
	width: 768px;
	margin: 10px;
	text-align:center;
}

.cadre-index{
	float:left;
	width: 768px;
	height: 550px;
	background: url("../jpg/f-index.jpg") no-repeat;
}

.flash-index{
	float:left;
	width: 700px;
	height: 300px;
	margin: -80px 0 0 30px !important;
	margin: -80 0 0 15px;
}

.news{
	float:left;
	width: 760px;
	height: 300px;
	margin: -30px 0 0 4px !important;
	margin: -30 0 0 2px;
	text-align:center;
	color:#0903fd;
	font-weight:normal;
	font-size: 12px;
}

.info-index{
	float:left;
	width: 768px;
	margin: -100px 0 0;
}

.info-index-left{
	float:left;
	width: 380px;
	text-align:center;
	margin: -30px 0 0;
}

.info-index-right{
	float:left;
	width: 380px;
	text-align:center;
}

.adresse-index{
	float:left;
	width: 768px;
	margin: 30px 0 0;
	text-align:center;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

.footer{
	float:left;
	width: 768px;
	margin: 10px;
	text-align:center;
	font-size:9px;
	color:#fff;
	font-weight:bold;
}


/********************************	PAGE	**************************************************************/

.layer-page{
	width: 745px;
	margin: 0 auto;
}

.h1-page{
	float:left;
	width: 745px;
	margin: 10px;
	text-align:center;
}

.top{
	float:left;
	width: 745px;
	height: 154px;
	background: url("../jpg/top_page.jpg") no-repeat;
}

.top-page-left{
	float:left;
	width: 200px;
	height: 230px;
	margin: -35px 0 0 -10px;
}

.flash-page{
	float:left;
	width: 200px;
	height: 230px;
	margin: 0;
}

.top-page-right{
	float:left;
	width: 545px;
	height: 230px;
	margin: -35px 0 0 -10px !important;
	margin: -230px 0 0 90px;
}

.top-page-right-top{
	float:left;
	width: 545px;
	margin: 0;
}

.mail-page{
	float:left;
	width: 24px;
	height: 16px;
	margin: -30px 0 0 480px !important;
	margin: -30px 0 0 240px ;
}

.acces-page{
	float:left;
	width: 34px;
	height: 34px;
	margin: -40px 0 0 510px !important;
	margin: -40px 0 0 255px ;
}

.top-page-right-foot{
	float:left;
	width: 545px;
	margin: 0;
}

.drap{
	float:left;
	width: 22px;
	height: 16px;
	margin: 15px 0 0 25px !important;
	margin: 15px 0 0 12px;
}

.norme{
	float:left;
	width: 50px;
	height: 48px;
	margin: 15px 0 0 10px !important;
	margin: 15px 0 0 5px;
}

.titre-page{
	float:left;
	width: 319px;
	height: 76px;
	margin: -25px 0 0 240px !important;
	margin: 10px 0 0 120px;
}



/************************************************** CONTENER **********************************************/

.contener{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 !important;
	margin: -41px 0 0;
}

.contener-activite{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 ;
	background: url("../jpg/foot_activites.jpg") no-repeat;
	text-align:right;
}

.contener-activite-left{
	float:left;
	width: 220px;
	height: 360px;
	margin: 0 ;
}

.adresse-page{
	float:left;
	width: 220px;
	margin: 300px 0 0 -10px;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	line-height: 12px;

}

.contener-activite-right{
	float:left;
	width: 525px;
	height: 360px;
	margin: 0 ;
}

.txt-contener-activite{
	float:left;
	width: 520px;
	margin: 80px 0 0;
	text-align:right;
	color:#696767;
	font-weight:bold;
	line-height: 16px;
	font-size: 12px;
	
}

.contener-savoir{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 ;
	background: url("../jpg/foot_savoirfaire.jpg") no-repeat;
}


.txt-contener-savoir{
	float:left;
	width: 520px;
	margin: 0;
	text-align:right;
	color:#696767;
	font-weight:bold;
	line-height: 16px;
	font-size: 12px;
	
}

.img-defil{
	float:left;
	width: 536px;
	height: 126px;
	margin: 3px 0 0 -20px;
	background: #fff;
}

.txt-contener-parc{
	float:left;
	width: 520px;
	margin: 60px 0 0;
	text-align:right;
	color:#696767;
	font-weight:bold;
	line-height: 16px;
	font-size: 12px;
	
}

.contener-acces{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 ;
	background: url("../jpg/foot_acces.jpg") no-repeat;
	text-align:right;
}

.contener-acces-an{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 ;
	background: url("../jpg/foot_acces_an.jpg") no-repeat;
	text-align:right;
}

.contener-mail{
	float:left;
	width: 745px;
	height: 360px;
	margin: 0 ;
	background: url("../jpg/foot_mail.jpg") no-repeat;
	text-align:right;
}