body{
    margin:0;
    border: 0;
    background: #e8e7e1 url(../layouts/bg_visionplus.gif) repeat-x;
    font-family: Arial;
    color:#666;
}

#general
{
	background: url(../layouts/bg_general.png) no-repeat;
	padding:0;
	margin:0 auto;
	width:1010px;
	padding:0 0 0 0;
	
}

.header{
    padding:10px 0 0 0;

}
.logo{
    margin:0 0 0 14px;
    float: left;
    width:188px;    
}

.bloc-centre{
    background:#ffffff;
    width:980px;
    padding: 0 10px 35px 10px;
    margin:0 auto;
}


/**********  NOS COLLECTIONS  *******/

.bloc-centre-sansbg{
    width:980px;
    padding: 0 10px 35px 10px;
    margin:0 auto;
    background: url(../layouts/bg_nos-collections.gif) no-repeat;
}


.nos-collections{
    background: url(../layouts/bg_nos-collections.gif) no-repeat;
}
.vision-plaisir{
    background: url(../layouts/bg_nos-collections.gif) no-repeat;
}
.vision-naturel{
    background: url(../layouts/bg_vision-naturel.gif) no-repeat;
}
.nos-marques{
    background: url(../layouts/bg_nos-collections.gif) no-repeat;
}


.liste-nos-collections, .liste-nos-collections-rayban, .liste-nos-collections-koali, .liste-nos-collections-aigle{
    width:740px;
    height:333px;
    margin: 20px 0 0 0;
    background: url(../layouts/bg_liste_collection.png) no-repeat;
}

.liste-nos-collections-rayban{
    background: url(../layouts/bg_liste_collection-rayban.png) no-repeat;
}
.liste-nos-collections-koali{
    background: url(../layouts/bg_liste_collection-koali.png) no-repeat;
    height:195px;
}
.liste-nos-collections-aigle{
    background: url(../layouts/bg_liste_collection-aigle.png) no-repeat;
    height:195px;
}


.liste-nos-collections ul{
    margin: 0;
    padding:20px 0 0 25px;
    list-style: none;
}

.liste-nos-collections-rayban ul{
    margin: 0;
    padding:20px 0 0 250px;
    list-style: none;
}
.liste-nos-collections-koali ul{
    margin: 0;
    padding:30px 0 0 250px;
    list-style: none;
}
.liste-nos-collections-aigle ul{
    margin: 0;
    padding:20px 0 0 250px;
    list-style: none;
}


.liste-nos-collections ul li, .liste-nos-collections-rayban ul li, .liste-nos-collections-koali ul li, .liste-nos-collections-aigle ul li{
    float: left;
    width:215px;
    height:100px;
    margin: 0 20px 20px 0;
    font-size:11px;
    padding:12px 0;
    border:1px solid transparent;
}
.liste-nos-collections ul li:hover, .liste-nos-collections-rayban ul li:hover, .liste-nos-collections-koali ul li:hover, .liste-nos-collections-aigle ul li:hover{
    background: #dad9d5;
    border:1px solid #643504;
}
.liste-nos-collections ul li .photo, .liste-nos-collections-rayban ul li .photo, .liste-nos-collections-koali ul li .photo, .liste-nos-collections-aigle ul li .photo{
    width:215px;
    height:80px;
    text-align: center;

}
.liste-nos-collections ul li .ref, .liste-nos-collections-rayban ul li .ref, .liste-nos-collections-koali ul li .ref, .liste-nos-collections-aigle ul li .ref{
    margin:8px 5px 0 0;
    text-align: right:
    font-size:10px;
    float: right;
}


.video-collection{
    margin: 10px 10px;
    width: 340px;
    float: left;
}

/***********  LECTEUR **************************/

.mod_catalogreader{
    margin: 35px 0 0 0;
    
}

.mod_catalogreader .catalogue-left{
    margin: 0 0 0 10px;
    float: left;
    width:230px;
}

.mod_catalogreader .catalogue-right{
    margin: 0 0 0 15px;
    float: left;
    width:460px;
    font-size:13px;
    line-height: 18px;
    text-align: justify;
}

.retour{
    text-align: right;
     margin: 50px 0 0 0;
    
}
.retour a{
    background: #311007;
    padding:8px 12px;
    color:#ea7a19;
    font-weight:bold;
    font-size:12px;
   
}
/*********************************/

.bloc-left{
    width:720px;
    float: left;
    margin: 0 0 0 10px;
    padding:20px 0 0 0;
}

.bloc-left-index{
    width:640px;
    float: left;
    

}

.bloc-right{
    width:210px;
    float: right;
    padding: 0 0 0 0;
    margin-right:0;

}
.bloc-right-index{
    width:319px; 
    float: right;
    border-left:0;
    padding: 0;

}
.borgris{
    border-left:1px solid #d5d5d2;
    padding:0 0 20px 10px;
    margin-right:10px;
}
/*********************** Menu principal ****************************/

