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

*
{
	margin:0;
	padding:0;
}

img  {
	border: 0;
}

a img
{
	border:none;
}

a
{
	color: #e9690e;
}
/**********************************************************************************/
/*** Général **********************************************************************/
html,body
{
	background-image:url(../GesCOF/images/fond-page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #e9690e;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #e9690e;
	
}

#contenant
{
	width:1000px;
	height: 1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #e9690e;
}

#contenant #haut
{
	height: 180px;
	width: 1000px;
	float: left;
	background-image:url(../GesCOF/images/fond-haut.jpg);
	background-repeat: no-repeat;
	background-color: #e9690e;
}

#contenant #gauche
{
	height: 820px;
	width: 175px;
	float: left;
	background-image:url(../GesCOF/images/fond-gauche.jpg);
	background-repeat: no-repeat;
	background-color: #e9690e;
	float: left;
}

#contenant #centre
{
	width: 825px;
	height:820px;
	background-image:url(../GesCOF/images/fond-centre.jpg);
	background-color: #e9690e;
	float: left;
}

/******************************************************/
/*** Defnition du menu ************************************************************/

#gauche ul {
	margin-top: 15px
}

#gauche li.Men {
	margin-bottom:5px;
	padding-left:23px;
	list-style-type: none;
	background-image: url(../GesCOF/images/puce-menu.gif);
	background-repeat:no-repeat;
	background-position: 10px 6px;
}

#gauche li.Men a{
	font-family: Arial;
	font-size: 16px;
	color: #731b0c;
	display: block;
	text-decoration:none;
}

#gauche li.Men a:hover{
	color: #FFFFFF;
}

#gauche li.sMen {
	margin-bottom:5px;
	padding-left:23px;
	list-style-type: none;
}

#gauche li.sMen a{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	text-decoration:none;
}

#gauche li.sMen a:hover{
	font-weight:bold;
}


/**********************************************************************************/
/*** Defnition des zones ************************************************************/

#centre .Accueil
{
	width: 825px;
	height:820px;
	background-image:url(../GesCOF/images/fond-accueil.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#centre .Contenu
{
	width: 600px;
	height:820px;
	background-image:url(../GesCOF/images/fond-contenu-present.jpg);
	background-repeat: no-repeat;
	background-color: #e9690e;
	padding-top: 2px;
	float:left;
}

#centre .Telechargement
{
	width: 225px;
	height:820px;
	background-image:url(../GesCOF/images/fond-dl.gif);
	background-repeat: no-repeat;
	background-color: #e9690e;
	float:left;
}

#centre .Accueil p
{
	font-family: Arial;
	font-size: 11px;
	color: #3f130d;
	height: auto;
	width: 305px;
	padding-left: 15px;
	margin-left: 115px;
	margin-bottom:20px;
	text-align: justify;
	background-image:url(../GesCOF/images/puce.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	
}

#centre .Accueil li
{
	font-family: Arial;
	font-size: 11px;
	color: #922b1a;
	font-weight: bold;
	width: 390px;
	padding-left: 15px;
	margin-left: 130px;
	margin-bottom:5px;
	background-image:url(../GesCOF/images/puce-li.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	list-style:none;
}

#centre .Accueil p .rouge
{
	color: #922b1a;
	font-weight: bold;
}

#centre .Contenu p
{
	font-family: Arial;
	font-size: 11px;
	color: #3f130d;
	height: auto;
	width: 470px;
	margin-left: 115px;
	margin-bottom:5px;
	text-align: justify;
}

#centre .Contenu hr
{
	height: 1px;
	width: 470px;
	margin-left: 115px;
	margin-bottom:15px;
}

#centre .Contenu h1
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	height: 22px;
	width: 455px;
	padding-left: 10px;
	margin-left: 115px;
	margin-bottom: 10px;
	margin-top: 17px;
	text-align: justify;
	background-image:url(../GesCOF/images/puce.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
}

#centre .Contenu h2
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	height: 22px;
	width: 455px;
	padding-left: 15px;
	margin-left: 115px;
	margin-bottom: 10px;
	margin-top: 18px;
	text-align: justify;
	background-image:url(../GesCOF/images/puce.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
}

#centre .Contenu h3
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	height: 22px;
	width: 455px;
	padding-left: 15px;
	margin-left: 115px;
	margin-bottom: 10px;
	margin-top: 28px;
	text-align: justify;
	background-image:url(../GesCOF/images/puce.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
}

#centre .Contenu h4
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	height: 22px;
	width: 455px;
	padding-left: 15px;
	margin-left: 115px;
	margin-bottom: 10px;
	margin-top: 25px;
	text-align: justify;
	background-image:url(../GesCOF/images/puce.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
}

#centre .Contenu li
{
	font-family: Arial;
	font-size: 11px;
	color: #922b1a;
	font-weight: bold;
	width: 390px;
	padding-left: 15px;
	margin-left: 130px;
	margin-bottom:5px;
	background-image:url(../GesCOF/images/puce-li.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	list-style:none;
}

#centre .Contenu p .rouge
{
	color: #922b1a;
	font-weight: bold;
}

#centre .Telechargement p
{
	width: 180px;
	height:auto;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	margin-left:15px;
	margin-top: 270px;
	text-align:justify;
}

.imgGauche
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.imgDroite
{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}