/***************************************************************************************************** Base */
body
{
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
	background-color: white;
	text-align: center;
	font: 15px Calibri, Arial, sans-serif;
	color: #111;
}

a{text-decoration: none; color: #003366; font-weight: bold; font-size: 18px;}
a:hover {text-decoration: underline;}
a img:hover, #nav_main a:hover {opacity: 0.8;}

img {border: none; vertical-align: middle; padding: 1px;}
ul {list-style-type: none; list-style-position: inside; text-align: left;}
hr {width: 60%;}

h1 {}
h2 {font-size: 29px; color: #333; line-height: 30px; padding-bottom: 20px;}
h3 {font-size: 24px; color: #555;}
h4 {font-size: 20px; color: #777;}

.bloc {display: inline-block; vertical-align: top; width: 49%;}
.bloc2 {display: inline-block; vertical-align: top; text-align: left; width: 59%;}
.bloc3 {display: inline-block; vertical-align: top; text-align: right; width: 29%;}
	.paragraphe {display: inline-block; vertical-align: top; width: 25%; padding: 0 20px;}
		.content {text-align: center; padding: 10px; border-radius: 10px;}

.logo {}
.icon {vertical-align: middle; width: 30px;}
.tel {font-size: 26px; font-weight: bold; vertical-align: middle;}
.mail {}

.souligne {text-decoration: underline;}
.italic {font-style: italic; font-size: 30px;}
.gras {font-weight: bold;}
.big {font-size: 2em;}
.left {text-align: left;}
.orange {color: #da9510;}
.red {color: red;}


/******************************************************************************************************** Body */
header {background: url('bg.png') repeat-x;}
	#nav_top {text-align: right; padding: 2px 0; background-color: #d6f9d7;}
		#nav_top a {padding: 0 50px; font-size: 14px;}
	#entete {padding: 40px 0; background: url('bg.png') repeat-x;}

section {}
	article {padding: 30px;}
		article img {padding: 2px;}
	#main {padding-bottom: 60px;}
		#nav_main {}
			#nav_main a 
			{
				display: inline-block;
				vertical-align: bottom;
				width: 150px;
				height: 150px;
				margin: 40px;
				border: 5px solid #c7c7e2;
				border-radius: 15px;
			}
				.nav_text {font-size: 18px; font-weight: bold; position: relative; top: 160px;}
	#content_down {text-align: center; padding-bottom: 60px;}
		#content_down p {text-align: justify;}
	aside {background-color: #e2e2e2; padding: 30px 0;}
	#contact {background-color: #ededed; padding: 40px 0;}
		.coordonnees {display: inline-block; padding: 0 20px; font-weight: bold; font-size: 28px; color: #003460;}

footer {background-color: #cbdeef; padding: 20px 0;}
	.nav_foot {}
	.bloc_foot {display: inline-block; vertical-align: middle; padding: 0 10px;}
		footer a {font-size: 16px; padding: 0 20px;}
	#nav_main_foot {padding: 20px 0;}
		#nav_main_foot a {display:inline-block; color: #002c78; padding:3px;}

#copyright {padding: 20px 0; font-size: 12px; color; #bcbcbc;}