.menu-principal{
	width: 775px;
	margin: 0 0 0 15px;
	padding:0 0 0 0;
	float: left;

}

.menu-principal p{
	
	margin: 0 0 0 0;

}

.menu-principal ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	list-style: none;
}
.menu-principal ul.level_1 li{
	margin: 0 0 0 0;
	font-size: 11px;
	text-transform:uppercase;
	float: left;
	text-align: center;
	position: relative;
}
.menu-principal ul.level_2{
    position: absolute;
    margin:1px 0 0 0;
    background: url('../layouts/bg_ss_menu.gif');
	background-repeat: no-repeat;
    width: 300px;	
}
.menu-principal  li.page-nos-collections ul.level_2{
    left:-96px;
    width: 300px;
}
.menu-principal ul.level_2 li{
	margin: 0 0 0 0;
	font-size: 11px;
	text-transform:uppercase;
	float: left;
	
}

.menu-principal li:hover{
	color:#c75700;

}

.menu-principal p.active, .menu-principal  a.trail{
	padding:21px 20px 21px 20px;
	color:#c75700;
	font-size: 11px;
	background: url('../layouts/puce_menu.gif');
	background-repeat: no-repeat;
	background-position: left center;

}
.menu-principal ul.level_2 p.active{
    font-size: 10px;
	padding:5px 10px 5px 10px;
	color:#c75700;
	
}

.menu-principal li a{
	color: white;
	font-size: 11px;
	text-decoration: none;
	padding:21px 12px 21px 12px;
	display: block;
	background: url('../layouts/puce_menu.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.menu-principal ul.level_2 li a, .menu-principal ul.level_2 li p{
	color: #240D09;
	font-size: 10px;
	padding:5px 10px 5px 10px;
	background: url('../layouts/bg_puce_ss-menu.gif');
	background-repeat: no-repeat;
	background-position: left center;

}

.menu-principal li a:hover{

	color:#c75700;
}

.menu-principal li.first a, .menu-principal li.first p{
    background: none;
}

.menu-principal ul.level_2 li.first a, .menu-principal ul.level_2 li.first p{
    background: none;
}

.menu-principal  ul.level_2 li a.trail, .menu-principal  ul.level_2 li a:hover {
    color:#c75700;
}


/***************  LE SAVIEZ VOUS ***********/

.menu-principal li#le-saviez-vous-sport ul{
    display: none;

}



/*******************   ariane ****************************/

.ariane{
    margin: 25px 0 5px 15px;
    font-size:11px;
    text-transform: uppercase;
}
.ariane a{
    color:#311007;
    text-decoration: underline;
}

/************************  PAGE ACCUEIL   *********************************/


.bloc-flash{
    background: url(../layouts/header_shadow.jpg) no-repeat;
    background-position: bottom;
    padding:0 0 15px 0;
    width:1000px;
    margin:0 auto 0 auto;
}
#flashcontent{
    width:658px;
    float: left;
    background:#ffffff;
    padding:5px;
    margin:0 0 0 10px;
}
#flashcontent-autre{
    width:766px;
    float: left;
    background:#ffffff;
    padding:5px;
    margin:0 0 0 10px;
}

.offre_moment{
    width:298px;
    border:5px solid #ffffff;
    padding: 37px 0 0 7px;
    background-image:url(../layouts/bg_offre_moment.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0 0 0 0;
	font-size:10px;


}
.offre_moment img{
    width:290px;
	margin:0 0 2px 0;
	border:1px solid #acabaa;

}
.offre_moment .ce_text p{
    margin:0 0 0 0;
    font-size:10px;
}
.header-autre{
    width:766px;
    float:left;
     background:#ffffff;
    padding:5px;
    margin:0 0 0 10px;
}

/**************  BOX FIND  ******************/


#find{
    width:197px;
	height:273px;
	float:left;
    background-image:url(../layouts/bg_box_find.gif);
	background-repeat:no-repeat;
	border:5px solid #ffffff;

}

#find h1{
	color:#fff;
	padding:0px;
	font-size:18px;
	text-align:right;
	font-weight:normal;
	margin:5px 5px 30px 0;
	padding-top:10px;
}
#find p{

	color:#fff;
	font-size:11px;
	margin:5px 0 0 7px;

}
#find .my_input{
	border:1px solid #ff7804;
	color:#643504;
	font-weight:bold;
	font-size:11px;
	height:18px;
	float:left;
	vertical-align:middle;
}
#find a:link,
#find a:visited
{
	color:#ff7804;
}



.bloc-right-index #find
{
	background-image:url(../layouts/bg_box_search.gif);
	background-repeat:no-repeat;

	display:block;
	width:319px;
	height:121px;	
	margin:0 0 15px 0;
	text-align: right;
}

