BASE64BLABALBLABHINDINANANAGINIP
													/* RESOLUTION IPAD LARGE*/	@media screen and (min-width: 768px) and (max-width:1279px) {

			@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;;
	}
	
html {box-sizing: inherit;}

html, body {
	font-size: 0.97em;
    line-height: 1.9em;
    font-family: "Raleway Regular";
	font-weight:500;
	background:#fbfbfb;
	}


					/* 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 { width: 100%; margin:0; padding:0; }

#wrapper	{  margin-left: auto;  margin-right: auto;background:#f6f6f6;  box-shadow: inset 0 2px 5px 0 rgb(0 0 0 / 11%);  }

#ribbon {height: auto;  overflow: hidden; padding: 0;  margin: 0 auto;	}
#ribbon h1 { font-size: 2.5em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 1em;}




	/* MENU LANGUES */
	
#menu_lang_global {  position: absolute; top: 0; right: 2em; width: auto; height: 50px;  margin: 0;  padding: 0;  box-shadow: none;  z-index: 150; }

#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;}




/* Désactiver menu mobile */
.nav_mobile_display{display:none;}


/* HEADER GENERAL */
	
#header { 
position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
    background: #fff;
    height: 100px;
box-shadow: 0 3px 8px #6A6A6A;
}
	
#header #header_top { 
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 880px;
    height: 100%;
    margin: 0 auto;
    padding: 0;  
    z-index: 2;
	}
	
	/* LOGO */
	#header .logo{    
    width: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    z-index: 6;
  }
	#header .logo img {   width: 95px;   }

	#header .logo a, #header .logo a:visited, #header .logo a:focus, #header .logo a:hover{ background:none; border:none; text-decoration:none;margin:0;	padding:0; }


	/* MENU*/

	#header #menu {   
	  z-index: 6;
    margin: 0;
    padding: 0;
	}
	 
#header	#menu ul {  margin: 0;  padding: 0; }	
									
#header	#menu>ul>li { display: inline-block;  margin: 0 0.5em; padding: 0; line-height: 1em; } 
						
#header	#menu, #header #menu ul li a {font-family: "Raleway";	font-weight:bold;font-size: 0.95em; text-transform:uppercase; color:#333;	text-decoration:none;}
#header #menu, #header #menu ul li a:hover {text-decoration: none; background:none;color:#333;	}
		
	/* EFFET SOULIGNEMENT MENU */
#header	#menu>ul>li a:after { content: ''; display: block; margin: auto; height: 1px; width: 0;	background: transparent; transition: width .5s ease, background-color .5s ease; }
#header	#menu>ul>li a:hover:after { width: 100%; background: #333; text-align:center; margin-left:0; padding-top:0.1em;}
									/****/


									/************ Surcharge menu spip par défaut ****************/		
								#header	#menu ul { margin-bottom: 0; }	
							
	
	/* HEADER SOMMAIRE */
							
#header_sommaire{      
	position: fixed;
	top: 0;
    width: 100%;
    z-index: 6;
    background: #fff;
    height: 220px;
    box-shadow: 0 5px 11px #a7a7a7;
	}
	
#header_sommaire #header_top_som { box-shadow: none;
    position: relative;
    top: 0;
    height: auto;
    overflow: hidden;
    z-index: 2;
    display: flex;
    flex-direction: column;}
	
	
	/* LOGO */
	#header_sommaire .logo_som{       margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 6;
    top: 0;
    display: table-cell;
    vertical-align: middle;
	}
	
	#header_sommaire .logo_som img {max-height: 150px;  }

	#header_sommaire .logo_som a, #header_sommaire .logo_som a:visited, #header_sommaire .logo_som a:focus, #header_sommaire .logo_som a:hover{ background:none; border:none; text-decoration:none;margin:0;	padding:0; }

	#header_sommaire .logo_som .titre_site{ width:80%;font-size:1.1em; text-transform:uppercase; color:#333;font-family: 'Raleway Light';  font-weight: bold; } 


	/* MENU*/

	#menu_som {   margin-top: 1.5em;}
	 
	#menu_som ul { margin: 0; }	
									
	#menu_som>ul>li { display: inline-block;	margin: 0 0.5em;	padding:0 .125rem .375rem;	line-height: 1em ;	}
						
	#menu_som, #header_sommaire #menu_som ul li a {font-family: "Raleway";	font-weight:bold;font-size: 0.95em; text-transform:uppercase; color:#333;	text-decoration:none;}
	#menu_som, #header_sommaire #menu_som ul li a:hover {text-decoration: none; background:none;color:#333;	}
		
	/* EFFET SOULIGNEMENT MENU */
	#menu_som>ul>li a:after { content: ''; display: block; margin: auto; height: 1px; width: 0;	background: transparent; transition: width .5s ease, background-color .5s ease; }
	#menu_som>ul>li a:hover:after { width: 100%; background: #333; text-align:center; margin-left:0; padding-top:0.1em;}
									/****/


									/************ Surcharge menu spip par défaut ****************/		
								#header_sommaire #menu_som ul { margin-bottom: 0; }	





				 /* HEADER SOMMAIRE SCROLLED */
							 
