#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.soin .descsoin
{
	color:#000;
}
.titretest
{
	font-size:20px !important;
	padding-bottom:70px !important;
}
.containermonde
{
	padding-top:50px !important;
}
#bandeaumonde
    {
    min-height:70vh;
    height:70vh;
    }
	.tableaumonde .partiedroite .petitnum
	{
		font-size:14px;
	}
	.tableaumonde .partiedroite a.button
	{
			text-align:center;
			width:250px;
			padding-top:10px;
			display:block;
			padding-bottom:10px;
			border:1px solid #e68a8a;
			font-size:15px;
			color:#e68a8a;
			text-decoration:none;
	}
	.tableaumonde .partiedroite .gras
	{
		    font-family: "Kohinoor-SB";
			font-size:20px;
			color:#e68a8a;
	}
	.tableaumonde .partiedroite .drapeau
	{
		width:80px;
		display:inline-block;
		vertical-align:top;
		margin-top:30px;
	}
	.tableaumonde .partiedroite .contenupartiedroite .droite
	{
		display:inline-block;
		    width: calc(100% - 100px);
			vertical-align:top;
			margin-top:30px;
	}
	.paysmonde .cont
	{
		color:#e68a8a;
		 font-family: "Kohinoor-SB";
	}
	#bandeaumonde .titrebandeaumarque
	{
		
	}
	.legendemonde
	{
		float:right;
	}
	.tableaumonde .partiedroite .contenupartiedroite
	{
		background-color:#e4e4e2;
		padding-right:10%;
		height:100%;
		
		padding-left:10%;
	}
	.tableaumonde
	{
		display:flex;
		height:250px;
		width:100%;
		

	}
	.tableaumonde .partiegauche .plusde
	{
		font-size: 30px;
		display:block;
		
	}
	.tableaumonde .partiegauche .pays
	{
		font-size: 30px;
		display:block;
		margin-top:5px;
		float:right;
	}
	.tableaumonde .partiegauche .contenupartiegauche
	{
		position:relative;
		width:139px;
		top:50%;
		left:50%;
		transform:translate(-50%,-65%);
		
	}
	.tableaumonde .partiegauche .chiffre
	{
		font-size: 150px;
		display:block;
		line-height:95px;
	}
	.tableaumonde .partiedroite
	{
		padding-left:10%;
	}
	.tableaumonde .partiegauche
	{
		width:40%;
		color:#e68a8a;
		
		border: 2px solid #e68a8a;
	}
#lessoinsdiag
{
	width:100%;
} 
#lessoinsdiag td img
{
	width:25%;
}
#lessoinsdiag td
{
	
	width:33%;
	text-align:center !important;
	vertical-align:bottom;
}
 .lieninscriptionloginpage
    {
    position:relative;
    left:-40px;
    }
    #popupannoncespontane
	{
		display:block !important;
	}
    .contenutests
    {
		
    }
    .contenutests .partiedroite #register-form .heading
    {
    padding-top:0;
    padding-bottom:0;
    }
    #routine.routineprofil
    {
    margin-bottom:0 !important;	
    }
   #register-form2 .heading .textepetit
   {
   font-size:12px;
   line-height:20px;
   }
#findiag
{
position:absolute;
top:0;
}
.contenutests .partiegauche img
{
width:100%;
height:auto;
}
.contenutests .partiegauche .date
{
font-size:12px;
}
.contenutests .partiegauche .texte
{
width:80%;
padding-left:10%;
padding-right:10%;
display:block;
}
.contenutests .partiegauche
{
margin:0;
padding-bottom:0;
width:49%;


position:relative;
color:#fe6776;
vertical-align:top;

font-size:15px;
}
.contenutests .partiedroite .form-group
{

}
.contenutests .partiedroite .form-register-part2,.contenutests .partiedroite .form-register-part3
{
display:none;
}
.contenutests .partiedroite .form-register-part2
{
padding-top:0;
margin-top:0;
border:0;
}
.contenutests .partiedroite #messageerreur
{
display:none;
color:red;

}
.contenutests .partiedroite #register-form .heading
{
font-size:25px !important;
border:0 !important;
}
.contenutests .partiedroite
{

}
.contenutests .mention
{
text-align:justify;
display:block;
line-height:11px;
font-size:9px;
}

#imagetest.imagetestie
{

width:750px;
height:auto;
position:relative;

}

#imagetest
{

width:100%;
height:auto;
position:relative;
}
#boutonformpart2:hover,#boutonparticiper:hover
{
border:1px solid #fe6776 !important;
color:#fe6776  !important;
background-color:#fff !important;
}
#boutonformpart2
{
text-decoration:none;

font-size:15px;
color:#fff !important;
background-color:#fe6776 !important;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
border:1px solid #fe6776 !important;
}
#imagetestgauche.imagetestgaucheie
{
width:350px !important;
height:auto;
}
#boutonparticiper
{
text-decoration:none;
position:relative;
top:20px;
font-size:20px;
border:1px solid #fe6776 !important;
color:#fff !important;
background-color:rgba(254, 103, 118, 1);
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}
#datetest
{
position:absolute;
top:290px;
left:50%;
transform:translateX(-50%);
font-size:14px;
color:#fe6776;
}
#tableautest tr,#tableautest td
{
height:100%;
}
.contenutests
{
    text-align: center;
    padding-top: 150px;
    width: 60%;
    position: relative;
    left: 20%;
}
#contenudiagnostic .partiedroite #question.questionfindiag
{
top:25%;
}
#croixpopupdiag
{
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
h3
{
font-weight:normal;
margin:0;
padding:0;
-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h2.titrecadre
{
font-weight:normal;
font-size:18px;
}
#popupinscription #register-form .heading
{
border-top:0;
border-bottom:0;
font-size:30px;
text-align:center;
}
#popupinscription #register-form
{
overflow:auto;
height:600px;
padding-right:30px;
}
#popupinscription
{
border:1px solid #dddddd;
position:fixed;
top:50%;
left:50%;
width:500px;
height:600px;
transform:translate(-50%,-50%);
padding-bottom:50px;
padding-top:50px;
padding-left:50px;
padding-right:20px;
z-index:9999;
background-color:#fff;
}
.sousmenusoins.plansite,.plansite
{
padding-left: 0;
left:0 !important;
margin-left:0 !important;
display:block !important;
text-align:left !important;
}
h2
{
margin:0;
padding:0;
-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0px;
}

  html, body {
                background-color: #fff;
                color: #636b6f;
             
                font-weight: normal;
                height: 100vh;
                margin: 0;
            }

           

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .top-right {
                position: absolute;
                right: 10px;
                top: 18px;
            }

            

            .title {
                font-size: 84px;
            }

            .links > a {
                color: #636b6f;
                padding: 0 25px;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: .1rem;
                text-decoration: none;
                text-transform: uppercase;
            }

            .m-b-md {
                margin-bottom: 30px;
            }
img
{
-ms-interpolation-mode: nearest-neighbor;
}
#routine .soin .descsoin
{
width:90%;
height:110px;
}
  #blocgeneration5 .bloc-gauche
  {
  width:50%;
  display:inline-block;
  text-align:justify;
  position:relative;
  }
  #blocgeneration7 .bloc-droite,#blocgeneration4 .bloc-gauche
  {
  vertical-align:top;
  }
  #blocgeneration2 .citation
  {
  position:relative;
  
  }
  #blocgeneration5 .bloc-droite
  {
  display:inline-block;
  width:49%;
  position:relative;
  
  }h2.titreblocgeneration
  {
  text-align:left;
  }
  #blocgeneration7
  {
  
 min-height:85vh;
  
  }
  #blocgeneration6
  {
  height:120vh;
  }
  #blocgeneration5
  {
  width:100%;
  position:relative;
  

  }
  .tableaugeneration td.texte
  {
  padding-top:5%;
   padding-bottom:5%;
  }
  .tableaugeneration td.texte1
  {
  padding-left:0 !important;
   padding-right:5%;
  }
  .tableaugeneration .image
  {
  background-size:cover;
  background-position:center center;
 
  background-image:url('../images/generation9.jpg');
  }
    .tableaugeneration .image2
  {
  background-size:cover;
  background-position:center center;
  background-image:url('../images/generation8.jpg');
  }
 .bloc-generation .legende,.tableaugeneration .legende
 {
     font-family: "Kohinoor-SB";
 }
 #blocgeneration6
 {
 width:100%;
 }
  #blocgeneration6 .bloc-droite .texte
  {
  width:100%;
  display:inline-block;
  padding-left:10%;
  }
     #blocgeneration5 #photo4
{

width:90%;
height:100%;
float:right;
background-size:cover;
position:relative;
height:60vh;
right:0;
background-position:center top;
background-image:url('../images/generation10.jpg');
display:inline-block;

}
#ptvente h2
{
 font-family: "Kohinoor-SB";
}
.lienadmin
{
color:#000;
text-transform:uppercase;
}
#product #lecontenu li
{
list-style: square;
	margin-left: 0;

	margin-top:2px;
}
.desc.titrepageproduit .firstline
{
text-transform:uppercase;
font-size:22px;
}
.sousmenusoins table .submenu-name.bleuciel
{
color:#A5ACAF;
}
.desc.titrepageproduit .sousnom
{
  font-size: 15px;
    position: relative;
    top: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
   
}
.desc.titrepageproduit
{
    font-size: 14px;
 z-index:2;
 position:relative;
    display: block;
   
}
.sousmenusoins table .submenu-name.vert2
{
color:#60797d;
}


.sousmenusoins table .submenu-name.orange
{
color:#db610c;
}

.sousmenusoins table .submenu-name.violet2
{
color:#eb4694;
}
#produitsblochome
{
width:100%;
text-align:center;
position:relative;
top:-60px;
z-index:8;
}
.produitblochome
{
width:16%;
transition : all 1s;
-webkit-transform: scale(.50);
    -moz-transform: scale(.50);
    -ms-transform: scale(.50);
    transform: scale(.50);
}
.top-right
{
right:30px !important;
}
.contenufid
{
margin-left:-20%;
width:140%;
}
.contenufid .notice
{
display:inline-block;
width:44%;
padding-right:5%;
font-size:14px;

}
img.cartefidie
{
width:700px !important;
}
img.imagefidie
{
width:500px !important;
}
.contenufid .notice
{
display:inline-block;

text-align:left;
}
.contenufid .image img
{
width:100%;
height:auto;
}
.contenufid .image
{
text-align:center;
display:inline-block;
width:49%;
vertical-align:top;
}


.titreproduit
{
text-transform:uppercase;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255,0.9); /* Black w/ opacity */
}
.chemin a
{
text-decoration:none;
color:#000000;
}
/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
   
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #464646;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



@media only screen and (max-width:1500px){
	
body #routine .soin img
{
	    width:30% !important;
}


}

@media only screen and (max-width:2040px){
#routine .soin img
{
	    width:25% !important;
}
.contenuimage
{

height: 17.5vw;
}

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

.contenuimage
{

height: 17.5vw;
}

}

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

body .produitblochome.produitblochomeie
{
width:100px !important;
}
body .produitblochome.produitblochomeie#produitblochome3
{
width:120px !important;
content: url(../images/exfoliac10ie2.png);
}
body .produitblochome.produitblochomeie#produitblochome1
{

content: url(../images/exfoliac10ie2.png);
}

	body .produitblochome.produitblochomeie#produitblochome2
{

content: url(../images/cicadiane1ie2.png);
}

body .produitblochome.produitblochomeie#produitblochome4
{

content: url(../images/sensidiane3ie2.png);
}
body .produitblochome.produitblochomeie#produitblochome5
{

content: url(../images/sensidianear2ie2.png);
}

}

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



.contenuimage
{

height: 17.5vw;
}

}

