@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-reg-webfont.eot');
	src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-reg-webfont.woff') format('woff'),
		 url('../fonts/lato-reg-webfont.ttf') format('truetype'),
		 url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latoitalic';
	src: url('../fonts/lato-regita-webfont.eot');
	src: url('../fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-regita-webfont.woff') format('woff'),
		 url('../fonts/lato-regita-webfont.ttf') format('truetype'),
		 url('../fonts/lato-regita-webfont.svg#latoitalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latolight';
	src: url('../fonts/lato-lig-webfont.eot');
	src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-lig-webfont.woff') format('woff'),
		 url('../fonts/lato-lig-webfont.ttf') format('truetype'),
		 url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latolight_italic';
	src: url('../fonts/lato-ligita-webfont.eot');
	src: url('../fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-ligita-webfont.woff') format('woff'),
		 url('../fonts/lato-ligita-webfont.ttf') format('truetype'),
		 url('../fonts/lato-ligita-webfont.svg#latolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latobold';
	src: url('../fonts/lato-bol-webfont.eot');
	src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-bol-webfont.woff') format('woff'),
		 url('../fonts/lato-bol-webfont.ttf') format('truetype'),
		 url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latobold_italic';
	src: url('../fonts/lato-bolita-webfont.eot');
	src: url('../fonts/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-bolita-webfont.woff') format('woff'),
		 url('../fonts/lato-bolita-webfont.ttf') format('truetype'),
		 url('../fonts/lato-bolita-webfont.svg#latobold_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latoblack';
	src: url('../fonts/lato-bla-webfont.eot');
	src: url('../fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-bla-webfont.woff') format('woff'),
		 url('../fonts/lato-bla-webfont.ttf') format('truetype'),
		 url('../fonts/lato-bla-webfont.svg#latoblack') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latoblack_italic';
	src: url('../fonts/lato-blaita-webfont.eot');
	src: url('../fonts/lato-blaita-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-blaita-webfont.woff') format('woff'),
		 url('../fonts/lato-blaita-webfont.ttf') format('truetype'),
		 url('../fonts/lato-blaita-webfont.svg#latoblack_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}

.construction {
	background: url("../images/en_construction.jpg") no-repeat scroll center center #FFFFFF;
	height: 580px;
	margin: -20px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 979px;
	z-index: 997;
}

html, body {
	height: 100%;
}

*::-moz-selection {
	background:#A40232;
	color:#FFFFFF;
}

*::selection {
	background:#A40232;
	color:#FFFFFF;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	/*background: url("../images/footer_background.jpg") scroll 0 0 transparent;*/
	color: #747474;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	word-spacing: normal;
}

img.alignleft {
	float: left;
	margin-right: 20px;
}

img.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
}

img.alignright {
	float: right;
	margin-left: 20px;
}

.clear {
	clear: both;
}

.first {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.last {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.no_border {
	border: none !important;
}

.clearmargintop {
	margin-top: 0;
}

.intro {
	font-family: 'latoblack_italic', Arial, sans-serif;
	font-size: 15px;
	line-height: 150%;
	overflow: visible;
}
.intro-2 {
	font-family: 'latolight_italic', Arial, sans-serif;
	font-size: 16px;
	line-height: 150%;
	overflow: visible;
}

.paddingleftright{
	padding: 0 10px 0 10px;
}

.signature{
	font-family: 'latoblack_italic', Arial, sans-serif;
	text-align: right;
	margin: 40px 80px 0 0;

}

/* *** Typographie *** */

p, ul, ol, blockquote { margin-bottom: 0.75em; }

a {
	color: #a40233;
	text-decoration: none;
}

a:hover {
	color:#ff004d;
}

.a_white {
	color: #FFFFFF;
	text-decoration: none;
}
.a_white:hover {
	color:#ff004d;
}
h1, h2, h3, h5, h6 {
	color: #A40233;
	font-family: 'latoblack_italic', Arial, sans-serif;
	margin-bottom: 0.75em;
	margin-top: 1.5em;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.325em; }
h3 { font-size: 1.25em; }
h4 {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 21px;
}

h5,h6 { font-size: 1em; }

ul, ol { margin-left: 60px; }

ul {
	list-style: disc;
	overflow: hiden;
}
ul ul, ol ul {
	list-style: disc inside;
	margin-bottom: 0;
}

ol {
	list-style: decimal inside;
	overflow: hiden;
}

ol ol, ul ol {
	list-style: lower-roman inside;
	margin-bottom: 0;
}

strong {
	color: #262626;
	font-weight: bold;
}

blockquote {
  border-left: 5px solid #A40233;
  float: right;
  font-family: 'latoitalic',Arial,Helvetica,sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin-top: 6em;
  padding-left: 15px;
  width: 480px;
}

blockquote p {
	margin-bottom: 0;
}

blockquote em {
	display: block;
	text-align: right;
	font-family: 'latoblack_italic', Arial, Helvetica, sans-serif;
	font-style: normal;
}

blockquote em:before {
	content:'- '
}

blockquote em:after {
	content:' -'
}

/* *** Header *** */

#header_container {
	width: 100%;
	height: 115px;
	/*background: #fff url(../images/header_background.jpg) 0 0 repeat-x;*/
	position: relative;
}

#header_container #languages{
	float: right;
	margin:10px 10px 0 0;
}

#header_container #languages a.english{
	background: url("../images/english-flag.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 26px;
	height: 19px;
	float: left;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #languages a.french{
	background: url("../images/french-flag.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 26px;
	height: 19px;
	margin-right: 5px;
	float: left;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #languages a.english:hover{
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #languages a.french:hover{
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #etat-connexion{
	float: right;
	margin:10px 10px 0 0;
}

#header_container #etat-connexion a.client{
	/*background: url("../images/english-flag.png") no-repeat scroll 0 0 transparent;*/
	display: block;
	font-size: 10px;
	color: #A40232;
	/*width: 26px;*/
	/*height: 19px;*/
	line-height: 14px;
	float: left;
	margin-right: 5px;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #etat-connexion a.client:hover{
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #etat-connexion p {
	/*background: url("../images/english-flag.png") no-repeat scroll 0 0 transparent;*/
	display: block;
	font-size: 10px;
	color: #ffffff;
	/*width: 26px;*/
	/*height: 19px;*/
	line-height: 14px;
	float: left;
	margin-right: 5px;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #header {
	width: 960px;
	margin: 0 auto 0 auto;
}

/*
#header_container #header ul#menu {
	float: right;
	height: 25px;
	margin: 83px 0 0;
}

#header_container #header ul#menu li {
	float: left;
	list-style: none;
}

#header_container #header ul#menu li a {
	background: url("../images/menu_separator.jpg") repeat-y scroll 0 0 transparent;
	display: block;
	height: 23px;
	line-height: 23px;
	color: #ffffff;
	padding: 0 15px;
	text-decoration: none;
	text-shadow: -1px -1px 0px #000000;
	filter: dropshadow(color=#000000, offx=-1, offy=-1);
	opacity: 0.35;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #header ul#menu li a:hover{
	background: url("../images/footer_hover.jpg") repeat-x scroll 0 0 transparent;
	color: #fff;
	text-shadow: 0px 0px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #header ul#menu li a.home{
	background: url("../images/home_icon.png") no-repeat scroll 0 0 transparent;
	display: block;
	width: 27px;
	height: 23px;
	margin-right: 15px;
	overflow: hidden;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header_container #header ul#menu li a.home:hover {
	background: url("../images/home_icon.png") no-repeat scroll 0 -23px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#header ul#menu li a.homeactive {
	background: url("../images/home_icon.png") no-repeat scroll 0 -23px transparent;
	opacity: 0.7;
}
*/

/* *** Corps du site *** */

#container {
	width: 100%;
	background-color: #ffffff;
	border-bottom: 1px solid #C2C2C2;
	position: relative;
}

#container .onglet {
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}

#container .onglet .onglet_inner{
	margin: 0 auto;
}