.bloc-right-index #find h1{
    margin:5px 10px 5px 0;
}

.bloc-right-index #find p.inp{   
    margin:3px 10px 0 0;
    text-align: right;
}
.bloc-right-index #find div.champs{
    float: right;
    margin:0 10px 0 0;
}
.bloc-right-index #find div.champs form{
    margin:0;
    padding:0;
}
.bloc-right-index #find div.champs input{   
    float:left;
}


.bloc-right #find{
    float: right;
    margin:0;
}
/********  NEWSLETTER  *************/
.inscription_newsletter, .mod_subscribe{
    background:url(../layouts/bg_inscription_newsletter.jpg) no-repeat;
    background-position: bottom;
    width:310px;   
    margin: 15px  0 15px 8px;
    padding:10px 0 0 0;
}
.mod_subscribe{
    padding:10px 0 10px 0;
}
.inscription_newsletter form{
       margin:10px 0 15px 0;
}
.inscription_newsletter h1{
    font-size:16px;
    font-weight:normal;
   margin:0 10px 0 0;
   padding:15px 0 0 0;  
   text-align: right;
}
.inscription_newsletter p{
   margin:0 10px 10px 0;  
   text-align:right;
}
.inscription_newsletter .my_input{
   border:1px solid #ea7a19;
   /*color:#643504;*/
   font-size:11px;
   width:200px;
   padding:2px;
}

.inscription_newsletter .submit{
   border:0;
   color:#ffffff;
   font-size:11px;
   background:url(../layouts/bg_submit.gif) repeat-x;
    background-position: bottom;
    margin: 0 0 15px 0;
    padding:3px;
    cursor: pointer;
    text-decoration: none;
}

.inscription_newsletter .gras{
   color:#643504;
}


.inscription_newsletter p.error, .inscription_newsletter p.confirm, .mod_subscribe p.confirm, .mod_subscribe p.error
{
	padding:10px;
	border:1px solid #ea7a19;
	background-color:#fff;
	color:#643504;
	width:270px;
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}


/*************************  PAGE ANNUAIRE ********************************/

#annuaire
{
	
}
#annuaire a{
	color:#311007;
	text-decoration:underline;
}
h1.titre-annuaire{
	color:#311007;
	font-size:27px;
	font-weight:normal;
}
#annuaire table{
	border-collapse:collapse;
	margin-bottom:20px;
}
#annuaire td{
	width:320px;
}
#annuaire .nb{
	width:60px;
	background:url(../layouts/annuaire-nb-bg.gif) top left no-repeat;
	color:#fff;
	font-size:10px;
	text-indent:25px;
	padding-top:0px;
}
#annuaire p{
	font-size:12px;
	margin:0px;
	padding:0px;
	line-height:150%;

}

#annuaire h3{
margin:0px;
padding:0px;
color:#643504;
font-size:14px;
}

#annuaire .coords{

}
#annuaire .telfax{

}

#annuaire .horaires b{
	color:#84c00e;

}

.legal{
	font-size:11px;
	line-height:14px;
	color:inherit;
}

/********************  GENERIC   ***************************************/

.ce_text h1{
    color:#643504;
	font-size:27px;
	font-weight:normal;
	margin:0 0 10px 0;

}
.ce_text p{
    font-size:14px;
    line-height: 19px;

}
.ce_text ul{
    font-size:14px;
    line-height: 17px;
    margin:0 0 0 0;
}
.ce_text ul li{
    margin:0 0 5px 0;
}


/************************  PAGE  NOS garanties  *******************/
.nos-garanties{
}
.nos-garanties table {
    color:#84c00e;
}
.nos-garanties table h2{
    color:#84c00e;
    font-weight: normal;
    font-size:18px;
    margin: 12px 0 5px 0;
}
.nos-garanties table p{
    margin: 8px 0 25px 0;
}
.nos-garanties .exergue{
    color:#84c00e;
}

/************************  PAGE  NOS OFFRES BIEN ETRE *******************/

.encart-offre{
    margin: 10px auto 0 auto;
    background-image:url(../images/bg_encart_offfre_simple.jpg);
    background-repeat:no-repeat;
    width:581px;
    height:181px;
}


.partenaire{
    width:190px;
    margin:0 0 15px 5px;
}
.partenaire p{
    font-size:11px;
    line-height: 13px;
}

