*{margin: 0; padding: 0;}


@font-face {
    font-family: 'itc_avant_garde_gothic_bookRg';
    src: url('../fonts/itc/avantgardeitcbybt-book.eot');
    src: url('../fonts/itc/avantgardeitcbybt-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itc/avantgardeitcbybt-book.woff') format('woff'),
         url('../fonts/itc/avantgardeitcbybt-book.ttf') format('truetype'),
         url('../fonts/itc/avantgardeitcbybt-book.svg#itc_avant_garde_gothic_bookRg') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoe/5834388143-webfont.eot');
    src: url('../fonts/segoe/5834388143-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/segoe/5834388143-webfont.woff') format('woff'),
         url('../fonts/segoe/5834388143-webfont.ttf') format('truetype'),
         url('../fonts/segoe/5834388143-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('../fonts/myriadpro/MYRIADPRO-COND.woff') format('woff');
}

@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster/lobster_1.3.eot');
    src: url('../fonts/lobster/lobster_1.3.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster/lobster_1.3.woff') format('woff'),
         url('../fonts/lobster/lobster_1.3.ttf') format('truetype'),
         url('../fonts/lobster/lobster_1.3.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'steelfishregular';
    src: url('../fonts/steelfishrg/steelfish_rg.eot');
    src: url('../fonts/steelfishrg/steelfish_rg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfishrg/steelfish_rg.woff') format('woff'),
         url('../fonts/steelfishrg/steelfish_rg.ttf') format('truetype'),
         url('../fonts/steelfishrg/steelfish_rg.svg#steelfishregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('../fonts/champagne/champagne__limousines-webfont.eot');
    src: url('../fonts/champagne/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champagne/champagne__limousines-webfont.woff2') format('woff2'),
         url('../fonts/champagne/champagne__limousines-webfont.woff') format('woff'),
         url('../fonts/champagne/champagne__limousines-webfont.ttf') format('truetype'),
         url('../fonts/champagne/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('../fonts/champagne/champagne__limousines_bold-webfont.eot');
    src: url('../fonts/champagne/champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champagne/champagne__limousines_bold-webfont.woff2') format('woff2'),
         url('../fonts/champagne/champagne__limousines_bold-webfont.woff') format('woff'),
         url('../fonts/champagne/champagne__limousines_bold-webfont.ttf') format('truetype'),
         url('../fonts/champagne/champagne__limousines_bold-webfont.svg#champagne__limousinesbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'story_bookregular';
    src: url('../fonts/story/story_book-webfont.eot');
    src: url('../fonts/story/story_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/story/story_book-webfont.woff2') format('woff2'),
         url('../fonts/story/story_book-webfont.woff') format('woff'),
         url('../fonts/story/story_book-webfont.ttf') format('truetype'),
         url('../fonts/story/story_book-webfont.svg#story_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*Page Peignoir bébé*/

#blocTextePeignoirBebeGauche
{
  line-height: 10px;
  width: 100%;
  margin:0 auto 0 auto;
  margin-left: auto;
margin-right: auto;
width: 59%;
margin-top: 63%;
height: 360px;

}


#blocTextePeignoirBebeGauche p
{
  text-align: justify;
  font-size: 14px !important;
}


#blocTextePeignoirBebeGauche h2
{
  text-align: center;
  text-transform: uppercase;
  font-size: 18px !important;
}

#blocTextePeignoirBebeDroite
{
  margin:0 auto 0 auto;
  margin-left: auto;
margin-right: auto;
width: 61%;
margin-top: 93px;
height: 317px;
}

#blocTextePeignoirBebeDroite p
{
  text-align: justify;
  font-size: 14px !important;
}


#blocTextePeignoirBebeDroite h2
{
  text-align: center;
  text-transform: uppercase;
    font-size: 18px !important;
}

 /*Page peignoir personnalisé Réorganisation page & BLOCS*/

.DemandeDevis
{
width: 234px !important;
margin-right: 18% !important;
background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
font-size: 20px !important;
margin-top: 0px !important;
font-size: 15px !important;
bottom: 0px !important;
margin-left: -32% !important;
}

.DemandeDevis > a
{
  color: white !important;
  position: relative;
top: 10px !important;
right: 450px !important;
width: 234px !important;
}

.DemandeDevis:hover {
  background-color: #fd9d31;
}
.DemandeDevis:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



#BesoinDevis > p {
  font-size: 15px;  line-height: 24px !important;
margin-bottom: 40px;
text-align: justify;
width: 63%;}

#BesoinDevis h2
{
  text-transform: uppercase;
font-size: 16px !important;
}
#textePeignoir .head3
{

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

#QuelPeignoir h2
{
  font-size: 17px !important;
  text-transform: uppercase;
}

.bouttonPersoPeignoir
{
  width: 120px;
  background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
font-size: 20px !important;
margin-top: 0px !important;
margin-left: -404px !important;
margin-right: 45% !important;
font-size: 15px !important;

}


#QuelPeignoir > p
{
  width: 100%;
  font-size: 15px !important;
}

#textePeignoir
{
  margin-left: 40px;
}

.bouttonPersoPeignoir > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.bouttonPersoPeignoir:hover {
  background-color: #fd9d31;
}
.bouttonPersoPeignoir:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}


#blocTexteGauche
{
  width: 100%;
  float: left;
  text-align: justify;

}

#blocTexteGauche > p
{
width: 80%;
line-height: 20px;
  font-size: 15px !important;
}


#blocTexteDroite
{
  width: 100%;;
}

#blocTexteDroite > p
{
width: 92%;
line-height: 20px;
  font-size: 15px !important;
}


#visuelProduits

{
  width: 100%;
  float: left;
}

#visuelProduits #visu1
{
  height: 335px;
margin-left: 88px;
margin-top: 20px;
}

#visuelProduits img
{
  width: 100% !important;
}

#visuelProduits .vigntxt
{
  margin-top: 265px;
}

#visuelProduits #visu2
{
  height: 355px;
  margin-left: 170px;
}

#visu1 img > img
{
  margin-left: 12px !important;
}

#visu1 .bouttonPersonnalisePeignoir
{
  margin-left: 12px !important;
}

#visu2 .bouttonPersonnalisePeignoir
{
  margin-left: 22px !important;
}

#visu2 .bouttonPersonnalisePeignoirBebe
{
  margin-left: 5px !important;
}

 /*****************************************************/


 .demo-pricing {
        position: absolute;
  margin-top: 330px;
  padding: 14px 26px;
  margin-left: 635px;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 100%;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
  color: #fff;
  display:inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

.demo-pricing:active {
  padding-top: 15px;
        margin-bottom: -1px;
}
.demo-pricing, .demo-pricing:hover, .demo-pricing:active {
  outline: 0 none;
  text-decoration: none;
  color: #fff;
}


/*Boutton landing page tee-shirt */

.demo-pricing-1-11 {
  background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 410px !important;
width: 45% !important;
right: 210px;
height: 50%;
font-size: 24px !important;
}

.demo-pricing-1-10 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-10:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-10:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



/*Boutton landing page tablier */

.demo-pricing-1-10 {
  background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 428px !important;
width: 53% !important;
right: 172px;
height: 36%;
font-size: 24px !important;
}

.demo-pricing-1-10 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-10:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-10:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}


/*Boutton landing page sweat-shirt */

.demo-pricing-1-9 {
background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 393px !important;
width: 22% !important;
right: 149px;
height: 9%;
font-size: 24px !important;
}

.demo-pricing-1-9 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-9:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-9:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



/*Boutton landing page serviette */

.demo-pricing-1-8 {
  background-color: #feb45f;
box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 400px !important;
width: 53% !important;
right: 172px;
height: 36%;
font-size: 23px !important;
}

.demo-pricing-1-8 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-8:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-8:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



/*Boutton landing page polo */

.demo-pricing-1-7 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 416px !important;
width: 43% !important;
right: 220px;
height: 32%;
font-size: 20px !important;
}

.demo-pricing-1-7 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-7:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-7:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



/*Boutton landing page peignoir */

.demo-pricing-1-6 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 416px !important;
width: 43% !important;
right: 220px;
height: 32%;
font-size: 20px !important;
}

.demo-pricing-1-6 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-6:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-6:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}



/*Boutton landing page mug */

.demo-pricing-1-5 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 416px !important;
width: 43% !important;
right: 220px;
height: 45%;
font-size: 20px !important;
}

.demo-pricing-1-5 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-5:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-5:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}


