.bwWrapper {
	position:relative;
	display: block;
	float: left;
	margin: 0px 2px;
}

a.signature-cochet {color: #737373; background: url(img/cochet.png) no-repeat 0 -6px;line-height: 20px;padding-left: 25px;}
a:hover.signature-cochet {color: #000;}

div.gallerie {float: right;width: 600px;}

html body.la-gamme div.fancybox-overlay div.fancybox-wrap {width: 800px !important;}
html body.la-gamme div.fancybox-overlay div.fancybox-wrap div.fancybox-skin div.fancybox-outer div.fancybox-inner {width: 800px !important;}
html body.la-gamme div.fancybox-overlay div.fancybox-wrap div.fancybox-skin div.fancybox-outer div.fancybox-inner div div#cuvee div#cuvee-texte p {font-size: 0.95em;}

.mentions-legales #textes,
.mentions-legales #content {
  height: auto;
}

.mentions-legales #textes h2 {
  color: #FFF;
}

html body.la-gamme div.fancybox-overlay div.fancybox-wrap {width: 830px;}

/* Formaulaire */
body.pas-de-fond,
html.pas-de-fond {background:#000 transparent;}

input { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #8b2b52 ; width: 125px;border: 0px;height: 25px;color: #FFF;padding-left: 5px;margin-bottom: 5px; }
select { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
textarea { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; resize: none;width: 540px;border: 0px;height: 60px;color: #FFF;padding: 5px;background-color: #8b2b52 ;margin-bottom: 10px; }
.txterror { color: black; font-size: 11px;font-family: 'Gilda Display',arial,"lucida grande",verdana,"メイリオ","ＭＳ Ｐゴシック",sans-serif;color: #FFF;font-size: 15px;float: left;}
.txtform { color: black; font-size: 15px;  font-family: 'Gilda Display',arial,"lucida grande",verdana,"メイリオ","ＭＳ Ｐゴシック",sans-serif;line-height: 30px; }

#wait {
    background: url("../img/fancy_loading.gif") repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;}

.fermeture {color: red;margin-top: 20px;}

span.txtform {color: #FFF;}

#bloc-nom {width: 140px;float: left;clear: both;}
#bloc-prenom {width: 140px;float: left;}
#bloc-pays {width: 140px;float: left;}
#bloc-code-postal {width: 140px;float: left;}
#bloc-mail {width: 560px;float: left;clear: both;}
#bloc-message {width: 560px;clear: both;}
span.obligatoire {margin-right: 10px;font-size: 12px;color: #FFF;}

input.form-email {width: 265px;}

input.envoyer:hover {background: url(img/background-btn-hover.png);}


html body.contact div#primaryContainer.primaryContainer div#content.clearfix div#textes.clearfix div#gmap-et-adresse div#adresse table tbody tr td p span.jaune a {color: #E9D36D;}


html#facebook body.plugin div.pluginSkinLight div table.uiGrid tbody tr td.pls div.uiIconText span#u_0_2 {color: red;}


a.fancybox {}

.recap-submit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px 0;
}

/*

a.fancybox.brutnature {width: 80px;height: 240px;background: aqua;display: block;float: left;background: url(img/bouteille-brut-nature.png);}
*/





html#facebook body.plugin div.pluginSkinLight div table.uiGrid tbody tr td.pls div.uiIconText span#u_0_2 {color: #FFF;}



#gmap img {}


input.envoyer {clear:both;  background: url("img/background-btn.png") repeat scroll 0 0 transparent;
    color: #000000;
    height: 35px;
    line-height: 25px;
 
    padding: 5px;
    text-align: center;
    width: 140px;text-transform: uppercase; float: right;}

#formulaire {width: 560px;float: right;}

/* FIN Formaulaire */
body.services #textes p  {text-align: right;}

body.prehome #textes {width: 500px;}


body.la-maison #textes,
body.vignoble #textes,
body.terroir #textes,
body.services #textes {width: 750px;height: 380px;}
body.la-maison #content,
body.vignoble #content,
body.terroir #content,
body.services #content {height: 720px;}



body.grands-crus #textes {width: 750px;height: 380px;}
body.grands-crus #content {height: 720px;}

body.savoir-faire #textes {width: 800px;height: 380px;margin-top: 120px;}
body.savoir-faire #content {height: auto;}

body.contact #textes {height: 380px;text-align: right;}
body.contact #content {height: 720px;}

body.presse #textes,
body.medailles #textes {height: 380px;}
body.presse #textes h1,
body.medailles #textes h1,
body.contact #textes h1 {margin-bottom: 0px;}

.float-texte, .float-video{
	float: left;
}

.float-video{
	margin-top: 150px;
	margin-left: 60px;
}

.retour{
	clear: both;
}

/* Le code généré est uniquement destiné à visualiser votre création Reflow. */
.primaryContainer { height: auto; margin-left: auto; margin-right: auto;   width: 100%;}








/* Cuvees - Nouvelle version */

/*
#cuvee-new {width: 100%;height: 100%;}
#cuvee-fleche-gauche-new {width: 5%;float: left;text-align:left }

#cuvee-fleche-gauche-new a img,
#cuvee-fleche-droite-new a img {width: 100%;margin-top: 150px;}

#cuvee-bouteille-new img {width: 100%;margin-top: 50px;}

#cuvee-bouteille-new {width: 20%;float:left;}
#cuvee-texte-new {width: 68%;float: left;}
#cuvee-texte-new p {color: #FFF;font-size: 0.85em;text-align: justify;margin-bottom: 5px;}

#cuvee-fleche-droite-new {width: 5%;float: right;}

body.cuvee-new {background: none;overflow: hidden;}
body.cuvee-new #cuvee-new {overflow: auto;}

#cuvee-texte-new p.accord {width:96%;background: url(img/accord-met-vin.png) no-repeat;color: #000;padding-left: 10px;margin-top: 10px; padding: 50px 2% 10px 2%;}

div.fancybox-skin {padding: 0px;}
*/


/* Cuvees */

#cuvee {width: 100%;min-height: 100px;max-height: 1000px;}
#cuvee-fleche-gauche {width: 5%;float: left;text-align:left}
#cuvee-fleche-droite {width: 5%;float: right;}
#cuvee-bouteille {width: 20%;float:left;}
#cuvee-texte {width: 68%;float: left;}
#cuvee-texte p {color: #FFF;font-size: 0.85em;text-align: justify;margin-bottom: 5px;line-height: 18px;font-family: 'Gilda Display',arial,"lucida grande",verdana,"メイリオ","ＭＳ Ｐゴシック",sans-serif;}
h1.titre-cuvee {color: #e9d36d;margin-bottom: 0px;font-size: 2.5em;font-weight: 700;margin-top: 0px;font-family: 'Josefin Sans',sans-serif;}
h2.sous-titre-cuvee {font-weight: bold;text-transform: uppercase;color: #FFF;font-family: 'Arial',sans-serif;
    font-weight: bold;font-size: 0.8em;margin-top: -5px;margin-bottom: 10px;}
#fermer {width: 100%;height: 30px;}
a.fermer {width: 30px;height: 30px;display: block;text-indent: -10000px;background: url(img/croix-fermer.png) 0 0;float: right;}
a:hover.fermer {background: url(img/croix-fermer.png) 0 30px;}

#cuvee-texte p.accord {width:96%;background: url(img/accord-met-vin.png) no-repeat;color: #000;padding-left: 10px;margin-top: 10px; padding: 50px 2% 10px 2%;}
div.fancybox-skin {padding: 0px;}

#cuvee-fleche-gauche a img,
#cuvee-fleche-droite a img {width: 100%;margin-top: 150px;}
body.cuvee {background: none;}
body.cuvee #cuvee {}

#cuvee-bouteille img {width: 100%;margin-top: 50px;}
#cuvee-bouteille {width: 20%;float:left;}











/* Contact */

#gmap {width: 400px;height: 250px;float:left;text-align: center;}
#adresse {height: 250px;width: 220px;float: left;margin-left: 20px;}
#adresse table {height: 250px;}
#adresse table p {margin-bottom: 0px;text-align: left;}
#adresse table tr td {vertical-align: bottom;}
#gmap-et-adresse {float: right;display: flex;}

a.btn-gmap {clear:both;  background: url("img/background-btn.png") repeat scroll 0 0 transparent;
    color: #000000;
    height: 25px;
    line-height: 25px;
 margin-right: 10px;
    padding: 8px;
    text-align: center;
    width: 240px; font-size: 13px;}

a:hover.btn-gmap {background: url(img/background-btn-hover.png);}


#reflow-20480455-c34e-1f7a-3563-b84ba18e7610 {
}

#reflow-1f4aabd2-abc3-5ce2-764e-d28d49991d52 {
}
body {
    background-attachment: fixed;
    background-image: url('img/background-repeat.png');
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
    margin: 0px;
}

#reflow-68e7bf49-0f86-52f5-ccf1-7c3a925d89a9 {
}
#text2 {
    float: left;
    font-size: 1em;
    color: rgb(255, 255, 255);
    width: 93.23392481640022%;
    height: auto;
    text-align:justify;
    font-weight: 400;
    line-height: 1.2em;
    word-wrap: break-word;
    margin-left: 3.684078095951494%;
    margin-top: 19px;
    clear: none;
    min-height: 195px;
    min-width: 0.5em;
    padding-left: 40px;
}
#blason {
     position: relative;
     z-index: 150;
    height: 202px;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 15px;
    clear: both;
    width: 40%;
    margin-top: 0px;
    text-align: center;
}
#reflow-f2e42646-7bcd-58cf-03cc-f9620536dfc8 {
}
#reflow-8a6ce41d-63ad-d72d-f3c6-6acca432c492 {
}
#reflow-8cb7b433-72f7-f72c-53c1-2a8993a91686 {
}
#reflow-356a0c52-ad82-67b8-a480-ad20034f8414 {
}
#reflow-660e070f-f224-c815-622e-a5d7b99e8dba {
}
#image1 {
    
    width: auto;
    max-width: 100%;
    height: auto;
    
    clear: none;
    color: rgb(0, 0, 0);
}

