<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
margin:0px 0px;padding:0px 0px 0px 0px;font-weight:normal;text-align:left;color:#626468;background:url(../images/fond_global.gif);background-repeat:repeat-x; background-attachment:no-fixed;background-position:center top;background-color:#fff;font-family: 'Lato', sans-serif;font-size:1em;
}

#top {background-color:#6a6170;min-height:35px;}
.top_content {max-width:1250px;margin:0 auto;text-align:right;padding:5px;}
.top_menu {float:right;margin:5px 20px 0px 0px;font-size:12px;color:#eb8f31;}
.top_menu  a {color:#fff;text-decoration:none;font-size:15px;}
.top_menu  a:hover {text-decoration:underline;}

@media screen and (max-width: 490px) {
	#top {background-color:#6a6170;min-height:45px;}
}

a.contact {color:#ffa24f;text-decoration:none;font-size:0.9em;}
a.contact:hover {color:#fff;}

#global {overflow:hidden;padding-bottom:0px;}
a.opacity img 	{filter:alpha(opacity=100);  -moz-opacity: 1.0;   opacity: 1.0;}
a.opacity:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
a {color:#e37923}
/*----------------------------------------------------------------
			 HEADER
----------------------------------------------------------------*/

#header {padding:10px 0px 0px 0px;margin:0 auto;max-width:1250px;}
#header img.logo {float:left;max-width: 100%;height: auto;box-sizing: border-box;border:0;margin:5px 0px 10px 0px;}
#main-menu {
		
		
		clear:both;
		/*background-color:#7a7a7a;*/
		width:100%;
		border-radius:5px 5px 0px 0px;
		margin-left:30px;
	
		
		
		
		
	}
	


.top_right {float:right;text-align:right;margin:0px 0px 0px 0px;color:#373737;border-radius:0px 0px 5px 5px;padding:5px;width:70%;}
.top_right h1 {font-size:1.9em;font-weight:400;color:#fff;font-style:italic;text-shadow: 3px 2px 2px #646464;}
.top_cat {float:left;width:27%;padding-left:10px;}
.top_cat img {max-width: 100%;height: auto;box-sizing: border-box;border:0;margin:5px 0px 10px 0px; opacity: 0.6;
  filter: alpha(opacity=60);transition: 1s ease;}

a.courant img{
border-radius:5px;padding:2px;border:0px solid #6f3a8d;background-color:#b7a9c0;
	-webkit-box-shadow: 2px 3px 5px 1px #a5a5a5;
-moz-box-shadow: 2px 3px 5px 1px #a5a5a5;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=3, Color='#a5a5a5', Positive='true');
zoom:1;
box-shadow: 2px 3px 5px 1px #a5a5a5;
opacity: 1.0;
  filter: alpha(opacity=100);
}
a.sm_courant{
  color:#FF0000 ;
}
.top_cat img:hover {opacity: 1.0;
  filter: alpha(opacity=100);transition: 1s ease;}

@media screen and (max-width: 1024px) {
	 
	
	#header img.logo {max-width:150px;}
	.top_cat {float:left;width:31%;padding-left:5px;}
	.top_right {width:80;}
	.top_right h1 {font-size:1.4em;}
}



@media screen and (max-width: 650px) {
	
	#header {text-align:center;}
	#header img.logo {float:none;text-align:center;}
	.top_right {float:none;text-align:center;width:100%;margin:0 auto;}
	.top_right h1 {font-size:1.1em;font-weight:400;color:#3f1a54;font-style:italic;margin:0;padding:4px;text-shadow: 0px 0px 0px #646464;}
	.top_cat {float:left;width:31%;padding-left:5px;}
}

/*----------------------------------------------------------------
			PAGE
----------------------------------------------------------------*/
#page {padding:10px 0px 0px 0px;z-index:10;width:100%;overflow:hidden;}


#content {z-index:10;overflow:hidden;max-width:99%;margin:0 auto;padding-bottom:20px;background-color:#fff;border-radius:5px;-moz-box-shadow:0 5px 6px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 5px 6px rgba(0,0,0,0.2);
		box-shadow:0 5px 6px rgba(0,0,0,0.2);min-height:450px;}
		
#content h1 {font-size:1.3em;margin:10px 30px 10px 10px;padding:0px 0px 5px 0px;border-bottom:2px solid #f3f3f3;text-align:left;font-weight:bold;letter-spacing:1px;font-weight:400;text-transform:uppercase;}

#content h1 img {line-height:25px;vertical-align:bottom;}
#content h4 {font-size:0.95;margin:10px 30px 10px 10px;padding:0px 0px 5px 0px;text-align:left;font-weight:bold;color:#3a3a3a;letter-spacing:0px;font-family: 'Lato', sans-serif;font-weight:400;}


/*--Fil d'arianne--*/

.fil_top {width:99%;}
.fil {float:right;margin:10px 30px 10px 0px;color:#a3a3a3;}
.fil_sel {color:#6b6b6b;font-size:16px;}
.fil a {font-size:20px;color:#fd903c;text-decoration:none;font-family: 'Lato', sans-serif;font-weight:300;}
.fil a:hover {text-decoration:underline;}

/*----------------------------------------------------------------
			HOME PAGE
----------------------------------------------------------------*/

#first_home {padding:10px;}
#first_home h1 {padding:10px 0px 10px 0px;margin:0  auto;text-align:center;font-size:24px;font-weight:normal;width:80%;letter-spacing:1px;}
.diapo_slide {max-width:85%;margin:0 auto;padding-bottom:15px;}

.home {padding-top:110px;width:100%;min-height:55vh;overflow:hidden;}

ul.box_home {list-style-type: none;margin:0;padding:0;width:100%;left:0;right:0;margin-left: auto;
	margin-right: auto;z-index:999999}
ul.box_home li {float:left;width:32%;text-align:center;margin:10px 0% 20px 1%;min-height:350px;position:relative;cursor:pointer;transition: 1s ease;transition: 1s ease;box-shadow: 3px 3px 5px 2px rgba(119, 119, 119, 0.3);
-moz-box-shadow: 3px 3px 5px 2px rgba(119, 119, 119, 0.3);
-webkit-box-shadow: 3px 3px 5px 2px rgba(119, 119, 119, 0.3);}
img.logo_home {max-width:100%;height: auto;box-sizing: border-box;border:0;position:absolute;top:30px;left:0;right:0;margin-left: auto;
    margin-right: auto;}
ul.box_home li a {display: block;width:100%;height:100%;font-size:1.3em;text-decoration: none;color:#fff;font-style:italic;} 
.box_txt {position:absolute;left:0;right:0;bottom:130px;margin-left: auto;
    margin-right: auto;text-shadow: 3px 2px 2px #646464;max-width:350px;}
ul.box_home li:hover {  opacity: 0.4;
  filter: alpha(opacity=60);}

.spivibox {clear:both;text-align:center;padding-bottom:15px;}
.spivibox img {max-width: 100%;height: auto;box-sizing: border-box;border:0;}

@media screen and (max-width: 750px) {
	ul.box_home li {float:none;width:95%;min-height:220px;margin:0 auto;border-bottom:10px solid #fff;}
	.box_txt {position:absolute;left:0;right:0;bottom:5px;margin-left: auto;
    margin-right: auto;text-shadow: 3px 2px 2px #646464;max-width:450px;font-size:0.9em;}
}

/*----------------------------------------------------------------
			PRODUITS
----------------------------------------------------------------*/


		
.cat_info {width:92%;padding:5px 10px 5px 15px;margin:0 auto;font-size:15px;clear:both;}		
.cat_info p {margin:1px;padding:1px;}
#liste_prod {padding:10px;overflow:hidden;clear:both;}
#liste_prod ul {list-style-type:none;margin:0 auto;padding:0;overflow:hidden;}
#liste_prod ul li {float:left;margin:0px 0px 15px 0px;padding:0px;text-align:center;width:25%;*width:23%;}
#liste_prod ul li img {max-width: 80%;height: auto;box-sizing: border-box;border:0;margin:2px;
-webkit-box-shadow: 0 3px 2px #6e5e66, 0 0px #fff inset;
    -moz-box-shadow: 0 3px 2px #6e5e66, 0 0px #fff inset;
    box-shadow: 0 3px 2px #6e5e66, 0 0px #fff inset;}
#liste_prod ul li a {color:#929292;font-size:15px;text-decoration:none;display:block;margin:0px;letter-spacing:1px;}
#liste_prod ul li a:hover {color:#5f5f5f;}


/*fiche produit*/
.fiche {overflow:hidden;position:relative;width:95%;margin:0px 0px 30px 35px;}
.fiche  h1 {margin:0;padding:0;font-size:22px;margin:5px 0px 15px 0px;padding:0px 0px 10px 0px;border-bottom:3px solid #dddddd;}
.fiche_photo {float:left;position:relative;z-index:10;max-width:40%;text-align:center;border-right:3px solid #dddddd;}
.fiche_photo img.zoom {position:absolute;bottom:10px;right:70px;border:0;}
.fiche_photo img.one {max-width: 90%;height: auto;box-sizing: border-box;border:0;margin:15px 10px 15px 10px;text-align:center;}

.photo_plus {margin:10px 5px 10px 5px;}
.photo_plus img.plus {float:left;margin:5px;border:0px;max-height:100px;}


.fiche_desc {float:left;margin-left:10px;width:50%}
.fiche_desc_titre  {font-size:1.5em;margin:10px 30px 10px 0px;padding:0px 0px 5px 0px;border-bottom:2px solid #f3f3f3;text-align:left;font-weight:bold;color:#3a3a3a;letter-spacing:1px;font-family: 'Lato', sans-serif;font-weight:400;text-transform:uppercase;}
.fiche_desc_content {font-size:14px;}

.pictos {margin:10px 0px 10px 0px;overflow:hidden;}
.pictos img {max-height:50px;border:0px;float:left;margin:5px;}

.fiche_plus {border:1px solid #dddddd;padding:5px;text-align:left;margin-top:10px;width:350px;}
.fiche_plus img {border:0;}
.fiche_plus  ul {margin:0;padding:0;list-style-type:none;}
.fiche_plus  ul li {background:url(../images/fl_plus.png) no-repeat left top;padding-left:15px;}
.fiche_plus  ul li a {font-size:13px;color:#595959;text-decoration:none;line-height:15px;vertical-align:middle;}
.fiche_plus  ul li a:hover {text-decoration:underline;}
.fiche_plus  ul li  img {line-height:15px;vertical-align:middle;}


/*----------------------------------------------------------------
			ENVOI AMI
----------------------------------------------------------------*/

#envoi_am {background-color:#fff;padding:10px;}
#envoi_am img {float:right;max-width:150px;max-height:150px;margin:10px;}
#envoi_am input {width:150px;border:1px solid #ADADAD;font-size:12px;}
#envoi_am textarea {width:200px;border:1px solid #ADADAD;font-size:12px;}
#envoi_am label {font-size:12px;}

/*----------------------------------------------------------------
			ATUALITE
----------------------------------------------------------------*/


.page_actu {max-width:95%;margin:0  auto;padding:10px 10px;}
.page_actu_titre {font-size:20px;margin:0px 0px 5px 0px;}
.page_actu_content {background-color:#fff;padding:5px;margin-bottom:25px;border-bottom:2px solid #f3f3f3;clear:both;overflow:hidden;}

.page_actu_photo {float:right;margin-left:30px;width:20%;}
.page_actu_photo img {max-width:200px;margin:10px;}


/*----------------------------------------------------------------
			PARTENAIRES
----------------------------------------------------------------*/

.partenaires {margin:10px 50px 10px 120px;padding:bottom:10px;border-bottom:2px solid #f3f3f3;clear:both;overflow:hidden;}
.partenaires a {color:#1a5169;}

/*----------------------------------------------------------------
			CONTENU
----------------------------------------------------------------*/
.contenu {max-width:95%;margin:0  auto;padding:10px 10px;background-color:#fff;}
.contenu img {padding:5px;}
.contenu a {color:#1a5169;}

#global_min {margin:10px 0px 10px 0px;}
#content_min {z-index:10;overflow:hidden;width:95%;margin:0 auto;padding:10px;background-color:#fff;border-radius:5px;-moz-box-shadow:0 5px 6px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 5px 6px rgba(0,0,0,0.2);
		box-shadow:0 5px 6px rgba(0,0,0,0.2);min-height:450px;}
#content_min a {color:#1a5169;}		
#content_min h1 {font-size:1.1em;margin:10px 30px 10px 10px;padding:0px 0px 5px 0px;border-bottom:2px solid #f3f3f3;text-align:left;font-weight:bold;color:#3a3a3a;letter-spacing:1px;font-family: 'Lato', sans-serif;font-weight:400;text-transform:uppercase;}
.contenu_min {width:100%;min-height:400px;margin:0  auto;padding:2px 10px;background-color:#fff;}
.contenu_min img {border:0;padding:5px;}


ul#list_ct {margin:0;padding:0;list-style-type:none;}
ul#list_ct li {background:url(../images/fl_contenu.png) no-repeat left top;padding-left:30px;}
ul#list_ct li a {color:#9c9c9c;text-decoration:none;line-height:25px;vertical-align:middle;}
ul#list_ct li a:hover {text-decoration:underline;}
ul#list_ct li  img {line-height:15px;vertical-align:middle;}


/*----------------------------------------------------------------
			FOOTER
----------------------------------------------------------------*/

#footer {margin:0 auto;background-color:#6a6170;padding:10px;overflow:hidden;border-radius:0px;}


.footer_adr {float:left;padding:0px;color:#fff;border-radius:5px;margin:10px;font-size:0.9em;}

.fb {float:left;margin-left:100px;}

.copy {float:right;margin-top:11px;font-size:10px;text-align:right;color:#fff}
.copy a {font-size:11px;color:#fff;text-decoration: none}

@media screen and (max-width: 570px) {
	.fb {float:left;margin-left:10px;padding-bottom:15px;}

	.copy {float:none;clear:both;}
}
/*----------------------------------------------------------------
			VERSION MOBILE
----------------------------------------------------------------*/


@media screen and (max-width: 1024px) {
	
#first_home h1 {font-size:22px;width:90%;}
.diapo_slide {max-width:90%;}
	
	
}

@media screen and (max-width: 880px) {
	
	#main-menu {margin-left:0px;}
	
	#first_home h1 {font-size:18px;width:95%;}
	.diapo_slide {max-width:95%;}
	
}

</pre></body></html>