@media only screen and (min-height:800px) and (min-width:1200px){
#photo5
{
height:60vh !important;
}
#blocgeneration6
{
height:80vh !important;
}
#blocgeneration7
{
min-height:45vh !important;
}
#map
{
height:700px !important;
}
#blocgeneration1 .ligne2
{
height:65vh !important;
}
#blocgeneration3 #photo3
{
height:45vh !important;
}
#blocgeneration5 #photo4
{
height:40vh !important;
}
#blocgeneration7 .bloc-droite #photo2
{
height:45vh !important;
}
#blocgeneration2 .bloc-gauche #photo1
{
height:35vh !important;
}
#blocgeneration1 #photo2
{
height:60vh !important;
}
#blocgeneration1 #photo1
{
height:40vh !important;
}

}
@media only screen and (max-height:768px){
 
.navbar ul.submenu
{
padding:20px !important;
}
.sousmenusoins table tr td
{
padding-left:10px !important;
line-height:10px;
}
.sousmenusoins table .submenu-name
{
font-size:10px !important;
}
.sousmenusoins table td a
{
font-size:9px !important;
}
}
@media only screen and (max-width: 1250px){

.produit
{
width:22.5% !important;
}
}
@media only screen and (max-width: 1150px){


  .navbar li a
  {
  font-size:12px !important;
  }
  .navbar li
  {
  margin-left:15px !important;
  }
  .navbar
  {
  margin-left:-278px !important;
  }
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
    
    .navbar td.besoin a
    {
     font-family: "Kohinoor" !important;
    }
    #bandeau-marque2mark
    {
    position:relative;
    top:-660px;
    }
    .popupannonce
    {

   text-align:left;
    display:none;
    width:70%;
   
   
    }
     
    #mousse
    {
    position:absolute;
    right:20%;
    top:20%;
    width:15%;
    }
      .traitor
  {  
    width:100%;
position:relative;
top:30px;
text-align:left;
margin-top:-20px;
height:5px;
    background-image:url('../images/bgor.jpg');
    background-size: 100% auto;
    }
       .traitargent2
  {  
    width:100%;
position:relative;
top:30px;
text-align:left;
margin-top:-20px;
height:5px;
    background-image:url('../images/bgargent2.jpg');
    background-size: 100% auto;
    }
       .traitargent3
  {  
    width:100%;
position:relative;
top:30px;
text-align:left;
margin-top:-20px;
height:5px;
    background-image:url('../images/bgargent3.jpg');
    background-size: 100% auto;
    }
    .traitargent
  {  
    width:100%;
position:relative;
top:30px;
text-align:left;
margin-top:-20px;
height:5px;
    background-image:url('../images/bgargent.jpg');
    background-size: 100% auto;
    }
body
{
font-family: "Kohinoor";
font-size:13px;
overflow-x:hidden;
color:#000000;
}
.descriptiongamme
{
display:inline-block;
color:#5f5f5e;
    width: calc(100% - 250px);
padding-left:20px;
}
.traitrose
{
width:100%;
position:relative;
top:30px;
text-align:left;
margin-top:-20px;
height:5px;
background-color:#e68b8a;
}
.ligne
{
text-align:left;
}
.chemin .actif
{
color:#e68b8a;
}
.chemin
{
margin-top:50px;
text-align:left;
font-size:15px;
color:#5f5f5e;

}
.infosgamme .titre
{
font-family: "Kohinoor-SB";
font-size:25px;
color:#e68b8a;
}
.infosgamme
{
width:100%;
vertical-align:top;
height:auto;
position:relative;
left:0;
margin-top:20px;
text-align:justify;

}
a.lienpage:hover
{
color:#a7bac8;
background-color:#ffffff;
}
a.lienpage
{
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
margin-left:10px;
background-color:#a7bac8;
border:1px solid #a7bac8;
color:#ffffff;
}
.imagegamme
{
width:200px;
height:auto;
display:inline-block;
margin-right:20px;
vertical-align:top;
}
.produit img.produitgrand
{
width:40%;
height:auto;
}

.produit img.produitmoyen
{
width:35%;
height:auto;
}
.produit img.produitmoyen2
{
width:26%;
height:auto;
}
.produit img.produitpetit
{
width:21%;
height:auto;
}
.produit img.produittoutpetit
{
width:15%;
height:auto;
}

.produit img.produittresgrand
{
width:50%;
height:auto;
}


.produit img.imageproduitie.produitmoyen2
{
width:62px !important;
}
.produit img.imageproduitie.produitmoyen
{
width:75px !important;
}
.produit img.imageproduitie.produitpetit
{
width:50px !important;
}
.produit img.imageproduitie.produittresgrand
{
width:110px !important;
}
.produit img.imageproduitie.produitgrand
{
width:85px !important;
}
.produit img.imageproduitie.produittoutpetit
{
width:35px !important;
}
.produit img.imageproduitie
{
width:70px !important;
}
.produit img
{
width:32%;
height:auto;
}
.ligne
{
vertical-align:top;
}
.produit a
{
text-decoration:none;
}
.produit:hover .description,.produit:hover .nom
{
color:#ffffff !important;
}
.produit .contenuproduit.bug6
{
border:2px solid #ffffff;
}
.produit .contenuproduit
{
margin-top:10px;
padding:15px;
}
.etudenom
{
	float:right;
	font-size:10px;
}
.nomproduitetude
{
	width:360px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	color:#fe6776;
	font-weight:bold;
	text-transform:uppercase;
}
.lesetudes
{
	margin-left:9%;
	vertical-align:top;
	display:inline-block;
	width:calc(90% - 360px);
}
.produit a .description.descriptionvide
{
margin-top:0;
}
.produit a .description
{
font-size:11px;
margin-top:15px;
color:#5f5f5e;
}
.tableautest td
{
min-width:100px;
}
.produit a .nom .firstline
{
text-transform:uppercase;
}
.produit a p.nom::first-line
{
text-transform:uppercase;
}
.produit a .nom
{
font-family: "Kohinoor-SB";

color:#e68b8a;
}
.contenutests .partiedroite #formconnec, .contenutests .partiedroite #formregister
{
display:none;
}
.guill2
{
position:relative;
top:15px;
}

#blocgeneration2 .citation .guill2
{
position:relative;
top:5px;
}
.produit
{
width:23%;
vertical-align:top;
display:inline-block;
padding-left:5%;
padding-right:5%;
text-align:center;
}

#blocgeneration5 .bloc-droite .bloc-content
{
position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 13px;
    color: #5f5f5e;
    margin-left:10%;
    z-index:2;
}

.tableaugeneration td .bloc-content
{
position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 13px;
    color: #5f5f5e;
}

#photo1 .bloc-content
{
position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 13px;
    color: #5f5f5e;
}
.generation-content .ligne
{
	position:relative;
	margin-top:70px;
}

.bloc-gris2 img
{
width:50px;
}

.bloc-gris2 .titre
{
font-size:20px;
font-weight:normal;
}
.bloc-gris3 img
{
width:50px;
}

.bloc-gris3 .titre
{
font-weight:normal;
font-size:20px;
}
.bloc-gris3
{
padding-left: 60px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #ffffff;
    background-color: #878786;
    width: 254px;
    position: relative;
    left: 45%;
    top: -164px;
    margin-left: -255px;
    display: inline-block;
    }

.bloc-gris2
{
padding-left: 60px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #5f5f5e;
    background-color: #ececec;
    width: 500px;
    position: relative;
    left: 45%;
    top: -231px;
    margin-left: 114px;
    display: inline-block;
    }
    
    .bloc-gris4
{
padding-left: 60px;
    padding-right: 60px;
    padding-bottom:55px;
    padding-top: 90px;
    color: #e68a8a;
    border:2px solid #e68a8a;
  font-size:24px;
    position: relative;
    left: 45%;
    top: -109px;
    width:350px;
    line-height:50px;
   
    margin-left: 20px;
    display: inline-block;
    text-align:center;
    
    }
    
    .bloc-gris5 .titre
    {
        font-size: 20px;
        font-weight:normal;
        text-transform:uppercase;
    }
    
    .bloc-gris5
{
padding-left: 60px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #fff;
       background-color: #c7c6c6;
    width: 500px;
    position: relative;
    left: 45%;
    top: -105px;
    margin-left: -500px;
    display: inline-block;
    
  
    
    }


.bloc-gris img
{
width:50px;
}

#blocgeneration1 .ligne2
{
height:90vh;
}

.bloc-gris .titre
{
font-weight:normal;
font-size:20px;
}
.bloc-gris
{
padding-left:60px;
padding-right:30px;
padding-bottom:30px;
padding-top:30px;
color:#ffffff;
background-color:#c7c6c6;
width:500px;
position: relative;
    left: 45%;
    top: 72px;
    z-index:9;
    margin-left: -500px;
    
    display:inline-block;
    
    }

    #blocgeneration6 .bloc-gauche,#blocgeneration6 .bloc-droite
    {
    vertical-align:top;
    }
       #photo5
{

    width: 125%;
    height: 100%;
    background-size: cover;
    position: relative;
    height: 110vh;
    right: 25%;
    background-position: center center;
    background-image: url(../images/generation11.jpg);
    display: inline-block;
}
    
    #blocgeneration3 #photo3
{

    width: 125%;
  
    background-size: cover;
    position: relative;
    height: 70vh;
    right: 25%;
    background-position: center center;
    background-image: url(../images/generation7.jpg);
    display: inline-block;

}
    
#blocgeneration1 #photo2
{

width: 58%;
  
    background-size: cover;
    position: absolute;
    right: 0;
    left: 55%;
    height: 90vh;
    background-position: center center;
    background-image: url(../images/generation3.jpg);
    display: inline-block;

}
#blocgeneration7 #cadre2
{
border:2px solid #ccda71 ;
}
#blocgeneration7 .citation .guill
{
font-size:60px;
line-height:10px;
}
#blocgeneration2 #cadre2
{
border:2px solid #ccda71 ;
}
#blocgeneration2 .citation .guill
{
font-size:60px;
line-height:10px;
}
#blocgeneration1 #texte2 .citation .guill
{
font-size:60px;
line-height:10px;
}

#blocgeneration1 #texte2 .conseil .textegras
{
font-family: "Kohinoor-SB";
}

#blocgeneration1 #texte2 .conseil
{
border-top:2px solid #5175b9;
padding-top:30px;
}
#blocgeneration2
{
vertical-align:top;

}
#blocgeneration2 .bloc-gauche #photo1
{
width: 100%;
    height: 55vh;
    position: relative;

background-size:cover;

background-position:center bottom;
background-image:url('../images/generation4.jpg');
display:inline-block;
}
#blocgeneration7 .citation
{
text-align:center;
font-size:20px;
position:relative;
top:20px;
color:#5f5f5e;
text-transform:uppercase;
}

#blocgeneration2 .citation
{
text-align:center;
font-size:20px;
color:#5f5f5e;
text-transform:uppercase;
}
#blocgeneration1 #texte2 .citation
{
text-align:center;
font-size:25px;
color:#5f5f5e;
text-transform:uppercase;
}

#blocgeneration1 #texte2 .portrait
{
width:100px;
display:inline-block;
}

#blocgeneration1 #texte2 .conseil .titre
{
display:inline-block;
font-size:30px;
padding-left:30px;
position: relative;
    top: -10px;
    color:#5f5f5e;
}

#blocgeneration1 #texte2 .portrait img
{
width:100px;
display:inline-block;
height:auto;
}
#blocgeneration1 #texte2
{
    display: inline-block;
    width: 50%;
    padding-top:30px;
    text-align: justify;
   
}
#blocgeneration1 #texte1
{
display:inline-block;
width:44%;
padding-left:5%;
right:60px;
text-align:justify;
bottom:0;
}
#blocgeneration7 #texte2
{
display:inline-block;
width:100%;

right:0;
text-align:justify;
bottom:0;
}
#blocgeneration2 #texte2
{
display:inline-block;
width:100%;

right:0;
text-align:justify;
bottom:0;
}
h2.titreblocgeneration
{
padding-top:0;
font-family: "Kohinoor-SB";
color:#e68b8a;
font-size:30px;
}
#blocgeneration7 .bloc-gauche
{
display:inline-block;
width:50%;
}
#blocgeneration2 .bloc-gauche
{
display:inline-block;
width:50%;
}
.article:first-child
{
border:0 !important;
}
p.nom::first-line
{
text-transform:uppercase;
}
.genintro
{
color:#5f5f5e;
width:75%;
margin-left:12.5%;
text-align:justify;
}
#blocgeneration7 .bloc-droite
{
display:inline-block;
width:44%;
padding-left:5%;
position:relative;


}
#blocgeneration2 .bloc-droite
{
display:inline-block;
width:44%;
padding-left:5%;
position:relative;


}
#packshotmarque img
{
width:100%;
height:auto;
}
#packshotmarque
{
    display: inline-block;
    width: 130px;
    height: auto;
    position: absolute;
    margin-left: 420px;
    left: 50%;
    margin-top: -125px;
}
#bloc-marque2
{
background-image:url('../images/bgmarque2.jpg');
background-position:20% 20%;
background-size:40% auto;
background-repeat:no-repeat;
}

#bloc-marque1
{
background-image:url('../images/bgmarque1.jpg');
background-position:80% bottom;
background-size:30% auto;
background-repeat:no-repeat;
}
#bloc-marque1 #photo img
{
width:100%;
height:auto;
}
#bloc-marque1 #photo
{
    width: 20%;
    display: inline-block;
    position: absolute;
    left: 45%;
    margin-left: -10%;
    z-index: 1;
    top: 100px;

}

#bloc-marque1 #cadre2 .titre
{
font-size:45px;
}
.bloc-gris4 .chiffre
{
    font-size: 150px;
    line-height: 50px;
    display: inline-block;
}
#bloc-marque2 #cadre4 img
{
margin-left:-5px;
}
#bloc-marque2 #cadre3 img
{
margin-left:-5px;
}
#bloc-marque1 #cadre2 .chiffre
{
    font-size: 150px;
    line-height: 50px;
    display: inline-block;
}
#bloc-marque2 #cadre4 .chiffre
{
    font-size: 175px;
    line-height: 50px;
    display: inline-block;
}

#bloc-marque2 #cadre3 .chiffre
{
    font-size: 120px;
    line-height: 50px;
    display: inline-block;
}

#bloc-marque1 #cadre1 .titre
{
font-size:45px;
}
#bloc-marque1 #cadre1 #chiffre
{
position:relative;
top:80px;
}
#bloc-marque1 #cadre1 .ans
{
display:inline-block;
font-size:35px;
position:relative;
top:-70px;

}

#bloc-marque1 #citation
{
	    display: inline-block;
    font-size: 25px;
    color: #5175b9;
    text-align: right;
    width: 400px;
    position: absolute;
    right: 19%;
    z-index:9;
    margin-left: 500px;
    top: 150px;
}
#bloc-marque1 #cadre1 .lechiffre
{
font-size:175px;
line-height:50px;
display:inline-block;
}
#bloc-marque1 #cadre2
{
position: relative;
    left: 45%;
    top: 84px;
    margin-left: 20px;
    z-index: 2;
    padding-top: 70px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    color: #ccda71;
    width: 300px;
    display: inline-block;
    border: 2px solid #ccda71;
    text-align:center;
}

#bloc-marque2 #cadre4
{
position: relative;
    left: 45%;
    top: -125px;
   margin-left: 20px;
    z-index: 2;
    padding-top: 120px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    font-size: 25px;
    color: #5175b9;
    width: 300px;
    height:176px;
    display: inline-block;
    border: 2px solid #5175b9;
    text-align: center;
}
#bloc-marque2 #cadre3
{
position: relative;
    left: 45%;
    top: 87px;
   margin-left: -255px;
    z-index: 2;
    padding-top: 80px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 80px;
    font-size: 25px;
    color: #5175b9;
    width: 300px;
    display: inline-block;
    border: 2px solid #5175b9;
    text-align: center;
}
#bloc-marque1 #cadre1
{
position:relative;
left:45%;
top:80px;
margin-left:-500px;
z-index:2;
padding-top:50px;
padding-right:40px;
padding-left:40px;
padding-bottom:140px;
font-size:18px;
color:#6f6f6e;
width:300px;
display:inline-block;
border:2px solid #6f6f6e;
}
.content-marque
{
text-align:left;
}
.bloc-marque
{
position:relative;
}
.band-content
{
text-transform:uppercase;
font-size:35px;
}
#blocgeneration7 .bloc-droite #photo2
{
width:100%;
    height: 85vh;
    position: relative;

background-size:cover;

background-position:center center;
background-image:url('../images/generation5.jpg');

}
#blocgeneration2 .bloc-droite #photo2
{
width: calc(100% + 20px);
    height: 65vh;
    position: relative;
top:20vh;
background-size:cover;

background-position:center center;
background-image:url('../images/generation5.jpg');

}
#bandeaumonde .band-content .gras
{
font-family: "Kohinoor-SB";
}
#bandeaumonde .band-content
{
position:absolute;
top:50%;
width:100%;
left:60%;
text-align:left;
color:#353736;
margin-top:-80px;
}
.content-marque #bandeau-marque1 .band-content .gras
{
font-family: "Kohinoor-SB";
}
.content-marque #bandeau-marque1 .band-content
{
position:absolute;
top:50%;
width:100%;
left:0;
text-align:center;
color:#5175b9;
margin-top:-80px;
}
#chiffre5
{
background-image:url('../images/grandapplatgris.png');


}
#product ul
{
padding-left:15px;
margin:0;
}
#frisechrono .legendechiffre
{
width:275px;
}
#backtottop
{
position:fixed;
bottom:40px;
right:30px;
z-index:99;
}
#chiffre6,#chiffre13,#chiffre23
{
background-image:url('../images/grandapplatvert.png');


}

#chiffre7, #chiffre14,#chiffre19
{
background-image:url('../images/grandapplatgris.png');


}


#chiffre1,#chiffre8,#chiffre17,#chiffre20
{
background-image:url('../images/grandapplatbleu.png');


}

#chiffre2, #chiffre10,#chiffre16,#chiffre22
{
background-image:url('../images/grandapplatviolet.png');


}
#legende22
{
position:relative;
top:-10px;
}
#legende19,#legende23,#chiffre20
{
position:relative;
top:30px;
}
#legende20
{
position:relative;
top:10px;
}
#chiffre23
{
position:relative;
top:50px;
}
#chiffre22
{
position:relative;
top:40px;
}
#chiffre19
{
position:relative;
top:30px;
}
.contenutextemarque
{
width:1000px;
position:relative;
left:50%;
transform:translateX(-50%);
}
#chiffre3,#chiffre11,#chiffre18
{
background-image:url('../images/grandapplatbleuciel.png');


}
#chiffre4,#chiffre12,#chiffre15,#chiffre21
{
background-image:url('../images/grandapplatrose.png');


}
#frisechrono .colonnegauche .chiffre
{
background-repeat:no-repeat;
background-size:90% auto;
background-position:right bottom;
}

a.liennormal
{
text-decoration:none;
color:#000;
}
.soustitrefid
{
 position:relative;
 left:2%;
 font-size:25px;
 top:-50px;
}
#register-form2 .heading .gras
{
 font-family: "Kohinoor-SB";
}

#register-form2 .heading
{
border-top:1px solid #dadad9;
border-bottom:1px solid #dadad9;
padding-top:50px;
padding-bottom:50px;
font-size:40px;
}


#gamme .ligne:first-child
{

}
#register-form .heading .gras
{
 font-family: "Kohinoor-SB";
}
#login-form .heading
{
border-top:1px solid #dadad9;
border-bottom:1px solid #dadad9;
padding-top:50px;
padding-bottom:50px;
font-family: "Kohinoor-SB";
font-size:40px;
}
#ptvente .heading h1
{
	text-align:center;
	font-size:30px;
}
#register-form .heading, #ptvente .heading
{
border-top:1px solid #dadad9;
border-bottom:1px solid #dadad9;
padding-top:50px;
padding-bottom:50px;
font-size:40px;
}
#register-form #champssupplementaires input[type="file"]
{
width:250px;
}
#champssupplementaires
{
display:none;
width:100%;
}
.form-register-part2
{
margin-top:20px;

padding-bottom:50px;
padding-top:50px;
}
#inscription-ecran1 .partiegauche a:hover
{

border:2px solid #ffffff;
background-color:#ffffff;
color:#5f5f5e;

}
#inscription-ecran1 .partiegauche .boutons
{
position:absolute;
left:50%;
top:50%;
margin-left:-90px;
margin-top:-54px;
}
#inscription-ecran1 .partiegauche a
{

border:2px solid #ffffff;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-left:40px;
padding-right:40px;
    width: 100px;
    display: block;
text-transform:uppercase;
color:#ffffff;

}
#inscription-ecran1 .partiegauche
{
margin:0;
float:left;
position: relative;
padding:0;
width:49.7%;
height:100%;
display:inline-block;
background-image:url('../images/bgpartiegauche.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
#inscription-ecran1
{
vertical-align:top;
background-color:#a7bac9;
padding:0;
}
#inscription-ecran1 .partiedroite .contenu
{
position:absolute;
bottom:0;
padding:30px;
}
#inscription-ecran1 .partiedroite
{
float:right;
background-color:#a7bac9;
font-size:60px;
color:#ffffff;
text-align:left;
margin:0;
padding:0;
position: relative;

width:49.7%;
height:100%;
display:inline-block;
background-image:url('../images/bgpartiedroite.png');
background-size:30% auto;
background-position:right 5%;
background-repeat:no-repeat;
}
#inscription-ecran1
{
margin-top:50px;
width:100%;
height:60vh;
}
#inscription-ecran2
{
display:none;
}
.contenutests .date
{
color:#fe6776;
position:relative;
top:-60px;
}
.container
{
min-height:55vh;
}
.container.contenutests#register-form .mention
{
width:100%;
}
.container#register-form .mention
{
width:223px;
font-size:10px;
text-align:justify;
}
#presse-admin img.thumb
{
width:100px;
height:auto;
}
#presse-admin img
{
width:100%;
height:auto;
}
.article h2
{

 text-transform:uppercase;
color:#a7bac8;
}
#contenudiagnostic
{
position:relative;
min-height:600px;
width:100%;
vertical-align:top;
color:#ffffff;
height:50vh;
}
#contenudiagnostic .partiedroite .numquestion
{
position:absolute;
right:-2px;
top:50%;
margin-top:-300px;
}
#contenudiagnostic .partiedroite
{
vertical-align:top;
display:inline-block;
width:50%;
height:100%;
position:absolute;
left:50%;
background-color:#c4b0b5;
}

b
{
font-family: "Kohinoor-SB";
}
#contenudiagnostic .partiedroite a
{
color:#fff;
}
#contenudiagnostic .partiegauche
{
background-image:url('../images/bgdiag.jpg');
vertical-align:top;
background-size:cover;
background-repeat:no-repeat;
display:inline-block;
width:50%;
height:100%;
position:absolute;
text-transform:uppercase;
font-family: "Kohinoor-SB";
background-position:40% center;
letter-spacing:1px;
font-size:14px;
}
.container#diagnostic
{
text-align:left;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
#logointro1
{
position:fixed;
top:50%;
left:50%;
width:200px;
margin-left:-100px;
margin-top:-38px;
z-index:999999999999;
animation-name:intrologo1;
animation-duration:1s;
opacity:0;
}
@keyframes intrologo1 {
    from {opacity:1;}
    to {opacity:0;}
}
.container#ptvente
{
text-align:left;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#presse-admin
{
text-align:left;
padding-top:200px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#product
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.article img.imageie
{
width:700px !important;
height:auto;
}
.article img
{
width:100%;
height:auto;
}
.article .date
{
color:#000000;
}
#presse a
{
text-decoration:none;
}
.article .contenu
{
color:#000000;
text-align:justify;
text-decoration:none;
}

.container#presse
{
text-align:left;
padding-top:200px;
    width: 60%;
    position: relative;
    left:20%;
    
   
}
.container#gamme
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#account
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}

.container#register-form2
{
text-align:left;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#register-form
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#password-reset
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}
.container#login-form
{
text-align:center;
padding-top:150px;
    width: 60%;
    position: relative;
    left:20%;
   
}

#register-form label
{
display:inline-block;
width:130px;
color:#554d54;
text-align:left;
}
#modifprofil
{
display:none;
}
 a.lienprofil
{
color:#000;
}
#map
{
height:500px;
}



#footerpartiegauche table input
{
display:inline-block;
width:250px;
color:#a7bac8;
border:1px solid #a7bac8;
background-color:#ffffff;
height:24px;

}
#ptvente input[type="text"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
#register-form input[type="date"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}

#presse button:hover a
{
color:#a7bac8;
}
.numquestion .num
{
letter-spacing:3px;
padding-right:15px;
}
.numquestion .active .num
{
font-family: "Kohinoor-SB";
}
.findiag

{
font-size:16px;
text-align:center;
}
.numquestion td
{
padding-top:30px;
vertical-align:bottom;
margin:0;
padding-left:0;
padding-bottom:0;
padding-right:0;
}
.numquestion .applat img
{
width:25px;
height:auto;
opacity:0;
}
.numquestion .active .applat img
{
width:25px;
height:auto;
opacity:1;
}
#presse button a
{
color:#ffffff;
text-decoration:none;
}
#contenudiagnostic .partiedroite #question .question3
{

margin-top:-146px;
}

#contenudiagnostic .partiedroite #question .question4
{

margin-top:-101px;
}
#contenudiagnostic .partiedroite #question .question5
{

margin-top:-176px;
}
#contenudiagnostic .partiedroite #question .question6
{

margin-top:-139px;
}
#contenudiagnostic .partiedroite #question .question7
{

margin-top:-161px;
}


#contenudiagnostic .partiedroite #question .question8
{

margin-top:-214px;
}

#contenudiagnostic .partiedroite #question .question9
{

margin-top:-214px;
}

#contenudiagnostic .partiedroite #question
{
width:350px;
position:relative;
left:50%;
top:50%;
margin-top:-75px;
margin-left:-200px;
}
#routine .soin .descsoin
{
text-align:center;
}
#contenudiagnostic .partiedroite #question .reponse.selected .carrecheck
{

background-color:#ffffff;
border:1px solid #ffffff;
}
#contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck
{

background-color: rgba(255, 255, 255, 1) !important;
border:1px solid #ffffff;
}
#contenudiagnostic .partiedroite #question .reponse:hover .carrecheck
{

background-color: rgba(255, 255, 255, 0.3);
border:1px solid #ffffff;
}
#contenudiagnostic .partiedroite #question .carrecheck
{
display:inline-block;
width:15px;
height:15px;
position:relative;
top:2px;
transition : all 1s;
border:1px solid #ffffff;
}
#contenudiagnostic .partiedroite #question .question
{
font-family: "Kohinoor-SB";
letter-spacing:2px;
font-size:30px;
}
#contenudiagnostic .partiedroite #question .reponse
{
cursor:pointer;
letter-spacing:1px;
font-size:18px;
}
#submitdiag
{
opacity:0;
}
#contenudiagnostic .partiedroite .contenu
{

text-align:left;
}
.contactmonde#register-form .heading .gras
{
	color:#e78b8a;
}
.contactmonde #formcontact h2
{
	text-transform:none;
	color:#e78b8a;
}
#formcontact h2
{
	font-family: "Kohinoor-SB";
	font-weight:bold;
	text-transform:uppercase;
	color:#a7bac9;
}

#contenudiagnostic .partiegauche .contenu
{
position:relative;
top:50%;
margin-top:-20px;
text-align:center;
}
#contenudiagnostic .partiedroite button:hover
{
background-color:#5f5f5e;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
padding-left:20px;
color:#ffffff;
border:0;
font-family: "Kohinoor-SB";
font-size:14px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
letter-spacing:1px;
transition:all 0.5s;
}
#contenudiagnostic .partiedroite input
{
background:transparent;
border:0;
font-size:25px;
color:#ffffff;
width:100px;
height:25px;
border-bottom:1px solid #ffffff;
}
#contenudiagnostic .partiedroite button
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
padding-left:20px;
color:#5f5f5e;
border:0;
font-family: "Kohinoor-SB";
font-size:14px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
letter-spacing:1px;
}

#contenudiagnostic .partiegauche button:hover
{
background-color:#5f5f5e;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
padding-left:20px;
color:#ffffff;
border:0;
font-family: "Kohinoor-SB";
font-size:14px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
letter-spacing:1px;
transition:all 0.5s;
}

#contenudiagnostic .partiegauche button
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
padding-left:20px;
color:#5f5f5e;
border:0;
font-family: "Kohinoor-SB";
font-size:14px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
letter-spacing:1px;
}

#footerpartiegauche button
{
background-color:#a7bac8;
padding-top:7px;
padding-bottom:7px;
padding-right:20px;
padding-left:20px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}
.descsoin
{
text-align:left;
}
#routine .texteroutine .titre
{
font-size:21px;
color:#a7bac8;
}
#routine .texteroutine
{
display:block;
width:24%;
padding-right:30px;
vertical-align:top;
}
#routine
{

}
#louperecherche
{
width:15px !important;
height:15px !important;
border:0 !important;
}
#routine .soin img
{
    width: 19%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-85%);
}
#routine .soin img.imageie
{
width:70px !important;
}
#lessoinsdiag a.buttoncompte
{
	width:150px !important;
	text-decoration:none;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}
#lessoinsdiag td.nomsdiagnostic
{
	padding-top:30px;
	vertical-align:top !important;
}
#routine .soin .nomgamme,#lessoinsdiag .nomgamme 
{
color:#a7bac8;
font-size:22px;
padding-left:15%;
padding-right:15%;
text-align:center;
display:block;
width:70%;
}
#routine .soin .nomsoin,#lessoinsdiag .nomsoin 
{
color:#a7bac8;
font-size:18px;
padding-left:15%;
padding-right:15%;
text-align:center;
display:block;
width:70%;
}

#routine .texteroutine .nomsoin
{
color:#a7bac8;
}
#routine .soin .num, #lessoinsdiag .num
{
font-size:55px;
font-family: "Kohinoor-SB";
color:#a7bac8;
}
.soin a 
{
text-decoration:none;
}
#routine .soin .descsoin
{
position:absolute;
bottom:0;
}
#routine .soin
{
vertical-align:top;
display:inline-block;
width:30%;
padding:1%;
position:relative;
height:500px;
text-align:center;
}
.article h2 img
{
width:30px;
}

#logointro2
{
width:300px;
height:auto;
position:fixed;
top:50%;
left:50%;
z-index:9999;
margin-left:-150px;
margin-top:-78px;
display:none;
}

#intro #applat
{
position:absolute;
top:50%;
left:50%;
width:200px;
height:auto;
    margin-top: 10px;
    margin-left: -50px;
    animation-name: introanim;
    animation-duration: 2s;
	
}


@keyframes introanim {
    from {top:-200%;
left:-200%;
width:350%;
}
    to {top:50%;
left:50%;
width:200px;
}
}

/* The element to apply the animation to */
div {
    

}

#intro
{
background-color:#ffffff;
position:fixed;
left:0;
top:0;
z-index:9999999;
width:100vw;
height:100vh;

animation-name:animbgintro;
animation-duration:1s;

}

@keyframes animbgintro {

    from {
    
   background-color:#a7bac9;
}
    to {background-color:#ffffff;
}
}
.article h2 .fleche
{
float:right;
}
.article
{
 
    padding-top: 30px;
}
.article h2
{
cursor:pointer;

  font-size:15px;
 
}
a img
{

border:0;
}
#lessoinsdiag
{
text-align:center;
}
#routine
{
width:100%;
margin-bottom:500px;
}
#presse button
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;

}
#presse button:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
#ptvente button:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
#login-form button[type="submit"]:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
#register-form button[type="submit"]:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}

#infosprofil
{
position: absolute;
    left: 5%;
    top: 375px;
    margin-top: -110px;
    text-align: left;
}
#password-reset button[type="submit"]:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
a.buttoncompte:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
#register-form a.buttoncompte:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
.soin a.buttoncompte {
    width: 120px !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
a.buttoncompte
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
display:block;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
text-transform:uppercase;
cursor:pointer;
color:#ffffff;
font-size:12px;
width:250px;
}
#register-form a.buttoncompte
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
display:block;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
text-transform:uppercase;
cursor:pointer;
color:#ffffff;
font-size:12px;
width:250px;
}
#register-form button[type="submit"]
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}
#presse-admin button:hover
{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#a7bac8;
border:0;
text-align:center;
border:1px solid #a7bac8;
}
#ptvente button
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
margin-left:-17px;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}