#image1.image {display:   inline;}


#primaryContainer {margin-top: -160px;position: relative;z-index: 0;}

#reflow-ebeba650-c090-c630-e40e-45a7261deece {
}
#reflow-e8b0a722-70ed-7996-b532-1c2fef83875d {
}




#menu {
	clear: both;
    float: left;
    height: 150px;
    margin-left: 0%;
    margin-top: 33px;
    clear: both;
    width: 100%;
    min-height: 50px;
    background-image: url('img/bandeau-logo-charlamagne-1024.png')  ;
    background-attachment: scroll;
    background-size: auto;
    min-width: 0px;
    background-position: top center;
    background-repeat: repeat-x;
}


#menu a {font-family: 'Josefin Sans', sans-serif;font-weight:400;margin: 0px 20px;padding-bottom: 30px;} 
#menu a:hover {color: #E9D36D;}
#menu a.actif {background:url(img/background-menu-active.png) repeat-x; }
span.separ {width: 5px;height: 20px;background:url(img/losange.png); }


#sous-menu {
    float: left;
    height: 35px;
    margin-left: 0%;
    margin-top: 7px;
    clear: both;
    width: 100%;
    min-height: 0px;
    min-width: 0px;
    background-image: url('img/footer-repeat-bleu.png');
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#sous-menu a {font-family: 'Josefin Sans', sans-serif;font-weight: 400;margin: 0px 5px;font-size: 0.9em;text-transform: uppercase;} 
#sous-menu a:hover {color: #E9D36D;}
#sous-menu a.actif {font-size: 1em;color: #E9D36D;font-weight: bold;}




