/*****************************************************************
	PROPRIETES GENERALES  - BODY / TITRES / TEXTES / LIENS // CSS 
*****************************************************************/

/***** BOLD ***********/
@font-face {
    font-family: 'GunnyRewritten';
    src: local("☺"), url('../Fonts/GunnyRewritten.woff') format('woff');
    src: url('../Fonts/GunnyRewritten.eot');      	 
    src: url('../Fonts/GunnyRewritten.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/GunnyRewritten.ttf') format('truetype'),
         url('../Fonts/GunnyRewritten.svg#GunnyRewritten') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	overflow-x: hidden;
	overflow-y: visible;
	padding: 0;
	position: relative;
	overflow-scrolling:  touch;
	-webkit-overflow-scrolling:  touch;
	-moz-overflow-scrolling:  touch;		
}

body {
	background-size: cover; /* version standardisée */

	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;

	height: 100%;
	position : relative;
	margin: 0;	
	padding: 0;
	/*overflow-x : hidden;
	overflow-y : visible;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	content: "1";
}
.body_tiny {
	background-image: none;
}
.body_tiny p, .body_tiny p span {
	color:#000 !important;
}
h1 {
	font-size: 35px;
	color: #000000;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	margin: 0;
	text-align: center;
	font-weight: normal;	
}

h2 {
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
    font-size: 25px;
	padding: 0;
	margin: 0;
   	color:#ee2a2b;
	font-weight: 500;	
}
h3 {
	font-size: 20px;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	font-weight: 500;	
	text-decoration: none;
	padding: 0;
	margin: 0;
	color:#ee2a2b;
	text-align: left;
}

h3 a {
	font-size:25px ;
	text-decoration : none;
}
h4, h5, h6, h7, h8, h9, h10 {
	font-size: 1em;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display: inline !important;
}
em, i {
	font-size: 1em;
	text-decoration: none;
	padding: 0;
	color: #fff;
	margin: 0;
	display: inline;
}
p, table {
	color: #000 ;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;	
}
body .body_tiny h1, body .body_tiny h2, body .body_tiny h3, body .body_tiny p, body .body_tiny a, body .body_tiny em, body .body_tiny i {
	color: #000 !important;
}
a {
	outline: none;
	color: #000000 ;
	text-decoration: none;
}

img, iframe {
	border: none;
}

img:hover, #logo:hover {
	opacity: 0.8;
	/*--filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    /*filter: gray;  /* For IE 6 - 9 */
    /*-webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

.tablette, .phone, .tablette_actu {
	display: none !important;
}

.btn_up_page {
	display: block;
	overflow: hidden;
	margin : 1%;
    width: 75px;
    height: 65px;
	background: url(../images/general/top_page.png) no-repeat ;
    cursor: pointer;
    position: fixed;
    bottom: 5%;
    right: 1%;
    z-index: 2500;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;	    
}

.btn_up_page:hover {
	opacity:0.8;	
}

/**************************************************************
			BANDEAU / LOGO 
**************************************************************/
header {
	width: 100%;
	overflow: visible;
	margin: 0 auto;
	display: block;
	position: relative;
	padding:0 0;
	z-index: 5000;	

}
#header_content {
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 500;
	overflow: visible;
}

.wrapper-header {
	max-width: 1024px;
	width: 100%;
	padding:0;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 500;
	overflow: visible;
	padding-bottom:12px;
}

#infos_contact {
	display:block;
	float: left;
	width:25%;
	color:#000000;
	margin:30px 0 0;
	font-size:27px;
	font-family: 'GunnyRewritten', Helvetica, Arial, sans-serif;	
	}
	
#infos_contact span {
	font-size:40px;
	display: block;	
	}	

#logo {
	max-width: 400px;
    display: inline-block;
    margin: 10px 0 10px 4%;
    text-align: center;
    z-index: 1000;
    position: relative;
}

#logo img  {
    position: relative;
    z-index: 100;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;	
    display:  block;
    max-width: 100%;	
}

#bloc_right { 
	display:block; 
	position:relative; 
	float: right;
	width:26%;
	color:#fff;
	margin:30px 0 0;	
	}
	
#bloc_right img { 
    margin-bottom: 10px;
    margin-left: 2%;
	}	

