BASE64BLABALBLABHINDINANANAGINIP
													/* RESOLUTION MOBILE */	@media screen and (max-width:767px) {



			@font-face {
  font-family: "Raleway Regular";
  src: url('http://histoiredamours.com/squelettes/font/Raleway-Regular.ttf');
}		

			@font-face {
  font-family: "Raleway Light";
  src: url('http://histoiredamours.com/squelettes/font/Raleway-Light.ttf');
}		
			@font-face {
  font-family: "Raleway Thin";
  src: url('http://histoiredamours.com/squelettes/font/Raleway-Thin.ttf');
}		

			
body {
	margin:0; padding:0;
	}
	
html {box-sizing: inherit;}

html, body {
	font-size: 0.97em;
    line-height: 1.9em;
    font-family: "Raleway";
	}




					/* SCROLLBAR */
	
	/* total width */
*::-webkit-scrollbar {
    background-color:transparent;
    width:9px;
}

/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color:transparent;
}
*::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.15);
}

/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color:rgba(0,0,0,.15);
    border-radius:5px;
    border:none;
}
*::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0,0,0,.15);
    border:none;
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {display:none}



/* Couleurs des liens
---------------------------------------------- */
a, a:visited{ 	color: #956870;
	text-decoration: none;
	margin:0;
	padding:0;
 }
a:focus,a:hover,a:active { color: #87676d; text-decoration: none; background:#D3BCC0; }


 

 
/* ------------------------------------------
/* BLOCS PRINCIPAUX
/* ------------------------------------------ */

#global_sommaire { width: 100%; }
	
#global { width: 100%; }


					

	/* pour toutes les pages sauf sommaire */			

	#wrapper	{     
	margin-left: auto;
    margin-right: auto;
	background:#f6f6f6;
  }

	#ribbon {
	height: auto;
    overflow: hidden;
	padding: 0;
    margin: 0 auto;
	}

		#ribbon h1 {
		  font-size: 2.3em;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    margin: 1rem 0 1rem 0;
    padding: 0;
	font-family: "Raleway light";
}



	/* Lang */
	
#menu_lang_global {
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 85vw;
    width: auto;
    height: 50px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    z-index: 150;
    width: auto;
    top: -2vw;
}


#menu_lang_global label { display:none; }

#menu_lang_global #var_lang .formulaire_spip input, textarea, select, button {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    border-radius: 0!important;
    margin-bottom: 1em;
    border: 1px solid #a7a7a7;
}

#menu_lang a.langue_en{
    color: #333;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
	#menu_lang a.langue_en:hover {
    text-decoration: none;
border:none;
background:none;
}

#menu_lang a.langue_fr{
    color: #333;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
	
	#menu_lang a.langue_fr:hover {
    text-decoration: none;
border:none;
background:none;
}



	 /* HEADER  */
	#header {
background: #fff!important;
    border: none;
    margin: 0;
    padding: 0;
	}
	
	#header_top {
    height: 130px;
    margin: 0 auto;
    padding-bottom: 0!important;
    z-index: 90;
    box-shadow: none;
}
	
.menu_lang {
width:80%;
height:130px; 
margin:0 auto;
padding-bottom:0!important;
z-index:90;
box-shadow:none;
}




/* Header et menu désactivés pour mobile */
	#menu { display:none;}								
	.logo { display:none;}	

/* Header sommaire et menu désactivés pour mobile */
	 #menu_som { display:none;}								
	.logo_som { display:none;}	

							
			/* ------------------------------------------
			/* MENU MOBILE
			/* ------------------------------------------ */

.nav_mobile_display {position:absolute; left:0; top:0;    width: 100%; background:#fff;}

.mobile-container {
  max-width: 100%;
  margin: 0;
  background-color: #fff;
  height: 500px;
  color: #fff;
  border-radius: 0;
   box-shadow:  inset 0px 11px 8px -10px #CCC;
}

.topnav {
    position: relative;
}
.topnav a {
    color: #333;
    padding: 10px 5px;
    text-decoration: none;
    font-size: 0.85rem;
    display: block;
    border-bottom: 1px solid #eee;
}


.topnav #logo {
    position: absolute;
    z-index: 160;
    left: 37%;
    width: 100px;
    height: 100px;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
	}

.topnav  img {
margin:0;
padding:0;
}

.topnav #myLinks {
  display: none;
}

.topnav #myLinks {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    color: #333;
    padding-top: 120px;
	}
	
.topnav a.icon {
    position: absolute;
    left: 0;
    top: 0.5rem;
    z-index: 150;
    display: block;
	background: #fff;
    color: #333;
    font-family: "Raleway";
    font-weight: bold;
    font-style: normal;
    font-size: 0.8rem;
    padding: 1px 9px;
    margin: 0;
	cursor: pointer;
	    border: none;
}