#applatbleucontact
{
position:fixed;
top:200px;
left:0;
width:200px;
}
#presse-admin button
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}
.contact label
{
text-transform:uppercase;
}
.contact .asterisque
{
color:#a7bac8;
}
#ptvente.contact button
{
text-transform: uppercase;
}
#ptvente.contact select
{
text-transform: uppercase;
}
#ptvente.contact h2
{
    color: #a7bac8;
}
#ptvente table
{
position:relative;
left:50%;
margin-left:-305px;
}
#ptvente table td
{
min-width:300px;
vertical-align:top;
    text-transform: uppercase;
}
#ptvente input[type="date"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
#ptvente select
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}

#presse-admin input[type="text"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
#ptvente textarea
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:150px;
}
#presse-admin textarea
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:150px;
}
#register-form textarea
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:100px;
}
select
{
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    width: 250px;
    color: #554d54;
    border: 1px solid #554d54;
    background-color: #ffffff;
    height: 24px;
}
#formcontact .radio
{
text-align:left;
position:relative;
left:50%;
width:500px;
margin-left:-230px;
line-height:30px;
}
#register-form select
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
.lieuligne
{
display:block;
position:relative;
top:-130px;
}
.popupannonce input[type="text"]
{
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}

#register-form input[type="text"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
#register-form input[type="email"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
#register-form input[type="password"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}

