html 				{width:100%; height:100%;}
body 				{width:100%; height:100%; margin:0px; font-family:'Roboto Condensed', sans-serif; font-size:1em; color:#ffffff; background-color:#0d283c;}
h1 					{margin:0px 0px 35px; font-size:2em; color:#0d283c; font-weight:700;}
h2					{margin:0px 0px 35px; font-size:1.5em; letter-spacing:0.3em; color:#0d283c; font-weight:400;}
p					{margin:0.5em 0px;}
img					{margin: 0px; padding:0px; border:0px;}
a					{font-weight:bold; text-decoration:none;}
a:link				{color:#73a331;}
a:visited			{color:#73a331;}
a:hover				{color:#0d283c;}

#returntotop 					{background:url(../bckg/returntotop.png); position:fixed; top:80%; right:0px; display:none; opacity:0.6; filter:alpha(opacity=60); height:55px; width:60px;
								 z-index:10;}
#returntotop:hover				{opacity:1; filter:alpha(opacity=100);}
#cookie-bar 					{background: rgba(250, 250, 250, 0.85); height:auto; line-height:24px; color:#58585a; text-align:center; padding:5px 0px;}
#cookie-bar.fixed 				{position:fixed; top:0px; left:0; width:100%; z-index:100000;}
#cookie-bar.fixed.bottom 		{bottom:0px; top:auto;}
#cookie-bar p 					{margin:0px; padding:10px 0px;}
#cookie-bar a 					{color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0px 6px; margin-left:8px;}
#cookie-bar .cb-enable 			{background:#007700;}
#cookie-bar .cb-enable:hover 	{background:#009900;}
#cookie-bar .cb-disable 		{background:#990000;}
#cookie-bar .cb-disable:hover 	{background:#bb0000;}
#cookie-bar .cb-policy 			{background:#0033bb;}
#cookie-bar .cb-policy:hover 	{background:#0055dd;}


section 					{overflow:hidden; text-align:center; color:#666666; padding:5%;}
.section_text				{padding:200px 5%; background:#ffffff;}
.section_image				{background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.subsection_image			{background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.text_left div div			{width:50%; background:rgba(255,255,255,.95); text-align:left; padding:4% 4%;}
.text_right div div			{width:50%; background:rgba(255,255,255,.95); text-align:left; padding:4% 4%; margin-left:42%;}
.text_center div div		{width:92%; background:rgba(255,255,255,.95); text-align:center; padding:4% 4%;}
.section_subsection 		{background:#ffffff; display:flex; flex-direction:row;}
.subsection					{width:45%; background:#cecece; padding:2%;}
.subsection_spacing			{width:10%; background:none;}
.subsection_spacing2		{width:26%; background:none;}

.index_section_3 			{height:1000px; background-image:url(../img/index_section_3.jpg); background-position:50% 50%;}
.desembouage_1				{height:600px; background-image:url(../img/desembouage_1.jpg); background-position:50% 50%;}
.desembouage_2				{height:600px; background-image:url(../img/desembouage_2.jpg); background-position:50% 50%;}
.desembouage_3				{height:600px; background-image:url(../img/desembouage_3.jpg); background-position:50% 50%;}
.desembouage_4				{height:600px; background-image:url(../img/desembouage_4.jpg); background-position:50% 50%;}
.signes_section_2 			{height:600px; background-image:url(../img/signes_section_2.jpg); background-position:50% 50%;}
.signes_section_3 			{height:600px; background-image:url(../img/signes_section_3.jpg); background-position:50% 50%;}
.signes_section_4 			{height:600px; background-image:url(../img/signes_section_4.jpg); background-position:50% 50%;}
.causes_section_2 			{height:600px; background-image:url(../img/causes_section_2.jpg); background-position:50% 0%;}
.causes_section_3 			{height:1200px; background-image:url(../img/causes_section_3.jpg); background-position:50% 50%;}
.causes_section_4 			{height:600px; background-image:url(../img/causes_section_4.jpg); background-position:80% 0%;}
.causes_section_5 			{height:1000px; background-image:url(../img/causes_section_5.jpg); background-position:20% 0%;}
.desemb_chaud_section_2		{height:600px; background-image:url(../img/desemb_chaud_section_2.jpg); background-position:50% 0%;}
.desemb_chaud_section_3		{height:600px; background-image:url(../img/desemb_chaud_section_3.jpg); background-position:20% 0%;}
.desemb_chaud_section_4		{height:600px; background-image:url(../img/desemb_chaud_section_4.jpg); background-position:50% 0%;}
.desemb_rad_section_2		{height:700px; background-image:url(../img/desemb_rad_section_2.jpg); background-position:50% 0%;}
.desemb_rad_section_3		{height:600px; background-image:url(../img/desemb_rad_section_3.jpg); background-position:50% 0%;}
.desemb_planch_section_2	{height:900px; background-image:url(../img/desemb_planch_section_2.jpg); background-position:50% 0%;}
.desemb_planch_section_3	{height:600px; background-image:url(../img/desemb_planch_section_3.jpg); background-position:50% 0%;}
.desemb_ecolo_section_2		{height:900px; background-image:url(../img/desemb_ecolo_section_2.jpg); background-position:50% 0%;}
.intervention_section_2		{height:900px; background-image:url(../img/intervention_section_2.jpg); background-position:50% 50%}

.detartrage_1				{height:600px; background-image:url(../img/detartrage_1.jpg); background-position:50% 50%;}
.detartrage_2				{height:600px; background-image:url(../img/detartrage_2.jpg); background-position:50% 50%;}
.detartrage_3				{height:600px; background-image:url(../img/detartrage_3.jpg); background-position:50% 50%;}
.detartrage_circuits_2		{height:600px; background-image:url(../img/detartrage_circuits_2.jpg); background-position:50% 50%;}

.optimisation 				{height:900px; background-image:url(../img/optimisation_energetique.jpg); background-position:50% 50%;}
.prix_devis 				{height:600px; background-image:url(../img/prix_devis_desembouage.jpg); background-position:0% 50%;}



/*
.signes_causes_embouage_1	{height:600px; background-image:url(../img/signes_causes_embouage_1.jpg); background-position:50% 50%;}
.signes_causes_embouage_2	{height:600px; background-image:url(../img/signes_causes_embouage_2.jpg); background-position:50% 50%;}
.signes_causes_embouage_3	{height:600px; background-image:url(../img/signes_causes_embouage_3.jpg); background-position:50% 50%;}
*/

.index_section_1			{display:table; width:100%; height:100%; text-align:center; color:#ffffff; padding:0px;
							 background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0.8),rgba(255,255,255,0.2)),url(../img/index_section_1.jpg) 50% 50%;
							 -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.index_section_1 h1			{font-size:4em;}
.index_section_1-body 		{display:table-cell; vertical-align:middle; padding:0px 10%;}
.index_section_1 a			{width:50px; height:50px; display:inline-block;}
.index_section_1 a:link		{background:url(../bckg/index_bouton.png) no-repeat 0px 0px;}
.index_section_1 a:visited	{background:url(../bckg/index_bouton.png) no-repeat 0px 0px;}
.index_section_1 a:hover	{background:url(../bckg/index_bouton.png) no-repeat 0px -50px;}
.signes_subsection 			{background:#ffffff; display:flex; flex-direction:row;}
.signes_subsection1			{width:40%;}
.signes_subsection2			{width:5%; background:none;}
.signes_subsection3			{width:55%;}

.footer						{background:#0d283c; color:#ffffff;}
.footer a:hover				{color:#a0a0a0;}

#menu						{position:fixed; top:0px; height:80px; width:100%; padding:0px; text-align:right; background:rgba(13,40,60,0.9);}
#menu ul					{margin:0px 2% 0px 0px; padding:0px;}
#menu li					{display:inline-block; position:relative; height:80px; line-height:80px; vertical-align:middle; padding:0px 1%;}
#menu li a:link				{color:#ffffff;}
#menu li a:visited			{color:#ffffff;}
#menu li a:hover			{color:#a0a0a0;}
#menu li a					{display:block; text-decoration:none;}
#menu li:hover .submenu		{left:-110px;}
#menu li:hover div a		{color:#ffffff;}
#menu li:hover div a:hover	{color:#a0a0a0;}

#menu li.current a:link		{color:#73a331;}
#menu li.current a:visited	{color:#73a331;}
#menu li.current a:hover	{color:#a0a0a0;}
#menu li.current .submenu a:link	{color:#ffffff;}
#menu li.current .submenu a:visited	{color:#ffffff;}
#menu li.current .submenu a:hover	{color:#a0a0a0;}
#menu li.current .submenu .current a:link		{color:#73a331;}
#menu li.current .submenu .current a:visited	{color:#73a331;}
#menu li.current .submenu .current a:hover		{color:#73a331;}
#menu li.current .submenu  a.current:link		{color:#73a331;}
#menu li.current .submenu  a.current:visited	{color:#73a331;}
#menu li.current .submenu  a.current:hover		{color:#73a331;}

#drop_menu					{display:none;}
.submenu				 	{float:right; position:absolute; left:-999em; width:400px; text-align:center; padding:10px 0px; background:rgba(13,40,60,0.9); line-height:40px;}
#menu li.submenumobile		{display:none; height:0px; width:0px; padding:0px; margin:0px;}

@media(max-width:1023px) {
	.section_image  			{display:table; width:90%;}
	.section_image div 			{display:table-cell; vertical-align:bottom;}
	.section_image div div		{height:auto; text-align:center; padding:8% 2%;}
	.section_image ul			{list-style:none;}
	.section_subsection 		{flex-direction:column;}
	.subsection_image div 		{display:table-cell;}
	.subsection_image div div	{height:auto; text-align:center;}
	.subsection					{width:96%;}
	.subsection_spacing			{display:block; height:50px;}
	.subsection_spacing2		{display:none;}
	
	.index_section_1			{height:auto; padding:50% 0px;}
	.signes_subsection 			{flex-direction:column;}
	.signes_subsection1			{width:80%; padding:0px 10%;}
	.signes_subsection2			{display:block; height:50px;}
	.signes_subsection3			{width:100%; text-align:center;}
	
	#menu						{height:auto; display:none; width:100%; top:80px; left:0%; float:none; z-index:5000; overflow:hidden; background:rgba(13,40,60,0.9);}
	#menu.active				{display:block;}
	#menu ul					{position:relative; float:left; display:block; width:100%; text-align:center; margin:0px; padding:0px 0px 4em 0px;}
	#menu li					{float:none; display:block; padding:0px; height:30px; line-height:30px; padding-top:30px;}
	
	.submenu					{display:none;}
	#menu li.submenumobile		{display:block; width:100%; height:30px; line-height:30px;}
	
	#drop_menu					{display:block; position:fixed;  width:100%; height:80px; top:0px; margin:0px; padding:0px; background:rgba(13,40,60,0.9); z-index:1000000;}
	a.drop_menu					{text-decoration:none; float:left; margin:30px 0px 0px 5%; width:24px; height:18px; background:url(../bckg/menu_open.png) no-repeat;
								 padding-left:40px;}
	#drop_menu a:link			{color:#ffffff;}
	#drop_menu a:visited		{color:#ffffff;}
	#drop_menu a:hover			{color:#ffffff;}
	a.drop_menu.opened			{width:19px; background:url(../bckg/menu_close.png) no-repeat;}
}


@media(max-width:900px) {
	.section_image				{background-attachment:scroll; background-size:auto;}
}