#langues-fb a {float: right;margin: 0 5px; font-size: 0.85em;line-height: 20px;}
#langues-fb a.fb {width: 20px;height: 20px;display: block;background: url(img/facebook.png);text-indent: -10000px;}
#langues-fb a:hover.fb {background-position: 0px -20px;}
#langues-fb a {color: #696969;font-family: 'Josefin Sans', sans-serif;}
#langues-fb a.langue-active {text-decoration: underline;font-weight: 700;}
#langues-fb a:hover {color: #000;}

#textes {
    float: left;
    height: 380px;
    margin-left: 0%;
    margin-top: 120px;
    clear: both;
    width: 750px;
    min-height: 50px;
    padding-left: 5%;
    background-attachment: scroll;
    background-size: auto;
    min-width: 0px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#lettrine {width: 150px;height: 150px;position: absolute;background:url(img/lettrine-L.png) ;margin-left: -59px;margin-top: -31px;}

#textes p {color: #ebebeb;text-align: justify;margin-bottom: 10px;font-size: 0.85em;}
#textes p.fermeture {color: red;}

#etiquettes {width: 450px;float: right;text-align: right;}
#textes p.text-conseils {width: 600px;}
img.img-conseils {float: right}
#image-services {width:330px;float: right; }

#textes p.presse {width: 615px;float: right;}
#textes p.presse img {margin-bottom: 5px;height: 120px;width: 120px;float: right;}
#textes h1 {text-align: right;color: #ebebeb;font-size: 3em;margin-bottom: 15px;margin-top: 0px; }
span.jaune {color: #e9d36d;}

#textes p.text-etiquettes img {margin-bottom: 5px;height: 100px;width: 140px;float: left;margin-right: 20px;}

#navigation-fleches {clear: both;position: relative;
    z-index: 1000;}