/*Boutton landing page casquette */

.demo-pricing-1-4 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 416px !important;
width: 43% !important;
right: 220px;
height: 32%;
font-size: 18px !important;
}

.demo-pricing-1-4 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-4:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-4:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}


/*Boutton landing page body*/

.demo-pricing-1-3 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 443px !important;
width: 40% !important;
right: 26px;
height: 6%;
font-size: 23px !important;
}

.demo-pricing-1-3 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-3:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-3:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}

/*Boutton landing page Bavoir*/

.demo-pricing-1-2 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
margin-top: 430px !important;
width: 40% !important;
left: -344px;
height: 5%;
}

.demo-pricing-1-2 > a
{
  color: white !important;
  position: relative;
top: 10px;
}

.demo-pricing-1-2:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-2:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}

/*Boutton landing page Bandana*/

.demo-pricing-1-1 {
  background-color: #feb45f;
  box-shadow: 0px 3px 0px 0px #fd9d31;
  margin-left: 20px !important;
margin-top: 409px !important;
width: 28%;
}

.demo-pricing-1-1 > a
{
	color: white !important;
  line-height: 25px;
}

.demo-pricing-1-1:hover {
  background-color: #fd9d31;
}
.demo-pricing-1-1:active {
  box-shadow: 0px 1px 0px 0px #feb45f;
}


