/* CSS Document */

@charset "utf-8";
/* Compatibilité HTML5 i.e*/
article, main, section, aside, hgroup, nav, header, figure, figcaption {
	display: block;
}
#container, html, body {
	height: 100%;
}
body {
	color: #4d5960;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #47a0e4;
	background-image: url("../images/fond_index.png");
	background-repeat: repeat-x;
	background-position: top;
}
#container {
	/*width:1100px;*/
	max-width: 1200px;
	min-width: 1000px;
	border: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -160px; /* = -(push_footer) */
}
/**********************************************************/
/******************** styles communs **********************/
/**********************************************************/
a {
	text-decoration: none;
	font-weight: normal;
	color: #2b7cbb;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0px;
}
.bordure {
	-webkit-box-shadow: 3px 3px #2B7BBB;
	box-shadow: 3px 3px #2B7BBB;
}
.img_centrer {
	display: block;
	margin-left: auto;
	margin-right: auto
}
/**********************************************************/
/************************* Header *************************/
/**********************************************************/
.push_header {
	height: 20px;
}
#header {
	margin-left: auto;
	margin-right: auto;
	height: 238px;
	background-color: #FFFFFF;
}
.header_logo img {
	border: 0px;
}
/**********************************************************/
/*********************** titre_nav ************************/
/**********************************************************/
#titre_nav {
	display: table;
	height: 60px;/*width:  100%;*/
}
.titre_nav_gauche {
	display: table-cell;
	vertical-align: bottom;
	width: auto;
	min-width: 0px;
	margin: 0px;
	text-align: left;
}
.titre_nav_droite {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
	margin: 0px;
	text-align: right;
}
#titre_nav h1 {
	font-family: sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-size: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
	white-space: nowrap;
}
.titre_nav_icon {
	display: block;
	font-family: "Flaticon";
	font-size: 35px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.titre_nav_icon:before {
	font-size: 35px;
	color: #FFFFFF;
	margin-left: 0px;
}
#titre_nav_menu {
	padding: 0px;
	margin: 0px;
}
#titre_nav_menu li {
	display: inline-block;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}
#titre_nav_menu a {
	font-weight : normal;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-size : 12px;
	text-align: center;
}
#titre_nav_menu a:hover {
	text-decoration: underline;
}
/**********************************************************/
/************************ Content *************************/
/**********************************************************/

#content_index {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}
#content_index_gauche {
	width: 780px;
	margin-right: 20px;
	float: left;
}
#content_index_gauche article {
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	margin-bottom: 20px;	
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 3px;
}

#content_index_gauche article h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ec7333;
	font-style: normal;
	font-size: 16px;
	border-bottom: 1px solid #EBEBEB;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	overflow: hidden;
}

#content_index_droite {
	background-color: #FFFFFF;
	width: auto;	
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#content_index_droite h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ec7333;
	font-style: normal;
	font-size: 16px;
	border-bottom: 1px solid #EBEBEB;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	overflow: hidden;
}



#content_rubrique {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}
#content_rubrique_gauche {
	float: left;
	width: 300px;
	margin-right: 18px;
	overflow: hidden;
}
#content_rubrique_centre {
	overflow: hidden;
}
#content_rubrique_centre article {
	background-color: #FFFFFF;
	padding: 30px;
}
#content_rubrique_droite {
	width: 200px;
	float: right;
	margin-left: 18px;
	background-color: #FFFFFF;
}


/**********************************************************/
/************************ Footer **************************/
/**********************************************************/
#footer {
	display:block;
	background-color: #FFFFFF;	
	max-width: 100%;
	min-width: 1000px;
	border-top: 18px solid #2B7BBB;	
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.push_footer {
	height: 160px;   /* Footer H +20px */
}
#footer_table {
	display: block;
	height: 125px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	min-width: 1000px;	
}
.footer_frise {
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	margin: 0;
	text-align: left;
}
.footer_adresse {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	min-width: 0px;
	margin: 0 auto;
	text-align: left;
}
.footer_menu {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	min-width: 0px;
	margin: 0 auto;
	text-align: left;
}