#navigation-fleches a {width: 30px;height: 30px;display: block;text-indent: -10000px;background:url(img/fleches.png);float: right;}
#navigation-fleches a.f-left {background-position: 0px 0px;}
#navigation-fleches a.f-right {background-position: -30px 0px;margin-left: 10px;}
#navigation-fleches a:hover.f-left {background-position: 0px -30px;}
#navigation-fleches a:hover.f-right {background-position: -30px -30px;}



#box6 {
    float: left;
    height: 150px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-height: 50px;
    
    background-attachment: scroll;
    background-size: auto;
    background-position: center center;
    
    background-repeat: no-repeat no-repeat;
}
#text3 {
    float: left;
    font-size: 1em;
    color: rgb(251, 248, 248);
    width: 100%;
    height: 40px;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
    margin-left: 0.08782608695652175%;
    margin-top: 115px;
    clear: none;
    min-height: 0px;
    min-width: 0px;
    text-transform: uppercase;
}

#reflow-b52bdc51-8e11-252f-ca85-01c904070d16 {
}
#content {
    float: left;
    height: 720px;
    margin-left: 0%;
    margin-top: 9px;
    clear: both;
    width: 100%;
    min-height: 50px;
    min-width: 0px;
    background-attachment: scroll;
    background-size: auto;
    background-position:right top;
    background-repeat: no-repeat;
    background-color: #000;
}
#reflow-4a3af191-4f58-10a1-d497-d68de7e2422a {
}
#footer {
    float: left;
    height: 60px;
    margin-left: 0%;
    margin-top: 14px;
    clear: both;
    width: 100%;
    background-image: url('img/phenix.png');
    background-attachment: scroll;
    background-size: auto;
    background-position: 50% 0%;
    background-repeat: no-repeat no-repeat;
}

#footer a {
  color: #737373;
}




#text5 {
    float: left;
    font-size: 0.60em;
    color: #737373;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0.08586244649111428%;
    margin-top: 37px;
    clear: none;
    min-height: 0px;
    min-width: 0.5em;
    font-style: italic;
    font-family: 'Josefin Sans', sans-serif; 
    text-transform: uppercase;
}



#text4 {
    float: left;
    font-size: 0.7em;
    color: rgb(255, 255, 255);
    width: 99.97109051139988%;
    height: auto;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    min-height: 0px;
    min-width: 0.5em;
}




/* ---------------------------------------------------------------------------------------------------------------------Hauteur 650 */


@media only screen and (max-height:730px) {

#navigation-fleches {clear: both;position: relative;
    z-index: 1000;margin-top: -50px;}

 #text4 {margin-top: 8px;}
input {margin-bottom: 0px;}
#textes p.presse img {float: right; height: 110px; margin-bottom: 0; width: 110px;}

 body.prehome #content {height: 530px;}
 body.prehome #textes {height: 200px;}
 
 body.la-maison #content {height: 575px;}
 body.la-maison #textes {height: 240px;}
 body.la-maison #sous-menu {margin-top: 0px;}
 
 body.terroir #content {height: 575px;} 
 body.terroir #textes {height: 240px;width: 880px;}
 body.terroir #sous-menu {margin-top: 0px;}
 
 body.vignoble #content {height: 575px;} 
 body.vignoble #textes {height: 240px;}
 body.vignoble #sous-menu {margin-top: 0px;}
 
 body.grands-crus #content {height: 575px;} 
 body.grands-crus #textes {height: 240px;width: 1050px;}
 body.grands-crus #sous-menu {margin-top: 0px;}
 
 body.savoir-faire #content {height: 575px;} 
 body.savoir-faire #textes {height: 240px;width: 1050px;}
 body.savoir-faire #sous-menu {margin-top: 0px;}
 
 body.la-gamme #content {height: 575px;} 
 body.la-gamme #textes {height: 255px;margin-top: 105px;}
 body.la-gamme #sous-menu {margin-top: 0px;}
 #textes h1 {margin-bottom: 0px;height: 49px;}
 
  body.presse #content {height: 575px;}
  body.presse #textes {height: 240px;}
  body.presse #sous-menu {margin-top: 0px;}
 

