#cookie{
	position: fixed;
	bottom: 74px;
	left: 55px;
	width: calc(100% - 110px);
	max-width: 300px;
	background-color: white;
	text-align: left;
}




#cookie #content{
	padding: 10px;
	text-align: left;
}


#cookie #content p{
	font-size: .8rem;
}


#cookie #content p.button-cookie{
	margin-top: 5px;
	font-size: 1rem;
  text-transform: uppercase;
}


#newsletter .cadre-regular #mc_embed_signup_scroll{
	padding: .5em;
}

#newsletter .form p.clear input#mc-embedded-subscribe{
	color:  white;
	width: auto;
	padding-left: 2em ;
	padding-right: 2em ;
	

}

#newsletter  #mc_embed_signup div.mce_inline_error{
	background: none;
	text-align: left;
	color: #6B0505 !important;
	font-size: 1rem;
	margin: 0  !important;

}




#newsletter .form #mce-responses #mce-error-response{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	font-family: georgia,"Times New Roman",Times,serif;
	background-color: rgba(255, 255, 255, 0.85);
}
#newsletter .form #mce-error-response a{
	font-family: "din-condensed-web", helvetica, arial, sans-serif;	
	letter-spacing: 1px;
	font-size: 18px;
	display: inline-block;
	margin-top: 10px;
	text-transform: uppercase;
}


#cookie #content p a{
	font-family: "din-condensed-web", helvetica, arial, sans-serif;	
	text-transform: uppercase;
	display: inline-block;
}

#cookie #content p a{
	margin-top: 10px;
}



.form #mc_embed_signup div.response{
	text-align: center;
	width: 100%;
	font-weight: normal;
}

.form #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error,
.form #mc_embed_signup #mce-success-response{
	color: black;
}

section#page404.nodiapo{
padding: 2.8em 2.4em 4.2em 2.4em;
}



#adresse header{
	background: transparent url("../img/svg/trait2.svg") center bottom no-repeat;
}

#textdiaporama .owl-item figure, #diaporama .owl-item figure{
    border-color: transparent;
    border-style: solid;
    border-width: 2.7em 0 4em 0 ;
}

#textdiaporama .owl-item figure.nofullscreen, #diaporama .owl-item figure.nofullscreen, #textdiaporama .owl-item figure.nofullscreen.text, #diaporama .owl-item figure.nofullscreen.text{
    border-width: 5.2em 4.7em 6.5em 4.7em ;
}

.open-menu #newsletter .form{
	opacity: 0;
}

#newsletter .form p,
#newsletter .form a{
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	padding: .3em;
}


#produits h1, #produits h2, .textactu, .produitstext, .textactu .alignleft,  .produitstext .alignleft,  .textactu .centertext, .produitstext .centertext{
		text-align: center;
}

.produitstext{
	margin: 4em 1em;
}

.icon0 .produitstext{
	margin: 1em;
}

#lespatisseries{
	left: 2.9em;
	width: 250px;
	top: 5em;
}

#lespatisseries article h1{
	font-size: 1.5em;
	margin-top: .3em;
	min-height: 1.5em;
}

.infospate{
	margin-top: .5em;
}

section#mappy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#page404{
	position: absolute;
}

#page404 h1{
	font-size: 3em;
}

#produits article > div .contenu {
	margin: 1em 0;
}

#singleactu .contentactu h1{
	background-size: 130px 10px;
}

#actu .ornements .icongaudard{
	width: 30px;
	height: 30px;
}

#logo{
	top: .8em;
	left: 2.9em;
}




/* style mentions */


#adresse.pagemention header .contacts, #adresse.pagemention header .mentions{
	display: none;
}

.adresselink{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	left: 0;
	border-right: 1em solid transparent;
	border-left: 1em solid transparent;
	margin-bottom: 0;
}


.adresselink a{
	background-color: #f4f4f4;
	display: block;
	padding: .5em 0;
}


/* style vignette mob */


#listingActu h2 a .titre1, #listingActu h2 a .titre2{
  	font-size:2.7em;
}

#listingActu h2 a .titre3{
 	font-size:1.8em;
}

#listingActu h2 a .soustitre1, #listingActu h2 a .soustitre2{
		font-size: 1.3em;
}


#listingActu .coin-HD, #listingActu .coin-BD{
	right: 1.8em;
}

#listingActu .coin-HG, #listingActu .coin-BG{
	left: 1.8em;
}


#listingActu .coin-HD, #listingActu .coin-HD{
	top: 1.8em;
}


#listingActu .coin-BD, #listingActu .coin-BG{
	bottom: 1.8em;
}

.phone-hidden, .open-menu #diaporama-buttons, #diaporama-buttons li span.text-nav, #titlePatissier{
	display: none;
}


#share {
	width: 5em;
	height: 4.8em;
	position: relative;
	z-index: 1000
}

#share p{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	margin: 0;
}

#share ul li a{
	position: absolute;
	top: .5em;
	left: 50%;
	margin-left: -.5em;
	font-size: 1.2em;
}


body > #share{
	position: fixed;
	right: 1.9em;
	top: .8em;
}

.open-share #share a{
	top: 2.8em;
}


.open-share #share a.pinterest{
	left: 3.1em;
}

.open-share #share a.twitter{
	margin-left: -.5em;
}

.open-share #share a.facebook{
	left: .1em;
}

.haut{
	border-top-width: 22px;
}

section.nodiapo{
	position: static;
	height: auto;
}

section#patisseries article a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

section#patisseries{
	height: 100%;
	position: absolute;
	padding: 2.8em 2.4em 4.3em 2.4em; 
}

section#patisseries .ettiquette{
	height: 100%;
	position: relative;
	width: 100%;
}

section.nodiapo > div.fullcontent{
	padding: .5em;
}

#navigation nav > ul > li{
	width: 50%;
	margin: 1em 0;
	float: left;
}

.reso ul{
	display: inline;
}

#navigation nav > ul > li:nth-child(odd){
	text-align: right;

}

#navigation nav > ul > li{
	height: 1em;
}


