* {
	font-size: 15px !important;
	font-family: "Roboto" !important;
	border-radius: 0px !important;
}

* h3 {
	font-size: 20px !important;
}

* a{
	border-style: none;
}

* a:focus {
	background: inherit !important;
	color: inherit !important;
}

.row h3 {
	padding: 0px;
}

.box.meme_rub {
	padding-top: 15px;
	box-shadow: 0px -1px 0px 0px rgb(200,200,200);	
	clear: left;
}

.box.meme_rub .row ul:only-child {
	height: 150px;
	width: 100px;
	background: red;
}

header {
	clear: left;
}

#header {
	margin: 0;
	background : white !important;
	height : 100px;
	width: 100%;
	text-align: right;
	box-shadow: 0px 1px 1px rgb(240,240,240);
}

#header * {
	margin: 0;
}

#header .header_container {
	max-width: 1300px;
    margin: auto;
}

#header .header_container .left_part {
	width: 40%;
    height: 100px;
    float: left;
}

#header nav {
    width: 60%;
    height: auto;
    margin: 0;
    float: right;
    position: initial;
    right: initial;
}

.nav_logo {
	height: 100px !important;
	width: 150px;
	display: inline-block;
	float: left;
	background: #fff url(img/logo_dec.png) no-repeat center center;
	background-size: 100px;
}

.nav_logo:focus {
	background: #fff url(img/logo_dec.png) no-repeat center center !important;
	background-size: 100px !important;	
}

#header nav > ul > li a{
	border-radius: 0px;
	color: rgb(50,50,50) !important ;
	background: white;
	font-weight: bold;
	font-size: 14px !important;
	height: 100px;
	vertical-align: middle;
	padding-top: 36px;
	border-bottom: red;
}

.breaker {
	display: block;
	clear: both;
}

.box {
	box-shadow: 0px 0px 0px 0px;
}

#header nav > ul > li a:hover{
	border-bottom: 5px rgb(237,46,64) solid;
	transition-duration: 0s;
}

.perso_active{
	background-color: white;
	color: rgb(237,46,64) !important;
	font-weight: bold;
}

#nav a.perso_active {
	color: rgb(237,46,64) !important;
	border-bottom: 5px rgb(237,46,64) solid !important;
	font-weight: bold;
}

.formulaire_recherche {
	height: 100px !important;
	width: 180px;
	display: inline-block;
	float: left;
}

.formulaire_recherche input.text{
	height: 30px;
	width: 180px;
	display: inline-block;
	float: left;
	color: rgb(50,50,50);
	padding-left: 5px;
	margin-top: 33px !important;
    background: #fff url(img/recherche2.png) no-repeat right 5px center;
	font-size: 14px !important;
	border: solid 1px #e0e0e0;
	border-radius: 5px !important;
}

#banner {
	background: rgb(30,30,30) url(img/dec_locaux.jpg) no-repeat fixed center;
	background-size: cover;
	display: block;
	border-style: hidden;
	border-color: red;
	min-height: 400px;
	max-height: 500px !important;
}

@keyframes AutoSlide {
	0% {
		left: 0%; /*1ère image*/
	}
	31% {
		left: 0%; /*idem pour attente*/
	}
	35% {
		left: -100%; /*2ème image*/
	}
	64% {
		left: -100%; /*idem pour attente*/
	}
	68% {
		left: -200%; /*3ème image*/
	}
	92% {
		left: -200%; /*idem pour attente*/
	}
	97% {
		left: 0%; /*1ère image*/
	}
}

#slideshow {
	margin-top: 100px;
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
#sContent li {
	display: inline;
	width: 33.33%;
	height: 400px;
	float: left;
}

#sContent li .sLi_text {
	margin-top: 5%;
	width: 30%;
	height: auto;
	padding: 30px;
	padding-bottom: 60px;
	background: rgba(0,0,0,0.6);
	color: white;
	margin-right: 0%;
	margin-left: 0%;
	position: relative;
}

#sContent li .sLi_text p {
	font-family: "Roboto light" !important;
}