body.medailles #content {height: 575px;}
body.medailles #textes {height: 240px;}
body.medailles #sous-menu {margin-top: 0px;}
 
body.services #content {height: 575px;}
body.services #textes {height: 240px;}
body.services #sous-menu {margin-top: 0px;}
body.services #textes h1 {margin-bottom: 10px;height: 49px;}
#etiquettes img {width: 100px;height: 71px;}
 
body.contact #content {height: 575px;} 
body.contact #textes {height: 255px;margin-top: 105px;}
body.contact #sous-menu {margin-top: 0px;} 
body.contact #navigation-fleches {position: absolute;margin-left: 560px;margin-top: -15px;}
body.contact #navigation-fleches.plan-c {margin-left: 650px;margin-top: 225px;}
a.btn-gmap {position: relative;z-index: 1000;}
div#gmap-et-adresse div#gmap a img {height: 200px;width: 330px;} 
 
 
 
}



/* ---------------------------------------------------------------------------------------------------------------------1024 */


@media only screen and (max-width: 1024px) {
	
  #gmap-et-adresse {
    flex-direction: column;
  }
  
	#textes {width: 70%; height: 310px;margin-top: 115px;}
	#content { height: 680px; background-image: url('img/background-lamaison.jpg'); background-attachment: scroll;
        background-size: auto; background-position: 70% 0%;background-repeat: repeat repeat; }
	
	
	/* PREHOME */
	body.prehome #textes {width: 50%;height: 275px;}
	body.prehome #sous-menu {margin-top: 0px;}
	body.prehome #content {height: 630px;}
	/* PREHOME - FIN */
	
	
	/* BLEU */
	body.savoir-faire #textes {width: 70%;height: auto;margin-top: 115px;}
	body.savoir-faire #content {height:680px; }
	body.la-maison #textes,
	body.terroir #textes,
	body.vignoble #textes,
	body.grands-crus #textes {width: 70%;height: 310px;margin-top: 115px;}
	body.la-maison #content,
	body.terroir #content,
	body.vignoble #content,
	body.grands-crus #content {height: 680px;}
	/* BLEU - FIN */
	
	
	/* VIOLET */
	
	/* VIOLET - FIN */
	
	
	/* ORANGE */
	body.presse #textes,
	body.medailles #textes { width: 70%;height: 310px;margin-top: 115px;}
	body.presse #content,
	body.medailles #content {height: 680px;}
	#textes p.presse {width: 80%;float: right;}
	#textes p.presse img {margin-bottom: 5px;height: 100px;width: 100px;}
	/* ORANGE - FIN */
	
	
	/* GRIS */
	body.services #textes { width: 70%;height: 310px;margin-top: 115px;}
	body.services #content {height: 680px;}
	/* GRIS - FIN */ 
	
	
	/* ROSE */
	body.contact #textes { width: 70%;height: 310px;margin-top: 115px;}
	body.contact #content {height: 680px;}
	/* ROSE - FIN */ 
	
	
	
   #grid .column {
        width: 7.84%;
   }
   #grid .grid-10, #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 0%;
   }
   #grid .gutter.grid-1 {
        margin-left: 7.84%;
   }
   #grid .column.grid-1 {
        margin-left: 10.24%;
   }
   #grid .gutter.grid-2 {
        margin-left: 18.080000000000002%;
   }
   #grid .column.grid-2 {
        margin-left: 20.48%;
   }
   #grid .gutter.grid-3 {
        margin-left: 28.32%;
   }
   #grid .column.grid-3 {
        margin-left: 30.72%;
   }
   #grid .gutter.grid-4 {
        margin-left: 38.56%;
   }
   #grid .column.grid-4 {
        margin-left: 40.96%;
   }
   #grid .gutter.grid-5 {
        margin-left: 48.800000000000004%;
   }
   #grid .column.grid-5 {
        margin-left: 51.2%;
   }
   #grid .gutter.grid-6 {
        margin-left: 59.040000000000006%;
   }
   #grid .column.grid-6 {
        margin-left: 61.440000000000005%;
   }
   #grid .gutter.grid-7 {
        margin-left: 69.28%;
   }
   #grid .column.grid-7 {
        margin-left: 71.68%;
   }
   #grid .gutter.grid-8 {
        margin-left: 79.52%;
   }
   #grid .column.grid-8 {
        margin-left: 81.92%;
   }
   #grid .gutter.grid-9 {
        margin-left: 89.76%;
   }
   #grid .column.grid-9 {
        margin-left: 92.16000000000001%;
   }
   #blason {
        margin-top: 4px;
        margin-left: 28.793821526100743%;
        clear: none;
   }
   
   #image1 {
        margin-top: 2px;
        margin-left: 24.0632704599997%;
        clear: none;
   }
   
   
   #langues-fb {
   }
   #box6 {
        
        background-attachment: scroll;
        background-size: auto;
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        background-position: 50% 0%;
        background-repeat: no-repeat no-repeat;
   }
   #footer {
        margin-top: 40px;
        margin-left: 0%;
        clear: both;
   }
   
   #menu a.actif {
    background-position: 0 -5px;
}
   
   #sous-menu {
        margin-top: 14px;
        margin-left: 0%;
        clear: both;
   }
   #menu {
        margin-top: 63px;
        margin-left: 0%;
        clear: both;
   }
}