.fa .fa-bars {
  font-style: normal;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .active {
color: #333;
    border: none;
    position: relative;
    z-index: 160;
    width: 30%;
    margin: 0 auto;}							 
	
							
							
								/* PIED */			
	
	#footer { 
	overflow: hidden;
    box-shadow: 
				 inset 0px 11px 8px -10px #CCC,
      			  inset 0px -11px 8px -10px #CCC; 

	}
	
	#footer .container {
	 width: 100%;
	margin: 0 auto;
	height:auto;
	overflow:hidden;
	padding-top: 1.25rem;
}
	

 	#footer #footer_text {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    color: #fff;
    padding: 0;
	text-align:center;
	 	 }


	       .footer_bloc {
		float:left;
		width:100%;
		color:#333;
		font-size: .875rem;
		text-align:center;
		font-family: "Raleway light";
		padding:0;
		margin:10px;
	}

			.footer_bloc h1 {
			font-size: 1em;
			font-weight:bold;
			padding:0 0 5px 0;
			font-family: "Raleway light";
		text-align:center;
			}

	.footer_bloc a, .footer_bloc a:visited, .footer_bloc a:focus {
	color: #333; font-weight:bold;
	    font-size: 0.85em;
	}

	.footer_bloc a:hover {
	color: #333!important;
	background:none;
	border:none;
	}
	
	#footer #copyright {
    text-align: center!important;
padding: 5px;
margin: 1em auto 1em auto;
background:#E5E5E5;
font-size: .85em;
    color: #7a7a7a;
    font-weight: 400;
}

	#footer #copyright p {
	margin:0;
	}

  
#fait_main {margin: 0;
    padding: 0;
    width: 100%;
    display: block;}
#fait_main img {}

 

							 
	/* SOMMAIRE EFFET PARALLAXE */
				

												/*************************************
												*************************************
												**************** SLIDES **************
												*************************************
												*****************************************/



				/* SLIDE 1 IMAGE SOMMAIRE */
					
				#page_sommaire {    position: relative; z-index: 5; background-size: 100%; top:130px;}

				#page_sommaire img{	width: 100%;}
				

							#slogan {position:absolute; bottom: -90px; width:100%; }
				#slogan .slogan_text {width:50%;margin: 0 auto;  }
				#slogan .slogan_text h1 { color:#a7a7a7;font-size:1.3em; margin: 0 0 10px 0; padding: 0;}
				#slogan .slogan_text h2 {color:#333;font-size:1em;font-weight: normal; margin: 0; padding: 0; }

			
				/* SLIDE 2 - PHOTO OURS ET TEXTE*/

				#page_ours{ background-color: #fbfbfb;     position: relative; top: 230px; }
				
						/* ours */
				
			.conteneur_ours {display: flex; margin: 0; padding: 0;    flex-direction: column;}

				.ours { width: 100%; margin: 0; padding: 0; align-items: center;    justify-content: center; }  
				.ours img {     object-fit: cover;  width: 50%; margin:0; padding:0;}  
	
				.contenu_ours {width: 100%; align-items: center; padding: 1em; }
				.contenu_ours p {     
				width: 100%;
				margin: 0;
				padding: 0;
				font-size: 0.95em;
				text-align: justify;
				line-height: 1.95em;
				font-family: 'Raleway Regular';
				font-weight: bold;
				}

				.contenu_ours h3.spip {
font-size: 1.5rem;
    font-family: "Raleway Thin";
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0 0 0.5em;
    transform: scaleY(1.11);
    font-weight: normal;
    line-height: 2rem;				 }


	/* SLIDE 3 DEVIS */
	#page_douceur {    position: relative; z-index: 5; background-size: 100%;top: 230px;}
	#page_douceur img {	width: 100%; object-fit: cover; max-height: 550px;object-position: top center;}
				
		.douceur_1 {  width: 60%; position: absolute;  top: 75%; transform: translateY(-50%); right: 0;}
					 
	
				/* Demande de devis sommaire */
			.devis { width: 100%;}
			.devis h1 { 
			 margin: 0 auto 0.5em auto;
			font-size: 1.1em;
			text-transform: uppercase;
			font-family: "Raleway light";
			font-weight: 600;
			line-height: 1.3em;
			text-align: left;
			color: #fff;
			}
			.devis h1 p {margin:0}
	
			.devis .btn {
display: block;
    width: 50%;
    font-size: 0.85em;
    text-align: center;
    color: #fff;
    padding: 0.2em 0.5em;
    background: #333;
    font-weight: bold;
    font-family: 'Raleway Light';	
	line-height:1em;
			}

			.devis .btn:hover {background: #eee;color:#333;}


		.douceur_2 { width:50%;}
		.douceur_2 img { max-height: 100%; object-fit: cover; width: 100%;}

				

				/* SLIDE 4 - CREATIONS */
				
				#page_creations { position:relative; background-color: #fff; box-shadow: 0 -10px 10px -12px #222;  z-index: 4; top:230px;}
				
					#conteneur_creations { margin:0 auto; padding: 0 0 1em;}
								
							
							/* titre creations & adoptés */
							#titre_creations {       
							 margin: 0 auto 0.9em auto;
							font-size: 2em;
							line-height: 0.9;
							text-align: center;
							font-family: "Raleway thin";
							font-weight: bold;
							padding: 1rem;
							background: #fbfbfb; 
							}			
							
							
