/* ---------------------- CSS Document ---------------------- */
body
{
	width: 90%;
	min-width: 790px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #bbbbbb;
	behavior: url(csshover.htc);
}

/* ---------------------- l'en-tête ---------------------- */
.topleft
{
	background-image : url('images/tl.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.topright
{
	background-image : url('images/tr.gif');
	background-repeat : no-repeat;
	background-position : top right;
	padding : 5px 0px 3px 0px;
}

#en_tete
{
   width: 90%;
   min-width: 790px;
   text-align:center;
   height:121px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-image: url("images/baniere1.gif");
   background-position: 50% 0%;
   background-repeat: no-repeat;
}

/* ---------------------- menu onglets - menu déroulant ---------------------- */
#menu a 
{
	color:#ffffff;
	height: 17px;
	font: bold 10px verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

#menu ul 
{
	padding: 0px; 
	text-align:center;
	margin-top: 90px;
	margin-left: 0px;
	margin-bottom: 0px;
    padding-bottom: 24px;
}

#menu li 
{
	background-image: url("images/bbaniere1.jpg");
	height: 20px;
	border-width: 1px;
	margin-left: 0px;
	padding-left: 0px;
}

#menu li:hover 
{
	background-image: url("images/onglet1.jpg");
	border-style: outset;
	border-bottom-style: hidden;
}

#menu ul li 
{
	position: relative; 
	list-style: none; 
	float: left;
}

#menu ul ul 
{
	position: absolute;
	display: none; 
	width: 110px;
	margin-top: 0px;
}

#menu li a 
{
	text-decoration: none; 
	padding: 3px 0 0px; 
	display: block;
	width: 110px;
}

#menu ul.niveau2 
{
	padding: 0px 0 0px; 
}

#menu ul.niveau2 li
{
	background-image: url("");
	background-color: #4A952C;
	border-width: 1px;
	border-style: inset;
	border-color: #2f4c74;
	height: 30px;
	vertical-align: middle; 
	float: left;
}

#menu ul.niveau2 li:hover
{
	background-color: #3B5D8A;
	border-style: groove;
	float: left;
}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2
{
	display: block;
}

#menu ul.niveau1 li.active a 
{
	background-image: url("images/onglet2.jpg");
	border-style: outset;
	border-bottom-style: hidden;
	border-width: 1px;
	border-color: #2f4c74;
}

#menu ul.niveau1 li.active ul.niveau2 li a
{
	background-image: url("");
	border-width: 0px;
}


/* ---------------------- sous en-tête - second menu ---------------------- */
#sous
{
   width: 90%;
   min-width: 790px;
   height: 23px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left; 
   background-image: url("images/baniere2.jpg");
}

#sous a 
{
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	pading: 0px;
	vertical-align: middle;
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
}

#sous a:hover
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color: #cb2121;
}

/* ---------------------- Le corps ---------------------- */
#corps
{
   width: 90%;
   min-width: 790px;
   background-color: #f1f5f6;   
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   text-align: left;  
}

#corps p 
{
	font-family: Verdana, Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: #265082;
    text-decoration: none;
    text-align: normal;
    border-style: none;
}

#corps h1 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps h2 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps h3 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps h4 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps h5 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps ul 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #265082;
	text-decoration: none;
	text-align: justify;
	border-style: none;
}

#corps li 
{
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #265082;
	text-decoration: none;
	text-align: left;
	border-style: none;
}

#corps img
{
	border-color: #000000;
}

/* ---------------------- pieds ---------------------- */
#pieds
{
   width: 90%;
   min-width: 790px;
   background-color: #f1f5f6;   
   border: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
}

#pieds a
{
	color: #265082;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
}


.lowerleft
{
	background-image : url('images/bl.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	margin: 0px;
}

.lowerright
{
	background-image : url('images/br.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
	margin: 0px;
}