.partenaire .exergue{
    color:#84c00e;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}
.partenaire  h3
{   color:#643504;
	text-transform:uppercase;
	padding-left:0px;
	padding-bottom:10px !important;
	margin-left:0px;
	font-size:11px;
}



.partenaire img
{
	margin-right:5px;
}

.partenaire p
{
	margin-left:0px;
	margin-right:0px;
	/*
	text-align:justify;
	*/
}

.partenaire ul
{   font-size:11px;
	margin:0px;
	margin-left:10px;
	padding-left:5px;
	list-style-type:disc;
	line-height: 13px;
}
.partenaire li
{
	list-style-type:disc;
}

/***************  NOS OFFRES DU MOMENT   **************************************/

/***************  NOS  COMMUNICATIONS  ***********************************/

.diaporama  h3
{   color:#643504;
	text-transform:uppercase;
	margin-bottom:5px;
	font-size:11px;
}

.spot{
    text-align: center;

}


.tour-de-france ul p{
    line-height: 16px;
    margin:0 0 4px 0;
}

.tour-de-france ul li{
    margin:0 0 15px 0;
}

/**********************  LE SAVIEZ VOUS  **********************/

.exergueRouge,
table .exergueRouge
{
	color:#d4111c;
}

.le-saviez-vous table h2{
    font-weight: normal;
    margin:5px 0 5px 0;
}
.le-saviez-vous table p{
    font-weight: normal;
    margin:0;
}
.le-saviez-vous table td{
    vertical-align: top;
    padding-bottom: 10px;
}

/**********************  MENTIONS LEGALES  **********************/

.mentions-legales h2{
    color:#84c00e;
    font-weight: normal;
    font-size: 20px;

}

/*********************  CONTACT   ***********************************/


.contactez-nous h1{
     color:#643504;
	font-size:27px;
	font-weight:normal;
	margin:0 0 10px 0;

}

.contactez-nous .left-contact{
    float:left;
    width:290px;
}

.contactez-nous .right-contact{
    float:left;
    margin-left:20px;
     width:400px;
}

.contactez-nous .item{
    margin:0 0 10px 0;

}
.contactez-nous input, .contactez-nous select, .contactez-nous textarea{
    border:1px solid #88cf00;
	padding : 2px;
	color:#643504;
	font-family:arial;
	font-size:12px;
}

input.txtfld, select{
	width:180px;
}
input.txtfld-code{
    width:50px;

}

#ctrl_13{
   width:180px;
   height:70px; 
}
input#ctrl_22, #ctrl_23{
    width:390px;
    margin:5px 0 0 0;
}
.contactez-nous .left-contact .form_label{
    color:#666;
	font-weight:bold;
	font-size:12px;
	float:left;
	width:100px;
}
.contactez-nous .right-contact .form_label{
    color:#666;
	font-weight:bold;
	font-size:12px;
	float:left;
	width:215px;
}

.contactez-nous .submit{
    float: right;
    border: none;
}

.short
{
	width:180px;
}
.large
{
	width:370px;
}

.oblige{
color:#84c00e;
}


/*************************************  MAP  *********************************/


.map-link{
    cursor: pointer;
}
.blocmap-addresse{
    font-size:11px;
}

.blocmap-addresse h3{
    font-size:11px;
    margin:0;
    color:#240D09;
}
.blocmap-addresse p{
    font-size:11px;
    margin:4px 0 0 0;
}
/************************************ FOOTER   **********************************/

.bg_footer{
     background:url(../layouts/bg_footer.gif) repeat-x;
     background-position: bottom;
}

.footer{
    width:1000px;
    margin:0 auto;
    background:#e8e7e1;
    padding:10px 0 10px 0;
    font-size:10px;
    text-transform: uppercase;
}
.footer .menu-footer-1{
    float: left;
}
.footer .menu-footer-2{
    float: right;
}

.footer .menu-footer-1 ul, .footer .menu-footer-2 ul{
   margin:0;
   padding:0;
   list-style: none;
}

.footer .menu-footer-1 li, .footer .menu-footer-2 li{
   float:left;
}

.footer .menu-footer-1 li a, .footer .menu-footer-2 li a{
   padding:0 5px 0 5px;
   border-left:1px solid #643504;
   color:#DE651D;

}
.footer .menu-footer-1 li .active, .footer .menu-footer-2 li .active{
    padding:0 5px 0 5px;
   border-left:1px solid #643504;

}
.footer .menu-footer-1 li.first a, .footer .menu-footer-2 li.first a{
   border:none;
}
.footer .menu-footer-1 li.first .active, .footer .menu-footer-2 li.first .active{
    border:none;
}

.footer .menu-footer-1 a:hover, .footer .menu-footer-2 a:hover{
    color:#240D09;
    text-decoration: none;
}
/*********************************************/
/*

84c00e : vert
643504
311007 : marron clair
240D09 : marron fonce
EA7A19 : orange clair
DE651D : orange fonce
E1E0DA : gris clair
B9B6AF : gris fonce

*/

.invisible{
    display: none;
}

.clear{
    clear:both;
}

img{
    border:0;
}

a{
    outline: none;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}
.exergueOrange
{
	color:#EA7A19;
}
table td
{
	vertical-align:top;
	font-size:14px;
}