/* RESET BG */
body {margin:0; padding:0; color: #2f312c;}
ul, 
li {list-style: none; padding-left:0;}
/* /RESET BG */

.buy-amazon {
/*position: absolute;top:0;right:0;*/
    text-align: left;

}
.buy-amazon.add-top {
/*top:40px;*/
}
.buy-amazon a{

    text-decoration: none;
    color:#02186D;
    font-size: 13px;

}
.buy-amazon a span {
    margin-right:20px;

}
/* STRUCTURE */
#container {max-width: 2500px; min-width: 980px;}
#container,
#content {margin:0 auto;}
#main-header,
#main-footer {position: fixed; z-index: 201; padding:6px 10px 0; width:100%; max-width: 2500px; min-width: 980px; background: #7A0079;}
#main-header {top:0; height: 150px; background-color: #EFF0F1;}
#main-footer {height: 50px; bottom: 0; text-align: center;}

#logo img {
	margin: 0; 
	position: relative;
	top: 0;
	left: 0;
	height: 140px;
}

#logo {
	height: 100%;
	float: left;
}

.footer-triman {
	z-index: -10;
	background: url(images/triman-lineance-purple.png) no-repeat;
	background-size: auto 90%;
	background-position: 0% 0%;
	height: 100%;
	width: 100%;
	position: absolute;
}

#subnav {position: fixed; list-style: none; right: 20px; top: 190px}

#main-header nav {float: left; padding-top: 12px}
#main-footer nav {padding-top: 0; }
#main-header nav ul {margin:0}
#main-header nav li {display: block; float: left; height: 57px}
#main-header nav li a:hover {color: #d0b3c4}
#main-header nav li a {color: #7E1973; text-transform: uppercase; text-decoration: none; font-size: 14px; border-right: 1px solid #7E1973; padding:12px 10px 0; height: 43px; display: inline-block;}
#main-header nav li:last-child a {border:none;}

#main-footer li {display: inline;}
#main-footer a {color: #FFF; font-size: 14px; font-family: "Raleway", Arial, Tahoma, sans-serif; text-decoration: none;}

#subnav {position: fixed; list-style: none; right: 20px; top: 190px}


.subnav {position: absolute; left:-5000px; top: -5000px; padding-bottom: 10px; /*padding-left:304px;*/ background:#733057; opacity: 0; width: 100%;
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
    zoom:1;
	display: flex !important;
	width: max-content;
	padding: 1em;
 }

.item-pdt:hover .subnav {left:0; top:60px; opacity: .75;}
.subnav section {float: left; width: 250px; margin-right: 1em; font-weight: normal;}
.subnav section:last-child {margin-right: 0}

#main-header nav .subnav section li {padding-bottom: 4px; height: auto}
#main-header nav .subnav p {color: #f5f5f4; font-size: 1.357em; border-bottom: 2px solid #F5F5F4; padding:16px 0 6px 0; margin-bottom: 10px; text-transform: uppercase; font-family: Arial, helvetica, sans-serif}
#main-header nav .subnav a:hover {text-decoration: underline; color: #F5F5F4}
#main-header nav .subnav a {font-size:1.071em; text-decoration: none; line-height: 0; display: inline; color: #F5F5F4; border-right: none; text-transform: none; padding:0;}
#main-header nav .subnav section li p {padding: 3px 0 6px; border: none; margin:0; line-height: 1.1}
.subnav .gamme {background: #a74986; padding:3px 6px; margin: 8px 0; }

.item-astuces {position: relative;}
.item-astuces:hover .subnav {left:0; top:53px; opacity: .75}
.item-astuces .subnav {position: absolute; left:-5000px; top: -5000px; padding-bottom: 0; padding-left:0; background:#733057; opacity: 0; width: 172px;
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
 }
 #main-header nav .item-astuces .subnav a {border-top: 1px solid #9D6F8A; display: block; height: auto; line-height: 1; padding: 8px 10px 5px; width: 172px;}
 #main-header nav .item-astuces .subnav section li {float:none; height: auto; padding-bottom: 0}
 #main-header nav .item-astuces .subnav a:hover {text-decoration: none; background: #e299c4;}

.page-id-83 {
	margin-top: -5rem;
}

.textwidget {
	font-weight: bold;
}

/* /STRUCTURE */

.box-login-nav {
  float:left;
  padding-left: 25px;
}
.box-login {
  height: 50px;
  background: url(images/picto-user.png) 40px 0 no-repeat; padding-left: 83px; padding-top: 5px; visibility:hidden;}
.box-login li {display: inline-block; vertical-align: top; padding-right: 10px}
.box-login input {
  display: block;
  background: #f5f5f4;
  color: #bbbdbe;
  font-size: 14px;
  border: none; padding:3px; margin-bottom: 4px;
  -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.07);
  -o-box-shadow: inset 1px 1px 4px rgba(0,0,0,.07);
  -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.07);
  box-shadow: inset 1px 1px 4px rgba(0,0,0,.07);
}
.box-login button {background: #E5E5E5; color: #333; border: none; padding:3px; margin-top:-1px;}
.box-login a:hover {text-decoration: none}
.box-login a {color: #c6c7c8; font-size: 12.5px}
.box-login-nav p {color: #666660; font-size: 1.286em; padding:5px 0 5px 10px; font-family: "Raleway", Arial, Tahoma, sans-serif}
.box-login-nav p a {color: #641A45;}

.box-club {height:209px; width:191px; padding-top: 10px; background: url(images/blason-club.png) no-repeat; position: absolute; z-index: 202; right:74px; top:58px;}
.box-club a {text-align: center; line-height: 1.2; font-family: 'Libre Baskerville', serif; display: block; text-decoration: none;}
.box-club h1 {font-size:2.571em; color: #f4f3f1; text-transform: uppercase; line-height: 1}
.box-club h1 strong {font-size:1.556em; font-weight: normal; text-transform: uppercase; color: #dbd8a7}
.box-club h2 {font-size:1.214em; padding:0 20px; color: #f4f3f1; line-height: 1.2}


@font-face {
	font-family: "Gotham Book";
	src: url("font-face/gotham-cufonfonts-webfont/GothamBook.woff") format("woff");
}

.home-container {
	padding-top: 150px;
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.home-left {
	height: 100%;
	width: 50%;
	background-repeat: no-repeat;
}

.home-right {
	height: 100%;
	width: 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.home-txt {
	width: 270px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;	
	color: #000;
}

.home-h1 {
	margin-top: 1rem;
	font-size: 6rem;
	line-height: 5.7rem !important;
	width: max-content;
	z-index: 1;
	font-family: "Gotham Book", Arial;
}

.home-COLOR {
	font-weight: bold;
}

.home-surligne {
	margin-top: 1rem;
	background: #6E008D;
	padding: 0.1rem 2rem;
	font-weight: bold;
	color: #FFF;
	font-size: 2rem;
	letter-spacing: 1px;
	width: max-content;
	z-index: 1;
}

.home-mon-secret {
	margin-top: 5rem;
	width: 22rem;
}

.home-txt-desc {
	margin-top: 0;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 1px;
	line-height: 2.8rem;
}

.home-txt-encart {
	font-size: 2rem;
	margin-top: 2rem;
	font-style: italic;
	font-weight: light;
}

.home-txt-bas {
	margin-top: 5rem;
	color: #6E008D;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 2.6rem;
	font-style: italic;
}

/*AJUSTEMENT PRODUIT PAR PRODUIT */

#hp13 .home-left {
	background-image: url(images/hp13.jpg);	
	background-position: 100% 100%;
	background-size: auto 100%;
}
#hp13 .home-right {
	background-image: url(images/biphase_micellaire.jpg);
	background-position: -30% 130%;
	background-size: 130%;
}
#hp13 .home-txt-bas {
	margin-top: 2rem
}


#hp12 .home-left {
	background-image: url(images/hp12.jpg);
	background-position: 52% 15%;
	background-size: 170%;
}
#hp12 .home-right {
	background-image: url(images/lait-demaq-integral.jpg);
	background-position: 100% 50%;
	background-size: 70%;
}
#hp12 .home-txt {
	width: 290px;
}
#hp12 .home-h1 {
	letter-spacing: 2px;
	font-weight: normal;
}
#hp12 .home-h1-span {
	font-size: 10rem;
	font-weight: 100;
}
#hp12 .home-COLOR {
	color: #DF0066;
}
#hp12 .home-surligne {
	background-color: #DF0066;
}
#hp12 .home-txt-bas {
	color: #DF0066;
}


#hp11 .home-left {
	width: 40%;
	background-image: url(images/hp11.jpg);
	transform: scaleX(-1);
	background-position: 30% 120%;
	background-size: 150%;
}
#hp11 .home-right {
	width: 60%;
	background-image: url(images/hp-pdt-11.png);
	background-position: 80% 60%;
	background-size: 35%;
}
#hp11 .home-txt {
	width: 40rem;
	background-position: 90% 70%;
	background-size: 40%;
}
#hp11 .home-h1 {
	line-height: 1;
}
#hp11 .home-COLOR {
	color: #E85313;
}
#hp11 .home-surligne {
	background-color:#E85313;
}
#hp11 .home-txt-bas {
	color: #E85313;
}



#hp10 .home-left {
	background-image: url(images/hp10.jpg);
	background-position: 80% 105%;
	background-size: 120%;
}
#hp10 .home-right {
	/*background-image: url(images/pdt-masque-anti-ride-1.jpg);*/
	background-image: url(images/pdt-mas-anti-rides-1.jpg);
	background-position: 105% 82%;
	background-size: 75%;
}
#hp10 .home-h1 {
	width: max-content;
}
#hp10 .home-COLOR {
	color: rgb(214,0,110);
}
#hp10 .home-surligne {
	display: inline-block;
	background-color: rgb(214,0,110);
	width: max-content;
}
#hp10 .home-txt-bas {
	color: rgb(214,0,110);
}


#hp09 .home-left {
	background-image: url(images/eau-demaq-home.jpg);
	background-position: 70% 70%;
	background-size: 110%;
}
#hp09 .home-right {
	background-image: url(images/pdt-eau-demaq.jpg);
	background-position: 120% 70%;
	background-size: 80%;
}
#hp09 .home-h1-span {
	font-size: 11rem;
}
#hp09 .home-h1 {
	line-height: 5rem;
}
#hp09 .home-surligne {
	background-color: #37A6E6;
}
#hp09 .home-txt-bas {
	color: #37A6E6;
}
#hp09 em {
	font-style: normal;
	font-size: 8rem;
}


#hp08 .home-left {
	background-image: url(images/hp08.jpg);
	background-position: 60% 100%;
	background-size: 120%;
}
#hp08 .home-right {
	background-image: url(images/pdt-eau-micellaire.jpg);
	background-position: 110% 55%;
	background-size: 80%;
}
#hp08 .home-txt {
	width: 35rem;
}
#hp08 .home-h1-span {
	font-size: 11rem;
}
#hp08 .home-h1 {
	line-height: 5rem;
}
#hp08 .home-surligne {
	background-color: #00702C;
}
#hp08 .home-txt-bas {
	color: #00702C;
}
#hp08 em {
	font-style: normal;
	font-size: 8rem;
}


#hp07 .home-left {
	background-image: url(images/hp07.jpg);
	background-position: 70% 110%;
	background-size: 130%;
}
#hp07 .home-right {
	background-image: url(images/pdt-lingette-double.jpg);
	background-position: 130% 180%;
	background-size: 75%;
}
#hp07 {
	margin-bottom: 50px;
}
#hp07 .home-txt {
	width: 70rem;
	margin-left: -25rem;
}
#hp07 .home-h1-span {
	font-size: 6rem;
}
#hp07 .home-h1 {
	line-height: 5rem;
}
#hp07 .home-surligne {
	background-color: #44BB1D;
}
#hp07 .home-txt-bas {
	color: #44BB1D;
}


	







#logo-fb-insta-loc {
	position: absolute;
	top: 10px;
	right: 50px;
	width: auto;
	height: 117px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

#logo-fb-insta-loc img {
	height: 100%;
}

.store-locator {
	height: 4em;
	margin-right: 2.3em;
	margin-bottom: -0.25em;
}

.fb-logo-link {
	height: 2.65em;
	margin-bottom: 0.55rem;
}

.insta-logo-link {
	height: 2.40em;
	margin-bottom: 0.8rem;
}

#nav {
	position: absolute;
	top: 70px;
	left: 300px;
}

@media (max-width: 768px) {
    .fb-logo-link, .insta-logo-link, .store-locator{
        display: none;
    }
}

@media (max-width: 1375px) {
	#nav {
		top: 35px;
		left: 200px;
	}
	
	#main-header {
		height: 100px;
	}

	#logo img {
		height: 90px;
		top: 0px;
	}

	#logo-fb-insta-loc {
		top: 10px;
		right: 50px;
		height: 80px;
	}

	.store-locator {
		height: 3.5em;
		margin-right: 3em;
		margin-bottom: -0.5em;
	}

	.fb-logo-link {
		height: 2.5em;
		margin-bottom: 0em;
	}

	.insta-logo-link {
		height: 2.5em;
		margin-bottom: 0em;
	}

	.box-login {
		height: 0px;
	}

	.item-pdt:hover .subnav {
		margin: -80px;
	}
}


/*																		CLASSE PRODUIT - PAGE PRODUIT																		*/