#navigation nav > ul > li > a{
	display: inline-block;	
}

#navigation nav > ul > li:nth-child(even){
	padding-left: 2.5em;
	background: transparent url(../img/svg/menutraitmobright.svg) center left no-repeat;
}

#navigation nav > ul > li:nth-child(odd){
	padding-right: 2.5em;
	background: transparent url(../img/svg/menutraitmobleft.svg) center right no-repeat;
}


#navigation nav > ul > li:nth-child(odd):last-child{
background: none;
width: 100%;
text-align: center;
padding-right: 0;
}

p.button-menu{
	text-align: center;
	text-transform: uppercase;
	font-family: "din-condensed-web", helvetica, arial, sans-serif;	
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: -.3em;
}

.button-menu:after, .button-menu:before{
	font-family: 'gaudard';
	content: "";
	font-size: 1.5em;
	display: inline-block;
	vertical-align: middle;
}

.open-menu .button-menu:after, .open-menu .button-menu:before{
	display: none;
}

.open-menu .button-menu{
	text-indent: -99999px;
}

.open-menu .triblack{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 12px 0 12px;
	border-color: #000000 transparent transparent ;
	margin: 0 auto;
	display: block;
	position: relative;
	top: -10px;
}

.open-menu .triwhite{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 12px 0 12px;
	border-color: #ffffff transparent transparent ;
	margin: 0 auto;
	display: block;
	position: relative;
	top: -30px;
}


#navigation{
	bottom: 0;
	height: 4em;
  	transition: height .3s ease;
  	-webkit-transition: height .3s ease;
  	-moz-transition: height .3s ease;
  	-ms-transition: height .3s ease;
  	-o-transition: height .3s ease;
}

.open-menu #navigation{
	height: 18em;
  	transition: height .3s ease;
  	-webkit-transition: height .3s ease;
  	-moz-transition: height .3s ease;
  	-ms-transition: height .3s ease;
  	-o-transition: height .3s ease;
  }

#listingActu, #listing{
  	position: absolute; 
	height: 100%;
	width: 100%;
	margin-top: 0;
	top: 0;
	left: 0;
 	min-height: 450px;
 }

 #listingActu{
	padding: 5em 2.4em 3.9em 2.4em;
 }

.actu3 #listingActu{
	min-height: 950px;
}

 #listing{
	padding: 8em 2.4em 3.6em 2.4em;
 }

 #patisseries #listing{
	padding: 0 0 .3em 0; 
	min-height: 600px;
	position: static;
 }


  #patisseries #listing:after{
  	height: 4.7em;
  	width: 100%;
  	display: block;
  	content: " ";
  }

.headerpad{
	min-height: 5%;
}

#patisseries article.cadre{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	margin: 0 .3em;
	height: 47.5%;
}

#patisseries h1 a{
	display: block;
	padding: .1em
}


#patisseries .content .ronchonchon{
		font-size: .6em;
}

 #patisseries .patachou span{
		font-size: .3em;
}


#patisseries .ornements .icongaudard{
	width: 50px;
	height: 50px;
}

#patisseries  .coin-BG, #patisseries  .coin-HG {
    left: 0.5em;
}

#patisseries .coin-HD,  #patisseries .coin-HG {
    top: 0.5em;
}


#patisseries .coin-HD, #patisseries .coin-BD {
    right: 0.5em;
}

#patisseries .coin-BD, #patisseries .coin-BG {
    bottom: 0.5em;
}

#patisseries .martyrs .coin-HD, #patisseries .martyrs .coin-BD  {
    right: 0.5em;
}

#patisseries .salon-tuileries .coin-BG, #patisseries .salon-tuileries .coin-HG {
    left: 0.5em;
}

article.cadre span.text {
 	border: 15px solid transparent;    
}

article.cadre{
  	position: relative;
  	height: 100%;
}

.actu2 #listingActu article{
  	height: 49.6%;
}

.actu2 #listingActu article.article1{
	margin-bottom: 0.8%;
}

.actu3 #listingActu article{
	height: 32%;
}

.actu3 #listingActu article.article1, .actu3 #listingActu article.article2{
	margin-bottom: 2%;
}

.contentactu{
	margin: 2em 0; 
}

.contentactu {
	font-size: .9em;
	line-height: 1.33em
}

#adresse .plan a{
	background: transparent url(../img/svg/main.svg)  left center no-repeat; 
	padding-left: 2em;
}

#adresse .titlehoraires span{
	background: transparent url(../img/moins.gif)  right center no-repeat; 
	padding-right: 1em;
	margin-top: .2em;
}

#adresse  .closephone .titlehoraires > span{
	background: transparent url(../img/plus.gif)  right center no-repeat; 
}

#adresse header .mentions{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
	font-size: .8em;
}

#adresse header .contacts {
	width: 100%;
	padding-top: 2em;
	text-align: center;
}



#adresse article {
	background: transparent url(../img/svg/trait2.svg) no-repeat center bottom;
}

#adresse article{
	padding-bottom: 2em;
	padding-top: 1em;
}

#adresse header,
#adresse .adress{
	padding-bottom: 1.8em;
}


#adresse{
	padding:  2.8em 2.4em .5em 2.4em ;
	min-height: 800px;
	height: 100%;
	margin-bottom: 4em;
}

#adresse > div{
	background-color: #f4f4f4;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: -2px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -2px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-o-box-shadow:    	-2px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         -2px 1px 5px 0px rgba(50, 50, 50, 0.75);
	max-height: auto;
	position: relative;
	padding-bottom: 0;
	min-height: 100%;
	padding: .5em .5em 3em .5em;
}

#adresse article{
	max-width: 400px;
	margin: 0 auto;
}

#adresse .plan{
	float: right;
	width: 45%;
	margin: 0;
	text-align: center;
	margin-top: .1em;
}

#adresse .horaires h2{
	display: inline-block;
	vertical-align: middle;
	width: 45%;
}

.bloc{
	height: 6em;
}

#adresse .horaires .details{
	clear: both;
}

.closephone .details{
	display: none;
}