/* ---------------------------------------------------------------------------------------------------------------------TABLETTES */

@media only screen and (max-width: 768px) {

	body.contact #textes { width: 70%;height: 310px;margin-top: 115px;}
	body.contact #content {height: 645px !;}


	body.savoir-faire #content {height:752px; }
	#textes p.ouinon {text-align: center !important;line-height: 30px;}
	body.prehome #textes {width: 50%;height: 300px;}
	#textes {width: 90%;}
	body.prehome #textes {width: 90%;}
	img.img-conseils {clear: both;margin-left: 20px;}
	
	#menu a {
    font-family: 'Josefin Sans',sans-serif;
    font-weight: 400;
    margin: 0 10px;
    padding-bottom: 30px;
}
	
	#sous-menu {
        margin-top: -6px;
        margin-left: 0%;
        clear: both;
   }
	
	
	body.services #textes p.text-conseils {width: 100%; text-align: right;}
	
	body.services #textes,
	body.terroir #textes,
	body.la-maison #textes,
	body.vignoble #textes {width: 90%;height: 380px;}
	body.grands-crus #textes {width: 90%;height: 380px;}
	body.savoir-faire #textes {width: 90%;height: 450px;}
	
	body.presse #textes {width: 90%;height: 380px;}
	#textes p.presse {width:100%;float: right;}
	#textes p.presse img {margin-bottom: 5px;height: 120px;width: 120px;}
	
	#image-services {width:100%;float: right; }
	
	
	body.services #content {height: 770px;}
	
   #grid .column {
        width: 10.4%;
   }
   #grid .grid-8, #grid .grid-9, #grid .grid-10, #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 0%;
   }
   #grid .gutter.grid-1 {
        margin-left: 10.4%;
   }
   #grid .column.grid-1 {
        margin-left: 12.8%;
   }
   #grid .gutter.grid-2 {
        margin-left: 23.200000000000003%;
   }
   #grid .column.grid-2 {
        margin-left: 25.6%;
   }
   #grid .gutter.grid-3 {
        margin-left: 36.00000000000001%;
   }
   #grid .column.grid-3 {
        margin-left: 38.400000000000006%;
   }
   #grid .gutter.grid-4 {
        margin-left: 48.800000000000004%;
   }
   #grid .column.grid-4 {
        margin-left: 51.2%;
   }
   #grid .gutter.grid-5 {
        margin-left: 61.6%;
   }
   #grid .column.grid-5 {
        margin-left: 64%;
   }
   #grid .gutter.grid-6 {
        margin-left: 74.4%;
   }
   #grid .column.grid-6 {
        margin-left: 76.80000000000001%;
   }
   #grid .gutter.grid-7 {
        margin-left: 87.2%;
   }
   #grid .column.grid-7 {
        margin-left: 89.60000000000001%;
   }
   
   #image1 {
        margin-top: 4px;
        margin-left: 13.196921475021234%;
        clear: none;
   }
   
   #text3 {
        font-size: 0.9em;
   }
   #menu {
        margin-top: 40px;
        margin-left: 0%;
        clear: both;
   }
   #text2 {
   }
   
   body.la-gamme #content {height: 615px;}
   
   #content {
        background-image: url('img/background-lamaison.jpg');
        background-attachment: scroll;
        background-size: auto;
        background-position: 50% 0%;
        background-repeat: repeat repeat;
        height: 680px;
   }
}

