/* Nouvelles déclarations de style CSS2.x -> HTML5 */

body {
    font-family: arial, sans-serif;
    font-size:13px;
    }

body header {
    display:block;
    position:absolute;
    top:4px;
    left:8px;
    }

body nav {
    display:block;
    min-height:17px;
    font-size:12px;
    clear:both;
    padding:2px;
    }

aside {
    display:block;
    position:absolute;
    left:4px;
    margin-top:0px;
    width:220px;
    }

article {
    display:block;
    position:absolute;
    margin-top:0px;
    right:26px;
    left:240px;
    }

article section {
    display:block;
    text-align:justify;
    }

article section div {
    text-align:justify;
    margin-bottom:6px;
    margin-left:6px;
    }

article section p {
    text-align:justify;
    margin-left:6px;
    margin-top: -6px; ;
    }

article section div.infosSups {
/*
    border-left: 20px solid #7f7f7f;
    margin-bottom:6px;
    padding: 2px;
    margin-left:6px;
    padding-left:6px;
    background-color: #e7e7e7;
*/
background: #FCE7D4;
border: 1px solid #E0AC7F;
display: block;
margin: 10px 0px;
padding: 5px 10px;
    }

article h1 {
    display:block;
    font-size: 36px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    color: #fc0000;
    text-shadow: 4px 3px 4px #afafaf;
    margin-top:0px;
    margin-bottom:0px;
    }

article h2 {
    display:block;
    color: #00016c;
    font-weight: bold;
    font-size: 150%;
    margin-top: 16px;
    margin-bottom: 6px;
    }

article img {
    padding-left: 6px;
    padding-right: 6px;
    float: right;
    vertical-align: top;
    }

#colGauche {
    float:left;
	width:48%;
	margin-right:4px;    }

#colDroite {
    position: absolute;
    right: 0px;
    border-left: #a9a9a9 dotted 1px;
	padding-left:4px;
	width:51%;
    }


/* déclaration des styles dans l'ordre d'utilisation */

 .normal {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: arial, sans-serif;
    font-size:13px;
    }


 .preambule {
	float: left;
	background-color: #efefef;
/*
	padding: 10px;
	margin: 0px 8px 8px 0px;
	width: 194px;
	border: 1px solid #83b0c5;
*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #afafaf;
  /* width:180px; */
  padding: 5px 5px 5px 5px;
	-moz-box-shadow: #afafaf 4px 4px 4px 2px, #afafaf 4px 4px;;
	margin-top:4px;
	


}

.enSavoirPlus {
    border: 1px solid #afafaf;
    width:96%;
    padding:6px;
    margin-top:6px;
    }


 .promo-verticale {
    clear:both;
    float:left;
    border-style:none;
    width:200px;
    padding-top:12px;
    text-align:center;
    }

 .titre-article {
	font-size: 36px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #fc0000;
	text-shadow: 4px 3px 4px #afafaf;
}



.liens {
    list-style-image:url(fleche1.gif);
    clear:both;
    background-color:white;
    border: 1px solid #83b0c5;
    margin:0px 8px 8px 0px;
    width:194px;
    padding-left:20px;
    padding-bottom:8px;
    padding-top:4px;
    float:left;
    }


.puce-lien {
    list-style-image:url(fleche1.gif);
    margin-top:0px;
    margin-bottom:0px;
    margin-left:16px;
    line-height:16px;
  }

 .corps-article {
    position:absolute;
    margin-top:10px;
    right:26px;
    left:240px;
    }

 .titre-rubrique {
	color: #00016c;
	font-weight: bold;
	font-size: 150%;
	margin-top: 16px;
	margin-bottom: 6px;
}

 .alinea {
    text-align:justify;
    margin-bottom:5px;
    margin-left:6px;
    }

 .para {
    margin-bottom:5px;
    margin-left:6px;
    }



 .sommaire {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:12px;
    line-height:11pt;
    list-style-type:none;
    padding:0px;
    }

 .flash {
	text-align: justify;
	margin-top: 6px;
	margin-bottom: 3px;
  border: 1px solid #83b0c5;
	padding: 4px;
}

 .note {
    color:red;
    background-color:yellow;
    }

 .nouveau {
    font-weight:bold;
    color:red;
    }

 .postit {
    background-color:#FFFFB0;
    }

 .small {
	font-size: 85%;
}



 .buttonIndex {
  background-image: url(../images/bouton_menu_vide.png);
	background-repeat: no-repeat;
  height: 51px;
	width: 281px;
  color: black;
  cursor: pointer;
  }

 .buttonBigIndex {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #afafaf;
  width:274px;
  padding: 5px 5px 5px 5px;
	/* box-shadow: 10px 10px 5px #afafaf; */
	
	
  }


 .annoncesPageAccueil {
  height:451px;
	width: 540px;
	padding-left:6px;
	padding-top:6px;
  }



 .invert {
   color:white;
	background-color:black;
	}

 .pas_ok {
   color:black;
	background-color:#DFDFDF;
	}

 .ok {color:black;background-color:#AFF3E4;}

 .light-grey {color:black;background-color:#DFDFDF;}

 .light-blue {color:black;background-color:#AFF3E4;}
 

 .bandeau-menu {
  min-height:17px;
  font-size:12px;
  display: block;
  clear:both;
  padding:2px;
 }

 .saisieAge {
    display:none;
 }

/*
IMG {
    padding-left:6px;
    padding-right:6px;
    }
*/
UL  {
    margin-top:6px;
    }

OL  {
    margin-top:6px;
    }

 .indent {
    margin-left:12px;  }

  .fond-colore {
    background-color:#dfdfff;
    }