body{font-family: 'Raleway', sans-serif;}


/* HEADER */

header{width:100%;height:60px;background-color:#fff;position:fixed;z-index:99999;}

#container-header{width:1170px;height:60px;margin:0 auto;}
.logo{width:150px;height:60px;display:block;float:left;}
.logo img{height:50px;padding-top:3px;}
nav{float:left;}
nav ul{overflow:hidden;width:680px;}
nav ul li{float:left;font-size:13px;padding:23px 0;}
nav ul li a{text-decoration:none;color:#898989;text-transform:uppercase;padding:20px;}
nav ul li:hover a{color:#a62053;}
.nav-btn{display:none;}

.header-droite{float:right;width:300px;height:60px;}
.numero-telephone img{height:50px;padding-top:4px;float:left;}
.se-connecter{display:inline-block;background-color:#f39222;color:#fff;font-weight:500;font-size:13px;letter-spacing:0.6px;padding:7px;text-decoration:none;margin-left:48px;margin-top:15px;}
.se-connecter:hover{background-color:#e15a27;}

#ipad-winedesire{background-image:url(../img/head_bg.jpg);background-position:center center;background-repeat:no-repeat;
	background-size:cover;height:600px;position:relative;padding-top:60px;}
#ipad-winedesire h1{font-size:40px;text-align:center;color:#a62053;margin-top:100px;font-weight:500;}

.presentation-winedesire{width:1170px;height:300px;margin:0 auto;padding-top:50px;position:relative;}
.tablette-winedesire{width:600px;position:absolute;text-transform:uppercase;margin-left:70px;}
.button-presentation{position:absolute;background-color:#a62053;border:1px solid #a62053;text-decoration:none;color:#fff;font-weight:500;padding:10px 10px 10px 50px;font-size:18px;line-height:22px;right:100px;top:160px;
background-image:url(../img/icon_play_off.png);background-repeat:no-repeat;background-size:30px 30px;background-position: 10px 5px;cursor:pointer;}
.button-presentation:hover{background-color:#fff;border:1px solid #fff;color:#a62053;background-image:url(../img/icon_play_on.png);}

/* SECTION AVANTAGES */

#winedesire-avantages{width:100%;height:1150px;border:1px solid red;}
.avantages{width:1170px;height:1100px;margin:0 auto;}
.avantages h2{font-size:24px;text-align:center;color:#a62053;text-transform:uppercase;padding:40px 0px 40px 0px;}

.carte-des-vins{width:500px; height:800px;margin:0 auto;left:335px;position:relative;left:0;right:0;}
.carte-des-vins img{width:500px;}

.carte-des-vins video{position:absolute;top:80px;left:38px;width:424px;}
.carte-des-vins ul.avantages-gauche{position:absolute;width:300px;left:-330px;top:30px;z-index:100;text-align:right;}
.carte-des-vins ul.avantages-droite{position:absolute;width:300px;right:-330px;top:30px;z-index:100;text-align:left;}
.carte-des-vins ul.avantages-gauche li,.carte-des-vins ul.avantages-droite li{margin-bottom:40px;line-height:22px;}
.carte-des-vins ul.avantages-gauche li h3,.carte-des-vins ul.avantages-droite li h3{font-weight:700;margin-bottom:10px;color:#a62053;}
.carte-des-vins ul.avantages-gauche li p,.carte-des-vins ul.avantages-droite li p{font-size:13px;color:#4f4b4b;}

.administration{width:1170px;text-align:center;}
.administration h3{text-align:center;font-weight:700;font-size:21px;letter-spacing:0.6px;padding:10px;color:#a62053;}
.administration p{width:600px;margin:0 auto;text-align:center;font-size:15px;line-height:21px;color:#4f4b4b;}
.telecharger_pdf{display:none;/*display:inline-block;*/margin-top:40px;background-color:#fff;border:1px solid #a62053;color:#a62053;font-weight:500;padding:10px;font-size:12px;cursor:pointer;text-decoration:none;}
.telecharger_pdf:hover{display:none;background-color:#a62053;border:1px solid #a62053;color:#fff;}


/* ENCARTS SALONS */

#mediactil-salons{width:100%;height:200px;background-color:#fff;}
.mediactil-salon-hotellerie{width:1170px;height:150px;margin:0 auto;margin-top:25px;background-color:#fff;}
.mediactil-equiphotel{width:360px;height:150px;margin-right:10px;float:left;background-image:url(../img/bg_equiphotel.jpg);background-repeat:no-repeat;position:relative;}
.mediactil-equiphotel h4{color:#fff;font-weight:500;width:200px;height:70px;text-align:center;line-height:22px;position:absolute;right:0;top:20px;}
.button-equiphotel{font-family: 'Raleway', sans-serif;color:#0088CC;background-color:#fff;padding:5px 10px;border:0;font-size:14px;font-weight:500;display:block;position:absolute;right:45px;top:110px;cursor:pointer;text-decoration:none;}

.mediactil-chr-pro-expo{width:800px;height:150px;float:left;background-image:url(../img/bg_chr.jpg);background-repeat:no-repeat;position:relative;}
.mediactil-chr-pro-expo img{width:150px;height:150px;float:left;}
.mediactil-chr-pro-expo .informations-chr-pro-expo{width:650px;float:left;position:relative;}
.mediactil-chr-pro-expo h4{color:#fff;font-weight:700;width:400px;padding:5px 10px 5px 5px;font-size:13px;text-align:right;text-transform:uppercase;letter-spacing:0.6px;border-right:2px solid white;line-height:22px;position:absolute;left:0px;top:20px;}
.mediactil-chr-pro-expo span.date-lieu-chr-pro-expo{color:#fff;position:absolute;left:420px;top:20px;padding:5px 5px 5px 10px;font-size:13px;line-height:22px;}
.mediactil-chr-pro-expo span.date-bold{font-weight:700;}
.mediactil-chr-pro-expo .mediactil-logo-blanc{width:86px;height:50px;position:absolute;top:87px;left:450px;}
.mediactil-chr-pro-expo .winedesire-logo-blanc{width:52px;height:60px;position:absolute;top:80px;left:560px;}


/* VIGNETTES */
#winedesire-vignettes{width:100%;height:100%;}
#winedesire-vignettes img{width:50%;float:left;}


/* REFERENCES */
#winedesire-references{width:100%;height:300px;background-color:#ababab;clear:both;}
.references{width:1170px;height:300px;margin:0 auto;}
.references h2{font-size:24px;text-align:center;color:#fff;text-transform:uppercase;padding:40px 0px 20px 0px;}
.restaurant-escarbille{width:800px;margin:0 auto;overflow:hidden;margin-top:20px;}
.restaurant-escarbille img{float:left;display:block;width:300px;}
.restaurant-escarbille p{float:left;display:block;color:#fff;width:500px;padding-top:20px;line-height:24px;font-size:14px;}


/* CONTACT */

#winedesire-contact{width:100%;height:auto;padding:40px 0px;background-color:#a62053;clear:both;}
.contact{width:1170px;margin:0 auto;}
.contact h2{font-size:24px;font-weight:bold;text-align:center;color:#fff;text-transform:uppercase;padding:40px 0px 20px 0px;}

.formulaire-contact{text-align:center;color:#fff;}
.formulaire-gauche{width:52%;height:300px;display:block;float:left;margin-top:30px;}
.formulaire-gauche p{/*border:1px solid yellow;*/overflow:hidden;margin-bottom:25px;}
.formulaire-gauche input{width:90%;height:20px;color:#fff;padding:7px;float:left;font-weight:500;border:0.05em solid #fff;
	background-color:transparent;font-size:14px;-webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
	::-webkit-input-placeholder {color:#fff;}
	:-moz-placeholder {color:#fff;}
	::-moz-placeholder {color:#fff;}
	:-ms-input-placeholder {color:#fff;}
.formulaire-gauche input:focus{background-color:rgba(255,255,255,0.8);outline: none;border:1px solid #fff;color:#a62053;-webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
.formulaire-droite{width:48%;height:300px;display:block;float:left;margin-top:30px;}
.formulaire-droite textarea{width:96%;height:264px;color:#fff;padding:7px;float:right;background-color:transparent;font-weight:500;
	border:0.05em solid #fff;resize:none;font-size:16px;font-family: 'Raleway', sans-serif;-webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
.formulaire-droite textarea:focus{background-color:rgba(255,255,255,0.8);outline:none;border:1px solid #fff;color:#a62053;-webkit-transition: all 1s; /* Safari */
    transition: all 1s;}
.btn_envoyer{background-color:#fff;border:1px solid #fff;margin:0 auto;color:#a62053;padding:7px 13px;font-size:16px;font-weight:500;margin-top:20px;cursor:pointer;letter-spacing:0.5px;}
.btn_envoyer:hover{background-color:#a62053;border:1px solid #fff;margin:0 auto;color:#FFF;margin-top:20px;}

.envoi-ok{display:inline-block;text-align:center;background:#cfdfc3;color:#789376;padding:15px 60px;margin-top:20px;border-radius:10px;clear:both;}
.envoi-no{display:inline-block;text-align:center;background:#eaa0a6;color:#b2696b;padding:15px 60px;margin-top:20px;border-radius:10px;clear:both;}


/* PARTENARIAT */

#winedesire-partenaires{width:100%;height:300px;}
.partenaires{width:1170px;height:300px;margin:0 auto;background-image:url(../img/partenariat.jpg);background-repeat:no-repeat;background-position:250px 0px;}
.partenaires h2{font-size:24px;text-align:center;color:#a62053;text-transform:uppercase;padding:40px 0px 20px 0px;}
.partenaires p{width:600px;float:left;line-height:22px;margin-top:80px;padding-left:60px;text-align:right;font-size:18px;}
.winedesire-partenariat{width:400px;height:140px;margin-top:30px;float:right;text-align:center;padding-right:20px;}
.winedesire-partenariat img{width:140px;height:140px;float:left;}
.winedesire-partenariat h3{font-weight:500;margin-top:50px;color:#a62053;font-size:18px;line-height:22px;text-align:left;padding-left:180px;}

/* FOOTER */

#winedesire-footer{width:100%;height:100px;background-color:#f39222;}
.footer{width:1170px;margin:0 auto;overflow:hidden;}
.footer ul.menu-bottom{display:block;float:left;width:500px;padding-top:45px;}
.footer ul.menu-bottom li{float:left;padding:0px 50px 0px 0px;font-size:14px;}
.footer ul.menu-bottom li a{color:#fff;text-decoration:none;}

.produit-mediactil{float:right;text-align:right;width:410px;padding-top:20px;}
.produit-mediactil p{color:#fff;float:left;padding-top:25px;font-size:14px;}
.produit-mediactil a{display:block;width:120px;float:left;padding-left:10px;}
.produit-mediactil a img{display:block;width:100px;padding-top:4px;}

footer{width:100%;height:30px;text-align:center;background-color:#e15a27;}
footer p{color:#fff;font-size:12px;padding:10px;}



/* ===========*/
/* MEDIAQUERY */
/* ===========*/

@media screen and (min-width: 1024px) and (max-width: 1169px) {

#container-header{width:100%;}
.logo img{padding-left:15px;}
nav ul{width:560px;}
nav ul li{font-size:12px;}
nav ul li a{padding:13px;}
.se-connecter{margin-left:30px;}
.nav-btn{display:none;}

#ipad-winedesire{background-size:cover;height:540px;position:relative;padding-top:60px;}
#ipad-winedesire h1{font-size:36px;margin-top:80px;}
.presentation-winedesire{width:100%;height:300px;}
.tablette-winedesire{width:550px;margin-left:60px;}
.button-presentation{right:70px;top:130px;}

/* SECTION AVANTAGES */
#winedesire-avantages{width:100%;height:830px;}
.avantages{width:100%;height:830px;margin:0 auto;}
.avantages h2{padding:10px 0px 40px 0px;}

.carte-des-vins{width:400px;height:630px;}
.carte-des-vins img{width:400px;}
.carte-des-vins video{top:63px;left:29px;width:342px;}
.carte-des-vins ul.avantages-gauche{width:250px;left:-280px;top:20px;}
.carte-des-vins ul.avantages-droite{width:250px;right:-280px;top:20px;}
.carte-des-vins ul.avantages-gauche li,.carte-des-vins ul.avantages-droite li{margin-bottom:30px;line-height:16px;}
.carte-des-vins ul.avantages-gauche li h3,.carte-des-vins ul.avantages-droite li h3{margin-bottom:5px;font-size:14px;}
.carte-des-vins ul.avantages-gauche li p,.carte-des-vins ul.avantages-droite li p{font-size:13px;}
.administration{width:100%;}
.administration h3{font-size:16px;}
.administration p{width:800px;font-size:14px;line-height:21px;}

/* ENCARTS SALONS */
.mediactil-salon-hotellerie{width:100%;}
.mediactil-equiphotel{width:330px;margin-left:10px;}

.mediactil-chr-pro-expo{width:700px;}
.mediactil-chr-pro-expo img{width:150px;height:150px;float:left;}
.mediactil-chr-pro-expo .informations-chr-pro-expo{width:550px;}
.mediactil-chr-pro-expo h4{width:330px;font-size:11px;}
.mediactil-chr-pro-expo span.date-lieu-chr-pro-expo{left:350px;font-size:11px;}
.mediactil-chr-pro-expo .mediactil-logo-blanc{left:350px;}
.mediactil-chr-pro-expo .winedesire-logo-blanc{left:460px;}

/* REFERENCES */
#winedesire-references{height:250px;}
.references{width:100%;height:250px;}
.references h2{padding:30px 0px 20px 0px;}
.restaurant-escarbille{margin-top:0px;}
.restaurant-escarbille p{padding-top:10px;}

/* CONTACT */
#winedesire-contact{width:100%;height:550px;background-color:#a62053;}
.contact{width:100%;}
.contact h2{padding:30px 0px 20px 0px;}
.contact h4{font-size:14px;}
.formulaire-gauche{width:48%;padding-left:40px;}
.formulaire-droite{width:44%;}


/* PARTENARIAT */
#winedesire-partenaires{width:100%;height:300px;}
.partenaires{width:100%;height:300px;}
.partenaires p{margin-top:80px;padding-left:0px;font-size:16px;}


/* FOOTER */
.footer{width:100%;}
.footer ul.menu-bottom{padding-left:30px;}
footer{height:40px;}
footer p{padding:15px 10px 10px 10px;}

}

@media screen and (min-width: 767px) and (max-width: 1023px) {

#container-header{width:100%;}

.logo img{padding-left:15px;}
.se-connecter{margin-left:30px;padding:8px;}

nav ul{width:330px;position:absolute;}
.navigation{text-align:center;padding:0;display:none;width:100%;left:0;top:60px;}
 .navigation > li{display:block;text-align:center;background-color:#fff;width:100%;border-bottom:1px solid #EBEBEB;padding:0px;}
.navigation > li:first-child{border-top:1px solid #EBEBEB;}
.navigation > li a{width:100%;display:block;margin:0;padding:23px 0px;}
.navigation > li:hover{background-color:#F4F4F4;}
.nav-btn{display:block;border:1px solid #DCDCDC;color:#898989;font-size:15px;width:150px;padding:7px 5px;text-align:center;cursor:pointer;margin-top:15px;margin-left:75px;}
.navigation > li.r-menu{float:none;}

#ipad-winedesire{height:460px}
#ipad-winedesire h1{font-size:30px;margin-top:50px;}
.presentation-winedesire{width:100%;height:300px;}
.tablette-winedesire{width:450px;margin-left:30px;}
.button-presentation{right:70px;top:130px;}


#winedesire-avantages{width:100%;height:680px;}
.avantages{width:100%;height:680px;margin:0 auto;}
.avantages h2{padding:10px 0px 40px 0px;font}

.carte-des-vins{width:300px;height:470px;}
.carte-des-vins img{width:300px;}
.carte-des-vins video{display:none;}
.carte-des-vins ul.avantages-gauche{width:210px;left:-220px;top:70px;}
.carte-des-vins ul.avantages-droite{width:210px;right:-220px;top:70px;}
.carte-des-vins ul.avantages-gauche li,.carte-des-vins ul.avantages-droite li{margin-bottom:120px;line-height:16px;}
.carte-des-vins ul.avantages-gauche li h3,.carte-des-vins ul.avantages-droite li h3{margin-bottom:5px;font-size:14px;}
.carte-des-vins ul.avantages-gauche li p,.carte-des-vins ul.avantages-droite li p{font-size:12px;display:none;}
.administration{width:100%;}
.administration h3{font-size:16px;}
.administration p{width:66%;font-size:13px;line-height:21px;}


/* ENCARTS SALONS */
.mediactil-salon-hotellerie{width:100%;}
.mediactil-equiphotel{width:700px;display:block;margin:0 auto;background-color:#039ee0;float:none;margin-bottom:20px;}
.mediactil-equiphotel h4{float:left;width:500px;left:100px;top:40px;}
.button-equiphotel{top:60px;padding:10px;}

.mediactil-chr-pro-expo{width:700px;margin:0 auto; margin-bottom:20px;display:block;float:none;}
.mediactil-chr-pro-expo img{width:150px;height:150px;float:left;}
.mediactil-chr-pro-expo .informations-chr-pro-expo{width:550px;}
.mediactil-chr-pro-expo h4{width:330px;font-size:11px;}
.mediactil-chr-pro-expo span.date-lieu-chr-pro-expo{left:350px;font-size:11px;}
.mediactil-chr-pro-expo .mediactil-logo-blanc{left:350px;}
.mediactil-chr-pro-expo .winedesire-logo-blanc{left:460px;}

/* VIGNETTES */
#winedesire-vignettes{clear:both;padding-top:30px;}

/* REFERENCES */
#winedesire-references{height:250px;}
.references{width:100%;height:250px;}
.references h2{padding:30px 0px 20px 0px;}
.restaurant-escarbille{margin-top:0px;}
.restaurant-escarbille p{padding-top:10px;width:410px;padding-right:30px;}

/* CONTACT */
#winedesire-contact{width:100%;height:550px;background-color:#a62053;}
.contact{width:100%;}
.contact h2{padding:30px 0px 20px 0px;}
.contact h4{font-size:14px;}
.formulaire-gauche{width:48%;padding-left:40px;}
.formulaire-droite{width:44%;}

/* PARTENARIAT */
#winedesire-partenaires{width:100%;height:300px;}
.partenaires{width:100%;height:300px;}
.partenaires p{width:100%;margin-top:0px;padding-left:0px;font-size:14px;text-align:center;}

.winedesire-partenariat{display:block;width:400px;height:140px;margin:0 auto;margin-top:70px;float:none;padding-left:90px;padding-right:0px;}
.winedesire-partenariat img{width:120px;height:120px;}
.winedesire-partenariat h3{font-weight:500;margin-top:40px;color:#a62053;font-size:18px;line-height:22px;text-align:left;padding-left:140px;padding-top:35px;}


/* FOOTER */
#winedesire-footer{width:100%;height:170px;background-color:#f39222;}
.footer{width:100%;}
.footer ul.menu-bottom{width:500px;display:block;padding-left:0px;text-align:center;margin:0 auto;float:none;height:auto;padding-top:30px;}
.footer ul.menu-bottom li{display:inline-block;float:none;padding:0px 30px;font-size:14px;}



.produit-mediactil{float:none;display:block;text-align:right;width:410px;padding-top:20px;margin:0 auto;margin-top:20px;}
.produit-mediactil p{color:#fff;float:left;padding-top:25px;font-size:14px;}
.produit-mediactil a{display:block;width:120px;float:left;padding-left:10px;}
.produit-mediactil a img{display:block;width:100px;padding-top:4px;}

footer{height:40px;}
footer p{padding:15px 10px 10px 10px;}

}