/* TAGS DE BASE //////////////////////////////////////////////////////////////*/

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

*{margin: 0; padding: 0;}

/* ok */

html{height:100%;}



body{

	height: 100%;

	margin:0;

	padding:0;

	font: 75%/150% 'Verdana', Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #585755;	

	background:url('../images/back1.jpg') #fbef7e top left repeat-x;

}



/* img */

img{border: none;}



/* Liens */

a,a:link,a:visited, a:active{color: #585755; font-weight: normal; text-decoration: underline;}

a:hover{ color: #fe9500; text-decoration: underline;}



/* En-têtes */

h1,h2,h3,h4,h5,h6{font-family: 'Verdana', Arial, Helvetica, sans-serif; margin: 0 0 .2em 0; text-transform: none; line-height:1.1em; letter-spacing: 1px; color:#585755;}

h1{ font-size:16px; margin:0 0 .7em 0; font-weight:normal;}

h2{ font-size:15px; margin:0 0 .7em 0; font-weight:normal;}

h3{ font-size:14px; margin:0 0 .4em 0; font-weight:normal;letter-spacing:0;}

h4{ font-size: 1.2em; letter-spacing:0;}

h5{ font-size: 1.1em;}

h6{ font-size: 1.15em;}





/* Listes */

ul{margin: 0; padding: 0;}

ul ul{padding: .4em 0 0 1.6em;}

ul li{

	background:url('../images/puce2.png') no-repeat 3px 4px;

	padding-left:18px;

	font-size: 1em;

	line-height: 1.3em;

	list-style: none;

	margin:1px 0;

}

ul ul li{background: url('../images/puce2.png') 0 .3em no-repeat; font-size: .9em; line-height: 1.3em;}

ul ul ul li{background: url('../images/puce2.png') 0 .15em no-repeat; font-size: .8em; line-height: 1.2em;}

ul ul ul ul li{font-size: 1em; line-height: 1.1em;}



ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}

ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}

ol ol ol{list-style-type: lower-alpha;}

ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}

ol li{font-size: 1em; line-height: 1.4em;}

ol ol li{font-size: .9em; line-height: 1.3em;}

ol ol ol li{font-size: .8em; line-height: 1.2em;}

ol ol ol ol li{font-size: 1em; line-height: 1.1em;}



/* Tables */

table{border-collapse: collapse;}

table th{padding: 0px; vertical-align: top;}

table td{padding: 0px; vertical-align: top;}



/* Textes et Autres*/

p{padding: 0 0 .5em 0; line-height:1.4em; text-align:justify; font-size:12px;}

