/* CSS du site web de DIVEX */

/* Palette de couleur
	Bleu moyen tout autours: #445577
	Background blanc du contenu: #FFFFFF
	Orange foncé utilisé pour les lignes : #AA2211
	Texte: #000000
	Titres bleu foncé: #221166
	
*/


body {
	background:#445577;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin: 10px auto;
	padding: 0;
}

p {
	line-height:16px;
}

#container {
	background-color:#FFFFFF;
	width: 875px;
	margin: 0 auto;
}

#header {
	height: 114px;
}

#menu  /* menu seul*/
{
	height: 30px;
	font-weight : bold; 
	font-family : Arial;
	font-size : 11px; 
	margin : 0px; 
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 30px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu ul /* Liste du menu*/     
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 30px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background-image:url(Images/bouton_vide.png);
	color : #FFFFFF;
	text-decoration : none;
	width : 125px;
}

#menu li /* Elements des listes */     
{
	float : left;
}

#menu li ul /* Sous-listes */
{
	position: absolute; 
	width: 125px; 
	left: -999em; /* On envoi loin du champ de vision */
}

#menu li:hover ul, #menu li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#content {
	padding: 20px 20px 2px 20px;
}

#colonnes {
	padding: 0px 5px 0px 5px;
	
}

#leftcontent {
	float:left;
	width:425px;
	text-align:justify;
}

#rightcontent {
	float:right;
	width:380px;
	padding-top:10px;
}

#border {
	background-image:url(Images/fond_annonces.jpg);
	background-repeat:no-repeat;
	padding:10px;
	height:800px;
	color:#FFFFFF;
	font-size:11px;}

#souscolonnes {
	clear:both;
}

#footer {
	height: 45px;
	padding: 5px 15px 5px 15px;
	background-color:#FFFFFF;
	font-size:11px;
}

#footer_left{
	float:left;
}

#footer_right{
	float:right;
	line-height:35px;
	vertical-align:middle;
}
	
h1{
	font-size:16px;
	color:#221166;
}

h2 {
	font-size:14px;
	color:#221166
}

h3{
	font-size:12px;
	color:#221166
}

blockquote {
	margin-left: 2em;
	padding-left: 1em;
	font-style: italic;
}


a:link {
	color: #000000;
	font-weight:600;
}

a:hover {
	color:#AA2211;
	font-weight:600;
}

a:visited {
	color:#AA2211;
	font-weight:600;
}

dt{
	font-weight:bold;
	color:#221166;
}

dd{
	line-height:16px;
}

#border a{
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
}