@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding: 0px;}
body{ background-color:#101010; background-image:url(../images/bg-body.gif); background-repeat:repeat-x;text-align:center}
#conteneur{ width:1000px; margin:auto;}
#haut{width: 1000px;}
#haut h1{color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.6em; text-align:center; }
#header{width:1000px; height:120px; background-image:url(../images/header.gi)}
#footer{width:1020px; height:40px;}
#body-contenu{width:1152; min-height:680px; height:auto;background-image:url(../images/fond-body.gif); background-repeat:no-repeat;}
#contenu{ width:1000px; min-height:450px; height:auto;}
#content{ max-width:1000px;min-height:450px; height:auto;}
.page{width:108px; height:500px; display:inline-block; float:left; margin-left:5px; }

        
#menu{width: 678px; height:30px; margin-left:156px;}


a.accueil{background-image:url(../images/btn-accueil.gif);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;margin-bottom:4px;}
a.accueil:hover{ background-image:url(../images/btn-accueil-roll.gif);}
a.accueil-rub{background-image:url(../images/rub-accueil.jpg);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 495px;padding: 0px;margin-bottom:4px;}
a.accueil-rub:hover{ background-image:url(../images/rub-accueil-roll.jpg);}

a.tableau{background-image:url(../images/btn-tableau.gif);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;margin-bottom:4px;}
a.tableau:hover{ background-image:url(../images/btn-tableau-roll.gif);}
a.tableau-rub{background-image:url(../images/rub-tableau.jpg);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 495px;padding: 0px;margin-bottom:4px;}
a.tableau-rub:hover{ background-image:url(../images/rub-tableau-roll.jpg);}

a.meuble{background-image:url(../images/btn-meuble.gif);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;margin-bottom:4px;}
a.meuble:hover{ background-image:url(../images/btn-meuble-roll.gif);}
a.meuble-rub{background-image:url(../images/rub-meuble.jpg);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 495px;padding: 0px;margin-bottom:4px;}
a.meuble-rub:hover{ background-image:url(../images/rub-meuble-roll.jpg);}

a.artisanat{background-image:url(../images/btn-artisanat.gif);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;margin-bottom:4px;}
a.artisanat:hover{ background-image:url(../images/btn-artisanat-roll.gif);}
a.artisanat-rub{background-image:url(../images/rub-artisanat.jpg);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 495px;padding: 0px;margin-bottom:4px;}
a.artisanat-rub:hover{ background-image:url(../images/rub-artisanat-roll.jpg);}

a.contact{background-image:url(../images/btn-contact.gif);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;margin-bottom:4px;}
a.contact:hover{ background-image:url(../images/btn-contact-roll.gif);}
a.contact-rub{background-image:url(../images/rub-contact.jpg);display: inline-block;width: 108px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 495px;padding: 0px;margin-bottom:4px;}
a.contact-rub:hover{ background-image:url(../images/rub-contact-roll.jpg);}

#content{width:1000px; min-height:450px; height:auto; background-color:#212121;padding-left:20px; background-image:url(../images/bg-contenu.gif); background-repeat:no-repeat;}
.titre{color: #ffad00; font-family:Arial, Helvetica, sans-serif; font-size:1.4em ;}
#content p img{ display:inline-block; float :left; border:#333333 solid 1px; padding:3px; margin:5px;}
#content p {color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:.8em ;margin:10px;width:850px; float:left; text-align: justify;margin-bottom:0px;}

#gallery {width:900px;min-height:500px; margin:0 auto;}
#thumbnailszz {width:200px; height:550px; overflow:auto; float:right; margin:10px 0;border: #dddddd solid 1px;margin-top:0px;}
#thumbnails img {display:block; width:74px; height:74px; float:left; padding:3px; cursor:pointer;}
#thumbnails ul {margin:0; padding:0; list-style:none;}
#thumbnails ul li div {display:none;}
#fullSize {width:630px; font-family:georgia, serif; border: #ddddd solid 1px; background:#212121;}
#fullSize img {display:block; margin:10px auto; width:auto; padding:1px; background-color:#000;}
#fullSize div {background:#fff; margin:0 auto; text-align:left; padding:10px 0;}
#fullSize div h1 {font-size:18px; padding:5px 0; margin:0;}
#fullSize div p {font-size:12px; line-height:1.6em; color:#000; padding:5px 0; margin:0;}
#formulaire{width:900px;float:left; clear:none;margin-left:0px;margin-top:0px;padding:30px;border:1px solid #dddddd;}
form{width:350px;float:left; clear:none;margin-left:25px;margin-top:40px; padding:10px;}

input, select, textarea {border:1px solid #212121;font-size:11px;font-weight:normal;color:#000;background-color:#FFFFFF;margin:0 0 1px;font-family: arial;margin-bottom:4px;}
label {	width:90px;	display:block;float:left;color:#fff;height:15px;padding:0;margin-top: 0;margin-right: 5px;
margin-bottom:4px;margin-left: 0; font-family:arial;}
.label{color:#fff;  font-family:arial;}
.blacked{ color:#212121;}
.coord {width:350px;float:left; clear:none;margin-left:25px;margin-top:0px;border:0px solid #dddddd; padding-left:30px;padding-right: 30px;font-size: 0.6 em;color:#fff; padding-top:0px; padding-bottom:0px;font-family: arial; text-align:right; font-size: .8em;margin-top:40px;}
.coord a{ text-decoration:none; color:#CCCCCC;}
.coord a:hover{text-decoration:underline;}
#contenu #content img{padding:2px; border: #666666 solid 1px;margin: 5px;display:inline-block; float:left;}

#accueil_rouissi{padding:20px;}
.img_accueil{ display:inline-block; float:left;}
.titre_accueil{ text-align:center; font-size:24px; text-transform:uppercase;}
#p1{ float:left; color:#DAC99B; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px;margin-left:20px;width:900px; height:247px; text-align:justify}
#p2{ float:left; color:#DAC99B; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px;margin-left:0px; text-align: justify; width:950px;}
b{text-align:center; font-size:24px; text-transform:uppercase;color:#DAC99B; text-align:left; font-family:Arial, Helvetica, sans-serif;}