#plan {
	position: fixed;
    top: 0.8em;
	right: 3.1em;
	z-index: 800;
}

#plan a span:before{
	display: block;
	margin: 0 auto;
	font-size: 1.8em;
}

#plan a{
	line-height: 1.1em;
	padding: 0.25em .3em;
}

#diaporama-buttons li span.flechediapo{
	background-size: 55px 30px;
	width: 1em;
}

#diaporama-buttons li.prev  a{
	text-align: left;
}

#diaporama-buttons li.next a{
	text-align: right;
}

h1{
	font-size: 3em;
	line-height: normal;
}

#singleactu h1{
	font-size: 2.5em;
	line-height: .9em;
}

span.grandtitre{
	font-size: 1em;
}

#produits .titreitem1{
	font-size: 2.2em;
	letter-spacing: 2px;
}

#produits .titreitem3{
	font-size: 2em;
}

.soustitreitem{
	font-size: .9em;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.4;
}

.sgmedaille, .parismedaille{
	display: none;
} 

#produits .line .icongaudard, #produits  .icongaudard {
    height: 50px;
    width: 50px;
}


 #produits .line .icon4  .icongaudard, #produits .icon4 .icongaudard{    
 	height: 40px;
    width: 40px;
}


#plan a span{
	font-size: 1.2em;
}

#plan a{
	background-position: center 4px ;
	line-height: 60px;
	background-size: 80% auto;
}

#newsletter .form{
    top: 50%;
    right: 3.6em;
    left:  3.6em;

    margin-top: -3em;
}

#newsletter .form button,
#newsletter .form input,
#newsletter .form p{
text-align: center;
}




#newsletter #mc_embed_signup .mc-field-group input{
border-radius: 0;
border: 1px solid black;
}

#newsletter > div{
	background-image: url('../img/newsletter_gaudard-mob.gif'); 
}

#adresse header .reso{
 	text-align: center;
}

#adresse header .contacts li{	
	margin: 0 0 .5em 0;
}


.closephone .titlehoraires:after{
	content: "+";
	margin-left: 0;
}

.titlehoraires:after{
	content: "-";
	font-size: 1.5em;
	position: relative;
	top:.05em;
	margin-left: 0.18em;
}

#adresse header .reso li{
	margin: .5em .1em 0 .1em;
}

@media (min-width: 320px) {



#adresse header .contacts li{
	display: inline;
	padding: 0;
	margin: 0;
	text-align: center;
}


#adresse header .contacts li + li{
	margin-left: 0.5em;

}


}

@media (min-width: 400px) {

#adresse header .reso{
 	top: 0.5em;
	right: 0.5em;
	position: absolute;
}


#adresse header .reso li{
	margin-top: 0;
}

#plan a span{
	padding: 0.5em 0 0.5em  1.5em ;
	font-size: 2em;

}

#plan a{
	background-position: 7px center;
	background-size: auto;
	line-height: 40px;

}




}



@media (min-width: 640px) {

#newsletter .form{
    right: 8em;
    left:  8em;
}

#newsletter .form p,
#newsletter .form a{
		font-size: 1.4em;
		padding: 0;
}





}


@media (orientation: landscape) and (max-device-width: 640px) {

  html, body {
		-webkit-text-size-adjust: 100%;
	}
}

@media (min-width: 768px) {


#cookie #content p a + a{
	margin-left: 20px;
}


#cookie #content p a{
	margin-top: 0;
	display: inline;
}

#diaporama .centrage{
	display: none;
}

section#page404.nodiapo{
	padding: 2.4em 2.4em 3.6em 2.4em;
}


#adresse #sous-nav{
	display: none;
}


.safari section#singleactu.nodiapo, .safari section#adresse.nodiapo{
	position: static;
	margin: 0;
}




.safari section#singleactu.nodiapo > div, .safari section.nodiapo > div, .safari #adresse > div{
	margin: 0;
}

.safari #adresse{
	padding-bottom: 3.6em;
	height: auto;
	min-height: 100%;
}

#adresse header{
	background-image: none;
}

.closephone .titlehoraires:after, .titlehoraires:after{
  content: "";
}

#textdiaporama .owl-item figure.nofullscreen.text, #diaporama .owl-item figure.nofullscreen.text{
    border-width: 3.2em 3.2em 1em 3.2em ;
}


#textdiaporama .owl-item figure.nofullscreen, #diaporama .owl-item figure.nofullscreen{
    border-width: 2.2em 2.2em 3.3em 2.2em ;
}


#textdiaporama .owl-item figure.text, #diaporama .owl-item figure.text{
	    border-width: 2.2em 0 0 0  ;
}

#textdiaporama .owl-item figure, #diaporama .owl-item figure{
    border-width: 2.2em 0 3.3em 0 ;
}



#produits .simple .icon0 .produitstext{
	padding: 0;
	margin: 1em;
}

#produits .icon0 .produitstext{
	padding: 0;
	margin: 3em;
}

#produits .adaptative .icon0 .produitstext{
	padding: 0;
	margin: 2em;
}

.open-menu #newsletter .form{
	opacity: 1;
}

#newsletter > div{
	background-image: url('../img/newsletter_gaudard-v.gif'); 
}

#newsletter .form{
    right: 3.6em;
    left:  auto;
    top: 6.57em;
    width: 33.333%;
}


p.justifytext, .justifytext, .textactu .justifytext, .produitstext .justifytext, #produits h1.justifytext, #produits h2.justifytext, *.justifytext {
		text-align: justify;
		display: block;
}

.centertext, .textactu .centertext, .produitstext .centertext, #produits h1.centertext, #produits h2.centertext, *.centertext{
	text-align: center;
}

.open-menu #navigation{
	height: 3.3em;
}

#plan a{
	background-position: 25px center;
}

#patisseries #listing{
	min-height: 800px;
}

/* cas pour share en bas */

body.sharebas #share{
	top: auto;
	bottom: 4em;
}


body.sharebas #share p{
	top: auto;
	bottom: 0;
}

