@charset "utf-8";
/* 
	@ Title: MIE website structure
	@ Author: Guillaume Sorel
	@ Date: 30/07/2009
	@ Version: 1.0	
*/	

/* ------------------------------------------------------------
	Global Properties
---------------------------------------------------------------- */
html { 
	/*overflow:-moz-scrollbars-vertical;*/
}
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	/*line-height: 16px;*/
}
/* ------------------------------------------------------------
	Logo and header properties
---------------------------------------------------------------- */
div.header{
	background-image: url(../img/top.jpg);
	background-repeat: repeat-x;
	height: 160px;
	margin-top: 50px;
}
div.logo{
	width: 798px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: 160px;
	margin-top: 50px;
}
/* ------------------------------------------------------------
	Page accueil
---------------------------------------------------------------- */
div.accroche{
	background-image: url(../img/accroche.png);
	/*background-image: url(../img/560x91);*/
	background-repeat: no-repeat;
	background-position: center;
	height: 91px;
	margin-top: 50px;
	margin-bottom: 30px;
}
div.texte{
	width: 798px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 18px; 
	font-family: arial, helvetica, verdana, sans-serif; 
	color: #95897f;
}
div.images{
	width: 798px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 50px;
	border: 0;
}
/* ------------------------------------------------------------
	Menu
---------------------------------------------------------------- */
#underlinemenu{
/*margin: 0;*/
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: center;
font-family: arial, helvetica, verdana, sans-serif;
font-weight: ;
width: 100%;
/* border: 1px solid #DFDFDF;
border-width: 1px 0;*/
}
/*règle pour IE. Supprime la marge extra basse*/
* html #underlinemenu ul{
margin-bottom: 0;
}
#underlinemenu ul li{
display: inline;
}
/*Les liens tels que vous voulez qu'ils apparaissent*/
#underlinemenu ul li a{
float: center;
color: #616161;
font-weight: ;
padding: 2px 6px 4px 6px;
text-decoration: none;
/*image de séparation des rubriques avec son adresse*/
/* background: white url(/img/menudivide.gif) top right repeat-y; */
}
/*Ici, c'est pour le configurer le survol des liens*/
#underlinemenu ul li a:hover {
color: #ff6809;
border-bottom: 2px solid #ff6809;
padding-bottom: 0;
/*background-color: #F3F3F3;*/
}
#underlinemenu ul li img{
float: center;
margin: -9px 0px -9px 0px;
}
/* ------------------------------------------------------------
	Contenu
---------------------------------------------------------------- */
div.contenu{
	width: 798px;
	float: center;
	margin-left: auto;
	margin-right: auto;
	outline: #616161 dotted thin;
	margin-bottom: 50px;
	margin-top: 40px;
}
div.titre {
	color: #616161;
	font-family: arial, helvetica, verdana, sans-serif; 
	letter-spacing: -1px;
	font-size: 22px;
	font-weight: bold;
}
div.sous-titre {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #616161;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 15px;
	font-weight: bold;
}
div.texte_pages{
	width: 798px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	font-size: 13px; 
	font-family: arial, helvetica, verdana, sans-serif; 
	color: #616161;
}
a.skip {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
A IMG {
	border: none;
}
a, a:visited,  a:active, a:hover, a:focus {
	border: 0;
	text-decoration: none;
	color: #ff6809;
}
/* ------------------------------------------------------------
	Footer properties
---------------------------------------------------------------- */
div.footer{
	height: 80px;
	background-image: url('../img/bottom.png');
	background-repeat: repeat-x;
	background-position: bottom center;
}