/**************************************************************
			NAVIGATION / menu déroulant
**************************************************************/

nav {
    margin: 30px auto 0;
    text-align: center;
    position: relative;
    display: block;
    z-index: 300;
	height: 90px;
    padding: 10px 0 0;
	max-width: 1190px;
    width: 100%;
    overflow:  visible;
	background: #fff;
	border-radius:10px;
	}

#menu-deroulant {
	display : block;
	/*font-weight: normal;*/
	margin :0 auto;
	padding: 0;	
	width : 100%;	
	list-style: none;
	position : relative;		
	}
	
nav ul li {
	position : relative;
	display : inline-block;
	/*float: left;*/
	overflow : visible;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
    padding: 0;
    margin: 0 ;
}

nav ul li:first-child a {
	margin-left: 10px;
	background:url(../images/general/tomato.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(2) a {
	background:url(../images/general/icone_presentation.png) no-repeat ;		
}

/*nav ul li:nth-child(3) a {
	background:url(../images/general/icone_philosophie.png) no-repeat ;			
}*/

nav ul li:nth-child(3) a {
	background:url(../images/general/fast-food.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(4) a {
	background:url(../images/general/bruschetta.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(5) a {
	background:url(../images/general/pizza.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(6) a {
	background:url(../images/general/ice-cream.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(7) a {
	background:url(../images/general/soda.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(8) a {
	background:url(../images/general/bicycle.svg) no-repeat ;
	background-size: 50px;
}

nav ul li:nth-child(9) a {
	background:url(../images/general/newspaper.svg) no-repeat ;
	background-size: 50px;
}

#header_content nav ul li a {
	display: inline-block;
    font-family: 'GunnyRewritten', 'Caveat', Arial, sans-serif;
    font-size: 23px;    
	padding:55px 18px 0 ;/*55px 9px 0*/
    color: #000;
    font-weight: 700; 
    text-align: center;
    border-right: 1px solid #000;		
    text-decoration:  none;	
	background-position:top center;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;	
}

#header_content nav ul li:last-child a {
	background:url(../images/general/mail.svg) no-repeat center 10px;
	background-size: 50px;
}

.wrapper-liensCom {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 40px;
	background-color: #E6E6E6;
	margin-top: 40px;
	padding: 20px;
}

.deliv,
.uber,
.fou {
	width: 33%;
	text-align: center;
}

.deliv img,
.uber img,
.fou img {
	width: 50%;
}


/*HACK SAFARI*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome,  #header_content nav ul li a, 
     ::i-block-chrome,  main .bloc_home h2,
     ::i-block-chrome,  main .bloc_home a:hover, 
     ::i-block-chrome,  main #actualites a,
     ::i-block-chrome,  main .bloc_rangee h2,
     ::i-block-chrome, main .une_archive .archive_content a:hover {
    	font-family: 'Caveat', Helvetica, Arial, sans-serif;
    	font-weight: normal;
   
    }
}

#header_content nav ul li:last-child a {
    border-right: none;		
}

nav ul li.active a, nav ul li:hover a {
	border-bottom: 6px solid #73c153;
}

.menu_mobile {
	display: block;
	width: 100%;
	font-weight: 700;
	visibility: hidden;
	text-align: center;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	height: auto !important;
	position: absolute;
	border-bottom: 1px solid #fff;
}

/****  SOUS MENU *****/
#menu-deroulant ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

nav ul li ul.sm {
	position: absolute;
	display : block;
	overflow : hidden;
	height : auto;
	width : 140% !important;
	top : 90px;
	left: -20%;
	text-align: left;
	font-weight: normal;
	border-radius:0 0 10px 10px;
	background: #ee2a2b;
}

ul.sm li {
	overflow : hidden;
	width : 100%;
	padding : 0;
	margin : 0 !important;
	border-radius:0;
	border-bottom: none;
	height: auto;
	background:none !important;
}

ul.sm li:hover {
	background:#73c153 ;
}

.level0 .sm {
	display: none;
}

ul#menu-deroulant li ul.sm li.item_menu a { /*****  ITEM SOUS MENU *******/
	display: block;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	padding : 0;
	margin: 0;
	text-align: center;
	width: 100%;
    color: #fff;
    font-size: 18px;
	border-top: none;
	border-bottom: 1px solid #fff;	
	background: none;
	border-radius:0;
}

/*********************************
			ACCUEIL
*********************************/

#pageHome{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#diaporama {
	position:relative;
    max-width: 1024px;
    padding: 31px 0 0;
	width: 100%;
	overflow:hidden;
	float: none;
	margin: auto;
	clear: both;
    z-index: 2000;	
	background: url(../images/general/bg_slide.png) no-repeat center top;
	height: 500px;
	}
	
#blocs_home {
	overflow:hidden;
	margin-bottom: 20px;
	}	

.bloc_home {
	width:24%;
	float:left;
	margin-right:2%;
	color:#000000;
	padding: 40px 50px 40px 30px;
    height: 190px;
	background:url(../images/general/bulle_gd.png) center center no-repeat;
	background-size: 100% 100%;

	}

#first_bloc_home {
    background: url(../images/general/bulle_gd.png) center center no-repeat;
    text-transform: lowercase;
    padding: 40px 50px 40px 30px;
    width: 24%;
	background-size: 100% 100%;
	}
	
#first_bloc_home h2 {
	background:url(../images/general/bg_titre_vert.png) center center no-repeat;
	color:#000;	
	}			
	
.bloc_home:last-child {
	background:url(../images/general/bulle_gd.png) center center no-repeat;
	background-size: 100% 100%;
	padding: 40px 50px 40px 30px;
	}		

.bloc_home h2 {
	text-transform:uppercase;
	color:#fff;		
	font-weight: bold;
	padding: 8px;
    margin-bottom: 8px;
	text-align:center;
	background:url(../images/general/bg_titre_rouge.png) center top no-repeat;
	}

#pizzas{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto 30px;
}
.homePizzas{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 20px auto;
}

.homePizzas .bloc_pizza .nom_pizza{
	font-weight: bold;
}


.btnPizzas a {
	width: 150px;
	height: 25px;
	border: 1px solid #ee2a2b;
	color: #fff;
	background-color: #ee2a2b;
	text-decoration: none;
	margin: 5px 0;
	padding: 2px 5px;
	font-size: 20px;
	transition: all 1s ease 0s;
	display: block;
	border-radius: 10px;
	text-align: center;
	font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
}

#actualites h2 {
	font-weight: normal;
}	
	
#bloc_contact h2 {
	background:url(../images/general/bg_titre_noir.png) center top no-repeat;
	color:#fff;
	}
	
#bloc_contact, #bloc_contact p {
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	color:#000000;
	font-size: 22px;
	}
	
#bloc_contact, #bloc_contact p {
	margin-right:0;
	}
		
#bloc_contact p {
    width: 100%;
    clear: both;
	}	
	
#bloc_contact h3 {
	font-size: 35px;
	color:#000000;
    display: block;		
	float:left;
	margin-right: 8px;
	}	

#bloc_contact span {
    color: #ee2a2b;
    font-size: 20px;
    display: block;
    line-height: 15px;
    padding-top: 7px;	
	}			
	
.bloc_home a {
    color: #fff;
    background: #ee2a2b;
    padding: 5px 20px;
    text-align: left;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
    border-radius: 10px;
    font-size: 20px;
    display: block;
    width: 55%;
    margin: 8px auto 0;
	}
	
.bloc_home a:hover, #actualites	a {
    color: #000;
    background: #fff;
	font-weight: bold;
	border: solid 1px #000000;
	}			

#actualites	a:hover {
    color: #fff;
    background: #ee2a2b;
	font-weight: normal;	
	}
	
#actualites	.titre-actu, #actualites .texte-actu p {
    color: #000000;
	}	
	
#actualites	.titre-actu {
    color: #000000;
	font-size:15px;
	}			

	
/*********************************
			CONTENT
*********************************/

main {
    display: block;
    height: auto;
    margin: 20px auto;
    min-height: 350px;
    max-width: 1024px;	
    padding: 0;
    width: 100%;
    z-index: 100;
}
main h1 {
	display: block;
	margin: 0 auto;
	text-align:center;	
}

main h1 u {
	color:#ee2a2b;
	text-decoration: none;
}

section.content {
	display: block;
	position: relative;
	margin-bottom: 35px;
	width: 98%;
}