#container .onglet .onglet_inner h1 {
	float: right;
   /* background-color: #A40233;*/
	text-shadow: 1px 1px 2px #000000;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-bottom-left-radius: 40px;
	color: #e7e7e7;
	display: inline-block;
	font-family: 'latobold_italic',Arial,Helvetica,sans-serif;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: center;
	padding: 0 15px 0 30px;
	-moz-box-shadow: 3px 3px 5px 0px #000000;
	-webkit-box-shadow: 3px 3px 5px 0px #000000;
	-o-box-shadow: 3px 3px 5px 0px #000000;
	box-shadow: 3px 3px 5px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=5);
	background: #ff004c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYwMDRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E0MDIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ff004c 0%, #a40233 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff004c), color-stop(100%,#a40233)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ff004c 0%,#a40233 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#a40233',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

/* Etiquette contact*/
#container .etiquette_contact {
	padding:0px 0px 20px 0px;
}
#container .etiquette_contact .etiquette_contact_inner{
	margin: 0 auto;
}
#container .etiquette_contact .etiquette_contact_inner a {
    text-shadow: 1px 1px 2px #000000;
	color: #e7e7e7;
	display: inline-block;
	font-family: 'latobold_italic',Arial,Helvetica,sans-serif;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: center;
	padding: 0 30px 0 30px;
	-moz-box-shadow: 3px 3px 5px 0px #000000;
	-webkit-box-shadow: 3px 3px 5px 0px #000000;
	-o-box-shadow: 3px 3px 5px 0px #000000;
	box-shadow: 3px 3px 5px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=5);
	background: #ff004c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYwMDRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E0MDIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ff004c 0%, #a40233 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff004c), color-stop(100%,#a40233)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ff004c 0%,#a40233 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ff004c 0%,#a40233 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#a40233',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
