/*
Theme Name:Carmen Boutique par Crea7
Theme URI:Author:Agence Crea7
Author URI:http://www.crea7.agency/
Description:Thème personnalisé
Version:1.0
License:Privée
Tags:Carmen Boutique
Text Domain:carmen-boutique-crea7-theme
*/

/**
* Table of Contents:*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
*   4.1 - Header Content
*   4.2 - Navigation Menu
* 5.0 - Content
*   5.1 - Pages statiques
*   5.2 - templates Pages spécifiques
*     5.2.1 - Accueil - home.php
*     5.2.2 - Plan du site
*     5.2.3 - Search Results / No posts
*     5.2.4 - 404
*     5.2.5 - Page de contact
*     5.2.6 - Collection
*     5.2.7 - Conseils
*     5.2.8 - Contact
*   5.3. - Articles
*   5.4 - Divers
* 6.0 - Sidebar
*   6.1 - Widgets
* 7.0 - Footer
* 8.0 - TABlette
* 9.0 - GSM
* ----------------------------------------------------------- */


/**
 * 1.0 Reset
 * ---------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section{display:block}body{line-height:1}ol,ul{list-style:none}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,
q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/** 2.0 Repeatable Patterns
--------------------------------------------------------------- */
/* font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face{font-family:'ralewaylight';src:url('includes/fonts/Raleway-Light-webfont.eot');src:url('includes/fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/Raleway-Light-webfont.woff2') format('woff2'),
         url('includes/fonts/Raleway-Light-webfont.woff') format('woff'),
         url('includes/fonts/Raleway-Light-webfont.ttf') format('truetype'),
         url('Raleway-Light-webfont.svg#ralewaylight') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'ralewaylight_italic';src:url('includes/fonts/Raleway-LightItalic-webfont.eot');src:url('includes/fonts/Raleway-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/Raleway-LightItalic-webfont.woff2') format('woff2'),
         url('includes/fonts/Raleway-LightItalic-webfont.woff') format('woff'),
         url('includes/fonts/Raleway-LightItalic-webfont.ttf') format('truetype'),
         url('includes/fonts/Raleway-LightItalic-webfont.svg#ralewaylight_italic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'ralewaybold';src:url('includes/fonts/Raleway-Bold-webfont.eot');src:url('includes/fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/Raleway-Bold-webfont.woff2') format('woff2'),
         url('includes/fonts/Raleway-Bold-webfont.woff') format('woff'),
         url('includes/fonts/Raleway-Bold-webfont.ttf') format('truetype'),
         url('includes/fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'ralewaybold_italic';src:url('includes/fonts/Raleway-BoldItalic-webfont.eot');src:url('includes/fonts/Raleway-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/Raleway-BoldItalic-webfont.woff2') format('woff2'),
         url('includes/fonts/Raleway-BoldItalic-webfont.woff') format('woff'),
         url('includes/fonts/Raleway-BoldItalic-webfont.ttf') format('truetype'),
         url('includes/fonts/Raleway-BoldItalic-webfont.svg#ralewaybold_italic') format('svg');font-weight:normal;font-style:normal}
*{box-sizing:border-box}
img{max-width:100%}
/* h1{font-size:2.5em;font-weight:bold;margin:20px 5px 15px 0;}
h2{font-size:2em;font-weight:bold;margin:15px 5px 11px 0;}
h3{font-size:1.6em;font-weight:bold;margin:10px 5px 8px 0;}
h4{font-size:1.25em;font-weight:bold;margin:8px 5px 6px 0;}
h5{font-size:0.98em;font-weight:bold;margin:6px 5px 4px 0;}
h6{font-size:0.90em;font-weight:bold;margin:4px 5px 3px 0;}
pre{font-size:0.8em;margin:3px 5px 2px 3%;} */
h1{font-size:2.5em;font-weight:bold;margin:20px 0 15px;}
h2{font-size:2em;font-weight:bold;margin:15px 0 11px;}
h3{font-size:1.6em;font-weight:bold;margin:10px 0 8px;}
h4{font-size:1.25em;font-weight:bold;margin:8px 0 6px;}
h5{font-size:0.98em;font-weight:bold;margin:6px 0 4px;}
h6{font-size:0.90em;font-weight:bold;margin:4px 0 3px;}
pre{font-size:0.8em;margin:3px 0 2px;}
p{line-height:1.5em;margin-top:5px;}
strong{font-weight:bold;}
abbr, acronym, cite, em{color:#345;font-style:oblique;font-size:.9em;}
i{font-style:italic;}
blockquote, code, q{
  font-style:normal;font-size:1em;margin-left:32px;font-family:Consolas, "Times New Roman", Verdana;/**/
  border-left:4px solid #CCC;padding-left:8px}
ul{list-style-type:disc;margin-top:5px;}
li{margin-top     :3px;line-height:1.5em;}
.clear{clear      :both;}
.stopFloat{clear  :both;}
a{color           :black;}
.underlined{
  text-decoration:underline}

/** 3.0 - Basic Structure
-------------------------------------------------------------- */
html{
  height:100%;overflow-y:scroll;/* forcage de la barre verticale de défilement */
  font-size:100%;/* définit la taille de référence 100%=1em */
}
body{
  min-height           :100%;position             :relative;background-color     :#ffffff;font-size            :.90825em;font-family          :"ralewaylight",arial, sans-serif;/*background-image     :url(images/fond_oiseaux.png);background-repeat    :no-repeat;background-position  :50% 0%;background-attachment:fixed;*/
}


/** 4.0 Header
-------------------------------------------------------------- */
#headerContainer{
  height:55px;padding-top:25px}
#headerContainerFloat{
   height:55px;border-bottom:1px #DDD solid}
#headerContainerFloat.floatable{
  position:fixed;top:0;width:100%;background-color:#FFF;height:50px;padding-top:5px;z-index:10}
#header{
  max-width:1100px;margin:0 auto;/*height:80px;*/
}
#headerFixe{
	/*background-color:#C99B9B;*/
}
#headerFixe a{
	text-decoration:none}
#headerLogo{
	/*margin-right:100px;*/
  /*max-width:345px;*/
	float:left}
#headerLogo img{
  /*width:100%;*/
}
#headerMenu{
	max-width:650px;float:right;/*background-color:#C9987B;*/
}
#headerMenuReduit{
  display:none}
#headerAccueilAll{
	float:right;margin-right:40px;text-align:center}
#headercollection{
	float:right;margin-right:40px;/*margin-top:8px;*/
  text-align:center}
#headerConseilsAll{
	float:right;margin-right:40px;text-align:center}
#headerContact{
	float:right;margin-top:8px}
.headerMenuSecLine{
	line-height:20px
}

/**   4.1 - Header Content
-------------------------------------------------------------- */


/**   4.2 Navigation Menu
-------------------------------------------------------------- */


/** 5.0 Content
-------------------------------------------------------------- */


/**   5.1 Page statique
-------------------------------------------------------------- */