body.sharebas.open-share #share a.twitter{
	left: .9em;
    top: 0.65em;
}

body.sharebas.open-share  #share a.pinterest{
	top: -.1em;
	left: 2.3em;
	margin: 0;
}

body.sharebas.open-share #share a.facebook{
	top: 2em;
	left: 0.2em;
}

body.sharebas #share a.pinterest,  body.sharebas #share a.facebook,  body.sharebas #share a.twitter{
	top: 2em;
	left:2.5em;
	margin: 0;
}

#adresse article{
	max-width: 100%;
}

#adresse  .closephone .titlehoraires > span, 
#adresse .titlehoraires > span{
	background-image: none; 
	padding: 0;
}

#lespatisseries article p{
 	display: inline-block;
}


#lespatisseries{
	right: 3.2em;
	top: 3.2em;
	left: auto;
}


#logo{
	width: 10.15em;
	height: 3.5em;
}

#plan{
	width: 10.15em;
	z-index: 1000;
	position: absolute;
	top: 1em;
	right: 1.25em;
}

#patisseries article.cadre{
	height: 45%;
	margin: 0 .75em;
}

#patisseries .martyrs .coin-HD, #patisseries .martyrs .coin-BD,
#patisseries .salon-tuileries .coin-HD, #patisseries .salon-tuileries .coin-BD{
    right: 1em;
}

#patisseries .martyrs .coin-HG, #patisseries .martyrs .coin-BG,
#patisseries .salon-tuileries .coin-HG, #patisseries .salon-tuileries .coin-BG{
    left: 1em;
}

#patisseries .martyrs .coin-HD, #patisseries .martyrs .coin-HG,
#patisseries .salon-tuileries .coin-HD, #patisseries .salon-tuileries .coin-HG{
    top: 1em;
}

#patisseries .martyrs .coin-BG, #patisseries .martyrs .coin-BD,
#patisseries .salon-tuileries .coin-BG, #patisseries .salon-tuileries .coin-BD{
    bottom: 1em;
}


#patisseries .ornements .icongaudard{
	width: 100px;
	height: 100px;
}

#patisseries .content .ronchonchon{
	font-size: 3.8vw;
	line-height: 1;
	margin-bottom: .1em;
	letter-spacing: 4px;
}

#patisseries .patachou span {
    font-size: 0.7em;
}


.headerpad {
    min-height: 10%;
    background: url('../img/svg/lacam.svg') no-repeat center top;
}


section#patisseries {
    min-height: 0;
}

#diaporama-buttons li span.flechediapo{
	background-size: 82px 44px;
	width: 23px;
}



#header #navigation nav > ul > li:nth-child(2n), #header #navigation nav > ul > li:nth-child(2n+1){
	background-image: none;
}

.barbapapa{
	height: 10em;
}

#diaporama-buttons li.prev  a{
	padding-left: 1.1em;
}


#diaporama-buttons li.next a{
	padding-right: 1.1em;
}

#singleactu .contentactu h1{
	background-size: auto;
}

#page404 h1{
font-size: 5em;
}

#mentions > h1{
text-align: center;
}

div#mentions{
	padding-top: 0;
	height: 100%;
}

#mentions > div > div{
display: table-cell;

	width: 50%;
	height: 100%;
	
}

#adresse.pagemention > div{
	padding-bottom: 0;
}

#mentions .bobloc{
background-image: url("../img/raie.gif");
background-repeat: repeat-y;
background-position: center center;
display: table;
width: 100%;
}

#mentions > div > div.leftbloc{
	padding-right: 1em;

}

#mentions  div > div.rightbloc{
		padding-left: 1em;
}

#adresse.pagemention header .contacts{
	display: inline-block;
}

#listingadress{
	height: 100%;
	width: 100%;
	display: table;
}

#listingadress article{
	display: table-cell;
	height: 100%;
	padding-bottom: 1em;
}


.nohome *{
	color: #939598;
}

.nohome a:hover, .nohome a.selected, .nohome .reso a{
	color: black;
}

figure.text{
	height: 50%;
}

#diaporama-buttons li.next a{
		padding-right: .5em;

} 

#diaporama-buttons li.prev a{
	padding-left:  .5em;
}


.phone-hidden .barrehautpapa{
	position: fixed;
	top: 50%;
}

.phone-hidden .barrebottompapa{
	height: 8em; 
}

.textactu{
	background: transparent url(../img/svg/sepearateur.svg) bottom center no-repeat ;
	padding-bottom: 6em; 
}

#textdiaporama #diaporama .phone-hidden{
	position: absolute;
	height: 50%;
	padding: 0 5.5em ;
	margin: 4em 0 5em 0;
	overflow-y: auto;
	width: 100%;
}

section.nodiapo > div.fullcontent{
	margin: 0 0 3.6em 0;
}

.contentactu {
	max-width: 50em;
	width: 70%;
	margin: 4em auto;
}


h1{
	font-size: 2em;
	line-height: normal;
}

.textactu{
	margin: 2em 0;
}

.actu1 #listingActu, .actu2 #listingActu{
	min-height: 100%;
 }


header#header #navigation nav > ul > li.mention:after,
.button-menu, 
header#header #navigation nav > ul > li.reso, 
.reso *, 
.tab-hidden,
#navigation nav > ul > li:nth-child(even):before{
display: none;
}


#navigation nav > ul > li{
	margin: 0;
}

.haut{
	border-top-width: 14px;
}

#navigation{
	bottom: 0;
	padding-bottom: .5em;
	text-align: center;
}

#navigation ul, #diaporama-buttons li span.text-nav{
	display: inline-block;
}

.open-menu #diaporama-buttons, .phone-hidden, .closephone .details{
	display: block;
}

.tab-hidden, .bloc{
	display: none;
}


#logo{
	top: 3.6em;
	left: 3.6em;
}

#share p{
	text-align: right;
}


#share ul li a{
	left: 75%;
}

body > #share{
	top: 3.1em;
	right: 3em;
	left: auto;
	z-index: 100;
}

.open-share #share a.twitter{
	top: 2.1em;
	left: 1.2em;
}