/* Vignettes créations */	
#vignettes_all { display: grid;  grid: auto-flow / 1fr 1fr;	gap: 1em;  width: 90%;margin: 0 auto;height: auto;   overflow: hidden;	}
#vignettes_all a:hover {border:none;background:none;}
			
		#vignettes_all .vignettes_creations  {  margin: 0;  padding: 0;  width: 100%;  height: auto;   border: 1px #eee solid;  overflow: hidden;}		
		#vignettes_all .vignettes_creations img {width: 100%;   height: auto;   margin: 0;  padding: 0;   object-fit: cover;  object-position: top center;  text-align: center;}

					
			
/* bloc titre */
.creations_child {display: table;  width: 100%;  height: 60px;  color: #333; font-size: 1em;  line-height: 1.5rem; padding: 0.3em 0.3em; margin: 0;  text-transform: uppercase;
	font-weight: 600;}		
	
	.creations_child:hover { background:#eee;}
	.creations_child span { vertical-align:middle;display: table-cell;	}
	.creations_child a {color:#333;margin:0;	padding:0;	border:none;  }
			

/* lien voir tout */
#voir_tout {margin:0; padding: 2em 0 0.5em 0;}
	
	#voir_tout a { font-size: 1.5em;	color: #999999;	text-align: center;font-family: "Raleway Light";	}
	#voir_tout a:hover {text-decoration:none; background:none;border: none;color:#585757;}
												
	
						




								/* RUBRIQUE PORTFOLIO */


.fond_portfolio {background: url("../../IMG/fonds/fond_portfolio.jpg") no-repeat  35% -50%;  height: 350px; width: 100%; overflow: hidden; background-size: cover; }						

.fond_portfolio h2 {     font-size: 2em;
    text-transform: uppercase;
    margin: 2em auto 0 auto;
    color: #ffffff;
    text-align: center;
    font-family: "Raleway light";}

				/* Menu du portfolio */
				
	.portfolio_menu { width: 40%; padding: 0; position: absolute; top:280px;    right: 2em;}
	
	.portfolio_menu_btn {display: block;	margin: 0 0 0.8em 0; padding: 0.2em 0.5em;	color: #fff; text-align: center; border: 1px solid #fff;	border-radius: 8px;font-weight: bold;
    font-family: 'Raleway Light'; font-size: 0.9em;    line-height: 1.3em;}
	
	.portfolio_menu_btn:hover {color:#333; background:#fff;}
		
	.portfolio_menu a {border:none; background: none; }

		
				/*******************/
	.portfolio_art_titre {
    height: auto;
    margin: 0;
    padding: 2em 0 1.3em 0;
    width: 100%;
    display: block;	}
	
		.portfolio_art_titre span {
	font-size: 2.5rem;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: "Raleway light";
}
			
					
		#portfolio_embal {
		height:auto;
		overflow:hidden;
		margin: 0;
		padding: 0 0 100px 0;
		background:#fff;
		}
			
					
/* GALERIE */

#galerie_page {	padding:1em;	}
	

.galerie { display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 10px 10px;  }
				
.galerie img{ width: 100%;  height: 100%;  object-fit: cover;}

.galerie a {border:none;	background:none;text-decoration:none;	}

.galerie_item { position: relative;margin:0;padding:0;}					

	
		/* bloc titre */
		
	.galerie_title {
	position: absolute;
    left: 0;
    bottom: 1em;
    width: auto;
    height: auto;
    margin: 0;
    color: #333;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    font-size: 0.85em;
    background: #fff;
    padding: 0.4rem 0.3rem;
    line-height: 1rem;
    font-weight: bold;
		}
					  
	.galerie_title a { color:#333; margin:0; padding:0;	border:none;  }
							


				
					/* RUBRIQUE QUI JE SUIS */
					
				
												
												/*************************************
												*************************************
												**************** SLIDES **************
												*************************************
												*****************************************/
		#page_qui img {    width: 100%;   object-fit: cover;  object-position: center;  height: 350px;}

		#page_text {position: relative;top: -50px;height: auto;overflow: hidden;	padding: 0;z-index: 1;background: transparent;	}

		.page_text_fond {width: 100%; background: #f6f6f6; margin: 0 auto;}
				
		#page_text p { 
		width: 100%;	
		margin: 0 auto 1em; 
		padding: 0.5em 1em;	
		vertical-align: middle; 
		background: #fff;
		border-bottom: 1px solid #eee;
		font-size: 0.9rem;	
		text-align: justify; 
		line-height: 2em;	
		color: #333; 
		font-weight:500;
		font-family: 'Raleway Regular'; 
		}

		.page_text_title {   
		width: 100%;
		font-size: 1.5em;
		text-transform: uppercase;
		color: #333;
		text-align: center;
		font-family: "Raleway light";
		background: #fff;
		margin: 0 auto 0.5em;
		padding: 0.5em 1em;
		line-height: 1.5rem;
		}
			
		#page_text h3.spip {
		width: 100%;	
		margin: 0 auto 1em; 
		padding: 0.5em 1em;	
		vertical-align: middle; 
		background: #fff;
		border-bottom: 1px solid #eee;
		font-size: 2.1rem;	
		text-align: center; 
		line-height: 2em;	
		color: #333;
		font-family: "Raleway Light"; 
		text-transform: uppercase;
		}


				
					
				/* PAGE CONTACT */
				
#contact_page {margin:0; padding:0; background: #fff; }

#contact_page .embal_contact { display: flex; align-items: flex-start; width: calc(100% / 1 - .5em);  height: auto; overflow: hidden; background: #fff;  padding: 0;  margin: 0 auto;flex-direction: column;
} }
	
	
	/* Carte google */
	.map_contact {     padding: 0.5em;   width: 100%; }
	.map_contact .map_text { margin:0; padding:0 0 1em 0; text-align:left;}

		.map_contact .map_text p { margin:0; padding:0; }
		.map_contact .map_text img { vertical-align:middle;}
		.map_contact .map_text .spip_documents_left { text-align:left;vertical-align:middle; margin:0;    padding-right: 0.9em;}

		.map_display { margin: 0;  padding: 0; }
		.map_display iframe {float:left;     width: 100%; }


	/* formulaire contact */