#register-form .checkbox label
{
width:150px;
margin-left:20px;
}
#register-form a
{
text-decoration:none;
color:#000000;
}
#register-form label
{
display:inline-block;
width:130px;
color:#554d54;
text-align:left;
}
#register-form.contact label
{
display:inline-block;
width:200px;
color:#554d54;
text-align:left;
vertical-align:top;
}


#password-reset button[type="submit"]
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}

#password-reset input[type="email"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}


#password-reset label
{
display:inline-block;
width:130px;
color:#554d54;
text-align:left;
}


#login-form .checkbox label
{
width:150px;
margin-left:20px;
}
#login-form a
{
text-decoration:none;
color:#000000;
}
#login-form label
{
display:inline-block;
width:130px;
color:#554d54;
text-align:left;
}

.popupannonce input[type="submit"]:hover
{
border:1px solid #a7bac8;
color:#a7bac8;
background-color:#ffffff;
}
.popupannonce input[type="submit"]
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
color:#ffffff;
border:0;
text-transform:uppercase;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}

#login-form button[type="submit"]
{
background-color:#a7bac8;
padding-top:10px;
padding-bottom:10px;
padding-right:40px;
margin-left:14px;
padding-left:40px;
color:#ffffff;
border:0;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}
#login-form input[type="email"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
.ss-scroll
{
opacity:1 !important;
display:block !important;
}
#login-form input[type="password"]
{
display:inline-block;
width:250px;
color:#554d54;
border:1px solid #554d54;
background-color:#ffffff;
height:24px;
}
#frisechrono .colonnedroite .chiffre
{
background-repeat:no-repeat;
background-size:90% auto;

background-position:left bottom;
}
#bandeaumonde
{
background-size:cover;
margin-top:-50px;
background-attachment:fixed;
background-position:center center;
background-image:url('../images/bandeaumonde.jpg');
}
.content-marque #bandeau-marque1
{
background-size:cover;
background-attachment:fixed;
background-position:center center;
background-image:url('../images/bandeau3.jpg');
}
#frisechrono .chiffre
{
color:#5f5f5e;
text-align:center;
width:200px;
margin-top:50px;
margin-bottom:50px;
padding-top:30px;
    padding-bottom: 70px;
}
#frisechrono .colonnegauche .legendechiffre
{
position:relative;
left:calc(100% - 295px);
}

#frisechrono .colonnedroite .legendechiffre
{
padding-left:20px;
}
#frisechrono .colonnegauche .chiffre
{
color:#5f5f5e;
text-align:center;
width:200px;
position:relative;
left:calc(100% - 200px);
}

#frisechrono .chiffre .lechiffre
{
font-size:60px;
font-family: "Kohinoor-SB";
color:#5f5f5e;
}
#frisechrono
{
margin-top:50px;
margin-bottom:50px;
position:relative;
left:50%;
width:806px;
margin-left:-401px;
}
#frisechrono .colonnegauche
{
display:inline-block;
text-align:right;
vertical-align:top;
border-right:2px solid #a5a5a5;
width:400px;
position:relative;
padding-bottom:200px;
}
#frisechrono .colonnedroite
{
display:inline-block;
text-align:left;
    left: -4px;
width:400px;
position:relative;
top:50px;
}
#blocgeneration7 .bloc-gauche
{
    width: 50%;
    position: relative;
    text-align: justify;
   
    display: inline-block;
}
#blocgeneration7 .bloc-droite {
    width: 58%;
    display: inline-block;
    position: absolute;
  
}
#blocgeneration6 .portrait img
{
width:100%;
height:auto;
}
#blocgeneration6 .portrait {
    width: 100px;
   float:left;
   margin-right:20px;
}

#blocgeneration6 .bloc-droite
{
width:49%;
position:relative;
text-align:justify;

display:inline-block;
}
#blocgeneration6 .bloc-gauche
{
width:50%;
display:inline-block;
position:relative;

}
#photo6 {
    width: calc(100% - 20px);
    height: 100%;
    background-size: cover;
    position: relative;
    height: 50vh;
    right: 0;
    background-position: center top;
    background-image: url(../images/generation12.jpg);
    display: inline-block;
}
#blocgeneration3 .bloc-droite
{
width:44%;
padding-left:5%;
position:relative;

display:inline-block;
}
#blocgeneration3 .bloc-gauche
{
width:50%;
display:inline-block;
position:relative;

}
.tableaugeneration td.texte
{

padding-left:5%;
vertical-align:bottom;
text-align:justify;
}
.tableaugeneration td.image img
{
width:100%;
height:auto;

top:0;

}
.tableaugeneration td.image2 img
{
width: 115%;
    height: auto;
    position: relative;
    right: -10.5%;
    top: 0;

}
.tableaugeneration td
{
width:50%;
position:relative;
}
.tableaugeneration tr
{
width:100%;
}
.tableaugeneration td.image
{
padding:0 !important;
margin:0 !important;
}
.tableaugeneration
{
margin-top:140px;
width:100%;
position:relative;

}
img.cartefid
{
border:1px solid #5f5f5e;
}
#produitblochome3
{
width:19%;
}
.tableaugeneration td
{

}
#blocgeneration3,#blocgeneration6
{
margin-top:100px;
}
#blocgeneration7 .titre,#blocgeneration6 .titre,
#blocgeneration5 .titre,
.tableaugeneration .titre,
#blocgeneration3 .titre
{
display: inline-block;
    font-size: 30px;
    position: relative;
    top: -10px;
    text-align:left;
    text-transform: uppercase;
    color: #5f5f5e;
    }

#blocgeneration2 #texte1 .titre
{
    display: inline-block;
    font-size: 30px;
text-align:left;
    position: relative;
    top: -10px;
    text-transform:uppercase;
    color: #5f5f5e;
    
    }
.contenuproduit .cadrerose .petitchiffre
{
font-size:10px;
}
#blocgeneration2 #texte1
{
padding-right:100px;
text-align:justify;
}
.content-marque #bandeau-marque2 .band-content .gras
{
font-family: "Kohinoor-SB";
}
#blocgeneration5 #texte4
{

}
#blocgeneration5 .bloc-gauche,#blocgeneration5 .bloc-droite,#blocgeneration6 .bloc-gauche,#blocgeneration6 .bloc-droite
{
vertical-align:bottom;
}
.content-marque #bandeau-marque2 .band-content
{
position:absolute;
top:50%;
width:100%;
left:0;
text-align:center;
color:#5f5f5e;
margin-top:-53px;
}
.content-marque #bandeau-marque2
{
margin-top:50px;
background-size:cover;
background-attachment:fixed;
background-position:center center;
background-image:url('../images/bandeau4.jpg');
}

.content-marque .bandeau
{
height: 50vh;
    width: 100%;
    min-height: 500px;
    position: relative;
}
.echant 
{
font-size:11px;
}
.content-marque
{
padding-top:175px;
width:100%;

}

#blocgeneration2 h2.titreblocgeneration
{
color:#5175b9;
}

#blocgeneration1 #photo1
{
    width:50%;
    height: 55vh;
    background-size: cover;
    position: relative;
  
background-position:center center;
background-image:url('../images/generation2.jpg');
display:inline-block;
}
.generation-content #phototop
{
position:absolute;
right:0;
top:230px;
width:15%;
}
.generation-content #phototop img
{
width:100%;
height:auto;
}
.generation-content
{
width:80%;
position:relative;
left:10%;
text-align:left;
padding-top:230px;
}



.content
{
position:absolute;
top:0;
height:auto;
}

.generation-content .titre-top .gras
{
font-family: "Kohinoor-SB";
}
.generation-content .titre-top
{
width:75%;
	font-size:50px;
	color:#000000;
	padding-top:50px;
	padding-bottom:50px;
	border-top:1px solid #c2d66e;
	border-bottom:1px solid #c2d66e;
}

