body{background-color:#D4D0C8;margin:0 auto;width:966px }
article{width: 966px;margin-top:50px}
#cadre {border-radius: 10px;background-color:#8c8c8c;border-collapse: collapse;width: 690px;}
.bann{height:29px;}
.textecadre {background-color: #D4D0C8;border-left: thin solid #727272;border-right: thin solid #727272;text-align: center;font-size:18px;font-family:Arial, Helvetica, sans-serif;
font-weight:bold}
.gauche{ float:left;width:332px; background-color:#D4D0C8;font-weight:bold;line-height:22px;padding:2px;border-right:thin solid #727272}
.droite{float:right;width:332px;margin-right:2px;background-color:#D4D0C8;font-weight:bold;line-height:22px;padding:2px;}
.lettre{width:25px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:18px;vertical-align:top}
.texte{text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:16px}
span{font-size:13px;font-family:"Arial Narrow";}
.petittexte{font-size:15px;}
.cadrephotos{width:260px;margin-left:700px;border:medium solid #ffffff;}
.contener{width:681px;float:left}
.photo{width:250px;margin:4px;font-family:Arial, Helvetica, sans-serif;border:thin solid #000000;min-height:60px}
a{text-decoration:none;color:red}
a:hover{font-weight:lighter}
.doc{width:250px;border:thin solid #000000;margin:4px}
.titre{width:718px;height:157px;float:left}
.photobann{height:150px;width:240px;float:left;border: 3px solid #808080}
.entete{border-collapse:collapse;width:966px;background-color:#808080}
.textephoto{text-align:center}
.titrephoto{color:#660000;font-weight:bold}
.detailphoto{color:#003366;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}
.annexe{ float:left;margin-left:15px; background-color:#D4D0C8;font-weight:bold;line-height:22px;padding:2px;}
.presentation{background-color:#D4D0C8;line-height:22px;padding:20px;border-left: thin solid #727272;border-right: thin solid #727272;
font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#003333}
.contenerpresentation{width:250px;margin:4px;}
#cadrepresentation {border-radius: 10px;background-color:#8c8c8c;border-collapse: collapse;width: 264px;}
.textecadrepresentation {background-color: #D4D0C8;border-left: thin solid #727272;border-right: thin solid #727272;text-align: center;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.cadretexteimage{width:966px;border-width:4px;border-style:ridge;border-color:#ffff00;}
.phototexteimage{border:2px #111111 solid;float:left;display:block;margin:2px 10px 2px 2px}
p{padding-right:10px;padding-left:10px}
.titretexteimage{color:#660000;font-weight:bold;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif}
.titretexteimagenoir{color:#110000;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.titretexteimagebleu{color:#003366;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.reference{float:right;color:#003366;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.texteimage{font-family:"Arial Narrow";font-size:18px;line-height:22px;font-weight:bold}
li {list-style-type:decimal}
/*td{border: thin black solid;}*/
.couleurbord{border-color:#D4D0C8}
.encadrecellulenoir{border: thin black solid;}
/*li:before {
    content: "- ";
}*/