.pdt {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	width: 100%;
        min-height: 100vh;
	/*height: 100vh;
	min-height: max-content;*/
	padding: 150px 0 50px 0;
	display: flex;	
}
.pdt p {
	margin-top: 0;
}
.pdt-img {
	width: 40%;
	height: auto;
	background-size: 90%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.pdt-txt {
	min-width: 600px;
	width: 45%;
	min-height: 100%;	
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;		
}
.pdt-haut {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pdt-zone-titre>h1, .pdt-zone-titre>p {
	margin-bottom: 0.8rem;
	letter-spacing: 1px;
}
.pdt-titre {
	font-size: 5rem;
}
.pdt-surligne {
	width: max-content;
	background-color: #8A0089;
	padding: 0.2rem 2rem 0.2rem 2rem;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
}
.pdt-zone-corps {
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem !important;
}
.pdt-amazon {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	min-width: 21.5rem;
}
.pdt-accroche {
	color: #710075;
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.pdt-accroche-txt {
	letter-spacing: 1px;
	margin-bottom: 1rem;
}
.pdt-accroche-plus {
	font-weight: 700;
	color: black;
	color: #710075;
}
.pdt-desc {
	display: flex;
	flex-wrap: wrap;
}
.pdt h2:not(.pdt-accroche) {
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #710075;
}
.pdt-part-plus{
	font-size: 1.2rem;
	font-style: italic;
}
.pdt ul {
	margin-top: 1rem;
	letter-spacing: 1px;
}
.pdt-part p:not(.pdt-part-plus) {
	margin-top: 1rem;
	letter-spacing: 1px;
}
.pdt ul>li::before {
	content: "\2022";  
	color: black; 
	font-weight: bold; 
	display: inline-block; 
	width: 1em;
	font-size: 2rem;
	line-height: 1.5rem;
	margin-left: -1rem;
}
.pdt .pdt-masq-list>li::before {
	content: "\25b6";  
	color: black; 
	font-weight: bold; 
	display: inline-block; 
	width: 1.5rem;
	font-size: 1.2rem;
	margin-left: -1.5rem;
}
.pdt .pdt-masq-list>li>ul>li::before{
	content: "\200C";
	padding-left: 3rem;
}
.pdt mark {
	background: none;
	font-weight: bold;
}
.pdt-bas {
	display: flex;
	text-align: center;
	margin-top: 2rem;
}
.pdt-bas>div {
	width: 50%;
}
.pdt-mon-secret {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_violet.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
	height: 8rem;
	width: 100%;
}
.pdt-mon-secret-img+p {
	font-weight: bold;
	font-size: 2rem;
	margin: -1rem 0 0 0;
}
.pdt-info {
	width: auto;
	margin: auto ;
	border: 2px solid;
	padding: 1rem;
}
.pdt-bas-droite>.pdt-info {
	width: 100%;
}
.pdt a {
	color: #B0B0B3;
}
.pdt li {
	margin-top: 0.5rem;
	margin-left: 1rem;
}
.pdt .pdt-masq-list>li {
	margin-left: 1.5rem;
}
.pdt .pdt-masq-list>li>ul>li {
	margin-top: 0;
}
.pdt .pdt-masq-list>li>ul {
	margin-bottom: 0;
}
.pdt strong {
	font-weight: bold;
}
.pdt-petites-lignes {
	font-size: 1.2rem;
	letter-spacing: normal;
}
.pdt-bas-droite {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.pdt-masqu-utilisation {
	margin-top: -7rem;
	width: 50%;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.pdt-masqu {
	width: 50%;
}
.pdt-masqu-utilisation-info {
	margin: 0;	
	letter-spacing: normal !important;
}
.pdt-fr-flex {
	display: flex;
	align-items: center;
}
.pdt-drapeau {
	height: 2rem;
}
.pdt-fr {
	white-space: nowrap;
	margin: 0 1rem;
}
.pdt-utilisation {
  width: 40rem;
  padding-right: 1.5rem;  
}

.pdt-img-utilisation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pdt-img-utilisation p {
  background: no-repeat;
  background-size: contain;
  width: 12rem;
  height: 12rem;
  cursor: pointer;
}

.pdt-info-utilisation {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.pdt-info-utilisation .txt {
  padding: 1rem;
  background: #EEEFF1;
  margin-bottom: 5rem;
}



/* 																			PRODUIT PAR PRODUIT	- PAGE PRODUIT												 			*/


#pdt-eau-bio {
	display: flex;
	align-items: center;
	margin: 2rem 0;
}
#pdt-eau-bio-img {
	background-image: url(images/logos-eau-micellaire-new.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
	height: 5rem;
	width: 30rem;
}
#pdt-01 .pdt-img {
	background-image: url(images/pdt-eau-micellaire.jpg);
}
#pdt-01 h1 {
	color: #00702C;
}
#pdt-01 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_vertfoncé.png);
}
#pdt-01 ul>li::before {
	color: #00702C;
}
#pdt-01 .pdt-info {
	border-color: #00702C;
}


#pdt-bi-phase {
	display: flex;
	align-items: flex-end;
	color: black;
	margin-top: 1rem;
}
#pdt-bi-phase-chiffre {
	font-size: 5rem;
	line-height: 0.65;
}
#pdt-bi-phase-chiffre span {
	font-size: 2.7rem !important;
}
#pdt-bi-phase-txt {
	font-weight: bold;
	margin-left: .5rem;
	width: 160px;
	border-bottom: black 2px solid
}
#pdt-02 .pdt-img {
	background-image: url(images/pdt-demaq-biphase.jpg);
}
#pdt-02 h1 {
	font-weight: bold;
}
#pdt-02 .pdt-info {
	border-color: #8A0089;
}
#pdt-02 mark {
	color: #8A0089;
}
#pdt-02 ul>li::before {
	color: #8A0089;
}
#pdt-02 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_violet.png);
}
#pdt-02 li {
	margin-top: 0 !important;
}
#pdt-02 .pdt-accroche {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
}
#pdt-02 h2:not(.pdt-accroche) {
	font-weight: bold;
	margin-top: 2rem;
}
#pdt-02 .pdt-bas {
	margin-top: 0 !important;
}


#pdt-03 h1 {
	color: #00BFEA;
}
#pdt-03 ul>li::before {
	color: #00BFEA;
}
#pdt-03 .pdt-img {
	background-image: url(images/pdt-eau-demaq.jpg);
}
#pdt-03 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_bleu.png);
}
#pdt-03 .pdt-info {
	border-color: #00BFEA;
}
#pdt-03 h2:not(.pdt-accroche) {
	margin-top: 2rem;
}


#pdt-04 .pdt-img {
	background-image: url(images/lait-demaq-integral.jpg);
}
#pdt-04 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_rose.png);
}
#pdt-04 .pdt-info {
	border-color: #DF0066;
}
#pdt-04 h1 {
	color: #DF0066;
}
#pdt-04 ul>li::before {
	color: #DF0066;
}
#pdt-04 h2:not(.pdt-accroche) {
	margin-top: 2rem;
}


#pdt-05 .pdt-img {
	background-image: url(images/pdt-lingette-double.jpg);
	background-position: 50% 30%;
}
#pdt-05 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_vertclair.png);
}
#pdt-05 .pdt-info {
	border-color: #44BB1D;
}
#pdt-05 h1 {
	color: #44BB1D;
}
#pdt-05 ul>li::before {
	color: #44BB1D;
}
#pdt-05 h2:not(.pdt-accroche) {
	margin-top: 2rem;
}
#pdt-05 mark {
	color: #44BB1D;
}


#pdt-06 .pdt-img {
	background-image: url(images/gamme-micellaire-2019.jpg);
	background-position: 40% 60%;
	background-size: 110%;
	width: 50%;
}
#pdt-06 mark {
	color: #7bb41e;
}
#pdt-06 h1 {
	color: #6b2074;
	font-weight: bold;
}
#pdt-06 .pdt-accroche {
	color: #6b2074;
	font-weight: normal;
}
#pdt-06 ul>li::before {
	color: #7bb41e;
}


#pdt-07 .pdt-img {
	background-image: url(images/BG_Gommage_delice.jpg);
	background-size: 100%;
}
#pdt-07 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_rose.png);
}
#pdt-07 .pdt-info {
	border-color: #B0003B;
}
#pdt-07 h1 {
	font-size: 4.5rem;
	color: #B0003B;
}
#pdt-07 ul>li::before {
	color: #B0003B;
}
#pdt-07 h2:not(.pdt-accroche) {
	margin-top: 2rem;
}


#pdt-08 li {
	letter-spacing: normal;
}
#pdt-08 .pdt-img {
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
#pdt-08 .pdt-fr-flex {
	margin: 0 0 0 -2rem;
	z-index: 1;
}
#pdt-masq-anti-rides {
	width: 40vw;
}
#pdt-08 .pdt-mon-secret-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/monsecret_rose.png);
}
#pdt-08 .pdt-info {
	border-color: #DF0066;
}
#pdt-08 h1 {
	font-size: 4rem;
	color: #710075;
}
#pdt-08 .pdt-accroche {
	color: #DF0066;
	font-weight: normal;
}
#pdt-08 ul>li::before {
	color: #DF0066;
}
#pdt-08 p, #pdt-08 li, #pdt-08 div {
	font-size: 1.3rem;
}
#pdt-08 mark {
	color: #DF0066;
}
#pdt-08 strong {
	color: #710075;
}
#pdt-08 .pdt-fr {
	color: #710075;
	font-size: 2.5rem;
	font-weight: bold;
}
#pdt-08 .pdt-masq-list>li::before {
	color: #710075;
}
#pdt-08 .pdt-mon-secret-img+p {
	font-size: 2rem;
}
#pdt-08 .rose::before {
	color: #DF0066 !important;
}
#pdt-08 .pdt-bas {
	margin-top: 0;
}
#pdt-08 h2:not(.pdt-accroche) {
	text-transform: none;
	font-weight: bold;
	color: #41443E;
	margin-top: 2rem;	
}
#pdt-08 .pdt-utilisation {
	margin: 2rem 2rem 0 0;
}
#img1 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-violet-1.png);
	background-position-y: 8%; 
}
#img2 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-violet-2.png);
}
#img3 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-violet-3.png);
	background-position-y: 12%; 
}



#pdt-09 .pdt-titre {
	font-size: 3.8rem;
	color: #FF5200 !important;
}
#pdt-09 .pdt-accroche {
	font-size: 2rem;
	color: #FF5200;
	font-weight: normal;
}
#pdt-09 .pdt-zone-corps {
	text-transform: none;
	font-size: 1.5rem;
}
#pdt-09 li {
	letter-spacing: normal;
}
#pdt-09 .pdt-img {
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}
#pdt-09 .pdt-fr-flex {
	margin: 0 0 0 -2rem;
	z-index: 1;
}
#pdt-masq-anti-rides {
	width: 40vw;
}
#pdt-09 .pdt-info {
	border-color: #FF5200;
	margin-right: 50%;
}
#pdt-09 ul>li::before {
	color: #FF5200;
}
#pdt-09 p, #pdt-08 li, #pdt-08 div {
	font-size: 1.3rem;
}
#pdt-09 mark {
	color: #FF5200;
}
#pdt-09 .pdt-fr {
	color: #710075;
	font-size: 2.5rem;
	font-weight: bold;
}
#pdt-09 .pdt-masq-list>li::before {
	color: #FF5200;
}
#pdt-09 .pdt-mon-secret-img+p {
	font-size: 2rem;
}
#pdt-09 .pdt-bas {
	justify-content: flex-start;
}
#pdt-09 h2:not(.pdt-accroche) {
	text-transform: none;
	font-weight: bold;
	margin-top: 2rem;
	color: #41443E;	
}
#pdt-09 li>span {
	display: inline-block;
	width: 40%;
}
#pdt-09 .pdt-info strong, #pdt-09 .pdt-masqu-utilisation strong {
	color: #710075;
}
#img4 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-orange-1.png);
}
#img5 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-orange-2.png);
	background-position-y: 8%
}
#img6 {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/pictos-orange-3.png);
	background-position-y: 30%

}



#pdt-10 .pdt-img {
	background-image: url(https://www.barbaragould.fr/wp-content/themes/bg/images/eau-micellaire-integ.jpg);
	background-size: 40%;
}
#pdt-10 .pdt-info {
	border-color: #DF0066;
	margin-right: 50%;
}
#pdt-10 .pdt-info strong {
	color: #710075;
}
#pdt-10 h1 {
	color: #DF0066;
}
#pdt-10 ul>li::before {
	color: #DF0066;
}
#pdt-10 h2:not(.pdt-accroche) {
	margin-top: 2rem;
	color: #DF0066;
}
#pdt-10 .pdt-zone-corps {
	font-size: 2.5rem;
	color: #DF0066;
	font-weight: normal;
}