#contact_page .embal_contact .form_contact {   height: auto;  overflow: hidden; margin: 0; padding: 0.5em; text-align: justify; }
#contact_page .embal_contact .form_contact p {font-size:0.9em; }

#contact_page .embal_contact .form_titre { width: 100%;  margin: 0 0 1em; font-size: 1.5em; font-family: "Raleway Light"; text-transform: uppercase;  font-weight: 600;  text-align: center;}
		
#contact_page .embal_contact .form_titre p { margin:0; padding:0; }


#contact_page .embal_contact .form_display { margin: 0; padding: 0;}

#contact_page .embal_contact .form_contact .formulaire_spip {
			width: 100%;
			margin-bottom: 1.5em;
			margin: 0;
			}
			
#contact_page .embal_contact .form_contact .formulaire_spip input#champ_input_1 {
			margin-bottom:1em;
			}
#contact_page .embal_contact .form_contact .formulaire_spip input#champ_email_1 {
			margin-bottom:1em;
			}
#contact_page .embal_contact .form_contact .formulaire_spip textarea#champ_textarea_1 {
			margin-bottom:1em;
			}
			
			
			
#contact_page .embal_contact .form_contact .formulaire_spip label {
			float: left;
				width: 100%;
				font-size:0.9em;
			}
			
			
#contact_page .embal_contact .form_contact .formulaire_spip input, select, button {
				float: left;
				width: 100%;
				font-family: inherit;
				font-size: 100%;
				font-weight: inherit;
				line-height: inherit;
				padding: 0.3rem 0.5rem;
				margin:0;
				border-radius: 5px;
			}
			
#contact_page .embal_contact .form_contact .formulaire_spip textarea{
				margin: 0 auto 0.5em auto;
				width:100%;
			}
			
			
#contact_page .embal_contact .form_contact .formulaire_spip .boutons input, .formulaire_spip .boutons button {
				float: right;
				width: 6em;
			}
			
			
					/* Bouton */
#contact_page .embal_contact .form_contact .formulaire_spip .boutons input, .formulaire_spip .boutons button {
				font-size: 0.9em;
				text-align: center;
				color: #fff;
				line-height: 0.9em;
				background: rgb(0,0,0,0.9);
				border-radius: 5px;
				margin: 0 auto 0.5em auto;
				padding: 1em;
				box-shadow: inset 0px 11px 8px -10px #626262;
			}
#contact_page .embal_contact .form_contact	.formulaire_spip .boutons input:hover, .formulaire_spip .boutons button:hover  {background:rgb(0,0,0,0.6);box-shadow: offset 0px 11px 8px -10px #333;}





			
					
													/****** RUBRIQUE RESTAURATION OURS ******/
				
				