#container .etiquette_contact .etiquette_contact_inner a:hover {
    text-shadow: 1px 1px 2px #000000;
	color: #FFFFFF;
	display: inline-block;
	font-family: 'latobold_italic',Arial,Helvetica,sans-serif;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: center;
	padding: 0 30px 0 30px;
	-moz-box-shadow: 3px 3px 5px 0px #000000;
	-webkit-box-shadow: 3px 3px 5px 0px #000000;
	-o-box-shadow: 3px 3px 5px 0px #000000;
	box-shadow: 3px 3px 5px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=5);
	background: #ff004c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYwMDRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E0MDIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(0deg,  #ff004c 0%, #a40233 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff004c), color-stop(100%,#a40233)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg,  #ff004c 0%,#a40233 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg,  #ff004c 0%,#a40233 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(0deg,  #ff004c 0%,#a40233 100%); /* IE10+ */
	background: linear-gradient(0deg,  #ff004c 0%,#a40233 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#a40233',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#container #welcome-picture{
	width: 100%;
	position: relative;
	border-bottom: 2px groove #FFFFFF;
}

#container #welcome-picture .welcome-text {
	bottom: 35px;
	position: absolute;
	width: 100%;
}

#container #welcome-picture .welcome-text .inner{
	margin: 0 auto;
	max-width: 960px;
	padding: 0 10px;
}

#container #welcome-picture .welcome-text .inner h1{
	font-family: 'latoblack_italic', Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #ffffff;
	margin: 0;
	text-shadow: 2px 2px 2px #000000;
	line-height: 150%;
}

#container #welcome-picture .welcome-text .inner h2{
	font-family: 'latolight_italic', Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	margin: 0;
}

#container #welcome-picture img.welcome-picture{
	min-width: 100%;
	height: auto;
	margin: auto;
	display: block;
}

#wrapper{
	width: 960px;
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	padding: 15px 10px 15px 10px;
	position: relative;
}