#header_sommaire.scrolled {   
	position: fixed;
    width: 100%;
    z-index: 6;
    background: #fff;
    height: 100px;
    box-shadow: 0 3px 11px;
	top: 0;
	}
	
#header_sommaire.scrolled #header_top_som {     box-shadow: none;
    top: 0;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-flow: wrap;
    width: 880px;
    margin: 0 auto;
    align-items: center;
    padding: 0;
	 }
	
	
	/* LOGO */
	#header_sommaire.scrolled .logo_som{    
    width: auto;
    margin: 0;
    padding: 0;
    box-shadow: none;
    z-index: 6;
  }
  
	#header_sommaire.scrolled .logo_som img {       width: 95px; }

	#header_sommaire.scrolled .logo_som a, #header_sommaire.scrolled .logo_som a:visited, #header_sommaire.scrolled .logo_som a:focus, #header_sommaire.scrolled .logo_som a:hover{ background:none; border:none; text-decoration:none;margin:0;	padding:0; }

	#header_sommaire.scrolled .logo_som .titre_site{ display:none; } 


	/* MENU*/

	#header_sommaire.scrolled #menu_som {  
    z-index: 6;
    margin: 0;
    padding: 0;}
	 
#header_sommaire.scrolled	#menu_som ul {     margin: 0;
    padding: 0; }	
									
#header_sommaire.scrolled	#menu_som>ul>li {    display: inline-block;
    margin: 0 0.5em;
    padding: 0 .125rem;
    line-height: 1em;
} 
						
#header_sommaire.scrolled	#menu_som, #header_sommaire.scrolled #menu_som ul li a {font-family: "Raleway";	font-weight:bold;font-size: 0.95em; text-transform:uppercase; color:#333;	text-decoration:none;}
	#header_sommaire.scrolled #menu_som,#header_sommaire.scrolled #menu_som ul li a:hover {text-decoration: none; background:none;color:#333;	}
		
	/* EFFET SOULIGNEMENT MENU */