/* ---------------------------------------------------------------------------------------------------------------------NEXUS 4 */

@media only screen and (max-width: 480px) {
	
	body.la-gamme #content {
    height: 1021px;
}
	body.la-gamme #textes {height: 565px;}
	
	div.gallerie {float: right;width: 100%;}
	
	html body.la-gamme div.fancybox-overlay div.fancybox-wrap {width: 100% !important ;}
	
	body.prehome #content {
    height: 590px;
}
	body.prehome #menu {
    height: 125px;
}
	
	#sous-menu {
    clear: both;
    margin-left: 0;
    margin-top: 10px;
}
	
	#cuvee-fleche-gauche {width: 10%;float: left;text-align:left}
#cuvee-fleche-droite {width: 10%;float: right;}
#cuvee-bouteille {width: 20%;float:left;}
#cuvee-texte {width: 60%;float: left;}
	
	#textes h1.titre-page {font-size: 2.5em;}
	
	#textes p.text-etiquettes {width: 100%;}
	#textes p.text-etiquettes img {width: 100px;height: 71px;;}
	
	#textes {margin-top: 135px;height: 380px;}
	
	a.btn-oui, a.btn-non {
    
    margin-left: 15px;
    margin-right: 15px;
    
}
	
	body.services #content {height: 900px;}
	#image-services {width:100%;float: left; }
	body.services #textes {height: 460px;}
	
	body.services #textes {width: 90%;}
	body.services #textes p.text-conseils {width: 100%; text-align: left;}
	img.img-conseils {float:none;width: 100%;margin-left: 0px;margin-bottom: 20px;}
	
	body.terroir #textes {height: 490px;}
	body.terroir #content{height: 930px;}
	
	body.la-maison #textes,
	body.vignoble #textes {height: 380px;}
	
	body.la-maison #content,
	body.vignoble #content {height: 790px;}
	
	body.grands-crus #textes {height: 490px;}
	body.grands-crus #content {height: 930px;}
	
	body.savoir-faire #textes {height: 560px;}
	body.savoir-faire #content {height: 1000px;}
	
	body.presse #textes,
	body.medailles #textes {width: 90%;height: 485px;margin-top: 115px;}
	#textes p.presse {width:100%;float: right;}
	#textes p.presse img {margin-bottom: 5px;height: 100px;width: 100px;}
	body.presse #content,
	body.medailles #content {height: 915px;}
	
	#content {height: 800px;}
	
	#menu {height: 240px;}
	body.prehome #menu {background-image:url(img/bandeau-logo-charlamagne-mobile.png); }
	div#box6.clearfix p#text3 a {width: 100%;float: left;padding-bottom: 0px;margin: 0px 0px 5px 0px;}
	div#box6.clearfix p#text3 a.actif {border-bottom: 1px solid #e9d36d;}
	div#box6.clearfix p#text3 img {display: none;}
	
	body.prehome #sous-menu {background: #2745b8;height: 50px;}
	
	body.la-maison #sous-menu,
	body.terroir #sous-menu,
	body.vignoble #sous-menu,
	body.grands-crus #sous-menu,
	body.savoir-faire #sous-menu {background: #2745b8;height: 50px;}
	body.la-gamme #sous-menu {background: #79398e;height: 60px;}
	body.presse #sous-menu,
	body.medailles #sous-menu {background: #b55718;height: 30px;}
	body.services #sous-menu {background: #505050;height: 30px;}
	body.contact #sous-menu {background: #c33d73;height: 30px;}
	
	body.contact #textes {height: 520px;width: 90%;}
	body.contact #content {height: 950px;}
	
	#formulaire {width: 100%;}
	#formulaire #bloc-message textarea {width: 100%;}
	#formulaire #bloc-message {width: 100%;}
	#sous-menu p#text4 a {margin-bottom: 10px;float: left;}
	
	
   #grid .column {
        width: 14.666666666666664%;
   }
   #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9, #grid .grid-10, #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 0%;
   }
   #grid .gutter.grid-1 {
        margin-left: 14.666666666666664%;
   }
   #grid .column.grid-1 {
        margin-left: 17.066666666666663%;
   }
   #grid .gutter.grid-2 {
        margin-left: 31.73333333333333%;
   }
   #grid .column.grid-2 {
        margin-left: 34.13333333333333%;
   }
   #grid .gutter.grid-3 {
        margin-left: 48.800000000000004%;
   }
   #grid .column.grid-3 {
        margin-left: 51.2%;
   }
   #grid .gutter.grid-4 {
        margin-left: 65.86666666666666%;
   }
   #grid .column.grid-4 {
        margin-left: 68.26666666666667%;
   }
   #grid .gutter.grid-5 {
        margin-left: 82.93333333333334%;
   }
   #grid .column.grid-5 {
        margin-left: 85.33333333333334%;
   }
   
   body {
        background-image: url('img/background-repeat.png');
        background-attachment: fixed;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
   }
   #blason {
        height: 134px;
        margin-top: 26px;
        
        clear: none;
   }
   #image1 {
        margin-top: -4px;
        margin-left: 8.01780415430267%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 85.31750741839762%;
   }
   .primaryContainer {
   }
  
}