#fond_restauration { background: url('../../IMG/fonds/Irvin.jpg') no-repeat 35% -50%; height: 350px; width: 100%;  overflow: hidden;  background-size: cover;	}	
	
#fond_restauration img {width:100%;	}	
					
	#fond_restauration h2 {     font-size: 2.5em;
    text-transform: uppercase;
    margin: 6em auto 0 auto;
    color: #ffffff;
    text-align: center;
    font-family: "Raleway light";}
						
						
													 /* Bouton demande de devis page restauration */
				 
	#devis_resto {
	width: 100%;
	padding:2em;
	}
					 
 	#devis_resto .demande_devis_resto {
    height: auto;
    overflow: hidden;
    transition: all .5s ease-in-out;
    width: 300px;
    margin: 0 auto;
	}
						
	#devis_resto .demande_devis_resto h1 {
    display: block;
    font-size: 1.5em;
    color: #333;
    text-align: center;
    margin: 0 0 1.em;
    text-transform: uppercase;
    font-family: "Raleway light";
    line-height: 1.2;
    -ms-transform: scaleY(1.32);
    -webkit-transform: scaleY(1.1);
    transform: scaleY(1.1);
}
	
	#devis_resto .demande_devis_resto h1 p {
margin:0;
}
#devis_resto .demande_devis_resto_btn {
    width: 55%;
    font-size: 1.14em;
    text-align: center;
    color: #fff;
    font-weight: 500;
    line-height: 0.9em;
    border-radius: 3px;
    margin: 0 auto 0.5em auto;
    padding: 0.7em 1em;
    box-shadow: 0px 0px 10px 4px rgb(119 119 119 / 75%);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 11px 4px rgb(223 223 223 / 60%);
    font-family: "Raleway light";
    background: #666666;
}
						
					#devis_resto	.demande_devis_resto_btn:hover {
						background:#fff;
						box-shadow:none;
						color:#333;
						}

	
	
						/* PAGE DEVIS */
						
#devis_page { background: #fff; padding:0; margin:0;}

	#devis_page .devis_cadre {    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: justify;
    padding: 0;	 }
	
	#devis_page	.devis_cadre h2 { width: 100%;  display: block; font-size: 2.5em; text-align: center; padding: 0.5em 2em; font-family: "Raleway light"; font-weight: 500;
    text-transform: uppercase; }

	#devis_page	.devis_cadre p {font-size:0.9em;}
		
		
		
		/* formulaire devis */
	
	#devis_page	.devis_cadre .formulaire_spip {width:80%; margin-bottom: 1.5em; margin: 0 auto 0 auto;}

	#devis_page	.devis_cadre .formulaire_spip input#champ_input_2 {
		margin-bottom:1em;
		}
	#devis_page	.devis_cadre .formulaire_spip input#champ_input_5 {
		margin-bottom:1em;
		}
	#devis_page.devis_cadre .formulaire_spip input#champ_email_1 {
		margin-bottom:1em!important;
		}
	#devis_page	.devis_cadre .formulaire_spip input#champ_input_1 {
		margin-bottom:1em;
		}
	#devis_page	.devis_cadre .formulaire_spip input#champ_input_3 {
		margin-bottom:1em;
		}
	#devis_page	.devis_cadre .formulaire_spip input#champ_input_4 {
		margin-bottom:1em;
		}
	#devis_page	.devis_cadre .formulaire_spip input#champ_input_6 {
		margin-bottom:1em;
		}
	#devis_page	.devis_cadre .formulaire_spip textarea#champ_textarea_1 {
		margin-bottom:1em;
		float:none;
		width:100%;
		}



#devis_page .devis_cadre .formulaire_spip fieldset{
margin-bottom:1em;
border: 1px dotted #eee;
}

#devis_page .devis_cadre .formulaire_spip fieldset .choix{ }


#devis_page .devis_cadre .formulaire_spip label { float: left; width: auto; min-width: 10%;font-size: 0.9em;  text-align: left;margin-right: 5px;}


#devis_page	.devis_cadre .formulaire_spip input#champ_oui_non_1_oui {margin-top:7px;}

#devis_page	.devis_cadre .formulaire_spip input#champ_oui_non_1_non {margin-top:7px;}



#devis_page .devis_cadre .formulaire_spip input, textarea, select, button {
	font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    border-radius: 0;
	margin-bottom:1em;
		width:70px;
	    text-transform: uppercase;

}


#devis_page .devis_cadre .formulaire_spip .boutons input, .formulaire_spip .boutons button {
    float: right;
    width: 6em;
}

		/* Votre email */
#devis_page .devis_cadre label.titre_email {
display: inline-block;
width:40%;
padding: 7px;
margin:7px;
}		
	