#wrapper .rubrique_first{
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0 10px 0 0px;
	min-height: 200px;
	float: left;
	position: relative;
	text-align: center;
}
#wrapper .rubrique_first h2 {
	text-align: center;
}
#wrapper .rubrique_first img {
	display: block;
	margin: 45px auto;
}

#wrapper .rubrique{
	width: 240px;
	margin: 20px 0px 0px 0px;
	padding: 0 10px 0 10px;
	min-height: 200px;
	float: left;
	position: relative;
	text-align: center;
}
#wrapper .rubrique h2 {
	text-align: center;
}
#wrapper .rubrique img {
	display: block;
	margin: 45px auto;
}

#wrapper .rubrique_last{
	width: 230px;
	margin: 20px 0px 0px 0px;
	padding: 0 0px 0 10px;
	min-height: 200px;
	float: left;
	position: relative;
	text-align: center;
}
#wrapper .rubrique_last h2 {
	text-align: center;
}
#wrapper .rubrique_last img {
	display: block;
	margin: 45px auto;
}

#wrapper .rubrique_first h2, #wrapper .rubrique h2, #wrapper .rubrique_last h2 {
	margin-bottom: 0.75em;
	color: #A40233;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

#wrapper a.button {
	/* -moz-box-shadow:inset 0px 1px 0px 0px #a6a6a6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6a6a6;
	box-shadow:inset 0px 1px 0px 0px #a6a6a6; */

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #2d2d2d) );
	background:-moz-linear-gradient( center top, #666666 5%, #2d2d2d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#2d2d2d');
	background-color:#666666;

	/* -webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px; */

	text-indent:0px;
	display:inline-block;
	color:#b3b3b3;
	font-family:'latoregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	height:23px;
	line-height:23px;
	width:35px;
	text-decoration:none;
	text-align:center;
	position: absolute;
	right: 10px;
	bottom: 0px;
}

#wrapper a.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a40233), color-stop(1, #ff004d) );
	background:-moz-linear-gradient( center top, #a40233 5%, #ff004d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a40233', endColorstr='#ff004d');
	background-color:#ff004d;
	color: #fff;
}

#wrapper a.buttonactive {
	position:relative;
	top:1px;
}

#story {
	background: url("../images/bloc_fond.jpg") repeat-x scroll center bottom #FFFFFF;
	margin: 0;
	min-height: 180px;
	padding: 30px;
	width: 480px;
	-moz-box-sizing: content-box;
}

#story img {
	float: left;
	height: 138px;
	margin: -4px 10px -2px -4px;
	width: 118px;
}

#story p {
  color: #747474;
  font-family: 'latoregular',Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 10px;
  text-align: justify;
}

#story p strong{
  color: #747474;
  font-family: 'latoblack',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 10px;
  text-align: justify;
}

#story p em{
  color: #747474;
  font-family: 'latobold_italic',Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 10px;
  text-align: justify;
}

.enseigne{
	width: 100%;
	margin-top: 1.5em;
}

.enseigne a{
	display: block;
	width: 380px;
	height: 135px;
	border: 1px solid #a40233;
	margin-right: 20px;
	text-align: center;
	float: left;
}

.enseigne p{
	display: block;
	text-align: justify;
}

#footer_container {
	width: 100%;
	height: 195px;
	border-top: 1px solid #767676;
	background-color: #262626;
}

#footer_container #footer {
	width: 960px;
	height: 200px;
	margin: auto;
	color: #fff;
}

#footer_container #footer #footer_left {
	width: 485px;
	float: left;
}

#footer_container #footer #footer_left ul {
	margin: 0;
	padding: 0;
}

#footer_container #footer #footer_left ul {
	margin: 7px 0 0 0;
	padding: 15px 0 0 0;
}

#footer_container #footer #footer_left ul li {
	list-style: none outside none;
	margin-right: 95px;
	line-height: 0;
}

#footer_container #footer #footer_left ul li span {
	font-size: 11px;
	text-shadow: -1px -1px 0 #000;
	opacity: 0.4;
}