/**   5.2.0 - templates spécifiques
-------------------------------------------------------------- */


/**     5.2.1 - Accueil - home.php
-------------------------------------------------------------- */
#accueilImg{
	background-image     :url(includes/images/updated/accueil/hendaye-vetement-femme.jpg);background-repeat    :no-repeat;background-position  :50% 50%;/*background-attachment:fixed;*/
  background-size:100% auto;height:470px}
#accueilImgReduit{
  display:none}
#accueilContent{
	min-height:300px}
#accueilContentContainer #accueilTexte{
	max-width:800px;margin:60px auto 100px}
#accueilContentContainer #accueilTexte #accueilTitrePhoto h2{
  font-size:2.5em;text-align:center}
#accueilContentContainer #accueilTexte #accueilTitrePhoto h3{
  font-size:1.8em;text-align:center}
#accueilContentContainer #accueilTexte b{
  font-weight:bold}
#accueilContentContainer #accueilTexte p{
	line-height:24px;font-size:1.3em}
#accueilContentContainer #accueilTexte .post h2{
  margin-bottom:30px}
#accueilContentContainer #accueilTexte .post h3{
  margin:20px 0 15px 0}
#accueilContentContainer #accueilTexte .creditPhoto{
  text-align:right;font-size:0.7em}

/**     5.2.2 - Plan du site
-------------------------------------------------------------- */


/**      5.2.3 - Search Results / No posts
-------------------------------------------------------------- */


/**     5.2.4 - 404
-------------------------------------------------------------- */


/**     5.2.5 - Page de contact
-------------------------------------------------------------- */


/**     5.2.6 - Collection
-------------------------------------------------------------- */
#conseilsIntroFrEs, #texteSeparationFrEs{
	padding-top:10px;width:970px;margin:0 auto 60px}
#conseilsIntroFr, #conseilsIntroEs, #texteMiPageFr, #texteMiPageEs{float:left;max-width:407px;width:100%;padding-left:50px;/*text-align:center;*/
}
#conseilsIntroFr .center, #conseilsIntroEs .center{text-align:center;}
#conseilsIntroFr .bold, #conseilsIntroEs .bold{font-weight:500;}
#conseilsIntroFr h1, #conseilsIntroEs h1{font-size:1.4em;}
#conseilsIntroFr h2, #conseilsIntroEs h2{font-size:1.3em;}
#conseilsIntroFr h3, #conseilsIntroEs h3{font-size:1.2em;}

#conseilsIntroFr h3, #conseilsIntroEs h3{
  /*text-align:center;*/
  /*font-size:1.4em;*/
  /*text-decoration:underline;*/
}
#conseilsIntroFr h4, #conseilsIntroEs h4{
  /*font-weight:bold;*/
  /*text-decoration:underline;*/
}
#conseilsIntroFrEs ul{
  list-style:none;margin-left:20px
}
#conseilsIntroFrEs p{
  margin-left:20px;line-height:25px}
#conseilsIntroFrEs h2, #conseilsIntroFrEs h3{
  margin:20px 0 20px;line-height:1.5em}
#conseilsIntroFr, #texteMiPageFr{
  margin-right:40px
}
#conseilsIntroFrEs img, #texteSeparationFrEs img{
  margin:10px 0;max-width:100%}


#collectionPhotosContainer .bottMarg{margin-bottom:40px;}
#collectionPhotosContainer .fr{float:left;margin-left:10px;}
#collectionPhotosContainer .es{float:right;margin-right:10px;}


#texteMiPageFr, #texteMiPageEs{text-align:center}
#texteMiPageFr .conseilsMiPageSignatureCarmen, #texteMiPageEs .conseilsMiPageSignatureCarmen{
  max-width:100px}

/* VERSION 4 Colonnes
#collectionPhotos, #collectionLigneA{
	margin:0 auto;width:975px}
#collectionPhotos .collectionPhoto{
	margin-right:65px;margin-bottom:40px;float:left}
#collectionLigneA .collectionPhoto{
  margin-right:65px;margin-bottom:20px;float:left}
#collectionPhotos .collectionPhoto img, #collectionLigneA .collectionPhoto img{
	max-width:290px}
#collectionPhotos .collectionPhoto:nth-child(4n){
	max-width:195px;margin-right:0}
#collectionLigneA .collectionPhoto:nth-child(5){
  margin-right:0}
#collectionLigneA h3{
  margin-top:0;margin-bottom:40px;text-align:center}
#collectionLigneA h3.pied{
  margin-top:10px;margin-bottom:80px}*/


/* VERSION 3 COLONNES
Mise en page collection 2015-09-13 :avec texte à gauche et 2 photos dans un dv à droite */
/*#collectionPhotos, #collectionLigneA{
  margin:0 auto;width:975px}
#collectionPhotos .collectionGroupeLigne img{
  max-width:290px}
#collectionPhotos .collectionGroupeLigne{
  margin:0 auto;margin-bottom:40px}
#collectionPhotos .collectionGroupeLigne,
#collectionPhotos .collectionGroupeLigneTitre,
#collectionPhotos .collectionGroupeLigneDeuxPhotos,
#collectionPhotos .collectionGroupeLignePhotoA,
#collectionPhotos .collectionGroupeLignePhotoB{
  float:left}
#collectionPhotos .collectionGroupeLigneTitre,
#collectionPhotos .collectionGroupeLignePhotoA{
  margin-right:50px}
#collectionPhotos .collectionGroupeLigneTitre{
  margin-top:170px}
#collectionLigneA{text-align:center;margin-top:20px;}
#collectionLigneA .collectionLigneAImgA{
  margin-top:60px}
#collectionLigneA .collectionLigneATitrePied{
  margin-top:100px}
#collectionLigneA a .collectionLigneAImgB{
  margin-top:60px;margin-bottom:100px}*/
/* ! Mise en page collection 2015-09-13 */
.colPhotos, #texteSeparation, #collectionLigneA{
  margin:0 auto;width:975px}
.colPhotos .collectionGroupeLigne img{
  max-width:290px;width:100%}
.colPhotos .collectionGroupeLigne{
  margin:0 auto;margin-bottom:40px;float:left;margin-right:50px}
.colPhotos .collectionGroupeLigne:nth-child(3n+0){
  margin-right:0;margin-bottom:60px}
#collectionLigneA{
  text-align:center}
#collectionLigneA .collectionLigneATitrePied{
  margin-top:100px;text-align:center}
#collectionLigneA a .collectionLigneAImgB{
  margin-top:60px;margin-bottom:100px}



/**     5.2.7 - Conseils
-------------------------------------------------------------- */
#conseilsImg{
	background-image     :url(includes/images/updated/conseils/conseils.jpg);background-repeat    :no-repeat;background-position  :50% 5%;/*background-attachment:fixed;*/
  background-size:100% auto;height:470px}
#conseilsImgReduit{
  display:none}
