.service_ssniveau_cadre {
	position:relative;
	width:100%;
	clear:both;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.service_ssniveau_item {
	position:relative;
	float:left;
	width:48%;
	margin:10px 1%;
	overflow:hidden;
	padding:15px 20px;	
	transition: background-image 0.5s;
}
.service_ssniveau_item:hover {
	background:#333 !important;
	transition: background-image 0.5s;
}
.service_ssniveau_item_content {
	position:relative;
	width:100%;
	margin:0;
	overflow:hidden;
	padding:0 60px 0 0;
	background:url(../img/public/service_ssniveau_fleche.png) center right no-repeat;background-position:99%;
	transition:background-position 0.5s;
}
.service_ssniveau_item:hover .service_ssniveau_item_content {background-position:100%;transition:background-position 0.5s;}
	
	
.service_ssniveau_item_content a {display:table;width:100%;text-decoration:none;color:inherit;}

.service_ssniveau_picto {
	position:relative;
	float:left;
	width:100px;
	margin:10px 0 0 0;
}
.service_ssniveau_picto img {width:100%;}
.service_ssniveau_nom {
	position:relative;
	float:right;
	width:calc(95% - 100px);
	margin:0 0 0 5%;
	color:#FFF;
	padding:0;
}
.service_ssniveau_nom h2 {
	font-size:1.4em;
	height:55px;
	overflow:hidden
}
.service_ssniveau_resume {
	position:relative;
	clear:both;
	float:none;
	width:100%;
	margin:5px 0 0 0;
	transition: color 0.5s;
	padding:0;
	text-align:justify;
	color:#333;
	font-size:1em;
	height:75px;
	overflow:hidden
}
.service_ssniveau_item:hover .service_ssniveau_resume { color:#FFF;transition: color 0.5s;}


/* REALISATION */

div#realisation_title {
    position: relative;
    clear: both;
    margin: 50px auto 20px auto;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

div#realisation {margin:0 auto 50px auto;}

.realisation_cadre {padding:10px; text-align:center;}
#realisation_myslider a {text-decoration:none;color:inherit;}
.realisation_vignette {position:relative;z-index:98;}
.realisation_link {position:relative;z-index:99;background:#FFF;width:150px;display:table;margin:-13px auto 0 auto;text-align:center;padding:10px 20px;font-style:italic;}
.realisation_info {padding:20px 5px;background:#FFF;margin:-10px 0 0 0;}
.realisation_nom {font-weight:bold;font-size:1.1em;margin:0 0 10px 0;}
.realisation_lieu {margin:0;}
.realisation_date {margin:0 0 10px 0;}

.realisation_cadre:hover .realisation_link {background:#333; color:#FFF;}

div#realisation .bx-wrapper {padding:0 75px !important;}

div#realisation .bx-wrapper .bx-prev {
	left: 0;
	width:50px;
	background: url('../img/public/service_slider_prev.png') center right no-repeat;
	opacity: 0.5;
}
div#realisation .bx-wrapper .bx-prev:hover,
div#realisation .bx-wrapper .bx-prev:focus {
	background: url("../img/public/service_slider_prev.png") center right no-repeat;   
  	opacity: 1;
}
div#realisation .bx-wrapper .bx-next {
	right: 0;
	width:50px;
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 0.5;
}
div#realisation .bx-wrapper .bx-next:hover,
div#realisation .bx-wrapper .bx-next:focus {
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 1;
}

/* SEO LOCAL */

div#contenu_top {position:relative; width:100%; padding:40px 0 0 0; background:#F0F2F1;}

h1.contenu_seo_titre {font-size:0.9em; font-weight: normal; margin:0 0 10px 7px;}

.contenu_seo_resume li {
	background:url(../img/public/puce_li_seo.png) no-repeat;
	text-indent: 20px;
	padding: 0 0 5px 0;
	margin:5px 0;
	list-style:none;
	overflow:hidden;
}


div#contenu_top_left {position: relative; float:left; width:calc(100% - 600px); padding:15px;}

div#contenu_top_right {position: relative; float:right; width:600px; padding:15px; background:#FFF;}

.seo_contact_title {margin: 30px auto 10px auto;}
.seo_contact_title p {font-size:1.6em; margin:0 0 10px 0; padding:0; text-align: center;}


.seo_contact_cta {position:relative; overflow: hidden; margin:30px auto;}

.seo_contact_cta_devis {float:left; width:48%;}
.seo_contact_cta_tel {float:right; width:48%;}
.seo_contact_cta_item {margin:0 auto;}
.seo_contact_cta_item a {margin:0 auto; display:table;padding:20px 30px; border-radius:1.8em; font-size:1.2em; font-weight: bold; text-decoration: none;}

.seo_contact_cta_devis .seo_contact_cta_item a {background:#323232; color:#FFF;}
.seo_contact_cta_tel .seo_contact_cta_item a {background:#e1e1e1; color:#333;}

.seo_contact_cta_item_txt {margin:15px auto; text-align: center; font-size:0.9em;}

.seo_contact_txt {text-align:center;}
.seo_contact_txt p {font-size:1.5em; margin:10px auto;}

div#seo_local_cadre {
	position:relative;
	width:100%;
	background:#e1e1e1;
	padding:30px 0;
}
div#seo_local_title {font-size:1.5em; font-weight: bold; margin:0 auto 30px auto;}

.seo_local_departement {margin:20px 0;}

.seo_local_departement_title {font-size:1.1em; font-weight: bold;}

.seo_local_departement_ville {position: relative; overflow: hidden; margin: 20px auto;}

.seo_local_departement_favori {position: relative; float:left; width:600px; margin:0 50px 0 0; overflow: hidden;}

.seo_local_favori_item_cadre {position:relative; float:left; width:calc(33.333333% - 20px);margin:0 20px 18px 0;}

.seo_local_favori_item {position:relative; width:100%; max-width:160px; margin:0 auto; height: 160px; background: #CCC; padding:10px; text-align: center; border-radius:0.5em;}

.seo_local_favori_item a {width:100%; height: 100%; display:table;text-decoration: none; color:#FFF;}

.seo_local_favori_item p {position: absolute; bottom:0; left:0; padding:10px; background: rgba(0,0,0,0.6); width:100%; border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;color:#FFF; font-size:0.9em;}

.seo_local_departement_liste.full_width {position: relative; width:100%; -webkit-columns: 5; -moz-columns: 5; columns: 5;}
.seo_local_departement_liste.no_full_width {position: relative; float:right;width:calc(100% - 650px); -webkit-columns: 3; -moz-columns: 3; columns: 3;}

.seo_local_liste_item {font-size:0.8em; background:url(../img/public/puce_li_seo.png) center left no-repeat;padding:0 0 3px 20px;}
.seo_local_liste_item a { color:inherit; text-decoration: none;}







/* LISTE SERVIES SEO */
div#seo_service {position:relative; margin:0 auto; padding:60px 0; background:#e1e1e1;}

div#seo_service_title {text-align:center; font-size:1.4em; margin:0 auto 20px auto; font-weight:bold;}

div#seo_service .bx-wrapper {padding:0 75px !important;}
.seo_service_cadre {
	margin:0 5px;
	padding:20px 10px 0 10px;
	border-radius:0.2em;
}
.seo_service_cadre a {text-decoration:none;}
.seo_service_vignette {text-align:center;}
.seo_service_vignette img {
	max-height:80px; 
	margin:0 auto;
	margin:0 auto;
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.seo_service_cadre:hover img {	
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}
.seo_service_nom {padding:20px 0;color:#FFF;min-height:80px;font-size:1em;text-transform:uppercase;text-align:center;transition: all 0.5s ease;}
.seo_service_nom p {font-size:1em;}

.seo_service_cadre:hover .index_service_nom {text-shadow: 1px 1px 3px rgba(0,0,0, 0.3); transition: all 0.5s ease;}

div#seo_service .bx-wrapper .bx-prev {
	left: 25px;
	width:50px;
	background: url('../img/public/service_slider_prev.png') center right no-repeat;
	opacity: 0.5;
}
div#seo_service .bx-wrapper .bx-prev:hover,
div#seo_service .bx-wrapper .bx-prev:focus {
	background: url("../img/public/service_slider_prev.png") center right no-repeat;   
  	opacity: 1;
}
div#seo_service .bx-wrapper .bx-next {
	right: 25px;
	width:50px;
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 0.5;
}
div#seo_service .bx-wrapper .bx-next:hover,
div#seo_service .bx-wrapper .bx-next:focus {
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 1;
}









@media screen and (max-width : 1350px) {
	.service_ssniveau_resume {height:95px;}
}
@media screen and (max-width : 1200px) {
	
	div#contenu_top_left {width:calc(100% - 400px);}
	div#contenu_top_right {width:400px;}
	.seo_contact_title {margin: 10px auto}
	.seo_contact_title p, .seo_contact_txt p {font-size: 1.2em;}
	.seo_contact_cta {margin: 20px auto 10px auto;}
	.seo_contact_cta_devis, .seo_contact_cta_tel {float: none; width: 98%;}
	.seo_contact_cta_item a {font-size: 1em;}
	
	.service_ssniveau_resume {font-size:0.95em;}
	
	.seo_local_departement_favori {width:100%; float:none; margin:0 auto 20px auto;}
	.seo_local_departement_liste {width:100% !important; float:none; margin:0 auto 20px auto;}
	.seo_local_departement_liste.no_full_width { -webkit-columns: 5; -moz-columns: 5; columns: 5;}
	
	.seo_local_favori_item_cadre {position:relative; float:left; width:16.666666%; margin:0 auto 18px auto; padding:0 10px;}
	
}
@media screen and (max-width : 1150px) {
	.service_ssniveau_nom h2 {font-size:1.2em;}
	.service_ssniveau_resume {height:125px;}
}
@media screen and (max-width : 959px) {
	.service_ssniveau_item {float:none;width:98%;}
	
	.service_ssniveau_picto {margin:0;}
	.service_ssniveau_nom {margin:10px 0 0 0;}
	.service_ssniveau_nom h2 {font-size:1.4em;height:auto;overflow:auto;}
	.service_ssniveau_resume {height:auto;overflow:auto;}
	/*.service_ssniveau_nom {width:calc(90% - 75px);font-size:1.2em;}*/
	
	
	.seo_local_departement_liste.full_width, .seo_local_departement_liste.no_full_width { -webkit-columns: 4; -moz-columns: 4; columns: 4;}
	.seo_local_favori_item_cadre {width:25%;}
	
}
@media screen and (max-width : 800px) {
	div#contenu_top_left, div#contenu_top_right {width:100%; float:none;}
}
@media screen and (max-width : 650px) {
	
	div#contenu_top {padding:20px 0;}
	
	.seo_local_departement_liste.full_width, .seo_local_departement_liste.no_full_width { -webkit-columns: 3; -moz-columns: 3; columns: 3;}
	.seo_local_favori_item_cadre {width:33.333333%;}
}
@media screen and (max-width : 550px) {
	.service_ssniveau_item_content {padding:0 40px 0 0;background-size:25px;}
	.service_ssniveau_picto {float:none;margin:0 auto 5px auto;}
	.service_ssniveau_nom {float:none;width:98%;margin:0 auto;text-align:center;}
	.service_ssniveau_nom h2 {font-size:1.2em;}
	
	/*.service_ssniveau_nom {width:calc(90% - 50px);font-size:1.1em;padding: 0;}*/
}
@media screen and (max-width : 500px) {
	.seo_local_departement_liste.full_width, .seo_local_departement_liste.no_full_width { -webkit-columns: 2; -moz-columns: 2; columns: 2;}
	.seo_local_favori_item_cadre {width:50%;}
	
	div#seo_service .bx-wrapper .bx-prev { left:0;}
	div#seo_service .bx-wrapper .bx-next { right:0;}
	div#seo_service .bx-wrapper .bx-prev, div#seo_service .bx-wrapper .bx-next {width:30px;}
	div#seo_service .bx-wrapper {padding: 0 30px !important;}
	.seo_service_cadre {padding: 10px 3px 0 3px;}
	.seo_service_nom {padding: 10px 0; min-height:55px;}
	.seo_service_nom p {font-size:0.8em;}
	
}