.fb-share {background: url(images/fb-share.png) 0 0 no-repeat; padding: 2px 0 6px 30px; color: #2f312c; display: inline-block; float: right}

.error {color: rgb(255, 31, 0);}
.content-home,
.content-pdt {clear: both;}

.ie9 #hp01 {
  background-image:url(images/hp01.jpg), url(images/hp01-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

.ie9 #hp02 {
  background-image:url(images/hp02.jpg), url(images/hp02-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

.ie9 #hp03 {
  background-image:url(images/hp03.jpg), url(images/hp03-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

.ie9 #hp04 {
  background-image:url(images/hp04.jpg), url(images/hp04-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

.ie9 #hp05 {
  background-image:url(images/hp05.jpg), url(images/hp05-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

.ie9 #hp06 {
    background-image:url(images/hp06.jpg), url(images/hp06-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}
.ie9 #hp07 {
    background-image:url(images/hp07.jpg), url(images/hp07-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}
.ie9 #hp07 {
    background-image:url(images/hp08.jpg), url(images/hp08-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}
.ie9 #hp10 {
    background-image:url(images/hp08.jpg), url(images/hp08-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

.ie9 #hp11 {
    background-image:url(images/hp08.jpg), url(images/hp08-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

.ie9 #hp12 {
    background-image:url(images/hp08.jpg), url(images/hp08-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

.box-home {position: absolute; color: #6d2750;}
.box-home p {font-size: 1.429em; margin:0; font-family: 'Libre Baskerville', serif; }
.box-home h1 {font-size: 2.143em; margin-top: 20px; font-family: "Raleway", Arial, Tahoma, sans-serif}

.home .box-content {width:auto !important;}
#hp01 .box-home {width:53%; right:12%; top:40%;}
#hp02 .box-home {width:53%; right:12%; top:44%;}
#hp03 .box-home {width:53%; right:12%; top:44%;}
#hp04 .box-home {width:53%; right:12%; top:40%;}
#hp05 .box-home {width:53%; right:12%; top:40%;}
#hp06 .box-home {width:53%; right:12%; top:40%;}
#hp07 .box-home {width:53%; right:14%; top:40%;}
#hp08 .box-home {width:35%; right: 27%; top:40%;}
#hp08 .box-home p{width: 80%;font-size: 1.35em;}
#hp08 .box-home h1{font-weight: bold;}

#hp09 .box-home {width:35%; right: 27%; top:40%;}
#hp09 .box-home p{width: 80%;font-size: 1.35em;}
#hp09 .box-home h1{font-weight: bold;}


#hp10 .box-home {width: 38%;  right: 32%;  top: 40%;}
#hp10 .box-home p{width: 80%;font-size: 1.35em;}
#hp10 .box-home h1{font-weight: bold;}


#hp11 .box-home {width: 38%;  right: 32%;  top: 40%;}
#hp11 .box-home p{width: 80%;font-size: 1.35em;}
#hp11 .box-home h1{font-weight: bold;}


#hp08 .box-home .signature {padding-right: 150px;
    float: right;
    width: 300px;
    margin-top: 20px;}

#hp01 .deco {background: url(images/deco-hp01b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp01 .box-content {position: absolute; top:35%; right:4%; z-index: 200;}

#hp02 .deco {background: url(images/deco-hp02b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp02 .box-content {position: absolute; top:33%; right:10%; z-index: 200; }

#hp03 .deco {opacity:0.6; background: url(images/deco-hp03b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp03 .box-content {position: absolute; top:33%; right:10%; z-index: 200; }

#hp04 .deco { opacity:0.9; background: url(images/deco-hp04b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp04 .box-content {position: absolute; top:33%; right:16%; z-index: 200; }

#hp05 .deco { background: url(images/deco-hp05b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp05 .box-content {position: absolute; top:41%; right:8%; z-index: 200; text-align: right}

#hp06 .deco { background: url(images/deco-hp06b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp06 .box-content {position: absolute; top:41%; right:8%; z-index: 200; text-align: right}

#hp07 .deco { background: url(images/deco-hp07b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp07 .box-content {position: absolute; top:35%; right:4%; z-index: 200; text-align: right}



#hp08 .deco { background: url(images/deco-hp08b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp08 .box-content {position: absolute; top: 33%;
    right: 9%; z-index: 200; text-align: right}
#hp08 .box-content img {
    display: block;
    margin: 0 auto;

}
#hp08 .box-content .product {
    max-width: 250px;
}
#hp08 .box-content .video {
    margin-left: 8px;
}

.screen {height: 642px; max-height:1200px; position: relative; background-size:auto 100%; background-position: 0 -13px; background-repeat: no-repeat;}


#hp09 .deco { background: url(images/deco-hp09b.png) no-repeat 50% 0 fixed; position: absolute; width: 750px; z-index: 199; background-size: auto 90%}
#hp09 .box-content {position: absolute; top: 27%;right: 9%; z-index: 200; text-align: right}
#hp09 .box-content img {
    display: block;
    margin: 0 auto;

}
#hp09 .box-content .product {
    max-width: 250px;
}
#hp09 .box-content .video {
    margin-left: 8px;
}

#hp10 .box-content {position: absolute; top:23%; right:6%; z-index: 200; text-align: right}
#hp11 .box-content {position: absolute; top:23%; right:6%; z-index: 200; text-align: right}

/* PRODUITS */

#pdt01 {
  background-image:url(images/pdt-demaq.jpg);
	background-color: white;
}

.ie9 #pdt01 {
  background-image:url(images/pdt-demaq.jpg), url(images/pdt-demaq-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt02 {
  background-image:url(images/pdt-eau-demaq.jpg);
  background-position: 0 50%;
	background-color: white !important;
	background-size: 40% !important;
}

.ie9 #pdt02 {
  background-image:url(images/pdt-eau-demaq.jpg), url(images/pdt-eau-demaq-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt03 {
  background-image:url(images/pdt-gamme-micellaire.jpg);
  background-size: auto 92%, auto 100%;
  background-position: 0 55px, 0 -20px;
	background-color: white;
}

.ie9 #pdt03 {
  background-image:url(images/pdt-gamme-micellaire.jpg), url(images/pdt-gamme-micellaire-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt04 {
  background-image:url(images/pdt-eau-micellaire.jpg);
  background-color: white;
  background-position: 0 50%;
  background-color: white;
  background-size: 40%
}

.ie9 #pdt04 {
  background-image:url(images/pdt-eau-micellaire.jpg), url(images/pdt-eau-micellaire-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt05 {
  background-image:url(images/pdt-gelee-micellaire.jpg);
     background-size: auto 92%, auto 100%;
  background-position: 0 50%, 0 -20px;
	background-color: white;
}

.ie9 #pdt05 {
  background-image:url(images/pdt-gelee-micellaire.jpg), url(images/pdt-gelee-micellaire-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt06 {
  background-image:url(images/pdt-lingette-micellaire.jpg);
	background-color: white;
	background-size: 40%;
	background-position: -1% 50%;
}

.ie9 #pdt06 {
  background-image:url(images/pdt-lingette-micellaire.jpg), url(images/pdt-lingette-micellaire-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt08 {
  background-image:url(images/pdt-gommage.jpg);
	background-color: white;
}

.ie9 #pdt08 {
  background-image:url(images/pdt-gommage.jpg), url(images/pdt-gommage-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt14 {
  background-image:url(images/pdt-demaq-biphase.jpg);
  background-color: white;
  background-position: 0 50% !important;
	background-size: 40% !important;
}

.ie9 #pdt14 {
  background-image:url(images/pdt-demaq-biphase.jpg), url(images/pdt-demaq-biphase-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#pdt18 {
    background-image:url(images/pdt-masque-anti-ride-1.jpg);
	background-color: white;
	background-position: -7% 50%;
    background-size: 40%;
}

.ie9 #pdt18 {
    background-image:url(images/pdt-masque-anti-ride-1.jpg), url(images/pdt-masque-anti-ride-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

#pdt19 {
    background-image:url(images/pdt-gel-exfoliant-micellaire.jpg);
	background-color: white;
}

.ie9 #pdt19 {
    background-image:url(images/pdt-gel-exfoliant-micellaire.jpg), url(images/pdt-gel-exfoliant-micellaire-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}


#pdt20 {
    background-image:url(images/pdt-masque-anti-ride-sos-eclat.jpg);
	background-color: white;
	background-size: 25%;
	background-position: 6% 50%;
}

.ie9 #pdt20 {
    background-image:url(images/pdt-masque-anti-ride-sos-eclat.jpg), url(images/pdt-masque-anti-ride-sos-eclat-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

#pdt21 {
    background-image:url(images/pdt-eau-micelaire-integrale.jpg);
	background-color: white;
}

.ie9 #pdt21 {
    background-image:url(images/pdt-eau-micelaire-integrale.jpg), url(images/pdt-masque-anti-ride-sos-eclat-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

#pdt22 {
    background-image:url(images/pdt-gamme-masque.jpg);
    background-size: auto 92%, auto 100%;
    background-position: 0 55px, 0 -20px;
	background-color: white;
}

.ie9 #pdt22{
    background-image:url(images/pdt-gamme-masque.jpg), url(images/pdt-gamme-micellaire-ie.jpg);
    background-repeat:no-repeat, repeat-x;
    behavior:none;
}

.box-content {position: absolute; z-index: 200; width:56%; right:6%; top:30%;}

.box-content h1 {font-size: 3.6em; font-family: "Raleway", Arial, Tahoma, sans-serif; margin-bottom: 16px; text-align: left}
.box-content h2 {font-size: 2.143em; font-family: "Raleway", Arial, Tahoma, sans-serif; color: #641a45}
.box-content h3 span {text-transform: none}
.box-content h3 {font-size: 1.286em; text-transform: uppercase; color: #641a45}
.box-content h3.avant-liste {padding-top: 20px; }
.box-content ul {margin-bottom: 22px}
.box-content ul.liste-avec-titre {margin-top: 10px}
.box-content li {font-size:1.1em; }
.box-content li h3 {font-size:1em; }
.box-content p {font-size:1.1em; margin-top:10px; margin-bottom: 20px;}
.box-content p.no-margin {margin:5px 0;}
.box-content p b {font-weight: normal;}
.box-content p strong,
.box-content li strong {color:#550b4d}
.box-content small {font-size:1em;}
.box-content .lien-avis {clear:both; float: right; color: #460a2d; font-size: 1.2em; font-family: "Raleway", Arial, Tahoma, sans-serif; display: block; padding-top: 10px }
.box-content li strong {text-transform: uppercase;}
.box-content aside {border:1px solid #7fb401; padding: 4px 6px; float:left;}
.box-content aside p {margin:0;}
.box-content .txt-nouveau {color: #641a45; font-family: "Raleway", Arial, Tahoma, sans-serif; font-size: 2.4em; text-transform: uppercase; font-weight: bold; margin:0;}
.box-content .txt-encart {background: #7fb401; margin-top:0; text-transform: uppercase; padding:1px 4px; display: inline-block; font-size: 1.428em; color: #FFF}

.box-translation {overflow: hidden}
.box-translation-content {width:200%; text-align: left}
.box-content .intro {float: left; width:49%; margin-right: 1%; padding-left: 1px}
.box-content .intro small {float:left; clear:both; font-size: 0.786em; padding-top: 10px}
.box-content .temoignage {width:50%; float: left;}
.box-content .temoignage li {margin-bottom: 10px; padding-bottom: 10px; }
.box-content .content-temoignage {overflow: auto; height: 300px; min-height:260px;}
.box-content .temoignage .lien-avis {margin-top:10px; padding-top:20px;}
.box-content .temoignage li p {margin: 0 0 4px 0}
.box-content .temoignage li p span {font-size: .8em}
.box-content .temoignage p span,
.box-content .temoignage p a {color:#460A2D; font-family: "Raleway", Arial, Tahoma, sans-serif; }
.box-content .temoignage small {font-size: .8em}

#pdt01 .box-content h1,
#pdt01 .content-temoignage li p strong {color: #D52672}
#pdt01 .box-content .liste-avec-titre li {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 15px}
#pdt01 .box-content aside {border:1px solid #D52672;}
#pdt01 .box-content .temoignage li {border-bottom: 1px solid #ffece4}

#pdt02 .box-content h1,
#pdt02 .content-temoignage li p strong {color: #00c5e6}
#pdt02 .box-content .liste-avec-titre li {background: url(images/puce-ciel.png) no-repeat 0 7px; padding-left: 15px}
#pdt02 .box-content aside {border:1px solid #00c5e6;}
#pdt02 .box-content .temoignage li {border-bottom: 1px solid #e7fafd}

#pdt03 .box-content h1 {color: #641a45}
#pdt03 li {text-transform: uppercase;}
#pdt03 li strong,
#pdt03 .box-content h1 strong {color:#7fb401}
#pdt03 .box-content .liste-avec-titre {padding-top: 20px}
#pdt03 .box-content .liste-avec-titre li {background: url(images/puce-verte.png) no-repeat 0 7px; padding-left: 25px; margin-bottom: 10px}
#pdt03 .box-content {width:46%; right:3%; top:36%;}



#pdt04 .box-content h1,
#pdt04 .content-temoignage li p strong {color: #7fb401}
#pdt04 .box-content .temoignage li {border-bottom: 1px solid #f1fed2}
#pdt04 .box-content .liste-avec-titre li {background: url(images/puce-verte.png) no-repeat 0 7px; padding-left: 15px}
#pdt04 aside {float: none}
#pdt04 .clear {float: left;}



#pdt05 .box-content h1 {margin:-5px 0 0 0;}
#pdt05 .box-content h1,
#pdt05 .content-temoignage li p strong {color: #7fb401}
#pdt05 .box-content .liste-avec-titre li {background: url(images/puce-verte.png) no-repeat 0 7px; padding-left: 15px}
#pdt05 .box-content aside {border:1px solid #7fb401;}
#pdt05 .box-content .temoignage li {border-bottom: 1px solid #f1fed2}
#pdt05 .box-content {width:56%; right:6%; top:26%;}

#pdt06 .box-content h1,
#pdt06 .content-temoignage li p strong {color: #7fb401}
#pdt06 strong {font-weight: bold; color: #7fb401}
#pdt06 aside strong {color: #550b4d}
#pdt06 .box-content .temoignage li {border-bottom: 1px solid #f1fed2}
#pdt06 .box-content .liste-avec-titre li {background: url(images/puce-verte.png) no-repeat 0 7px; padding-left: 15px}
#pdt06 .liste-avec-titre + h3 {margin-top:-15px; margin-bottom: 10px}

#pdt07 .box-content h1,
#pdt07 .content-temoignage li p strong {color: #d05c94}
#pdt07 .box-content .temoignage li {border-bottom: 1px solid #ffeaf1}
#pdt07 .box-content aside {border:1px solid #d05c94;}
#pdt07 .box-content .liste-avec-titre li {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 15px}
#pdt07 .box-content {width:56%; right:6%; top:26%;}

#pdt08 .box-content h1,
#pdt08 .content-temoignage li p strong {color: #bb2d48}
#pdt08 .box-content .temoignage li {border-bottom: 1px solid #f8d5dc}
#pdt08 .box-content aside {border:1px solid #bb2d48;}
#pdt08 .box-content .liste-avec-titre li {background: url(images/puce-rouge.png) no-repeat 0 7px; padding-left: 15px}

#pdt09 .box-content h1 {color: #641a45}
#pdt09 li {text-transform: uppercase;}
#pdt09 p strong,
#pdt09 .box-content h1 strong {color:#f13288}
#pdt09 h3 {text-transform: none; margin-top: 20px}
#pdt09 .box-content {width:35%; right:11%; top:38%;}

#pdt10 .box-content h1,
#pdt10 .content-temoignage li p strong {color: #641a45}
#pdt10 .intro li strong {color: #f13288}
#pdt10 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt10 .box-content aside {border:1px solid #f13288;}
#pdt10 .box-content .liste-avec-titre li {background: url(images/puce-elixir.png) no-repeat 0 7px; padding-left: 28px}
#pdt10 .liste-cote-cote ul {float: left; width:50%; margin-top: 0}
#pdt10 .box-content .liste-cote-cote li {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 18px}
#pdt10 .box-content {width:58%; right:6%; top:23%;}


#pdt11 .box-content h1 {margin-bottom: 6px}
#pdt11 .box-content h1,
#pdt11 .content-temoignage li p strong {color: #641a45}
#pdt11 .intro li strong {color: #f13288}
#pdt11 .box-content .temoignage li {border-bottom: 1px solid #fbdde7}
#pdt11 .box-content aside {border:1px solid #f13288;}
#pdt11 .box-content .liste-avec-titre li {background: url(images/puce-elixir.png) no-repeat 0 7px; padding-left: 28px}
#pdt11 .liste-cote-cote ul {float: left; width:50%; margin-top: 0}
#pdt11 .box-content .liste-cote-cote li,
#pdt11 .box-content li.puce-normale {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 18px}
#pdt11 .box-content {width:56%; right:6%; top:20%;}
#pdt11 ul {margin-top:0 !important; margin-bottom: 15px}
#pdt11 p.no-margin {margin-bottom:0;}

#pdt12 .box-content h1,
#pdt12 .content-temoignage li p strong {color: #641a45}
#pdt12 .intro li strong {color: #f13288}
#pdt12 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt12 .box-content aside {border:1px solid #f13288;}
#pdt12 .box-content .liste-avec-titre li {background: url(images/puce-elixir.png) no-repeat 0 7px; padding-left: 28px}
#pdt12 .box-content li.puce-normale {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 18px}
#pdt12 .box-content {width:56%; right:6%; top:23%;}

#pdt13 .box-content h1,
#pdt13 .content-temoignage li p strong {color: #863286}
#pdt13 .intro li strong {color: #863286}
#pdt13 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt13 .box-content aside {border:1px solid #863286;}
#pdt13 .box-content .liste-avec-titre li,
#pdt13 .box-content li.puce-normale {background: url(images/puce-violette.png) no-repeat 0 7px; padding-left: 18px}
#pdt13 .box-content {width:56%; right:6%; top:33%;}

/* Démaquillant BI-PHASE */
#pdt14 .box-content h1 {color: #6d2180; line-height: 0.9; margin-bottom: 0;}
#pdt14 .content-temoignage li p strong {color: #641a45; margin-bottom: 0}
#pdt14 .intro li strong {color: #641a45; text-transform: none}
#pdt14 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt14 .box-content aside {border:1px solid #863286;}
#pdt14 .box-content .liste-avec-titre li,
#pdt14 .box-content li.puce-normale {background: url(images/puce-violine.png) no-repeat 0 7px; padding-left: 18px}
#pdt14 .box-content {width:56%; right:6%; top:28%;}
#pdt14 .box-content p.txt-nouveau {color:#d72d97; margin:0;}
#pdt14 .box-content p.txt-encart {color:#6d2180; margin: 0; background: none; text-transform: none}
#pdt14 .box-content h3.avant-liste {padding-top: 0}
#pdt14 .box-content p.box-content p b {font-weight: bold;}
#pdt14 .box-content ul.liste-avec-titre {margin:0 0 4px;}
#pdt14 .box-content p {margin-bottom: 10px; margin-top: 4px;}
#pdt14 .box-content p b {font-weight: bold}
#pdt14 .box-content p strong,
#pdt14 .box-content li strong {color:#641a45}
#pdt14-intro {font-size: 93%}

/* Lait à l’eau MICELLAIRE */
#pdt15 .box-content h1 {color: #7fb401; line-height: 0.9; margin-bottom: 0;}
#pdt15 .content-temoignage li p strong {color: #6d2750; margin-bottom: 0}
#pdt15 .intro li strong {color: #641a45; text-transform: none}
#pdt15 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt15 .box-content aside {padding-right: 250px}
#pdt15 .box-content .liste-avec-titre li,
#pdt15 .box-content li.puce-normale {background: url(images/puce-violine.png) no-repeat 0 7px; padding-left: 18px}
#pdt15 .box-content {width:56%; right:6%; top:33%;}
#pdt15 .box-content p.txt-nouveau {color:#6d2750; margin:0;}
#pdt15 .box-content p.txt-encart {color:#e273a6; margin: 0; background: none; text-transform: none; font-family: "Raleway", Arial, Tahoma, sans-serif; line-height: 1.3}
#pdt15 .box-content p.txt-encart span {font-size: 1.6em;}
#pdt15 .box-content h3.avant-liste {padding-top: 10px}
#pdt15 .box-content p.box-content p b {font-weight: bold;}
#pdt15 .box-content ul.liste-avec-titre {margin:4px 0 8px;}
#pdt15 .box-content p {margin-bottom: 10px; margin-top: 4px;}
#pdt15 .box-content p b {font-weight: bold}
#pdt15 .box-content p strong,
#pdt15 .box-content li strong {color:#6d2750}
#pdt15 .box-content h2 {font-size:2em;}
#pdt15-intro {font-size: 93%}

/* Metamorphose */
#pdt16 .box-content h1 {color: #FFF; padding:6px 4px 0; background-color: #d72d97; line-height: 0.9; margin-bottom: 0; font-weight: normal; display:inline-block; text-transform: uppercase;}
#pdt16 .box-content .txt-encart {background: none; color: #d72c97; display: block; margin-bottom: 0}
#pdt16 .box-content .pdt16-txt-special {color: #60C2E8; font-size: 2em; font-weight: bold; margin: 0 0 10px; text-transform: uppercase;}
#pdt16 .box-content .pdt16-txt-special2 {color: #e67b8d; font-weight: bold; font-size: 1.6em;}
#pdt16 .box-content .pdt16-txt-special3 {color: #d72d97; text-transform: uppercase;}
#pdt16 .content-temoignage li p strong {color: #641a45}
#pdt16 .intro li strong {color: #f13288}
#pdt16 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt16 .box-content aside {border:1px solid #f13288;}
#pdt16 .box-content .liste-avec-titre li {background: url(images/puce-elixir.png) no-repeat 0 7px; padding-left: 28px}
#pdt16 .liste-cote-cote ul {float: left; width:50%; margin: 0 0 8px}
#pdt16 .box-content .liste-cote-cote li {background: url(images/puce-violine.png) no-repeat 0 7px; padding-left: 18px}
#pdt16 .box-content {width:58%; right:6%; top:23%;}
#pdt16 .box-content .intro small {padding-top: 0; line-height: 1.2}
#pdt16 .box-content p {margin-bottom: 10px; margin-top: 4px; line-height: 1.3}
#pdt16 .box-content p b {font-weight: bold}
#pdt16 .box-content .txt-nouveau {margin: 0}
#pdt16 .box-content aside {padding-right: 250px; margin-bottom:4px}
#pdt16 .box-content aside p {margin: 0}
#pdt16-intro {font-size: 85%}


/* Masque anti ride */
#pdt18 .box-content h1,
#pdt18 .content-temoignage li p strong {color: #641a45; font-weight: bold}
#pdt18 .box-content ul.description-first-level strong,  #pdt18 .box-content ul.description-second-level strong{
    color:#641a45;
    margin-bottom: 0;
    text-transform: none;
}
#pdt18 .box-content ul.description-first-level { margin-bottom:10px;}
#pdt18 .box-content ul.description-first-level li { background: url(images/puce-masque-first-purple.png) no-repeat 0 4px; padding: 0 19px;  }
#pdt18 .box-content ul.description-first-level li.pink {background: url(images/puce-masque-first-pink.png) no-repeat 0 4px; color:#d5084c; text-transform: uppercase;font-weight: 600; margin: 8px 0; }
#pdt18 .box-content ul.description-first-level li.noPuce { background: none;  }
#pdt18 .box-content ul.description-first-level li.madeInFrance {
    color:#641A45;
    font-size: 1.5em;
    background-position: 0 6px;
    font-weight:600;
    margin-bottom: 15px;
}
#pdt18 .box-content ul.description-second-level li { background: none }
#pdt18 .box-content ul.description-second-level { padding-left: 15px;margin:0; }
#pdt18 .intro li strong {color: #d5084c}
#pdt18 .halfContent {
    width:50%;
    float:left;
}
#pdt18 .pdtInstructions img {
    display: block;
    max-width:100%;
    height: 325px;
}
#pdt18 .pdtInstructions p {
    padding: 0 30px;
}
#pdt18 .pdtInstructions strong.purple{
    color:#641a45
}
#pdt18 .resultatListHeader {font-weight: 600;font-size: 15px;}
#pdt18 .resultatList {
    margin-top: 5px;
    margin-bottom: 10px;
}
#pdt18 .resultatList strong{
    color:#000;
}
#pdt18 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt18 .box-content aside {border:1px solid #f13288;}
#pdt18 .box-content li { list-style: none }
#pdt18 .box-content {width: 65%;right: 1%;top:25%;}
#pdt18 .box-content h1 {font-size:2.6em;margin-bottom: 0;font-family: Arial, sans-serif;}
#pdt18 .txt-subtitle {color: #d5084c;font-size: 19px;font-weight: bold;font-family: Arial, sans-serif;  }
#pdt18 .box-content h2 {color:#D5084C;}

/*#pdt18 .box-content .txt-nouveau {margin: 0}*/
#pdt18 .box-content aside {padding: 3px;}
#pdt18 .box-content aside p {margin: 0}
#pdt18-intro {font-size: 85%}


#pdt17 .box-content h1,
#pdt17 .content-temoignage li p strong {color: #641a45}
#pdt17 .intro li strong {color: #d5084c}
#pdt17 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt17 .box-content aside {border:1px solid #f13288;}
#pdt17 .box-content li { list-style: none }
#pdt17 .box-content {width:56%; right:6%; top:23%;}
#pdt17 .box-content h1 {
font-size:2.6em;
    margin-bottom: 0;
    font-family: Arial, sans-serif;
}
#pdt17 .txt-subtitle {
    color: #d5084c;
    font-size: 19px;
    font-weight: bold;
    font-family: Arial, sans-serif;

}
#pdt17 .box-content h2 {
    font-size: 17px;
    font-family: Arial, sans-serif;
}
#pdt17 strong{
    color: #d5084c;
}
#pdt17 .titre-avant-final{
    color: #d5084c;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
#pdt17  .box-content ul.liste-avec-titre {
    margin: 0;
    margin-bottom: 5px;
}
#pdt17 .titre-final{
    color: #d5084c;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
#pdt17 strong.purple {
    color: #641a45;
}
#pdt17 li strong.black {
    color: #000;
}
#pdt17 p {
    margin: 0;
}
#pdt17 h3.avant-liste {
    padding-top: 10px;
    font-weight: bold;
    margin-top: 10px;
}
#pdt17  .box-content li strong {
    text-transform: none;
}