#conseilsContentContainer #conseilsTexte{
	max-width:800px;margin:60px auto 100px}
#conseilsContentContainer #conseilsTexte p{
	line-height:24px;font-size:1.1em}
#conseilsContentContainer #conseilsTexte img{
	max-width:700px;/*margin-left:50px;*/
  text-align:center;animation:1s cubic-bezier(0.77, 0, 0.175, 1) 0s normal none 1 running fadeLeft}
#conseilsContentContainer #conseilsTexte h3{
	margin:30px 0 30px 0}
#conseilsContentContainer #conseilsTexte .landingPagesLink{
  text-align:center}

/**     5.2.8 - Contact
-------------------------------------------------------------- */
#contact{
	width:990px;margin:0 auto;padding:0 15px 50px}
#contactImg{
	background-image     :url(includes/images/updated/contact/carmenboutique1.jpg);background-repeat    :no-repeat;background-position  :50% 50%;/*background-attachment:fixed;*/
  background-size:100% auto;height:470px;margin-bottom:10px}
#contactImgReduit{
  display:none}
#contactImgMiniA, #contactImgMiniB, #contactImgMiniC{float:left;}
#contactImgMiniB, #contactImgMiniC{margin-left:9px;}
#contactImgMiniA img, #contactImgMiniB img, #contactImgMiniC img{max-width:314px;}
#contactImgMiniA{}
#contactImgMiniA{}
#contact #contactFr, #contact #contactEs{
	float:left;max-width:440px}
#contact #contactEs{margin-left:80px;}
#contact h3{margin-bottom:20px;}
#contact p{
	margin:10px 0 10px}
.wpcf7-form{
	text-align:center}
#contact input, #contact textarea{
	width:400px;border:1px solid #ccc}
#contact .wpcf7-submit{
	margin-left:20px}


/**   5.3 - Articles
-------------------------------------------------------------- */
.single{
	min-height:400px}
.post{
	/*width:950px;margin:0 auto;padding-top:40px;*/
  margin:0 auto}

/**   5.3 - Divers
-------------------------------------------------------------- */
.nothing{
	margin:100px 0 300px;text-align:center}

/** 7.0 Footer
-------------------------------------------------------------- */
#footerContainer{
	background-color:#2e2e2e;padding-top:20px;padding-bottom:40px;min-height:320px}
#footerContent{
	margin:0 auto;max-width:1100px;font-size            :1.05em;font-family          :"ralewaybold",verdana, sans-serif;color:#89bcb3}
#resSoc{
  width:130px;float:right;margin-top:-60px;margin-bottom:40px;/*margin:-60px auto 40px;*/
}
#resSoc img{
  max-width:30px;margin:0 5px}
#footerColGauche, #footerColCentre, #footerColDroite{
	float:left}
#footerColGauche{
	margin-left:80px;width:310px}
#footerColGauche img{
	max-width:220px}
#footerColGaucheA{
	margin-top:15px}
#footerColGaucheB{
	margin-top:20px}
#footerColCentre, #footerColDroite{
	margin-top:-5px}
#footerColDroite{
  max-width:390px}
#footerColCentre{
	max-width:320px;width:100%}
#footerColCentreB, #footerColDroiteB{
	margin-top:20px}

#anti_spam{
  margin-top:50px;width:200px;margin:50px auto 7px;text-align:center}
#input_Validator_span{
  font-size:1.3em}
#input_Validator{
  width:30px}
#anti_spam p, #spam_check_return{
  text-align:center}
#spam_check_return{
  margin-bottom:10px;color:#db4646}

#footerNewsletter{
	/*margin-top:35px;*/
}

#mailpoet_form_1{
  width:310px;margin:-10px auto 0}
.mailpoet_paragraph, .mailpoet_submit{
  float:left}


#footerBas{
	margin:40px auto 0 auto;width:470px}
#footerBas p{
	/*margin:0 20px;*/
	text-align:center;color:#6b6b6b}
#footerBas p a{
	color:#6b6b6b;text-decoration:none}


/** 8.0 TAB Tablette
-------------------------------------------------------------- */
/*@media screen and (max-width:1150px){*/
@media (max-width:1150px){/*body{background-color:#D8C4F5;}*/

  /* HEADER :-----------------------------*/
  #headerMenuComplet{
    display:none}
  #headerContainerFloat.floatable{
    height:50px;z-index:10}
  #headerLogo{
    margin-left:20px}
  #headerLogo img{
    /*width:100%;*/
  }
  #headerMenuReduit{
    display:block;text-align:right;position:absolute;top:17px;right:20px;z-index:10}
  #headerMenuReduit ul{
    list-style-type:none;cursor:pointer;background-color:#FFF;/*border-radius:5px;*/
    /*border:1px solid #555;*/
    /*padding-left:10px;*/
  }
  #headerMenuReduitUl{
    padding-right:20px}
  #headerMenuReduit img{
    /*margin:5px 3px 0 0;*/
    /*padding-top:7px;*/
  }
  #headerMenuReduit ul ul{
    /*border:none;*/
  }
  #headerMenuReduit ul ul li{
    display:none;padding:5px 0 5px 0;/* pour IE qui ne reconnaît pas "transparent" */
    border-right :1px solid #fff;/* on met une bordure blanche à droite de chaque élément */
    width:240px;/*border-radius:5px;*/
    /*border:1px solid #555;*/
  }
  #headerMenuReduit ul:hover li.menuList{display:block;background-color:#FFF}
  #headerContainerFloat.floatable #headerMenuReduit{
    top:7px}
  /* ACCUEIL --------------------------*/
  #accueilImg{
    background-image     :url(includes/images/updated/accueil/hendaye-vetement-femme.jpg);background-position  :50% 50%;background-size:auto 110%;height:470px}
  #accueilTexte{
    padding:0 10px}


  /* COLLECTION --------------------------*/
  #conseilsIntroFrEs, #texteSeparationFrEs{
    width:100%}
  #conseilsIntroFr, #texteMiPageFr{
    float:none;margin:0 auto}
  #conseilsIntroEs, #texteMiPageEs{
    float:none;margin:20px auto 0}
  /* VERSION 4 Colonnes
  #collectionPhotos, #collectionLigneA{
    width:100%;text-align:center}
  #collectionPhotos .collectionPhoto, #collectionLigneA .collectionPhoto{
    margin:20px;float:none;display:inline-block}*/
  /* VERSION 3 colonnes septembre 2015 :*/