#devis_page .devis_cadre input.texte_email {
display: inline-block;
width:50%;
padding: 7px;
margin:7px;
border: solid 1px #aaa;
}	

		/* Sujet */
#devis_page .devis_cadre label.titre_sujet {
display: inline-block;
width:40%;
padding: 7px;
margin:7px;
}

#devis_page .devis_cadre input.text_sujet {
display: inline-block;
width:50%;
padding: 7px;
margin:7px;
border: solid 1px #aaa;
}
	
		/* Message */
#devis_page .devis_cadre label.titre_message {
display: block;
padding: 7px;
margin:7px;
}

#devis_page .devis_cadre textarea.texte_message {
display: block;
padding: 7px;
margin:7px;
border: solid 1px #aaa;
}

		/* Bouton */
#devis_page.devis_cadre .formulaire_spip .boutons input, .formulaire_spip .boutons button {
    font-size: 0.9em;
    text-align: center;
    color: #fff;
    line-height: 0.9em;
    background: rgb(0,0,0,0.9);
    border-radius: 5px;
    margin: 0 auto 0.5em auto;
    padding: 1em;
    box-shadow: inset 0px 11px 8px -10px #626262;
}
	#devis_page.devis_cadre.formulaire_spip .boutons input:hover, #devis_page .devis_cadre .formulaire_spip .boutons button:hover  {background:rgb(0,0,0,0.6);box-shadow: offset 0px 11px 8px -10px #333;}


	
							/* RUBRIQUE RESTAURATION */
							
#restauration_rub { margin: 0 auto; padding-bottom: 5em;  }
#restauration_rub p { width: 100%; text-align: justify; padding: 1em;  margin: 0 auto; line-height: 1.7;}

#restauration_rub a:hover {border:none;background:none; }

#restauration_rub h1 {margin: 0;  padding: 0;  }
#restauration_rub h1 p {    margin: 0;
    padding: 1rem 0;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway Light';
    color: #333;
    font-weight: normal; }

#restauration_rub h2 {  padding: 0; margin:0; background: #fff;}
#restauration_rub h2 p {     width: 90%;
    font-size: 1rem;
    text-align: justify;
    line-height: 1.7;
    padding: 1em;
    margin: 0 auto;
    font-weight: bold;
    font-family: 'Raleway Light';}

							/* PORTFOLIO RESTAURATION */


	#grid_restauration {
display: grid;
    grid: auto-flow / 1fr 1fr;
    gap: 1em;
    width: 90%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;	
		 }
	
 #images_listing {
margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    border: 1px #eee solid;
    overflow: hidden;
		}
 #images_listing:hover { background:#eee;}

	
 #images_listing img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: top center;
    text-align: center;
	}


		/* TITRE LOGO */
		
#images_listing h3 {
    display: table;
    width: 100%;
    height: 60px;
    color: #333;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.3em 0.3em;
    margin: 0;
    text-transform: uppercase;
	    text-align: center;
		    background: #fff;
    box-shadow: inset 0 2px 5px 0 rgb(0 0 0 / 11%);

	}
#images_listing h3 span {
		vertical-align: middle;
    display: table-cell;
		}
	
#images_listing h3 a{
			color:#333;
			margin:0;
			padding:0;
			border:none;  
			}


/********** NAV RESTAURATION *************/

  #nav_restauration {
    margin: 1em 0;
padding: 0;
    position: relative;
    z-index: 150;
}

#nav_restauration h1 {
font-size: 1.5em;
text-transform: uppercase;
font-weight:bold;
margin: 0 0 1em 0;
}

#nav_restauration h1 p {
margin:0;
}

.nav_restauration_menu {
margin: 0;
    padding: 0;
    height: 110px;
	    overflow: hidden;
    position: relative;
}

.nav_vignettes_global {
width: 80%;
height: 100%;
margin: 0 auto;
}
/*
 * Cadre logo et image
 */
.nav_vignettes {
    position: relative;
    z-index: 130;
    float: left;
    width: 43px;
    height: auto;
    margin: 0 1.4% 0 0;
    padding: 0;
}
	
	.nav_vignettes a{
	border:none;
	background:none;
	text-decoration:none;
	}
	
		.nav_logo {
		margin:0;
		padding:0;
		}
		
		.nav_logo img {
	    width: 100%;
    height: 100%;
		}
		.nav_titre {
    position: relative;
    right: 0;
    bottom: 0;
    display: block;
     height: 40px;
   background: rgb(238,238,238,0.8);
    padding: 0.5em;
    z-index: 150;	
	}
			
			.nav_titre span {
			font-size: 0.6em;
			color: #333;
				font-weight: 500;
				margin: 0 auto;
				line-height: 1.1em;
			}



			/* PAGINATION */
			
#nav_restauration .pagination {
position: relative;
    bottom: 190px;
    width: 100%;
    height: 125px;
    overflow: hidden;
			}