#header
{
width:100%;
height:130px;
position:fixed;
top:0;
left:0;
z-index:11;
}
#searchform input
{
height:20px;
width:150px;
font-size:10px;
border:1px solid #5f5f5e;
background:transparent;
}
#boutonprec
{
display:none;
}
.bonjourauth
{

color:#5f5f5e;

font-family: "Kohinoor-SB";
}
.liensheaddroite
{

line-height:15px;
    position: relative;
    left: 10px;
    top: -20px;
    color: #3b3b3b;
    font-size: 10px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {


border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}

.lienmoncompte
{
position:relative;
top:-10px;
}
.liensheaddroite a img.trait
{
position:relative;
left:15px;
top:-10px;
}
#lienslangues a.active
{
font-weight:bold;
}
#lienslangues a
{
text-decoration:none;
letter-spacing:1px;
color:#5f5f5e;
}
#lienslangues
{
font-size:12px;

}
.liensheaddroite a img:first-child
{
position:relative;
top:8px;
left:-10px;
}
.liensheaddroite a
{
color:#3b3b3b;
 font-size:10px;
 text-decoration:none;
}
.navbar
{
position:absolute;
left:50%;
z-index:10;
top:90px;
margin-left:-317px;
vertical-align: top;
}
#footerpartiedroite img
{
width:50px;
}
#slider
{
height:100vh;
width:100%;
position:relative;
}
#bloc2 #applat
{
position:absolute;
top:0;
right:0;
}

#bloc6 .contenu
{
color:#ffffff;
position:relative;
left:5%;
top:50%;
width:350px;

margin-top:-35px;
}

#bloc6 .contenu .soustitre
{

 text-transform:uppercase;
 font-size:15px;

}
#bloc6 .contenu #cadregauche
{

position:absolute;
left:-10px;
top:-20px;
width:100px;
}

#bloc6 .contenu #cadredroite
{

position:absolute;
right:-10px;
bottom:-20px;
width:100px;
}
#bloc6 .contenu .titre
{
 font-family: "Kohinoor-SB";
 text-transform:uppercase;
 font-size:25px;

}



#bloc3 .contenu .soustitre
{

 text-transform:uppercase;
 font-size:21px;

}
#bloc3 .contenu #cadregauche
{

position:absolute;
left:-30px;
top:-30px;
width:100px;
}

#bloc3 .contenu #cadredroite
{

position:absolute;
right:-30px;
bottom:-30px;
width:100px;
}
#bloc3 .contenu .titre
{
 font-family: "Kohinoor-SB";
 text-transform:uppercase;
 font-size:25px;

}
#bloc4 .contenu .titre
{
 font-family: "Kohinoor-SB";
 text-transform:uppercase;
 font-size:20px;

}
#bloc3 .contenu
{
color:#9c9c9c;
position:absolute;
left:50%;
top:50%;
width:350px;
margin-left:-175px;
margin-top:-35px;
}
.boutoncontact2
{
margin-left:77px;
}
.boutoncontact
{
margin-left:75px;
}
#bloc6 .contenu .titre
{
font-family: "Kohinoor-SB";
 text-transform:uppercase;
}
#bloc6:hover .contenu
{
color:#ffffff;
}
#bloc6:hover
{

}
.contenumentions
{
text-align:justify;
}
#bloc6 .contenu
{
position:relative;
top:50%;

color:#ffffff;
text-align:center;
font-size:21px;
margin-top:-65px;
}
#bloc4 .contenu .chiffre
{
	font-family: "Kohinoor-SB";
 text-transform:uppercase;
 font-size:200px;
 line-height:150px;
}
#bloc4 .contenu .soustitre
{
 text-transform:uppercase;
font-size:13px;
}
#bloc4 .contenu
{

color:#ffffff;
position:relative;
left:50%;
top:50%;
width:210px;
margin-left:-105px;
margin-top:-105px;
text-align:center;

}
.content-home .ligne #bloc2 a
{
position:relative;
}
#bloc5 .contenu .soustitre
{
 text-transform:uppercase;
 font-size:15px;
}
h1.letitreduproduit
{
font-weight:normal;

}
h2.titrebandeaumarque
{
font-weight:normal;
font-size:35px;
}
h1.titrebandeaumarque
{
font-weight:normal;
font-size:35px;
}
.content-home #bloc1
{
font-size:28px;

}
.contenuproduit h2
{
font-size:12px;
}
.descriptiongamme h1
{
margin:0;
padding:0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
   
}
h2.titregen
{
font-weight:normal;
}
.produitblochome:hover
{
transform:scale(0.8);
}
.produitblochome:first-child
{
margin-left:0 !important;
}
.content-home #bloc2
{
background-color:#ffffff;
background-repeat:no-repeat;


}
#bloc5 .contenu .titre
{
font-size:25px;
font-family: "Kohinoor-SB";
 text-transform:uppercase;
}
#inscription-ecran1 .partiedroite h1 .contenu
{
font-size:60px;
}
#bloc5 .contenu img
{
width:100px;
}
#bloc5 .contenu
{
color:#ffffff;
position:relative;
font-size:25px;
top:50%;
width:100%;
line-height:20px;
margin-top:-110px;
text-align:center;
}

#bloc1 .contenu .soustitre2
{
  
    
    
    font-family: "Kohinoor";
    font-size: 15px;
    display: block;
    line-height: 25px;
    text-transform: uppercase;
    padding-left: 35px;
    
        position: relative;
    top: -10px;

}

#bloc1 .contenu .soustitre
{
  font-family: "Allura";
    font-size: 28px;
    padding-left: 47px;
    text-transform: none;
    position: relative;
    top: -10px;
}


#bloc1 .contenu .titre
{
font-size:50px;
text-transform:none;
font-family: "Allura";
}
#bloc2 .contenu .titre
{
 font-family: "Kohinoor-SB";
 text-transform:uppercase;
 font-size:25px;
  position:relative;
 z-index:9;
}
#bloc2 .contenu .soustitre
{

 text-transform:uppercase;
 position:relative;
 z-index:9;
 font-size:17px;
}
#bloc2 .contenu
{
position:relative;
top:50%;
margin-top:-165px;
color:#afbcbf;
width:100%;
text-align:center;

}
.content-home .ligne .bloc a:first-child
{
margin-left:0 !important;
}
.content-home .ligne .bloc a
{
text-decoration:none;
position:absolute;
top:0;
left:0;

width:100%;
height:100%;
z-index:10;
}
.descriptionarticle
{
display:none;
}
@keyframes example {
    0% {right:-50px;}
    100% {right:0px;}
}
-moz-@keyframes example {
    0% {right:-50px;}
    100% {right:0px;}
}
-webkit-@keyframes example {
    0% {right:-50px;}
    100% {right:0px;}
}
#bloc2 #applat.anime
{
 -webkit-animation-name: example;
 -moz-animation-name: example;
 animation-name: example;
     -moz-animation-duration: 1s;
     -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

#bloc1:hover
{
background-color:#ffffff;
}
.contenuimage
{
    display: table-cell;
   height: 17.5vw;
    vertical-align: bottom;
}
#bloc1 .contenu
{
position:relative;
top:50%;
width:80%;
left:5%;
color: #e68b8a;
margin-top:-95px;
text-align:left;
transition:color 1s;
font-size:15px;
text-transform:uppercase;
}
.slide
{
height:100%;
width:100%;
position:absolute;
left:0;
top:0;
display:none;
}
#slide3 .contenu
{
position:absolute;
right:-20px;
}
#slide4 .contenu
{
position:absolute;
right:-20px;
}

#slide4 .slide-content
{
    position: absolute;
    left: 5%;
    bottom: 20%;
    text-align: left;
}
#slide3 .slide-content
{
position:absolute;
left:5%;
bottom:25%;
}
#slide3 .contenu {
    position: absolute;
    right: -20px;
}
#slide5 .contenu
{
position:absolute;
left:0;
}
#slide2 .contenu
{
position:absolute;
right:-20px;
}
#slide5 .titre
{
color:#3b3b3b;
}
#slide2 .titre
{
color:#3b3b3b;
}
#slide3 .titre
{
color:#5175b9;
}
#slide4 .soustitre
{
text-align:left;
margin-right:-50px;
}
.ligne
{
position:relative;
margin-top:20px;
width:100%;

}
.ligne .bloc
{
display:inline-block;
position:relative;
}
#ligne3
{
height:55vh;
}
#ligne2
{
height:55vh;
}
#ligne1
{
height:55vh;
}
.descriptionarticle button a
{
color:#fff;
text-decoration:none;
}
.descriptionarticle button:hover a
{
color:#a7bac8;
}
.descriptionarticle button:hover
{

  background-color: #ffffff;
   
    border: 1px solid #a7bac8;

}

.descriptionarticle button {
    background-color: #a7bac8;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
    color: #ffffff;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #ffffff;
    cursor: pointer;
}
#bloc6
{
width:calc(60% - 10px);
background-size:cover;

background-position:center center;
background-image:url('../images/bloc3.jpg');
position:absolute;
right:0;
}


.voileblanc
{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:9;
 background-color: rgba(255, 255, 255, 0.4);
}


.content-home #bloc5 .img2
{
display:none;
}
#bloc5:hover .contenu
{
color:#5175b9;
}
#bloc5:hover
{
background-color:#ffffff;
}
#bloc4:hover .contenu
{
color:#e68b8a;
}
#bloc4:hover
{
background-color:#ffffff;
}
#bloc5
{

width:calc(40% - 10px);
background-color:#5175b9;
}
#bloc4
{
position:absolute;
right:0;
width:calc(30% - 10px);
background-color:#e68b8a;
}
#bloc3
{
width:calc(70% - 10px);
background-size:cover;

background-position:center center;
background-image:url('../images/generation6.jpg');

}
#ligne1 .bloc
{
width:calc(50% - 10px);
}
#bloc2
{
background-size:cover;

background-position:center bottom;

position:absolute;
right:0;
}
#bloc1
{
background-size:cover;

background-position:center top;
background-image:url('../images/bloc1.jpg');
}
.slide a
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.ligne .bloc
{
height:100%;
transition:all 0.5s;
cursor:pointer;
}
.slide-numbers
{
position:absolute;
right:0px;
top:50%;
z-index:2;
margin-top:-120px;
color:#9c9c9c;
}
#lecontenu .gras
{
    font-family: "Kohinoor-SB";
}

.slide-numbers #slide-number4.actif
{
background-image:url('../images/applat-vert.png');
background-position: top right;
    background-size: 100% auto;
    background-repeat:no-repeat;
}

.slide-numbers #slide-number2.actif
{
background-image:url('../images/applat-gris.png');

background-position: top right;
    background-size: 100% auto;
    background-repeat:no-repeat;
}


.slide-numbers #slide-number3.actif
{
background-image:url('../images/applat-bleu.png');

background-position: top right;
    background-size: 100% auto;
    background-repeat:no-repeat;
}

.slide-numbers #slide-number1.actif
{
background-image:url('../images/applat-rose.png');

background-position: top right;
    background-size: 100% auto;
    background-repeat:no-repeat;
}
.slide-numbers .slide-number.actif
{
color:#ffffff;
}
.slide-numbers .slide-number
{
width:50px;
height:60px;
font-size:25px;
padding-top:20px;
padding-left:10px;
cursor:pointer;
}
.slide .slide-content .contenu #cadregauche
{
position:absolute;
left:-30px;
top:-30px;

width:150px;
}
.slide .slide-content .contenu #cadredroite
{
position:absolute;
right:-30px;
bottom:-30px;
width:150px;
}
#aucunptvente
{
position:relative;
top:-310px;
width:350px;
text-align:center;
padding:50px;
background-color:#ffffff;
left:50%;
margin-left:-225px;
}
.slide .slide-content .contenu
{

font-size:18px;
color:#5f5f5e;
margin-top:70px;
text-align:center;

width:250px;
}
.slide .slide-content .soustitre
{
font-size:25px;
margin-top:30px;
 font-family: "Kohinoor-SB";
 color:#5f5f5e;
 
}
.slide .slide-content .titre
{
font-size:50px;
font-family: "Allura";
}
.slide .slide-content
{
 text-align: right;
}
.contenuproduit #packshot.produitmoyen2
{

    position: absolute;
    bottom: 0;
    right: 10%;
    width: 200px;
    height: auto;
    z-index: 3;
}
#slide2 .slide-content
{
    position: absolute;
    left:5%;
    bottom: 20%;
    text-align: right;
}
#slide1 .slide-content
{
    position: absolute;
    right: 10%;
    top: 30%;
    text-align: right;
}
#slide2
{
background-size:cover;
background-attachment:fixed;
background-position:center center;

background-image:url('../images/slide4.jpg');
}
#slide3
{
background-size:cover;
background-attachment:fixed;
background-position:center center;
background-image:url('../images/slide3.jpg');
}
#slide4
{
background-size:cover;
background-attachment:fixed;
background-position:center center;

background-image:url('../images/slide1.jpg');
}
#slide1
{
background-size:cover;
background-attachment:fixed;
background-position:center center;
background-image:url('../images/slide2.jpg');

}
#footerpartiedroite
{
font-size:14px;
text-align:left;
position:absolute;
left:50%;
margin-left:30px;
color:#a7bac8;
padding-top:3px;
padding-left:40px;
border-left:1px solid #beb1b2;
height:100%;
}
#footerpartiegauche
{
text-align:left;
position:absolute;
left:50%;
margin-left:-473px;
}
#footerpartiegauche table th
{
text-align:left;
color:#beb1b2;
font-size:14px;
padding-bottom:20px;
padding-top:0;
}
#footerpartiegauche table .alert
{
color:#000;
text-transform:none;
}
#footerpartiegauche table tr td:first-child
{
padding-left:0;
}
#footerpartiegauche table tr td
{
padding-left:30px;
}
#footerpartiegauche table a
{
font-size:12px;
text-decoration:none;
color:#575756;
}

#footerpartiegauche table
{
text-transform:uppercase;
color:#a7bac8;
display:inline-block;
margin-left:50px;
vertical-align:top;
}

#footer
{
margin-top:100px;
width:100%;
position:relative;
background-color:#ffffff;
height:120px;
padding-top:30px;
}
.content
{
width:100%;
position:absolute;
top:0;
left:0;
}
.navbar ul.submenu li
{
 display:block;
 margin-left:0;
 margin-top:10px;
}
#searchform img
{
position:relative;
top:5px;
}
.sousmenusoins
{
width:765px ;
margin-left:-350px !important;
vertical-align:top;
}




.produit:hover .contenuproduit.A5ACAF
{
background-color:#A5ACAF;
}

.produit a .contenuproduit.A5ACAF .nom
{
color:#A5ACAF;
}

.contenuproduit.A5ACAF .titreproduit
{
color:#A5ACAF;
}




.produit:hover .contenuproduit.db610c
{
background-color:#db610c;
}

.produit a .contenuproduit.db610c .nom
{
color:#db610c;
}

.contenuproduit.db610c .titreproduit
{
color:#db610c;
}



.produit:hover .contenuproduit.FF00FF
{
background-color:#FF00FF;
}

.produit a .contenuproduit.FF00FF .nom
{
color:#FF00FF;
}

.contenuproduit.FF00FF .titreproduit
{
color:#FF00FF;
}


.produit:hover .contenuproduit.E59FDB
{
background-color:#E59FDB;
}

.produit a .contenuproduit.E59FDB .nom
{
color:#E59FDB;
}

.contenuproduit.E59FDB .titreproduit
{
color:#E59FDB;
}
.header-content.pagesinte
{
    background: rgba( 218, 218, 218, 0.9);
}
.pagesinte .navbar li a
{
color:#5f5f5e;
}
#product #lecontenu
{
font-size:11px;
text-align:left;
}
.produit:hover .contenuproduit.C0C0C0
{
background-color:#C0C0C0;
}

.produit a .contenuproduit.C0C0C0 .nom
{
color:#C0C0C0;
}

.contenuproduit.C0C0C0 .titreproduit
{
color:#C0C0C0;
}



.produit:hover .contenuproduit.AE9690
{
background-color:#AE9690;
}

.produit a .contenuproduit.AE9690 .nom
{
color:#AE9690;
}

.contenuproduit.AE9690 .titreproduit
{
color:#AE9690;
}



.produit:hover .contenuproduit.bug2
{
background-color:#9E959D;
}

.produit a .contenuproduit.bug2 .nom
{
color:#9E959D;
}

.contenuproduit.bug2 .titreproduit
{
color:#9E959D;
}


.produit:hover .contenuproduit.bug3
{
background-color:#ee5ea6;
}

.produit a .contenuproduit.bug3 .nom
{
color:#ee5ea6;
}

.contenuproduit.bug3 .titreproduit
{
color:#ee5ea6;
}



.produit:hover .contenuproduit.EFD807
{
background-color:#EFD807;
}

.produit a .contenuproduit.EFD807 .nom
{
color:#EFD807;
}

.contenuproduit.EFD807 .titreproduit
{
color:#EFD807;
}



.produit:hover .contenuproduit.bug
{
background-color:#5E366E;
}

.produit a .contenuproduit.bug .nom
{
color:#5E366E;
}

.contenuproduit.bug .titreproduit
{
color:#5E366E;
}




.produit:hover .contenuproduit.bug4
{
background-color:#8FE2AF;
}

.produit a .contenuproduit.bug4 .nom
{
color:#8FE2AF;
}

.contenuproduit.bug4 .titreproduit
{
color:#8FE2AF;
}



.produit:hover .contenuproduit.A5D867
{
background-color:#A5D867;
}

.produit a .contenuproduit.A5D867 .nom
{
color:#A5D867;
}

.contenuproduit.A5D867 .titreproduit
{
color:#A5D867;
}
.produit:hover .contenuproduit.bug6 .nom
{

color:#C0C0C0 !important;

}
.produit:hover .contenuproduit.bug6 .description
{

color:#000000 !important;

}


.produit:hover .contenuproduit.bug11
{
background-color:#2581c4 !important;

}
.contenuproduit.bug11 .titreproduit
{
color:#2581c4;
}
.produit a .contenuproduit.bug11 .nom
{
color:#2581c4;
}


.produit:hover .contenuproduit.bug10
{
background-color:#dfb74e !important;

}
.contenuproduit.bug10 .titreproduit
{
color:#dfb74e;
}
.produit a .contenuproduit.bug10 .nom
{
color:#dfb74e;
}


.produit:hover .contenuproduit.bug9
{
background-color:#307fe2 !important;

}
.contenuproduit.bug9 .titreproduit
{
color:#307fe2;
}
.produit a .contenuproduit.bug9 .nom
{
color:#307fe2;
}

.produit:hover .contenuproduit.bug8
{
background-color:#A7BCD6 !important;

}


.produit a .contenuproduit.bug8 .nom
{
color:#A7BCD6;
}

.contenuproduit.bug8 .titreproduit
{
color:#A7BCD6;
}



.produit:hover .contenuproduit.bug7
{
background-color:#60797d !important;

}


.produit a .contenuproduit.bug7 .nom
{
color:#60797d;
}

.contenuproduit.bug7 .titreproduit
{
color:#60797d;
}




.produit:hover .contenuproduit.bug6
{
background-color:#ffffff !important;
color:#C0C0C0 !important;
border:2px solid #C0C0C0;
}


.produit a .contenuproduit.bug6 .nom
{
color:#C0C0C0;
}

.contenuproduit.bug6 .titreproduit
{
color:#C0C0C0;
}



.produit:hover .contenuproduit.bug5
{
background-color:#3D7EDB !important;
}


.produit a .contenuproduit.bug5 .nom
{
color:#3D7EDB;
}

.contenuproduit.bug5 .titreproduit
{
color:#3D7EDB;
}


.produit:hover .contenuproduit.fcdbdb
{
background-color:#fcdbdb;
}

.produit a .contenuproduit.fcdbdb .nom
{
color:#fcdbdb;
}

.contenuproduit.fcdbdb .titreproduit
{
color:#fcdbdb;
}



.produit:hover .contenuproduit.D71F85
{
background-color:#D71F85;
}

.produit a .contenuproduit.D71F85 .nom
{
color:#D71F85;
}

.contenuproduit.D71F85 .titreproduit
{
color:#D71F85;
}



.produit:hover .contenuproduit.FF818D
{
background-color:#FF818D;
}

.produit a .contenuproduit.FF818D .nom
{
color:#FF818D;
}
#produitsblochome a
{
width:auto !important;
height:auto !important;
margin-left:0;
}
.contenuproduit.FF818D .titreproduit
{
color:#FF818D;
}
.cadrerose .contenu
{

}
.contenuproduit .titreproduit
{
font-size:15px;

 font-family: "Kohinoor-SB";
}
.contenuproduit .cadrerose
{
border:2px solid #e68a8a;
text-align:center;
width:90%;
padding-top:50px;
padding-bottom:30px;
font-size:9px;
text-transform:uppercase;
color:#e68a8a;

}
.contenuproduit .cadrerose .titre
{
 font-family: "Kohinoor-SB";
 font-size:13px;
}
.menuproduit a.actif::before {
  content: "> ";
  
  }
.contenuproduit #packshot
{
position:absolute;
bottom:0;
right:10%;
width:120px;
height:auto;
z-index:3;
}
.contenuproduit .cadrerose .chiffre
{
font-size:80px;
line-height:50px;
text-transform:none;
 font-family: "Kohinoor-SB";
}
.ligne .contenuproduit
{
width:calc(100% - 30px);
}
#product .contenuproduit
{


}
.produitblochome.produitblochomeie#produitblochome3
{
width:170px !important;

}
.produitblochome.produitblochomeie:hover
{
transform:scale(0.57) !important;


}
.produitblochome.produitblochomeie
{
transform:scale(0.5) !important;

width:140px !important;

}
.contenuproduit #packshot.produitmoyen
{
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 150px;
    height: auto;
    z-index: 3;
}
.contenuproduit #packshot.produitpetit
{
    position: absolute;
    bottom: 0;
    right: 13.5%;
    width: 90px;
    height: auto;
    z-index: 3;
}
.contenuproduit #packshot.produittoutpetit {
    position: absolute;
    bottom: 0;
    right: 13%;
    width: 70px;
    height: auto;
    z-index: 3;
}
.contenuproduit
{
vertical-align:top;
position:relative;

width:100%;
color:#575756;
font-size:12px;
}