.open-share #share a.pinterest{
	top: 2.9em;
	left: 2.4em;
}

.open-share #share a.facebook {
	top: 0.5em; 
	left: 0.2em;
}

#header #navigation nav > ul > li, #navigation nav > ul > li > a{
	padding: 0;
	width: auto;
	max-width: 100%;
}

#header #navigation nav > ul > li{
	font-size: .9em;
}

#header #navigation nav > ul > li:nth-child(even):after, #header #navigation nav > ul > li:nth-child(odd):after{
	position: static;
	width: auto;
	height: auto;
	padding: 0 .4em;
	display: inline-block;
	font-size: 1em;
	content: "";
	font-family: 'gaudard';
	margin: 0;
	vertical-align: middle;
}


#header #navigation nav > ul > li{
	text-align: left;
	float: none;
	display: inline-block;
}


#sous-nav li.nav-bas a{
	bottom:1.2em;
}


section.nodiapo{
	position: absolute;
	min-height: 600px;
	height: 100%;
	padding: 2.6em  2.4em;
}

section#actu{
	min-height: 1100px;
}

section#actu.actu2{
	min-height: 850px;
}

section#actu.actu1{
	height: 100%;
	min-height:100%;
}

section.nodiapo > div.fullcontent{
	padding: 1.1em;
}

section#actu > header{
	height: 5.5em;
}

#play, #time{
	height: 100%;
	text-align: center;
	line-height:92px; 
}

#actu > header h1{
	font-size: 1.8em;
}


 #date p{
	font-size: 1.3em;
}


#time > *{
	display: inline-block;
	vertical-align: middle;
	line-height:1; 
}

#listingActu{
		padding: 137px 2.4em 3.6em 2.4em;
}

#actu .ornements .icongaudard{
	width: 80px;
	height: 80px;
}


#actu .icon4 .ornements .icongaudard{
	width: 60px;
	height: 60px;
}



#time h1{
	background: url(../img/svg/actu-sperateur.svg) center right no-repeat; 
	padding-right: 2em;
	margin-right: .5em;
}


article.cadre{
  	height:100%;
  	position: relative;
  	margin: 0;
}

.actu2 #listingActu article.article1, .actu3 #listingActu article.article1{
  	margin-bottom: .8%;
}

#adresse header .mentions{
	bottom: .8em;
	margin: 0;
}

#adresse {
    padding: 2.4em 2.4em 4.5em 2.4em;
    height: 100%;
}

#adresse > div{
	min-height: 100%;
	padding-bottom: 3em;
	position: relative;
	margin-bottom: 4em;
}

#adresse  #listingadress h2, #adresse .plan{
	float: none;
	width: auto;
}

#adresse .titlehoraires span{
	background-image: none; 
	padding: 0;
}

#adresse #listingadress article .adress:after,  #adresse #listingadress article .horaires:before{
	content: url(../img/svg/trait2.svg);
	text-align: center;
	width: 100%;
	display: inline-block;
}

#adresse #listingadress article{
	background-image: url(../img/svg/trait1.svg),  url(../img/svg/trait1.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 1em;
	background-position: bottom center, top center;
}


#adresse  #listingadress article:before, #adresse #listingadress article:after{
	display: inline;
}

#adresse header, #adresse .adress{
	padding-bottom: 1em;
}

#adresse .adress{
	margin-bottom: -0.7em
}
#adresse .horaires{
	padding-top: 0.7em;
}


#adresse  #listingadress{
	position: relative;
	width: 100%;
}

#adresse  #listingadress article:before{
	top: 0;
}

#adresse  #listingadress article:after{
	bottom: 0;
}


#adresse  #listingadress article:before, #adresse  #listingadress article:after{
	left : 0;
	width: 50%;
	text-align: center;
}

#adresse  #listingadress article + article:before, #adresse  #listingadress article + article:after{
	left : 50%;
	width: 50%;
	text-align: center;
}

.adress, #adresse .horaires h2{
	margin-bottom: 0;
	padding-bottom: .5em;
}

.titlehoraires span{
	display: inline;
}

#adresse header .contacts:after{
	content: "";
}

#adresse header .contacts li{
	display: list-item;
	width: auto;
	margin : 0;
}

#adresse header .reso{	
	position: static;
}

#adresse header .reso *{	
	display: block;
}

#adresse > div > header{
	padding: 1.2em 0 .8em 9em;
}

.news span{
	font-size: .9em;
}

#adresse > div > header > *, #adresse header .contacts{
	display: inline-block;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0 1%;
}

#listingadress{
	margin-bottom: 2em;
}

#adresse header > .mentions{
	margin:-.3em 0 .5em 0;
}

#adresse header .phone-hidden{
	margin-bottom: -.3em; 
}

#listingadress article h1{
	padding: .5em 0 .8em 0;
	margin: .3em 0 .5em 0;
	letter-spacing: 2px;
	background: transparent url('../img/svg/actu.svg') center bottom no-repeat;
}

#listingadress article + article{
	background-position: left top;
}


#adresse .plan a{
	font-size: 1.1em;
	padding-left: 2em;
	letter-spacing: 1px;
}

.horaires h2{
	font-size: 1.8em;
}

#sous-nav li.nav-bas a {
    bottom: 3.5em;
}

body.padbasshare > #share{
	top: auto;
	bottom: 4.5em;
}

body.padbasshare #share p{
	top: auto;
	bottom: 0;	
}

body.open-share.padbasshare > #share a.twitter{
	left: .9em;
    top: 0.65em;
}

body.open-share.padbasshare  >  #share a.pinterest {
	top: 0em;
	left: 2.3em;
	margin: 0;
}

body.open-share.padbasshare  > #share a.facebook{
	top: 2em;
	left: 0.2em;
}

body.padbasshare >  #share a.pinterest,  body.padbasshare > #share a.facebook,  body.padbasshare > #share a.twitter{
	top: 2em;
	left:2.5em;
	margin: 0
}

/* style vignette pad */

#listingActu h2 a .titre1, #listingActu h2 a .titre2{
  	font-size: 6em;
}