/*Modification de la marge pour raprocher contenu de la barre de nav après enlevement du sbmenu collection*/

#frst
{
	margin-top: 0px !important;
}

/*Modidfication de titre tunnel de commande*/

.head2orange
{
	text-transform: uppercase;
}

/* Modification disposition texte header page de demande de devis */

#container #frst .content-size > p
{
	text-align: justify;
width: 85%;
margin-left: 24%;
font-size: 16px;
}


#container #frst .content-size > h1
{
	text-align: center;
text-transform: uppercase;
}

/*Modification de l'alignement du titre page Mon compte*/



/*Boutton landing page Serviette*/

#bouttonServ
{
width: 372px;
height: 62px;

border-radius: 20px;
background-image:linear-gradient(#ff6e02, #ffc000);
text-transform: uppercase;
text-align:center;
font-size:18px;
font-family:"Arial";

}

#bouttonServ a:link {text-decoration:none}      /* unvisited link */
#bouttonServ a:visited {text-decoration:none; color:white;}  /* visited link */
#bouttonServ a:hover {text-decoration:none; color:white;}  /* mouse over link */
#bouttonServ a:active {text-decoration:none; color:white;}  /* selected link */

#bouttonServ a
{
display: block;
height: 54px;
padding-top: 2.5%;
}


#bouttonServ:hover
{
color: #ff8b35;
     background: #ff8b35;
     background: -webkit-linear-gradient( #ff6e02, #ffc000);
     background:    -moz-linear-gradient( #ff6e02, #ffc000);
     background:     -ms-linear-gradient( #ff6e02, #ffc000);
     background:      -o-linear-gradient( #ff6e02, #ffc000);
     background:         linear-gradient( #ff6e02, #ffc000);
	 }

#bouttonServ:active
{
     background: -webkit-linear-gradient( #ff8b35, #fff000);
     background:    -moz-linear-gradient( #ff8b35, #fff000);
     background:     -ms-linear-gradient( #ff8b35, #fff000);
     background:      -o-linear-gradient( #ff8b35, #fff000);
     background:         linear-gradient( #ff8b35, #fff000);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.7);
}

/******************************************************/

#poloManchecourte

{
	width:60% !important;
	padding-left:200px !important;
}

#poloManchecourte p:nth-of-type(1)
{
	text-align: justify !important;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* ********************************** */

.mask2{
	position:relative;
	width:570px;
	height:375px;
	overflow:hidden;
}


span img{
/*	display:block;
	border:none;*/
}

/*modification landing page tee-shirt brode*/

#header .boutton a:nth-of-type(2){
font-weight: bold;
position: relative;
right: 49%;
top: -35px;
color: white;
font-size: 19px;
}

#video
{
	margin-left: 112px !important;
}


#header .boutton2 > a > img
{
left: 190px;
position: relative;
width: 100%;
height: 60px;
}

#header .boutton2 a:nth-of-type(2)
{
	left: 74%;
position: relative;
bottom: 75%;
color: white;
font-size: 17px;
font-weight: bold;
}