/*  #collectionPhotos, #collectionLigneA{
    width:100%;text-align:center}
  #collectionPhotos .collectionGroupeLigne{
    width:100%;text-align:center}
  #collectionPhotos .collectionGroupeLigneTitre,
  #collectionPhotos .collectionGroupeLignePhotoA{
    margin-right:0}
  #collectionPhotos .collectionGroupeLignePhotoA{margin-bottom:50px;}
  #collectionPhotos .collectionGroupeLigneDeuxPhotos{
    width:100%}
  #collectionPhotos .collectionGroupeLigneTitre,
  #collectionPhotos .collectionGroupeLignePhotoA,
  #collectionPhotos .collectionGroupeLignePhotoB{
    position:relative;float:none;display:inline-block}
  #collectionPhotos .collectionGroupeLigneTitre{
    margin-top:0px;margin-bottom:50px}
  #conseilsIntroFrEs{
    z-index:10}
  #collectionLigneA .collectionLigneAImgA,
  #collectionLigneA .collectionLigneAImgB{
    max-width:94%;margin-left:3px;margin-right:3px}*/
  /* Ajouts mise à jour 2016-02-19 */
  .colPhotos{
    width:100%;max-width:680px;margin-right:0 auto;text-align:center}
  .colPhotos .collectionGroupeLigne:nth-child(3n+0){
    margin-right:20px}
  .colPhotos .collectionGroupeLigne{
    margin-right:20px;margin-left:20px;position:relative;float:none;display:inline-block}
  #collectionLigneA{
    width:100%}
  #collectionLigneA .collectionLigneAImgA,
  #collectionLigneA .collectionLigneAImgB{
    width:94%;margin-left:3px;margin-right:3px}

  /* CONSEILS --------------------------*/
  #conseilsTexte{
    padding:0 10px}
  #conseilsTexte img{
    margin-left:0;width:100%}
  /* CONTACT --------------------------*/
  #contact{
    width:100%;max-width:960px}
  #contactImg{
    width:100%;max-height:470px}
  #contactImgMini{
    display:none}
  #contactTexte{
    width:100%;max-width:960px;text-align:center;/*padding:0 10px;*/
  }
  #contact #contactFr, #contact #contactEs{
    float:none;margin:30px auto 10px}
  #contactTexte .post{
    width:100%;max-width:950px}
  #contact input, #contact textarea{
    width:100%;max-width:400px;border:1px solid #333}
  #contact .wpcf7-submit{
    margin-left:0;/*max-width:70%;*/
  }


  /* FOOTER --------------------------*/
  #footerContainer{

  }
  #footerTroisCol{
    /*width:1020px;*/
    text-align:center}
  #footerTroisCol>div{
    float:none;margin:20px auto 0}
  #footerTroisCol, #footerTroisCol>div{
    /*position:relative;*/
    /*float:left;*/
  }
  #footerTroisCol{
    /*left:50%;*/
  }
  #footerTroisCol>div{
    /*right:50%;*/
  }
  #footerNewsletter .wysija-paragraph{
    margin-left:30px}
  #footerBas{
    margin:30px auto 0;padding-bottom:20px;width:100%;text-align:center}
  #footerBas p a,   #footerBas img{
    float:none}
  #footerBas img{
    margin-top:10px}
}



/** 9.0 > 620px
-------------------------------------------------------------- */
/*@media screen and (max-width:620px){*/
@media (max-width:620px){/*body{background-color:#D8C4F5;}*/

  #accueilImg, #conseilsImg, #contactImg{
    display:none}
  #accueilImgReduit, #conseilsImgReduit, #contactImgReduit{
    display:block;width:100%;max-width:960px;margin-left:0 auto}
  #accueilImgReduit img, #conseilsImgReduit img, #contactImgReduit img{
    max-height:470px;height:auto;width:100%;max-width:960px}

}


/** 10.0 > 500px
-------------------------------------------------------------- */
/*@media screen and (max-width:620px){*/
@media (max-width:500px){/*body{background-color:#D8C4F5;}*/

  /* Menu */
  #headerLogo img{
    max-width:170px}
  #headerContainerFloat.floatable #headerLogo img{
    margin-top:10px}
}







/* style start */
.nwseparator img { width: 160px; }
.mobile{display:none}

html { scroll-behavior: smooth; }

.main { margin-top: 45px; margin-bottom: 50px; }

.content { margin-bottom: -50px; }

b { font-weight: 700; }

html.overflowSection{overflow:hidden!important}

.fixedWidthContainer { margin: 0 auto; max-width: 990px; padding-left: 15px; padding-right: 15px; }

.textLeft{text-align:left!important}

.textCenter{text-align:center!important}

.textRight{text-align:right!important}

.pointer{cursor:pointer!important}

.hidden{display:none!important}

.desktop{display:block!important}

.center{text-align:center}

.table-responsive { overflow: auto; }

.table { width: 100%; border-collapse: collapse; }