#pdt19 .box-content h1 { color:#0b94f1;font-weight: 600}
#pdt19 .product-subtitle { color:#81C434;font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;}
#pdt19 .content-temoignage li p strong {color: #641a45;}
#pdt19 .intro li strong {color: #641a45}
#pdt19 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt19 .box-content aside {border:1px solid #0b94f1;}
#pdt19 .box-content li { list-style: inside; }
#pdt19 .box-content {width:56%; right:6%; top:23%;}
#pdt19  .box-content .resultat-beaute strong{
    text-transform: uppercase;
    color: #2f312c;
}
#pdt19 .box-content h1 {
font-size:2.6em;
    margin-bottom: 0;
    font-family: Arial, sans-serif;
}

#pdt19 .box-content h2 {
    font-size: 19px;
    font-weight: 600;
    font-family: Arial, sans-serif;
    margin-bottom: 15Px;
}
#pdt19 .purple{color: #641a45;}


#pdt19  .box-content ul.liste-avec-titre {
    margin: 0;
    margin-bottom: 15px;

}


#pdt19 p {
    margin: 0;
}
#pdt19 h3.avant-liste {
    padding-top: 10px;
    font-weight: bold;
    margin-top: 10px;
    color:#0b94f1;
}
#pdt19  .box-content li strong {
    text-transform: none;
}



/* Masque Bio-Cellulose SOS ECLAT */
#pdt20 .box-content h1,
#pdt20 .content-temoignage li p strong {color: #ff5f33; font-weight: bold}
#pdt20 .box-content ul.description-first-level strong,  #pdt20 .box-content ul.description-second-level strong{
    color:#ff5f33;
    margin-bottom: 0;
    text-transform: none;
}
#pdt20 .box-content ul.description-first-level { margin-bottom:10px;}
#pdt20 .box-content ul.description-first-level li strong {color: #2f312c;}
#pdt20 .box-content ul.description-first-level li { background: url(images/puce-masque-first-orange.png) no-repeat 0 4px; padding: 0 19px;  }
#pdt20 .box-content ul.description-first-level li.pink {background: url(images/puce-masque-first-orange.png) no-repeat 0 4px; color:#ff5f33; text-transform: uppercase;font-weight: 600; margin: 8px 0; }
#pdt20 .box-content ul.description-first-level li.noPuce { background: none;  }
#pdt20 .box-content ul.description-first-level li.madeInFrance {
    color:#641A45;
    font-size: 1.5em;
    background-position: 0 6px;
    font-weight:600;
    margin-bottom: 15px;
}
#pdt20 .box-content ul.description-second-level li { background: none }
#pdt20 .box-content ul.description-second-level { padding-left: 15px;margin:0; }
#pdt20 .intro li strong {color: #ff5f33}
#pdt20 .halfContent {
    width:50%;
    float:left;
}
#pdt20 .pdtInstructions img {
    display: block;
    max-width:100%;
    height: 259px;
}
#pdt20 .pdtInstructions p {
    padding: 0 6px;
}
#pdt20 .pdtInstructions strong.purple{
    color:#641a45
}
#pdt20 .pdtInstructions strong.orange{
    color:#ff5f33
}
#pdt20 .resultatListHeader {font-weight: 600;font-size: 15px;}
#pdt20 .resultatList {
    margin-top: 5px;
    margin-bottom: 10px;
}
#pdt20 .resultatList .peau-list-item {
    width: 190px;
    display: inline-block;
}
#pdt20 .resultatList strong{
    color:#000;
}
#pdt20 .box-content .temoignage li {border-bottom: 1px solid #fdd5ec}
#pdt20 .box-content aside {border:1px solid #ff5f33;}
#pdt20 .box-content li { list-style: none }
#pdt20 .box-content {width: 65%;right: 1%;top:25%;}
#pdt20 .box-content h1 {font-size:2.6em;margin-bottom: 0;font-family: Arial, sans-serif;}
#pdt20 .txt-subtitle {color: #ff5f33;font-size: 19px;font-weight: bold;font-family: Arial, sans-serif;  }
#pdt20 .box-content h2 {color:#000;font-weight: 500;margin-bottom: 20px;}
#pdt20 .box-content h3 {color:#ff5f33;font-weight: 600;}

/*#pdt20 .box-content .txt-nouveau {margin: 0}*/
#pdt20 .box-content aside {padding: 3px;}
#pdt20 .box-content aside p {margin: 0}
#pdt20-intro {font-size: 85%}



#pdt21 .box-content {top:15%;}
#pdt21 .box-content p{margin-bottom:5px;margin-top:5px;}
#pdt21 .box-content h1,#pdt21 .subtitle,
#pdt21 .content-temoignage li p strong {color: #d3257a;}
#pdt21 h1 {margin-bottom: 0;}
#pdt21 h3 {color:#d3257a;font-size: 1.5em;}
#pdt21 h3.first{text-transform: none;margin-top:5px;}
#pdt21 p strong, #pdt21 li strong {color:#484847;text-transform: none;}
#pdt21 .subtitle {margin-bottom: 15px;  font-size: 1.7em;}
#pdt21 h2{font-size: 1.6em;font-weight: 600}
#pdt21 .box-content .liste-avec-titre li {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 15px}
#pdt21 .box-content aside {border:1px solid #d3257a;}
#pdt21 .box-content .temoignage li {border-bottom: 1px solid #e7fafd}
#pdt21 .clearfix strong{color:#550b4d;}



#pdt22 .box-content h1 {color: #641a45;margin-bottom: 0;font-size: 3em;}
#pdt22 .box-content img {max-width: 100%}
#pdt22 h2 {font-style: italic; font-size: 1.7em;font-family: "Raleway", Arial, Tahoma, sans-serif;}
#pdt22 h3 { color:#de0079;font-weight: 600;margin-top: 20px;text-transform: none;  font-size: 1.8em;font-family: "Raleway", Arial, Tahoma, sans-serif;}
#pdt22 li strong {color:#641a45;text-transform: none}
#pdt22 .pink ,
#pdt22 .box-content h1 strong {color:#de0079;}
/*#pdt22 .box-content .liste-avec-titre {padding-top: 20px}*/
#pdt22 .box-content .liste-avec-titre {margin-left: 20px;}
#pdt22 .box-content .liste-avec-titre li {background: url(images/puce-rose.png) no-repeat 0 7px; padding-left: 25px; margin-bottom: 10px}
#pdt22 .box-content {width:46%; right:3%; top:28%;}

/* ASTUCES */
.content-astuce .box-content {width:80%; left:16%; top:25%;}
#astuce01 {
  background-image:url(images/astuce-demaquillage.png);
}
.ie6789 #astuce01 {
  background-image:url(images/astuce-demaquillage.png), url(images/bg-astuces-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  }
#astuce02 {
  background-image:url(images/astuce-gommage.png);
  }
.ie6789 #astuce02 {
  background-image:url(images/astuce-gommage.png), url(images/bg-astuces-ie.jpg);
  background-repeat:no-repeat, repeat-x;
}
#astuce03 {
  background-image:url(images/astuce-hydra.png);
}
.ie6789 #astuce03 {
  background-image:url(images/astuce-hydra.png), url(images/bg-astuces-ie.jpg);
  background-repeat:no-repeat, repeat-x;
}

#astuce03.content-astuce .box-content {padding-bottom: 60px;}