#header_sommaire.scrolled	#menu_som>ul>li a:after { content: ''; display: block; margin: auto; height: 1px; width: 0;	background: transparent; transition: width .5s ease, background-color .5s ease; }
#header_sommaire.scrolled	#menu_som>ul>li a:hover:after { width: 100%; background: #333; text-align:center; margin-left:0; padding-top:0.1em;}
									/****/

					
								/* PIED DE PAGE*/			
	
	#footer { overflow: hidden; box-shadow:  inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;position: relative;
    top: 150px; }
	
	#footer .container {position: relative;	 width: 1140px; max-width: 100%; margin: 0 auto; height:auto; overflow:hidden;	padding-top: 1.25rem;}
	

 	#footer #footer_text {width: 50%; height:auto; overflow:hidden;margin: 0 auto;color:#fff;  padding: 0; }


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

		.footer_bloc h1 {font-size: 1.125rem;	font-weight:bold;	padding:0 0 5px 0;	font-family: "Raleway light";	}

		.footer_bloc a, .footer_bloc a:visited, .footer_bloc a:focus {color: #333; font-weight:bold;}
		.footer_bloc a:hover {color: #b9a6a2;	background:none;border:none;}
	

	#footer #copyright {  text-align: center;padding: 5px;margin: 1em auto 1em auto; background:#E5E5E5; font-size: .9375rem; color: #7a7a7a; font-weight: 400;}
	#footer #copyright p {	margin:0;	}


  
#fait_main { margin:0; padding:0;}
#fait_main img {}

 

							 
	/* SOMMAIRE EFFET PARALLAXE */
				
												
												/*************************************
												*************************************
												**************** SLIDES **************
												*************************************
												*****************************************/



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

				#page_sommaire img{	width: 100%;}
				
				#slogan {position:absolute; top: 120px; width:100%; }
				#slogan .slogan_text {width:50%;margin: 0 auto;  }
				#slogan .slogan_text h1 { color:#fff;font-size:2em; margin: 0 0 10px 0; padding: 0;}
				#slogan .slogan_text h2 {color:#fff;font-size:1.5em;font-weight: normal; margin: 0; padding: 0; }

			
			
				/* SLIDE 2 - PHOTO OURS ET TEXTE*/

				#page_ours{ background-color: #fbfbfb;position: relative;  top: 150px;  }
				
						/* ours */
				
			.conteneur_ours {display: flex; margin: 0; padding: 1em; align-items: center;}

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

				.contenu_ours  h3.spip {
font-size: 2rem;
    font-family: "Raleway Thin";
    text-align: left;
    width: 70%;
    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: 150px;}
	#page_douceur img {	width: 100%; object-fit: cover; max-height: 550px;object-position: top center;}
				
		.douceur_1 {  width: 40%; position: absolute;  top: 80%; transform: translateY(-50%); right: 0;}
					 
	
				/* Demande de devis sommaire */
			.devis { width: 100%;}
			.devis h1 { 
			 margin: 0 auto 0.5em auto;
			font-size: 1.5em;
			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: 1em;
    text-align: center;
    color: #fff;
    padding: 0.2em 0.5em;
    background: #333;
    font-weight: bold;
    font-family: 'Raleway Light';			}

			.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 { background-color: #fff; box-shadow: 0 -10px 10px -12px #222;  z-index: 4;position: relative; top: 150px;}
				
					#conteneur_creations { margin:0 auto; padding: 0 0 1em;}
								
							
							/* titre creations & adoptés */
							#titre_creations {       
							 margin: 0 auto 0.9em auto;
							font-size: 3em;
							line-height: 0.9;
							text-align: center;
							font-family: "Raleway thin";
							font-weight: bold;
							padding: 2rem;
							background: #fbfbfb; 
							}			
							
							
/* Vignettes créations */	
#vignettes_all { display: grid;  grid: auto-flow / 1fr 1fr 1fr;	gap: 1.5em;  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: 1.2em;  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: 2em;	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: 2.5em;
    text-transform: uppercase;
    margin: 6em auto 0 auto;
    color: #ffffff;
    text-align: center;
    font-family: "Raleway light";}

				/* Menu du portfolio */
				
	.portfolio_menu { width: 100%; padding: 0; position: absolute; top:290px;}
	
	.portfolio_menu_btn {display: inline-block;	margin: 0 0.8em 0 0; padding: 0.2em 0.5em;	color: #fff; text-align: left; border: 1px solid #fff;	border-radius: 8px;font-weight: bold;
    font-family: 'Raleway Light'; font-size: 0.9em;}
	
	.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:1.3em;	}
	

.galerie { display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 15px 15px;  }
				
.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: 900px;}

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

		.page_text_fond {width: 90%; 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.999rem;	
		text-align: justify; 
		line-height: 2em;	
		color: #333; 
		font-weight:500;
		font-family: 'Raleway Regular'; 
		}

		.page_text_title {   
		width: 100%;
		font-size: 3.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: 3rem;
		}
			
		#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: 2em;  margin: 0 auto; }
	
	
	/* Carte google */
	.map_contact { flex-basis: 50%;padding: 1em; width: 45%; }
	.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 {  flex-basis: 50%; height: auto;  overflow: hidden; margin: 0; padding: 1em; 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;}






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

	#devis_page .devis_cadre { width: 80%; height: auto; overflow:hidden; margin: 0 auto; text-align:justify; padding: 2em;	 }
	
	#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 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;
    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;
						}

	
	
							/* 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: 3rem;
    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 1fr;
    gap: 1em;
    width: 70%;
    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: 1.3rem;
    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: 230px;
	    overflow: hidden;
    position: relative;
}

.nav_vignettes_global {
width: 70%;
height: 100%;
margin: 0 auto;
}
/*
 * Cadre logo et image
 */
