/* DESIGN ete */	



/* Diaporama */
#prev, #next { display: inline-block; width: 130px; height: 25px; margin: 0; padding: 0; color: white; border: thin solid white; } 
/*background: url('prec_suiv_ete.png') no-repeat top right*/

#clic_actus { background-color: rgba(243,248,210,0.8) ; color: #581F00;  }


span.newvignette img  {
	-moz-box-shadow: 5px 5px 5px 0px #7B5322;
	-webkit-box-shadow: 5px 5px 5px 0px #7B5322;
	-o-box-shadow: 5px 5px 5px 0px #7B5322;
	box-shadow: 5px 5px 5px 0px #7B5322;
	
}

div.descriptif_image,span#texte_detail_projet_image_seule, #clic_actus { 
	background-color: rgba(243,248,210,0.8) ;
	-moz-box-shadow: 2px 2px 3px 2px #7B5322;
	-webkit-box-shadow: 2px 2px 3px 2px #7B5322;
	-o-box-shadow: 2px 2px 3px 2px #7B5322;
	box-shadow: 2px 2px 3px 2px #7B5322;
	 }
	 
div#image_projet img, #detail_projet_image_seule img  {
	-moz-box-shadow: 10px 10px 10px 0px #7B5322;
	-webkit-box-shadow: 10px 10px 10px 0px #7B5322;
	-o-box-shadow: 10px 10px 10px 0px #7B5322;
	box-shadow: 10px 10px 10px 0px #7B5322;
	}
	


#mot1,#mot2,#mot3,#mot4,#mot5,#mot6,#mot7,#mot8,#mot9 {color: #CE4900; text-shadow: 3px 3px 6px rgb(75,75,75); } 

	
#menu  a#sitepar,nav#menu_index_smartphone   a#sitepar { color:black; background: none; }

#corps section.news  { border: thin outset rgb(255,220,160);}

/* STRUCTURE  */

@media screen and (max-width: 800px) {
	
.logo {  margin: 50px 0px 200px 0%;} 
.logo a { display: block;  max-width: 312px;  height:157px;  padding: 0px;background:  url('2017_logo_3_sprite_800_70prcts.png') no-repeat top left; background-position: -247px 0px; 
 }
.logo a:hover { background-position: 63px 0px;}
.logo a { 	} 
body { background: url('ete_fond_2016_800.jpg') no-repeat top right; 	}

#liens_menu,ul#connexion_compte, ul#partage_d_ecrans { border: solid thin  #512E00;}
	
#mise_en_scene_tablette a { display: block; width: 95%; margin: 0px auto; max-width: 500px; height: 327px; background: url("tablette_mise_en_scene_2016_500px.png") no-repeat top left;  background-size: contain;}
}

@media screen and (min-width: 800px) and (max-width: 1500px)  {
.logo { margin: 4px 0px 1% 2%; }
.logo a { display: block; width: 505px;height:255px;  padding: 0px;background: url('2017_logo_3_sprite_1500.png') no-repeat top left; background-position: -401px 0px;  }
.logo a:hover { background-position: 106px 0px;}
body { background: url('ete_fond_2016_1500.jpg') no-repeat top center; }
#mise_en_scene_tablette a {  display: block;  width: 95%; margin: 0px auto; max-width: 1000px; height: 642px; background: url("tablette_mise_en_scene_2016_1000px.png") no-repeat top left;  background-size: contain;}
#responsive { display: block; text-align: center; height: 318px; clear: both; width: 95%;  max-width: 750px; margin: auto; background: url("responsive_design_750px.png") no-repeat; background-size: contain;}
}



@media screen and (min-width: 1500px) {
.logo { margin: 3px 0px 1% 10%; }
.logo a { display: block;  width: 595px; height:300px; padding: 0px; background: url('2017_logo_3_sprite_2500.png') no-repeat top left; background-position: -472px 0px; }
.logo a:hover { background-position: 125px 0px; }
body { background: url('ete_fond_2016_2500.jpg') no-repeat top center; }
#mise_en_scene_tablette a { display: block;  width: 95%; margin: 0px auto; max-width: 1000px; height: 642px;  background: url("tablette_mise_en_scene_2016_1000px.png") no-repeat top left;  background-size: contain;}
#responsive { display: block; text-align: center; height: 318px; clear: both; width: 95%;  max-width: 750px; margin: auto; background: url("responsive_design_750px.png") no-repeat; background-size: contain;}
}



@media screen and (min-width: 1025px)  {
	
nav#menu ul { color: #875500; /* background-color: rgba(255,245,215,0.85) ;border: thin outset rgb(255,220,160);*/}

nav#menu_index_smartphone ul { color: #875500;  background-color: rgba(255,245,215,0.85) ;border: thin outset rgb(255,220,160);}

	
}