#listingActu h2 a .titre3{
 	font-size: 2.8em;
}

#listingActu h2 a .soustitre1, #listingActu h2 a .soustitre2{
	font-size: 1.8em;
}


#singleactu h1{
	font-size: 5em;
}



#produits .titreitem1{
	font-size: 3.7em;
}

#produits .titreitem3{
	font-size: 2.55em;
}

.soustitreitem{
	font-size: 1.2em;
	letter-spacing: 1px;
}


}


@media (min-width: 900px) {

.safari #singleactu{
	position: static;
	padding-bottom: 4em;
}

.safari #singleactu > .ettiquette{
	margin-bottom: 3em;
}

div#mentions{
	padding: 3em 1em 5em 2em;
}


#produits .duo article > div{
	float: left;
	width: 50%;
}

 #produits .duotext .contenu{
	line-height: normal;
	height: auto;
	vertical-align:middle;
	display:inline-block;
}

 #produits .duotext .helena{
	display: none;
}

 #produits .duotext article{
	display: table;
	width: 100%;
}

 #produits .duotext article > div{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#produits .duotext .ornements .icongaudard{
	position: absolute;
}

 #produits .duotext  .carreline{
	height: auto;
	padding-bottom: 0;
 }

#produits .duotext article > div *, #produits .duotext article > div .contenu{
 	position: static;
}

#produits .solo article{
height: auto;
padding-bottom: 0;
}


#produits .duo article figure{
	width: 100%;
}

.produitstext {
    margin: 4em;
}

#produits .duotext article > div.icon0 .contenu .produitstext {
    margin: 1em;
}

.line .produitstext {
    margin: 2.5em;
    vertical-align: top;
}

#plan{
	top: .9em;
}

.adaptative article figure{
	width: 33.333%; 
}

#produits .duotext .icongaudard,  #produits .solo .icongaudard, #produits .simple .icongaudard, #produits .adaptative .icongaudard   {
    height: 80px;
    width: 80px;
}

#produits .duotext .icon4 .icongaudard, #produits .solo .icon4 .icongaudard, #produits .simple .icon4 .icongaudard, #produits .adaptative .icon4 .icongaudard   {
    height: 60px;
    width: 60px;
}

.centrage, .textcontenu{
	display: inline-block;
	vertical-align: middle;
}

.centrage{
	height: 100%;
	width: 0;
}

.textcontenu{
	width: 98%;
}

#mentions .bobloc{
	background-image: none;
}


#mentions h1{
	text-align: left;
    margin-bottom: 1em;
}

#adresse.pagemention > div {
    padding-bottom: 1em;
}

#adresse{
	padding: 2.6em 2.4em 3.6em 2.4em;
}

#mentions h1:after{
    content: "";
    font-family: "gaudard";
    display: block;
    font-size: .6em;
    margin-top: 1.5em;
}

.adresselink{
	position: static;
	width: auto;
	float: right;
}


.adresselink a{
	padding: 0;
}

.bobloc .leftbloc, .bobloc .rightbloc, .bobloc, #mentions > div > div{
	display: block;
}

#mentions > div > div{
	float: left;
}

/* style vignette actu cas desktop */

#listingActu h2 a .smalltypo .titre1, #listingActu h2 a .smalltypo .titre2{
	  	font-size:3em;
}

#listingActu h2 a .smalltypo .soustitre1,  #listingActu h2 a .smalltypo .titre3{
	  	font-size:1.8em;

}

#listingActu h2 a .smalltypo .soustitre2{
	font-size:1.2em;
}


#listingActu h2 a .titre1{
  	font-size:9em;
	line-height: .9em;
}

#listingActu h2 a .titre2{
  	font-size:5.6em;
}


#listingActu h2 a .soustitre1{
	font-size:3em;
}

#listingActu h2 a .soustitre1, #listingActu h2 a .titre2, #listingActu h2 a .titre1,  #listingActu h2 a .soustitre2,  #listingActu h2 a .titre3{
	display: inline-block;
}

section#actu.actu3, section#actu.actu2 {
	min-height: 650px;
}

.actu3 #listingActu{
	height:100%;
	max-height: 100%;
	min-height: 100%;
}

#singleactu h1{
	font-size: 5.4em;
}

#header #navigation nav > ul > li:nth-child(even):after,
#header #navigation nav > ul > li:nth-child(odd):after{
	font-size: 1em;
}

#header #navigation nav > ul > li.reso{
	margin-left: .5em;
}

#adresse > div{
	display: table;
	width: 100%;
	min-height: 100%;
	height: 100%;
	padding: 1em 0
}

#adresse header > *:before{
	content: " ";
	display: block;
	height:  2em;
	margin:0; 
	background: transparent url(../img/svg/finfilet.svg) no-repeat center center;
}

#adresse header > .reso{
	margin-bottom: .5em;
}

#adresse header > *:first-child:before{
	background: none;
	height:0;
}

#adresse header .mentions{
	font-size: .9em;
}

#adresse header > ul.contacts:before{
	content: "";
}

#adresse header p{
	margin-bottom: 0;
}

#adresse header > ul.contacts, #adresse header > p.mentions {
	background-image: url(../img/svg/trait3.svg);
	background-repeat: no-repeat;

}

#adresse header > ul.contacts{
	background-position: top center;
	padding-top: 1em;
}


#adresse header > p.mentions{
	background-position: bottom center;
	padding-bottom: 1.3em;
	position: static;
}


#adresse header > ul.contacts{
	margin: 1em auto -.3em auto;
	width: 100%;
}

#adresse > div > header{
	display: table-cell;
	background: transparent url('../img/raie.gif') repeat-y top right;
	width: 10.5em;
	padding: 5em 0 0 0;
	vertical-align: top;
}

#adresse article{
	position: static;
	background: none;
}

#adresse > div > header > *, #adresse header .contacts, .passeligne{
	display: block;
	width: auto;
}


.contentactu{
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: 0 15%;
}