.nav_vignettes {
    position: relative;
    z-index: 130;
    float: left;
    width: 15%;
    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: 3.6rem;
    display: block;
     height: 50px;
   background: rgb(238,238,238,0.8);
    padding: 0.5rem 0 0 0;
    z-index: 150;		}
			
			.nav_titre span {
			font-size: 1.1em;
			color: #333;
				font-weight: 500;
			}



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


.nav_vignettes .pagination { 
	 font-size: 4em;
    font-weight: bold;
    font-family: monospace;
    color: #7a7a7a;
    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: #eee;
    margin: 0;
    left: 2%;
	}
#nav_restauration .pagination .prev a {
    display: table-cell;
    font-size: 3rem;
    font-weight: bold;
    font-family: monospace;
    color: #7a7a7a;
    text-align: center;
   background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: middle;
	}


#nav_restauration .prev.disabled {
    display: table;
    position: absolute;
    width: 5%;
    height: 100%;
    background-color: #eee;
    margin: 0;
    left: 2%;
	}	
	
#nav_restauration .pagination .prev .on {
    display: table-cell;
    font-size: 3rem;
    font-weight: bold;
    font-family: monospace;
    color: #7a7a7a;
    text-align: center;
   background: transparent;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}


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


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

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


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


			/* 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;	}
	


			
			/*bloc 1 DESCRIPTION */
								
			#restauration_art .chapo_restauration_art {width: 50%;  text-align: justify; background: #FDFDFD;}			
			
				/* titre article */
				#restauration_art .chapo_restauration_art h1 {	padding: 2rem; font-size: 3em;	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: 1.1em;}

			
			/* bloc 2 LOGO DE L'ARTICLE */
			#restauration_art .logo_restauration_art {width: 50%;	margin: 0;	padding: 0;	}
		 
				
				#restauration_art .logo_restauration_art .spip_logos {	
				width: 100%;
				height: auto;
				margin: 0;
				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: 2.7em;
    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.9em; text-transform: uppercase; text-align:left;}

	#emb_vignettes_restauration .ribbon_vignettes .vignettes_restauration p { font-size:1.2em;  line-height: 2em; 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; }
		
			
						



					/* RUBRIQUE EVENEMENTS */
					
	#page_events { position: relative; top:100px; margin:0; padding:0; background: #fff;    height: auto; overflow: hidden; padding-bottom: 7em;}
	
	#page_events .agenda_title{font-size:2.5em; font-weight:bold; 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;}
	
	#page_events .agenda_ours>ul>li { display: grid; width: 30%; border: 1px #eee solid; margin:0 0.5em 1em; 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;}

	#page_events .agenda_ours>ul>li .agenda_title { font-weight: bold; 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: 2em;
    width: 80%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto 30px;
    padding: 0; }



	#page_events_art .agenda_fiche {display: inline-block; width: 50%; 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: 100%; 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: 250px;
    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: 45%; margin-left: 1em; vertical-align: top; }
	
	
		#page_events_art .agenda_infos .agenda_date_art { 
		color: #333;
		text-align: left;
		text-align: center;
		font-size: 2em;
		font-family: 'Raleway Light';
		border-bottom: 1px solid #eee;
		font-weight: bold;    padding: 1em 0;
		}
	
		#page_events_art .agenda_infos .agenda_horaires {
		color: #333;
		text-align: left;
		text-align: center;
		font-size: 1.3em;
		font-family: 'Raleway Light';
		border-bottom: 1px solid #eee;    padding: 1em 0;
		}
		
		#page_events_art .agenda_infos .agenda_lieu_art {font-family: 'Raleway Light'; font-weight: bold; margin: 1em 0;    padding: 1em 0;}
	
		#page_events_art  .agenda_infos .agenda_lieu_art hr { width: 50%; color: #a7a7a7;  margin: 2em auto;}
	
	
	/* 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;
}
.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;
      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;}





					/* 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}

/* 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: 70%;
    margin: 0 auto;
    background: #fff;
    padding: 0.5em;
	}


				
		} /* FIN GRANDES RESOLUTIONS*/



						
						







 




#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }



/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }


.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1px; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }



/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */




#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }



/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }


.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1px; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }