body 				{ background:#c09981 url(images/background.jpg) repeat;  margin:0; padding: 0; height: 100%; font:400 16px 'Open Sans', sans-serif; color:#ccc; line-height:24px; letter-spacing:0.2px; }
html 				{ height: 100%; }
* 					{ margin:0; padding:0; box-sizing: border-box;}
a 					{ text-decoration: none; color:#ccc;  outline: 0;}
:focus 				{ outline:none }
img					{ border:0; }

.main_container 	{ background:rgba(255, 255, 255, 0.1); text-align:center; margin:0 auto; min-width:300px; max-width:750px;}
.logo 				{ position: relative; text-align:left; float:left; width:100%}
.contact_haut 		{ display:block; font:500 130% 'Raleway', Verdana; position: absolute; top: 10%; right: 3%; text-align:right; float:right; }
.intro 				{ font:500 160% 'Raleway', Verdana; font-style: italic; clear: both; margin:30px;}
.section 			{ clear: both;}
.section p			{ width:90%; margin:10px auto; margin-bottom:20px;}
h1 					{ font:400 90px 'Oleo Script Swash Caps', Verdana; color:#ddd; padding: 0; margin-left:40px;  margin-top:-5px}
h2 					{ font:300 20px 'Raleway', Verdana; margin:0; padding: 0; margin-left:40px; margin-top:-25px; margin-bottom :25px}
h3 					{ display: none}
h4 					{ background:rgba(255, 255, 255, 0.1);  font:500 16px 'Raleway', Verdana;   margin:10px auto; padding:6px 0; letter-spacing:1.4px; line-height:18px; text-transform: uppercase;} 
h5 					{ background:rgba(255, 255, 255, 0.05);  font:500 14px 'Raleway', Verdana;   width:70%;  margin:10px auto; padding:6px 0; letter-spacing:1.2px; line-height:18px; text-transform: uppercase;} 
.copyright			{ font-size:9px; margin-top:5px; padding-bottom:3px; color:#aaa; letter-spacing:0px; }  
.image-top			{width:100%; margin-top:-150px;} 
.image-left			{width:180px; float:left; margin:10px 20px 20px 20px;}
.image-right			{width:250px; float:right; margin:10px 20px 10px 20px;}

.logo-small 		{ font:400 20px 'Oleo Script Swash Caps', Verdana; color:#ddd;}

.services table 			{ margin:0 auto; width: 50%; border-collapse: collapse;}
.services td 				{ padding: 0.75rem 1rem; border-bottom: 1px solid #c09981;}
.services tr:last-child td 	{ border-bottom: none;}
.services td:first-child 	{text-align: left; width: 10%; font-weight: 600;  color: #24db4f; -webkit-text-stroke: 1px #24db4f;}
.services td:last-child 	{ text-align: right; color: #ccc; }

.tarifs  			{  display:inline; width: 49%; }
.tarifs table 			{ margin:0 auto; width: 70%; border-collapse: collapse;}
.tarifs td 				{ padding: 0.55rem 1rem; border-bottom: 1px solid #c09981;}
.tarifs tr:last-child td 	{ border-bottom: none;}
.tarifs td:first-child 	{text-align: right; width: 50%; font-weight: 600;  color: #ccc; }
.tarifs td:last-child 	{ text-align: left; color: #ccc; font-weight: 800;}

.carousel { margin-bottom:20px; }
.carousel img { width:300px; }
.section-inline { display:inline-block; width:49%}
.desktop		{ display:none;}
@media screen and (max-width: 500px)
{
h3 					{ display:block; width:100%; background:rgba(255, 255, 255, 0.1);  font:500 16px 'Raleway', Verdana;   margin:10px auto; padding:6px 0; letter-spacing:1.4px; line-height:18px; text-transform: uppercase;} 
.intro 				{ margin:20px;}
.contact_haut 		{ font:300 20px 'Raleway', Verdana; position: relative; top: 0%; right: 0%; float:left; text-align:left; margin-left:40px; margin-top:-26px; margin-bottom:15px}
.image-top			{width:100%; margin-top:-150px;}
.image-left			{width:80%; float:none; clear:both; margin:10px auto;}
.image-right		{width:80%; float:none;  clear:both; margin:10px auto;}
	
.services table 			{ margin:0 auto; width: 90%; border-collapse: collapse;}
.tarifs table 				{ margin:0 auto; width: 70%; border-collapse: collapse;}
.tarifs td:first-child 		{ width: 50%;  }
.section-inline { display:block; width:100%}
.desktop		{ display:block;}
}