/* CSS Document */
* {
  margin:0;
  padding:0;
  -moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
/*font-weight: 400;
font-size: 14px;
color: #000;*/

}

html,body {

  height: 100%;
background: #fff;
}
#test_image {
  	background: url(../_img/css/image.jpg) no-repeat center scroll;
-webkit-background-size: cover; /* pour Chrome et Safari */	-moz-background-size: cover; /* pour Firefox */	-o-background-size: cover; /* pour Opera */	background-size: cover; /* version standardis�e */
}
h1 {
  	font-size: 40px;
color: #000;
font-weight: 300;
text-align: left;
width: 100%;
display: block;
margin-bottom: 50px;
}
h2 {
  	font-size: 16px;
color: #000;
font-weight: 600;
text-align: left;
width: 100%;
display: block;
margin-bottom: 20px;
}
p {
  	text-align: justify;
font-weight: 300;
font-size: 15px;
}
p strong, p a {
  	font-weight: 600;
text-decoration: none;
}
p a:hover {
  	color: #0e3860;
}
.le_content ul li {
  	text-align: left;
font-weight: 300;
font-size: 15px;
margin-left: 25px;
margin-bottom: 10px;
}
.le_content em {
  	font-weight: 300;
}
p img {
  	display: block;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
header {
  	width: 100%;
height: 220px;
position: relative;
display: block;
background-color: #fff;
}
header:before {
  	content: '';
position: absolute;
top: 0;
background-color: #dec83a;
width: 100%;
height: 35px;
display: block;
}
header .header_top {
  	position: relative;
width: 1200px;
margin: auto;
text-align: right;
line-height: 35px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
header .header_top:after {
  	content:'';
display: block;
clear: both;
}
header .header_top .top_left {
  	width: 50%;
display: block;
text-align: left;
float: left;
color: #fff;
line-height: 35px;
}
header .header_top .top_right {
  	width: 50%;
display: block;
text-align: right;
float: right;
color: #fff;
line-height: 35px;
}
header .header_top a {
  	color: #fff;
font-size: 14px;
text-decoration: none;
padding: 0 10px;
}
header .header_top a:hover,header .header_top .link_top_selected {
  	color: #fecc00;
}
header .header_top span {
  	font-size: 18px;
color: #fff;
}
header .header_content {
  	position: relative;
width: 1200px;
margin: auto;
height: 185px;
display: block;
}
header .header_content .logo {
   height: 171px; width: 213px; display: block; position: absolute; left: 0; top: 5px; background: url(../_img/css/logo.jpg) no-repeat center scroll; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardis�e */
}
header .header_content .accroche {
  	position: absolute;
top: 70px;
left: 310px;
display: block;
text-align: left;
font-size: 21px;
color: #4c4c4c;
text-transform: uppercase;
}
header .header_content .accroche strong {
  	font-weight: 600;
font-size: 21px;
text-transform: uppercase;
color: #4c4c4c;
}
header .header_content .top_admin {
  	position: absolute;
top: 20px;
left: 310px;
display: block;
text-align: left;
font-weight: 600;
font-size: 25px;
color: #cc0000;
text-transform: uppercase;
}
header .header_content .tel_top {
  	display: none;
}
header .les_cubes {
  	display: block;width: 383px;height: 150px;position: absolute;right: 0;bottom: 50px;background: url(../_img/css/lignes_cubes.png) no-repeat center scroll;
background-size: auto auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
/******************************DEBUT DU MENU*****************************/.logo_menu {
  	display: none;
}
.logo_menu_top, nav .logo {
  	display: none;
}
header nav {
  	width: 100%;
height: 35px;
position: absolute;
bottom: 10px;
-webkit-transition: left 0.5s ease; /* Safari */    transition: left 0.5s ease;
	z-index: 20;
}
.sous_barre_open {
  	width: 100%;
height: 130px;
position: absolute;
bottom: -130px;
left: 0;
display: block;
z-index: 100;
background: rgba(15, 56, 96, 0.7);
}
.sous_barre_close {
  	display: none;
}
header nav .inside_menu {
  	width: 1200px;
height: 35px;
position: absolute;
bottom: 0;
right: 50%;
margin-right: -600px;
}
header nav ul {
  	text-align: right;
}
header nav ul li {
  	display: inline;
}
header nav ul .li_burger {
  	display: none;
}
header nav ul li .big_link {
  	display: inline-block;
line-height: 45px;
padding: 0 10px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #0f3860;
position: relative;
}
header nav ul li a.first {
  	border: none;
}
header nav ul .menu_select .big_link:before,header nav ul li:hover .big_link:before,header nav ul .menu_select .big_link:before,header nav ul li .cat_link_selected:before {
  	content: '';
height: 3px;
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fecc00;
}
header nav ul li a:hover,header nav ul li .cat_link_selected {
  	color: #000;
}
header nav ul li .sous_menu, header .sous_menu_right {
  	display: none;
width: 100%;
position: absolute;
top: 45px;
z-index: 100;
padding: 35px 0;
background: rgba(15, 56, 96, 1);
min-height: 120px;
}
header .sous_menu_right {
  	width: 1200px;
display: block;
left: 50%;
margin-left: -600px;
top: 220px;
z-index: 10;
background: rgba(15, 56, 96, 0.7);
}
header .sous_menu_right {
  	display: none;
}
header nav ul li:hover .sous_menu, header nav ul .menu_select .sous_menu {
  	display: block;
}
header nav .sous_menu ul,header .sous_menu_right ul {
  	text-align: left;
height: auto;
}
header nav .sous_menu ul li,header .sous_menu_right ul li {
  	display: block;
height: 25px;
padding-left: 30px;
}
header nav .sous_menu .sous_ul_left li,header .sous_menu_right ul li {
  	width: 30.33%;
border-right: 1px solid #fff;
margin-right: 3%;
float: left;
}
header nav .sous_menu .sous_ul_left .nb_menu_li_2,header .sous_menu_right ul .nb_menu_li_2 {
  	border: none;
}
header nav .sous_menu .sous_ul_left:after {
  	content: '';
display: block;
clear: both;
}
header nav .sous_menu ul li a,header .sous_menu_right ul li a {
  	position: relative;
color: #fff;
text-transform: none;
font-size: 16px;
text-decoration: none;
line-height: 20px;
}
header nav .sous_menu ul li a:hover,header nav .sous_menu ul .menu_select a,header .sous_menu_right ul li a:hover,header .sous_menu_right ul li .link_selected {
  	color: #fecc00;
}
header nav .sous_menu ul li a:before,header .sous_menu_right ul li a:before {
  	content: '>';
position: absolute;
left: -15px;
top: 0;
font-size: 16px;
display: block;
line-height: 20px;
}
header .le_menu_right {
  	width: 25px;
height: 25px;
display: block;
position: absolute;
bottom: 10px;
right: 50%;
display: block;
z-index: 30;
margin-right: -630px;
}
header .le_menu_right .logo_menu_top {
  	width: 25px;
height: 25px;
display: block;
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
background: url(../_img/css/menu_burger.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.le_menu_right ul {
  	display: none;
position: absolute;
top: 30px;
width: 200px;
right: 0;
background-color: #fff;
}
.le_menu_right ul li {
  	display: block;
text-align: right;
padding: 10px;
}
.le_menu_right ul li a {
  	font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #0f3860;
}
.menu_right_open ul {
  	display: block;
}
/*******************POUR LE MENU FIXE**************/#hauteur_menu {
  	height: 40px;
width: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.for_header_sticky {
  	display: none;
width: 100%;
height: 220px;
position: relative;
}
.for_header_sticky_on {
  	display: block;
}
.sticky {
  	position: fixed;
top: 0;
left: 0;
z-index: 200;
height: 80px;
border-bottom: 1px solid #0e3860;
}
.sticky .header_content, .sticky .les_cubes {
  	display: none;
}
/******************************FIN DU MENU*****************************/.slider {
  	width: 100%;
height: 415px;
display: block;
position: relative;
background: url(../_img/css/slider.jpg) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.slider .bx-wrapper {
  	height: 100%;
border: none;
box-shadow: inherit;
overflow: hidden;
}
.bx-wrapper img {
  	width: 100%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      bottom: 5px;
}
.bx-wrapper .bx-pager {
  	padding: 0;
}
.bx-wrapper .bx-controls-direction a {
  	display: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  	width: 20px;
height: 20px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager .link_xi_0 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_0 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_0 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_0 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_4 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_4 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_4 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_4 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_8 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_8 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_8 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_8 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_12 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_12 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_12 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_12 a:focus {
  	background-color: #009ddb;
}
.bx-wrapper .bx-pager.bx-default-pager .link_xi_1 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_1 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_1 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_1 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_5 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_5 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_5 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_5 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_9 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_9 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_9 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_9 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_13 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_13 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_13 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_13 a:focus {
  	background-color: #fecc00;
}
.bx-wrapper .bx-pager.bx-default-pager .link_xi_2 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_2 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_2 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_2 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_6 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_6 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_6 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_6 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_10 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_10 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_10 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_10 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_14 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_14 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_14 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_14 a:focus {
  	background-color: #c5073d;
}
.bx-wrapper .bx-pager.bx-default-pager .link_xi_3 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_3 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_3 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_3 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_7 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_7 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_7 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_7 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_11 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_11 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_11 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_11 a:focus,.bx-wrapper .bx-pager.bx-default-pager .link_xi_15 a, .bx-wrapper .bx-pager.bx-default-pager .link_xi_15 a:hover, .bx-wrapper .bx-pager.bx-default-pager .link_xi_15 a.active, .bx-wrapper .bx-pager.bx-default-pager .link_xi_15 a:focus {
  	background-color: #b1c800;
}
.slider .news {
  	width: 35%;
position: absolute;
left: 0;
top: 100px;
background: rgba(0, 157, 219, 0.7);
color: #fff;
font-family: 'Fira Sans', sans-serif;
}
.slider .la_news_1 {
   background: rgba(0, 157, 219, 0.7);
}
.slider .la_news_2 {
   background: rgba(254, 204, 0, 0.7);
}
.slider .la_news_3 {
   background: rgba(197, 7, 61, 0.7);
}
.slider .la_news_4 {
   background: rgba(177, 200, 0, 0.7);
}
.slider .news .news_center {
  /*	width: 600px;
position: relative;
float: right;
padding: 20px 0;*/	width: 90%;
position: relative;
padding-top: 30px;
margin: auto;
}
.slider .news .news_title {
  	font-size: 22px;
display: block;
font-weight: 300;
text-transform: uppercase;
color: #fff;
padding-bottom: 30px;
}
.slider .news .news_content {
  	font-size: 18px;
display: block;
color: #fff;
padding-bottom: 20px;
display: none;
}
.slider .news .news_content p {
  	color: #fff;
padding-right: 20px;
}
.slider .news .news_link {
  	font-size: 15px;
padding: 5px;
border: 1px solid #fff;
text-transform: uppercase;
display: block;
width: 150px;
text-align: center;
text-decoration: none;
color: #fff;
margin-bottom: 30px;
}
.raccourcies_accueil {
  	width: 1200px;
position: relative;
margin: auto;
margin-top: 60px;
margin-bottom: 60px;
display: block;
}
.raccourcies_accueil:after {
  	content: '';
clear: both;
display: block;
}
.raccourcies_accueil .link_raccourcie {
  	width: 380px;
min-height: 380px;
float: left;
margin: 5px 10px;
text-decoration: none;
background-color: #ebebeb;
-webkit-transition: all 0.5s ease; /* Safari */    transition: all 0.5s ease;
}
.raccourcies_accueil .link_raccourcie .img_raccourcie {
  	width: 100%;
height: 207px;
position: relative;
display: block;
background: url(../_img/css/vide.jpg) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.raccourcies_accueil .link_raccourcie .title_raccourcie {
  	color: #363636;
font-size: 22px;
font-weight: 300;
text-transform: uppercase;
width: 100%;
padding: 0 20px;
line-height: 50px;
min-height: 50px;
display: block;
text-decoration: none;
}
.raccourcies_accueil .link_raccourcie .txt_raccourcie {
  	color: #363636;
font-size: 13px;
font-weight: 300;
width: 100%;
padding: 20px;
padding-top: 0;
min-height: 68px;
display: block;
text-align: justify;
text-decoration: none;
}
.raccourcies_accueil .link_raccourcie:hover {
  	background-color: #0e3860;
}
.raccourcies_accueil .link_raccourcie:hover .title_raccourcie,.raccourcies_accueil .link_raccourcie:hover .txt_raccourcie {
  	color: #fff;
}
.txt_accueil {
  	width: 100%;
    position: relative;
    padding: 60px 0;
    display: block;
    background: url(../_img/css/txt_accueil.jpg) no-repeat center scroll;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardis�e */
}
.txt_accueil:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: rgba(0, 74, 128, 0.5);
}
.txt_accueil .txt_accueil_content {
  	width: 1200px;
position: relative;
margin: auto;
display: block;
}
.txt_accueil .txt_accueil_content:after {
  	content: '';
clear: both;
display: block;
}
.txt_accueil .txt_accueil_content h1 {
  	color: #fff;
	font-size: 50px;
}
.txt_accueil .txt_accueil_content .colonne {
  	float: left;
width: 50%;
}
.txt_accueil .txt_accueil_content .col_left {
  	padding-right: 65px;
}
.txt_accueil .txt_accueil_content .col_right {
  	padding-left: 65px;
}
.txt_accueil .txt_accueil_content .colonne p {
  	color: #fff;
font-weight: 300;
text-align: justify;
}
.txt_accueil .txt_accueil_content .colonne * {
  color: #fff;
}
.temoignages {
  	width: 1200px;
position: relative;
margin: auto;
padding: 60px 0;
padding-bottom: 80px;
display: block;
}
.temoignages:after {
  	content: '';
clear: both;
display: block;
}
.temoignages .bx-wrapper,.nos_partenaires .bx-wrapper {
    box-shadow: none;  border: none;  background: none;
}
.temoignages h3, .actu h3, .nos_partenaires h3 {
  	font-size: 50px;
color: #304156;
font-weight: 300;
text-align: left;
width: 100%;
display: block;
text-transform: uppercase;
margin-bottom: 50px;
}
.temoignages .bx-wrapper {
  margin-bottom: 0;
}
.temoignages .bx-viewport {
  height: auto !important;
}
.nos_partenaires h3 {
  margin-bottom: 10px;
}
.nos_partenaires p {
  margin-bottom: 50px;
}
.temoignages .client {
  	width: 250px;
height: auto;
float: left;
margin: 20px 75px;
text-decoration: none;
}
.temoignages .client .img_client {
  	width: 200px;
height: 200px;
display: block;
margin: auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #e5e5e5;
background: url(../_img/css/vide.jpg) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.temoignages .client .title_client {
  	font-size: 15px;
font-weight: 600;
color: #304156;
width: 100%;
display: block;
line-height: 25px;
margin-top: 20px;
text-align: center;
}
.temoignages .client .txt_client {
  	font-size: 14px;
color: #304156;
width: 100%;
display: block;
text-align: center;
font-weight: 300;
}
.temoignages .client .txt_client * {
  	text-align: center;
}
.actu {
  	width: 100%;
position: relative;
padding: 60px 0;
display: block;
background-color: #e5e5e5;
}
.actu:before {
  	content:'';
width: 567px;
height: 222px;
display: block;
right: 0;
top: -87px;
position: absolute;
background: url(../_img/css/lignes_cubes.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.form_actu {
  	width: 100%;
height: 50px;
display: block;
position: relative;
}
.form_actu .input_newsletter {
  	height: 40px;
position: absolute;
width: 100%;
left: 0;
top: 0;
display: block;
line-height: 40px;
z-index: 10;
border: none;
}
.form_actu .submit {
  	height: 40px;
width: 40px;
background-color: #fff;
position: absolute;
right: 0;
top: 0;
display: block;
cursor: pointer;
border: none;
z-index: 20;
background: url(../_img/css/loupe.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.filtre_search {
  	width: 100%;
display: block;
height: 30px;
position: relative;
text-align: right;
margin-top: 20px;
margin-bottom: 10px;
}
.filtre_search .nom_filtre {
  	display: inline-block;
line-height: 30px;
font-size: 14px;
font-weight: 600;
}
.filtre_search .select_filtre {
  	width: 150px;
height: 30px;
display: inline-block;
padding-left: 5px;
cursor: pointer;
}
.actu .actu_content {
  	width: 1200px;
position: relative;
margin: auto;
display: block;
}
.actu .actu_content:after {
  	content: '';
clear: both;
display: block;
}
.actu .une_actu {
  	width: 570px;
height: auto;
padding-bottom: 40px;
float: left;
margin: 10px 15px;
text-decoration: none;
position: relative;
background-color: #fff;
}
.actu .une_actu .date_actu {
  	position: absolute;
top: 0;
left: 0;
display: block;
background-color: #fff;
z-index: 10;
text-align: left;
font-size: 43px;
font-weight: 700;
color: #304156;
padding: 15px;
text-transform: uppercase;
}
.actu .une_actu .img_actu {
  	width: 100%;
height: 200px;
position: relative;
display: block;
background: url(../_img/css/vide.jpg) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.actu .une_actu .type_actu {
  	width: 100%;
height: 30px;
position: relative;
display: block;
font-size: 12px;
font-weight: 600;
text-align: left;
padding-top: 10px;
padding-left: 20px;
color: #009ddb;
}
.actu .une_actu .title_actu {
  	color: #304156;
font-size: 32px;
font-weight: 300;
text-transform: uppercase;
width: 100%;
padding: 0 20px;
line-height: 40px;
min-height: 40px;
display: block;
text-decoration: none;
}
.actu .une_actu .txt_actu {
  	color: #304156;
font-size: 15px;
font-weight: 300;
width: 100%;
padding: 20px;
padding-top: 0;
min-height: 60px;
display: block;
text-align: justify;
text-decoration: none;
}
.actu .une_actu .link_actu {
  position: absolute;
  bottom: 10px;
  right: 20px;
  border: 1px solid #000;
  width: 150px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-weight: 300;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #0f3860;
  font-weight: 600;
}
.nos_partenaires {
  	width: 1200px;
position: relative;
margin: auto;
display: block;
padding: 60px 0;
}
.nos_partenaires:after {
  	content: '';
clear: both;
display: block;
}
.nos_partenaires .un_partenaire {
  	width: 120px;
height: 120px;
float: left;
margin: 0 25px;
text-decoration: none;
opacity: 1;
position: relative;
background-color: #fff;
background: url(../_img/partenaires/1.jpg) no-repeat center scroll;
-webkit-background-size: contain; /* pour Chrome et Safari */
-moz-background-size: contain; /* pour Firefox */
-o-background-size: contain; /* pour Opera */
background-size: contain; /* version standardis�e */
}
/******************************Pour le contact*************************/.contact_contact {
  		width: 1200px;
	margin: auto;
	display: block;
	position: relative;
	padding-top: 60px;
	padding-bottom: 120px;

}
	.contact_contact:after {
  		content: '';
	clear: both;
	display: block;

}
	.error {
  		color: #c00;
	font-weight: 600;

}
.formulaire_contact {
  	width: 600px;
float: left;
}
.formulaire_contact .formulaire {
  	width: 100%;
padding-bottom: 46px;
display: block;
position: relative;
}
.ligne_contact {
  	width: 100%;
position: relative;
display: block;
padding-bottom: 7px;
}
.contact_large {
  	height: 130px;
margin-bottom: 10px;
}
.form_recaptcha {
  	height: 80px;
padding-left: 130px;
}
.ligne_contact .nom_form {
  	height: 35px;
display: block;
position: relative;
line-height: 35px;
text-align: left;
}
.ligne_contact input, .ligne_contact textarea {
   width: 470px; height: 35px; line-height: 35px; padding-left: 10px; border: 1px solid #d5d5d5; position: absolute; top: 0; right: 0; display: block; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ligne_contact textarea {
  	height: 130px;
}
.formulaire .submit {
  	position: absolute;
right: 0;
bottom: 0;
width: 130px;
height: 30px;
border: 1px solid #000;
text-align: center;
line-height: 30px;
background-color: #fff;
color: #000;
cursor: pointer;
}
.contact_bloc_gris {
  	width: 850px;
display: block;
margin-bottom: 30px;
float: left;
}
.contact_bloc_gris .content_txt {
      float: none;
}
.adresse_right {
  	width: 290px;
float: right;
background-color: #0f3860;
padding: 30px;
text-align: center;
color: #fff;
font-size: 16px;
display: block;
position: relative;
}
.adresse_right strong {
  	font-size: 22px;
font-weight: 700;
color: #fff;
display: block;
margin-bottom: 20px;
text-transform: uppercase;
}
.adresse_right .txt_adresse {
  	border-bottom: 1px solid #fff;
padding-bottom: 20px;
color: #fff;
display: block;
}
.adresse_right .tel {
  	position: relative;
font-size: 16px;
font-weight: 700;
color: #fff;
padding: 20px 30px;
padding-right: 0;
text-decoration: none;
}
.adresse_right .tel:before {
  	content: '';
width: 24px;
height: 19px;
display: block;
position: absolute;
left: 0;
top: 20px;
background: url(../_img/css/icon_tel.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.adresse_right .tel tel {
  	font-size: 16px;
font-weight: 700;
color: #fff;
padding-left: 5px;
}
.adresse_right .mail {
  	font-size: 16px;
position: relative;
font-weight: 700;
color: #fff;
padding-left: 26px;
}
.adresse_right .mail:before {
  	content: '';
width: 21px;
height: 21px;
display: block;
position: absolute;
left: 0;
top: 0;
background: url(../_img/css/icon_at.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.adresse_right .mail a, .adresse_right .tel tel, .adresse_right .tel tel a {
  	color: #fff;
text-decoration: none;
}
.ligne_iframe {
  	width: 100%;
position: relative;
height: 450px;
display: block;
}
.ligne_iframe iframe {
  	width: 100%;
height: 100%;;
position: absolute;
display: block;
}
.clear_both {
  	clear: both;
display: block;
}
.content_page, .le_content {
  	width: 1200px;
margin: auto;
display: block;
position: relative;
padding-top: 60px;
padding-bottom: 120px;
}
.le_content h3 {
  	font-size: 20px;
color: #000;
font-weight: 300;
text-align: left;
width: 100%;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
}
.le_content p {
  	margin-bottom: 10px;
}
.le_content p a {
  	color: #009dda;
}
.le_content p a:hover {
  	color: #0f3860;
}
.page_avec_form {
  	padding-bottom: 350px;
}
.produit_avec_form {
  	padding-bottom: 50px;
}
.page_avec_form .bloc_form_page {
  	position: absolute;
bottom: 0;
left: 0;
width: 830px;
}
.page_actu .bloc_form_page {
  	bottom: 30px;
}
.page_actu .page_un_produit .bloc_form_page {
  	bottom: inherit;
left: inherit;
position: relative;
}
 .page_avec_form .bloc_form_page h3, .page_actu .page_un_produit .bloc_form_page h3 {
  	 font-size: 16px;
font-weight: 600;
text-align: left;
width: 100%;
display: block;
margin-bottom: 20px;
color: #0e3860;
text-transform: none;
}
 .page_avec_form .bloc_form_page h4 {
  	font-size: 16px; font-weight: 500; text-align: left; padding-left: 20px; width: 100%; display: block; line-height: 30px; background-color: #0e3860; margin-bottom: 0; color: #fff;
}
.page_avec_form .bloc_form_page .formulaire_page {
  	width: 100%;
display: block;
position: relative;
height: auto;
border: 1px solid #0e3860;
border-top: none;
}
.page_avec_form .bloc_form_page .formulaire_page:after {
  	content: '';
display: block;
clear: both;
}
.page_avec_form .bloc_form_page .formulaire_page .ligne_contact {
  	width: 100%;
display: block;
position: relative;
padding: 0 5px;
}
.page_avec_form .bloc_form_page .formulaire_page .ligne_contact:after {
  	content: '';
display: block;
clear: both;
}
.page_avec_form .bloc_form_page .formulaire_page .ligne_contact input {
  	width:23%;
margin: 5px 1%;
float: left;
position: relative;
font-size: 12px;
}
.page_avec_form .bloc_form_page .formulaire_page .ligne_contact .text_input_mail {
  	width:27%;
}
.page_avec_form .bloc_form_page .formulaire_page .ligne_contact .text_input_tel {
  	width:19%;
}
.page_avec_form .bloc_form_page .formulaire_page .contact_large {
  	clear: both;
width: 100%;
float: none;
height: auto;
}
.page_avec_form .bloc_form_page .formulaire_page .contact_large textarea {
      width: 98%;
	position: relative;
	height: 60px;
	margin: 5px 1%;
	font-size: 12px;
}
.page_avec_form .bloc_form_page .formulaire_page .bottom_txt {
  	position: relative;
float: left;
width: 350px;
display: block;
color: #0e3860;
font-size: 12px;
padding: 0 20px;
padding-top: 15px;
padding-left: 30px;
}
.page_avec_form .bloc_form_page .formulaire_page .form_recaptcha {
  	padding-left: 0;
width: 304px;
float: left;
display: block;
}
.page_avec_form .bloc_form_page .formulaire_page .submit {
  	right: 20px;
bottom: 25px;
background-color: #0e3860; 	color: #fff;
border: none;
}
.page_avec_form .bloc_form_page .formulaire_page .submit:hover {
  	color: #fecc00;
}
.link_back {
  	position: absolute;
top: 0;
left: 0;
line-height: 61px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #c5073d;
}
.link_back:hover {
  	color: #009ddb;
}
.le_content {
  	padding: 30px;
}
.le_content strong, .le_content * strong {
  	font-weight: 600;
}
/*.fond_gris {
  	margin-bottom: 20px;
padding: 0;
}
*/.avec_image:before {
  	content: '';
position: absolute;
width: 320px;
height: 100%;
display: block;
top: 0;
right: 0;
background-color: #fff;
}
.content_txt {
  	float: none;
width: 100%;
padding: 30px;
background-color: #fff;
}
.content_txt * {
  	/*color: #000;*/
}
.avec_image .content_txt {
  	float: left;
width: 830px;
}
.img_page {
  	float: right;
position: relative;
margin-left: 0;
width: 300px;
}
.img_page img {
  	width: 100%;
}
.img_page .bloc {
  	position: relative;
width: 100%;
height: auto;
display: block;
}
.postit {
  	position: relative;
width: 300px;
height: 323px;
display: block;
position: relative;
padding-left: 20px;
padding-right: 50px;
margin-left: 10px;
padding-top: 75px;
margin-top: 20px;
background: url(../_img/css/postit.png) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */    font-family: 'Indie Flower', cursive;  font-weight: 300;
color: #000;
font-size: 20px;
}
.postit p, .postit li {
  	text-align: left;
font-family: 'Indie Flower', cursive;
font-weight: 300;
color: #000;
font-size: 20px;
line-height: 20px;
}
.postit h3 {
  	font-family: 'Indie Flower', cursive;
font-weight: 1000;
color: #000;
font-size: 22px;
margin-bottom: 10px;
text-transform: none;
line-height: inherit;
}
.content_page:after {
  	content: '';
clear: both;
display: block;
width: 370px;
height: 125px;
position: absolute;
right: 0;
bottom: 0;
background: url(../_img/css/lignes_cubes_page.png) no-repeat center scroll;  -webkit-background-size: initial; /* pour Chrome et Safari */  -moz-background-size: initial; /* pour Firefox */  -o-background-size: initial; /* pour Opera */  background-size: initial; /* version standardis�e */
}
.page_actu:after {
  	content: '';
clear: both;
display: block;
position: relative;
background: none;
height: 0;
width: 0;
}
.le_content:after {
  	content: '';
clear: both;
display: block;
}
.all_img_page {
  	width: 1200px;
margin: auto;
display: block;
position: relative;
}
.page_actu .all_img_page {
  	margin-top: 30px;
}
.bloc_une_image {
  	padding: 0 60px;
margin-left: 120px;
width: auto;
}
.all_img_page:after {
  	content: '';
clear: both;
display: block;
}
.all_img_page .bloc {
  	float: left;
height: 400px;
width: 50%;
display: block;
position: relative;
background: url(../_img/css/vide.jpg) no-repeat center scroll;  -webkit-background-size: cover; /* pour Chrome et Safari */  -moz-background-size: cover; /* pour Firefox */  -o-background-size: cover; /* pour Opera */  background-size: cover; /* version standardis�e */
}
.page_un_produit .all_img_page {
  	width: 100%;
margin-top: 10px;
}
.page_un_produit .all_img_page .bloc {
  	height: 100px;
}
.all_img_page .bloc_img_0 {
  	border-right: solid #fff 5px;
}
.all_img_page .bloc_img_1 {
  	border-left: solid #fff 5px;
}
.all_img_page .bloc .over_img, .img_page .bloc .over_img {
  	position: absolute;
top: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s ease; /* Safari */    transition: opacity 0.5s ease;
}
.all_img_page .bloc:hover .over_img, .img_page .bloc:hover .over_img {
  	opacity: 1;
}
#cboxContent, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight {
      background: none;

}
.ariane {
  	width: 1200px;
display: block;
position: absolute;
left: 50%;
margin-left: -600px;
bottom: 0;
font-weight: 300;
color: #fff;
font-size: 24px;
text-align: left;
text-transform: uppercase;
}
.ariane a, .ariane span {
  	font-weight: 400;
color: #fff;
font-size: 16px;
text-decoration: none;
text-transform: none;
}
.ariane a:hover {
  	color: #0e3860;
}
.raccourcies_page {
  	width: 1200px;
margin: auto;
display: block;
position: relative;
padding-top: 30px;
padding-bottom: 60px;
}
.raccourcies_page:after {
  	content: '';
clear: both;
display: block;
}
.raccourcies_page ul {
  	text-align: center;
}
.raccourcies_page ul li {
  	display: inline;
}
.raccourcies_page a {
  	width: 150px;
height: 180px;
padding-bottom: 60px;
float: none;
padding-top: 0;
text-align: center;
margin: 10px 43px;
font-size: 17px;
font-weight: 600;
color: #0f3860;
text-transform: uppercase;
text-decoration: none;
position: relative;
display: inline-block;
}
.raccourcies_page strong {
  	font-size: 17px;
font-weight: 600;
color: #0f3860;
text-transform: uppercase;
display: block;
height: 50px;
width: 100%;
position: absolute;
top: 130px;
left: 0;
text-align: center;
}
.raccourcies_page a:hover strong {
  	color: #fecc00;
}
.raccourcies_page a span {
  	width: 120px;
height: 120px;
position: relative;
margin-bottom: 10px;
margin: auto;
display: block;
background: url(../_img/raccourcies_pages/vide.png) no-repeat center scroll;
-webkit-background-size: cover; /* pour Chrome et Safari */	-moz-background-size: cover; /* pour Firefox */	-o-background-size: cover; /* pour Opera */	background-size: cover; /* version standardis�e */
}
/*
.raccourcies_page a:before {
  	content: '';
width: 120px;
height: 120px;
position: absolute;
left: 50%;
margin-left: -60px;
top: 0;
display: block;
background: url(../_img/raccourcies_pages/pra.png) no-repeat center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/
.raccourcies_page .raccourcie_pra:before {
   background-image: url(../_img/raccourcies_pages/pra.png);
}
.raccourcies_page .raccourcie_securites:before {
   background-image: url(../_img/raccourcies_pages/securites.png);
}
.raccourcies_page .raccourcie_internet:before {
   background-image: url(../_img/raccourcies_pages/internet.png);
}
.raccourcies_page .raccourcie_maintenances:before {
   background-image: url(../_img/raccourcies_pages/maintenances.png);
}
.raccourcies_page .raccourcie_formations:before {
   background-image: url(../_img/raccourcies_pages/formations.png);
}
.page_une_actu {
  	width: 100%;
display: block;
position: relative;
margin-bottom: 5px;
padding-top: 5px;
border-top: 2px solid #0e3860;
}
.page_une_actu .img_actu {
  	float: left;
width: 600px;
margin-top: 1px;
display: block;
}
.page_un_produit .img_actu {
  	width: 300px;
}
.page_une_actu .img_actu img {
  	width: 100%;
}
.page_une_actu .content_actu {
  	float: right;
width: 550px;
padding-top: 20px;
display: block;
text-align: left;
}
.page_un_produit .content_actu {
  	width: 850px;
}
.page_une_actu .content_actu .date_actu {
  	font-size: 16px;
text-transform: uppercase;
color: #545353;
font-weight: 500;
display: block;
}
.page_une_actu .content_actu .date_actu strong {
  	font-weight: 500;
color: #c5073d;
}
.page_une_actu .content_actu .plus_produit {
  	display: block;
margin-top: 10px;
}
.page_une_actu .content_actu h3, .page_une_actu .content_actu h1 {
  	color: #009ddb;
font-size: 30px;
display: block;
font-weight: 300;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 0;
}
.page_un_produit .content_actu h3, .page_un_produit .content_actu h1 {
  	padding-right: 150px;
font-size: 22px;
}
.page_une_actu .content_list_produit h3 {
  	margin-top: 0;
padding-right: 150px;
font-size: 22px;
}
.page_une_actu .content_actu p {
  color: #636363;
  font-size: 15px;
  display: block;
  font-weight: 400;
  margin-bottom: 20px;
}
.page_une_actu .content_actu li {
  color: #636363;
  font-size: 15px;
  font-weight: 400;
  margin-left: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
}
.page_une_actu .content_actu p strong, .page_une_actu .content_actu li strong {
  	font-weight: 600;
}
.page_une_actu .content_list_produit .dispo_produit,.page_un_produit .content_actu .dispo_produit {
  	color: #636363;
font-size: 15px;
display: block;
font-weight: 400;
position: absolute;
right: 0;
top: 20px;
text-align: right;
}
.page_une_actu .content_list_produit .dispo_produit strong,.page_un_produit .content_actu .dispo_produit strong {
  	text-transform: uppercase;
font-size: 16px;
}
.page_une_actu .content_list_produit .ligne_prix,.page_un_produit .content_actu .ligne_prix  {
  	width: 100%;
display: block;
height: 30px;
position: relative;
padding: 10px 0;
height: 40px;
margin-top: 20px;
}
.page_une_actu .content_list_produit .ligne_prix .prix_left_produit,.page_un_produit .content_actu .ligne_prix .prix_left_produit  {
  	position: absolute;
left: 0;
top: 10px;
display: block;
color: #c3c3c3;
font-weight: 600;
font-size: 16px;
text-align: left;
text-decoration: line-through;
}
.page_une_actu .content_list_produit .ligne_prix .prix_right_produit,.page_un_produit .content_actu .ligne_prix .prix_right_produit  {
  	position: absolute;
right: 0;
top: 10px;
display: block;
color: #cc0000;
font-weight: 600;
font-size: 16px;
text-align: right;
}
.page_une_actu .content_list_produit p,.page_un_produit .content_actu p  {
  	padding-right: 180px;
}
.page_une_actu .content_actu .etiquette_produit,.page_un_produit .content_actu .etiquette_produit  {
  	position: absolute;
right: 0;
bottom: 0;
display: block;
width: 130px;
height: 99px;
background: url(../_img/css/icon_promo.png) no-repeat center scroll;
-webkit-background-size: contain; /* pour Chrome et Safari */	-moz-background-size: contain; /* pour Firefox */	-o-background-size: contain; /* pour Opera */	background-size: contain; /* version standardis�e */
}
.page_un_produit .content_actu .etiquette_produit {
  	top: 150px;
}
.page_une_actu .content_actu .produit_lot,.page_un_produit .content_actu .produit_lot  {
  	background-image: url(../_img/css/icon_lot.png);
}
.page_une_actu .content_actu .produit_coeur,.page_un_produit .content_actu .produit_coeur  {
  	background-image: url(../_img/css/icon_coup_de_coeur.png);
}
.page_une_actu:after {
  	content: '';
clear: both;
display: block;
}
.page_une_actu .link_actu {
  	font-size: 15px;
text-transform: uppercase;
color: #c5073d;
margin-top: 25px;
text-decoration: none;
font-weight: 600;
display: block;
font-family: 'Fira Sans', sans-serif;
}
.page_une_actu .content_list_produit .link_actu {
  	position: absolute;
bottom: 8px;
margin: 0;
}
.page_une_actu .link_actu:hover {
  	color: #009ddb;
}
.page_une_actu .img_actu_list {
  	width: 400px;
}
.page_une_actu .content_list_actu, .page_une_actu .content_list_produit {
  	width: 750px;
}
.page_une_actu .content_list_produit {
  	min-height: 270px;
padding-bottom: 30px;
position: relative;
}
/******************************FIN le contact*************************/footer {
  	width: 100%;
position: relative;
padding: 25px 0;
display: block;
background-color: #0f3860;
}
footer .footer_content {
  	width: 1200px;
position: relative;
margin: auto;
display: block;
}
footer .footer_content:after {
  	content: '';
clear: both;
display: block;
}
footer .footer_content .col_footer {
  	width: 275px;
min-height: 207px;
float: left;
border-right: #577490 1px solid;
padding: 0 25px;
color: #fff;
text-align: left;
position: relative;
}
footer .footer_content .col_large {
  	width: 375px;
}
footer .footer_content .col_footer a, footer .footer_content .col_footer h4, footer .footer_content .col_footer .tel {
  	text-transform: uppercase;
color: #fff;
font-size: 15px;
display: block;
text-decoration: none;
}
footer .footer_content .col_footer .footer_small {
  	text-transform: none;
font-size: 14px;
}
footer .footer_content .col_footer h4 {
  	font-weight: 700;
margin-bottom: 25px;
}
footer .footer_content .col_footer .adresse, footer .footer_content .col_footer .newsletter, footer .footer_content .col_footer .tel tel, footer .footer_content .col_footer .mail, footer .footer_content .col_footer .mail a {
  	color: #fff;
}
footer .footer_content .col_footer .mail a, footer .footer_content .col_footer .link_small {
  	text-transform: none;
}
footer .footer_content .col_footer .link_small {
  	margin-bottom: 10px;
}
footer .footer_content .col_footer .newsletter {
  	margin-bottom: 15px;
display: block;
}
footer .footer_content .col_footer .newsletter_form {
  	width: 100%;
height: 28px;
display: block;
position: relative;
}
footer .footer_content .col_footer .newsletter_form .input_newsletter {
  	width: 280px;
height: 28px;
display: block;
border: none;
padding: 0 5px;
}
footer .footer_content .col_footer .newsletter_form .submit {
  	width: 28px;
height: 28px;
border: none;
background-image: url(../_img/css/loupe_b.png);
position: absolute;
top: 0;
right: 0;
display: block;
background-color: #0f3860;
text-transform: uppercase;
}
footer .footer_content .col_footer .facebook, footer .footer_content .col_footer .linkedin {
  	width: 50px;
height: 50px;
display: block;
position: absolute;
left: 25px;
top: 120px;
background: url(../_img/css/facebook.png) no-repeat center scroll;
-webkit-background-size: cover; /* pour Chrome et Safari */	-moz-background-size: cover; /* pour Firefox */	-o-background-size: cover; /* pour Opera */	background-size: cover; /* version standardis�e */
}
footer .footer_content .col_footer .linkedin {
  	background-image: url(../_img/css/linkedin.png);
left: 100px;
}
footer .bande_footer_bas {
    width: 100%;
display: block;
padding-top: 20px;
text-align: center;
clear: both;
color: #fff;
font-size: 12px;
}
footer .bande_footer_bas a {
  	color: #fff;
text-decoration: none;
font-size: 12px;
}
.ui-menu .ui-menu-item-wrapper {
  		position: relative;
	padding: 5px;
	text-decoration: none;
	color: #c5073d;
	width: 100%;
	display: block;
	border: none;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
  	background-color: #009ddb;
}
.ui-menu .ui-menu-item-wrapper span {
  	color: #c5073d;
font-size: 14px;
text-align: left;
display: block;
}
.ui-menu .ui-menu-item-wrapper:hover span {
  	color: #fff;
}
.cookieinfo {
  	background: none !important;
background-color: #0e3860 !important;
}
.cookieinfo  .cookieinfo-close {
  	background-color: #fecc00 !important;
color: #000 !important;
}
.cookieinfo  .cookieinfo-close:hover {
  	background-color: #fff !important;
color: #000 !important;
}
.cookieinfo span {
  	color: #fff !important;
}
.cookieinfo a {
  	color: #fff !important;
}
.cookieinfo a:hover {
  	color: #fecc00 !important;
}