@charset "utf-8";
/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

body { /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */
margin:0; padding:0; font-family: MinionPro, Arial; color:#444444; font-size:15px; background:#ffffff; color:#2e1723;}
#global { width:1260px; margin:0 auto;}
#centre { width:1260px;  min-height:600px;}
#contenu { overflow: hidden; padding:25px 15px; position:relative;}
#pied {  width:1260px; padding-top:20px; text-align:center; background:#2e1723; height:82px; }
#pied-centre {padding:0 10px; color:#fffaf1;}
#pied-centre a,
#pied-centre a:visited {text-decoration:none; color:#fffaf1;}
#pied-centre-nomenseigne {text-transform:uppercase;}

#bandeau {height:150px; background:url(../images/bandeau-fond.jpg) repeat-x;  z-index:100; width:1260px;}
#bandeau-gauche {}
#bandeau #logo {width:213px; height:54px; margin:15px 0 15px 15px;}
#bandeau #logo a,
#bandeau #logo a:visited {display:block; width:213px; height:54px; background:url(../images/logo.png) top left no-repeat;}
#bandeau #logo span {display:none;}
#bandeau-menu {margin-right:25px;}

#bandeau-droite {width:354px;}
#bandeau-recherche-langues {margin-right:11px;}
#bandeau-langues {margin-top:30px; text-align:right; margin-bottom:25px;}
#bandeau-langues a {display:inline-block; margin-left:5px;} 

/* Social */
.bandeau-social { float: left; margin-top:30px;  margin-bottom:25px;}
.bandeau-social a,
.bandeau-social a:visited { margin: 0px 5px 0px 0px; text-align: center; color: #ffffff; vertical-align: middle; width: 26px; height: 26px;  border: solid #fff 1px; border-radius: 50px; font-size: 16px; display: inline-block;  }
.bandeau-social a:hover { color: #251A20 !important; background-color: #ffffff;  }
.bandeau-social a i {padding-top: 5px;}


#bandeau-recherche-container { position:relative; z-index:1; background:url(../images/bandeau-recherche.jpg) no-repeat center top; width:216px; height:25px; }
#bandeau-recherche-texte {position:absolute; left:0; top:0; z-index:1; width:191px; height:25px;}
#bandeau-recherche-texte input {width:191px; height:25px;}
#bandeau-recherche-ok {position:absolute; right:0; top:0; z-index:1; width:25px; height:25px; cursor:pointer;}
#bandeau-recherche-ok input {width:25px;height:25px; padding:0; cursor:pointer;}
#bandeau-recherche-texte input,
#bandeau-recherche-ok input {background:none; border:none;}

#bandeau-association {width:104px; height:150px; margin-right:20px;}
#bandeau-association a,
#bandeau-association a:visited {background:url(../images/bandeau-association.jpg) no-repeat center top; width:104px; height:50px; display: block; text-decoration:none; font-size:1.145em;
color:#ffffff; padding-top:100px; text-align:center;}

#contenu.contenu-4 {padding:0;}
#contenu h1 {font-style:italic; font-weight:normal; color:#2e1723; font-size:25px;}
#contenu h2 {font-family:MinionPro-Semibold, Arial; font-weight:normal; color:#dfb55c; font-size:18px; margin:7px 0 10px 7px; padding-left:10px; background:url(../images/h2-puce.png) no-repeat left 9px;}
#contenu h3 { color:#2e1723; font-size:15px;  margin:7px 0 25px 7px;  padding-left:10px; background:url(../images/h3-puce.png) no-repeat left 7px;}
#contenu p {  margin-left:30px;}
#contenu ul {margin-left:30px;}
#contenu a,
#contenu a:visited {color:#2e1723; }
#contenu table tr td p,
#contenu table tr td ul {margin-left:0;}
#contenu ul li p {margin-left:0;}

/* Messages de retour */
.reponse-message,
.reponse-erreurs, .ok { padding: 13px; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

/* Fil d'ariane */
#ariane {}
.ariane-vous-etes-ici {}
.ariane-accueil {}
.ariane-fleche {}
a.ariane-element {}
span.ariane-element {}
.ariane-element-final {}

/* MENU */
#menu {list-style:none; margin:0; padding:0; height:66px; display:none;}
.menu-element {float:left; position:relative; margin:0px 2.2%;}
#menu-1121 {margin-right:10px;}
.menu-element > a { text-decoration:none;}
.menu-element > a, .menu-element > span {padding:10px 0 5px; display:block;height: 50px;}

.menu-element > a > span, .menu-element > span { color:#dfb55c; font-size:18px;}
.menu-element.selected > a > span, .menu-element.selected > span,
.menu-element:hover > a > span, .menu-element:hover > span {border-bottom:1px solid #876b42;}
.menu-element:hover > a > span, .menu-element:hover > span {}

.smenu-conteneur {position:absolute; top:32px; left:0px; z-index:200; margin:0; padding:0; list-style:none; display:none; width:200px; background:url(../images/sousmenu-fond.png) repeat-y center top;}
.smenu-bas {}
.smenu-centre {}
.smenu-element {}
.smenu-element a,
.smenu-element a:visited {font-size:15px; color:#281d23; font-family:MinionPro-Semibold, Arial; text-decoration:none;padding:5px; display:block; font-style:italic;}

.smenu-element:hover a,
.smenu-element.selected a {color:#cea756;}


/* Languettes */
#languette-container {height:279px; width:81px; position : fixed;  right:0px; top:250px; z-index:5000;}
#languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; top:0px; position:absolute; right:0; z-index:5000;}
#languette-admin:hover { width: 198px; height: 93px; background: url(../images/lang-interface-gestion-depliee.png);}
#languette-page { height:93px; width:81px; background: url(../images/lang-gestion-page.png); cursor:pointer; top:98px;position:absolute; right:0; z-index:5000;}
#languette-page:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-depliee.png);}
#languette-page-disabled { height:93px; width:81px; background: url(../images/lang-gestion-page-off.png); cursor:pointer; top:98px; position:absolute; right:0; z-index:5000;}
#languette-page-disabled:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-off-depliee.png);}
#languette-deconnexion {  height:93px; width:81px; background : url(../images/lang-deconnexion.png); cursor:pointer; top:196px;  position:absolute; right:0; z-index:5000;}
#languette-deconnexion:hover { width: 198px; height: 93px; background: url(../images/lang-deconnexion-depliee.png);}

/* Moteur de recherche */
#recherche-formulaire { position:relative; z-index:1; background:url(../images/bandeau-recherche.jpg) no-repeat center top; width:216px; height:25px; }
#recherche-formulaire-input {position:absolute; left:0; top:0; z-index:1; border:1px solid #3A1E2D;width:191px; height:22px;}
#recherche-formulaire-input input {  height: 17px; padding: 3px; width: 186px; }
#recherche-formulaire-submit {position:absolute; right:0; top:0; z-index:1; width:25px; height:25px; cursor:pointer;}
#recherche-formulaire-submit input {width:25px;height:25px; padding:0; cursor:pointer;}
#recherche-formulaire-input input,
#recherche-formulaire-submit input {background:none; border:none;}

#recherche-conteneur {}
#recherche-description {}
#recherche-conteneur-familles {}
.recherche-conteneur-famille {}
.recherche-nom-famille a, .recherche-nom-produit a {color: #000; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:0.9em;}
.recherche-nom-famille {text-align:center;}
.recherche-nom-famille a {}
#recherche-conteneur-produits {}
.recherche-conteneur-produit {}
.recherche-photo {text-align:center; min-height: 75px;}
.recherche-photo-non-disponible {font-size:0.9em; text-align:center;padding-top:100px;}
.recherche-nom-produit {text-align:center;}
.recherche-nom-produit a {}
.recherche-conteneur-produit, .recherche-conteneur-produit {width:202px; height:325px; background: url(../images/famille-conteneur.png) top left no-repeat; float: left; margin:5px; padding:5px 10px;}
.recherche-conteneur-produit-haut {height:50px; overflow:hidden;}
.recherche-conteneur-produit-haut-gauche {font-size:0.8em; text-align:center; text-decoration:none;}
.recherche-conteneur-produit-haut-gauche a {color: #000;}
.recherche-conteneur-produit-haut-droite {float:right; text-align:right; width:80px; padding-right:10px; padding-top:10px; font-size:0.95em; font-weight:bold; color: #7C5099;}
.recherche-conteneur-produit-centre {height:223px; overflow:hidden; text-align:center; margin-top:5px;}
.recherche-conteneur-produit-centre table {width:1260px; height:223px;}
.recherche-conteneur-produit-bas {height:28px; overflow:hidden; padding-top:25px;}
.recherche-conteneur-produit-bas-gauche {float:left; width:50%; text-align:left;}
.recherche-conteneur-produit-bas-droite {margin-left:50%; text-align:right; font-size:0.95em; font-weight:bold; color: #7C5099;}
.recherche-pagination {color:#7C5099;}



/** RESULTATS PAGE */
.recherche-expression {}
.recherche-nombre-resultat {font-weight:bold; font-size:1.1em;}
.recherche-page {}
#recherche-conteneur .recherche-page-lien a, #recherche-conteneur .recherche-page-lien a:visited {}
.recherche-extrait {}
.recherche-surbrillance {background-color:#FFFF00;}
#recherche-pagination {margin:45px 0 15px; overflow: hidden;}
#recherche-pagination a, #recherche-pagination a:visited {text-decoration:none;}

/* HISTORIQUE DES RECHERCHES */
#recherche-historique {}
#recherche-historique .col{width:380px; margin:0 10px; float:left;}
#recherche-historique .mot{padding:10px; text-align:center;}

#paginator {margin:20px; text-align:center;font-size:1.05em; }
.paginator-page {margin:0 5px;}
#contenu #paginator a, 
#contenu #paginator a:visited {}

/* Contact */
#module-contact {}
#module-contact #contact-conteneur {overflow:hidden;}
#module-contact .contact-coordonnee {clear:left; margin-bottom:5px;}
#module-contact .contact-champ {margin-bottom:10px;}
#module-contact textarea {width:400px; height:75px;}
#module-contact .form div {margin:10px 0;}
#module-contact .input-text {width:200px;}
#contact-erreurs {background-color:#FBE3E4; border:2px solid #FBC2C4; padding:0.8em; font-size:13px; margin:10px;}
.contact-erreur {color:#8A1F11; font-weight:bold;}
#contact-ok {background-color:#E6EFC2; border:2px solid #C6D880; color:#264409; padding:0.8em; font-size:13px; margin:10px; font-weight:bold;}
#contact-envoi {cursor:pointer; width:258px; margin:0 auto;}
#contact-envoi input { cursor:pointer; background:none; width:258px; height:25px; display:block; border:solid 1px #dfb55c; color:#dfb55c; text-decoration:none; font-size:12px; text-transform:uppercase; text-align:center; line-height:21px;}
#contact-envoi:hover input {width:258px; height:25px;color:#ffffff; background:url(../images/bouton-on.jpg) no-repeat center top; border:none;}


/* Plan du site */
#contenu .plansite-ul {margin-left:0;}
.plansite-li {}
.plansite-a {text-decoration:none;}
.plansite-a:hover {text-decoration:underline;}
.plansite-span {}


/* Mosaique */
#mosaique-conteneur {overflow:hidden; font-size:0.9em; padding: 20px 0 0 20px;}
.mosaique-image {padding-bottom:5px;}
.mosaique-voir {font-size:0.8em;}


/* Diaporama */
.diaporama-container {position:relative; z-index:1; min-height:200px; min-width:300px; margin:40px 10px; background-color:#FFFFFF; padding:0 40px;}
.diaporama { min-width:300px; min-height: 200px; overflow:hidden;}

.diaporamaPrevBtn,
.diaporamaNextBtn {display:block; position:absolute; z-index:1000; top:0px; }

.diaporamaPrevBtn {left:0px;}
.diaporamaNextBtn {right:0px;}

.diaporamaPrevBtn a,
.diaporamaNextBtn a {display:block; position:relative; width:40px; cursor:pointer;}
.diaporamaPrevBtn a {background:url(../images/diaporama-fleche-gauche.png) center center no-repeat;}
.diaporamaNextBtn a {background:url(../images/diaporama-fleche-droite.png) center center no-repeat;}

.diaporama ul { min-width:300px; padding:0px; margin:0;}
.diaporama ul li {list-style:none; min-width:300px; min-height:200px; padding:0px; margin:0;}
.diaporama ul li .slider-li {min-height:200px; min-width:300px; margin:0 auto; cursor:pointer;}
.diaporama-boutons{height:17px; text-align:center; padding:10px 0;}
.diaporama-pause {width:16px; height:17px; display:inline-block; cursor:pointer; margin:0 5px;}
.diaporama-lecture {width:16px; height:17px;  display:inline-block; cursor:pointer; margin:0 5px;}

/* MODULE ACTUALITES */
#actualites {}
#actualites .conteneur {}
#actualites .conteneur .titre {}
#actualites .conteneur .contenu {}
#actualites .conteneur .contenu .extrait {}
#actualites .conteneur .contenu .lien {}
#actualites .conteneur .contenu .lien a,
#actualites .conteneur .contenu .lien a:visited {}
#actualites .conteneur .contenu .lien a:hover {}

/* MODULE AUTHENTIFICATION */
#authentification {}
#authentification .form {margin:10px 0;}
#authentification .form label {float:left; width:150px;}
#authentification .form .inputText {width:200px;}
#authentification .form .submit {}


/* TEMPLATE ACTUALITE */
#template-actualite {}
#template-actualite .retour-actualites {}
#template-actualite .retour-actualites a,
#template-actualite .retour-actualites a:visited {}
#template-actualite .retour-actualites a:hover {}

/* Commentaires */
#template-actualite #commentaire-nombre {font-weight:bold; margin:15px 0; font-size:1.4em;}

#template-actualite #commentaire-form-conteneur {}
#template-actualite .commentaire-form {margin-bottom:10px;}
#template-actualite .commentaire-form label {display:block; font-size:0.9em;}
#template-actualite .commentaire-form .input-text {width:300px;}
#template-actualite .commentaire-form .textarea {height:100px; width:100%;}
#template-actualite .commentaire-form .submit {}
#template-actualite #commentaire-desactive {color: #444; font-size:0.9em;}

#template-actualite #commentaire-liste {margin:10px 0px;}
#template-actualite #commentaire-liste .commentaire {border-top:1px dotted #000; padding:10px 0;}
#template-actualite #commentaire-liste .commentaire .nom {font-weight:bold; font-size:0.9em; color:#0000EE;}
#template-actualite #commentaire-liste .commentaire .nom-admin {font-weight:normal; color: #000; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .separator {color: #777; padding:0 5px;}
#template-actualite #commentaire-liste .commentaire .date {color:#777; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .message {color: #444; font-size:0.9em; margin:5px 0;}
#template-actualite #commentaire-liste .administrateur {background-color:#FFF39B;}

/* Sommaire */
#sommaire-conteneur {}
#sommaire-liste { width:200px;}
#sommaire-liste h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-liste ul {padding-left:20px; margin: 5px; margin-left:25px;}
#sommaire-liste ul li {font-size:12px;  padding-bottom:5px;}
#sommaire-liste ul li a,#sommaire-liste ul li a:visited { text-decoration:none;}
#sommaire-contenu { }

/* Sommaire element */
#sommaire-element-conteneur {}
#sommaire-element-cadre { float: right; border:2px solid #E5E5E5;  width:200px;}
#sommaire-element-cadre h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-element-cadre ul {padding-left:20px; margin: 5px; margin-left:0;}
#sommaire-element-cadre ul li {font-size:12px;  padding-bottom:5px; }
#sommaire-element-cadre ul li span { font-weight:bold;}
#sommaire-element-cadre ul li a, #sommaire-element-cadre ul li a:visited {text-decoration:none;}
#sommaire-element-parent {}
#sommaire-element-parent a, #sommaire-element-parent a:visited {text-decoration:none;}
#sommaire-element-contenu { margin-right:230px;}
#sommaire-element-liens {}
#sommaire-element-precedent {float:left;}
#sommaire-element-precedent a, #sommaire-element-precedent a:visited {text-decoration:none;}
#sommaire-element-suivant {float:right;}
#sommaire-element-suivant a, #sommaire-element-suivant a:visited {text-decoration:none;}


/* BOUTON PAYPAL */
.paypal-button {
    white-space: nowrap;
}
.paypal-button button {
    background: none repeat scroll 0 0 #ffa823;
    border: 1px solid #ffa823;
    border-radius: 13px;
    color: #0e3168;
    cursor: pointer;
    font-family: "Arial",bold,italic;
    font-style: italic;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    z-index: 0;
}
.paypal-button button.large {
    font-size: 14px;
    padding: 4px 19px;
}

.paypal-button button:after {
    background: -moz-linear-gradient(center top , #fefefe 0%, #fed994 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 40px 40px 38px 38px;
    content: " ";
    height: 60%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(1%);
    width: 98%;
    z-index: -1;
}
.paypal-button button:before {
    background: -moz-linear-gradient(center top , #ffaa00 0%, #ffaa00 80%, #fff8fc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 11px;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}



/* Layout contact informations */
#layer { position:absolute; top:0px; left:0px; background-color:#000; z-index:1000; }
#layoutcontact-informations-conteneur { position:absolute; top:0px; left:-1000px; width:500px; height:600px;  background: #FFFFFF; z-index:1500;}
#layoutcontact-informations-fermeture {width:56px; height:25px; position:absolute; top:15px; right:5px; z-index:1600; cursor:pointer;font-size:0.9em;}
#layoutcontact-informations-contenu {padding:25px 15px 0;font-size:0.9em;  height:560px;}
#layoutcontact-informations-contenu p {text-align:left; padding:0 0 10px 0; margin:0;  font-family:Minion;text-align:center;}
#layoutcontact-informations-conteneur #contact-erreur {font-size:0.7em; color:#E51B1B; text-align:center;}
#layoutcontact-informations-conteneur .input-text {width:260px;}
.layoutcontact-informations-pave {margin:7px 0;}
#layoutcontact-informations-submit {width:294px; margin: 10px auto 0;}
#layoutcontact-informations-submit input {cursor:pointer; width:294px; height:25px; display:block; border:solid 1px #dfb55c; color:#dfb55c; text-decoration:none; font-size:12px; text-transform:uppercase; text-align:center; line-height:23px;}
#layoutcontact-informations-submit:hover input {width:296px; height:25px;color:#ffffff; background:url(../images/bouton-on.jpg) no-repeat center top; border:none;}


/* Layout vérification informations */
#layoutverification-informations-conteneur {position:absolute; top:0px; left:-1000px; width:500px; height:600px;  background: #FFFFFF; z-index:1500;}
#layoutverification-informations-fermeture {width:56px; height:25px; position:absolute; top:15px; right:5px; z-index:1600; cursor:pointer;font-size:0.9em;}
#layoutverification-informations-contenu {padding:25px 15px 0; font-size:0.9em;text-align:center;height:560px;}
#layoutverification-informations-contenu p { padding:0 0 10px 0; font-family:Minion;}


/* ACCUEIL */
#accueil-slider-conteneur {position:relative; z-index:10; min-width:250px; width:906px; height:584px;}
#accueil-slider { overflow:hidden;width:906px; height:584px; }
#accueil-slider ul { list-style: outside none none; margin: 0; padding: 0; overflow:hidden; position: relative; z-index:10;  width: 20000em;  height:100%;}
.accueil-slider-li { width:100%; height:100%; min-width:250px; margin:0; padding:0; list-style: outside none none; float: left; cursor:pointer;}
.accueil-slider-li div { width:100%;  min-width:250px;  height:100%; background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;  background-position: center center;}

#accueil-slider-prev,
#accueil-slider-next { cursor:pointer; position: absolute; width: 45px; height: 80px; top:270px; z-index:20;}	

#accueil-slider-prev {left:15px;}
#accueil-slider-prev a,
#accueil-slider-prev a:visited { display:block; width: 45px; height: 80px; background:url(../images/slider-prev.png) no-repeat center top; }
#accueil-slider-next { right:15px;}
#accueil-slider-next a,
#accueil-slider-next a:visited { display:block; width: 45px; height: 80px; background:url(../images/slider-next.png) no-repeat center top; }


#accueil-contact {background:#3c2330; width:304px; padding:30px 25px 0 25px; /*min-height:470px;*/height:554px;}
#accueil-contact-titre {font-size:20px; color:#f3f6f6; text-transform:uppercase;}
.accueil-contact-bloc {margin-bottom:15px;  width:304px; }
.accueil-contact-bloc-titre {color:#a48544; font-size:18px; font-style:italic; margin:5px 0;}
.accueil-contact-bloc-contenu {color:#f3f6f6;}
#contenu .accueil-contact-bloc-contenu a, 
#contenu .accueil-contact-bloc-contenu a:visited {color:#f3f6f6; text-decoration:none;}

#accueil-contact-bloc-newsletter {}
#accueil-contact-bloc-newsletter p {margin:3px 0;}
#accueil-newsletter-container { position:relative; z-index:1; background:url(../images/accueil-newsletter.jpg) no-repeat center top; width:221px; height:22px; }
#accueil-newsletter-texte {position:absolute; left:0; top:0; z-index:1; width:195px; height:22px;}
#accueil-newsletter-texte input {width:195px; height:22px;}
#accueil-newsletter-ok {position:absolute; right:0; top:0; z-index:1; width:25px; height:22px; cursor:pointer;}
#accueil-newsletter-ok input {width:25px;height:22px; padding:0; cursor:pointer;}
#accueil-newsletter-texte input,
#accueil-newsletter-ok input {background:none; border:none;}
				
#accueil-contact-plan {}
#contenu #accueil-contact-plan a,
#contenu #accueil-contact-plan a:visited {color:#a48544; text-decoration:none;}
				
#accueil-actualites  {background:#fffaf1;}
#accueil-actualites-titre {width:100%; height:30px; background:#2e1723; font-size:21px; color:#dfb55c; text-align:center; line-height:32px;}
.accueil-actualite {margin:15px; /*width:385px;*/width:30%;}
#accueil-actualite-2 {padding:0 15px; margin: 15px 0; border-left:1px solid #ece3d2;border-right:1px solid #ece3d2;} 
.accueil-actualite-image {height:240px; width:170px;}
.accueil-actualite-contenu {width:/*200px*/50%; margin-left:15px;}
.accueil-actualite-nom {font-family: MinionPro-SemiBold, Arial; font-size:19px; color:#2e1723; height: 45px; line-height: 19px; overflow: hidden;}
.accueil-actualite-date {font-family: MinionPro, Arial; font-style:italic; font-size: 15px; color:#a48544;  margin:6px 0; height: 30px; line-height: 15px;}
.accueil-actualite-texte { height:auto; min-height:153px; overflow:hidden;}
#contenu .accueil-actualite-texte p {margin:3px 0;}
.accueil-actualite-suite { margin-top:10px;}
#contenu .accueil-actualite-suite a,
#contenu .accueil-actualite-suite a:visited {font-size:0.9em; color:#a48544; text-decoration:none;}


/* LISTE ARTISTES */
.annuaire {}
.col1,.col2,.col3,.col4 {width:290px; float:left;  margin:0px 17px 10px 0 ;}
.col1 {}
.col2 {}
.col3 {}
.col4 {}
.colhead-liste-artiste {}
.colhead-lettre {color:#dfb55c; border-bottom:1px solid #dfb55c; font-size:18px; font-family:MinionPro-Medium, Arial; font-style:italic;}
.colhead-colonnes {}
.colhead-colonnes ul {padding-left:3px; margin:5px 0;}
.colhead-colonnes ul li {list-style:none; background:url(../images/li-puce.jpg) no-repeat left 8px; padding-left:7px;}
#contenu .colhead-colonnes ul li a,
#contenu .colhead-colonnes ul li a:visited  {text-decoration:none;  }
#contenu .colhead-colonnes ul li a:hover {}
#contenu .colhead-colonnes ul li:hover a.oeuvres {color:#dfb55c;}

/* MOSAIQUE OEUVRES */
#oeuvres-mosaique { max-width: 1490px;  margin: 0 auto;}
#contenu #oeuvres-mosaique h1 {  font-style: normal; text-align: center; border-bottom: 1px solid #241B20; padding-bottom: 7px; font-size: 36px; margin-top: 0; margin-bottom: 9px; color: #241B20;}
#contenu #oeuvres-mosaique h1 span {font-style:italic;}
#oeuvres-mosaique-conteneur {text-align: left; font-size: 0;}
.oeuvre-container {text-align:center; cursor: pointer; overflow: hidden; position: relative; z-index: 10; width: 254px; height: 193px; display: inline-block; border: 1px solid #2e1723; margin: 21px; vertical-align: top;}
.oeuvre-image {width:100%; height:100%; }
.oeuvre-nom {position:absolute; left:0; bottom:-193px; z-index:15; color:#ffffff; font-size:17px; font-style:italic; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; background:rgba(60,35,48,0.7); }


/* Evenements */
#evenement-accueil,#evenement-detail {float:left;width:900px; padding-right:30px;}
#evenement-colonne-droite {float:left; width:250px; padding-left:17px; border:1px solid #727272; margin-top:20px;}
#contenu .evenement-colonne-annee {margin-left:0; font-size:20px; padding-left:0; font-style:normal;}
#contenu .evenement-colonne-liste {padding-left:15px; margin-left:0;}
.evenement-colonne-liste li {padding-bottom:5px;}
#contenu .evenement-colonne-liste li a,
#contenu .evenement-colonne-liste li a:visited {padding-bottom:5px; color:#292929;}
#contenu .evenement-colonne-liste li a:hover {padding-bottom:5px; color:#8C150F;}
#evenement-colonne-droite .evenement-colonne-liste a, 
#evenement-colonne-droite .evenement-colonne-liste a:visited,
#evenement-colonne-droite .evenement-colonne-liste a:hover {text-decoration:none; color:#371A16;} 
#evenement-colonne-droite .evenement-colonne-liste #evenement-selectionne a {color:#8C150F;}
#evenement-container {float:left; width:900px; }

#evenement-container h1 {letter-spacing:0px;}

#evenement-photo-droite { margin-top:10px; width:228px; height:228px; float:left;}
#evenement-texte {clear:both; padding-right:30px;}

/* Slider Evenement*/
#evenement-contenu {}
#evenement-slider-contenu {  float:left;  position: relative; z-index:10; width:600px; height:495px; margin:0px 10px 20px 20px; overflow:hidden; background-color:#ffffff; border:1px solid #3C2330;}
#evenement-slider {width:600px; height:455px; overflow:hidden;}
#evenement-slider ul {width: 20000em; position: relative; list-style: none;  margin: 0;  padding: 0;}
.evenement-slider-li {margin:0; padding:0; width:600px; height:455px; float:left; overflow:hidden;list-style: outside none none;}
.evenement-slider-centre { width:100%;  min-width:250px;  height:100%;}
.evenement-slider-image { width:100%;  min-width:250px;  height:415px; max-height:415px; background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}
.evenement-slider-legende {height:20px;text-align:center; padding:20px 15px 0;}
#evenement-slider-controls-conteneur {width:600px; height:40px;  background-color:#3C2330; position:absolute; left:0; bottom:0; height:40px; z-index:30;}
#evenement-slider-controls {height:40px;margin:0 auto;}

#contenu #evenement-slider-controls a,
#contenu #evenement-slider-controls a:visited {text-align:center; text-decoration: none; display: block; float:left; width:20px; height:20px; padding:10px 0; color:#dfb55c; font-weight:bold;  margin:0 6px;}
#contenu #evenement-slider-controls a:hover {text-decoration:underline;}
#contenu #evenement-slider-controls a.active {color:#ffffff;}


/* TEMPLATE ARTISTE */
#artiste-container {}
/* Haut */
#artiste-haut {}
#artiste-haut-liens {}
#contenu #artiste-haut-liens a,
#contenu #artiste-haut-liens a:visited {color:#2e1723; text-transform:uppercase; text-decoration:none; font-size:13px;}
#artiste-boutons-retour {}
#artiste-boutons-navigation {}
#contenu #artiste-boutons-navigation a span {text-transform:none; font-style:italic; display:inline-block;}
#artiste-prev {float:left;margin-right:40px; text-align:left;}	
#artiste-prev span {padding-left:6px;}											
#artiste-next {float:right; text-align:right;}								
#artiste-next span {padding-right:6px;}

/* Centre */
#artiste-centre {}
#artiste-oeuvres-slider-conteneur {width:865px; max-height:739px; }
#artiste-oeuvres-slider-conteneur.biographie {max-height:none;}
#artiste-oeuvre-details-conteneur {width:296px; margin:0 10px;}
#artiste-oeuvre-details-centre {/*min-height:600px;*/}
#artiste-oeuvre-details {margin-bottom:25px; width: 296px;}
#artiste-oeuvre-nom {font-size:19px; color:#3a1728; font-family:MinionPro-Medium, Arial; font-style:italic;}
#artiste-oeuvre-infos {}
#artiste-oeuvre-taille-conteneur {}
#artiste-oeuvre-prix-conteneur {}

#artiste-oeuvre-photo-tableau {width: 296px;margin-bottom:20px; text-align:center;}
#artiste-oeuvre-photo-tableau > a > span {width:268px; height:192px;}
#artiste-oeuvre-photo-adresse {text-align:left;}
#contenu #artiste-oeuvre-photo-adresse p {margin-left:0;}

#artiste-oeuvre-actions {width: 296px;}
#contenu #artiste-oeuvre-details-conteneur .bouton {width:294px; height:23px; display:block; border:solid 1px #dfb55c; color:#dfb55c; text-decoration:none; font-size:12px; text-transform:uppercase; text-align:center; line-height:26px;}
#contenu #artiste-oeuvre-details-conteneur .bouton:hover {width:296px; height:25px;color:#ffffff; background:url(../images/bouton-on.jpg) no-repeat center top; border:none;}

#artiste-oeuvre-demande-info {margin:10px 0; cursor:pointer;}
#artiste-oeuvre-demande-info span {}
#artiste-bouton-imprimer {margin:10px 0;}
#artiste-bouton-imprimer a,
#artiste-bouton-imprimer a:visited {}
#artiste-biographie {margin:10px 0;}
#contenu #artiste-biographie a,
#contenu #artiste-biographie a:visited {width:296px; height:25px;font-size:12px; text-transform:uppercase; text-align:center; line-height:26px; color:#ffffff; background:url(../images/bouton-biographie.jpg) no-repeat center top; width:296px; height:25px; display:block; text-decoration:none;}
#contenu #artiste-biographie a:hover {width:294px; height:23px; background:#ffffff; border:1px solid #3c2330; color:#3c2330;}

#artiste-oeuvres-consulter {margin-top:50px; width:296px;}

#artiste-contenu {width:865px; max-height:739px; margin:0 auto; overflow:hidden;}
#artiste-oeuvre-image { width:100%; min-width:250px; max-height:600px;}
#artiste-oeuvre-image-hidden {display:none;}
#artiste-oeuvre-image span { display:block; width:100%;  min-width:250px; height:600px;  max-height:600px; }
#artiste-oeuvres-slider-contenu {width:864px; height:130px; overflow:hidden; /*margin:0 auto;*/ margin-top:10px;}
#artiste-oeuvres-slider {width:704px; height:130px; overflow:hidden; margin:0 auto;}
#artiste-oeuvres-slider ul {width: 20000em; position: relative; list-style: none;  margin: 0;  padding: 0;}
.artiste-oeuvres-slider-li {margin:0; padding:0; width:130px; height:130px; float:left; overflow:hidden;list-style: outside none none; margin:0 23px;}
.artiste-oeuvres-slider-li span {width:130px; height:130px;}
#contenu #artiste-oeuvres-slider-prev ,
#contenu #artiste-oeuvres-slider-next {display:block; width:80px; height:130px; cursor:pointer;}
#contenu #artiste-oeuvres-slider-prev.inactive,
#contenu #artiste-oeuvres-slider-next.inactive {cursor:default;}
#artiste-oeuvres-slider-prev {float:left; background:url(../images/oeuvre-slide-prev.png) center center no-repeat;}
#contenu #artiste-oeuvres-slider-prev.inactive  {background:url(../images/oeuvre-slide-prev-off.png) center center no-repeat;}
#artiste-oeuvres-slider-next {float:right; background:url(../images/oeuvre-slide-next.png) center center no-repeat;}
#contenu #artiste-oeuvres-slider-next.inactive {background:url(../images/oeuvre-slide-next-off.png) center center no-repeat;}

#artiste-description {display:none;}


/* Contact */
#contact-conteneur {overflow:hidden;}

.contact-coordonnee {clear:left; margin-bottom:5px;}

.contact-champ {margin-bottom:10px;}
#contact-plan-acces {float:left; width:45%;}
#contact-plan-acces a { color: #C18531; cursor: pointer; text-decoration: none; }
#contact-plan {width:418px;}
#contact-plan-image { display:block; width:100%; max-width:418px;  min-width:250px;  height:336px; max-height:336px; background:url(../images/plan_acces.jpg) no-repeat center top; background-repeat:no-repeat; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size:auto 100%; background-position:center center;}

#contact-access {width:418px;}
#contact-container {float:left; width:450px;}
#contact-coordonnees {float:left;}
#contact-container #contact-formulaire .input-text, #contact-container #contact-formulaire textarea {width:258px; border:1px solid #8C150F;}
#contact-container #contact-formulaire textarea {height:150px;}


@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
 only screen and (-o-max-device-pixel-ratio: 3/2),
 only screen and (max--moz-device-pixel-ratio: 1.5),
 only screen and (max-device-pixel-ratio: 1.5) {
 
  .accueil-actualite-image.icon{display:block;}
  .accueil-actualite-image.iconGrand{display:none;}
 
  .oeuvre-image.icon{display:block;}
  .oeuvre-image.iconGrand{display:none;}
 
  #artiste-oeuvre-image span.icon{display:block;}
  #artiste-oeuvre-image span.iconGrand{display:none;}
  
  .artiste-oeuvres-slider-li span.icon{display:block;}
  .artiste-oeuvres-slider-li span.iconGrand{display:none;}
  
  #artiste-oeuvre-photo-tableau span.icon{display:block;}
  #artiste-oeuvre-photo-tableau span.iconGrand{display:none;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {  
 
  .accueil-actualite-image.iconGrand {display:block;  background-size: 170px 240px;}
  .accueil-actualite-image.icon{display:none;}
  
  .oeuvre-image.iconGrand {display:block;  background-size: 254px 193px;}
  .oeuvre-image.icon{display:none;}
 
  .artiste-oeuvres-slider-li span.iconGrand {display:block;  background-size: 1200px 1200px;}
  .artiste-oeuvres-slider-li span.icon{display:none;}
  
  #artiste-oeuvre-photo-tableau span.iconGrand {display:block;  background-size: 268px 192px;}
  #artiste-oeuvre-photo-tableau span.icon{display:none;}
}


/* PREPARATION RESPONSIVE */
.w1024, .w385 {display:none;}
.w1260 {display:block;}
#cssprofiler {width:50px; height:40px; background:#ffffff; position:fixed; bottom:0px; left:0px; z-index:100; color:#000000; font-size:16px; line-height:20px;}

/* Retour haut de page */
#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border:none;
    text-decoration: none;
    background: url(../images/retour-haut-responsive.png) no-repeat center center;
    width:15px; height:18px;
    padding: 1em;
    display: none;
	z-index:500;
}

#back-to-top:hover {    
}

/* BANDEAU MOBILE */
#bandeau-tablette {height:inherit; min-width:inherit; z-index:200; background:#241A1F; width:100%;}
#bandeau-tablette-haut {height:100px;}
#bandeau-tablette-haut #logo-tablette {width:213px; height:54px; margin:30px 0 5px 5px;}
#bandeau-tablette-haut #logo-tablette a,
#bandeau-tablette-haut #logo-tablette a:visited {display:block; width:213px; height:54px;  background:url(../images/logo.png) top left no-repeat;}
#bandeau-tablette-haut #langues-tablette {margin:30px 20px 5px 5px;}
#bandeau-tablette-haut #langues-tablette a {display:inline-block; width: 26px; height:26px; padding:3px; margin-left:5px;}
#bandeau-tablette-haut #bandeau-social-tablette {float:right;} 
#bandeau-tablette-bas {}

#bandeau-tablette-bas #menu-tablette {list-style:none; margin:0; padding:0; height:66px; display:none;}
.menu-element-tablette {float:left; position:relative; margin:0 2.7%; height:66px;}
#menu-tablette-1121 {margin-right:10px;}
.menu-element-tablette > a { text-decoration:none;}
.menu-element-tablette > a, .menu-element-tablette > span {display:block; padding: 15px 0; height: 35px;}
.menu-element-tablette > a > span, .menu-element-tablette > span { color:#dfb55c; font-size:1.135em;}
.menu-element-tablette.selected > a > span, .menu-element-tablette.selected > span,
.menu-element-tablette:hover > a > span, .menu-element-tablette:hover > span {border-bottom:1px solid #876b42;}
.menu-element-tablette:hover > a > span, .menu-element-tablette:hover > span {}
.smenu-conteneur-tablette {position:absolute; top:37px; left:0px; z-index:200; margin:0; padding:0; list-style:none; display:none; width:200px; background:url(../images/sousmenu-fond.png) repeat-y center top;}
.smenu-element-tablette a,.smenu-element-tablette a:visited {font-size:15px; color:#281d23; font-family:MinionPro-Semibold, Arial; text-decoration:none;padding:5px; display:block; font-style:italic;}
.smenu-element-tablette:hover a,.smenu-element-tablette.selected a {color:#cea756;}

#bandeau-tablette-bas #recherche-tablette {width:51px; height:51px; margin-right:10px;}
#bandeau-tablette-bas #recherche-tablette a {display:block; width:51px; height:51px;}
	
/* BANDEAU MOBILE */
#bandeau-mobile {height:inherit; min-width:inherit; z-index:200; background:#241A1F; width:100%;}
#bandeau-mobile-haut {height:110px;}
#bandeau-mobile-haut #logo-mobile {width:213px; height:54px; margin:30px 0 15px 5px;}
#bandeau-mobile-haut #logo-mobile a,
#bandeau-mobile-haut #logo-mobile a:visited {display:block; width:213px; height:54px;  background:url(../images/logo.png) top left no-repeat;}
#bandeau-mobile-haut #bandeau-social-mobile { float:right; margin:30px 5px 5px;}
#bandeau-mobile-haut #bandeau-social-mobile a {display:block; margin-top:5px;} 
#bandeau-mobile-haut #langues-mobile {margin:30px 5px 5px;}
#bandeau-mobile-haut #langues-mobile a {display:block; margin-top:5px;} 
#bandeau-mobile-bas {position:relative; z-index:20;}
#bandeau-mobile-bas #recherche-mobile {position:absolute; bottom:10px; right:9px; z-index:20; width:69px; height:29px;}
#bandeau-mobile-bas #recherche-mobile a,
#bandeau-mobile-bas #recherche-mobile a:visited {padding:0 20px; text-decoration:none; display:block;width:29px; height:29px;}
#bandeau-mobile .menu-icon {}
#bandeau-mobile .menu-icon > a,
#bandeau-mobile .menu-icon > a:visited {padding:10px; display:block; font-size:21px; font-family:MinionPro-Semibold,Arial; background:url(../images/menu-icone-blanc.png) no-repeat 10px center; width:auto; height:25px; text-transform:uppercase; text-align:center; color:#ffffff; text-decoration:none;}

#menumobile {width:100%; background:#FFFAF1; padding:5px 0; height:inherit; display:none; z-index:100; border-bottom:1px solid #241A1F;}
#menumobile .menumobile-element {margin:5px 0; padding:0 7px; }
#menumobile .menumobile-element span,
#menumobile .menumobile-element a,
#menumobile .menumobile-element a:visited {text-transform:uppercase; text-decoration:none; color:#414141; font-weight:bold;}
#menumobile .menumobile-element a:hover {text-decoration:underline;}
#menumobile .menumobile-element > span,
#menumobile .menumobile-element > a {border-bottom:1px solid #ccc; display:block; padding:10px 5px;}
#menumobile #menumobile-1121 a {border-bottom:none;}
#menumobile .smenumobile-conteneur {padding:0 20px;}
#menumobile .smenumobile-conteneur .smenumobile-element {margin:6px 0; line-height:17px;}
#menumobile .smenumobile-conteneur .smenumobile-element span,
#menumobile .smenumobile-conteneur .smenumobile-element a,
#menumobile .smenumobile-conteneur .smenumobile-element a:visited {text-decoration:none; color:#414141; font-size:0.95em; }
#menumobile .smenumobile-conteneur .smenumobile-element span {color:#414141; font-weight:bold;}
#menumobile .smenumobile-conteneur .smenumobile-element a:hover {text-decoration:underline;}
#menumobile .smenumobile-conteneur .ssmenumobile-element {}
#menumobile .smenumobile-conteneur .ssmenumobile-element a,
#menumobile .smenumobile-conteneur .ssmenumobile-element a:visited {font-size:0.8em; text-decoration:none; color:#414141; padding-left:7px;}
#menumobile .smenumobile-conteneur .ssmenumobile-element a:hover {text-decoration:underline;}