/* ----------------------------------------
	Proprietes generales	
-------------------------------------------*/

body{font:11px/1.6em "Lucida Grande",LucidaGrande,Lucida,Helvetica,Arial,sans-serif;margin:0;background:#e7e7e7;color:#333;}

a{color:#444;text-decoration:none;border:none;}
a:hover{color:#777;text-decoration:underline;}

img{border-width:0;}
img.logo{margin-right: 20px;;margin-top:20px;float:right;}
img.titre{margin-left: 20px;margin-top: 100px;float:left;}


#globale{display:block;width:758px;margin:20px auto 0;background:url(../img/ombrage.gif) repeat-y -758px 0;}
#ombrage{padding:2px 4px 0;background:url(../img/ombrage.gif) no-repeat 0 0;}
#conteneur{display:block;background:#fff;padding-top:0;}
.clear{display:block;clear:both;width:100%;height:1px;margin:0 0 -1px;font-size:1px;line-height:1px;}



/* ----------------------------------------
	Bandeau haut et Menus	
-------------------------------------------*/

#atelier-libellule{float:right;width:750px;height:150px;padding:0;background:#d20019;}
#creations{float:right;width:750px;height:150px;padding:0;background:#ff7a00}
#amenagements{float:right;width:750px;height:150px;padding:0;background:#bccb00}
#contact{float:right;width:750px;height:150px;padding:0;background:#4f96ce;} 
#atelier{float:right;width:750px;height:150px;padding:0;background:#94166d;} 

#menu{float:left;width:750px;height:30px;background:#3f1710;}
#menu ul{padding:0;margin:0;left;margin-left:20px;list-style-type:none;}
#menu li{margin:2px 0 0 -1px;padding:0;float:left;}
#menu li a{padding:7px 2px 8px 0px;float:left;color:#3f1710;}



/* ----------------------------------------
	Sous Menu	
-------------------------------------------*/

#smenu{float:left;width:149px;height:420px;padding:0;border-right:1px solid black;}
#smenu ul {margin:20px 15px 10px;padding:0px 0 0 0px;list-style:none;}
#smenu li {border-bottom:dotted 1px #fff}
#smenu a{line-height:20px;text-decoration:none;}

#smenu p {padding:10px; font-size:10px;}
#smenu a.contact {font-size:10px;text-decoration:none;line-height:15px;} 

.creations{background:#ffbc7f;}
.creations a{color:#401c0b;}
.creations a:hover{color:#ff7a00;text-decoration:none}

.amenagements{background:#dde57f;}
.amenagements a{color:#401c0b;}
.amenagements a:hover{color:#bccb00;text-decoration:none;}

.contact{background:#a7cae6;}

.atelier{background:#c98ab6;}
.atelier a{color:#401c0b;}
.atelier a:hover{color:#94166d;text-decoration:none;}



/* ----------------------------------------
	Affiche des visuels
-------------------------------------------*/

#visuel_home{float:right;width:750px;height:420px;padding:0;background:#fff;}
#visuel_home p.descriptif{position:absolute;margin:365px 0 0 220px;width:375px;height:50px;background-color:#666666;color:#FFFFFF;line-height:14px;padding:5px 0 0 5px}

#visuel{position:relative;float:right;width:600px;height:420px;padding:0;background:#fff;}
#visuel2{position:relative;float:right;width:600px;height:420px;padding:0;background:#000;}
#visuel ul{display:inline;padding:0;margin:0;font-size:11px;line-height:0px;text-align:left;position:absolute;}
#visuel li{display:block;margin:0 0 0 0;padding:0px;float:left;border-right:1px solid black;border-bottom:1px solid black;}
#visuel p.descriptif{position:absolute;top:374px; left:172px;width:370px;height:38px;background-color:#666666;color:#FFFFFF;line-height:15px;padding:8px 0 0 8px;}
#visuel p.descriptif a{color:#AAAAAA;text-decoration:none;border:none;}
#visuel p.descriptif a:hover{color:#FFFFFF;text-decoration:none;border:none;}
#visuel p.fiche{position:absolute;top:246px; left:-18px;width:162px; height:112px;padding:6px 6px 6px 6px;color:#3f1710;font:Arial, Helvetica, sans-serif;font-size:11px;line-height:18px;background-color:#ccc;filter:Alpha(opacity=84);-moz-opacity:0.84;opacity:0.84; z-index:5}
#visuel p.fiche u{color:#ffcc33;text-decoration:none;background-color:#91706e;font:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;font-weight:bold;}
#visuel p.fiche_contact{position:absolute;top:46px; left:-18px;width:162px; height:112px;padding:6px 6px 6px 6px;color:#3f1710;font:Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;background-color:#FFFFFF;filter:Alpha(opacity=84);-moz-opacity:0.84;opacity:0.84; z-index:5}

#visuel h2 { margin:100px 50px 0 50px; }
#visuel p{ margin:0 50px 0 50px; }
#visuel h3{ margin:50px 50px 0 50px; color:#999999}



/* ----------------------------------------
	Bas de page	
-------------------------------------------*/

#footer{display: block;background:url(../img/ombrage.gif) no-repeat -1516px 0px;padding:0;width:758px;margin:-4px auto 0;font-size:10px;text-align:center;}