.page_dynamique_content {
	display: block;
    margin: 0 auto;
    max-width: 1024px;
	width: 96%;
	padding:0 2%;	
    overflow: hidden;
    position: relative;
}

/******************************  
		PAGE ACTUALITE 
****************************/

main .bloc_archives .une_archive {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
	
.texte_article {
	display: inline;
	/*float: left;*/
	overflow: hidden;
	position: relative;
	text-align: justify;
	width: auto;
	margin: 15px 2%;
	z-index: 100;
}

.texte_article p {
	color: #fff;
}
.photo-actu {
	float: left;
	width: 205px;
	height: 135px;
	overflow : hidden;
}
.photo-actu img {
	display : block;
	width : 100%;
	height : auto;
}
.photoactu {
	float: right;
	padding-bottom: 10px;
	margin-top : 10px;
	margin-left: 10px;
}
.photoactu_grd {
	overflow : hidden;
	position: relative;
    float: left;
    max-width: 30%;	
	margin: 2% !important;
}
.texte_index .photoactu_grd img {
	margin: 4px !important;
	border: 2px solid #fff;
}

.photoactu_grd img {
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    width: auto;
    display: inline-block;
}

.photoactu_grd img:hover {
	opacity: 0.8;
}

/*********  ARCHIVES ************/
#header_archives {
	color: #000000 ;
	font-size: 22px ;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 10px;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
	background: url(../images/general/border_footer_noir.png) center bottom no-repeat;
}
main .bloc_archives {
	display: block;
	width: 96%;
	text-align: justify;
	margin: 20px 0;
	overflow: hidden;
}
body .archive_content {
	display: block;
	height: 100px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}

.texte_index .img_archive {
    margin: 0 15px 0 0;
    display: block;
    float: left;
    width: 15%;
    height: 80px;
    overflow: hidden;
}

.texte_index .img_archive img {
	max-width: 75px;
	width: 100%;
	border: 1px solid rgba(247,247,247,0.00);
	margin:0;	
}

.img_archive img:hover {
	border: 1px solid rgba(41, 34, 33, 0.9);
}

.bloc_archives p {
	text-align: left;
	font-size: 13px;
	padding: 5px 0;
	color: #000000;
	transition: padding 1s ease 0s;
}
.bloc_archives a {
    width: 115px;
    border: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    margin: 5px 0;
    padding: 2px 5px;
    font-size: 20px;
    transition: all 1s ease 0s;
    display: block;
	border-radius: 10px;    
    text-align: center;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
}
.une_archive  .archive_content a:hover {
	color: #000;
	font-weight: 700;	
}
#galerie {
	padding: auto;
	margin: auto;
	text-align: center;
	background: linear-gradient(#333333, #F1F1F1) repeat scroll 0 0 transparent;
	width: auto;
}
#galerie_mini li {
	float: left;
	margin: auto;
	padding: auto;
	list-style-type: none;
}
#galerie_mini {
	border: 1px #FFF;
}
#photo {
	clear: both;
	margin: 0 auto;
}
#photo h3 {
	color: #FFF;
	font-weight: bold;
	texte-align: center;
}
/*********************************
			FOOTER
*********************************/

footer {
	position : relative;
	bottom: 0;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	font-size: 14px;
	z-index: 1000;	
	background: url(../images/general/border_footer_noir.png) center top no-repeat;
}
footer img {
	vertical-align: middle;
}
#footer_content {
    max-width: 1024px;
    width: 96%;
	display: block;
    margin: 5px auto 0;
	overflow: hidden;
	text-align: center;
    padding: 10px 0 15px;	
}

#footer_content a {
	color: #000000;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	font-size:20px;
	
}
#footer_content a:hover {
	color: #fff;   
	background: #ee2a2b;
	border-radius:10px;
}

#footer_content #mentions {
	margin:10px 0;
	border-top:1px solid #fff;
}

#footer_content #mentions .text_champ {
	margin: 5px 0;
}

#footer_content #mentions p {
    font-size: 11px;
    color: #fff;
}


/*********************************
			COOKIES
*********************************/
body .cc_container {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;	
    padding: 5px;
	background: #666;		
}
body .cc_container p {
	color: #fff;
}
body .cc_container .cc_message {
	display: block;
	text-align: center;
    font-size: 14px;	
}
body .cc_container .cc_btn, body .cc_container body .cc_btn:visited {
	color: #fff;
	background-color: #ae292a;
}
body .cc_container a, body .cc_container a:visited {
	text-decoration: none;
    color: #333;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	margin-top:10px;
    padding: 7px 10px;
    float: none;
	display: inline-block;
    max-width: 140px;
    text-align: center;
}