.table thead th { text-align: center; background-color: #f1f1f1; font-family: 'Poppins', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 10pt; line-height: 14pt; color: #000; padding: 7px; vertical-align: middle; border: 1px solid #ccc; }

.table tbody td { text-align: center; background-color: #fff; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12pt; line-height: 16pt; color: #000; padding: 7px; vertical-align: middle; border: 1px solid #ccc; }

/* .post { margin: -45px 0 auto; } */

/* header start */
.header{position:relative}

.header .languagesFlag{position:absolute;right:20px;top:20px}

#nwlogo{margin-top:-5px!important}
/* header end */

/* burger menu start */
#nwmenuClose{position:absolute;right:25px;top:38px;width:25px;background:#fff}
.open #nwmenuClose.hidden{display:inline!important}

.mobileBurgerMenu{position:relative;width:25px;height:25px;align-items:center;justify-content:center;flex-direction:column}

#nwmenu{padding-left:15px;padding-right:15px;margin-top:-20px!important}

#nwmenu:before{position:fixed;content:"";right:-200%;top:0;height:70px;width:100%;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s}

.mobileBurgerMenu .burgerLine{width:100%;height:3px;background-color:#333;margin-bottom:5px;transition:0.4s}

.mobileBurgerMenu .burgerLine:last-child{margin:0}
/* burger menu end */

/* laguages-flag start */
.languagesFlag ul{display:block;margin:0;padding:0;list-style-type:none}

.languagesFlag li{display:inline-block;margin:0;padding:0 10px;list-style-type:none;position:relative}

.languagesFlag li:before{position:absolute;content:"";right:-4px;top:50%;width:2px;height:15px;background-color:#6b6b6b;transform:translate(0, -50%) rotate(35deg);margin:-3px 0 0}

.languagesFlag li:first-child{padding-left:0}

.languagesFlag li:last-child{padding-right:0}

.languagesFlag li:last-child:before{display:none}

.languagesFlag li img{height:15px}
/* laguages-flag end */

/* buttons start */
.btn{text-decoration: none; padding:10px 25px;border:none;font-weight:700;font-size:14px;line-height:18px;text-align:center;height:auto;text-transform:uppercase;cursor:pointer;border-radius:3px;}

.btn-maroon{color:#fff;background-color:#8c080f}

.btn-maroon:focus{color:#fff;background-color:#8c080f}

.btn-maroon:hover,
.btn-maroon:active:focus{color:#fff;background-color:rgba(140,8,15,0.7)}
/* buttons end */

/* common form start */
.common-form .form-group{margin-bottom:10px}

.common-form .form-label{font-size:16px;line-height:20px;color:#000;margin-bottom:5px}

.common-form input,
.common-form select{ height:35px; width:100%; border:1px solid #ccc; resize:none; padding:6px 15px; font-size:15px; line-height:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }

.common-form #newsletter_nom { text-transform: uppercase; }

.common-form #newsletter_email { text-transform: lowercase; }

.common-form .geneder-selection{margin-bottom:20px}

.common-form .geneder-selection .options-list{padding-top:5px}

.common-form .geneder-selection .options-list{margin-top:5px}

.common-form .geneder-selection .options-list label{margin:0 15px}

.common-form .geneder-selection input{width:16px;height:16px;margin-top:0;margin-right:5px;position:relative;top:2px;outline:none}

.common-form .submitButton{padding-top:10px}
/* common form end */

/* content start */
/* .content{padding-left:15px;padding-right:15px} */

/* contact form7 start */
.wpcf7-form .form-group{margin-bottom:25px;position:relative}

.wpcf7-form .form-group .error,
.wpcf7-form .form-group .wpcf7-not-valid-tip{position:absolute;left:0;right:0;top:100%;color:#dc3232;font-weight:700;font-size:12px;letter-spacing:1px}

.wpcf7-form .wpcf7-form-control-wrap{display:block}

.wpcf7-form p{font-size:16px;line-height:22px;color:#4a4949;text-align:left;margin-bottom:25px}

.wpcf7-form .submitButton{position:relative}

.wpcf7-form .submitButton .ajax-loader{position:absolute;right:170px;bottom:20px}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=password]{
  height:40px;width:100%!important;max-width:100%!important;resize:none;border:none;border:1px solid #ccc;border-radius:3px;box-shadow:none;padding:6px 15px;/* font-weight:700;*/
  font-size:16px;line-height:16px;margin-top:5px;margin-bottom:10px;color:#4a4949;background-color:transparent}

.wpcf7-form textarea{height:150px;width:100%!important;max-width:100%!important;resize:none;border:none;border-bottom:1px solid #ccc;border-radius:3px;box-shadow:none;padding:6px 15px;/* font-weight:700;*/
  font-size:16px;line-height:16px;margin-top:5px;margin-bottom:10px;color:#4a4949;background-color:transparent}

.wpcf7-form input[type=text].placeholder,
.wpcf7-form input[type=email].placeholder,
.wpcf7-form input[type=password].placeholder,
.wpcf7-form textarea.placeholder{color:#4a4949}

.wpcf7-form input[type=text]::-webkit-input-placeholder,
.wpcf7-form input[type=email]::-webkit-input-placeholder,
.wpcf7-form input[type=password]::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder{color:#4a4949}

.wpcf7-form input[type=text]:-moz-placeholder,
.wpcf7-form input[type=email]:-moz-placeholder,
.wpcf7-form input[type=password]:-moz-placeholder,
.wpcf7-form textarea:-moz-placeholder{color:#4a4949}

.wpcf7-form input[type=text]::-moz-placeholder,
.wpcf7-form input[type=email]::-moz-placeholder,
.wpcf7-form input[type=password]::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder{color:#4a4949}

.wpcf7-form input[type=text]:-ms-input-placeholder,
.wpcf7-form input[type=email]:-ms-input-placeholder,
.wpcf7-form input[type=password]:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder{color:#4a4949}

.wpcf7-form input[type=text]:focus.placeholder,
.wpcf7-form input[type=email]:focus.placeholder,
.wpcf7-form input[type=password]:focus.placeholder,
.wpcf7-form textarea:focus.placeholder{opacity:0}

.wpcf7-form input[type=text]:focus::-webkit-input-placeholder,
.wpcf7-form input[type=email]:focus::-webkit-input-placeholder,
.wpcf7-form input[type=password]:focus::-webkit-input-placeholder,
.wpcf7-form textarea:focus::-webkit-input-placeholder{opacity:0}

.wpcf7-form input[type=text]:focus:-moz-placeholder,
.wpcf7-form input[type=email]:focus:-moz-placeholder,
.wpcf7-form input[type=password]:focus:-moz-placeholder,
.wpcf7-form textarea:focus:-moz-placeholder{opacity:0}

.wpcf7-form input[type=text]:focus::-moz-placeholder,
.wpcf7-form input[type=email]:focus::-moz-placeholder,
.wpcf7-form input[type=password]:focus::-moz-placeholder,
.wpcf7-form textarea:focus::-moz-placeholder{opacity:0}

.wpcf7-form input[type=text]:focus:-ms-input-placeholder,
.wpcf7-form input[type=email]:focus:-ms-input-placeholder,
.wpcf7-form input[type=password]:focus:-ms-input-placeholder,
.wpcf7-form textarea:focus:-ms-input-placeholder{opacity:0}

.wpcf7-form .wpcf7-submit{width:auto!important;max-width:100%;padding:15px 35px;margin-left:0!important;cursor:pointer;font-size:20px;line-height:25px;color:#ffffff;background-color:#8c080f;border:none!important;border-radius:3px;margin-top:20px}

.wpcf7 .ajax-loader{margin:-4px 24px!important}

.wpcf7 form.invalid .wpcf7-response-output{color:#dc3232;border-color:#dc3232!important;padding:10px 0;font-size:12pt;font-family:"Poppins","Arial","sans-serif";}

.wpcf7 form.sent .wpcf7-response-output{color:#46b450;border-color:#46b450!important}
/* contact form7 end */

/* sliderWelcome start */

#sliderWelcome { position: relative; }

.swiper-button-prev,
.swiper-button-next { color: #121212 !important; font-size: 30pt; outline: none; }

.swiper-button-prev:hover,
.swiper-button-next:hover { color: #8c080f !important; }

.swiper-pagination .swiper-pagination-bullet { background-color: #121212; opacity: 1; outline: none; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #8c080f; }

/* sliderWelcome end */

/* welcome section start */
.welcome-section{margin-top:35px}

.welcome-section .welcomefixWidth{width:100%;max-width:1120px;margin:0 auto}

.welcome-section .welcomeBlock{display:flex;flex-flow:row wrap;margin-bottom:50px;align-items:center}

.welcome-section .welcomeBlock .welcomeImage{width:450px; overflow: hidden;}

.welcome-section .welcomeBlock .welcomeImage img{width:100%;/*height:450px;*/;height:555px;object-fit:cover;object-position:center}

.welcome-section .welcomeBlock .welcomeDetail{/* margin-left:30px;*/ width:637px;text-align:center}

.welcome-section .welcomeBlock .blockTitle{font-family:Montserrat,Arial;font-weight:700;font-size:30px;line-height:40px;color:#8c080f;margin-bottom:20px}

.welcome-section .welcomeBlock .blockTitle h1,
.welcome-section .welcomeBlock .blockTitle h2,
.welcome-section .welcomeBlock .blockTitle h3,
.welcome-section .welcomeBlock .blockTitle h4,
.welcome-section .welcomeBlock .blockTitle h5,
.welcome-section .welcomeBlock .blockTitle h6,
.welcome-section .welcomeBlock .blockTitle a{text-decoration:none;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}

.welcome-section .welcomeBlock .subTitle{font-family:Arial;font-weight:600;font-size:25px;line-height:35px;color:#333;margin-bottom:20px}

.welcome-section .welcomeBlock .subTitle span{display:block;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}

.welcome-section .welcomeBlock .title a:hover{color:#121212}

.welcome-section .welcomeBlock .welcomeDetail p{font-family:Arial;font-size:16pt;color:#333;padding:0 40px;margin-bottom:15px}
/* welcome section end */


/* sizeGuid section start */
.newSizeGuidSection{margin-top:35px}

.newSizeGuidSection .sizeGuidefixWidth,
.newHeightGuidSection .heightGuidefixWidth{width:100%;max-width:1120px;margin:0 auto;}
.newHeightGuidSection .heightGuidefixWidth { padding-left: 15px; padding-right: 15px; }

.newSizeGuidSection .newSizeGuidBlock{display:flex;flex-flow:row wrap;margin-bottom:50px;align-items:center}

.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage{width:450px; height: 800px; overflow: hidden; text-align: center;}

.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage img{max-height: 100%; /*height:450px;*/}

.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail{/* margin-left:30px;*/ width:637px;}

.newSizeGuidSection .newSizeGuidBlock .blockTitle{font-family:Montserrat,Arial;font-weight:700;font-size:30px;line-height:40px;color:#8c080f;margin-bottom:20px}

.newSizeGuidSection .newSizeGuidBlock .blockTitle h1,
.newSizeGuidSection .newSizeGuidBlock .blockTitle h2,
.newSizeGuidSection .newSizeGuidBlock .blockTitle h3,
.newSizeGuidSection .newSizeGuidBlock .blockTitle h4,
.newSizeGuidSection .newSizeGuidBlock .blockTitle h5,
.newSizeGuidSection .newSizeGuidBlock .blockTitle h6,
.newSizeGuidSection .newSizeGuidBlock .blockTitle a{text-decoration:none;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}

.newSizeGuidSection .newSizeGuidBlock .subTitle{font-family:Arial;font-weight:600;font-size:25px;line-height:35px;color:#333;margin-bottom:20px}

.newSizeGuidSection .newSizeGuidBlock .subTitle span{display:block;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}

.newSizeGuidSection .newSizeGuidBlock .title a:hover{color:#121212}

.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail p{font-family:Arial;font-size:16pt;color:#333;padding:0 40px;margin-bottom:15px}

.newSizeGuidDescription { margin: 50px 0; }

.newSizeGuidDescription .smallTitle { margin-bottom: 20px; }

.newSizeGuidDescription .orderList { margin: 0; padding: 0 0 0 20px; list-style-type: upper-alpha; --marker-color: #8c080f; }
.newSizeGuidDescription .orderList li { margin: 0 0 10px; padding: 0; list-style-type: upper-alpha; font-family: Arial; font-size: 14pt; color: #333; }
.newSizeGuidDescription .orderList li::marker { color: #8c080f; }

.newHeightGuidImage img { width: 100%; margin-top: 30px; }

/* map section start */
.mapSection { margin: 0 auto; max-width: 900px; padding-left: 15px; padding-right: 15px; }
.mapSection iframe { float: left; width: 100%; }
/* map section end */

/* sizeGuideSection start */
.sizeGuideSection { padding: 30px 0 50px; }
.sizeGuideContent { text-align: center; }
.sizeGuideTable { display: flex; justify-content: center; }
.sizeGuideTable .table { width: 500px; }
/* .sizeGuideTable .table tbody td { font-weight: 600; font-size: 16pt; line-height: 18pt; color: #000; } */
.sizeGuideTable .table tbody td:first-child { color: #8e8e8e; }
/* sizeGuideSection end */

/* confidentiality page */
p { font-family: 'Arial', 'Poppins', sans-serif; font-weight: 400; font-size: 12pt; }
.subTitle { font-size: 16pt; font-weight: 500; font-family: Montserrat,Arial; text-align: center; margin: -10px 0 10px; }
.smallTitle { font-family: 'Montserrat', 'Arial', sans-serif; font-weight: 700; font-size: 18pt; }
.confidentialityPg .confidentialite { padding-top: 50px;}
.confidentialityPg .title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18pt; }
.confidentialityPg .confidentialite ol li,
.confidentialityPg .confidentialite ul li { font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 24px; margin: 10px 0; }
.confidentialityPg .confidentialite p { font-family: 'Poppins', sans-serif; font-weight: 400; line-height: 24px; }
/* confidentiality page */

/* presentationSection start */
.presentationSection { padding-bottom: 50px; }
.presentationSection .smallTitle { margin-top: 25px; }
.presentationSection .presentationContent p { text-align: justify; margin-bottom: 15px; }
/* presentationSection end */
/* content end */

/* footer start */
#nwnews { cursor: default !important; margin-bottom: 30px; }
#nwnews .nwnewsFixWidth{margin:0 auto;max-width:900px;padding-left:15px;padding-right:15px}
#nwnews .nwnewsContent{display:flex;align-items:center;flex-flow:row wrap;box-shadow:2px 6px 22px -4px rgba(0,0,0,0.2);}
#nwnews .nwnewsContent .nwnewsImage{width:393px;height:550px}
#nwnews .nwnewsContent .nwnewsImage img{width:100%;height:100%;object-fit:cover;object-position:center top}
#nwnews .nwnewsContent .nwnewsDetail{width:477px;padding:30px;text-align:center;}
#nwnews .nwnewsContent .nwnewsDetail .desc{margin:0 auto;max-width:325px}
#nwnews .nwnewsContent .nwnewsDetail .title{font-weight:500;font-size:25px;line-height:25px;text-transform:uppercase;color:#121212;margin-bottom:15px}
#nwnews .nwnewsContent .nwnewsDetail .title h1,
#nwnews .nwnewsContent .nwnewsDetail .title h2,
#nwnews .nwnewsContent .nwnewsDetail .title h3,
#nwnews .nwnewsContent .nwnewsDetail .title h4,
#nwnews .nwnewsContent .nwnewsDetail .title h5,
#nwnews .nwnewsContent .nwnewsDetail .title h6{font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}
#nwnews .nwnewsContent .nwnewsDetail .desc p{font-size:14px;line-height:20px;color:#616161}
#nwnews .nwnewsContent .nwnewsDetail .common-form{padding-top:20px}
#nwsocial ul{display:block;margin:0;padding:0;list-style-type:none}
#nwsocial span{display:inline-block;margin:10px 5px;width:36px;height:36px;background-color:#000;border-radius:50%;position:relative}
#nwsocial img{position:absolute;left:50%;top:50%;margin:0!important;width:18px;transform:translate(-50%, -50%)}
#nwsocial img.instagram-icon{width:16px}
#nwfooter { padding-top: 50px; }
#nwfooter_legal span#cookiego { padding: 0; }

/* BackToTop Start */
#BackToTop { position: fixed; left: 20px; bottom: 20px; width: 35px; display: none; }
/* BackToTop End */

.swal-text{text-align:center!important}

/* CookiePopup Start */
#cookiego{cursor:pointer}
.cookiePopup{border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;-o-border-radius:0 !important}
.cookiePopup #cboxTopLeft,.cookiePopup #cboxTopCenter,.cookiePopup #cboxTopRight{display:none}
.cookiePopup #cboxBottomLeft,.cookiePopup #cboxBottomCenter,.cookiePopup #cboxBottomRight{display:none}
.cookiePopup #cboxMiddleLeft,.cookiePopup #cboxMiddleRight{display:none}
.cookiePopup #cboxLoadedContent{margin:0}
.cookiePopup #cboxContent{left:50%;transform:translate(-50%, 0)}
#cookiePopup{float:left;width:480px;max-width:100%;text-align:left;padding:20px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;/*min-height:280px*/}
#cookiePopup .cookie-detail-block{padding:0 20px}
#cookiePopup img{float:right;width:55%;max-width:100%;margin-top:20px}
#cookiePopup span{font-size:14pt;display:block;padding-top:20px}
#cookiePopup p.h1{font-size:18pt;float:none;width:auto;margin-top:5px}
#cookiePopup p{font-size:12pt;float:left;width:100%}
#cookiePopup .cookie-list-items{position:relative;float:left;width:100%}
#cookiePopup .cookie-list-items:before{position:absolute;content:"";top:0;left:0;right:0;width:100%;height:1px;background-color:#e1e1e1}
#cookiePopup .cookie-list-items ul{display:block;padding:0;margin:0;list-style-type:none;text-align:center}
#cookiePopup .cookie-list-items ul li{width:32%;padding:10px 0;margin:0;display:inline-block;border-right:1px solid #e1e1e1;text-align:center;color:#000000;cursor:pointer}
#cookiePopup .cookie-list-items ul li:last-child{border:none}
#cookiePopup .cookie-list-items .color-txt{color:#086634;font-weight:700}
#cookiePopup .cookie-list-items ul li a{text-decoration:none;color:#000000;text-align:center}
#cookiePopup .cookie-list-items ul li a:hover{color:#086634}
/* CookiePopup End */

/* analyticsPopup Start */
.analyticsPopup{border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;-o-border-radius:0 !important}
.analyticsPopup #cboxTopLeft,
.analyticsPopup #cboxTopCenter,
.analyticsPopup #cboxTopRight{display:none}
.analyticsPopup #cboxBottomLeft,
.analyticsPopup #cboxBottomCenter,
.analyticsPopup #cboxBottomRight{display:none}
.analyticsPopup #cboxMiddleLeft{display:none}
.analyticsPopup #cboxMiddleRight{display:none}
.analyticsPopup #cboxLoadedContent{margin:0}
.analyticsPopup #cboxContent{left:50%;transform:translate(-50%, 0)}
#analyticsPopup{float:left;width:480px;max-width:100%;text-align:center;padding:20px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
#analyticsPopup .analytics-detail-block{padding:0 70px;text-align:left}
#analyticsPopup img{width:60%;max-width:100%;display:inline-block}
#analyticsPopup span{font-size:14pt;display:block}
#analyticsPopup p.h1{font-size:20pt;float:none;width:auto;margin-top:5px;margin-bottom:0;text-transform:none;text-align:center}
#analyticsPopup .google-analytics a{display:inline-block;margin-right:10px}
#analyticsPopup .google-analytics a img{width:56px;margin-bottom:-8px}
#analyticsPopup .google-analytics a img.hide{display:none}
#analyticsPopup .google-analytics{font-size:14pt;color:#000000; margin: 20px 0; text-align: center;}
#analyticsPopup p{font-size:12pt;float:left;width:100%}
#analyticsPopup .analytics-list-items{position:relative;float:left;width:100%}
#analyticsPopup .analytics-list-items:before{position:absolute;content:"";top:0;left:0;right:0;width:100%;height:1px;background-color:#e1e1e1}
#analyticsPopup .analytics-list-items ul{display:block;padding:0;margin:0;list-style-type:none;text-align:center}
#analyticsPopup .analytics-list-items ul li{width:32%;padding:10px 0;margin:0;display:inline-block;border-right:1px solid #e1e1e1;text-align:center;color:#000000;cursor:pointer}
#analyticsPopup .analytics-list-items ul li:last-child{border:none}
#analyticsPopup .analytics-list-items .color-txt{color:#086634;font-weight:700}
#analyticsPopup .analytics-list-items ul li a{text-decoration:none;color:#000000;text-align:center}
#analyticsPopup .analytics-list-items ul li a:hover{color:#086634}
/* analyticsPopup End */

/* PLUG IN COLORBOX */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden; outline: none;}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
#cboxOverlay{background-color:#000000;filter:alpha(opacity=30);opacity:0.3}
#colorbox{border-radius:30px}
#cboxTopLeft{width:21px;height:21px;background:#fff}
#cboxTopRight{width:21px;height:21px;background:#fff}
#cboxBottomLeft{width:21px;height:21px;background:#fff}
#cboxBottomRight{width:21px;height:21px;background:#fff}
#cboxMiddleLeft{width:21px;background:#fff}
#cboxMiddleRight{width:21px;background:#fff}
#cboxTopCenter{height:21px;background:#fff}
#cboxBottomCenter{height:21px;background:#fff}
#cboxContent{background:#fff}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:5px;left:0;text-align:center;width:100%;color:#949494}
#cboxCurrent{position:absolute;bottom:-10px;left:58px;color:#949494}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:-15px;left:0px;background:url(../img/controls.png) no-repeat -75px 0px;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious.hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:-15px;left:27px;background:url(../img/controls.png) no-repeat -50px 0px;width:25px;height:25px;text-indent:-9999px}
#cboxNext.hover{background-position:-50px -25px}
#cboxLoadingOverlay{}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center}
#cboxClose{position:absolute;bottom:-5px;right:-25px;background:url(../img/pclose.png);width:26px;height:20px;text-indent:-9999px;opacity:0.5;background-repeat:no-repeat}
#cboxClose.hover{opacity:1}


/* Responsive Start */
@media screen and (min-width:1025px) and (max-width:1199px){

.welcome-section .welcomeBlock .welcomeImage,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { width: 400px; margin-right: 30px; }
.welcome-section .welcomeBlock .welcomeDetail,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail{ width:56%; }

}

@media screen and (min-width:855px) and (max-width:1024px){
    
.welcome-section{ margin-top:0; }
.welcome-section .welcomeBlock .welcomeImage,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { width: 350px; margin-right:30px; }
.welcome-section .welcomeBlock .welcomeDetail,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail{ width:52%; }
.welcome-section .welcomeBlock .blockTitle,
.newSizeGuidSection .newSizeGuidBlock .blockTitle { font-size: 28px; line-height: 35px; }
.welcome-section .welcomeBlock .subTitle,
.newSizeGuidSection .newSizeGuidBlock .subTitle { font-size: 22px; line-height: 30px; }
.welcome-section .welcomeBlock .welcomeDetail p,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail p { font-size: 14pt; padding: 0; }
#nwnews .nwnewsContent .nwnewsImage { width: 331px; }
    
}

@media screen and (min-width:480px) and (max-width:854px){

#nwmenu span { padding:0 10px!important; }
#nwlogo img { width:350px; }
.header .languagesFlag { top:-5px;right:20px; }
.welcome-section { margin-top:0; }
/* .welcome-section .welcomeBlock .welcomeDetail { width:56%; }
.welcome-section .welcomeBlock .welcomeImage { width:320px;height:auto;margin-left:30px; } */
.welcome-section .welcomeBlock .welcomeImage,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { width: 325px; margin-right:30px; }
.welcome-section .welcomeBlock .welcomeDetail,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail{ width:50%; }
.welcome-section .welcomeBlock .blockTitle,
.newSizeGuidSection .newSizeGuidBlock .blockTitle { font-size: 25px; line-height: 30px; }
.welcome-section .welcomeBlock .subTitle,
.newSizeGuidSection .newSizeGuidBlock .subTitle { font-size: 20px; line-height: 28px; }
.welcome-section .welcomeBlock .welcomeDetail p,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail p { font-size: 14pt; padding: 0; }
#nwnews .nwnewsContent .nwnewsImage { width: 331px; }
#nwnews .nwnewsContent .nwnewsDetail { width: 390px; }
	
/* Popup Start */
#cookiePopup{width:400px}
#analyticsPopup{width:400px}
/* Popup End */

}

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

.welcome-section .welcomeBlock { margin-bottom: -30px; }
.welcome-section .welcomeBlock .welcomeImage { width: 100%; margin: 0 0 30px; }
.welcome-section .welcomeBlock .welcomeDetail{ width:100%;  padding-left: 15px; padding-right: 15px; margin-bottom: 50px; }
#nwnews .nwnewsContent { box-shadow: none; }
#nwnews .nwnewsContent .nwnewsImage,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { width: 100%; }
#nwnews .nwnewsContent .nwnewsDetail,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail { width: 100%; }

}

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

body { overflow:hidden; }
.main { float: left; width: 100%; margin-top: 30px; margin-bottom: 40px; }
#nwfooter { padding-top: 30px; }
#contact { padding-bottom: 40px; }
.mobile{display:block}
.nwh2{line-height:50px}

/* header */
.customize-support{margin-top:-46px;padding-top:46px}
.header { float:left;width:100%; }
#nwnews .nwnewsContent .nwnewsDetail { border:0; }
#nwlogo { text-align:left;margin-top:10px!important; }
#nwlogo img { width:300px; }

#nwfooter_address { padding:0 25px 25px 25px; }
.header .languagesFlag { top:20px;right:auto;left:50%;transform:translate(-50%, 0); }
.mobileBurgerMenu.hidden { display:flex!important;position:absolute;right:25px;top:33px; }
.mobileBurgerMenu.open:before { right:0; }
.nwh2 { font-size:17pt!important; }
.subTitle { font-size: 15pt; }
.welcome-section .welcomeBlock .blockTitle,
.newSizeGuidSection .newSizeGuidBlock .blockTitle { font-size:17pt; }
.welcome-section { margin-top:-15px; }
.welcome-section .welcomeBlock .welcomeImage,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { width: 100%; }
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidImage { height: auto; padding-left: 15px; padding-right: 15px; }
.welcome-section .welcomeBlock .welcomeDetail,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail { width: 100%; margin-top:25px!important; margin-bottom: 50px; padding-left: 15px; padding-right: 15px; }
.welcome-section .welcomeBlock .subTitle,
.newSizeGuidSection .newSizeGuidBlock .subTitle { font-size:16pt; }
.welcome-section .welcomeBlock .welcomeDetail p,
.newSizeGuidSection .newSizeGuidBlock .newSizeGuidDetail p { font-size:14pt;padding:0; }
.welcome-section .welcomeBlock,
.newSizeGuidSection .newSizeGuidBlock { margin-bottom:-50px; }
#nwnews .nwnewsContent { box-shadow: none; }
#nwnews .nwnewsContent .nwnewsImage { width: 100%; }
#nwnews .nwnewsContent .nwnewsDetail { width: 100%; padding: 30px 0; }
    
/* navigation */
#nwmenu { position:fixed;right:-200%;top:0;bottom:0;width:100%;margin:0!important;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s; }
#nwmenu.open{right:0;z-index:500;padding:0}
#nwmenu.open:before { right:0; }
#nwmenu ul { height:100%;overflow:auto;margin-top:95px;padding:20px 0 50px;background:#fff; }
#nwmenu ul li { display:block;margin-bottom:25px;font-size:13pt; }
#nwmenu ul li:last-child { margin-bottom:0; }
#nwmenu ul li span { display:none; }
.sizeGuideTable .table { width: 400px; }
.confidentialityPg .confidentialite { padding-top: 30px; }
.confidentialityPg .title { font-size: 15pt !important; }
.cutomize-support{ margin-top: -46px;padding-top: 27px; }
.main{margin-top:-25px}

/* Popup Start */
.cookiePopup{width:100% !important}
.cookiePopup #cboxWrapper{width:100% !important}
.cookiePopup #cboxContent{float:none !important;width:300px !important;margin:0 auto;left:auto;transform:none}
.cookiePopup #cboxLoadedContent{width:300px !important}
#cookiePopup{width:100%;height:auto}
#cookiePopup img{width:100%}
#cookiePopup .cookie-list-items ul li{width:auto;padding:10px 5px;font-size:10pt}
.analyticsPopup{width:100% !important}
.analyticsPopup #cboxWrapper{width:100% !important}
.analyticsPopup #cboxContent{float:none !important;width:300px !important;margin:0 auto;left:auto;transform:none}
.analyticsPopup #cboxLoadedContent{width:300px !important}
#analyticsPopup{width:100%;height:auto}
#analyticsPopup img{width:100%}
#analyticsPopup .analytics-list-items ul li{font-size:10pt}
#analyticsPopup .analytics-detail-block{padding:0 20px}
#analyticsPopup p.h1{font-size:16pt}
#analyticsPopup span{font-size:12pt}
#analyticsPopup .google-analytics{font-size:14pt}
#newsform{height:auto;width:300px}
#newsform_intro{font-size:25px}
#newsform_intro img{width:25px}
/* Popup End */

}
/* Responsive End */