body { background-color: rgb(243,248,210) ; color: #581F00;  } 
#corps section, nav#menu_fiches,section#titres, #fil_d_ariane{ background-color: rgba(255,245,215,0.9); }
 #h1_index, #liens_menu, ul#connexion_compte, ul#partage_d_ecrans{ background-color: rgba(255,245,215,0.7); }
 .infos_index{ background-color: rgba(255,245,215,0.7); border: rgb(255,78,0) solid thin; }


#corps section#chantier,#corps section#boussole { background-color: rgba(255,245,215,0); /*border: solid medium #DFCABF; */ }	

@media screen  and (max-width: 1024px) { 
	#boussole a { background: url('design_produits_ventilo_2016_500px.png') no-repeat top center; background-size: contain;
	
	/* background-color: rgba(255,245,215,0.5); */}
	
	#boussole a:hover, #chantier a:hover, #mise_en_scene_tablette a:hover {
		border: solid thin #B49D67;
		
	}
			}  
  

@media screen and (min-width: 1025px) {
	#boussole a { background: url('design_produits_ventilo_2016_1000px.png') no-repeat top center; background-size: contain;
	/* background-color: rgba(255,245,215,0.5);border: solid medium #B49D67;*/ 
	
   }
   
   #boussole a:hover, #chantier a:hover, #mise_en_scene_tablette a:hover {
		border: solid thin #B49D67;
		
	}

		

	
	} 

#fil_d_ariane { color:#985B01; }
#fil_d_ariane a {color:#BA6F00 ;}
#fil_d_ariane a:hover {background-color: #FFDCA7;  }
	
.img_a a,.img_a a:hover  {  background-color: rgb(243,248,210) ;	}

nav#menu ul#liens_menu li.titre, nav#menu_index_smartphone ul#liens_menu li.titre {  color: #006EC2;}/*BA4C00 */



 #site_par, #mentions_legales a{ color:white; } 
div.acces_haut_menu, footer , div.acces_haut_menu_index_smartphone {  background-color: rgba(255,255,255,.8); }

footer div a#scrolling_retour { background-position: -400px 0px; }
footer div a#scrolling_retour:hover { background-position: -550px 0px; }

footer div a#contact_direct { background-position: -700px 0px; }
footer div a#contact_direct:hover { background-position: -750px 0px; }

.acces_haut_menu a#MenuSite, .acces_haut_menu_index_smartphone a#MenuSite  { background-position: -350px 0px; }
.acces_haut_menu a#MenuSite:hover, .acces_haut_menu_index_smartphone a#MenuSite:hover  { background-position: -500px 0px; }

.acces_haut_menu a#RetourAccueil, .acces_haut_menu_index_smartphone a#RetourAccueil { background-position: -300px 0px; }
.acces_haut_menu a#RetourAccueil:hover , .acces_haut_menu_index_smartphone a#RetourAccueil:hover { background-position: -450px 0px; }


/* PAGE CONTACT */

.bouton_telephone { background-color: rgba(228,223,211,.5);
					 border-color : rgba(214,157,90,.5);
 }
.bouton_telephone:focus,.bouton_telephone:hover  { 
					background-color: rgba(228,223,211,1);
					border-color : rgba(214,157,90,1);
					box-shadow: 0 0 0 4px rgba(241,194,138,.5); }


@media screen and (max-width: 1024px) {
	


header#principal {background: none;  }




#anim-flash {   display: none; }   

#menu, nav#menu_index_smartphone  	{ background: none;  color: rgb(33,7,92);border-bottom: thin solid black;  } 

#menu a , #menu a nav#menu_index_smartphone { background-color: rgba(255,255,200,0.6); }



.choisi a,.pas_choisi a { } 

#corps {} /* couleurs accueil produit clean */


		/*  PAGE INDEX    */


.fond_haut_intro { background: none;; }
.texte_intro { background: none;  }

.avis {  color: rgb(0,0,0); background-color: rgb(225,228,205) ; border: thin solid  rgb(0,0,0); }

/* IMAGE & STRATEGIE */

section#explication header ul li a { border: thin outset rgb(57,64,20);}




}