body .cc_banner-wrapper .cc_container .cc_btn {
    float: none;
	max-width: 140px !important;
	display:inline-block;
	text-align:center;
	margin-top:10px;
	font-size: 14px;
	margin-left: 0;
	margin-right: 10px;
}

body .cc_banner-wrapper .cc_container .cc_btn.cc_btn_refuse{
	background: rgba(174, 41, 42, 0.5);
}

body .cc_container a:hover, body .cc_container a:visited:hover {
	background : #666;
	color: #fff;
}

.iframeContenuRemplacement{
	border: 1px solid #bbb;
	padding: 10px;
}

.chkContactRGPD_wrapper{
	margin-top: 20px;
}

.chkContactRGPD{
	float: left;
	margin-right: 10px;
}


/************************** 
		TEXTE / TITRE / IMAGE 
************************/

.titre {
	text-align: left;
	float: left;
	margin-top : 18px;
	width: 100%;
	line-height: 36px;
	margin-bottom : 20px;
	display: block;
	padding-left: 5%;/*margin-left: 20px;*/
}
.texte_index {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 100;
	text-align: justify;
	width: 95%;
	/*margin:0 1%;*/
	padding: 0 2%;
}
.texte_champ {
	margin: 0 1%;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 100;
	text-align: justify;
	width: 96%;
}
.texte_index a:hover, .texte_champ a:hover {
	color: #595c60;
	background: #fff;
}
.texte_index img {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	max-width: 315px;
	width: auto;
	height: auto;
}
.text_champ {
	margin: 15px 0 35px;
    overflow: hidden;
}
.text_champ img {
	height: auto;
	margin: 0;
	overflow: hidden;
	position: relative;
	max-width: 400px;
	display: inline-block;	
}
.text_champ p {
	color: #000000;
}

.text_champ p a img {
	border: none;
	border-radius:0;
}

.text_champ p a img:hover {
	border: none;
	opacity:0.85;
	background:none;	
}

.page_dyn_article_content {
    display: block;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/**PAGE MENU **/

.bloc_rangee {
	margin: 30px auto 50px;
    position: relative;
    display: block;
}

.bloc_rangee h2 {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    padding: 13px;
	font-size: 40px;
    margin: 15px 0;
    text-align: center;
}

.bloc_rangee h2:before, .bloc_rangee h2:after {
	border:1px dotted #fff;
	display: block;
}

.infos_pizzas {
	display: flex;
	justify-content: center;
	overflow: hidden;
	width:100%;
	height:100%;
    position: relative;
    top: 10px;
    left: 0;
	margin-bottom: 20px;
	}

.infos_pizzas .taille_prix {
	color:#fff;
	border-radius:10px;
	background: #ee2a2b;
	display: block;
	overflow: hidden;
	float:left;
	height: 80px;
    width: 65px;	
    padding: 3px;
    margin-right: 5px;
    font-size: 16px;	
	}
	
.infos_pizzas .taille_prix span {
	display: block;
    line-height: 25px;
    font-size: 25px;	
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	}
	
.infos_pizzas .taille_prix .prix {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
    font-weight: normal;
	font-size: 22px;	
	}	
	
.infos_pizzas .supplement {
	color:#000;
	border-radius:10px;
	background: #73c153;
	display: block;
	overflow: hidden;
	float:left;
	height: 80px;
    padding: 3px;
    font-size: 14px;		
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	font-weight: bold;			
	}
	
.infos_pizzas .supplement p {
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:center;			
	}

.infos_pizzas .supplement ul {
	margin: 0;
	padding: 0;		
	}
	
.infos_pizzas .supplement ul li {
	margin: 0;
    padding: 0;
    /* border-right: 1px dashed #000; */
    /* float: left; */
    display: block;
    text-align: left;
	}
	
.infos_pizzas .supplement ul li:last-child {
	border-right:none;	
	}

.blocPizza {
	width: 100%;
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
}

.bloc_pizza {
    width: 23%;
    float: left;
    margin: 20px 2% 0 0;
    color: #000000;
    padding: 5px 0 80px;
    height: 230px;
    background: url(../images/general/bulle_pizza4.png) center center no-repeat;
	background-size: 100% 100%;
}

.bloc_pizza .unePizza {
    width: 100%;
	text-align: center;
	object-fit: contain;
    overflow: hidden;
	margin-bottom: 5px;
}

.bloc_pizza .unePizza a {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    background:url(../images/general/zoom.png) center center no-repeat;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
}

.bloc_pizza .unePizza a:hover {
    background:url(../images/general/zoom.png) center center no-repeat;
    content: '+';
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 15px;
	display: block;
}

.bloc_pizza .unePizza img {
	padding-top: 15px;
	height: 100px;
	max-height: 100px;
	object-fit: contain;
}

.bloc_pizza .unePizza img:hover {
    opacity: 0.2;
}	

.bloc_pizza .nom_pizza, .bloc_pizza .composition_pizza {
    text-align: left;
	width: 80%;
    padding: 0 5%;
    display: block;
    overflow: hidden;
    height: auto;
	margin-left: 20px;
	}
	
.bloc_pizza .composition_pizza {
	font-style:italic;
	font-size: 13px;	
	}						

/** CONTACT ***/

.page_contact {
	padding-bottom:30px;
	}

.map iframe {
    display: block;
    position: relative;
    left: 7px;
    top: 0;
    overflow: hidden;
    /* z-index: -999; */
    height: 420px;
    width: 100%;
    max-width: 1000px;
    padding: 0;
    margin: 0;
}
.content_left {
	display: block;
    overflow: hidden;
    float: left;
    width: 36%;
    margin: 10px 2% 0 15px;
    position: relative;
    color: #000000;
    padding: 40px 0;
    height: 250px;
    background: url(../images/general/bulle_contact.png) center top no-repeat;
}

.content_left .text_champ {
    margin: 0 12.5%;
    width: 75%;
    float: left;
	}

.content_left .text_champ p {
	color: #000000;
	}	

#formulaire {
	margin: 20px 5px 5px 20px;
	overflow: hidden;
	position: relative;
	z-index: 100;
	display: block;
	float: right;
	width: 48%;
}
#formulaire p {
	display: block;
	float: left;
	margin-right: 5px;
}
label {
	font-size: 14px;
	margin: 5px 0;
	display: block;
	color: #333333;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;	
}
label span, .champs_obligatoires span {
	color: #A0090C;
}
input, textarea, select {
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;	
}
select, option {
	border: 1px solid #cccccc;
	width: 95%;	
	cursor:pointer;
}
.class_input_file {
	cursor:pointer;	
	}
input, textarea {
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}
input[type="checkbox"] {
	appearance: checkbox;
	-moz-appearance: checkbox;
	-o-appearance: checkbox;
	-webkit-appearance: checkbox;
	-ms-appearance: checkbox;
}
.contact_ch_simple, .contact_ch_multi {
	margin-bottom: 5px;
	background-color: #fff;
	width: 95%;
	margin-bottom: 10px;
	padding: 0 5px 0;
	border: 1px solid #cccccc;
}
.contact_ch_simple {
	height: 25px;/*border: 1px solid #0b1644;	*/
}
input[type="checkbox"].checkbox {
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	margin: 5px;
}
.contact_ch_multi {
	height: 100px;
}

.contact_ch_bouton {
    font-weight: bold;
    padding: 13px;
    margin-bottom: 10px;
    text-align: center;
    border: none;
    height: 55px;
    width: 250px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
    background: url(../images/general/bg_titre_vert.png) center top no-repeat;
    color: #000;
}

.contact_ch_bouton:hover {
    background: url(../images/general/bg_titre_blanc.png) center top no-repeat;
    border-bottom: none;
    cursor: pointer;	
}
.champs_obligatoires {
	font-size: 14px;
	color: #000000;
    margin: 0 0 20px;
}

/*********** 
	ANIMATIONS CHAMPS 
*********************/