#footer_container #footer #footer_left ul li a.facebook {
	background: url("../images/facebook_icon.png") no-repeat scroll 0 0 transparent;
	margin: 15px 12px 0 0;
	display: block;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.googleplus {
	background: url("../images/google_icon.png") no-repeat scroll 0 0 transparent;
	display: block;
	margin: 15px 12px 0 0;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.twitter {
	background: url("../images/tweeter_icon.png") no-repeat scroll 0 0 transparent;
	display: block;
	margin: 15px 12px 0 0;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.viadeo {
	background: url("../images/viadeo_icon.png") no-repeat scroll 0 0 transparent;
	margin: 15px 12px 0 0;
	display: block;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
#footer_container #footer #footer_left ul li a.linkedin {
	background: url("../images/linkedin_icon.png") no-repeat scroll 0 0 transparent;
	margin: 15px 12px 0 0;
	display: block;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.contactform {
	background: url("../images/contact_icon.png") no-repeat scroll 0 0 transparent;
	margin: 15px 12px 0 0;
	display: block;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
#footer_container #footer #footer_left ul li a.loginadmin {
	background: url("../images/icon_cadenas-2.png") no-repeat scroll 0 0 transparent;
	margin: 15px 0px 0 0;
	display: block;
	float: left;
	width: 34px;
	height: 33px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.facebook:hover {
	background: url("../images/facebook_icon.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.googleplus:hover {
	background: url("../images/google_icon.png") no-repeat scroll 0 -34px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.twitter:hover {
	background: url("../images/tweeter_icon.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.viadeo:hover {
	background: url("../images/viadeo_icon.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a.linkedin:hover {
	background: url("../images/linkedin_icon.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
#footer_container #footer #footer_left ul li a.contactform:hover {
	background: url("../images/contact_icon.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
#footer_container #footer #footer_left ul li a.loginadmin:hover {
	background: url("../images/icon_cadenas-2.png") no-repeat scroll 0 -33px transparent;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_left ul li a {
	display: block;
	color: #fff;
}

#footer_container #footer #footer_right {
	float: right;
	width: 374px;
}

#footer_container #footer #footer_right ul {
	float: left;
	margin: 15px 55px 0 0;
	padding: 0;
}

#footer_container #footer #footer_right ul.right {
	float: right;
	margin: 15px 55px 0 0;
	padding: 0;
}

#footer_container #footer #footer_right ul li {
	list-style: none outside none;
	text-shadow: -1px -1px 0 #000000;
}

#footer_container #footer #footer_right ul li.footer_titre {
	color: #A40233;
	font-weight: bold;
	padding-bottom:  5px;
}

#footer_container #footer #footer_right ul li a {
	background: url("../images/footer_border_horiz.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
	opacity: 0.4;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer #footer_right ul li a:hover {
	background: url("../images/footer_hover.jpg") repeat-x scroll 0 0 transparent;
	color: #FFFFFF;
	font-weight: normal;
	padding: 2px 5px;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#footer_container #footer p {
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	font-size: 11px;
	text-shadow: -1px -1px 0 #000;
	opacity: 0.4;
}
#scroll-to-top{
	background: url("../images/totop.png") repeat-x scroll 0 0px transparent;
	width: 50px;
	height: 47px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	display:none;
	overflow: hidden;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

#scroll-to-top:hover{
	background: url("../images/totop.png") no-repeat scroll 0 -47px transparent;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

table {
	border-collapse: collapse;
	margin: 45px 0 0;
	width: 525px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

th {
	background-color: #A40233;
	color: #FFFFFF;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

th.tabtitre {
	border-right: 3px solid #FFFFFF;
	border-bottom: 2px groove #FFFFFF;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

th.tabtelecharger {
	border-bottom: 2px groove #FFFFFF;
	width: 77px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

td {
	background-color: #EEEEEE;
	margin: 0 0 10px;
	padding: 0;
	border-bottom: 2px groove #FFFFFF;
	color: #747477;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

td.cel {
	background-color: #EEEEEE;
	border-bottom: 2px groove #FFFFFF;
	border-right: 3px solid #FFFFFF;
	color: #747477;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

td.year {
	background-color: #EEEEEE;
	border-bottom: 2px groove #FFFFFF;
	border-right: 3px solid #FFFFFF;
	color: #A40233;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

td a.icone {
	display:block;
	background: url(../images/telecharger.png) no-repeat;
	margin: auto;
	width: 24px;
	height:22px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

td a.icone:hover {
	background-position: right;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Référence (Vignettes) */
#avis_clients {
  background: url("../images/footer_background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0px 0px 0px 0px;
  padding: 15px 15px 15px 15px;
  position: absolute;
  top:148px;
  left: 665px;
  width:285px;
  height: 1290px;
  z-index: 999;
}
@media screen and (max-device-width: 1024px) {
 	#avis_clients {
    	top:149px;
	}
}
@media screen and (max-device-width: 900px) {
 	#avis_clients {
    	top:290px;
	}
}
#right_sidebar {
  background: url("../images/footer_background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin: 30px 0px 0px 34px;
  padding: 15px 15px 15px 15px;
  position: relative;
  width:285px;
  height:1285px;
  float:left;
}
.submenu-page-title {
  color: #A40233;
  font-family: 'latoblack';
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0px 0px 15px 0px;
  text-transform: uppercase;
}
.submenu-page-img {
  list-style: none outside none;
  margin: 30px 0px 0px 0px;
  overflow: hidden;
  position: relative;
  width:620px;
  float:left;
}
.submenu-page-img li {
  display: inline;
  float: left;
  margin: 0px 44px 30px 0px;
  position: relative;
  width: 285px;
}
.submenu-page-img > li:hover {
  cursor: pointer;
}
.submenu-page-img li img {
  border: 1px solid #A40233;
  height: 200px;
  width: 285px;
}
.submenu-page-img li div {
  background: url("../images/bg_submenu_listing.png") repeat scroll left top rgba(0, 0, 0, 0);
  color: #FFFFFF;
  height: 198px;
  left: 0;
  margin: 1px;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out 0s;
  width: 283px;
}
.submenu-page-img li:hover div {
  opacity: 0.9;
}
.submenu-page-img li p {
  /* margin: 0px 0px 0px 0px; */
  font-size: 12px;
}
.submenu-page-img li a {
  font-size: 12px;
}
.agence-region {
	font-family: latoregular;
	font-size: 30px;
	text-transform: uppercase;
}
.agence-dept {
	font-family: latobold;
	font-size: 20px;
	text-transform: uppercase;
	color: #262626;
}
.agence-ville {
	display: block;
	font-family: latolight;
	font-size: 15px;
	color: #747474;
	margin-left: 30px;
	margin-bottom: 10px;
}
.agence-ville:hover {
	color: #A40233;
}
.carte-dept {
	float: left;
	width: 250px;
}
.liste-villes {
	float: left;
}
.texte-ville-type-1 {
	display: block;
	font-family: latolight;
	font-size: 15px;
	color: #747474;
	margin-left: 30px;
	margin-bottom: 10px;
}
.texte-ville-type-2 {
	display: block;
	font-family: latobold_italic;
	font-size: 20px;
	color: #A40233;
	margin-left: 30px;
	margin-bottom: 10px;
}
.titre-article-actualite {
	font-family: latoregular;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 65px;
}
.date-article-actualite {
	font-family: latobold;
	font-size: 12px;
	text-transform: uppercase;
	color: #262626;
}
.texte-article-actualite {
	display: block;
	font-family: latolight;
	font-size: 15px;
	color: #747474;
	margin-left: 0px;
	margin-bottom: 10px;
}
#slogan-slider {
	position: absolute;
	top: 240px;
	left: 10px;
	font-family:'latoblack', Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #000000;
	font-size:50px;
	line-height: 50px;
	text-align: right;
	color:#FFFFFF;
}
.bxslider {
	margin-left: 0px;
}