.contenugauche .cadregris .temoignage .nom
{

}

.contenugauche .cadregris .temoignage .nom .gras
{
 font-family: "Kohinoor-SB";
}
.contenugauche .cadregris .temoignage
{
padding-left:40px;
padding-right:40px;
text-align:left;
}



.contenugauche .cadregris img
{
position:relative;

left:-2px;
}
.contenugauche .cadregris
{
background-color:#5f5f5e;
text-align:left;
color:#ffffff;
width:90%;
padding:2px;
margin-top:20px;
}
.contenuproduit
{
background-repeat:no-repeat;
background-size:25% auto;
background-position:10% 0%;
}
.contenugauche
{
vertical-align:top;
display:inline-block;
width:30%;
z-index:2;
text-align:left;
position:relative;
}
.contenudroite .desc img
{
position:relative;
top:-2px;
width:5px;
}
.contenudroite .desc
{
font-size:17px;
color:#ffffff;
    display: block;
    text-align: left;
}
.contenudroite
{
width:25%;
background-color:#ececec;
display:inline-block;
padding-left:2%;
padding-top:20px;
padding-bottom:20px;
padding-right:50px;
text-align:left;
z-index:2;
min-height:250px;
position:relative;

}

.sousmenusoins table tr td:first-child
{
padding-left:0px;
text-transform:uppercase;
}
.sousmenusoins table tr td
{
padding-left:15px;
}
.sousmenusoins table:first-child
{
margin-left:0px;
}
.sousmenusoins table
{
margin-left:20px;
min-width:300px;
vertical-align:top;
}
#inscription-ecran1 .partiegauche, #inscription-ecran1 .partiedroite
{
vertical-align:top;
}
.contenuproduit .contenudroite
{
padding-right:5%;
overflow:auto;
height:320px;
}
.contenucache
{
display:none;
}
#applatproduit
{
width:50.8%;
height:auto;
position:absolute;
bottom:0;
right:0;
margin-left:2px;
z-index:1;
}
a.lienchemin:hover
{
 font-family: "Kohinoor";
}
a.lienchemin
{
font-size:11px;
color:#000000;
padding:0;
margin:0;
border:0;
text-decoration:none;
}
.cheminproduit
{
font-size:9px;
margin-bottom:30px;
text-align:left;
position:relative;
top:-15px;
}
.contenufid td.notice
{
padding-top:2vh;
}
.contenufid td,.contenufid tr
{
height:100%;
-webkit-align-self: center;
vertical-align:middle !important;
}
.menuproduit a:hover
{
 font-family: "Kohinoor-SB";
}
.menuproduit a
{
display:block;
width:calc(100% - 20px);
padding-left:20px;
text-decoration:none;
color:#e68a8a;
font-size:12px;
padding-top:3px;
padding-bottom:5px;
border-bottom:1px solid #beb1b2;
}
.menuproduit .nomproduit
{
background-color:#e68a8a;
font-size:14px;
padding-top:3px;
padding-bottom:3px;
display:block;
padding-left:20px;
padding-right:40px;
color:#ffffff;
}
.menuproduit
{
position:absolute;
left:0;
z-index:9;
max-width:350px;
margin-left:-100px;
width:200px;
text-align:left;

}
.sousmenusoins table td a img
{
width:10px;
}
.sousmenusoins table td a:hover
{
color:#000000;
}
.sousmenusoins table td a
{
font-size:11px;
}
.sousmenusoins table .submenu-name.jaune
{
color:#dfb74e;
}
.sousmenusoins table .submenu-name.grey
{
color:#c7c6c6;
}
.sousmenusoins table .submenu-name.rose
{
color:#e78b8a;
}
.sousmenusoins table .submenu-name.bleu
{
color:#4d7bde;
}
.sousmenusoins table .submenu-name.vert
{
color:#c1d56d;
}
.sousmenusoins table .submenu-name.grus
{
color:#5E366E;
}
.sousmenusoins table .submenu-name.violet
{
color:#E59FDB;
}
.sousmenusoins table .submenu-name
{
font-family: "Kohinoor-SB";

padding-bottom:20px;
font-size:12px;
}
.sousmenusoins table
{
display:inline-block;
font-size:10px;
}
.navbar ul>li
{
position:relative;
}
.submenu-name
{
font-family: "Kohinoor-SB";
color:#beb1b2;

font-size:14px;
}
.navbar ul.submenu .item a:hover
{
color:#000000;
}
.navbar ul.submenu .item a
{
font-size:11px;
font-family: "Kohinoor";
}

.navbar ul.submenu
{
-moz-transition : all 0.5s;
transition : all 0.5s;
-webkit-transition : all 0.5s;
display:none;
position:absolute;
top:30px;
left:0;
min-width:250px;
padding:40px;
min-height:120px;
background: rgba( 255, 255, 255, 0.98);

}

.navbar .submenu .titregamme
{
padding-top:20px;
}
.navbar li a .trait
{
background-color:transparent;
width:30px;
height:3px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -15px;
}
.navbar li a.actif .trait
{
background-color:#ffffff;
}

.navbar li a:hover
{
color:#ffffff;
}
.navbar .submenu a
{
color:#5f5f5e;
}
.navbar li a
{
-moz-transition : all 0.5s;
transition : all 0.5s;
-webkit-transition : all 0.5s;
font-family: "Kohinoor-SB";
text-decoration:none;
letter-spacing:1px;
color:#fff;
font-weight:normal;
font-size:14px;
}
.navbar li:first-child
{
margin-left:0;
}
.navbar li
{
display:inline-block;
margin-left:30px;

}
.navbar ul,.navbar li
{
list-style-type:none;

}
.navbar ul
{
margin:0;
padding:0;
vertical-align: top;
}
.header-content
{
width:60%;
position:absolute;

top:0;
height:130px;
margin-left:20%;
background: rgba( 167, 187, 201, 0.9);
}

#logo
{
width:150px;
position:absolute;
top:30px;
left:50%;
margin-left:-75px;
}
#logo img
{
width:100%;
height:auto;
}
.contenumob
{
display:none;
}


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

#contenudiagnostic .partiedroite #question {
    width: 220px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -135px;
}
#contenudiagnostic .partiedroite #question .reponse
{
font-size:15px;
}
#contenudiagnostic .partiedroite #question .question {
    font-size: 20px;
}
}
@media  screen and (min-width: 600px) and (max-width: 900px){
.textemap
{
	padding:20px !important;
}
.boutonmap
{
	margin-top:20px !important;
}
#inscription-ecran1 .partiedroite .contenu
{
transform:translateY(-350%) !important;
}
.findiag
{
position:relative;
left:50%;

}

}



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

body .legendechiffre
{
max-width:100% !important;
}




}

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


#inscription-ecran1 .partiedroite
{
font-size:45px;
}
#inscription-ecran1 .partiedroite .contenu
{
position:relative;
    top: 38%;
}
.contenud
{
display:none;
}

#contenudiagnostic .partiedroite #question .reponse:hover .carrecheck
{
background:transparent;
}

#routine .texteroutine
{
display:block;
width:100%;
}
#routine .soin
{
width:30.5%;
}
#contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck
{
background:#fff !important;
}
#bloc1 .contenu .soustitre2
{
padding-left:21px;
}
.bloc-gris2
{
    top: -231px;
}
#bloc-marque1 #cadre2
{
top:83px;
}
.bloc-gris4
{
top: -110px;
}
#contenudiagnostic .partiegauche
{
background-image: url(../images/bgdiagmob.jpg);
 
    background-position: 45% center;
}
.contenuimage
{
  height: 17.5vw;
}

#blocgeneration1 #photo2
{
background-position:right center;
}
.tableaugeneration .image
{
    background-image: url(../images/generation9mob.jpg);
}

.tableaugeneration .image2 {

    background-image: url(../images/generation8mob.jpg);
}

#blocgeneration5 #photo4 {

    background-image: url(../images/generation10mob.jpg);
}
#photo5 {
 
    background-image: url(../images/generation11mob.jpg);
  height:120vh;
}
.menuproduit
{
margin-left:0;
    max-width: 150px;
}
.container#product
{
width:100%;
left:0;
}
.cheminproduit
{
left:20px;
width:50%;
}
.content-marque #bandeau-marque2,.content-marque #bandeau-marque1
{
background-attachment:scroll;
}

.bloc-gris2
{
width:355px;
}
.bloc-gris4
{
width:250px;
}
#packshotmarque
{
left:45%;
}
#bloc-marque1 #citation {
    display: inline-block;
    font-size: 25px;
    color: #5175b9;
    text-align: right;
    width: 370px;
    position: absolute;
    right: 7%;
    z-index: 9;
    margin-left: 500px;
    top: 150px;
}
#bloc-marque1
{
    background-position: 95% bottom;
}
#bloc-marque1 #cadre1
{
width:250px;
    margin-left: -450px;
}
#routine .soin img {
    width: 40%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-90%);
}

#findiag
{
margin-left:30px !important;
}
#contenudiagnostic .partiedroite #question .reponse{
font-size:15px;
}
#contenudiagnostic .partiedroite #question .question
{
font-size:20px;
}
#slide2,#slide1,#slide4,#slide3,#slide5
{
background-attachment:scroll;
}
.top-right
{
right:10px !important;
}
 #bloc2 .contenu
    {
     margin-top:0;
top:52%;
height:230px;
transform:translateY(-50%);

    }
}

@media only screen and (max-width: 400px){
#chiffre2
{
position:relative;
top:-22px;
}
#legende2
{
position:relative;
top:-20px;
}
#chiffre12
{
position:relative;
top:-5px;
}
#chiffre3
{
position:relative;
top:-40px;
}
#bloc-marque2
{
background-position: 0% 20% !important;
 
    background-size: 75% auto !important;
}
#register-form.contact label
{
position:relative;
left:-25px;
}
#chiffre4
{
position:relative;
top:-40px;
}
#chiffre13
{
position:relative;
top:20px;
}
#legende18
{
position:relative;
top:-20px;
}
#legende13
{
position:relative;
top:40px;
}
#legende12
{
position:relative;
top:20px;
}
#chiffre17
{
position:relative;
top:-20px;
}
#legende17
{
position:relative;
top:-30px;

}
#legende14

{
position:relative;
top:-40px;

}
#chiffre16
{
position:relative;
top:-40px;
}
#chiffre11
{
position:relative;
top:-30px;
}
#chiffre15
{
position:relative;
top:-40px;
}
#chiffre10
{
position:relative;
top:-10px;
}
#legende7
{
position:relative;
top:40px;
}
#chiffre14
{
position:relative;
top:-60px;
}
#register-form select
{
width:254px;
}
.produitblochome
{
transform:none !important;
-moz-transform:none !important;
-webkit-transform:none !important;
}
.slide-numbers
{
top:40%;
}
#bloc2 .contenu
{
top:52% !important;
}
.soin a.buttoncompte
{
	   
}
 body #routine .soin a img
    {
    width:55% !important;
     transform:translateY(-100%) !important;
    }
 #frisechrono .chiffre
    {
    width:90% !important;
    }
 #footerpartiegauche table
    {
    
    margin-left:-142px !important;
    width:284px !important;
    left:50% !important;
    position:relative !important;
    }
    
     #frisechrono .colonnegauche .chiffre
    {
    width:90% !important;
    left:10% !important;
    }
    
    }
    
    @media only screen and (max-width: 1260px){
    
    #inscription-ecran1 .partiedroite h1 .contenu
    {
    font-size:40px;
    }
    
    }

