*{

margin:0;

padding:0;

}

body,html{

        height:100%;/*---obligatoire pour le footer---*/

        scrollbar-base-color: #cbc78a;

        background-color:#e6efee;

        background:url(../images/charte/bg-body.gif);

}

body{

        font-size:62.5%;



}

#container{

        position: relative;

        min-height:100%;

        height:auto !important;

		padding-bottom:-5px;

        height:100%;

        width:977px;

        margin:0 auto;

        background-attachment: scroll;

        background-image: url(../images/charte/bg-hauteur.gif);

        background-repeat: repeat-y;

        background-position: left top;

}



#header{

        width:977px;

        height:215px;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

		background:url(../images/charte/bg-body.gif);

		text-align:right;

}

#header a {

        text-decoration:underline;

        color: #3a6b67;

       padding:0px 10px 0 0;

      /*  padding:0 14px 0 14px;  */

}

#header a:hover {

        text-decoration:underline;

}







/***************** CONTAINER DU CONTENU *****************/





#contenu{

        position:relative;

        width:967px;

        margin:0;

        padding-bottom:51px;

		padding-left:10px;

        font-family:Arial, Helvetica, sans-serif;

        color:#2f605a;

		display:table;

        background-attachment: scroll;

        background-image: url(../images/charte/bg-interface.gif);

        background-repeat: no-repeat;

        background-position: left top;

}

/***************** MENU TOP *****************/

#menuTop{

	position:relative;

	float:left;

	height:32px;

	z-index:10;

	width:977px;

	background:url(../images/charte/bg-menu.gif) left top no-repeat;

	list-style:none;

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 0;

	padding-left: 23px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}



#menuTop li{

	position:relative;

	float:left;

	width:auto;

	margin: 0 4px 0 4px;

	height:32px;

	display:block;

}



#menuTop a{

	text-decoration:none;

	display:block;

	overflow:hidden;

	background:left top no-repeat;

	color:#3A6B67;

}



.sous_m{

width:800px;

border:1px solid red;}



#container #menuTop a:hover,

#container #menuTop a.trigered,

#container #menuTop li.actif a{

text-decoration:underline;

}

#container #menuTop li.actif a{

cursor:default;

}



/***************** SOUS MENU *****************/

#menuTop li ul{

	list-style:none;

	position:absolute;

	width:155px;

	padding:0 0 4px;

	top:-6000px;

	left:0;

	background:#CBC78A;

}



#menuTop li li{

	float:none;

	height:auto;

}



#container #menuTop li li a{

	background:none;

	width:auto;

	position:relative;

	font:11px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform:none;

	color:#3A6B67;

	text-decoration:none;

	border-bottom:1px solid #0d8a3f;

	margin:5px 2px;

}



#container #menuTop li li a:hover{

	color:#fff;

	text-decoration:underline;

}





/***************** SOUS MENU *****************/

#menuTop li ul{

	list-style:none;

	position:absolute;

	width:155px;

	padding:0 0 4px;

	top:-6000px;

	left:0;

	background:#CBC78A;

	z-index:20;

}

#menuTop li li{

	float:none;

	height:auto;

	padding:2px;

}

#container #menuTop li li a{

	background:none;

	width:auto;

	position:relative;

	font:11px Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform:none;

	color:#3A6B67;

	text-decoration:none;

	border-bottom:1px solid #0d8a3f;

}

#container #menuTop li li a:hover{

	color:#fff;

}



/***************** MENU-LEFT *****************/



#menu {

        margin:0;

        padding-top:20px;

      /*  width:346px;*/

        float:left;

		width:300px;

		margin-bottom:10px;

        height:auto !important;

}





#menu dt {

        cursor: pointer;

        height: 28px;

        line-height: 28px;

        text-align:left;

        font-size:1.1em;

        font-weight: bold;

        text-indent:20px;

        color:#fff;

        margin:0;

		padding:0;

}



#menu dd {

        /*width:160px; */

        width:220px;

        margin:0;

        padding:0px 0px 0px 10px;

      /*  border:1px transparent solid;

       border:1px red solid; */

}

/*

*html #menu dd

        {

         border:1px #BFDAD5 solid;;

        }

*/

#menu dt a {

        color: #3a6b67;

        text-decoration: none;

        display: block;

        height: 100%;

        padding-left:20px;

}

#menu dt a:hover {

        color: #3a6b67;

        text-decoration: none;

        display: block;

        height: 100%;

        padding-left:20px;

}



#menu ul{

        border:0px solid #ccc;

        margin:0;

        padding:0;

        

}

#menu li {

        font-size:1em;

        text-align:left;

        text-indent:25px;

        text-decoration: none;

        margin:0;

        padding:4px;

        list-style-type:none;

}

#menu li a {

        font-weight:bold;

        color: #3a6b67;

        text-decoration: none;

        display: block;

}

#menu li a:hover {

        color:#3a6b67;

        text-decoration: none;

}



.clearer

{

        clear: both;

        display: block;

        height: 1px;

        margin-bottom: -1px;

        font-size: 1px;

        line-height: 1px;

}



/***************** FOOTER *****************/

#footer{

        position: relative;/*---obligatoire pour le footer---*/

        margin: -51px auto 0 0;/*---margin top = - hauteur du footer---*/

        width:977px;

        height:51px;

        text-align:center;

}