/* ---------------------------------------------------------------------------------------------------------------------IPHONE */

@media only screen and (max-width: 321px) {
	
	#footer {margin-top: 0px;}
	body.la-gamme #content {
    height: 1245px;
}
	body.la-gamme #textes {height: 790px;}
	#footer {background-position:50% 25px;height: 100px;}

	p.ouinon {text-align: center !important;}
	#textes p.ouinon a {margin-left: 20px;margin-right: 20px;}
	#etiquettes {width: 90%;}
	#etiquettes img {float: left;width: 40%;}
	html body.contact div#primaryContainer.primaryContainer div#content.clearfix div#textes.clearfix div#gmap-et-adresse div#gmap a img {width: 100%;}
	
	#gmap-et-adresse {float: inherit;}
	#gmap {width: 100%;}
	
	body.prehome #content {
    height: 609px;
}

	body.prehome #footer {margin-top: 40px;}
	body.prehome #menu {
    height: 125px;
}
	#adresse {width: 90%;height: 200px;}
	#adresse table {height: 200px;}
	
	body.presse #textes {width: 90%;height: 430px;margin-top: 80px;}
	#textes p.presse {width:100%;float: right;}
	#textes p.presse img {margin-bottom: 5px;height: 80px;width: 80px;}
	body.presse #content {height: 830px;}
	
	
	
	
	body.la-maison #textes {height: 415px;}
	body.la-maison #content {height: 870px;	}
	
	body.terroir #textes {height: 550px;}
	body.terroir #content {height: 1000px;	}
	
	body.grands-crus #textes {height: 690px;}
	body.grands-crus #content {height: 1140px;}
	
	body.savoir-faire #textes {height: 740px;}
	body.savoir-faire #content {height: 1190px;}
	
	#textes h1.titre-page {font-size: 2em;}
	#lettrine {margin-left: -65px;
    margin-top: -50px;}
    #textes {height: 450px;}
	#menu {background-image: url("img/bandeau-logo-charlamagne-mobile.png")}
	
   #grid .column {
        width: 23.200000000000003%;
   }
   #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9, #grid .grid-10, #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 0%;
   }
   #grid .gutter.grid-1 {
        margin-left: 23.200000000000003%;
   }
   #grid .column.grid-1 {
        margin-left: 25.6%;
   }
   #grid .gutter.grid-2 {
        margin-left: 48.800000000000004%;
   }
   #grid .column.grid-2 {
        margin-left: 51.2%;
   }
   #grid .gutter.grid-3 {
        margin-left: 74.4%;
   }
   #grid .column.grid-3 {
        margin-left: 76.80000000000001%;
   }
   #reflow-20480455-c34e-1f7a-3563-b84ba18e7610 {
   }
   #reflow-1f4aabd2-abc3-5ce2-764e-d28d49991d52 {
   }
   .primaryContainer {
   }
   
   #text2 {
        margin-top: 12px;
        margin-left: 6.178506653165558%;
        clear: none;
   }
   body {
        background-image: url('img/background-repeat.png');
        background-attachment: fixed;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
   }
   #blason {
        height: 106px;
        margin-top: 40px;
        
        clear: none;
        width: 108px;
   }
   #image1 {
        
        
        clear: none;
        height: auto;
        width: auto;
        
   }
   
   #content {height: 870px;}
   
}





@media only screen and (max-width:1400px) {
	body.savoir-faire #content {
		height: auto !important;
	}
	.float-video {
		margin: 80px;
	}
}

@media only screen and (max-width: 650px){
	.float-video {
		display: none;
	}
}