@media only screen and (max-width: 900px){
	
	#lessoinsdiag .soin1
	{
		order:1;
	}
	#routine .soin
	{
		display:block !important;
		width:100% !important;
	}
	#lessoinsdiag .soin2
	{
		order:2;
	}
	
	.contenudesk
	{
		display:none !important;
	}
	body #routine .soin a img
	{
		width:30% !important;
		transform:none !important;
		top:0 !important;
	}
	#lessoinsdiag .soin3
	{
		order:3;
	}
	.soin
	{
		height:auto !important;
		margin-bottom:40px !important;
	}
	#routine .soin .descsoin {
    position: relative !important;
    bottom: 0;
}
	
	#lessoinsdiag td
	{
		display:block !important;
		width:100% !important;
		
	}
#lienslangues
{
position:fixed;
bottom:20px;
left:50%;
transform:translateX(-50%);
}
.desc.titrepageproduit .sousnom
{
display:block;
}
#datetest {
   
   top:200px;
   width:100%;
   text-align:center;
    }
#boutonparticiper
{
font-size:20px;
top: 20px;
}
.container.contenutests#register-form
{
padding-bottom:50px;
}
.contenutests
{
width:100%;
left:0;
}
.container.contenutests#register-form .mention
{
width:80%;
}
.contenutests .partiedroite .heading
{
padding-left:30px;
padding-right:30px;
}
.contenutests .mention
{
padding-left:30px;
padding-right:30px;
}
.contenutests .partiedroite
{
padding-top:30px;
padding-bottom:30px;
}
.contenutests .partiegauche,.contenutests .partiedroite
{
width:100%;
display:block;

}
#contenudiagnostic .partiedroite #question.questionfindiag
{
width:90%;
}
#popupinscription #register-form input
{
width:240px !important;
}
.contenuimage
{
display:block;
}
.produit a
{
position:relative;
width:100%;
display:block;
}


.sousmenusoins.plansite
{
padding-left:20px !important;
}
#produitsblochome a
{
margin-left:3%;
}
.plansite
{
padding-left:20px;
}
#frisechrono .colonnegauche
{
text-align:right;
}
#chiffre19
{
position:relative;
top:10px;
}
#chiffre20
{
position:relative;
top:0;
}
#chiffre21
{
position:relative;
top:-20px;
}
#routine .texteroutine
{
padding-bottom:20px;
}
.legendechiffre
{
max-width:148px !important;
}
#legende23
{
position:relative;
top:100px;
}
#contenudiagnostic .partiedroite #question .reponse:hover .carrecheck
{
background:transparent;
}
#legende23
{
position:relative;
top:70px;
}
#legende23
{
position:relative;
top:100px;
}
#legende20
{
position:relative;
top:-20px;
}
#chiffre21
{
position:relative;
top:-30px;
}
#legende22
{
position:relative;
top:30px;
}
#legende13
{
position:relative;
top:-10px;
}
#chiffre15
{
position:relative;
top:20px;
}
#chiffre13
{
position:relative;
top:-50px;
}
#chiffre16
{
position:relative;
top:0px;
}
#legende12
{
position:relative;
top:-20px;
}
#chiffre17
{
position:relative;
top:0px;
}
#chiffre12
{
position:relative;
top:-10px;
}
#legende17
{
position:relative;
top:20px;
}
#legende10
{
position:relative;
top:-20px;
}
#legende16
{
position:relative;
top:20px;
}
#legende15
{
position:relative;
top:20px;
}
#chiffre6
{
position:relative;
top:-20px;
}
#chiffre10
{
position:relative;
top:-40px;
}
#chiffre14
{
position:relative;
top:-10px;
}
#legende8
{
position:relative;
top:-50px;
}
#chiffre8
{
position:relative;
top:-50px;
}
#legende7
{
position:relative;
top:-20px;
}
#chiffre3
{
position:relative;
top:10px;
}
#chiffre7
{
position:relative;
top:-10px;
}
#blocgeneration6 .bloc-droite .texte
{

}
#contenudiagnostic .partiedroite #question .reponse.selected:hover .carrecheck
{
background:#fff !important;
}
#login-form .checkbox label
{
width:100%;
margin-left:0;
}

.checkbox
{
text-align:center;
}
.guill2
{
top:20px;
}
#blocgeneration7 .citation
{
margin-top:30px;
margin-bottom:30px;
}
.tableaugeneration
{
margin-top:70px;
}
#contenudiagnostic .partiegauche
{
background-image: url(../images/bgdiag.jpg);
 
    background-position: 40% center;
}
#product .swiper-slide-next
{
margin-left:5px;
}
.produitblochome
{
transform:none !important;
-moz-transform:none !important;
-webkit-transform:none !important;
}
#findiag
{
margin-left:0 !important;
}
#photo5
{
background-image: url(../images/generation11.jpg);
}
#blocgeneration5 #photo4
{
background-image: url(../images/generation10.jpg);
}
.tableaugeneration .image2 {
    background-image: url(../images/generation8.jpg);
}
#blocgeneration5 .bloc-droite .bloc-content
{
margin-left:0;
}
.produitblochome
{
width:12%;
}
#produitblochome3
{
width:14%;
}
#blocgeneration1 #photo2
{
display:block;
position:relative;
right:0;
left:-12.5%;
height:45vh;
margin-top:50px;
width:102.5%;
}
#produitsblochome
{
top:-30px;
}
.produitblochome:hover
{
transform:none !important;
}
#routine .soin .descsoin
{
padding:1%;
left:50%;
width:100%;
transform:translateX(-50%);
text-align:center;
}
#blocgeneration1 #texte2
{
margin-left:0;
width:100%;
}