blockquote{background: #dee6f9; padding: 20px; margin: 20px;}

br{}

hr{margin: 1em 0; background:#c2c2c2; color:#c2c2c2; height:2px;  border:none; clear:both;}



/* Formulaires */

form{background: none; border:none;}

label{font-weight: normal; display: block; font-size:12px;}

input, textarea, select{ font-size:12px; color:#666666; border: 1px solid #666666; background-color: #FFFFFF;height:18px;}

input, textarea, select, option{border: 1px solid #666666;height:18px;}

select, option, fieldset, legend{color:#666666; vertical-align: bottom; height:18px;height:18px;}

textarea{ font-family:Tahoma; font-size:12px;}

option{border:none; }

option:hover,option:focus{border:none; background-color:#f7ab4f;}



input.checkbox{ border:none;}

.radio{ border:none;  background:none;height:18px;}

input.imageSubmit{ border:none; background:none; height:29px;}

input.imageValid{ border:none; background:url('../images/btnValidez.gif'); margin-top:8px; float:right; width:69px; height:20px;}







/* CONTAINERS ========================================================================================================*/

#container1, #container2, #container3, #container4, #container5{margin:0; padding:0;height: auto !important; height:100%; min-height:100%;  }

#container1{ height:100%; border:none; width:100%; margin: 0 auto;}

#container2{ width:100%; margin:0 auto;}

#container3{ width:978px; margin:0 auto;} 






/* HEADER ========================================================================================================*/



#header{ height:162px; width:978px; position:relative; z-index:10;}

#header #logo{ position:absolute; top:0; left:0px;}





/* nav */

#nav{ position:absolute; left:0px; top:130px;width:1000px;}

#nav ul,#nav li{padding:0;margin:0; }

#nav ul li{ margin:0; padding:0; float:left; display:inline; background:none; list-style:none; font-size:0; line-height:0; position:relative; }

#nav ul li a{display:inline;position:relative; float:left;}



#nav ul li ul{

	width:215px;

	display:none;

	position:absolute;

	top:45px;

	left:0;

	font-size:11px; 

	background:#f7cf43 url('../images/back_menu.png'); background-repeat:repeat-y;

	border:solid #a09488 1px;

	border-width:1px 1px 1px 1px;

	padding:5px 10px 10px 10px;

	margin-top:0;

	font-weight:bold;

	float:left;

}

#nav ul li:hover ul{display:inline; }



#nav ul li ul li a{

	width:215px;

	color:#6e5c59;

	font-size:11px;

	text-decoration:none;

	line-height:1.4em;

	padding:5px 10px 10px 10px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

	background:url('../images/puce2.png') no-repeat 0px 9px; 

	float:left;



}

#nav ul li ul li a:hover{color:#bb4a89; text-decoration:underline; background:url('../images/puce2.png') no-repeat 0px 9px;	font-weight:bold;}



.navsoustitre{

	color:#6e5c59;

	font-size:14px;

	text-decoration:none;

	font-weight:normal;

	line-height:2.2em;

	padding:10px 10px 5px 10px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

	background:url('../images/puce_grise.png') no-repeat -2px 15px ;

	border-bottom: 1px solid #887269;

}







/* CONTENT ========================================================================================================*/

#content{

	width:978px;

	position:relative;

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

	background:url('../images/backContent.gif') top center repeat-y;

}





/* left_content */

td.left{position:relative;}

#left_content{

	width:305px;

	height:auto !important; /* real browsers */

	display:block;

	clear:both;

}

#left_content #containerText{

	width:305px;

	padding:8px 5px;

	margin-bottom:0px;

}



/* middle_content */

td.middle{position:relative;}

#middle_content{

	width:676px;

	height:auto !important; /* real browsers */

	display:block;

	clear:both;

	float:left;

	padding-right: 0px; padding-left: 0px; padding-top: 0px;

}



/* TEXT CONTENT ENTREPRISE ========================================================================================================*/

#middle_content #colone_left{ width:280px; position:relative;float:left; padding-right: 15px; padding-left: 30px; padding-top: 30px;}



#middle_content #colone_leftTITLE{ 

	width:280px; 

	position:relative; 

	margin-top:15px; 

	marging-bottom: 10px;

	padding-left: 15px;

	float:left; 

	background:url('../images/guillemets_gauche.gif')  top left no-repeat; 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:13px; color:#616162; text-decoration:none; font-weight:normal;

	line-height: normal; 

	word-spacing: 1px;

}



#middle_content #colone_right{ width:280px; position:relative; float:right; padding-right: 40px; padding-left: 15px; padding-top: 100px;}

#middle_content #colone_rightTITLE{ 

	width:280px; 

	position:relative; 

	margin-top:15px; 

	marging-bottom: 10px;

	float:left; 

	background:url('../images/guillemets_droite.gif')  bottom right no-repeat; 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:12px; color:#616162; text-decoration:none; font-weight:normal;

}





/* TEXT CONTENT CONTACT ========================================================================================================*/



#middle_contact{

	width:620px;

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treaded as min-height*/

	min-height:530px;

	display:block;

	clear:both;

	float:left;

	padding-right: 0px; padding-left: 25px; padding-top: 30px; padding-right: 30px;

}



#middle_contact #contact_left{ width:300px; position:relative;float:left; marging-right: 15px; marging-left: 40px; }

#middle_contact #contact_leftTITLE{ 

	border:#c6c0b3 solid 1px;

	width:290px; 

	position:relative; 

	marging-top: 150px; 

	marging-bottom: 10px;

	padding-left: 20px;

	margin-left: 5px;

	float:left; 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:12px; color:#867c72; text-decoration:none; font-weight:normal;

	line-height: normal; 

	word-spacing: 1px;

}