#formulaire form {
    position: relative;
    z-index: 1000;
    box-sizing: border-box;
    padding: 0;
}
	
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 15px 10px;
	max-width: 350px;
	width: 95%;
	vertical-align: top;	
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 2px 5px 10px;
	border-radius: 0;
	background: #f0f0f0;
	color: #000;
    margin: 0;	
	font-weight: 400;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	margin:0;
	width: 40%;
	color: #696969;
	font-weight: bold;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.input__field--yoshiko {
	width: 98%;
	background-color: #eef0ee;
	border: 2px solid transparent;
	-webkit-transition: background-color 0.25s, border-color 0.25s;
	transition: background-color 0.25s, border-color 0.25s;
}

.input__label--yoshiko {
	width: 98%;
	text-align: left;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	overflow: hidden;
	padding: 0 1%;
	-webkit-transform: translate3d(0, 3em, 0);
	transform: translate3d(0, 3em, 0);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s ;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.input__label-content--yoshiko {
	color: #8B8C8B;
    padding: 12px 0;
    font-size: 13px;		
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.input__label-content--yoshiko::after {
	content: attr(data-content);
	position: absolute;
	font-weight: 800;
	bottom: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	color: #ee2a2b;
	padding: 10px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.85em;
}

.input__field--yoshiko:focus + .input__label--yoshiko,
.input--filled .input__label--yoshiko {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width:100%;
    padding:0;		
}

.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,
.input--filled .input__label-content--yoshiko {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
    padding:0; /**champs au-dessus de l'input**/			
}

.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko {
	background-color: #fff;
	border-color: #ee2a2b;
    padding:0 5px;	
	font-size: 13px;			
}


/*********** 
	MESSAGE BIEN ENVOYER 
*********************/
#texte_ok_contact {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #73c153;
    color: #000;
    padding: 10px;
    display: block;
    margin: 15px 0;
    position: relative;
}

/***********
	MESSAGE NON ENVOYE => ERREUR CAPTCHA
*********************/
#texte_nonValide_contact {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #ef272a;
	color: #ffffff;
	padding: 10px;
	display: block;
	margin: 15px 0;
	position: relative;
}

/************************************* 
			Paragraphe 
**************************************/

.barre_separation { /***DISPLAY NONE DONC LA BARRE DE SEPARATION DISPARAIT***/
	/*float: left;*/
	display: none;
	width: 90%;
	height: 6px;
	margin-left: 5%;
	text-align: left;
	padding: 0px;
	border-top: 1px solid rgba(41, 34, 33, 0.9);
}
.page_dyn_article .text_champ {
	display: block;
	margin: 15px auto;
	overflow: hidden;
	padding: 0 2%;
	text-align: left;
	width: auto;
}
#content_accueil .text_champ {
	display: block;
	width: auto;
	margin : auto;
	margin-top: 15px;
	overflow: hidden;
	padding: 0 1% 0 2%;
	width: 80%;
	text-align: left;
}
.text_champ ul li {
	font-size: 14px;
}
.text_champ a:hover {
	text-decoration:underline;	
}
.text_champ p {	
	text-align: justify;
}

.image_gauche, .image_droite {
    overflow: hidden;
    /* margin-bottom: 10px; */
    width: 290px;
    float: left;
    margin:0 2% 0 0;
    color: #fff;
    padding: 0;
    height: 270px;
    background: url(../images/general/bg_img_blanc.png) center top no-repeat;	
}
.image_gauche a, .image_droite a {
	display: block;
    margin: 25px 20px;
    height: 205px;
    overflow: hidden;	
}

.image_gauche {
	float: left;
	margin-right: 2%;
}
.image_droite {
	float: right;
	margin-left: 2%;
}
.text_champ .image_droite h2{
	margin-right:275px;
}
.separation_menu {
	display : block;
	float : left;
	margin-top : 3px;
	margin-left : 2px;
	margin-right : -4px;
}


/*****************************************************************
				PAGE DYNAMIQUE
*****************************************************************/

.grde_img {
	float: left;
	display: block;
	margin: auto;
	padding: auto;
	width: 262px;/*height:285px;*/
}
.grde_img img {
	display : block;
	width : 89%;
	margin : auto;
}
.texte_dynamique {
	float: left;
	margin: auto;
	padding: auto;
	list-style-type: none;
}
.min_img {
	display: block;
	float: left;
	height: auto;
	margin: auto auto 9px 10px;
	width: 156px;
}
.min_img img {
	display : block;
	width : 100%;
}
.text_champ p span {
	display: inline;
	color :#ee2a2b;
}
/****CAROUSEL*********/

