/* CSS Document */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/***************************

* Générique

***************************/

body,html{background-color:#e5e5e5;padding:0;margin:0;font-family:Arial,"MS Trebuchet",sans-serif;font-size:12px;}

h1{font-size:19px;color:#000000;}

.normal{font-weight: normal;}

a{color:#878d8a;text-decoration:none;}

img {border:none;}

/***************************

* Site

***************************/

#site{width:895px;height:600px;margin:30px auto 0 auto;position:relative;}

.hidden{display:none;}

.alert_message{cursor:pointer;background-color:#FFCC00; color:#333333;font-weight:bold;padding:10px;margin:10px 0 10px 0;}

.menu_hid{display:none}

.petit{font-size:85%;}

.gris{color:#999999;}

.red{color:#FF0000;}

.rose{color:#f65d9a;}

a.souligne{text-decoration:underline;}

/***************************

* Menu Top

***************************/

#menu_top{width:100%;height:30px;background-color:#EFEFEF;font-size:11px;top:0;left:0;right:0;position:absolute;padding-top:2px;border:1px;}

#menu_top_elements{margin-right:15px;color:#383838;}

#menu_top_elements ul{margin-top:7px;}

#menu_top_elements li{display:inline;list-style-type:none; }

#menu_top_elements a{color:#383838;color:#0066FF;text-decoration:underline;}

#menu_top_elements a:hover{color:#0066CC;text-decoration:none;}

.newsletter{position:absolute;top:0;right:0;width:300px;margin-top:5px;}

/***************************

* Menu

***************************/

#menu{

    width:255px;

    height:410px;

    background:url(../images/structure/menu.png) top left no-repeat;

    padding:180px 0 0 0;

}

span.logo{background-image:url(../images/structure/logo.png);width:240px;height:150px;margin-bottom:30px;display:block;}


#menu ul{padding:30px 0 0 15px !important;padding:0 0 0 0px;width:230px;margin:0;}

#menu li{line-height:30px !important; line-height: 20px;list-style-type:none;font-family:Arial,"MS Trebuchet",sans-serif;font-size:18px;text-align:center;width:91%;height:21px;padding:0;margin-top:6px;}

#menu li.noir{color:#19161b;border-bottom:1px solid #19161b;}

#menu li.rose{color:#ffffff;border-bottom:1px solid #ffffff;}

#menu li.margetop{margin-top:20px;}

#menu li a{ display:block;}



#menu li.noir a{color:#131016}

#menu li.noir a:hover{color:#000}

#menu li.rose a{color:#ffffff;}



#menu li.boutton_sous_menu {

    line-height: 16px;

    font-size:14px;

    width:91%;

    height:17px;

    padding:0;

    margin-top:4px;

    border:none;

}

#menu .boutton_sous_menu.blanc a {

    color:#ffffff;

    

}

#menu li.boutton_sous_menu.noir a {

    color:#000000;

    
}



#menu li a.commanderclignotte{background:url(../images/produits/commanderclignotte.gif) no-repeat 0 8px; }



div.impostures{display:block;background-image:url(../images/structure/impostures_visuelles.png);width:240px;height:133px;margin-top:26px;}

/***************************

* Contenu

***************************/

#contenu{background-color:#FFFFFF;width:633px;height:590px;overflow:auto;float:right;padding:0 5px 0 5px;overflow-x:hidden;}

#contenu_p{background-color:#504f43;width:633px;height:590px;overflow:default;float:right;padding:0 5px 0 5px;}

#contenu_fl{background-color:#504f43;width:643px;height:590px;overflow:hidden;float:right;padding:0 0 0 0;}

#contenu_ns{background-color:#FFFFFF;width:643px;height:590px;overflow:default;float:right;padding:0;}

.createur{background:url(../images/structure/cerateur.png) no-repeat; padding-left:100px}

.texte{margin:7px;}
.createur .texte{margin:-30px 20px 0 150px;}

/* Index */

#index{background:url(../images/kapyton-par-koziel.png) top no-repeat;background-color:#504f43;width:900px;height:600px;display:block;padding:0; margin:0; }

/* esprit.php */

#club{position:relative;background-image:url(../images/club.png);background-repeat:no-repeat;width:643px;height:590px;margin-left:-5px;padding:0;}

.lien_form {position:absolute;width:335px;height:90px;top:480px;left:0px;z-index:3;}

/* Galerie */

#galerie{background-image:url(../images/galerie.png);background-repeat:no-repeat;width:643px;height:590px;margin-left:-5px;}

/* contact.php */

#formcontact h3{padding:10px 0 10px 0;}

.adress{margin-top:10px;}

/***************************

* Bas de page

***************************/

#mentions{width:643px;float:right;text-align:center;margin-top:10px;}

.cgv{color:#8E8E8E;font-size:10px;}

.cgv a{color:#8E8E8E;font-size:10px;}





.esprit h1{margin-top:130px;}

.esprit p{text-align:justify; font-size:14px;}

.esprit p.mini{font-size:9px;}



.texte h1 {margin-top:130px;}



/* PANIER */

#panier {

	background:#EFEFEF none repeat scroll 0 0;

	float:left;

	height:580px;

	left:895px;

	padding:0 10px 10px;

	position:absolute;

	top:0;

	width:160px;

}

#panier .produit {

	border-bottom:1px solid #000000;

	float:left;

	padding:5px 2px;

	position:relative;

	width:156px;

}

#panier .produit .titre {

	font-size:10px;

	font-weight:bold;

}

#panier .produit .qtte {

	font-size:10px;

}

#panier .produit .actions {

	display:inline;

	float:right;

}

#panier .produit .prix {

	font-size:10px;

	float:left;

}

#panier #panier-bas {

	float:left;

	font-weight:bold;

	margin:10px 0 0;

	width:156px;

}

#panier #panier-bas #prix-total {

	font-size:14px;

	float:right;

}

#panier #panier-bas #mentions {

	font-size:9px;

	color:#878D8A;

	float:none;

	text-align:left;

	width:140px;

}

#panier #commande {

	background:#FFFFFF;

	padding:10px;

	text-align:center;

	margin:5px 0 0 0;

}