#middle_contact #contact_leftTITLE .firstLine1 { 

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:11px; color:#867c72; text-decoration:none; font-weight: bold;

	height: 25px;

	background:url('../images/puce_grisex2.png') no-repeat 12px 6px  #e9e3d3;

}



#middle_contact #contact_leftTITLE .personn1 { 

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:11px; color:#867c72; text-decoration:none; font-weight: normal;

	height: 10px;

	background: #e9e3d3;

}



#middle_contact #contact_leftTITLE .tel1{ 

	border-bottom:#c6c0b3 solid 1px;

	padding-left: 35px;

	padding-top: 4px;

	padding-bottom: 11px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color:#867c72; text-decoration:none; font-weight: normal;

	background: #e9e3d3;

}



#middle_contact #contact_leftTITLE .firstLine2{ 

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:11px; color:#867c72; text-decoration:none; font-weight: bold;

	height: 25px;

	background:url('../images/puce_grisex2.png') no-repeat 12px 6px  #f1ede3;

}



#middle_contact #contact_leftTITLE .personn2, #middle_contact #contact_leftTITLE a.personn2 { 

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color:#867c72; text-decoration:none; font-weight: normal;

	height: 10px;

	background: #f1ede3;

}



#middle_contact #contact_leftTITLE .tel2 { 

	border-bottom:#c6c0b3 solid 1px;

	padding-left: 35px;

	padding-top: 4px;

	padding-bottom: 10px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color:#867c72; text-decoration:none; font-weight: normal;

	background: #f1ede3;

}



#middle_contact #contact_right{ width:300px; position:relative; float:right; }

#middle_contact #contact_rightTITLE{

	border:#c6c0b3 solid 1px;

	width:290px; 

	position:relative; 

	marging-top: 150px; 

	marging-bottom: 10px;

	padding-right: 10px;

	margin-left: 25px;

	float:left; 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:13px; color:#867c72; text-decoration:none; font-weight:normal;

}



#middle_contact #carte{width:320px; height: 280px;position:relative; background:url('../images/back_carte.jpg') top right no-repeat; margin-right:0px;}







/* PRODUITS ========================================================================================================*/



#middle_contact #colone_left #categorie{ 

	width:613px; 

	position:relative; 

	margin-top:15px; 

	marging-bottom: 10px;

	padding-left: 0px;

	margin-left:8px;

	float:left; 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:13px; color:#616162; text-decoration:none; font-weight:normal;

	line-height: normal; 

	word-spacing: 1px;

}





#textjaune_puce { 

	width: 570px;

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:14px; color:#f3ac00; text-decoration:none; font-weight: bold;

	background:url('../images/puce_orangex2.png') 2px 8px no-repeat #FFFFFF ;

	border-bottom:#f3ac00 2px solid; border-bottom-position:300px 8px;

}



#textgris_puce { 

	width: 570px;

	padding-left: 35px;

	padding-top: 4px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:13px; color:#837668; text-decoration:none; font-weight: bold;

	background:url('../images/puce_grisex2.png') 2px 8px no-repeat #FFFFFF ;

	border-bottom:#837668 2px solid; border-bottom-position:300px 8px;

}

#encart_categorie { 

	width: 390px;

	padding: 15px;

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:12px; color:#585755; text-decoration:none; font-weight: normal;

	background-color:#e9e3d3; 

}

#td-title { 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color:#837668; text-decoration:none; font-weight: normal; text-align:center;

	vertical-align: middle;

	border: #c6c0b3  solid 1px;

	height: 32px;
	
	line-height: 13px;

	margin-top: 6px;

	background:url('../images/back_tab_line1.gif') top repeat-x  ;

}



#td-produits { 

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color:#837668; text-decoration:none; font-weight: normal; 

	vertical-align: middle;

	border-bottom: #837668 dotted 1px;

	height: 50px;

}





/* PLAN SITE ========================================================================================================*/

#plan{position:relative; width:613 px;}



#plan ul li{	padding:0px;margin-left: 15px;font-weight: normal;font-size:14px; background:none; color:#bb4a89; padding-left: 20px; list-style: disc;}

#plan ul li a {	color:#bb4a89;  }

#plan ul li a:hover {color: #fe9500; }