.nav_vignettes .pagination { 
	 font-size: 4em;
    font-weight: bold;
    font-family: monospace;
    color: #fff;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: center; }





#nav_restauration .pagination .disabled {
    visibility: visible;
}


/* PRECEDENT */
#nav_restauration .pagination .prev {    
    display: table;
    position: absolute;
    width: 5%;
    height: 100%;
    background-color: #333;
    margin: 0;
    left: 2%;
	    top: 21px;
	}
#nav_restauration .pagination .prev a {
    display: table-cell;
    font-size: 2rem;
    font-weight: bold;
    font-family: monospace;
    color: #fff;
    text-align: center;
   background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
	}


#nav_restauration .prev.disabled {
    display: table;
    position: absolute;
    width: 5%;
    height: 100%;
    background-color: #333;
    margin: 0;
    left: 2%;
	    top: 21px;
	}	
	
#nav_restauration .pagination .prev .on {
    display: table-cell;
    font-size: 2rem;
    font-weight: bold;
    font-family: monospace;
    color: #fff;
    text-align: center;
    background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
	}


/* SUIVANT */
#nav_restauration .pagination .next {
    display: table;
    position: absolute;
    width: 5%;
    height: 100%;
    background-color: #333;
    margin: 0;
    right: 2%;
	    top: 21px;
	}


#nav_restauration .pagination .next a {
    display: table-cell;
    font-size: 2rem;
    font-weight: bold;
    font-family: monospace;
    color: #fff;
    text-align: center;
   background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
		}

#nav_restauration .next.disabled {
    display: table;
    position: absolute;
    width: 5%;
    height: 100%;
    background-color: #333;
    margin: 0;
    right: 2%;
	    top: 21px;
}


#nav_restauration .pagination .next .on {
    display: table-cell;
    font-size: 2rem;
    font-weight: bold;
    font-family: monospace;
    color: #fff;
    text-align: center;
    background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
	}


			/* for touch screen devices */
@media (hover: none) { 
  .location-title {
    opacity: 1;
  }
  .location-image img {
    filter: blur(3px);
  }
}


					/* ARTICLE RESTAURATION */	
						
							
#restauration_art { margin:0; padding:0;}
	