@media screen {

ul#liens_menu ul.sous-menu { border-left: medium solid #C2006E; border-bottom: medium solid #C2006E;border-right: medium solid #C2006E;}
.choisi,.choisi a { color: #C2006E;} /*512E00*/


#anim-flash {   color: rgb(33,7,92);}   

/* FOOTER */	



#logos_directs, #logos_directs a { color: brown; }

		/*  PAGE INDEX    */

.fond_haut_intro { background: url(lettrine-b-haut.jpg) no-repeat top left; }
.texte_intro { background: url(lettrine-b-corde.jpg) no-repeat top left;  }

.avis {  color: rgb(0,0,0); background-color: rgb(225,228,205) ; border: thin solid  rgb(0,0,0); }

}

/*   PAGE PLEIN-ECRAN  */


.logo_plein-ecran a { background:  url('2014_bandeau-640px.png')  no-repeat top left; } 
//


#corps {  /* background-color: rgba(223,228,190,0.6);*/color: #2E4309; } 
			
#numero_tel { color: rgb(57,64,11); }
			


/* LIENS DANS TOUTES LES PAGES  */

section a, nav#menu_fiches a {color: #A54B00; 	} 
section a:hover, nav#menu_fiches a:hover { background-color: #FFD577;}
	
.slogan,.slogan2 {	color: #CE4900; } 


ul.sous-menu  li.titre {color: #BA4C00;}
ul.sous-menu  li strong,.pas_choisi a, .pas_choisi_actus a { color: #512E00;}

/*l.sous-menu  a { color: #6E3E00; }*/
ul.sous-menu  a:hover,.choisi a:hover,.pas_choisi a:hover, .pas_choisi_actus a:hover { background-color:#FFD49D;   }



.decouvrir  {  border-left: medium double rgb(4,0,139); }
.decouvrir li { }
.decouvrir a {  color: rgb(74,16,209); }
.decouvrir a:hover {  background-color: rgb(225,228,205);}
.decouvrir_choisi {color: rgb(4,0,139); }


h1, div#h1_index, #h1_covid_19 , h2, section#slogan_index{color: #FF4E00; }

section h1 {text-shadow: 3px 3px 4px rgb(200,200,200); } 

/* REFERENCES  */

#corps_ref section article a {color:  #C17801;} /* accueil produit clean */
#corps_ref section article a:hover  {  color: #965D00; background-color: #E1E4CD;} /* .block_histoire a:hover  background-color: rgb(55-10,41-10,41-10); */


section div.article a article  {  color: #070034;   }/* decouvrir a */
section div.article a:hover article  { } /* decouvrir a:hover */

section  div.article a.reference:hover  article
				{  
				
-moz-box-shadow: 5px 5px 10px 2px  rgb(135,138,115);
-webkit-box-shadow: 5px 5px 10px 2px  rgb(135,138,115);
-o-box-shadow: 5px 5px 10px 2px  rgb(135,138,115);
box-shadow: 5px 5px 10px 2px rgb(135,138,115);
				}


#corps_ref p a {  } /* accueil produit clean */
#corps_ref p a:hover  {  background-color: rgb(235,238,215);} /* .block_histoire a:hover  background-color: rgb(55-10,41-10,41-10); */


.a2 {color: rgb(67,12,196);} 	
.a2:hover { background-color: rgb(228,233,195); }

/* STRATIGO  */


.concept {   color: rgb(20,23,1); background-color: rgb(235,238,205) ;}  
.concept_div p {    color: rgb(20,23,1); background-color: rgba(255,243,175,0.7);   } 

@media screen  and (max-width: 1024px) {
#concept_anim_gif {background: url('anim_ventilo_ete_160x120.gif') no-repeat top left;}
} 

@media screen and (min-width: 1025px) {
#concept_anim_gif {background: url('anim_ventilo_ete_320x240.gif') no-repeat top left;}

}

.block { background-color:  rgba(255,245,185,0.8);}  

.block_titre_surligne { background-color:  rgba(255,245,185,0.8);/*color: rgb(57,64,11);  background-color:rgb(235,238,203) ; */}

					 
#news {  color: rgb(0,0,0);background-color: rgb(228,233,195) ;  }  
#news a { color: rgb(57,64,20); } 							
#news a:hover  	{ background-color: rgb(243,248,210) ;	}
#news_titre_surligne {   color: rgb(69,0,94);  background-color: rgb(255,255,255); } 
  
 .bienvenue  {  color: rgb(255,76,0); }


					/*  PRODUIT  */
						

/*					
@media screen and (min-width: 640px) {
.accueil_produit_clean {	background: url('3D-produit-clean.jpg') no-repeat top left;  }
.accueil_produit_tek { background: url('3D-produit-technique.jpg') no-repeat top left; }
.accueil_produit_crea {background: url('3D-produit-crea.jpg') no-repeat top left; }
.accueil_produit_graf {background: url('3D-produit-graf.jpg') no-repeat top left;  }
.accueil_produit_protos {background: url('3D-produit-proto.jpg') no-repeat top left;  }
}	
#corps section.accueil_produit_clean, #corps section.accueil_produit_tek,#corps section.accueil_produit_crea,#corps section.accueil_produit_graf, #corps section.accueil_produit_protos 		{	color: rgb(20,23,1); background-color: rgb(244,245,240); }
*/		

section#details_design nav a  {color: rgb(20,23,1);  }

section#details_design nav a:hover { background-color: rgb(225,228,205) ;  }

#travail_effectue { border-left: medium solid rgb(33,7,92); } /* couleur h1 h2 */

/* IMAGE  */
@media screen and (max-width: 1024px) {
	#planisphere 	{ background: url('concept_anim_160x120.gif') top left no-repeat; }
	#image_logo_stratigo { background: url('image_logo_ete_2016_500.png') no-repeat top left; background-size: contain;}
}
@media screen and (min-width: 1025px) {
	#planisphere 	{ background: url('concept_anim_320x240.gif') top left no-repeat; }
	#image_logo_stratigo { background: url('image_logo_ete_2016_1000.png') no-repeat top left; background-size: contain;}
}

section#details_sites nav a , section#details_logos nav a { color: rgb(20,23,1); }

section#details_sites nav a:hover, section#details_logos nav a:hover { background-color: rgb(225,228,205) ; }


		/* STRATEGIE  */
					


		/* BONUS */ 
		
.block_histoire,.lumieres {  color: rgb(57,64,11);background-color:  rgba(255,245,185,0.8);;  }										  
/*.block_histoire a {  color: rgb(57,64,20); }
 .block_histoire a:hover {   background-color: rgb(245,248,225); }*/	


.lumieres li a img:hover { border: solid medium rgb(0,0,0); }




/* FORMULAIRES */


form fieldset {  background-color:  rgba(255,245,215,0.8);  border-color: #FF5B00; }
legend, input { color: #581F00; }
textarea { background-color: white; }

input { 
border: thin #581F00 outset;
-moz-box-shadow:  1px 1px 2px inset ;
-webkit-box-shadow:  1px 1px 2px inset ;
box-shadow: 1px 1px 2px inset ; 
background-color:transparent;}

input[type=radio] {  border: none;-moz-box-shadow: none ;
-webkit-box-shadow: none;
box-shadow: none; color: black;  }

input[type=submit],#prev, #next {
		color:#ffffff;
		
		-moz-box-shadow: 4px 4px 5px #6E2700;
		-webkit-box-shadow: 4px 4px 5px #6E2700;
		box-shadow: 4px 4px 5px #6E2700;
	
	
		background:#6E2700;

		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF5B00", endColorstr="#6E2700"); /* Pour IE seulement et mode gradient à linear */
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5B00), to(#6E2700)); 
		background-image: -moz-linear-gradient(top center, #FF5B00, #6E2700); 
		background-image: -o-linear-gradient(top, #FF5B00, #6E2700); /*uniquement en mode linear*/ 
	
}
.domaine_ref {
		color:#FF5B00;
		
		-moz-box-shadow: 2px 2px 2px #6E2700;
		-webkit-box-shadow: 2px 2px 2px  #6E2700;
		box-shadow: 2px 2px 2px  #6E2700;
	
		Border: medium solid #6E2700;
	
		/*background:#6E2700;

		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF5B00", endColorstr="#6E2700"); /* Pour IE seulement et mode gradient à linear 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6E2700), to(#C64802)); 
		background-image: -moz-linear-gradient(top center, #6E2700, #C64802); 
		background-image: -o-linear-gradient(top, #6E2700, #C64802); *//*uniquement en mode linear*/ 
	/* #C64802, #6E2700  ==>>   #6E2700, #C64802  */
}
.domaine_ref_non {
		color:#ffffff;
		
		
		
		-moz-box-shadow: 6px 6px 5px #6E2700;
		-webkit-box-shadow:  6px 6px 5px #6E2700;
		box-shadow:  6px 6px 5px #6E2700;
	
	
		background:#6E2700;

		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF5B00", endColorstr="#6E2700"); /* Pour IE seulement et mode gradient à linear */
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5B00), to(#6E2700)); 
		background-image: -moz-linear-gradient(top center, #FF5B00, #6E2700); 
		background-image: -o-linear-gradient(top, #FF5B00, #6E2700); /*uniquement en mode linear*/ 
	
}


input[type=submit]:hover,#prev:hover, #next:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6E2700), to(#FF5B00A)); 
		background-image: -moz-linear-gradient(top center, #6E2700, #FF5B00); 
		background-image: -o-linear-gradient(top, #6E2700, #FF5B00); /*uniquement en mode linear*/
		} 

input[type=submit]:hover,input[type=text]:focus, textarea:focus, input[type=password]:focus  { 
	-moz-box-shadow: 0px 0px 10px #6E2700;
	-webkit-box-shadow: 0px 0px 10px #6E2700;
	box-shadow: 0px 0px 10px #6E2700;
		 }