#plan ul li ul, #plan ul li ul a{

	color: #999999;

	font-size:14px;

	text-decoration:none;

	background:none;

	font-weight: normal;

	line-height:10px;

	margin-left: 15px;

	margin-right: 15px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ; 

}

#plan ul li ul a:hover{color: #fe9500;}



#plan ul li ul li a{

	color:#666666;

	font-size:10px;

	text-decoration:none;

	line-height:10px;

	margin-left: 15px;

	margin-right: 15px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;





}

#plan ul li ul li a:hover{color: #fe9500;}









/* MENUS GAUCHE ========================================================================================================*/



#menugauche{ width:305px; position:relative; margin-top:0px; min-height: 855px;}

#menugauche #top{ position:relative; background:url('../images/top_infos.png')  0px 51px no-repeat;}

#menugauche #background {position:relative; width:200px;background:url('../images/background_repeat_infos.png') top repeat-y; }

#menugauche #contenu {width:150px; height:auto;}

#menugauche #contenu  ul{ float:left;  width:150px;}

#menugauche #contenu  ul li{ float:left; display:inline; margin:5 15px; list-style:none;}

#menugauche  ul li#puce4{background:url('../images/cube.png') 3px 4px no-repeat;  float:left; border-top:#CCCCCC 2px solid; margin-left: 15px; margin-right:15px; margin-top: 8px; padding-bottom:8px; padding-left:-10px;}

#menugauche #contenu  ul li a{ font-size:12px; color:#616162; text-decoration:none; font-weight:normal; display:inline;  height:22px;width:200px;}

#menugauche #contenu  ul li a:hover, #header #topMenu ul li a.activate{color:#616162; display:inline; }

#menugauche #bottom{ position:relative;}





/* NOUVEAUTES ========================================================================================================*/

#nouveautes{ 

	width:239px; 

	height:207px; 

	position:relative; 

	margin-top:30px; 

	margin-left:33px; 

	background:url('../images/back_nouveautes.gif') no-repeat; 

	z-index=200; 

}

#nouveautes #contenu {width:200px;}

#nouveautes #flashNouveautes{ margin:42px 0 0 30px; }

#nouveautes #flashNouveautes #setTopMarginOfNews { height: 45px ; }

/* PRODUITS ========================================================================================================*/

#produits{ width:239px; position:relative; margin-top:30px; margin-left:33px; background:url('../images/back_produit.gif'); background-repeat:repeat-y;}



#produits  ul li#puce1{

	color:#bb4a89;

	font-size:12px;

	text-decoration:none;

	font-weight:bold;

	line-height:10px;

	padding:18px 15px 10px 10px;

	margin-left: 15px;

	margin-right: 15px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

	background:url('../images/puce_violet.png') no-repeat -2px 18px ;

}



#produits  ul li#puce2{

	color:#5b544d;

	font-size:11px;

	text-decoration:none;

	font-weight: normal;

	line-height: normal;

	margin-left: 15px;

	margin-right: 15px;

	padding:8px 15px 5px 10px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

	background:url('../images/puce2.png') no-repeat 1px 10px ;

	border-bottom:1px dotted #968a7f;

	border-width: 2px 2px 2px 2px;

}

#produits ul li a{ font-size:11px; color:#5b544d; text-decoration:none;display:inline; }

#produits ul li a:hover {color: #bb4a89; display:inline;text-decoration: underline; font-weight:bold; line-height: normal;}



/* NEWSLETTER ========================================================================================================*/

#newsletter{ width:239px; height:112px; position:relative; margin-top:30px; margin-left:33px; background:url('../images/back_newsletter.gif') no-repeat; }

#newsletter #contenu { width:200px; margin-top: 45px; margin-left: 10px; position:relative; float:left;}



#newsletter #titreForm, #newsletter #titreForm a{

	width:100px;

	float:left;

	color:#bb4a89;

	font-size:12px;

	text-decoration: underline;

	font-weight:bold;

	margin-left: 0px;

	margin-top:5px;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

}

#newsletter #titreForm a:hover{color:#fff;}

#newsletter #boutonsubmit{margin-top: 0px; float:right; margin-right:15px;}



/* CONTACT ========================================================================================================*/