.produitblochome
{
transition : none !important;
}
.swiper-slide-active  .produitblochome
{
width:11%;

}
.slide .slide-content .contenu
{
color:#a5a5a5;
}

    .slide-content .titre img {
        width: 230px;
    } 
    #product ul
    {
    padding-left:15px;
    }
     #product #lecontenu
    {
    padding-right:30px;
    }
    
    #bloc-marque2 #cadre4 .chiffre
    {
    line-height:80px;
    font-size:80px;
    }
    #bloc-marque2 #cadre4
    {
    line-height:10px;
    font-size:25px;
    }
    #bloc-marque2 #cadre4 .chiffre
    {
    margin-left:-5px;
    }
    
    #bloc-marque2 #cadre3 .chiffre
    {
    line-height:60px;
    font-size:60px;
    }
    #bloc-marque2 #cadre3
    {
    line-height:10px;
    font-size:15px;
    }
    
    .slide .slide-content .contenu #cadregauche
{

top:-20px;


}
.slide .slide-content .contenu #cadredroite
{
bottom:-20px;
}
    #menumob .contenumenumob
    {
    position:relative;
    top:50%;
    transform:translateY(-100%);
    }
    .traitblancmenumob
    {
    height:2px;
    width:30px;
    position:relative;
    left:50%;
    margin-left:-15px;
    top:5px;
    background-color:#fff;
    }
    
 
 
 
  #slide2
    {
    background-position:center bottom;
    }
	.slide .slide-content
	{
		display:none !important;
	}
	#slide1
	{
		background-image:url('../images/slide1mobnew.jpg') !important;

	}
	#slide2
	{
		background-image:url('../images/slide2mobnew.jpg') !important;

	}
	#slide3
	{
		background-image:url('../images/slide3mobnew.jpg') !important;

	}
	#slide4
	{
		background-image:url('../images/slide4mobnew.jpg') !important;

	}
    #slide2,#slide1,#slide4,#slide3,#slide5
    {
    background-attachment:scroll;
    }
    #menumob .contenumenumob a
    {
    display:block;
    width:100%;
    margin-top:30px;
    text-transform:uppercase;
    color:#5f5e5e;
    text-decoration:none;
    font-family: "Kohinoor-SB";
    font-size:15px;
    text-align:center;
    }
   .sousmenusoins table tr td.titregamme
    {
    padding-top:25px;
    }
    .sousmenusoins table
    {
    margin-left:0;
    }
    .sousmenusoins table tr td:first-child
    {
    width:130px;
    }
    .sousmenusoins table tr td a
    {
    font-size:10px !important;
    }
    .sousmenusoins table tr td
    {
    text-align:left;
    padding-top:5px;
    padding-bottom:5px;
    font-size:12px;
    }
    .sousmenusoins table
    {
    display:block;
    }
    .sousmenusoins
    {
    display:block !important;
    width:80%;
    left:10%;
    position:relative;    padding:0;
    margin-left:0 !important;
    }
    #menumob .contenumenumob
    {
    width:100%;
    }
    .sousmenusoins table
    {
    min-width:100px;
    }
    #menumob
    {
    display:none;
    position:fixed;
    top:90px;
    width:100%;
    height:100vh;
    z-index:999;
    left:0;
    
    background-color: rgba(218, 218, 218, 0.95);
    }
    .contenumob
    {
    display:block;
    }
    #boutonmenumob
    {
    position:fixed;
    top:35px;
    left:20px;
    z-index:9999;
    }
    .content-home .ligne
    {
    height:100vh !important;
    }
    .content-home #bloc2
    {
     display:block !important;
    width:100% !important;
     height:50% !important;
    }
    .content-home #bloc1
    {
    display:block !important;
    width:100% !important;
    vertical-align:top;
    height:50% !important;
    position:relative;
    }
    #bloc-marque1 #photo
    {
    right:0;
    width:50%;
    left:auto;
    }
    #bloc1 .contenu
    {
    top:50%;
     margin-top:0;
     transform:translateY(-50%);
    }
    #bloc2
    {
    position:relative;
    }
    #bloc2 .contenu .soustitre
    {
    width:100%;
    font-size:14px;
    }
    #bloc2 #applat
    {
    display:none;
    }
    #bloc3,#bloc4,#bloc5,#bloc6
    {
    height:50%;
    display:block;
    position:relative;
    width:100%;
    }#bloc4 .contenu
    {
    top:50%;
    transform:translateY(-50%);
    }
    .header-content
    {
    width:100vw;
    height:90px;
    }
    .container#register-form2
    {
    width:80%;
    left:10%;
    padding-top:110px;
    }
    #bloc-marque1 #cadre1 #chiffre
    {
    top:0;
    font-size:12px;
    }
    #bloc-marque1 #cadre1 .lechiffre
    {
    position:relative;
    top:20px;
    font-size:80px;
    line-height:30px;
    }
    #formcontact .radio
    {
    left:10%;
    width:80%;
    margin-left:0;
    }.contenumentions
    {
    width:80%;
    position:relative;left:10%;
    }
    
    #bloc-marque1 #citation
    {
    width:40%;
    left:5%;
    font-size:12px;
    padding:0;
    top:105px;
    margin:0;
    }
    #bloc-marque2 #cadre4 .chiffre
    {
    font-size:80px;
    }
    #bloc-marque2 #cadre3 .chiffre
    {
    font-size:60px;
    }
    .bloc-gris2
    {
    width:50%;
    padding:5%;
    left:40%;
    margin-left:0;
    top:145px;
    }
    .bloc-gris4 .chiffre{
    font-size:80px;
    }
    #packshotmarque
    {
    display: inline-block;
    width: 50px;
    left:auto;
    height: auto;
    position: absolute;
    margin-left:0;
    right: 240px;
    margin-top: -160px;
    }
    .bloc-gris5
    {
     width:90%;
    padding:5%;
    left:0%;
    margin-left:0;
    top:0px;
    }
    .content-marque #bandeau-marque2 .band-content
    {
    margin-top:-25px;
    }
    .bloc-gris4
    {
     width: 180px;
    padding-left: 5%;
    padding-right: 5%;
    left: calc(100% - 260px);
    right:0;
    margin-top:220px;
    position:relative;
     display:block;
     top: 0;
         line-height: 30px;
         font-size:21px;
    margin-left:-5px;
    padding-top:60px;
    }
    
    .bloc-gris3
    {
     width:70%;
    padding:5%;
    left:0%;
    margin-left:0;
    top:180px;
    display:block;
    }
      #bloc-marque2 #cadre4
    {
      width: 200px;
    padding-bottom: 20px;
    padding-top: 20px;
    left: 2%;
    top: 21px;
    height: 110px;
    margin-left: 0;
    padding-left: 2%;
    padding-right: 2%;
    }
    .content-marque #bandeau-marque1,.content-marque #bandeau-marque2
    {
    background-attachment:scroll;
    }
    .boutoncontact,.boutoncontact2
    {
    margin-left:0;
    }
    #bloc-marque2 #cadre3
    {
    width:30%;
      padding-bottom: 20px;
    padding-top: 20px;
    left:2%;
    top:269px;
    margin-left:0;
    padding-left:2%;
    padding-right:2%;
    }
    .bloc-gris
    {
    width:50%;
    left:0;
    margin-left:0;
    padding:5%;
    top:280px;
    }
    #bloc-marque1 #cadre2 .chiffre
    {
    font-size:80px;
    }
   
    #bloc-marque1 #cadre2
    {
    left:2%;
    padding-left:2%;
    padding-right:2%;
    right:0;
    width:30%;
    margin-left:0;
    margin-right:0;
    top:32vw;
    
    padding-top:40px;
    padding-bottom:30px;
    }
    .pointslideproduit.inactif
    {
    opacity:0.35;
    }
	 .swiper-slide-prev
    {
    text-align:right !important;
    }
	#bloc2 .swiper-slide-prev a
	{
	position:relative;
	right:-20% !important;
	opacity:0.5;
	left:auto !important;
	}
	#bloc2 .swiper-slide-next a
	{
	position:relative;
	left:-20% !important;
	opacity:0.5;
	}
	
    #bloc2 .swiper-slide-next
    {
    text-align:left !important;
    }
    #bloc-marque1 #cadre1 .ans
    {
    font-size:18px;
    top:-15px;
    }
    .ligne .contenuproduit
    {
    top:0;
    }
    .ligne
    {
    margin-top:30px;
    }
    .produit img
    {
    height:100% !important;
    width:auto !important;
    }
    #bloc-marque1 #cadre1 .lechiffre img
    {
    position:relative;
    top:30px;
    }
    #bloc-marque1 #cadre1
    {
    padding-left:10%;
    padding-right:10%;
    width:120px;
    top:280px;
    margin-left:4px !important;
    padding-top:10%;
    padding-bottom:10%;
    }
    #frisechrono .colonnegauche .chiffre
    {
    width:50%;
    left:50%;
    }
    #blocgeneration2 .bloc-gauche #photo1
    {
    height:35vh;
    }
    #blocgeneration1 #photo1
    {
    width:80%;
    left:0;
    height:25vh;
    }
    #blocgeneration2 .bloc-droite #photo2
    {
    display:none;
    }
    #blocgeneration1 #texte1
    {
    padding-left:0;
    }
    #blocgeneration2 .citation
    {
    font-size:15px;
    }
    #blocgeneration2 .bloc-droite
    {
    display:block;
    position:relative;
    left:0%;
    width:100%;
    }
    h2.titreblocgeneration
    {
    font-size:20px;
    }
    #blocgeneration2 #texte2
    {
    width:100%;
    }
    #blocgeneration1 #texte2 .conseil
    {
    width:100%;
    margin-top:30px;
    }
    #blocgeneration2 .bloc-gauche
    {
    width:90%;
    left:5%;
    display:block;
    }
    #blocgeneration1 #texte2 .conseil .titre
    {
    font-size:20px;
    
    margin-top:20px;
    }
 
    #blocgeneration1 #texte2 .citation .guill
    {
    font-size:60px;
    }
    #blocgeneration1 #texte2 .citation
    {
    font-size:20px;
        position: relative;
    top: -20px;
    }
  
    .content-marque
    {
    padding-top:90px;
    }
    #blocgeneration1 #texte1 {
    display: block;
    width: 100%;
    position: relative;
    left:0;
    right:0;
    text-align: justify;
    bottom: 0;
}
    .generation-content
    {
    left:10%;
    padding-top:110px;
    }
    #blocgeneration1 .ligne2
    {
    height:auto;
    }
    .genintro
    {
    width:100%;
    margin-left:0;
    }
    #blocgeneration7 .bloc-gauche,#blocgeneration7 .bloc-droite
    {
    display:block;
    width:100%;
    }
    #photo5
    {
    left:0;
    height:50vh;
    right:0;
    width:100%;
    }
    #blocgeneration5 #photo4
    {
    float:none;
    width:100%;
    height:40vh;
    }
    #blocgeneration5 .bloc-droite,#blocgeneration6 .bloc-droite
    {
    margin-top:50px;
    }
    #blocgeneration6 .bloc-droite .texte
    {
    padding-left:0;
    }
    #blocgeneration6
    {
    height:auto;
    }
    .tableaugeneration .image
    {
    background-position: center 25%;
    }
    .tableaugeneration .image2,.tableaugeneration .image
    {
    height:40vh;
    }
    #blocgeneration6 .bloc-gauche, #blocgeneration6 .bloc-droite
    {
     display:block;
    width:100%;
    position:relative;
    }
    #blocgeneration5 .bloc-gauche, #blocgeneration5 .bloc-droite
    {
    display:block;
    width:100%;
    position:relative;
    }
    .tableaugeneration td.texte
    {
    padding-left:0;
    }
    .tableaugeneration td
    {
    display:block;
    width:100%;
    padding:0;
    }
    #blocgeneration3 .bloc-droite
    {
    padding-left:0;
    }
    #blocgeneration3 .bloc-gauche,#blocgeneration3 .bloc-droite
    {
    display:block;
    width:100%;
    }
    #blocgeneration3 #photo3
    {
    height:40vh;
    }
    #blocgeneration7 .bloc-droite #photo2
    {
    height:45vh;
    right:-12.5%;
    }
    #blocgeneration7 .bloc-droite
    {
    position:relative;
    padding-left:0;
    }
    #blocgeneration2 .bloc-droite
    {
    padding-left:0;
    }
    .genintro img
    {
    width:100%;
    }
    #blocgeneration7 .citation
    {
    top:0;
    }
    .header-content.pagesinte{
    background:#fff;
    }
	
    .content-marque .bandeau
    {
    min-height:30vh;
    height:30vh;
    }
    #bloc-marque1 {
    
    background-position: 100% 70%;
    background-size: 40% auto;
    }
    #frisechrono .chiffre
    {
    width:50%;
    }
    #frisechrono .colonnegauche .legendechiffre
    {
   left: calc(90% - 148px);
    }
   
    #bloc-marque1 #cadre1
    {
    margin-left:0;
    left:5px;
    }
    #frisechrono .legendechiffre
    {
    width:90%;
    padding-left:5% !important;
    }
    #frisechrono .colonnegauche
    {
     width:49%;
    }
    #frisechrono .colonnedroite
    {
    width:49%;
    }
    #frisechrono
    {
    width:100%;
    margin-left:0;
    left:0;
    }
    .band-content
    {
    font-size:15px;
    }
    .content-marque #bandeau-marque1 .band-content
    
    {
    margin-top:-50px;
    }
    
    .band-content .gras
    {
    font-size:20px;
    }
    #bloc-marque2
    {
        background-position: 5% 27%;
    background-size: 40% auto;
    }
    .cheminproduit
    {
    width:90%;
    }
    #footerpartiegauche table tr td a
    {
    font-size:10px;
    }
    #footerpartiegauche table tr td
    {
    text-align:center;
    line-height:15px;
   
    width:100%;
    }
    #footerpartiegauche table tr
    {
    display:block;
    width:100%;
    }
    #footerpartiegauche table
    {
    
  
    width:284px;
    left:25px;
    position:relative;
    }
    #bloc5
    {
    margin-top:40px;
    }
    #bloc4
    {
    margin-top:20px;
    }
    #bloc4 .contenu .chiffre
    {
    padding-left:40px;
    }
    #bloc6
    {
    margin-top:20px;
    }
    #bloc3 .contenu
    {
    width:60%;
    margin-left:0;
    left:20%;
     margin-top:0;
     top:50%;
     transform:translateY(-50%);
    }
    #footerpartiedroite img
    {
    width:40px;
    }
    
    #footerpartiedroite
    {
    margin-left:0;
    left:10%;
    width:80%;
    margin-top:30px;
    position:relative;
    }
    #footerpartiegauche
    {
    margin-left:0;
    left:0;
    width:100%;
    position:relative;
    }
    #footerpartiegauche .tableaunews
    {
		display:none;
    }
    #bloc6 .contenu
    {
    left:10%;
    }
    #bloc2 .contenu
    {
     margin-top:0;
top:42%;
height:230px;
transform:translateY(-50%);

    }
    #bloc-marque1
    {
    top:-100px;
    }
     #bloc5 .contenu
     {
     margin-top:0;
     top:50%;
     transform:translateY(-50%);
     }
    
    #bloc1 .contenu .soustitre2
    {
    left:0;
    
    font-size:12px; 
    width:100%;
    }
    #bloc1 .contenu .titre img
    {
    width:100% !important;
    }
    #bloc2 .contenu .titre
    {
    font-size:28px;
    }
    #footerpartiedroite
    {
    padding:0;
    border:0;
    }
    #bloc4 .contenu
    {
    width:100%;
     margin-top:0;
    margin-left:0;
    left:0;
    transform:translateY(-50%);
    top:50%;
    }
    #bloc6 .contenu
    
    {
    transform:translateY(-50%);
    top:50%;
    margin-top:0;
    width:80%;
    font-size:13px;
    }
    .header-content
    {
    margin-left:0;
    }
    .navbar
    {
    display:none;
    }
    .top-right
    {
    display:none;
    }
    .slide-content #cadregauche
    {
    left:0 !important;
    }
    .slide-content #cadredroite
    {
    right:0 !important;
    }
    .slide-content #cadregauche,.slide-content #cadredroite
    {
    width:50px !important;
    }
    #slide2 .soustitre
    {
    text-align:left;
    margin-right:0;
    }
    #intro
    {
    display:none !important;
    }
    #slide2 .contenu
    {
    left:0;
    }
    #slide1 .contenu
    {
    left:0;
    }
    #inscription-ecran1 .partiedroite
    {
        background-size: 15% auto;
    }
    #applatbleucontact
    {
    z-index:0;
    }
    #inscription-ecran2 .row
    {
    z-index:1;
    position:relative;
    }
    #footer
    {
    margin-top:0;
    }
    #slide5 .contenu
    {
    left:0;
    }
    #slide5 .slide-content
    {
    left:20px;
    }
     #slide2 .slide-content
    {
    left:20px;
    }
    #slide1 .slide-content
    {
    left:20px;
    }
    .slide .slide-content .contenu
    {
    font-size:14px;
    }
    .slide .slide-content .soustitre
    {
    font-size:15px;
    }
    .container#register-form
    {
    margin-left:0;
    width:100%;
    left:0;
    }
    #contenudiagnostic
    {
    height:200vh;
    min-height:100vh;
    }
    .container#diagnostic
    {
    padding-top:90px;
    }
    #contenudiagnostic .partiegauche
    {
    height:50%;
    }
    
    #contenudiagnostic .partiedroite
    {
    height:50%;
    }
    #contenudiagnostic .partiedroite .numquestion
    {
    margin-top:0;
    transform:translateY(-50%);
    }
    #contenudiagnostic .partiedroite #question .question
    {
    font-size:20px;
    }
    #contenudiagnostic .partiedroite #question .reponse{
    
    font-size:12px;
    }
    #contenudiagnostic .partiegauche,#contenudiagnostic .partiedroite
    {
    display:block;
    width:100%;
    
    left:0;
    position:relative;
    }
    #diagnostic h2
    {
    text-align:center;
    }
    #contenudiagnostic .partiedroite
    {
   
    }
    #contenudiagnostic .partiegauche .contenu
    {
    margin-top:0;
     transform:translateY(-50%);
    }
    .numquestion td
    {
    padding-top:0;
    }
    #contenudiagnostic .partiedroite #question
    {
    width:65%;
    left:10%;
    margin-left:0;
    margin-top:0;
    transform:translateY(-50%);
    }
    .container#diagnostic
    {
    width:100%;
    left:0;
    }
    #register-form label
    {
    display:block;
    text-align:center;
    width:100%;
    }
    .descriptiongamme
    {
       width: calc(100% - 120px);
       padding-left:10px;
    }
    .chemin
    {
    margin-left:20px;
    }
    .contenudesk
    {
    display:none;
    }
    .imagegamme
    {
    width:80px;
    margin-right:5px;
    }
    .container#gamme
    {
    width:100%;
    left:0;
    }
    #routine .soin
    {
    width:30.6%;
    }
    #routine .soin .descsoin
    {
    padding:1%;
    }
    .panel-body h2
    {
    font-size:1.4em;
    }
    #routine .soin img
    {
     transform:translateY(-90%);
    }
    #routine .soin .nomsoin
    {
    font-size:12px;
    }
    #routine .soin .nomgamme
    {
    font-size:15px;
    }
    #routine .soin
    {
    padding:1.2%;
    }
    
    #routine .soin
    {
    width:30%;
    }
    #routine .texteroutine
    {
    display:block;
    width:80%;
    position:relative;
    left:10%;
    padding:0;
    }
    .findiag
    {
    width:90%;
    }
    #login-form label
     {
    display:block;
    text-align:center;
    width:100%;
    }
    .container#login-form
    {
    left:0;
    width:100%;
    }
    #applatbleucontact
    {
    width:50px;
    top:100px;
    }
    #register-form .heading
    {
    font-size:20px;
    }
    #inscription-ecran1 .partiegauche .boutons
    {
    top:150%;
    z-index:9;
    }
    #popupinscription
    {
    top:0;
    left:0;
    height:90%;
    transform:none;
    padding:10%;
    width:80%;
    text-align:center;
    }
 #popupinscription #register-form
 {
 
 height:100%;
 }
    #inscription-ecran1 .partiedroite .contenu
    {
    position:relative;
    top:-50%;
    transform:translateY(-180%);
    font-size:30px !important;
    text-align:center;
    }
    #inscription-ecran1
    {
    height:100vh;
    margin-top:0;
    }
    .container#register-form
    {
    padding-top:90px;
    }
    #product .contenugauche .cadregris
    {
    display:none;
    }
    .contenuproduit #packshot
    {
    right:5% !important;
    }
    #product .contenudroite
    {
    width:55%;
    left:-15%;
    position:relative;
    }
    .contenugauche
    {
        position: absolute;
    right: 0;
    bottom:0px;
    width: 150px;
    }
    .menuproduit
    {
    margin-left:4%;
    position:relative;
    width:250px;
    }
    .menuproduit a
    {
    
    display:none;
    }
   .pointsslideprod
   {
   width:65%;
   margin-top:10px;
   }
    .contenuproduit .cadrerose
    {
    padding-top:30px;
    }
    #product .contenuproduit
    {
    padding-bottom:230px;
    }
    .contenuproduit
    {
    background-position:left bottom;
    background-size:50% auto;
    }
    .contenuproduit .cadrerose .chiffre
    {
    font-size:50px;
    }
    .container#product
    {
    width:100%;
    left:0;
    }
    a.lienchemin
    {
    position:relative;
    left:20px;
    }
    #inscription-ecran1 .partiegauche, #inscription-ecran1 .partiedroite
    {
    display:block;
    width:100%;
    height:50%;
    }
    .contenuimage
    {
    height:150px !important;
    }
    form#modifprofil
    {
    width:80%;
    position:relative;
    left:10%;
    }
    #map
    {
    height:350px;
    }
    .contenufid .image
    {
    width:100%;
    }
    .contenufid .notice
    {
    width:100%;
    }
    .contenufid td
    {
    display:block;
    width:100%;
    }
    .contenufid
    {
    width:100%;
    margin-left:0;
    }
    .contenuproduit
    {
    font-size:10px;
    }
    #register-form a.buttoncompte
    {
    width:170px;
    }
    .container#ptvente
    {
    width:100%;
    left:0;
    }
    .produit
    {
    width:39% !important;
    }
    #routine .soin img
    {
    width:30%;
    }

#infosprofil
{
top:0;
margin-top:100px;

position:relative;
width:100%;
}
.slide .slide-content .contenu
{
width:160px;
}
#slide2 .slide-content
{
bottom:30%;
top:auto;
}
#slide1 .slide-content

{
top:auto;
bottom:30%;
}
#bloc6 .contenu .soustitre
{
display:none;
}
#bloc1 .contenu .soustitre2
{
display:none;
}
.slide .slide-content .soustitre
{
margin-top:0;
}

#slide4 .slide-content
{
bottom:30%;
top:auto;
}
#slide2
{

background-image:url('../images/slide1mob.jpg');
}




#backtottop a img
{
width:40px;
}
.produit img.produitgrand
{
height:70% !important;
}
#backtottop {
    
    bottom: 10px;
    right: 10px;
    
}
.descriptiongamme
{
text-align:left;
}
#applatproduit
{
bottom:230px;
}
.contenuproduit #packshot
{
width:90px !important;
bottom:230px !important;
}
.ss-scroll
{
margin-left:20px;
}
.contenuproduit
{
top:40px;
}
#bloc4 .contenu .chiffre
{
font-size:150px;
}
.popupannonce input[type="submit"]
{
    background-color: #a7bac8 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
    color: #ffffff !important;
    border: 0 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    border-radius:0 !important;
    -webkit-appearance:none !important;
    -webkit-border-radius:0 !important;
    
}
}