/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : Eric Chabert
site : www.coti-deco.fr
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
/*****************************************/

/***************** balise ********************************/
body{background:#1398fb url(../images/fd.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

h1 a{display:block; width:225px; height:112px; background:url(../images/logo.png) no-repeat; float:left; margin-top:47px; text-indent:-9999px; font-size:0px}

a{text-decoration:none}
a:hover{text-decoration:underline}

hr{height:1px; background:#ccc; border:none; border-bottom:#ccc solid 1px; margin:10px 0; clear:both}
/*********************************************************/

/***************** class ********************************/
.left{float:left; margin-right:10px}
.right{float:right; margin-left:10px}
.clear{clear:both}

.liens{color:#1a84d4}

.blockProd{float:left; margin-right:9px; margin-bottom:9px}
.blockProd h3{background:url(../images/hautProd.gif) no-repeat; width:166px; height:9px; text-indent:-9999px; font-size:0px}
.blockProd dl{border-left:#dcdde1 solid 1px;border-right:#dcdde1 solid 1px; width:152px; padding:0 6px; background:#fbfdfe}
.blockProd dt a{font-size:12px; color:#1378c4; width:150px; height:35px; display:block}
.blockProd img{border:none}
.visuelProd a{display:block; border:#e1e1e1 solid 1px; width:150px; height:199px; overflow:hidden}
.blockProd h4{background:url(../images/basProd.gif) no-repeat; width:166px; height:7px; text-indent:-9999px; font-size:0px}

.liensDetails a{display:block; width:150px; height:19px; padding-top:7px; background:url(../images/liensDetails.jpg) no-repeat top left; text-align:center; color:#fff; margin-top:5px; margin-left:1px}
.liensDetails a:hover{background:url(../images/liensDetails.jpg) no-repeat bottom left; text-decoration:none}

.important{font-size:14px; font-weight:bold; color:#333}
/*********************************************************/

/***************** global ********************************/
#global{width:1021px; margin:0 auto}
	#header{width:932px; height:162px; background:url(../images/fd-header.png) no-repeat; padding:0 43px 0 46px}
		#animeCotiDeco{float:left; width:353px; height:162px; margin-left:30px}
		#module-recherche{float:right; width:320px; margin-top:49px;}
			#module-recherche h2{width:320px; height:44px; background:url(../images/titre-recherche.jpg) no-repeat; text-indent:-9999px; font-size:0px}
			#module-recherche fieldset{background:url(../images/fd-module-recherche.jpg) no-repeat; border:none; padding:0 11px; height:65px}
			#module-recherche label{display:block; margin-bottom:5px}
			.inputRecherche{background:url(../images/inputRecherche.jpg) no-repeat; width:177px; height:20px; padding:5px 10px 0 25px; border:none; float:left; margin-right:2px; font-size:11px; display:inline}
			.submitRecherche{background:url(../images/submitRecherche.jpg) no-repeat top left; width:80px; height:25px; border:none; float:left; font-size:11px; color:#fff; font-weight:normal; cursor:pointer}
			.submitRecherche:hover{background:url(../images/submitRecherche.jpg) no-repeat bottom left;}
	#menu{background:url(../images/fd-menu.png) no-repeat; width:955px; height:48px; padding:7px 33px 0 33px}
		#menu dl{float:left; position:relative; z-index:3}
		#menu dt a{font-size:12px; color:#fff; display:block; text-align:center; height:33px; padding-top:15px}
			#btn-accueil{ width:80px}
			#btn-costumes{ width:177px}
			#btn-feu{ width:109px}
			#btn-deco{ width:139px}
			#btn-mariage{width:81px}
			#btn-cotillons{ width:79px}
			#btn-accessoires{ width:101px}
			#btn-partenaires{ width:117px}
			#btn-contact{ width:72px}
		#menu dd{position:absolute; background:#041b2d; width:156px; padding:10px; z-index:2; color:#fff; display:none}
			#menu dd a{color:#fff}
			#menu ul{margin-left:15px}
	#wrapper{background:url(../images/fd-wrapper.png) repeat-y; width:927px; padding:20px 47px; float:left }
		#blockLeft{float:left; width:214px; margin-right:12px}
			#blockLeft h3{text-indent:-9999px; font-size:0px; background:url(../images/bas-blockLeft.jpg) no-repeat; width:214px; height:9px}
			#module-coordonnees h2{text-indent:-9999px; font-size:0px; background:url(../images/titre-coordonnees.jpg) no-repeat; width:214px; height:54px}
			#module-coordonnees p{border-left:#d4d2d2 solid 1px;border-right:#d4d2d2 solid 1px; background:url(../images/fd-blockLeft.jpg) repeat-x bottom left; padding:12px; width:188px}
			#module-coordonnees a{font-weight:bold; color:#000}
			
			#menuLeft{margin-bottom:10px}
				#menuLeft h2{text-indent:-9999px; font-size:0px; background:url(../images/titre-menuLeft.jpg) no-repeat; width:214px; height:38px}
				#menuLeft div{border-left:#d4d2d2 solid 1px;border-right:#d4d2d2 solid 1px; background:url(../images/fd-blockLeft.jpg) repeat-x bottom left; padding:0 12px; width:188px;}
				#menuLeft dt a{font-size:12px; color:#333; padding:3px 0; display:block}
				#menuLeft dd{display:none}
					#menuLeft ul{margin:0 0 0 30px}
						#menuLeft li a{color:#333; font-size:11px}
			
			#mdm{margin-bottom:10px}
				#mdm h2{text-indent:-9999px; font-size:0px; background:url(../images/titre-mdm.jpg) no-repeat; width:214px; height:38px}
				#mdm dl{border-left:#d4d2d2 solid 1px;border-right:#d4d2d2 solid 1px; background:url(../images/fd-blockLeft.jpg) repeat-x bottom left; padding:0 12px; width:188px}
				#mdm dd{padding:3px 0}
				#mdm a{display:block; position:relative; border:#b9b9b9 solid 1px; width:185px; height:165px; overflow:hidden; background:#fff; text-align:center;}
					.btn-nouveautes{position:absolute; bottom:0; right:0; z-index:1}
					#mdm a img{border:none}
					.descriptionNouveaute{height:95px; overflow:hidden}
		#content{float:left; width:700px}
			#content h2{color:#1a84d4; font-size:18px; font-weight:normal}
			#pathway{margin-bottom:12px}
			#pathway, #pathway a{color:#808080}
			#content p{margin-top:10px}
			#content ul{margin:10px 0 0 30px}
			
			
			#contact-form{padding-top:10px}
				#contact-form fieldset{border:#ccc solid 1px; padding:10px}
				#contact-form legend{border:#ccc solid 1px; padding:3px; font-size:11px; font-weight:normal; color:#000}
				#contact-form form label{display:block; margin:3px 0}
				.monInput{width:280px; padding:3px; font-size:11px}
				.monSubmit{background:red url(../images/monSubmit.jpg) no-repeat top left; width:678px; height:25px; border:none; float:left; font-size:11px; color:#fff; font-weight:normal; cursor:pointer}
				.monSubmit:hover{background:url(../images/monSubmit.jpg) no-repeat bottom left;}
				
			#compteur-pages{ width:550px; float:left; margin-left:85px}
			#compteur-pages a { color:#1a84d4; }
			#compteur-pages div{float:left}
			#compteur-page1{text-align:left; width:150px}
			#compteur-page1 a { margin:0 0 0 15px}
			#compteur-page2{text-align:center;width:250px}
			#compteur-page3{text-align:right;width:150px}
			#compteur-page3 a { margin:0 15px 0 0 }
			
			#blockDetails{width:702px}
				#blockDetails h3{width:702px; height:12px; background:url(../images/hautDetails.gif) no-repeat; text-indent:-9999px; font-size:0px}
				#blockDetails dl{border-left:#dcdde1 solid 1px; border-right:#dcdde1 solid 1px; background:#fbfdfe; padding:5px 15px}
				#blockDetails dt{font-size:16px; color:#1378c4}
				#blockDetails dd{margin-top:10px; text-align:justify}
				.classLightBox{border:#ccc solid 1px; overflow:hidden; float:left; margin-right:10px}
				.classLightBox img{border:none}
				.prix{color:#d38511; font-size:19px; font-weight:bold}
				#blockDetails h4{width:702px; height:12px; background:url(../images/basDetails.gif) no-repeat; text-indent:-9999px; font-size:0px}
/*********************************************************/

/***************** footer ********************************/
#footer{background:url(../images/fd-footer.png) no-repeat; width:1021px; height:40px; padding-top:23px; text-align:center; color:#fff; font-size:10px; clear:both}
	#footer a{color:#fff}
	
#module-ref{color:#fff; font-size:10px; width:900px; text-align:center; margin-left:63px}
	#module-ref a{color:#fff}
/*********************************************************/