#sContent li .sLi_text h2 {
	font-size: 28px !important;
	font-family: "Roboto light" !important;
	color: #fd6d6d;
}

#sContent li .sLi_text ul {
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 110px;
	height: 40px;
}

#sContent li .sLi_text ul li {
	width: 100%;
	height: 100%;
	margin: auto;
}

#sContent li .sLi_text ul li a {
	width: 100%;
	margin: auto;
	color: white;
	padding: 0px;
}

#sContent li .sLi_text ul li a:hover {
	background: rgba(237,46,64, 0.8);
	transition-duration: 0.06s;
}

.sLi_content {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#sContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 300%;
	margin: 0;            
	padding: 0;
	
	/*CSS3 keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.slogandec {
	text-align: left;
	background: none;
	margin: 0px;
	padding: 0px !important;
}

.slogandec .image.featured{
	border: 0px;
}

.major {
	color: white;
	border: 0px;
	text-decoration: none;
	text-align: left !important;
	margin: 0px;
	padding: 0px !important;
}

#banner h1 {
	color: white;
	font-size: 3em !important;
	font-weight: bold;
	text-decoration: none;
	margin: 25px 0px 0px 50px;
}

#banner h2 {
	color: white;
	font-size: 1.3em !important;
	text-decoration: none;
	margin: 0px 0px 25px 50px;
}

#banner.article {
	
}

.fil_arianne {
	height: auto;
	min-height: 35px;
	width: 100%;
	background: rgb(237,46,64);
	padding: 5px 20%;
}

.article .fil_arianne {
	margin-top: 100px;
}

.fil_arianne a {
	color: white !important;
}

.fil_arianne a:hover {
	color: white !important;
	font-weight: bold !important;
	background: inherit;
}

.fil_arianne p {
	color: white !important;
	margin: 0;
}

.fil_arianne strong {
	color: white !important;
}

body.landing #main {
	margin-top: 0px;
}

#main.container {
	background: white;
}

.sommaire #main.container {
	background: inherit;
}

.dropotron {
	border-bottom: 5px rgb(237,46,64) solid;
	pading: 30px 15px;
	width: auto;
}

.dropotron li a{
	border-top: solid 0px #ffffff !important;
	height: 40px;
	margin: 0px 10px;
	padding-top: 8px;
	vertical-align: middle;
	border-top: 0px;
	font-size: 16px !important;
}

.dropotron li:hover{
	background-color: white;
	color: rgb(50,50,50);
}

.dropotron li a:hover{
	background-color: white;
	box-shadow: -5px 0px 0px 0px rgb(237,46,64);
	color: rgb(50,50,50);
}

.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
	background: white;
	box-shadow: -5px 0px 0px 0px rgb(237,46,64);
	font-weight: bold;
	color: rgb(30,30,30);
}

#header nav > ul > li.active a:not(.button) {
	background: white;
	   border-bottom: 5px rgb(237,46,64) solid;
	font-weight: bold;
	color: rgb(30,30,30);
}

#page-wrapper {
	background-color: rgb(250,250,250);
	padding-top: 0px !important;
}

.container {
	width: 90%;
	max-width: 1200px;
	overflow: hidden;
	padding-bottom: 50px;
}

.aside {
	float: left;
	width: 30%;
	min-width: 200px;
	max-width: 300px;
	background-color: white;
	border: 2px solid rgb(220,220,220);
	padding: 15px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 13px !important;
}

.aside ul {
	padding-left: 0px;
}

.aside li {
	list-style: none;
	padding-left: 12px;
}

.aside  li p {
	font-size: 14px !important;
}

.aside li a {
	color: rgb(100,100,100);
	background: white;
	font-size: 15px !important;
	line-height: 25%;
	text-align: left;
}

.aside li small {
	font-size: 11px !important;
}

.aside li a:hover {	
	font-weight: bold;
	transition-duration: 0.1s;
	color: rgb(237,46,64) !important;
}

.aside h1 {
	font-size: 32px !important;
}

.aside h2 {
	font-size: 26px !important;
	font-weight: bold;
	border-bottom: 1px solid rgb(200,200,200);
	padding-bottom: 15px;
}

.aside.sommaire ul li {
	list-style: circle inside;
}

.aside.sommaire li a {
	font-weight: bold;
	color: rgb(237,46,64);
}

.menu ul li ul {
	margin-left: 0px;
	box-shadow: -3px 0px 0px 0px rgb(150,150,150);
}

.body_content {
	float: left;
	width: 70%;
	margin-left: 15%;
}

.body_content.sommaire {
	margin-left: 0px;
}

.body_content.sommaire ul {
	padding-left: 0;
}

.body_content.article h3{
	font-weight: bold;
	font-size: 25px !important;
	margin-top: 15px;
}

.body_content h1.titre_derniers_articles {
	font-size: 26px !important;
	font-weight: bold;
	margin: 0px 0px 35px 0px;
	height: 60px;
	border-bottom: 1px solid rgb(220,220,220);
}

.blogi {
	height: 350px;
	width: 30%;
	max-width: 250px;
	list-style: none;
	margin-bottom: 30px;
	overflow: hidden;
	float:left;
	padding: 0;
	margin-right: 3%;
	background: white;
	border: 1px solid rgb(240,240,240);
	position: relative;
}

.blogi .blogcontent {
	padding: 10px !important;
}

.blogi p {
	font-family: "roboto light" !important;
	font-size: 13px !important;
	color: rgb(100,100,100);
}

.blogi a {
	font-size: 13px !important;
	color: #fd6d6d;
}

.blogi .date {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-family: "roboto light" !important;
	font-size: 10px !important;
	color: rgb(200,200,200);
}

.blogi p strong {
	font-size: 13px !important;
}

.blogi h2 .title {
	font-family: "roboto light" !important;
	font-size: 20px !important;
	color: #fd6d6d;
}

.blogi .blogtitle {
	float: left;
	height: 130px;
	width: 100%;
	border-radius: 0px !important;
	margin-right: 25px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff url(img/logo_dec_200p.jpg) no-repeat center;
	background-size : cover;
}

.blogi .blogtitle img {
	width: 100% !important;
}

.most_popular_articles {
	height: 180px;
	width: 95%;
	background: white;
	border: 1px solid rgb(240,240,240);
	overflow: hidden;
}

.most_popular_articles ul li .logo {
	height: 100px;
	width: 100px;
	margin: auto;
	margin-top: 15px;
}

.most_popular_articles ul li .logo img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.most_popular_articles ul li {
	width: 25%;
	float: left;
	height: 180px;
	padding: 0;
	padding-top: 5px;
	list-style: none;
}

.most_popular_articles ul li:hover {
	border-bottom: 8px rgb(237,46,64) solid;
}

.most_popular_articles ul li.popular_article h3 {
	font-family: "roboto light" !important;
	font-size: 13px !important;
	color: rgb(100,100,100);
	text-align: center;
	clear: both;
}

.\36 u, .\36 u\24 {
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	margin-left: 60px;
	background-color: rgb(30,30,30);
	overflow: hidden;
}

.\36 u.presentation {
	height: auto;
}

.presentation .box_content {
	width: 100%;
	height: auto;
}

.box.special .image.featured img {
	width: 200px;
	height: 200px;
	margin-left: 10px;
	float: left;
}

.box.special_sous_rubrique .image.featured img {
	width: 200px;
	height: 200px;
	margin-left: 10px;
	float: left;
}

.image_presentation_dec {
	background : #fff url(img/icon_presentation.png) no-repeat center;
	background-size: cover;
	
	width: calc(100% + 35px) !important;
	height: 200px;
	margin: 0 !important;
	margin-left: -35px !important;
}

.presentation_detail {
	float: left;
	margin: auto;
	width: 30%;	
	min-width: 230px;
	color: white;
	text-align: left;
	box-shadow: -3px 0px 0px 0px rgb(200,200,200);
	padding-left: 10px;
	margin-right: 10px;
}

.presentation_detail h3 {
	color: white !important;
	text-align: left;
}

.box {
	padding: 0px;
}

.box.special {
	padding: 0px;
	background-color: rgb(30,30,30);
	position: relative;
}

.box_content {
	width: 65%;
	height: 200px;
	float: left;
	padding: 15px;
	background-color: rgb(30,30,30);
	color: white !important;
	text-align: left;
}

.box.special li {
	float: right;
	border-style: none !important;
	background-color: rgb(237, 46, 64);
	color: white !important;
	position: absolute;
	bottom: 10px;
	right: 10px;
}


.box.special li.bouton_contacter { 
	margin-top: 0px;
}


.box.special li a {
	font-size: 12px !important;
	color: white !important;
	box-shadow: 0px 0px 0px 0px white !important;
}

.box.special h3 {
	color: white;
}

.box.specialrub {
	padding: 0px;
	width: 150px;
}

a.rub_element {
	color: rgb(90,90,90);
	height: 150px;
	max-width: 150px;
	padding: 0px;
}

a.rub_element.on {
}

a:hover .box.specialrub .image.featured {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.box.specialrub p {
	line-height: 1em;
}

.box.specialrub .image.featured {
	width: 150px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	position: relative;
	border: 1px solid rgb(235,235,235);
	overflow: hidden;	
	background-size: 50% !important;
	background-repeat: no-repeat !important;
    background-position: center !important;
}

.box.specialrub .image.featured .articleInfos {
	transition-duration: 200ms;

	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,0.6));
}

body:not(.Realite-Virtuelle) .box.specialrub .image.featured .articleInfos p {
	height:0px;
	overflow: hidden;
	color: white;
	font-size: 12px !important;
	padding-left: 5px;
	transition-duration: 200ms;
}

body:not(.Realite-Virtuelle) a.rub_element:hover .box.specialrub .articleInfos {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2), rgba(0,0,0,1));
}

body:not(.Realite-Virtuelle) a.rub_element .box.specialrub .articleInfos p {
	margin: 0;
	margin-bottom: 1em;
}

body:not(.Realite-Virtuelle) a.rub_element:hover .box.specialrub .articleInfos p:not(:empty) {
	height: 25px;
}

body:not(.Realite-Virtuelle) a.rub_element:hover .box.specialrub .articleInfos p:empty {
	height: 10px;
}

.box.specialrub .image.featured img {
	width: 100%;
	margin: auto;
	margin-bottom: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
  
	transform: translate(-50%, -50%);
	object-fit: scale-down;
}

.box.specialrub h3 {
	margin-top: 120px;
	margin-bottom: 0px;
	padding-left: 5px;
	font-size: 14px !important;
	color: white;
	font-weight: bold;
	line-height: 1em;
}

.box .row {
	margin: 0px;
}

.rub_element {
	margin-right: 15px;
	margin-bottom: 15px;
}

.presentation_detail .picto {
	display: inline-block;
	width: 30px;
	height: 30px;
	float: left;
}

.presentation_detail.coordonnees .picto {
	background:rgb(30,30,30) url(img/icon_cellphone.png) no-repeat center;
	background-size: 20px;
}

.presentation_detail.horaires .picto {
	background:rgb(30,30,30) url(img/icon_clock.png) no-repeat center;
	background-size: 20px;
}

.presentation_detail.localisation .picto {
	background:rgb(30,30,30) url(img/icon_localisation.png) no-repeat center;
	background-size: 20px;
}

.article_description {
	margin-bottom: 25px;
	padding-bottom: 25px;
	clear: both;
}

.Prix {
	width: 150px;
	height: 70px;
	float: right;
	clear: both;
	margin-right: 15px;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid rgb(210,210,210);
	border-radius: 5px !important;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.Prix .PrixValeur {
	height: 40px;
	font-size: 15px !important;
	font-weight: bold;
	text-align: center;
}

.Prix .PrixRef {
	width: 100%;
	height: 25px;
	text-align: center;
	background: rgb(237, 46, 64);
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: white;
	font-weight: bold;
	font-size: 12px !important;
	vertical-align: middle;
}

.menu_rubriques {
	height: 100px;
	width: auto;
	margin: auto;
	text-align: center;
	position: relative;
	background: white;
	border: 1px solid rgb(230,230,230);
	margin: 15px 0;
	font-size: 0px !important;
}

.menu_rubriques:empty {
	display: none;
	background: red;
}

.menu_rubriques a {
	display: inline-block;
	height: 100px;
	width: 12%;
	margin-top: -1px;
	border: 1px solid rgb(230,230,230);
	border-right: 0px;
}

.menu_rubriques a:hover .liste_sous_rubrique {
	box-shadow: 0px 5px 0px 0px rgb(237,46,64) inset;
}

.menu_rubriques a:last-child {
	border: 1px solid rgb(230,230,230);
}

.liste_sous_rubrique {
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-size: 9px !important;
	padding: 0px;
	position: relative;
	display: inline-block;
}

.liste_sous_rubrique:hover * {
}

.liste_sous_rubrique:hover {
}

.liste_sous_rubrique * {
	float: none;
	margin: 0px !important;
	padding: 0px !important;
}

.liste_sous_rubrique .box.special_sous_rubrique {
	overflow: hidden;
	height: 100%;
	margin-top: 40px;	
	position: relative;
	background: none;
}

.liste_sous_rubrique .box.special_sous_rubrique .box_content {
	float: left;
	height: auto;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 9px !important;
	background: none;
	width: 100%;
}

.liste_sous_rubrique .box.special_sous_rubrique .box_content h3 {
	font-size: 14px !important;
	background: none;
	color: rgb(100,100,100);
	text-align: center;
	line-height: 1em;
}

.liste_sous_rubrique .box.special_sous_rubrique .image.featured {
	width: 40px;
	height: 40px;
}

.liste_sous_rubrique .box.special_sous_rubrique .image.featured img {
	width: auto;
	height: 100%;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}

.arbo {
	display: block !important;
}

.bandeau_infos {
	height: 450px;
	padding: 20px 5%;
	margin-bottom: 30px;
	background: rgb(30,30,30) url(img/dec_locaux.jpg) no-repeat fixed center;
	background-size: cover;
	color: white;
}

.bandeau_bulles_infos {
	float: left; 
	position: relative;
	height: 100%;
	width: 350px;
	padding: 15px;
	overflow: hidden;
	background: rgba(0,0,0,0.75);
    border-radius: 10px !important;
}

.bandeau_bulles_infos ul {
	position: absolute;
	bottom: 15px;
	right: 15px;
	margin: 0;
}

.bandeau_bulles_infos ul li a:hover {
	background: rgba(237,46,64,0.8) !important;
}

.bandeau_bulles_infos ul li a{
	color: white !important;
}

.infos_detail {
	padding: 5px;
	height: 100px;
	margin-bottom: 10px;
}

.infos_detail h3{
	color: white;
	font-size: 15px !important;
}

.infos_detail p{
	margin: 0px;
}

.infos_detail .picto {
	width: 50px;
	float: left;
	clear: left;
	height: 100%;
	border-right: 1px white solid;
	margin-right: 15px;
}

.infos_detail.coordonnees .picto {
	background: rgba(237,46,64,0.8) url(img/icon_cellphone.png) no-repeat center;
	background-size: 30px;
}

.infos_detail.horaires .picto {
	background: url(img/icon_clock.png) no-repeat center;
	background-size: 30px;
}

.infos_detail.localisation .picto {
	background: url(img/icon_localisation.png) no-repeat center;
	background-size: 30px;
}

.bandeau_content {
	float: left;
	width: 60%;
	margin-left: 25px;
	padding: 10px;
	clear: right;
	text-align: justify;
}

.bandeau_content h3 {
	color: white !important;
	font-weight: bold;
	font-size: 30px !important;
}


#twitter-widget-0 {
	height: 100%;
	padding-left: 20px !important;
	border-left: 1px solid rgb(220,220,220) !important;
}

.formulaire_contact {
	height: auto;
}

.choix {
	width: auto;
	float: left;
}

.editer {
	clear: left;
	margin-bottom: 15px;
}

input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
	background: #96ffda;
	border-color: #8fd6bd;
}

input[type="checkbox"] + label:before, input[type="radio"] + label:before {
	height: 20px;
	width: 20px;
	line-height: 1.2em;
}

.contact .editer label {
	font-weight: bold;
}

#champ_textarea_1, 
#champ_textarea_2,
#champ_input_1,
#champ_input_2,
#champ_input_3 {
	min-width: 90%;
	max-width: 90%;
	padding: 1em;
    border: solid 1px #fff;
    border-radius: 8px !important;
	box-shadow: 0px 0px 3px 0px rgb(200,200,200);
	background:rgb(248,248,248);
}

.contact h1 {
	font-size: 24px !important;
	font-weight: bold;
}

.contact .body_content {
	width: 80%;
	margin-left: 10%;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	padding-left: 1.6em;
	padding-right: 1.6em;
}

.social_networks ul {
	padding: 0;
}

.social_networks li {
	list-style: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	padding: 0;
}

.social_networks li.FacebookDEC a {
	background: url("https://image.flaticon.com/icons/svg/1051/1051360.svg") no-repeat center;
	background-size: contain;
}

.social_networks li.TwitterDEC a {
	background: url("https://image.flaticon.com/icons/svg/1051/1051382.svg") no-repeat center;
	background-size: contain;
}

.social_networks li.LinkedInDEC a {
	background: url("https://image.flaticon.com/icons/svg/1051/1051384.svg") no-repeat center;
	background-size: contain;
}

.social_networks li.YoutubeDEC a, .social_networks li.YoutubeDEC a:active {
	background: url("https://image.flaticon.com/icons/svg/1051/1051350.svg") no-repeat center;
	background-size: contain;
}

.social_networks li a {
	opacity: 0.5;
	padding: 12px;
}

.social_networks li a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 1500px){
	#twitter-widget-0 {
	}
}

@media screen and (max-width: 1239px){
	
	#twitter-widget-0 {
		float:left;
		width: 40% !important;
		margin: 25px 30% !important;
		box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 0px;
		clear: both;
	}
	
	.body_content.sommaire {
		width: 90%;
		margin-left: 5%;
	}
}

@media screen and (max-width: 1050px){
	.bandeau_content {
		width: 40%;
	}
}

@media screen and (max-width: 980px){
	
	* {
		padding: 0px;
	}
	
	.row > * {
		padding: 0px;
	}
	
	.aside{
		display: none;
		width: 100%;
		max-width: 100%;
		margin-top: -30px;
		margin-bottom: 15px;
	}
	
	#sContent li .sLi_text {
		width: 80%;
	}

	.body_content {
		width: 90%;
		margin-left: 5%;
	}
	
	.body_content .box {
		height: auto;
		width: 100%;
		padding: 0px !important;
		float: left;
		overflow: hidden;
	}
	
	.blogi {
		height: auto;
	}

	.blogi .blogtitle {
		height: 100px;
		width: 100%;
	}
	
	.rub_element {
		margin-right: 10px;
	}
	
	.\36 u, .\36 u\24 {
		padding: 0px;
		margin-left: 0px;
		position : relative;
	}
	
	.box.special {
		padding: 0px !important;
		margin: 0px !important;
		position: static;
	}
	
	.box.special .image.featured {
		margin: 0px !important;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.box.special .image.featured img {
		margin: 0px !important;
	}
	
	.box_content {
		margin-left: 200px;
		width: 100%;
	}
	
	.presentation_detail {
		margin-left: 25px;
	}
	
	.presentation .box_content {
		margin-top: 200px;
		margin-left: 0px;
	}

	.menu_rubriques {
		height: auto;
		position: relative;
		background:inherit;
		border: 0px solid rgb(230,230,230);
	}
	
	.menu_rubriques:empty {
		display: none;
	}
	
	.menu_rubriques a {
		display: block;
		height: 50px;
		width: 100%;
		margin-top: 0px;
		border: 1px solid rgb(230,230,230);
		background: white;
		box-shadow: 3px 0px 0px 0px rgb(237, 46, 64);
	}

	.menu_rubriques a:hover .liste_sous_rubrique {
		box-shadow: none;
	}

	.liste_sous_rubrique {
		float: none;
		height: 100%;
		width:100%;
		overflow: hidden;
		font-size: 9px !important;
		margin: 1px 5px;
		padding: 0px;
		background-size : 30px !important;
		background-position: left 20px center !important;
	}
	
	.liste_sous_rubrique:hover * {
		background: inherit;
	}
	
	.liste_sous_rubrique:hover {
		background-color: rgb(250,250,250) !important;
	}
	
	.liste_sous_rubrique * {
		float: none;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.liste_sous_rubrique .box.special_sous_rubrique {
		overflow: hidden;
		background: url(img/link_after.png) no-repeat;
		background-size: 12px;
		background-position: right 70px center;
		height: 100%;
		margin-top: 40px;	
		position: relative;
	}
	
	.liste_sous_rubrique .box.special_sous_rubrique .box_content {
		float: left;
		height: 40px;
		position: absolute;
		top: 15px;
		margin-left: 70px !important;
		background: none;
		font-size: 9px !important;
	}
	
	.liste_sous_rubrique .box.special_sous_rubrique .box_content h3 {
		font-size: 15px !important;
		text-align: left;
	}
	
	.liste_sous_rubrique .box.special_sous_rubrique .image.featured {
		width: 40px;
		height: 40px;
	}
	
	.liste_sous_rubrique .box.special_sous_rubrique .image.featured img {
		width: auto;
		height: 100%;
		float: left;
		position: absolute;
		top: 0px;
		left: 0px;
	}

}

@media screen and (max-width: 852px) {
	#navButton .toggle:before{
		background: rgba(0, 0, 0, 0.75);
		border-radius: 0px;
	}	
	
	#slideshow {
		margin-top: 0;
	}

	.aside {
		margin-top: 20px !important;
	}

	.fil_arianne {
		height: auto;
		min-height: 35px;
		padding: 5px 1%;
	}

	.article .fil_arianne {
		margin-top: 50px;
	}

	.fil_arianne p.arbo {
		margin:0;
	}
	
	.blogi {
		height: auto;
		width: 100%;
		max-width: 100%;
		margin-right: 0%;
		border: 1px solid rgb(240,240,240);
		position: relative;
	}
	
	.most_popular_articles {
		height: 200px;
		width: 100%;
		background: white;
		border: 1px solid rgb(240,240,240);
		overflow: scroll;
		margin: auto;
		position: relative;
	}

	.most_popular_articles ul {
		width: 500%;
	}

	.most_popular_articles ul li .logo {
		height: 100px;
		width: 100px;
		margin: auto;
		margin-top: 15px;
	}
	
	.most_popular_articles ul li .logo img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}
	
	.most_popular_articles ul li {
		height: 180px;
		width: 150px;
		float: left;
		padding: 0;
		padding-top: 5px;
		list-style: none;
	}
	
	.most_popular_articles ul li:hover {
		border-bottom: 8px rgb(237,46,64) solid;
	}
	
	.most_popular_articles ul li.popular_article h3 {
		font-family: "roboto light" !important;
		font-size: 13px !important;
		color: rgb(100,100,100);
		text-align: center;
		clear: both;
	}

	.\36 u.presentation {
		margin-top: 15px !important;
	}
	.bandeau_infos{
		height: auto;
		padding: 5%;
	}
	
	.bandeau_content {
		width: 100%;
		margin-left: 0;
	}
	
	.bandeau_bulles_infos {
		float: left; 
		height: 200px;
		width: 100%;
		padding: 0px;
		overflow: hidden;
		background: rgba(0,0,0,0.5);
	}
	
	.bandeau_bulles_infos ul {
		left: 50%;		
		transform: translate(-30%, 0);
	}
	
	.infos_detail {
		float: left;
		width: 33%;
	}
	
	.infos_detail p {
		float: left;
		width: 100%;
		font-size: 12px !important;
		text-align: center;		
	}
	
	.infos_detail .picto {
		height: 40px;
		width: 100%;
		clear: right;
		border-right: 0px white solid;
		border-bottom: 1px white solid;
	}
	
	
}

@media screen and (max-width: 736px){
	#main {
		padding: 4em 0;
	}
	.body_content {
		margin: 0;
		margin-left: 5%;
		width: 90%;
	}
	
	.aside {
		margin-top: 20px !important;
		float: none;
	}
	
	#banner {
		margin-bottom: 15px !important;
	}
	
	.\36 u, .\36 u\24 {
		width: 100%;
		height: 200px;
		margin-left: 35px;
		margin-bottom: 10px;
		padding: 0px;
		background-color: rgb(30,30,30);
		overflow: hidden;
	}
	
	.\36 u.presentation {
		margin-top: 15px !important;
	}
	
	.image_presentation_dec {
		background : #fff url(img/icon_presentation.png) no-repeat center;
		background-size: cover;
		
		width: 100% !important;
		height: 200px;
		margin: 0 !important;
	}
	
	.rub_element {
		margin-right: 5px;
	}
		
	.blogi:nth-child(even) {
		border-radius: 0px !important;
	}
		
	#footer {
		margin-top: 25px !important;
	}
	
	.body_content h1.titre_derniers_articles {
		font-size: 26px !important;
		font-weight: bold;
		margin: 10px 0px 0px 15px;
		height: 60px;
		border-bottom: 0px solid rgb(220,220,220);
	}
	
	.body_content.sommaire {
		width: 100%;
		margin-left:0;
	}
	
	.blogi {
		margin: 20px 0;
		width: 100%;
	}
	
	ul.list_news_blog {
		padding-left: 0;
		width: 90%;
		margin: auto;
	}
	
	.bandeau_bulles_infos {
		float: left; 
		height: auto;
		width: 100%;
		padding: 0px;
		overflow: visible;
		background: rgba(0,0,0,0.0);
	}
	
	.bandeau_bulles_infos ul {
		right: 0px;
		left: auto;
		bottom: -40px;
		transform: translate(0%, 0);
	}
	
	.infos_detail {
		float: left;
		height: auto;
		width: 100%;
		background: rgba(0,0,0,0.5);
	}
	
	.infos_detail p {
		float: left;
		width: 100%;
		font-size: 12px !important;
		text-align: center;		
	}
	
	.infos_detail .picto {
		height: 40px;
		width: 100%;
		clear: right;
		border-right: 0px white solid;
		border-bottom: 1px white solid;
	}
	
	.bandeau_content {
		margin-top: 50px;
	}

	.body_content.sommaire ul {
		width: 90%;
		margin: auto;
	}
	
}
	
@media screen and (max-width: 480px){
		
	#banner {
		min-height: 80px !important;
		max-height: 80px !important;
		height: 80px !important;
	}
	
	#banner h1 {
		margin: 0px;
		margin-top: -25px;
		padding: 0px;
		font-size: 30px !important;
	}
		
	#banner h2 {
		margin: 0px;
		padding: 0px;
		font-size: 15px !important;
	}
	
	ul.actions {
		margin: 0; 
	}

	#twitter-widget-0 {
		width: 90% !important;
		margin: 25px 5% !important;
	}
		
	.\36 u, .\36 u\24 {
		height: auto;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.row {
		margin: 0px;
	}
		
	.aside {		
		margin-top: 20px !important;
	}
	
	.body_content {
		margin-left: 20px;
	}
		
	.box.special .image.featured {
		margin: 0px !important;
		position: static;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
		
	.box.special .image.featured img {
		width: 100%;
		height: auto;
		margin-top: -100px !important;
	}
		
	.box_content {
		margin-left: 0px;
		width: 100%;
	}
		
	.presentation .box_content {
		margin-top: 0px;
	}
		
	.box.special li {
		float: right;
		width: 40%;
		border-style: none !important;
		background-color: rgb(237, 46, 64);
		color: white !important;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.box.special li.bouton_contacter { 
		margin-top: 0px;
	}


	.box.special li a {
		font-size: 14px !important;
		color: white !important;
		box-shadow: 0px 0px 0px 0px white !important;
	}
		
	#footer {
		margin-top: 25px;
	}	

	.liste_sous_rubrique .box.special_sous_rubrique {
		background: url(img/link_after.png) no-repeat;
		background-size: 12px;
		background-position: right 30px center;
	}
	
}