#carousel_projet {
	position: relative;
	overflow: hidden;
}
.wrap_carousel {
	display: block;
	width : 100%;
	max-width:960px;
	overflow : hidden;
	position: relative;
	margin: 0 auto 15px;
}

#titre_carousel {
	text-align:center;
	color: rgba(41, 34, 33, 0.9);
	font-family: "Arimo",Arial,Verdana,sans-serif;
    font-size: 25px;
	margin:20px 0;
	}

#carousel_projet {
	display: block;
	width : 85%;
	margin: auto;
	overflow: hidden;
  
    padding-top:30px;	
}
#carousel_projet ul {
	width: 1000%;
	position: relative;
	/* Optional, required in this case since it's a <ul> element */
	list-style: none;
	margin: 0;
	padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
#carousel_projet li {
	/* Required only for block elements like <li>'s */
	float: left;
	width : 2%;
	margin: 0 ;
	overflow: hidden;
   /* border-radius: 10px;	*/
}

.jcarousel-prev, .jcarousel-next {
	position : absolute;
	top : 43%;
}

.jcarousel-prev {
	left : 2%;
}
.jcarousel-next {
	right : 2%;
}

.jcarousel-prev:hover, .jcarousel-next:hover {
	opacity: 0.85 ;
}

#carousel_projet li a {
    display: block;
    height: 100px;
    margin: 0 auto 20px;
    width: 90%;
    overflow: hidden;
    border-radius: 10px;		    
}

#carousel_projet ul li a img{
	width: auto;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 90%;
    border-radius: 10px;		
}

#carousel_projet li img:hover {
	opacity:0.8;
}

/***************** 
		PARTENAIRES **************/

.bloc_partenaire {
    display: block;
    margin: 20px auto;
    overflow: hidden;
    width: 100%;
}

.img_partenaire {
    display: block;
    float: left;
    min-height: 80px;
    text-align: left;
    width: 11%;
    vertical-align: middle;
}

.img_partenaire a {
    display: block;
    overflow: hidden;
}

.img_partenaire img {
	border-radius: 10px;
    vertical-align: middle;	
}

.titre_partenaire, .texte_partenaire {
    overflow: hidden;
    display: block;
    padding-bottom: 10px;
    text-align: justify;
    width: 85%;
    float: right;
}

.titre_partenaire {
	font-weight:500;
    display: inline;
	padding:5px 0;	
}

.titre_partenaire:hover {
	color:#fff;
}

.texte_partenaire {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.bloc_partenaire:last-block .texte_partenaire {
	border-bottom:none;
}


body .bx-wrapper .bx-viewport{
	box-shadow: none;
	border: none;
	background: none;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	width: 100%;
}

.slides{
	height: 600px;
	list-style: none;
	padding: 0;
	margin: 0 12px;
	top: 0;
	max-width: 1000px;
}

.slide{
	height: 100%;
	width: 100% !important;
	background-repeat: no-repeat;
}

.slide .caption {
	position: absolute;
	width:100%;
	top: 0;
	left: 0;
	font-size: 26px;
	padding: 5px;
	background-color: rgba(0,0,0,0.7);
	color:#ffffff;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:auto;
	text-align:center;
    font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
    max-height:168px;
}

.slide .caption span{
	color:#c2982d;
}

#diaporama a{
	display: block;
}

/**page formule**/

.nos_formules {
	display: none;
	text-align: center;
	margin:auto;
	padding:20px 0;
}

.img_formules {
	max-width: initial !important;
	width: 100%;
}

.une_formule{
	display:inline-block;
	width:45%;
	margin:2%;
}

.circle{
	position: relative;
	border-radius: 50%;
	width: 100%;
	height: auto;
	padding-top: 100%;
	background-color: #ee2a2b;

}

.une_formule_content{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.une_formule_content span{
	display: block;
	font-family: 'GunnyRewritten', 'Caveat', Helvetica, Arial, sans-serif;
	color:#ffffff;
}


.formule_prix{
	font-size: 60px;
}

.formule_titre{
	font-size: 40px;
}

.formule_mentions{
	font-size: 20px;
}

.visite iframe{
	width:100%;
}