.content-astuce h1 {color: #710050; font-size: 3.15em; text-transform: uppercase; border-bottom: 2px dotted #BBB; margin-bottom: 20px; padding-bottom: 10px; float: left; width: 470px; overflow: hidden}
.content-astuce h2 {color: #6d2750; padding-bottom: 10px; clear: both}
.content-astuce h3 {color: #6d2750; text-transform: uppercase; }
#astuce03.content-astuce h2 + p {text-transform: uppercase; margin-top: -5px}
.content-astuce h2 + p,
.content-astuce h3 + p {margin-top: 0}
.content-astuce .box-content a {color: #6d2750; font-weight: bold; text-decoration: underline}
.content-astuce .box-content a:hover { text-decoration: none; }
.content-astuce .box-content .intro {width: 96%}
.content-astuce .box-content li p {font-size: 1em}
.content-astuce .box-content li p strong {text-transform: none;}

/* SAGA */
.page-id-215 .box-content p {color: #58585a; font-family: "Raleway", Arial, Tahoma, sans-serif; font-size: 1.5em; line-height: 24px}

#saga01 {
  background-image:url(images/saga-2011-2.jpg);
  background-position: 0 23px;
}
.ie9 #saga01 {
  background-image:url(images/saga-2011-2.jpg), url(images/saga-2011-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}
#saga01 .deco {background: url(images/deco-saga-2011.png) no-repeat 50% 0 fixed; position: absolute; width: 1219px; z-index: 199; background-size: auto 90%}
#saga01 .intro {float: left; width:80%; margin-right: 1%; padding-left: 1px}
#saga01 .box-content {top:50%;}
#saga01 .box-content h2 {color: #86015f; font-style: italic; font-weight: bold}
#saga01 .box-content h2 strong {color: #13a7c3}


#saga02 {
  background-image:url(images/saga-2010.jpg);
  background-position: 0 23px;
}
.ie9 #saga02 {
  background-image:url(images/saga-2010.jpg), url(images/saga-2010-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}
#saga02 .deco {background: url(images/deco-saga-2010.png) no-repeat 50% 0 fixed; position: absolute; width: 1219px; z-index: 199; background-size: auto 90%}
#saga02 .intro {float: left; width:80%; margin-right: 1%; padding-left: 1px}
#saga02 .box-content {top:50%;}
#saga02 .box-content h2 {color: #86015f; font-style: italic; font-weight: bold}
#saga02 .box-content h2 strong {color: #94b700}

#saga03 {
  background-image:url(images/saga-1997.jpg);
  background-position: 0 23px;
}
.ie9 #saga03 {
  background-image:url(images/saga-1997.jpg), url(images/saga-1997-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}
#saga03 .deco {background: url(images/deco-saga-1997.png) no-repeat 50% 0 fixed; position: absolute; width: 1219px; z-index: 199; background-size: auto 90%}
#saga03 .intro {float: left; width:80%; margin-right: 1%; padding-left: 1px}
#saga03 .box-content {top:50%;}
#saga03 .box-content h2 {color: #86015f; font-style: italic; font-weight: bold}
#saga03 .box-content h2 strong {color: #00c2e6}

#saga03 img {max-width: 180px}

#saga04 {
  background-color: white;
}
.ie9 #saga04 {
  background-image:url(images/saga-1980-ie.jpg);
  background-repeat:repeat-x;
  behavior:none;
}
#saga04 .deco {background: url(images/deco-saga-1980.png) no-repeat 50% 0 fixed; position: absolute; width: 1219px; z-index: 199; background-size: auto 90%}
#saga04 .intro {float: left; width:100%; margin-right: 1%; padding-left: 1px}
#saga04 .box-content {top:38%; left:14%; width:86%}
#saga04 .box-content h2 {color: #86015f; font-style: italic; font-weight: bold; padding-left: 50px}
#saga04 .box-content h2 strong {color: #4d8eb9}
#saga04 .box-content p {padding-left: 50px;}
#saga04 .box-content p b {color: #86015f}
#saga04 .box-content li {float:left; min-width:250px; padding-top: 20px; text-align: center;}
#saga04 .box-content li:first-child {min-width:250px}
#saga04 .box-content li img {width:250px; padding:0 40px 0 30px; border-right: 1px solid #c8ccd2; }
#saga04 .box-content li.last img {border: none}
#saga04 .box-content li p {color:#86015f; font-size: 1.234em; padding:15px 5px 0;}
#saga04 .box-content li a {text-decoration: none;}

#saga05 {
  background-image:url(images/saga-1930.jpg);
  background-position: 0 23px;
}
.ie9 #saga05 {
  background-image:url(images/saga-1930.jpg), url(images/saga-1930-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}
#saga05 .deco {background: url(images/deco-saga-1930.png) no-repeat 50% 0 fixed; position: absolute; width: 1219px; z-index: 199; background-size: auto 90%}
#saga05 .intro {float: left; width:80%; margin-right: 1%; padding-left: 1px}
#saga05 .box-content {top:50%; }
#saga05 .box-content h2 {color: #86015f; font-style: italic; font-weight: bold}
#saga05 .box-content h2 strong {color: #7a7a7b}

.page-id-215 #subnav {top: 235px; left:35px; width:160px; z-index: 200}
.page-id-215 #subnav a {color: #88245e; text-transform: uppercase; font-family: 'Libre Baskerville',serif; text-decoration: none; font-size: 0.857em; padding:3px 0; border-top: 1px solid #e8c6dd; display: block;}
.page-id-215 #subnav li:first-child a {border:none;}
.page-id-215 #subnav a.active {font-size: 1.143em}


/* BG CLUB */
#club {
  background-image:url(images/club01.jpg);
}
.ie9 #club {
  background-image:url(images/club01.jpg), url(images/club01-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}

#club-confirm {
  background-image:url(images/club02.jpg);
}
.ie9 #club-confirm {
  background-image:url(images/club02.jpg), url(images/club02-ie.jpg);
  background-repeat:no-repeat, repeat-x;
  behavior:none;
}
.page-id-76 #club-confirm .box-content {left:6%; right: auto; top: 33%}
.page-id-76 #club-confirm .baseline {font:2em "Raleway", Arial, Tahoma, sans-serif; padding-top: 28px}
.page-id-76 #club-confirm .baseline span {display: block; padding-left: 120px}

.page-id-76 .screen {background-position: 80% 0}
.page-id-76 .box-content {left:6%; right: auto; top: 25%}
.page-id-76 .box-content h1 {color: #710050;font-size: 3.575em; text-transform: uppercase; margin:0;}
.page-id-76 .box-content h1 strong {color: #DBD8A7; font-weight: normal; text-transform: uppercase;}
.page-id-76 .baseline {color: #e52d87; font:1.28em "Raleway", Arial, Tahoma, sans-serif; padding:0; margin:0;}
.page-id-76 .box-content h2 {padding-top: 5px; font:bold 1.5em arial, sans-serif; color: #6d2750; text-transform: uppercase;}
.page-id-76 .mentionline {color: #710050; font:italic 1.07em "Raleway", Arial, Tahoma, sans-serif; padding:0; margin:0;}
.page-id-76 .line {padding-bottom: 6px}
.page-id-76 div.line-double > div {width: 36%; float: left;}
.page-id-76 label,
.page-id-76 .like-label {text-transform: uppercase; color: #6d2750; font-size: 1.286em; margin: 0; padding-right: 25px; font-weight: bold;}
.page-id-76 .like-label {top:3px; position: relative;}
.page-id-76 .club-form {padding-top: 5px; position: relative;}
.page-id-76 .club-form .line input {border: 1px solid #e9e9e9; padding:4px; width: 150px}
.page-id-76 .club-form .line-nom input {width:337px;}
.page-id-76 .club-form .line-date-naiss input {width: 198px}
.page-id-76 .club-form .line-tel label {padding-right: 96px}
.page-id-76 .club-form .line-tel input {width: 269px}
.page-id-76 .club-form .line-adresse input {width: 348px}
.page-id-76 .club-form .line-adresse label {padding-right: 120px}
.page-id-76 .club-form .line-ville input {width:220px;}
.page-id-76 .club-form .line-cp input {width:80px;}
.page-id-76 .club-form button {position: absolute; top:30%; right:0; background: url("images/btn-form.png") no-repeat; width:306px; cursor: pointer; padding: 12px 0 13px 30px; text-transform: uppercase; color: #FFF; font-size: 1.25em; border: none}
.page-id-76 .txt-modalites {position: absolute; bottom: 80px; width: 92%; left:6%; color: #460a2d; font:0.854em "Raleway", Arial, Tahoma, sans-serif;}
.page-id-76 .inscriptionFormError {color: rgb(255, 31, 0); padding-bottom: 4px}

.page-id-76 div.line-pass {padding: 10px 0 4px 0}
.page-id-76 div.line-pass > div {width: 37%; float: left;}
.page-id-76 div.line-pass .infoPassword {float: none; width: auto; }


/* CONTACT */
#contact {
  background-image:url(images/contact01.jpg);
  background-color: white;
}
#contact.screen {background-position: 100% 0; background-attachment: fixed;}

/*#contact .box-content {width:38%; right:43%; top:25%; position: static;}*/

#contact {
	height: 1800px !important;
}

#contact .box-contact {
	margin-top: 20rem;
	padding-bottom: 8rem;
	margin-left: 10rem;;
	width: 40%;
}

#contact h1 {
	text-align: center;
	font-size: 3rem;
	color: #641a45;
	text-transform: uppercase;
	padding-top: 5rem;
}

#contact .baseline, #contact .txt-modalites, #contact .txt-siege {
	text-align: center;
	color: #641a45; 
	line-height: 18px;
}

#contact .txt-siege {
	margin-top: 2rem;	
}

#contact label, #contact .like-label {
	font-size: 1em;
	display: block; 
	margin: 0; 
	padding-right: 25px; 
}

#contact input, #contact select {
	border:none;
	background-color: #E9E9E9;
	width: 100%;
	height: 3rem;
	padding-left: 1rem;
}

#contact textarea {
	border: none;
	background-color: #E9E9E9;
	width: 100%;
	height: 9rem;
	padding-left: 1rem;
}

#contact label {
	margin-top: 2rem;
	color: #690045;
	text-transform: uppercase;
	font-weight: bold;
}

#contact #btn-submit {
	display: block;
	background-color: #690045;
    text-align: center;
    width: 40%;
    margin: auto;
    padding: 8px 10px;
    text-transform: uppercase;
    color: white;
    margin-top: 20px;
	margin-bottom: 2rem;
    cursor: pointer;
}

#contact .txt-confirm, #contact .contactFormError {
	font-size: 2em;
	margin-top: 2rem;
	color: #690045;
	font-weight: bold;
}

#contact .box-content {
	position: absolute;
	top: 40%;
	left: 10rem;
	width: 40%;
}



/*#contact .club-form .line input,
#contact .club-form .line textarea {border: 1px solid #e9e9e9; padding:4px; width: 300px; -moz-box-shadow: inset -2px 1px 3px #EEE; -webkit-box-shadow: inset -2px 1px 3px #EEE; box-shadow: inset -2px 1px 3px #EEE;}
#contact .club-form .line textarea {display: block; width:639px; height: 90px}
#contact .line {padding-bottom: 6px}
#contact .club-form .line-nom {padding-top: 6px}
#contact .club-form .line-nom input {width:337px;}
#contact .club-form .line-prenom input {width:317px;}
#contact .club-form .line-email input {width:331px;}
#contact .club-form .line-adresse input {width: 315px}
#contact .club-form .line-ville input {width:340px;}
#contact .club-form .line-cp input {width:295px;}
#contact .club-form .line-date-naiss input {width: 256px}
#contact h1 {font-family: arial, sans-serif; text-transform: uppercase; font-size: 2.15em; color: #641a45}
#contact .baseline {font-size: 1.07em; font-style: italic;color: #641a45; line-height: 18px}
#contact .txt-modalites {bottom: 100px; width: 72%; right:10%; color: #000; font:italic .78em Arial, sans-serif;}
#contact .club-form button {float:right; background: url("images/btn-contact.jpg") no-repeat; width:153px; cursor: pointer; padding: 4px 0; text-transform: uppercase; color: #FFF; font-size: 1.35em; border: none}
#contact .txt-siege {position: absolute; top:49%; width: 14%; left:2%; color: #710050; font:italic 1.07em Arial, sans-serif; text-align: right}
#contact .txt-confirm {color: #641a45; font:1.85em "Raleway", Arial, Tahoma, sans-serif; padding-top: 200px; text-align: center;}
#contact .contactformerror {color: rgb(255, 31, 0); padding-bottom: 4px}
#contact .contactFormSuccess p {color: #710050}*/