#time:before, #time:after, #time h1:after, #play:before, #play:after, #singleactu h1:before,  #singleactu h1:after{
	display: block;
	font-family: 'gaudard';
}

.open-share #singleactu #share a.twitter{
	top: 0.7em;
	left: .8em;
}

.open-share #singleactu #share a.pinterest{
	top: -0.2em;
	left: 2em;
	margin: 0;
}

.open-share #singleactu #share a.facebook{
	top: 2em;
	left:0em;
	margin: 0;
}

#singleactu #share a.pinterest, #singleactu #share a.facebook, #singleactu #share a.twitter{
	top: 2.5em;
	left:2.5em;
	margin: 0;
}

.tab-hidden{
	display: block;
}

.desktop-hidden{
	display: none;
}

#time:before, #time:after{
	font-size: 1.4em;
}

.solo article figure{
	width: 50%;
}

.sololeft figure{
	float: left;
}

.sololeft article > div{
	margin-left: 50%;
}

.soloright article > div{
	margin-right: 50%;
}

.adaptative.soloright article > div{
	margin-right: 33.333%;
}


.adaptative.sololeft article > div{
		margin-left: 33.333%;
}

.line article{
	width: 33.33%;
	float: left;
}

.commande{
	position: absolute;
	bottom: 1em;
	left: 0;
}

#produits  article > div .carreline, #produits .solo  article figure .carreline,  #produits .line  article figure .carreline{
	padding-bottom: 100%;
	height: 0;
}

#produits .adaptative article > div .carreline, #produits article.positionning > div .carreline{
	padding-bottom: 0;
	height: auto;
}

#produits .line.rectangle  article figure .carreline{
	padding-bottom: 156%;
}

#produits .adaptative article .border6, #produits article.positionning > div .border6{
	padding-bottom: 0;
	height: auto;
}

#produits .adaptative article  div .contenu, #produits article.positionning > div .contenu{
	position: static;
	margin: 0;
}

#produits .adaptative  article > div .contenu{
	height: 100%;
}

.soloright figure{
	float: right;
}

.solo article{
	padding-bottom: 50%;
	height: 0;
}

#produits article > div .contenu{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
}


.produitstext, .helena{
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:middle;
}

.helena{
	height: 100%;
	width: 0;
}


 .safari .duotext .produitstext, .safari #produits .solo .icon0 .produitstext{
	max-width: 98.5%;
 }


.safari .solo .produitstext, .ieplus .solo .produitstext{
max-width: 99%;
margin: 0;
padding: 4em;
}


.ieplus #produits .solo .icon0 .produitstext{
	max-width: 98.5%;
	margin: 0;
	padding: 1.5em;
}


#time{
	background: url(../img/svg/actu.svg) center top no-repeat; 
	padding-top: 1.5em;
}


#time #date{
	background: url(../img/svg/actubas.svg) center bottom no-repeat; 
	padding-bottom: 1.5em;
}


.smallHeigtScreen .actu1 #play:before, .smallHeigtScreen .actu1 #play:after{
	width: 0;
	height:0;
	margin: 0;
	display: block;
	background-image: none;
}

.actu1 #play:before{
	background: url(../img/svg/parisSG.svg) center center no-repeat; 
}

.actu1 #play:after{
	background: url(../img/svg/gaudardetfils.svg) center center no-repeat; 
}

.actu1 #play:before, .actu1 #play:after{
	width: 108px;
	height: 108px;
	margin: 10% auto;
	display: block;
	background-size: 108px auto;
	content: " ";
}


section#actu > header{
	width: 198px;
}

section#actu  > header #play{
	padding-top: 4.75em;
}

article.cadre{
	position: relative;
	height: 100%; 
}

#actu.actu2 header, .actu2 article, 
#actu.actu3 header, .actu3 article{
   height: 49.6%;
}

section#actu > header{
   height: 100%;
}

.actu2 #listingActu article.article1, .actu3 #listingActu article.article1 {
    margin-bottom: 0.5%;
}

 #listingActu, section.nodiapo{
	padding: 2.4em 2.4em 3.6em 2.4em;
	min-height: 750px;
}

section#singleactu{
	min-height: 0;
}

#patisseries, #mentions{
	min-height: 600px;
}

#play, #time{
	line-height: normal;
	margin: 0;
	height: auto;
}

#time > *{
	display: block;
}

#time h1{
	padding-top: .1em;
}


#listingActu article.article1{
	margin-left:205px; 
}

.actu3 .article2{
	float: left;
}

.actu3 .article3{
	float: right;
}

.actu3 .article2, .article3{
	width: 49.7%;
}

.article2, .article3{
	margin-top: .5%;
}

/* style actu */

.heure span{
	text-decoration: blink;
}

#actu > header{
	display: table;
}

#actu > header > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
}

#actu > header h1:after{
	display: block;
}

.actu3 #listingActu article{
  	height: 49.6%;
}

#produits .titreitem3{
	font-size: 2em;
}


.sgmedaille, .parismedaille{
	display:none;
}


#actu #time h1{

background-position: center bottom;
margin: 0 0 0.3em 0;
padding:  0 0 0.3em 0;
}

#actu > header h1{
	font-size: 3em;
}

#date p{
	font-size: 2em;
}


#newsletter > div{
	background-image: url('../img/newsletter_gaudard.gif'); 
}


#adresse #sous-nav{
	display: block;
}



}

@media (min-width: 1000px) {

#singleactu.nodiapo{
	padding-bottom: 0;
	margin-bottom: 0;
}

.safari #singleactu.nodiapo{
	padding-bottom: 2.8em;
}

#adresse > div{
	margin-bottom: 0;
}

#adresse{
	height: inherit;
    min-height: 100%;
}

div#mentions{
	padding-bottom: 1em;
	min-height: 500px;
}


#textdiaporama .owl-item figure.nofullscreen.text, #diaporama .owl-item figure.nofullscreen.text{
    border-width: 3.3em 6.2em 4.8em 1em ;
}

#textdiaporama .owl-item figure.text, #diaporama .owl-item figure.text{
	    border-width: 2.2em 0 3.3em 0  ;
}