#restauration_art a:hover {
border:none;
background:none;
 }




	/* BLOCS */
	#restauration_art #bloc_logo_menu {margin: 0; padding: 0;  display: flex;    flex-direction: column; background: #fff;}
	


			
			/*bloc 1 DESCRIPTION */
								
			#restauration_art .chapo_restauration_art {width: 90%;  text-align: justify; background: #FDFDFD;margin: 0 auto;}			
			
			/* titre article */
			#restauration_art .chapo_restauration_art h1 {	padding: 2rem; font-size: 1.6em;	text-align: center;	text-transform: uppercase; margin: 0.5em 0 0.2em; }

			#restauration_art .chapo_restauration_art p {margin: 0 auto; width:100%; font-size: 1em;}

			
			/* bloc 2 LOGO DE L'ARTICLE */
			#restauration_art .logo_restauration_art {width: 90%;	margin: 0 auto;	padding: 0;	}
		 
				
				#restauration_art .logo_restauration_art .spip_logos {	
				width: 100%;
				height: auto;
				margin: 1em auto;
				padding: 0;
				object-fit: cover;
				object-position: top center;
				max-height: 450px;
				}


			
	/* bloc 3 ETAPES : LOGO+TEXTE */
	#emb_vignettes_restauration {  margin: 0;  height: auto; overflow: hidden; background:#fff;}
	
	#emb_vignettes_restauration h1 {     
	padding: 0.5em;
    font-size: 1.3em;
    text-align: center;
    text-transform: uppercase;
    margin: 1em 0;	}
		
			
			/* toutes les vignettes */
	#emb_vignettes_restauration .ribbon_vignettes{margin:0; padding:0;}

	
		/* vignette (logo et texte)*/
	#emb_vignettes_restauration	.ribbon_vignettes .vignettes_restauration { width:90%;  margin: 0 auto 2em;}


	#emb_vignettes_restauration .ribbon_vignettes .vignettes_restauration h2 { font-size:1.2em; text-transform: uppercase; text-align:left;}

	#emb_vignettes_restauration .ribbon_vignettes .vignettes_restauration p { font-size:1em;  line-height: 1.5em; color: #333; margin:0.5em; text-align:justify;}


		/* logo */
		#emb_vignettes_restauration .ribbon_vignettes .vignettes_restauration .image_vignette { width:100%;	margin: 0; 	padding: 0;	}
			
		#emb_vignettes_restauration .ribbon_vignettes .vignettes_restauration	.image_vignette img {margin: 0; padding:0; object-fit: cover;}
		
			
			
						

					/* RUBRIQUE EVENEMENTS */
					
	#page_events { position: relative; top:0; margin:0; padding:0; background: #fff;    height: auto; overflow: hidden; padding-bottom: 7em;}
	
	#page_events .agenda_title{font-size:2em;  text-transform:uppercase; text-align:center; padding:1em;}

	#page_events .agenda_ours { margin:0;}
	
	#page_events .agenda_ours ul { margin:0;display: flex;  flex-flow: wrap;    padding: 0;}
	
	#page_events .agenda_ours>ul>li { display: grid;
    width: 95%;
    border: 1px #eee solid;
    margin: 0 auto 1em auto;
    padding: 0; }	

	#page_events .agenda_ours>ul>li a { color: #333; font-family: 'Raleway Light'; text-transform: uppercase; line-height: 1.6em; }
	
	#page_events .agenda_ours>ul>li a:hover { background:#eee;   }
	
	#page_events .agenda_ours>ul>li .spip_logos{      object-fit: cover;
    width: 100%;
    max-height: 250px; }
	
					
	#page_events .agenda_ours>ul>li .agenda_date { 
	color: #333;
    text-align: left;
    margin: 0 auto;
    padding: 0.5em;
    text-align: center;
    font-size: 1.5em;
    font-family: 'Raleway Light';
    width: 80%;
    border-bottom: 1px solid #eee;
	    font-weight: bold;}

	#page_events .agenda_ours>ul>li .agenda_title {  font-size: 1.1em; padding: 1em;}



	#page_events .agenda_ours>ul>li .agenda_lieu {font-family: 'Raleway Light'; font-weight: bold;}




					/* PAGE ARTICLE EVENEMENTS */
					
	#page_events_art {margin:0; padding:0;}
	
	#page_events_art h1 {font-size: 4vw;
    width: 90%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto 30px;
    padding: 0; }



	#page_events_art .agenda_fiche {display: inline-block; width: 90%; vertical-align: top;}
	
		#page_events_art .agenda_fiche .agenda_img_text { margin:0;}
		#page_events_art .agenda_fiche .agenda_img_text .spip_logos{  object-fit: cover; width: 60%; height:auto; }
	
	#page_events_art .agenda_fiche .descriptif::-webkit-scrollbar-track {
  background: #ccc;
  border-radius:5px;
	}
	
		#page_events_art .agenda_fiche .descriptif {     margin: 0;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 10px;}
		#page_events_art .agenda_fiche .descriptif p { margin: 0; text-align: justify; padding: 1em 0; font-weight: bold; font-family: 'Raleway Light'; color:#333;}



	#page_events_art .agenda_infos{ display: inline-block; margin: 0; width: 90%; margin-left: 0; vertical-align: top; }
	
	
		#page_events_art .agenda_infos .agenda_date_art { 
		    color: #333;
    text-align: left;
    text-align: center;
    font-size: 4vw;
    font-family: 'Raleway Light';
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding: 10px 0;
		}
	
		#page_events_art .agenda_infos .agenda_horaires {
		color: #333;
    text-align: left;
    text-align: center;
    font-size: 4vw;
    font-family: 'Raleway Light';
    border-bottom: 1px solid #eee;
    padding: 0px 0;
		}
		
		
		
		#page_events_art .agenda_infos .agenda_lieu_art {font-family: 'Raleway Light'; font-weight: bold; margin: 0;    padding: 10px 0;}
	
		#page_events_art  .agenda_infos .agenda_lieu_art hr {width: 80%;
    color: #a7a7a7;
    margin: 10px auto;display:none;}
	#page_events_art  .agenda_infos .agenda_lieu_art p {margin:0;}
	
	/* EVENEMENT FENETRE MODALE */
.modal {
	visibility:hidden;
  opacity: 0;
  position: absolute;
  top: 50px; right: 0;
  bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(77, 77, 77, .7);
  transition: all .4s;
  z-index: 165;
}
.modal:target {
  visibility: visible;
  opacity: 1;
}
.modal_content {
  border-radius: 4px;
  position: relative;
  width: 700px;
  max-width: 90%;
  height:690px;
  max-height:90%;
  background: white;
  padding: 1.5em 2em;
 z-index:170;
 overflow:hidden;
}

.modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: grey;
  text-decoration: none;
  font-size: 2em;
      font-weight: bold;
}
	a:hover.modal_close, a:focus.modal_close {border:none; background:none;color:#333;}



	

/* div box */
.body {
    height: 40vh;
    width: thin;
    min-width: 150px;
    background: rgba(0,0,0,.15);
    overflow-y: scroll}
.overflow{min-height: 100vh}



.mentions { 
    text-align: justify;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0.5em;
	}

#var_lang{
font-size: 0.7rem !important;
}