/* TEST PRODUIT */
#test {
  background-color: white;
}
.content-test .box-content {width: 90%}
.content-test .box-intro {position: absolute; left: 0; width: 615px; top: 0 }
.content-test .box-form {position: absolute; right: 0; top:100px; height: 448px; padding-left:76px; padding-top:50px; width: 483px; background: url(images/bg-test-produit.jpg) no-repeat;}
/*.
EAU MICELLAIRE
.content-test .box-intro p {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; font-size: 1.785em}
.content-test .box-intro p.txt-intro span {display:block; color: #710050; font:2em "Raleway", Arial, Tahoma, sans-serif; margin: 0; text-transform: uppercase;}
.content-test .box-intro p.txt-intro span strong {color: #d69c32; font-weight: normal; text-transform: uppercase;}
.content-test .box-intro h1 {font-size: 3.28em; text-align: right; color: #7fb401; width: 400px; float: right; padding-top: 30px}
.content-test .box-intro h2 {clear: both; text-align: right; font-size: 1.78em; padding-bottom: 30px}
.content-test .box-intro a,
.content-test .box-form p,
.content-test .box-form input {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; float: right; font-size: 1.357em}
.content-test .box-form p {float: none}
.content-test .box-form input {float: none; font-size: 1.715em}
.content-test .box-form input {margin-bottom: 26px; width: 90%; height: 51px; background-color: #fff; border:none; padding: 4px 10px; -webkit-box-shadow: -8px 8px 21px rgba(1,1,1,.17); border:none; padding: 4px 10px; -moz-box-shadow: -8px 8px 21px rgba(1,1,1,.17); border:none; padding: 4px 10px; box-shadow: -8px 8px 21px rgba(1,1,1,.17);}
.content-test .box-form button {cursor:pointer; background: none; border:none; text-decoration: underline; margin-right: 10%; font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; font-size: 1.35em; font-weight: bold; float: right}
.content-test .box-form ul {padding-top: 50px}
.content-test .box-form li a {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; font-size: 1.23em}
.content-test .box-pdt {position: absolute; left: 500px; top: 0}
.content-test .box-pdt img {max-width: 84%}
.content-test .btn-test {position: absolute; top:210px; right:6%;}
.content-test .btn-test a {display: block; padding-left: 25px; width: 480px; height: 107px; background: url(images/btn-test.png) no-repeat; color: #FFF; text-align: center; padding-top: 28px; text-decoration: none; font:2.125em "Raleway", Arial, Tahoma, sans-serif; }
*/
.content-test .btn-test p {width: 300px; color: #710050; font-family: Times,"Times new roman",serif; font-size: 1.357em;}

.content-test .box-intro p {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #7A7979; line-height: 1.3; font-size: 1.585em}
.content-test .box-intro p.txt-intro,
.content-test .box-intro p b {color: #710050;}
.content-test .box-intro p.txt-intro span {display:block; color: #710050; font:2em "Raleway", Arial, Tahoma, sans-serif; margin: 0; text-transform: uppercase;}
.content-test .box-intro p.txt-intro span strong {color: #d69c32; font-weight: normal; text-transform: uppercase;}
.content-test .box-intro h1 {font-size: 3.28em; margin-bottom: 5px; text-align: left; color: #d69c32; width: 400px; float: left; padding-top: 30px}
.content-test .box-intro h2 {clear: both; text-align: left; color: #d69c32; font-size: 2.2em; padding-bottom: 30px}
.content-test .box-intro a,
.content-test .box-form p,
.content-test .box-form input,
.content-test .box-intro small {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; float: right; font-size: 1.357em}
.content-test .box-intro a {float: left;}
.content-test .box-intro small {display: block; clear:both; color: #6d2750; float: none; padding-top: 20px; font-size: 1em }
.content-test .box-form p {float: none}
.content-test .box-form input {float: none; font-size: 1.415em}
.content-test .box-form input {margin-bottom: 26px; width: 90%; height: 51px; background-color: #fff; border:none; padding: 4px 10px; -webkit-box-shadow: -8px 8px 21px rgba(1,1,1,.17); border:none; padding: 4px 10px; -moz-box-shadow: -8px 8px 21px rgba(1,1,1,.17); border:none; padding: 4px 10px; box-shadow: -8px 8px 21px rgba(1,1,1,.17);}
.content-test .box-form button {cursor:pointer; background: none; border:none; text-decoration: underline; margin-right: 10%; font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; font-size: 1.35em; font-weight: bold; float: right}
.content-test .box-form ul {padding-top: 50px}
.content-test .box-form li a {font-family:"Raleway", Arial, Tahoma, sans-serif; color: #710050; font-size: 1.23em}
.content-test .box-pdt {position: absolute; left: 650px; top: -40px}
.content-test .box-pdt img {max-width: 84%}
.content-test .btn-test {position: absolute; top:210px; right:6%;}
.content-test .btn-test a {display: block; padding-left: 25px; width: 480px; height: 107px; background: url(images/btn-test.png) no-repeat; color: #FFF; text-align: center; padding-top: 28px; text-decoration: none; font:2.125em "Raleway", Arial, Tahoma, sans-serif; }



.content-test .btn-merci a {font-size: 1.7em}


/* CREDITS */
#credits {
  background-color: white;
}
.content-credits .box-content {width: 76%; top: 35%}
.content-credits h1 {font-family: arial, sans-serif; text-transform: uppercase; font-size: 2.1em; color: #641a45}
.content-credits .col-gauche {float:left; width:274px; margin-right: 40px; margin-top: 50px;}
.content-credits .last {width: 323px; margin-right: 0 !important}
.content-credits .last p {font-style: italic;}
.content-credits .last p strong {margin-bottom: 10px; display: block;}
.content-credits h2 {font-family: arial, sans-serif; font-size: 1.65em}
.content-credits p strong {font-size: 1.15em; color: #000; font-weight: normal; font-style: normal;}
.content-credits a {text-decoration:none; color:#000}
/*.content-credits p {font-size: 1.3em}*/
.content-credits .col2 {width: 180px}
.content-credits .col3 {width: 300px}
.content-credits img {padding: 30px 0 6px 15px; display: block;}

/* MENTIONS */
#mentions {
  background-color: white;
}

.content-storelocator .box-content{
    width: 91%;
    margin: 0 auto;
    text-align: center;
}
.content-storelocator #map_canvas img {
     max-width: none;
 }

.content-mentions .box-content {right: 2%; top: 26%; width: 91%;}
.content-mentions h1 {font-family: arial, sans-serif; text-transform: uppercase; font-size: 1.7em; color: #641a45}
.content-mentions .col-gauche {float:left; width:440px; margin-right: 30px; text-align: justify;}
.content-mentions h2 {font-family: arial, sans-serif; font-size: 1.143em; color: #DE75A4; text-transform: uppercase; margin-top: 10px}
.content-mentions p {font-size: 0.927em; line-height: 15px; margin-top: 5px; margin-bottom: 10px}



/* ACTUS */
.content-actu {background: url("images/bg-bottom-actu.png") 0 bottom repeat-x;}
.content-actu:first-child {padding-top: 180px;}
.content-actu .box-content {position: relative; right: auto; left: auto; top:0; width: 100%; padding-top: 20px; padding-left: 2%; padding-right: 22%; color:#787877;
 background: url("images/spacer-white.png") repeat;}
.content-actu .box-content > h1 {position:absolute; left:-5000px; top:-2000px}
.content-actu .box-content h1 {font-size:30px; line-height:1; color: #641a45; font-family:"Raleway", Arial, Tahoma, sans-serif;}
.content-actu .box-content .intro {font-size:19px; line-height:1.3;}
.content-actu .box-content .box-container-tools {clear:both; text-align:right; padding-top:10px}
.content-actu .box-content .box-container-tools .date-publi,
.content-actu .box-content .box-container-tools .fb-share,
.content-actu .box-content .box-container-tools .lien-avis {float:none; display:inline; clear:none; margin-left:10px;}
.content-actu .box-content .box-container-tools span,
.content-actu .box-content .box-container-tools a {font-size:15px; color:#787877; font-family: Arial, sans-serif}

.content-actu .box-translation-content {padding-bottom: 10px;}
.page-template-actu-php #content {background: url("images/bg-actu.jpg") no-repeat; /*background-size: 100% auto;*/ padding-bottom:80px}

.page-template-actu-php .alignleft {float:left; margin-right:30px; margin-bottom:20px}
.page-template-actu-php .alignright {float:right; margin-left:30px; margin-bottom:20px}

.page-template-actu-php .intro img {
  -webkit-box-shadow: 3px 4px 6px rgba(0,0,0,.26);
  -moz-box-shadow: 3px 4px 6px rgba(0,0,0,.26);
  box-shadow: 3px 4px 6px rgba(0,0,0,.26);
  max-width:520px;
}
.page-template-actu-php .intro a {text-decortion:underline; color:#787877}
.page-template-actu-php .intro a:hover {text-decoration:none}

.box-archives-actu {position:fixed; top:40%; right:40px; background:#FFF; width: 274px; padding:20px; z-index:300;
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.12);
  -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.12);
  box-shadow: 2px 2px 8px rgba(0,0,0,.12);}
.box-archives-actu > div {position:relative;}

.box-archives-actu h2 {font-size:19px; color:#918f8f; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #918f8f; padding-bottom:3px; margin-bottom:14px}
.box-archives-actu .archives-year,
.box-archives-actu .archives-month {float:left; width:50%}
.box-archives-actu select {color:#918f8f; font-size:20px; font-weight:bold}
.box-archives-actu .archives-year {padding-bottom: 55px;}
.box-archives-actu .archives-year a {position:absolute; left:0; bottom:10px; background:#d9dadb; border-radius:15px; padding:6px 12px; color:#FFF; font-family: "Times", "Times New Roman", serif; font-size:15px; font-style:italic; text-decoration:none}

.box-archives-actu .archives-month li {padding-bottom:2px}
.box-archives-actu .archives-month a {background: url("images/actu-sep-pointilles.png") 0 center repeat-x; display:block; font-size:15px; color:#767373; font-family:"Raleway", Arial, Tahoma, sans-serif;}
.box-archives-actu .archives-month a:hover {color:#641A45}
.box-archives-actu .archives-month h3,
.box-archives-actu .archives-month span {background: #FFF}
.box-archives-actu .archives-month h3 {display:inline-block; padding-right:4px}
.box-archives-actu .archives-month span {float:right; padding-left:6px}

/* mediaqueries ACTU */
@media screen and (max-width:1280px) {
  .box-archives-actu {width:170px}
  .box-archives-actu .archives-year,
  .box-archives-actu .archives-month {float:none; width:100%}
    .box-archives-actu .archives-year {text-align:center; padding-bottom:6px}
    .box-archives-actu .archives-year a {position:relative; top:10px; bottom:auto; white-space: nowrap;}
    .box-archives-actu .archives-month {padding-top:10px}

  .content-actu .box-content h1 {font-size:26px;}
  .content-actu .box-content .intro {font-size:17px;}
}
@media screen and (max-width:1024px) {
  .page-template-actu-php .intro img {width:300px; margin: 0 30px 0 0 !important;}
}
@media screen and (max-width:1600px) {
  .page-template-actu-php #content {background-position:0 -40px}
  .page-template-actu-php #content > h1 {padding-top:185px !important}
}


/* PLUGIN */

.simplemodal-overlay {background:#FFF; opacity:.7 !important}
.commentForm {background: #732f56; width: 960px; padding: 30px; position: relative;}
.simplemodal-container h2 {color: #FFF; font:1.2em "Raleway", Arial, Tahoma, sans-serif; text-transform: uppercase; }
.simplemodal-container .simplemodal-close {color: #FFF; text-decoration: none; font-size: 1.5em; position: absolute; right:10px; top:6px;}
.simplemodal-container .modal-line {margin-top: 8px; color: #FFF}
.simplemodal-container input,
.simplemodal-container textarea {width: 100%; border: none; padding: 3px; }
.simplemodal-container textarea {min-height: 200px}
.simplemodal-container button {float: right; color: #333; padding: 6px 14px; border:none; background:#f1ebef; margin-top: 10px; font-size: 1.2em}

.ui-widget-overlay {background:#FFF; opacity:.7 !important; left: 0; height: 100%; width: 1000px; position: fixed; top: 0; z-index: 301; zoom:1; min-height: 1%; overflow: visible;}
.ui-dialog {z-index: 302; width: 680px !important;}
.commentForm {background: #732f56; width: 680px !important; padding: 30px; position: relative;}
.commentForm h2 {color: #FFF; font:1.2em "Raleway", Arial, Tahoma, sans-serif; text-transform: uppercase; }
.ui-dialog-titlebar {position: absolute; right: 0; top: 0; z-index: 102;}
.ui-dialog-titlebar button {border:none; background: none; cursor: pointer; outline: none}
.ui-dialog-titlebar .ui-button-text {color: #FFF; display: block; padding: 4px; margin-top: 1px; cursor: pointer;}
.page-id-215 .simplemodal-close {display: none}


/* modal PROMO 200 premieres inscrites */
.home .simplemodal-overlay {background:#6d5c65; opacity:.7 !important}
.home .simplemodal-container {background: url("images/bg-modale.jpg") no-repeat;}
.home #sample {background: none; width: 480px !important; padding:22px 10px 22px;}
.home #sample p { color: #FFFFFF; font: 18px/25px 'Libre Baskerville',serif; margin-top: 5px; text-align: center; width: 460px;}
.home #sample p b,
.home #sample p a {color: #d8cf5c; font-weight: normal;}
.home #sample .modal-header {padding-top: 85px;}
 
.home .simplemodal-container .simplemodal-close {right: 15px; top: 10px}




/* menu dynamique
.item-pdt:hover .subnav {
left: 0;
top: 186px;
opacity: .75;}

#nav {float: left;
padding-top: 12px;
}
#nav li {
display: block;
float: left;
height: 57px;
}
.subnav li {
float: left;
width: 213px;
margin-right: 50px;
height: auto
}

#nav .subnav li li {
padding-bottom: 4px;
height: auto;
width: auto;
margin-right: 0
}
.subnav {
background:#733057;
left: -5000px;
opacity: 0;
padding-bottom: 10px;
padding-left: 304px;
position: absolute;
top: -5000px;
transition: opacity 0.5s ease-in-out 0s;
width: 100%;
min-height:300px;
}

#nav li a {color: #641a45;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
border-right: 2px solid #d0b3c4;
padding: 12px 10px 0;
height: 43px;
display: inline-block;}


#nav .subnav .sub-menu a {
font-size: 1.071em;
text-decoration: none;
line-height: 0;
display: inline;
color: #F5F5F4;
border-right: none;
text-transform: none;
padding: 0;}

#nav .subnav .p {
color: #f5f5f4;
font-size: 1.357em;
border-bottom: 2px solid #F5F5F4;
padding: 16px 0 6px 0;
margin-bottom: 10px;
text-transform: uppercase;
font-family: Arial, helvetica, sans-serif;
display: block;
height: auto;
line-height: normal;
}

#nav li li a {font-size: 1.071em;
text-decoration: none;
line-height: 0;
display: inline;
color: #F5F5F4;
border-right: none;
text-transform: none;
padding: 0;}

.subnav .gamme {
background: #a74986;
padding: 3px 6px;
margin: 8px 0;
}
#nav .subnav li li .p {
padding: 3px 0 6px;
border: none;
margin: 0;
line-height: 1.1;
font-size: 1.357em;}

.menu-item-object-page:hover .subnav {top:186px; opacity: .75}
#menu-item-37.menu-item-object-page:hover .subnav {top:52px; opacity: .75}

#main-header #menu-item-37 .subnav a {
border-top: 1px solid #9D6F8A;
display: block;
height: auto;
line-height: 1;
padding: 8px 10px 5px;
width: 172px;
}
#menu-item-37 .subnav li {
float: none;
height: auto;
padding-bottom: 0;}

#menu-item-37 {position: relative;}
#menu-item-37 .subnav {
position: absolute;
left: -5000px;
top: -5000px;
padding-bottom: 0;
padding-left: 0;
background: #733057;
opacity: 0;
min-height: auto;
width: 172px;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}

#main-header nav li:last-child a {border-right:none;}
 */




/* MEDIAQUERIES */
@media screen and (min-width:1921px) {
  .home .box-content a img {width: 110%; max-width: 110%}
}

@media screen and (min-width: 1600px) and (max-width:1920px) {
  #hp04 .box-home {right: 14%}
  #pdt02 .box-content {top: 23%}
  #pdt02 .box-content ul.liste-avec-titre {margin-top: 5px;}
  #pdt04 .box-content {top: 23%}
  #pdt05 .box-content {top: 23%}
  #pdt05 .box-content ul.liste-avec-titre {margin-top: 5px; margin-bottom: 12px;}
  #pdt05 .box-content p {margin-top: 5px; margin-bottom: 5px}
  #pdt05 .box-content h1 {margin-top: -14px}
  #pdt05 .box-content aside p {font-size: 13px;}
  #pdt06 .box-content {top: 23%}
  #pdt07 .box-content {top: 23%}
  #pdt07 .box-content p { font-size: 1.1em; margin-bottom: 10px; margin-top: 5px;}
  #pdt10 .box-content {top: 24%}
  #pdt10 .box-content p {margin-bottom:5px; margin-top: 5px; line-height: 18px}
  #pdt10 .box-content aside p {margin: 0}
  #pdt10 .box-content li {line-height: 18px}

  #pdt11 .box-content {top: 24%}
  #pdt11 .box-content p {margin-bottom:5px; margin-top: 5px; line-height: 18px}
  #pdt11 .box-content aside p {margin: 0}
  #pdt11 .box-content li {line-height: 18px}
  #pdt11 .box-content .intro small,
  #pdt11 .box-content .lien-avis {padding-top: 0}
  #pdt11 ul {margin-bottom: 10px}
  #pdt11 .box-content small br {float: left; }

  #pdt13 .box-content {top: 26%}

  .content-test .box-pdt img {max-width: 75%;}
  .content-test .box-form {top: 50px}

  #saga01,
  #saga02,
  #saga03 {background-position: 6% 60%; background-size: auto 87%, auto 100%;}

  /*#contact .box-content p {margin-bottom: 10px; margin-top: 5px;}
  #contact h1 {margin-bottom: 5px;}
  #contact .line {padding-bottom: 4px;}
  #contact .txt-modalites {bottom: 78px;}*/
  .content-credits .col3 {width: 280px;}
  .content-credits .col-gauche {float: left; margin-right: 38px;}
  .content-credits .col-gauche {margin-top: 23px}
}

/* resolution > a 1440px et < a 1599px en largeur */
@media screen and (min-width: 1425px) and (max-width:1599px) {

  html {font-size: 60% !important;}

  #pdt11 {background-size: auto 92%; background-position: 0 50%}

  #saga01 .intro,
  #saga02 .intro,
  #saga03 .intro,
  #saga05 .intro {width:90%;}

  #saga04 .box-content li {min-width: 230px;}
  #saga04 .box-content li img {padding: 0 30px 0 20px; width: 220px;}
  #saga04 .box-content li img {max-width: 100%}

  .page-id-76 div.line-double > div {width: 41%}
  /*.page-id-76 .box-content h1 {font-size: 45px}*/
  .page-id-76 .box-content h2 {padding-top: 13px}
  .page-id-76 .txt-modalites {/*font-size: 11px;*/ width: 58%}

  /*#contact .txt-modalites {bottom: 83px; color: #000000; font: italic .786em Arial,sans-serif; position: absolute; right: 2%; text-align: right; width: 18%;}
  #contact h1 {margin-bottom: 6px}
  #contact .club-form .line textarea {height: 75px;}*/

  .content-test .box-intro {width: 530px; }
  .content-test .box-pdt {left: 530px;}
  .content-test .box-form { background-size: 100% auto; padding-left: 36px; padding-top: 30px; top: 50px; width: 390px;}
  .content-test .box-form ul {padding-top: 27px;}
  .content-test .box-pdt img {max-width: 72%;}
  .content-test .box-content {top:27%;}
  /*.content-test .box-intro p,
  .content-test .box-intro h2,
  .content-test .box-intro a {font-size:23px;}
  .content-test .box-intro p.txt-intro span {font-size: 34px}
  .content-test .box-intro h1 {font-size: 26px}
  .content-test .box-intro a, 
  .content-test .box-form p, 
  .content-test .box-form button,
  .content-test .box-form li a {font-size: 20px;}*/
  .content-test .box-form input {/*font-size: 23px;*/ height: 38px; box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.17)}

  .content-test .btn-test { position: absolute; right: 3%; top: 170px;}
  .content-test .btn-test a {background:url("images/btn-test-small.jpg") no-repeat ; font: 1.786em Times,"Times new roman",serif; height: 94px; padding-top: 25px; width: 372px;}
 /* .content-test .btn-merci a {font-size: 18px}*/

  .content-credits .box-content {width: 75%}
  .content-credits .col-gauche {margin-right: 25px; width: 260px;}
  .content-credits .col2 {width: 160px;}
  .content-credits .last {width: 320px; margin-right: 0}

  .content-mentions .box-content {width: 99%; right: 0%}
  /*.content-mentions h1 {font-size: 18px;}*/
  .content-mentions .col-gauche {margin-right: 18px; width: 32%;}
  /*.content-mentions h2 {font-size: 13px; margin-top: 10px}
  .content-mentions p {font-size: 12px}*/
}


/* resolution > a 1440px et < a 1599px en largeur */
@media screen and (min-width: 1260px) and (max-width:1599px) {
    html {font-size: 55%;}


  .screen .box-content img {max-width: 78%}
  #hp08 .box-content img {max-width: 73%}
  .page-id-215 .screen .box-content img {max-width: 100%}

  /*#pdt01.screen,
  #pdt03.screen,
  #pdt04.screen,
  #pdt05.screen,
  #pdt06.screen,
  #pdt07.screen,
  #pdt08.screen,
  #pdt09.screen,
  #pdt10.screen,
  #pdt11.screen,
  #pdt12.screen,
  #pdt13.screen
   {
    background-position: 0 20px, 0 0;
    background-size: auto 90%, auto 100%;
  }*/

  

  #saga01.screen,
  #saga02.screen,
  #saga03.screen,
  #saga05.screen {
    background-position: 0 12px, 0 0;
    background-size: auto 96%, auto 100%;
  }

  
  .item-pdt:hover .subnav {top:146px;}
  .box-club {top:14px;}
  .link-fb {top:98px;}

  #hp01 .box-content {right: 9%; top: 39%; text-align: right;}
  #hp01 .box-home {top:37%;}
  #hp03 .box-content {right: 9%; top: 20%;}
  #hp03 .box-home {top:37%;}
  #hp02 .box-content {right: 6%; top: 32%;}
  #hp02 .box-home {top:37%;}
  #hp04 .box-content {right: 2%; top: 29%;}
  #hp04 .box-home {top:36%;}
  #hp05 .box-content {right: 3%; top: 42%;}

    #hp07 .box-home {top:36%;}
    #hp07 .box-content {right: 9%; top: 42%;}
    #hp08 .box-home {top:42%;}
    #hp08 .box-content {right: 9%; top: 25%;}


  #pdt01 .box-content p,
  #pdt04 .box-content p,
  #pdt06 .box-content p,
  #pdt07 .box-content p,
  #pdt10 .box-content p,
  #pdt11 .box-content p,
  #pdt12 .box-content p,
  #pdt01 .box-content ul.liste-avec-titre,
  #pdt04 .box-content ul.liste-avec-titre,
  #pdt06 .box-content ul.liste-avec-titre,
  #pdt07 .box-content ul.liste-avec-titre,
  #pdt10 .box-content ul.liste-avec-titre,
  #pdt11 .box-content ul.liste-avec-titre,
  #pdt12 .box-content ul.liste-avec-titre {margin-top: 2px; line-height: 18px;}
  
  #pdt01 .box-content {top: 25%}
  #pdt02 .box-content h1 {margin-bottom: 10px}
  #pdt02 .box-content ul.liste-avec-titre { margin-bottom: 7px; margin-top: 2px; line-height: 18px;}
  #pdt02 .box-content {right: 5%; top: 21.5%; width: 57%;}
  #pdt04 .box-content {top: 23%;}
  #pdt04 .box-content h3.avant-liste {padding-top: 10px;}

  #pdt05 .box-content {top: 28%;}
  #pdt05 .box-content h1 {margin: -10px 0 0;}
  #pdt05 .box-content p,
  #pdt05 .box-content ul.liste-avec-titre {margin-top: 2px; margin-bottom: 5px;}
  #pdt05 .box-content aside p {font-size: 11px}

  #pdt06 .box-content {right: 2%; top: 23%; width: 56%;}
  #pdt06 .liste-avec-titre + h3 {margin-top: 0}
  #pdt06 .box-content h1 {margin-bottom: 10px}
  #pdt06 .box-content h2 {font-size: 24px}
  #pdt06 .box-content h3.avant-liste {padding-top: 5px;}

  #pdt07 .box-content {right: 2%; top: 22%; width: 60%;}
  
  #pdt08 .box-content {right: 2%; top: 28%; width: 56%;}
  #pdt09 .box-content {right: 11%; top: 36%; width: 35%;}

  #pdt10 .box-content {top:21.5%; width: 62%}
  #pdt10 .box-content h1 {margin-bottom: 0}
  #pdt10 .box-content aside p {font-size: 11px; line-height: 14px}
  #pdt10 .box-content .lien-avis {padding-top:0}

  #pdt11 .box-content {right: 0%; top: 22%; width: 68%;}
  #pdt11 .box-content h1 {margin-bottom: 0}
  #pdt11 .box-content aside p {float: left; font-size: 11px; line-height: 14px; padding-right: 20px;}
  #pdt11 .box-content .lien-avis {padding-top:0}
  #pdt11 .box-content ul.liste-avec-titre {margin-bottom: 4px}
  #pdt11 .box-content small br {float: left;}
  #pdt11 .box-content p,
  #pdt11 .box-content li {font-size: 12.5px;}

  #pdt12 .box-content h1 {font-size: 40px}
  
  #pdt13 .box-content {right: 2%; top: 23%; width: 59%;}

  .box-content p {margin-bottom: 10px}
  .box-content ul.liste-avec-titre {margin-bottom: 10px}

  .content-test .box-intro p {font-size: 20px}

  .page-id-215 #subnav {top: 165px; width:130px; z-index: 200}
  #saga01 .intro {width: 99%;}
  #saga02 .intro,
  #saga03 .intro,
  #saga05 .intro {width:95%;}
  #saga03 img {max-width: 150px;}
  .page-id-215 .box-content p {font-size: 17px}

  #saga04 .box-content li img { padding: 0 30px 0 20px; width: 220px;}
  #saga04 .box-content li {min-width: 220px;}

 .page-id-76 section .box-content {font-size: 85%;}
}


@media screen and (max-width:1600px) {
 .link-fb {top:14px;}

}


@media screen and (min-width: 1260px) and (max-width:1425px) {

  /*.page-id-76 .box-content * {font-size: 97% !important}
  .page-id-76 .box-content h1 {font-size: 31px!important}*/
  .page-id-76 .txt-modalites {width: 92%; /*font-size: 10px*/}
  .page-id-76 .club-form .line-ville input {width:120px;}
  .page-id-76 .club-form button {padding: 15px 0px 20px 30px; width: 240px; top: 57%}
  .page-id-76 .club-form .line-tel label {padding-right: 74px;}
  .page-id-76 .club-form .line-tel input {width: 240px;}
  .page-id-76 .club-form .line-adresse label {padding-right: 90px;}
  .page-id-76 .club-form .line-adresse input {width: 240px;}
  .page-id-76 .club-form .line-prenom input {width: 311px;}
  .page-id-76 .club-form .line-comp-adresse input {width: 206px;}
  .page-id-76 .line div {width: 29%}
  .page-id-76 div.line-pass > div {width: 42%;}
  .page-id-76 .club-form .line-cp input {width: 70px}
  .page-id-76 .line-radio {margin-bottom: 5px;}
  .page-id-76 .box-content h2,
  .page-id-76 .club-form {padding-top: 10px}
  .page-id-76 .box-content h2,
  .page-id-76 .mentionline {display: inline;}
  .page-id-76 div.line-pass {padding: 0 0 4px;}

  /*#contact .box-content {width:40%; top: 23%;}
  #contact h1 {margin-bottom: 6px; font-size:22px;}
  #contact .baseline {font-size: 1.101em; line-height: 15px;}
  #contact .club-form .line-nom {padding-top: 6px}
  #contact .club-form .line-nom input {width:237px;}
  #contact .club-form .line-prenom input {width:217px;}
  #contact .club-form .line-email input {width:231px;}
  #contact .club-form .line-adresse input {width: 215px}
  #contact .club-form .line-ville input {width:240px;}
  #contact .club-form .line-cp input {width:195px;}
  #contact .club-form .line-date-naiss input {width: 156px}
  #contact .txt-siege {font: italic 1em Arial,sans-serif; left: 1%;}
  #contact label, 
  #contact .like-label {font-size:11px;}
  #contact .club-form .line input, #contact .club-form .line textarea {padding: 2px}
  #contact .club-form .line textarea {height: 50px}
  #contact .txt-modalites {bottom: 81px;color: #000000; font: italic 1em Arial,sans-serif; position: absolute; right: 2%; text-align: right; width: 20%;}
  #contact .club-form .line-prenom input {width: 222px;}
  #contact .club-form .line-email input {width: 233px;}
  #contact .club-form .line-adresse input {width: 220px;}
  #contact .club-form .line-ville input {width: 253px;}
  #contact .club-form .line-cp input {width: 205px;}
  #contact .club-form .line-date-naiss input {width: 173px;}*/

  .content-test .box-intro {width: 560px; }
  .content-test .box-pdt {left: 560px;}
  .content-test .box-form { background-size: 100% auto; padding-left: 36px; padding-top: 30px; top: 50px; width: 350px;}
  .content-test .box-form ul {padding-top: 27px;}
  .content-test .box-pdt img {max-width: 63%;}
  .content-test .box-content {top:27%;}
  /*.content-test .box-intro p,
  .content-test .box-intro h2,
  .content-test .box-intro a {font-size:20px;}
  .content-test .box-intro p.txt-intro span {font-size: 30px}
  .content-test .box-intro h1 {font-size: 24px}
  .content-test .box-intro a, 
  .content-test .box-form p, 
  .content-test .box-form button,
  .content-test .box-form li a {font-size: 18px;}*/
  .content-test .box-form input {font-size: 1.927em; height: 31px; box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.17)}

  .content-test .btn-test { position: absolute; right: 3%; top: 170px;}
  .content-test .btn-test a {background:url("images/btn-test-small.jpg") no-repeat ; font: 2.293em Times,"Times new roman",serif; height: 94px; padding-top: 25px; width: 372px;}
  /*.content-test .btn-merci a {font-size: 17px}*/


  .content-credits .box-content { top: 30%; width: 71%}
  .content-credits .col-gauche {width: 220px !important; margin-right: 20px !important; margin-top: 20px !important}
  .content-credits .col2 {width: 160px!important} 
  .content-credits .last {margin-right: 0!important; width: 245px!important}
 /* .content-credits p strong {font-size: 14px}*/

  .content-mentions .box-content {top: 23%; width: 99%; right: 0}
  /*.content-mentions h1 {font-size: 18px;}*/
  .content-mentions .col-gauche {margin-right: 14px; width: 32%;}
  .content-mentions h2 {/*font-size: 13px;*/ margin-top: 10px}
  .content-mentions p {/*font-size: 11px;*/ line-height: auto; margin-top: 0; margin-bottom: 5px}


}


/* resolution > a 1024px et < a 1279px en largeur */
@media screen and (max-width:1280px){

  html {font-size: 52.76%;}

  #main-header nav li a {font-size:13px;}
  .item-pdt:hover .subnav {top:146px;}
  .box-club,
  .link-fb  {top:14px;}
  .box-club h2 {font-size: 1.4em;}

  #hp01 .box-content img,
  #hp02 .box-content img,
  #hp03 .box-content img,
  #hp04 .box-content img,
  #hp05 .box-content img,
  #hp06 .box-content img,
  #hp07 .box-content img {max-width: 70%}


  /*.home #content p {font-size: 100%}
  .home #content h1 {font-size: 140%;}*/
  #pdt04 .box-content {top:22%;}
  #pdt04 .clear img {max-width: 78%}
  #pdt04 .box-content .lien-avis {clear: none; padding-top: 30px}

  #pdt05 .box-content p {margin-top: 3px}
  #pdt06 .box-content {top:22%;}
  #pdt06 .box-content h3.avant-liste {padding-top: 6px}

  #pdt10 .box-content .liste-avec-titre li {font-size: 12px}
  #pdt10 .box-content ul.liste-avec-titre {margin-top: 0}
  #pdt10 .liste-cote-cote ul {margin-bottom: 3px}
  #pdt10 .box-content aside p {font-size: 11px;}

  #pdt11 {background-size: auto 78%, auto 100%; background-position: -10px 50%;}
  #pdt11 p.no-margin {margin-bottom: 0; margin-top: 0;}
  #pdt11 ul {margin-bottom: 0}  
  #pdt11 .box-content h1 {margin-bottom: 0}
  #pdt11 .box-content h3 {margin-top: 5px}
  #pdt11-intro p:first-child {margin-top: 0}
  #pdt11 .box-content .intro small {padding-top: 5px}
  #pdt11 .box-content .intro small br {float: left; }
  #pdt11 .box-content .lien-avis {padding-top: 5px}

  #pdt12 .box-content h1 {font-size: 36px}

  #pdt13 .box-content {top: 30%}
  #pdt13 .box-content h2 {font-size: 23px}

  .content-test .box-intro p {font-size: 20px}

  #subnav {top: 160px}
  .page-id-215 #subnav a {font-size: 12px}
  /*.page-id-215 #subnav a.active {font-size: 16px}*/
  #saga04 .box-content li, 
  #saga04 .box-content li:first-child {min-width: 200px;}
  #saga04 .box-content li img {padding: 0 20px 0 0; width: 180px;} 
  #saga04 .box-content li p {padding: 6px 0 0; /*font-size: 14px*/}
}


/* resolution < a 1139px */
@media screen and (max-width:1139px) {

  /* ajustement des tailles de typo */
  html {font-size: 48.695%;}

  .subnav section {margin-right: 19px}
  #main-header nav .subnav p {font-size:19px;}
  #main-header nav .subnav p a {font-size:19px;}
  #main-header nav .subnav a {font-size: 15px}
  .box-home p {font-size: 14px;}
  .box-home h1 {font-size: 22px}


  #main-footer {height: 45px; padding-top: 10px}
  .item-pdt:hover .subnav {top:146px;}
  .box-login-nav {padding-left: 13px;}
  .box-login {padding-left: 73px;}

  #hp08 .box-content img,
  #hp01 .box-content img,
  #hp02 .box-content img,
  #hp03 .box-content img,
  #hp04 .box-content img,
  #hp07 .box-content img,
  #hp05 .box-content img {max-width: 70%}


  #hp01 .box-home {width:50%; right:11%;}
  #hp02 .box-home {right: 0; top: 38%; width: 62%;}
  #hp03 .box-home {right: 0; top: 38%; width: 62%;}
  #hp04 .box-home {right: 23%; top: 38%; width: 44%;}
  #hp05 .box-home {right:9%; }
  #hp07 .box-home {right:9%; }
  #hp08 .box-home {right:9%; }

  #hp01 .box-content {right: 0; top: 44%; text-align: right}
  #hp02 .box-content {right: 0; top: 25%;}
  #hp03 .box-content {right: 0; top: 25%;}
  #hp04 .box-content {right: 0; top: 23%;}
  #hp05 .box-content {right: 0; top: 34%;}
  #hp07 .box-content {right: 0; top: 34%;}
  #hp08 .box-content {right: 0; top: 34%;}

  #hp01,
  #hp02,
  #hp03,
  #hp04,
  #hp05,
  #hp08,
  #hp07 {background-position: 0 1px;}

  #pdt02 .box-content {right: 5%; top: 24%; width: 57%;}
  #pdt03 .box-content {right: 2%; top: 32%; width: 42%;}
  #pdt04 .box-content {right: 2%; top: 23%; width: 59%;}
  #pdt05 .box-content {right: 2%; top: 22%; width: 56%;}
  #pdt06 .box-content {right: 2%; top: 22%; width: 56%;}
  #pdt07 .box-content {right: 0%; top: 24%; width: 56%;}
  #pdt08 .box-content {right: 2%; top: 28%; width: 56%;}
  #pdt09 .box-content {right: 2%; top: 36%; width: 35%;}
  #pdt10 .box-content {right: 1%; top: 22%; width: 68%;}
  #pdt11 .box-content {right: 0%; top: 22%; width: 68%;}
  #pdt13 .box-content {right: 2%; top: 26%; width: 54%;}

  #pdt01 {background-size: auto 90%, auto 100%; background-position: 0 35px}
  #pdt02 {background-size: auto 90%, auto 100%; background-position: 0 35px}
  #pdt03 {background-size: auto 90%, auto 100%; background-position: 0 35px}
  #pdt04 {background-size: auto 90%, auto 100%; background-position: 0 35px}
  #pdt06 .liste-avec-titre + h3 {margin-top: 0}
  #pdt07 .box-content h2 {font-size:21px}
  #pdt09 {background-size: auto 94%, auto 100%;}

  #pdt10 .box-content h1 {margin-bottom: 0}
  #pdt10 {background-size: auto 80%, auto 100%;}
  #pdt10 {background-position: -30px 50%;}
  #pdt10 .box-content ul.liste-avec-titre {margin-top: 0;}
  #pdt10 .liste-cote-cote ul {width: 54%}
  #pdt10 .liste-cote-cote ul:first-child {width: 46%}

  #pdt11 .box-content h1 {margin-bottom: 0}
  #pdt11 {background-size: auto 78%, auto 100%;}
  #pdt11 {background-position: -10px 50%;}
  #pdt11 ul {margin-bottom: 0}
  #pdt11 .box-content h3 {margin-top: 5px}
  #pdt11-intro p:first-child {margin-top: 0}

  .box-content p {margin-bottom: 10px}
  .box-content ul.liste-avec-titre {margin-bottom: 10px}


  .page-id-215 #subnav {top: 165px; width:139px}
  .page-id-215 #subnav a {font-size: 12px}
  .page-id-215 #subnav a.active {font-size: 16px}
  .page-id-215 .box-content {right:0;}
  .page-id-215 .box-content p {/*font-size: 15px;*/ line-height: 20px}
  #saga01 .box-content {right:0}
  #saga01 .intro {width: 99%;}
  #saga02 .intro,
  #saga03 .intro,
  #saga05 .intro {width:90%;}
  #saga03 img {max-width: 130px;}
  #saga04 .box-content li img {padding: 0 10px 0 0; width: 160px;}
  /*#saga04 .box-content li p {font-size: 14px}*/
  #saga04 .box-content li,
  #saga04 .box-content li:first-child {min-width: 170px;}
 .ie9 #saga04 .box-content li:first-child {min-width: 162px;}
  #saga04 .box-content li p {padding: 15px 0;}

  .page-id-76 .screen {background-position: 100% 0}
  /*.page-id-76 .box-content * {font-size: 95% !important}*/
  .page-id-76 #club-confirm .baseline {font-size: 24px}
  .page-id-76 .box-content h2 {padding-top: 10px; display: inline;}
  .page-id-76 .mentionline {display: inline;}
  .page-id-76 .club-form {padding-top: 6px;}
  /*.page-id-76 .box-content h1 {font-size: 28px!important}*/
  .page-id-76 .txt-modalites {width: 68%; font-size: 0.918em; bottom: 66px;}
  .page-id-76 .club-form .line-ville input {width:120px;}
  .page-id-76 .club-form button {padding: 15px 0 10px 30px; font-size: 1.1em; right: -101px; top: 38%; width: 220px;}
  .page-id-76 .club-form .line-tel label {padding-right: 62px;}
  .page-id-76 .club-form .line-tel input {width: 265px;}
  .page-id-76 .club-form .line-adresse label {padding-right: 74px;}
  .page-id-76 .club-form .line-adresse input {width: 265px;}
  .page-id-76 .club-form .line-prenom input {width: 317px;}
  .page-id-76 .club-form .line-comp-adresse input {width: 241px;}
  .page-id-76 .line-radio {margin-bottom: 5px;}
  .page-id-76 .club-form .line-cp input {width: 72px;}
  .page-id-76 div.line-pass > div {width: 50%; float: left;}
  .page-id-76 div.line-pass {padding: 0}
  .page-id-76 .box-content {width: 57%}
  .page-id-76 .line {padding-bottom: 5px}

  /*#contact .box-content {width:40%; top: 23%;}
  #contact h1 {margin-bottom: 6px; font-size:2.018em;}
  #contact .baseline {font-size: 12px; line-height: 15px;}
  #contact .club-form .line-nom {padding-top: 6px}
  #contact .club-form .line-nom input {width:237px;}
  #contact .club-form .line-prenom input {width:217px;}
  #contact .club-form .line-email input {width:231px;}
  #contact .club-form .line-adresse input {width: 215px}
  #contact .club-form .line-ville input {width:240px;}
  #contact .club-form .line-cp input {width:195px;}
  #contact .club-form .line-date-naiss input {width: 156px}
  #contact .txt-siege {font: italic 1.009em Arial,sans-serif; left: 1%;}
  #contact label, 
  #contact .like-label {font-size:11px;}
  #contact .club-form .line input, #contact .club-form .line textarea {padding: 2px}
  #contact .club-form .line textarea {height: 50px}
  #contact .txt-modalites {bottom: 57px; font-size:0.918em; }*/


  .content-test .box-intro {width: 335px; }
  .content-test .box-pdt {left: 335px;}
  .content-test .box-form {background: none; height: auto; padding-left: 0; padding-top: 0; top: -18px; width: 260px;}
  .content-test .box-pdt img {max-width: 56%;}
  .content-test .box-content {top:27%;}
  .content-test .box-intro p {font-size: 16px}
  .content-test .box-intro h1 {font-size: 24px}
  /*.content-test .box-intro p,
  .content-test .box-intro h2,
  .content-test .box-intro a {font-size:16px;}
  .content-test .box-intro p.txt-intro span {font-size: 26px}
  .content-test .box-intro h1 {font-size: 22px}
  .content-test .box-intro a, 
  .content-test .box-form p, 
  .content-test .box-form button,
  .content-test .box-form li a {font-size: 16px; margin-right: 0}*/
  .content-test .box-form input {/*font-size: 18px; */height: 31px; width: 230px; box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.17)}


  .content-test .btn-test { position: absolute; right: -4%; top: 150px;}
  .content-test .btn-test a {background:url("images/btn-test-small.jpg") no-repeat ; font: 2.293em Times,"Times new roman",serif; height: 94px; padding-top: 25px; width: 372px;}
  /*.content-test .btn-merci a {font-size: 16px}*/

  .content-credits .box-content {width: 86%; top: 30%}
  .content-credits .col-gauche {width: 200px !important; margin-right: 20px !important; margin-top: 20px !important}
  .content-credits .col2 {width: 160px!important} 
  .content-credits .last {margin-right: 0!important; width: 245px!important}
 /* .content-credits p strong {font-size: 14px}*/


  .content-mentions .box-content {top: 23%; width: 99%; right: 0}
  /*.content-mentions h1 {font-size: 18px;}*/
  .content-mentions .col-gauche {width:320px; margin-right: 12px}
  .content-mentions h2 {/*font-size: 12px;*/ margin-top: 0px}
  .content-mentions p {/*font-size: 11px;*/ line-height: 12px; margin-top: 5px; margin-bottom: 5px}

}

@media screen and (max-width:1300px) {
  .box-club {top:14px; padding:4px 10px; right: 10px; height: auto; width: 230px; overflow: hidden; background: #5c003a;
    background:-moz-linear-gradient(left, #4f002b, #710050, #4f002b);
    background:-o-linear-gradient(left, #4f002b, #710050, #4f002b);
    background:-webkit-linear-gradient(left, #4f002b, #710050, #4f002b);
    background:linear-gradient(left, #4f002b, #710050, #4f002b);
  }

  .box-club h1 {font-size:22px; padding-bottom: 5px;}
  .box-club h1 strong {font-size: 22px}
  .box-club h2 {font-size: 14px; padding:0;}

  .link-fb {top: 15px; right:10px;}
  .box-club a {height:22px; 
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  .box-club a:hover {height: 64px; 
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
}


/* resolution < a 1024px  */
@media screen and (max-width:1024px) {
  /*.home #content p {font-size: 100%}
  .home #content h1 {font-size: 140%;}*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .box-login {padding-top:18px; background-position: 40px 14px;}
  .link-fb {background-position: right 50%; top:0; padding-right:40px; padding-left:0;}
  .logged-in .box-login {background-position: 40px 0; padding-top:5px}
  .logged-in .link-fb {top: 14px; right:10px; background-position: 0 50%; padding-left:40px; padding-right:0}
}



/* IE old school */
  .ie67 #container,
  .ie67 #main-header,
  .ie67 #main-footer {width:1240px;}

  .ie67 .subnav {max-width:960px; text-align: left;}
  .ie67 #main-header nav .subnav a {zoom:1; height: auto; line-height: normal; }
  .ie67 #main-header {height: 132px;}
  .ie67 #main-header nav {padding-top: 0;}

  .ie67 #main-header nav li {height: 62px;}
  .ie67 .box-login li {display: block; float:left;}

  .ie67 .deco {width:1240px !important; background-attachment: scroll; height: 726px !important;}
  .ie67 #hp01 {background:url(images/hp01-ie.jpg) scroll 0 160px no-repeat !important; height: 726px !important;}
  .ie67 #hp01-ie {background:url(images/bg-hp01-ie.jpg) scroll 0 160px repeat-x  !important; min-height: 726px;}
  .ie67 #hp02 {background:url(images/hp02-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
  .ie67 #hp02-ie {background:url(images/bg-hp02-ie.jpg) scroll 0 0 repeat-x  !important; min-height: 566px;}
  .ie67 #hp03 {background:url(images/hp03-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
  .ie67 #hp03-ie {background:url(images/bg-hp03-ie.jpg) scroll 0 0 repeat-x  !important; min-height: 566px;}
  .ie67 #hp04 {background:url(images/hp04-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
  .ie67 #hp04-ie {background:url(images/bg-hp04-ie.jpg) scroll 0 0 repeat-x  !important; min-height: 566px;}
  .ie67 #hp05 {background:url(images/hp05-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
  .ie67 #hp07 {background:url(images/hp07-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
  .ie67 #hp07-ie {background:url(images/bg-hp07-ie.jpg) scroll 0 0 repeat-x  !important; min-height: 566px;}
    .ie67 #hp08 {background:url(images/hp08-ie.jpg) scroll 0 0 no-repeat !important; height: 566px !important}
    .ie67 #hp08-ie {background:url(images/bg-hp08-ie.jpg) scroll 0 0 repeat-x  !important; min-height: 566px;}

  .ie67 .box-content {text-align: right;}

  .ie67 #hp01 .box-content img {width: 260px;}
  .ie67 #hp02 .box-content,
  .ie67 #hp03 .box-content,
  .ie67 #hp04 .box-content{right:6%;}
  .ie67 #hp05 .box-content {right:2%;}
  .ie67 #hp07 .box-content {right:2%;}

  .ie67 #hp02 .box-content img {width: 120px;}
  .ie67 #hp03 .box-content img {width: 120px;}
  .ie67 #hp04 .box-content img {width: 160px;}
  .ie67 #hp05 .box-content img {width: 220px;}
  .ie67 #hp07 .box-content img {width: 220px;}
  .ie67 #hp08 .box-content img {width: 220px;}

  .ie8 #hp01 .box-content img,
  .ie8 #hp02 .box-content img,
  .ie8 #hp03 .box-content img,
  .ie8 #hp04 .box-content img,
  .ie8 #hp05 .box-content img,
  .ie8 #hp07 .box-content img,
  .ie8 #hp08 .box-content img,
  .ie8 #pdt01 .box-content img {max-width: 70%;}

  .ie8 #main-header nav {padding-top: 30px}


/** Cookies **/

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:focus { outline: none; }
#main-footer #ot-sdk-btn.ot-sdk-show-settings {
    color: #FFF;
    font-size: 14px;
    font-family: "Raleway", Arial, Tahoma, sans-serif;
    text-decoration: none;
    border: 0;
    padding: 0;
    background: none;
    font-weight: bold;
}
#main-footer #ot-sdk-btn.ot-sdk-show-settings:hover {
    color: #FFF;
    background: transparent;
}