#textdiaporama .owl-item figure, #diaporama .owl-item figure{
    border-width: 2.2em 0 3.3em 0 ;
}

#textdiaporama .owl-item figure.nofullscreen, #diaporama .owl-item figure.nofullscreen{
	    border-width: 2.2em 2.2em  3.3em 2.2em;

}

#listingadress article h1{
	font-size: 2.1em;
}

#share:hover .toutou img{
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

.headerpad{
	display: none;
}

#navigation{
	height: 3.4em;
}

#adresse.pagemention header .contacts{
	width: 100%;
}

#diaporama article .textcontenu :last-child:not(div.barbapapa){
	margin-bottom: 0;
}

.margediapo{
	height: 4em;
	left:0;
	width: 50%;

}



.margediapo, .cachescroll{
	z-index: 10;
	bottom: 0;
	position: absolute;
	background-color: white;
}

.barbapapa{
	height: 0
}


figure.text{
    height: 100%;
    width: 50%;
}

#sous-nav li.nav-bas a{
	bottom:2.9em;
}

#navigation ul.premier-nav{
	float: left;
	padding-left: 2em;
}

#navigation ul.second-nav{
	float: right;
	padding-right: 2em;
}

#header #navigation nav > ul > li:nth-child(even):after,
#header #navigation nav > ul > li:nth-child(odd):after{
content: "";
}

.tab-hidden{
	display: block;
}

.desktop-hidden, 
#header #navigation nav > ul > li.cours:after,
header#header #navigation nav > ul > li.reso:after{
	display: none;
}


#header #navigation nav > ul > li{
	font-size: 1em;
}

header#header #navigation nav > ul > li.reso, 
.reso *{
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
}



#textdiaporama #diaporama .phone-hidden{
	left: 0;
	top: 0;
	padding: 0 4em 0 7em;
	margin: 10em 0 0 0;
	height: 100%;
	width: 50%;
}

.barbapapa{
	height: 19em;
}


#textdiaporama #diaporama figure{
	float: right;
}


body >  #share{
	top: auto;
	bottom: 4.5em;
}

#share p{
	top: auto;
	bottom: 0;
}

body.open-share > #share a.twitter, body > #share:hover a.twitter{
	left: .9em;
    top: 0.65em;
    margin: 0;
}

body.open-share >  #share a.pinterest, body > #share:hover a.pinterest {
	top: 0em;
	left: 2.3em;
	margin: 0;
}

body.open-share > #share a.facebook,  body > #share:hover a.facebook{
	top: 2em;
	left: 0.2em;
}

body >  #share a.pinterest,  body > #share a.facebook,  body > #share a.twitter{
	top: 2em;
	left:2.5em;
	margin: 0;
}

#titlePatissier{
	display: inline-block;
	margin:  0 auto;
	width: 55%;
}


#patisseries .border0{
	border-top-width: .5em;
	border-bottom-width: 1.2em;

}

#patisseries .martyrs .border0{
	border-right-width: .6em;
	border-left-width: 1.3em;

}


#patisseries .salon-tuileries .border0{
	border-left-width: .6em;
	border-right-width: .6em;
}


#patisseries .grand-cafe .border0{
	border-left-width: .6em;
	border-right-width: 1.3em;
}


#patisseries header #titlePatissier h1{
	display: inline;
}


#titlePatissier, #plan {
	height: 3.5em;
}

#patisseries header{
	padding: .7em 12.5em;
	position: relative;
	height: 6em;
	z-index: 100;
}

#patisseries .ettiquette, #listing{
	min-height: 100%;
}


#patisseries article.cadre{
	box-shadow: none;
	height: 100%;
	margin: 0;
	    flex-grow: 1;
	    flex-basis: 33.333%;

}


 #patisseries #listing{
	padding: 4.7em 0 0 0;
	position: absolute; 
	min-height: 500px;	
	display: flex;
 }

 #patisseries #listing::after {
 	display: none;
 }


section#patisseries{
	padding: 2.8em 2.4em 3.6em 2.4em;
}


#patisseries .ornements  .coin-BG, #patisseries  .ornements  .coin-HG {
    left: 1.4em;
}

#patisseries   .ornements  .coin-HD,  #patisseries  .ornements  .coin-HG {
    top: 1em;
}


#patisseries   .ornements  .coin-HD, #patisseries  .ornements .coin-BD {
    right: 1.4em;
}

#patisseries  .ornements  .coin-BD, #patisseries  .ornements .coin-BG {
    bottom: 1.4em;
}

#patisseries .martyrs  .ornements  .coin-HD, #patisseries .martyrs  .ornements  .coin-BD  {
    right: 1.1em;
}

#patisseries .salon-tuileries .coin-BG, #patisseries .salon-tuileries .coin-HG {
    left: 1.1em;
}

#produits .titreitem1{
	font-size: 3.5em;
}

#produits .titreitem2{
	font-size: 3.2em;
}

.soustitreitem{
	font-size: 1em;
	letter-spacing: 0;
}

#titlePatissier{
	width: 80%;
}

#navigation nav > ul > li.reso{
margin-top: -.1em;
}

.ie9 #navigation nav > ul > li.reso{
margin-top: -.5em;
}

}


@media (min-width: 1100px) {


#listingadress article h1{
	font-size: 2.5em;
}



#titlePatissier h1{
	padding-left: .5em;
	padding-right: .5em;
}

.sgmedaille, .parismedaille{
	display: inline-block;
	vertical-align: middle;
	width: 15%;
}


#titlePatissier{
	width: 68%;
}

.sgmedaille, .parismedaille{
		width: 15%;
}

}

@media (min-width: 1400px) {

#titlePatissier{
	width: 50%;
}

.sgmedaille, .parismedaille{
		width: 24%;
}

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

.nav-haut .fleche, .nav-bas .fleche{
	background-repeat: no-repeat;
	background-size: 35px 16px;
	background-repeat:no-repeat;
	background-image: url(../img/hfleche2.png);

}




.nav-bas .fleche{
 -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
} 



}