body {margin: 0; padding: 0; background-color: black;}
img {border : none;}
#w3c {margin-top:5px;text-align:center;}
#w3c img {width:88px;height:31px;}
#mdr {visibility: hidden; height: 1px;}
#logo {position: absolute; top: 0; left: 0; width: 100px; height: 100px;}
#bandeau {position: absolute; top: 0; left: 0; width: 100%; height: 100px; background-image: url('images/bandeau.jpg');}
#nomannuaire {width: 708px; height: 100px; margin-left: auto; margin-right: auto; padding-left: 100px;padding-right: 100px;}
#central {position: absolute; width: 100%;  top: 100px; background-color: black;}
#recherche {width: 500px; height: 30px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 3px; padding-bottom: 5px; background: url('images/recherche.jpg') repeat-x; }
#menuhaut {width: 100%; margin-top: 10px; margin-bottom: 10px; text-align: center;}
#menubas {width: 100%; height: 20px; margin-top: 10px; text-align: center; background-image: url('images/nosannuaires.jpg');}
#menubas A {color: black; text-decoration:none;}
#menubas A:hover {color: black; text-decoration:underline;}
#menumembre {width: 100%; margin-top: 10px; text-align: center;}

#copyright {width: 100%; height: 20px; margin-top: 10px; text-align: center; background-image: url('images/copyright.jpg');}
#copyright A {color: black; text-decoration:none;}
#copyright A:hover {color: black; text-decoration:underline;}
#boitecentree {width: 500px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-left: 100px;padding-right: 100px;}
#boitelarge {width: 600px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-left: 100px;padding-right: 100px;}
.preload {visibility:hidden; height:1px; display:none;}
.boites {width: 33.30%; margin-top: 5px; float: left;}
.boites A {text-decoration:none; color: white;}
.boites A:hover {color: blue;}
.boite {background-color: yellow; margin-left: 10px; margin-right: 10px; margin-top: 10px;}
.lesitealaune {float: left; width: 140px; text-align: center; font-size: 11px; padding-right:10px;}
.lesitealaune img {width:140px;height:140px;}
.sitealaune_titre {font-size: 12px; font-family: Verdana, Arial, Sans-serif; font-weight: bold; text-decoration:underline;}
.sitealaune_description {font-size: 12px; font-family: Verdana, Arial, Sans-serif; }
.categ_logo {float: left; }
.categ_logo img {padding-left:5px;padding-right: 5px;}
.categ_titre {font-weight:bold; text-decoration:underline;}
.categ_nbsites {font-size: 10px;}
.clear {clear:both;}

.cadre { position: relative; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; background-color: black; color: white;}
.cadre .haut_gauche, .cadre .haut_droite, .cadre .bas_gauche, .cadre .bas_droite { height: 21px; width: 21px; background-repeat: no-repeat; position: absolute;}
.cadre .haut, .cadre .bas { height: 21px; width: 100%; position: absolute;}
.cadre .gauche, .cadre .droite { height: 100%; width: 21px; position: absolute;}
.cadre .haut { top: 0px; left: 0px; background-image: url("images/img_haut.png"); z-index: 2; }
.cadre .bas { bottom: 0px; left: 0px; background-image: url("images/img_bas.png"); z-index: 2; }
.cadre .gauche { top: 0px; left: 0px; background-image: url("images/img_gauche.png"); z-index: 2; }
.cadre .droite { top: 0px; right: 0px; background-image: url("images/img_droite.png"); z-index: 2; }
.cadre .haut_gauche { top: 0px; left: 0px; background-image: url("images/img_coinhautgauche.png"); z-index: 2; }
.cadre .haut_droite { top: 0px; right: 0px; background-image: url("images/img_coinhautdroite.png"); z-index: 2; }
.cadre .bas_gauche { bottom: 0px; left: 0px; background-image: url("images/img_coinbasgauche.png"); z-index: 2; }
.cadre .bas_droite { bottom: 0px; right: 0px; background-image: url("images/img_coinbasdroite.png"); z-index: 2; }
.cadre .contenu_fond { position: relative; padding: 12px; z-index: 1; background-color: #c0c0c0;}
.cadre .contenu { position: relative; padding: 12px; z-index: 3; }

.titre_page {width: 100%; text-align: center; font-weight: bold;}
.message_page {font-size: 10px; font-family: Verdana, Arial, Sans-serif; }
.erreur {color: red; font-weight: bold ;}

.boitesite {width: 90%; margin-top: 10px; margin-left: auto; margin-right: auto;}

.panier {text-align: center;}
.panier table {border: solid 1px black; border-collapse:collapse; margin: 0 auto;}
.panier td {border: solid 1px black; padding-left: 10px; padding-right: 10px;}
.panier_separateur {color: yellow; border: solid 2px black; background-color: red; padding-left: 10px; padding-right: 10px;}
.panier_total {color: yellow; border: solid 2px black; background-color: #C90601; padding-left: 10px; padding-right: 10px;}

.categorie_site_titre {font-size: 14px; font-family: Verdana, Arial, Sans-serif; font-weight: bold; text-decoration:underline;}
.categorie_site_image {float: left; padding-right: 10px;}
.categorie_site_description {font-size: 12px; font-family: Verdana, Arial, Sans-serif; }
.categorie_site_description A {text-decoration:underline; color: white;}
.categorie_site_description A:hover {color: blue;}
.categorie_site_infos {float: right; font-size: 10px; font-family: Verdana, Arial, Sans-serif;}
.categorie_site_infos A {text-decoration:underline; color: white;}
.categorie_site_infos A:hover {color: blue;}