#contact{ width:239px; height:110px; position:relative; margin-top:30px; margin-left:33px; background:url('../images/back_contact.gif') no-repeat; }

#contact #contenu { 

	width:200px; 

	margin-top: 30px; 

	margin-left: 75px; 

	position:relative; 

	float:left;

	color:#6b6055;

	font-size:10px;

	text-decoration: none;

	font-weight:bold;

	font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;

}

.logoDiv{ width:400px; margin-left: 65px; margin-right:35px; text-align:center; padding-top: 5px;}



/* FORMULAIRE ========================================================================================================*/

#formulaire #boutonsubmit{margin-top: 30px; text-align:center;}













/* FOOTER ========================================================================================================*/
/* logos */
.logos{ background:url('../images/back_logos.jpg') top center no-repeat; width:600px; height:110px; padding-top: 15px; margin-left: 15px; }

#flashLogo{
	margin:10px 0 0 0;
}

/* footerback */

#footerback{ background:url('../images/backFooter.png') top center no-repeat; width:978px; height:71px;}





#footer{ color:#7a7168; font-size:12px; text-align:center; position:relative; padding-top: 8px;}

#footer p{ text-align: center;}

#footer a{ color:#9d2869; font-size:12px; text-decoration:none; font-weight:normal;}

#footer a:hover{ text-decoration:underline;}









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

/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/

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



.error{color:#cc0000;}

.success{color:#3061b0;}





.highLight{ background:url(../images/elipse.jpg) no-repeat top left #fafaf9; padding: 10px; border:1px solid #ededed; width:100%; margin: 8px 0;}





/* toggleVisibility */

.showBtn{display: none; cursor: pointer;}

.hideBtn{display: none; cursor: pointer;}

.toggleBtn{cursor: pointer;}





/* clear et floats */

.clear{clear: both;}

.floatLeft{float: left; display:inline;}

.floatRight{float: right; display:inline;}

.block {display:block;clear:both;}



/* rollOverCss */

.rolloverCss span{display:none;}

.rolloverCss{display: block;}

.rolloverCss:hover{background-position: bottom;}



/* rollOverTrans */

.rollOverTrans img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.rollOverTrans:hover img{filter: alpha(opacity=80); -moz-opacity: .5; opacity: .5;}





/* textes */

.paragraphe {	

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:13px; color:#616162; text-decoration:none; font-weight:normal;

	line-height: 16px; 

	word-spacing: 1px;}

	

.orangetext, a.orangetext, .orangetext:hover{color:#f7941e;}

.violetext, a.violetext, .violetext:hover{color:#bb4a89;font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;}

.violetcontact{color:#bb4a89;font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ; font-weight:bold; font-size:14px; text-align:center; margin-top: 40px; padding-top: 35px; border-bottom: #CCCCCC dotted 2px; width:280px; float:left; margin-left: 25px; padding-bottom:5px;}

.blanccontact{color:#f1ede3;font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ; font-weight: normal; font-size:12px; text-align:center; }


.violetextNouv, a.violetextNouv, .violetextNouv:hover{ width: 600px; color:#bb4a89;font: Verdana, Arial, Helvetica, sans-serif, "trebuchet MS" ;}


.mail, a.mail{

	font-family:'Verdana', Arial, Helvetica, sans-serif;

	font-size:10px; color: #666666 !important; text-decoration:none!important; font-weight: normal;

}


.mail:hover {

	color: #fe9500 !important; text-decoration:none!important; 

}







/* champ formulaire*/

.champ  { font-size:12px; color:#5b544d; border: 1px solid #cccccc; background:url('../images/back_form.gif') top left repeat-x; height:19px; padding-top:2px; padding-left: 2px;}



/* autres */

.separator{

	background:url('../images/separator.gif') bottom no-repeat; 

	height:22px; 

	width: 613px; 

	float: right; 

	padding-right: 75px; 

	margin-top: 10px;

}

.pointilles{ border-bottom: #CCCCCC dotted 2px; }



.float33{ float:left; display:inline; width:33%;}

.float66{ float:left; display:inline; width:66%; }

.image{ border:#dbd1c8 solid 6px;}

.vignette_produit1{ border:#dbd1c8 solid 1px;}

.whiteSpace{height:20px;}

.image_noborder { border: none;}