@media (max-width : 1400px) {

	/*-----------------------------------------------------------
			GENERAL
	------------------------------------------------------------*/
	body#ContainerFullWidth h1{max-width:1150px;}
	.container {width: 1130px;}
	/*.global-container {
    width: 1100px;}
    .cc_content .container, #home .container{width: 100%;}*/
	/*-------------------------------------------------------------
			MENU
	-------------------------------------------------------------*/
	#main-menu ul{padding-left: 0;}
	nav#main-menu ul li a{padding: 10px 9px 20px; font-size: 1.3em;}
	nav#main-menu ul li:last-child a {padding: 10px 0 10px 10px;}
	.smaller header{border-radius: 0 0 50% 0;}

	
	/*---------------------------------------------------------------
			MENU BTN
	---------------------------------------------------------------*/
	.btn-effet{font-size: 1.4em;}
	.btn-small{padding: 19px 0px 19px 74px; }
	section.call-to-action.section-med{padding-top: 80px; padding-bottom: 40px;} 
	.timeline section.call-to-action.grey-bg, .call-to-action-formation {padding-top: 40px !important;}
	/*-------------------------------------------------------------
			ONGLETS
	--------------------------------------------------------------*/
	h3.toggler{font: 700 18px/29px 'Arial', sans-serif;}
	/*--------------------------------------------------------------
			SLIDER PRINCIPAL
	--------------------------------------------------------------*/
	
	/*--------------------------------------------------------------
			SLIDER
	--------------------------------------------------------------*/
	section#slider-design-h .sp-layer{width: 50%;}
	/*-----------------------------------------------------------
			IMG FORMATION
	------------------------------------------------------------*/
	.img-fiche-formation{width: 100%;}
	/*-----------------------------------------------------------
			MIC
	------------------------------------------------------------*/
	section#icone-home-head .pad-icon {padding: 90px 20px 0 0;}
	/*--------------- TYPE 3 ---------------*/
	.timeline .type_3 .block_article .cc_content .cc_title h3{font-size: 2.3em}
	/*--------------- TYPE 11 ---------------*/
	.homepage .type_11 {
		overflow: hidden; }
	.homepage .type_11 .block_article {
		float: left;
		margin: 0;
		padding: 0 15px;
		width: 33%;
		min-height: initial; }
	.homepage .type_11 .block_article .cc_title {
		padding: 0; }
	.homepage .type_11 .block_article .cc_title h3 {
		font-size: 1.5em;
	}
	
	/*--------------- TYPE 12 ---------------*/

	.type_12 .block_article{
		min-height: 540px; }
	.two-product .type_12 .block_article{
		min-height: 540px; }
	/*en savoir plus*/
	.cat-apropos .type_12 .block_article{
		min-height: 490px; }

}




/* Large Devices, Wide Screens */
@media (max-width : 1200px) {


/*-----------------------------------------------------------
		GENERAL
------------------------------------------------------------*/
.container {
    width: 940px;
}
body#ContainerFullWidth main#content .global-container {padding: 0 !important;}
h1 {font: 900 29px/40px 'Arial', sans-serif;}
body#ContainerFullWidth h1 {max-width: 910px;}
.content_articles{max-width: 930px;}

.slider-text{top: 16%;}
.slider-text-bg{margin-top:3%;}
/*-----------------------------------------------------------
		HEADER + SLIDER
-------------------------------------------------------------*/
a.logo{max-width:160px;}
.slider-text h1 {font-size: 3.1em; padding: 45px 70px; width: 620px;margin: 20px auto -10px !important;}
.slider-text-bg{width: 610px; margin: 6% 8% 0 10%;}
/*LOGO*/
a.logo {
    top: -10px;
}
/*-------------------------------------------------------------
		MENU
-------------------------------------------------------------*/
/*#contact #navbar-header .container{width: 1170px;}*/
#main-menu ul{padding-left: 0;}
nav#main-menu ul li a{padding: 10px 9px 10px; font-size: 1.1em;}
nav#main-menu ul li:last-child a {padding: 10px 0 10px 6px;}
nav#main-menu ul li:first-child a {padding: 10px 6px 10px 0px;}
.smaller header{border-radius: 0 0 29% 0; height: 128px;}
section#icone-home-head .pad-icon {padding:80px 20px 0 0;}
nav#main-menu ul li ul.level_1 li a{font-size: 1.1em;}

/*---------------------------------------------------------------
		MENU BTN
---------------------------------------------------------------*/
.btn-effet{font-size: 1.4em;}
.btn-effet-large-icone span {
	margin-left: 0px; 
	display: inline-block;
	max-width: 160px;
}

.btn-small{padding: 19px 10px 19px 74px; }
.btn-small span{display: inline-block; margin-top: -10px;}
.btn-effet-large{text-align: center; padding: 9px 32px 9px 88px;}

.btn-effet-perfect{padding: 9px 17px 9px 80px;}
.btn-effet-perfect svg{left: 14px;}
.btn-effet-large-one.btn-effet-perfect svg {
	top: 33%;
	left: 28px;
}

.btn-effet-large:before, .btn-effet-large:hover:before{height: 175px;}
/* ------------------------------------------------------------
		COMPTEUR
------------------------------------------------------------ */
#counter-zone .wouaw-bottom-bloc{padding-bottom: 25px;}
#counter-zone .wouaw-bottom-bloc:nth-child(3n+1){clear: both;}
section#counter-zone p {
    font: 400 18px/24px 'Arial', sans-serif;
    margin-top: 0;
}

/* ------------------------------------------------------------
		PAGE
------------------------------------------------------------ */

.page{
	margin:0 0 0 0;
}

/* ------------------------------------------------------------
		SLIDER TOP
------------------------------------------------------------ */

body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides .sp-slide{
	height:60vh !important;
}
body.homepage section#slider-top, body.homepage section#slider-top .module_slider, body.homepage section#slider-top .slider-container, body.homepage section#slider-top .slider-pro, body.homepage section#slider-top .sp-slides-container, body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides, body.homepage section#slider-top .sp-slide{min-height: 90vh;}
section#slider-top .sp-video video{max-height: 90vh;}
/* ------------------------------------------------------------
		SLIDER DESIGNEE
------------------------------------------------------------ */
section#slider-design-h .sp-layer {width: 60%;}
section#slider-design-h .sp-layer .btn {
    padding: 14px 15px;
    font: 700 10px/16px 'Arial', sans-serif;
    margin: 12px 1% 0;
}
/*Verticale*/
.slider-design-v .sp-slide .sp-layer{padding: 0 10px 40px;}
/*-----------------------------------------------------------
		IMG FORMATION
------------------------------------------------------------*/
.img-fiche-formation{width: 100%;}

/* ------------------------------------------------------------
		GMAP FOOTER
------------------------------------------------------------ */

section#gmap-footer{
	height:auto;
}

section#gmap-footer .googlemap{
	height:70vh;
}

/* ------------------------------------------------------------
		FOOTER
------------------------------------------------------------ */

footer{
	height:auto;
	position: relative;
}

/* ------------------------------------------------------------
		BTN
------------------------------------------------------------ */

.btn{
    font:700 16px/24px 'Arial', sans-serif;
}

.btn-effet-large:before, .btn-effet-large:hover:before{height: 175px;}
/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */
/* ---------- Accueil ---------- */
.homepage .type_11 .block_article{min-height: 400px;}
.homepage .type_11 .block_article .cc_title { padding: 0 40px;}

/* ---------- TYPE 1 ---------- */

.type_1 .block_article .cc_content .cc_title h3 {
    font: 700 16px/24px 'Arial', sans-serif;
    width: 100%;
}

.type_1 .block_article .cc_content .cc_excerpt p {
    font: 400 12px/20px 'Arial', sans-serif;
}

.type_1 .block_article .cc_content .cc_read_more a {
    font: 700 9px/15px 'Arial', sans-serif;
    padding: 10px 8px;
    margin:10px 2px;
}

.type_1 .block_article .cc_content .cc_read_more a:after {
    display:none;
}

.timeline .type_1 .block_article .cc_vignette img, .timeline .type_1 .block_article .cc_video{
	max-width: 170px;
	border-radius: 60% 90% 65% 94%;
}
.timeline .type_1 .block_article .cc_video iframe, .timeline .type_1 .block_article .cc_video{max-height: 170px !important;}
.timeline .type_1 .block_article .cc_vignette{
	padding: 20px 0px 0px 10px;
	border-radius: 95% 82% 84% 93%;
}
.timeline .type_1 .block_article.altered .cc_content .cc_title{padding: 5px 0 0px 20px;}
.timeline .type_1 .block_article .cc_content .cc_excerpt p{margin: 0 0 20px !important;}

.liste-display .type_1 .block_article .cc_vignette {max-width: 40%;}
.liste-display .type_1 .block_article .cc_title{max-width: 45%; float: left;}
.liste-display .type_1 .block_article .cc_excerpt{max-width: 45%; float: left;}

.liste-display .type_1 .block_article.altered .cc_vignette {max-width: 40%;}
.liste-display .type_1 .block_article.altered .cc_title{max-width: 45%;}
.liste-display .type_1 .block_article.altered .cc_excerpt{max-width: 45%;}



/* ---------- TYPE 3 ---------- */
.timeline .type_3 .block_article .cc_content .cc_title h3 {font-size: 2em;}
/* ---------- TYPE 11 ---------- */
.type_11 .block_article{min-height: 425px;}
.type_11 .block_article:hover .cc_content .cc_title h3{color:#fff;margin-top: -400px;}


/* ---------- TYPE 12 ---------- */
.type_12 .block_article{min-height: 440px;}
.page-services-ligne .type_12 .block_article,
.cat-apropos .type_12 .block_article{min-height: 460px;}

.type_12 .block_article .cc_content .cc_title{padding: 20px 18px 0;}
.type_12 .block_article .cc_content .cc_title h3{font-size: 1.5em;}

.type_11 .block_article .cc_content .cc_caracteristique.attr_etat, 
.type_11 .block_article .cc_content .cc_caracteristique.attr_state, 
.type_11 .block_article .cc_content .cc_caracteristique.attr_staat
.type_12 .block_article .cc_content .cc_caracteristique.attr_etat, 
.type_12 .block_article .cc_content .cc_caracteristique.attr_state, 
.type_12 .block_article .cc_content .cc_caracteristique.attr_staat {
    top: 20px;}

.two-product .block_article .cc_content .cc_title {padding: 20px 52px 0;}
.two-product .block_article .cc_content .cc_title h3 {font-size: 1.5em;}
.two-product .block_article:hover .cc_content .cc_title h3 {margin-top: -220px;}
.two-product ul.type_12{max-width: 600px;}
.two-product .type_12 .block_article { min-height: 450px; min-height: initial;}

.vgn-two-tree .type_12 .block_article {min-height: 485px;}
.vgn-two-tree .type_12 .block_article:hover .cc_content .cc_title h3{margin-top: -420px;}

.vgn-services .block_article, 
.vgn-clients .block_article {min-height: 440px;}


}
/* Medium Devices, Desktops */
@media (max-width : 992px) {

/* ------------------------------------------------------------
		BALISE PRINCIPALE
------------------------------------------------------------ */
body{padding:0;}
.content_articles{max-width: 710px;}
/* ------------------------------------------------------------
		GENERAL
------------------------------------------------------------ */
h1 {font: 900 26px/34px 'Arial', sans-serif;}
h1 span.contentTitleh1span {font: 300 23px/33px 'Arial', sans-serif;}
body#ContainerFullWidth h1 {max-width: 90%;}
.container .row h1{max-width: 100% !important;}
/* ------------------------------------------------------------
		HEADER
------------------------------------------------------------ */

header{
	height:auto;
	position:relative;
}
.smaller header{height: auto;}
/* ------------------------------------------------------------
		TOPBAR
------------------------------------------------------------ */

header #topbar .header-tools{
	margin: 0;
}
header #topbar {
    padding: 0;
    font-size: 12px;
    border-bottom: 1px solid #efefef;
}
#navbar-header {
    padding: 10px 0;
    text-align: right;
    height: 60px;
}
header #topbar .mobile-display-none, header #topbar #mobile-display-none{display: none;}
a.logo {max-width: 120px; top: 0;}
.smaller .logo-bloc a.logo {
    max-width: 120px;
}
/* ------------------------------------------------------------
		NAVBAR HEADER
------------------------------------------------------------ */

#navbar-header .container{
	position:relative;
}

#navbar-header .container .logo-bloc{
	z-index:100;
}

#navbar-header .container .nav-bloc{
	width:100%;
	float:none;
	position:absolute;
	right:0;
	top:20px;
	transform:translate(0, -50%);
}

#navbar-header a.btn-mobile{
	display:inline-block !important;
	width:38px;
	height:38px;
	line-height:38px;
	font-size:16px;
	border-radius:100%;
	text-align:center;
	border:2px solid #314047;
	color:#314047;
	margin:0 5px;
}

#navbar-header a.btn-phone{
	display:inline-block !important;
	width:38px;
	height:38px;
	line-height:38px;
	font-size:16px;
	border-radius:100%;
	text-align:center;
	border:2px solid #0c4c8e;
	background:#0c4c8e;
	color:#fff;
	margin:0 5px;
}
header #topbar .header-tools a.phone-header{margin-left: 15px;}
/* ------------------------------------------------------------
		MAIN MENU
------------------------------------------------------------ */

nav#main-menu {
	display:none;
	margin:11px 0 0 0;
	position: absolute;
	left: 0;
	width: 100%;
	background: #f2f2f2;
	z-index:1000;
	/*box-shadow: 0 3px 14px rgba(0,0,0,0.10);*/
}

nav#main-menu ul {
	padding: 8px 0;
	margin: 0;
}

nav#main-menu ul li {
	width:100%;
	list-style:none;
	padding: 0;
}

nav#main-menu ul li ul {
	display:none;
}

nav#main-menu ul li.separator {
	display:none;
}

nav#main-menu ul li a {
	padding: 10px; 
	display:block;
	text-align: center;
}

nav#main-menu ul li:last-child a{
	padding: 10px;
}
nav#main-menu ul li ul.level_1{display: none !important;}
/* ------------------------------------------------------------
		SLIDER TOP
------------------------------------------------------------ */

body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides .sp-slide{
	height:60vh !important;
}
section#slider-top .sp-video video{max-height: 65vh;}

section#slider-top .container .slider-text{
	
}

.slider-text{top: 14%;}
.slider-text h1{width: 530px;font-size: 2.4em; max-width: 100% !important;padding: 25px 50px 25px 20px;}
.slider-text h1 span{font-size: 0.5em;}
.slider-text-bg {width: 410px;margin: 2% 8% 0 10%;}

body.homepage section#slider-top, body.homepage section#slider-top .module_slider, body.homepage section#slider-top .slider-container, body.homepage section#slider-top .slider-pro, body.homepage section#slider-top .sp-slides-container, body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides, body.homepage section#slider-top .sp-slide {
    min-height: 50vh;
}


.glutton-maps .module_openstreetmap {
	height: 320px !important;
}

/* ------------------------------------------------------------
		ICON HOME
------------------------------------------------------------ */
section#icone-home-head .pad-icon{
	padding:0;
	margin-bottom: 32px;
	text-align:center;
}

section#icone-home-head .pad-icon p:first-child:before{
	display:none;
}
/* ------------------------------------------------------------
		BTN
------------------------------------------------------------ */
.btn-small{padding: 19px 20px 19px 74px; margin-bottom: 24px;}
.btn-small span{margin-top: 12px; max-width: 220px;}
/*.btn-small span{margin-top: 13px; max-width: 191px;}*/
.btn-small:before{top: 18px; width: 78px; height: 78px;}
.btn-small i{top:40px;}
.btn-small svg{top:42px;}

.btn-effet-large {
	font-size: 1.3em;
	margin-bottom: 24px;
	min-height: 65px;
}
.btn-effet-large-icone span{max-width: 198px;}
.btn-effet-large:before {height: 140px;}
.btn-effet-large:hover:before {height: 140px;}
.btn-general .btn-effet-large svg{top:20px;}

.btn-effet-large svg{top:8px;}

.both a#form, .both a#formsav{height: 0 !important;}

.btn-effet-large-full span {
    max-width: 200px;
}
/* ------------------------------------------------------------
		GMAP FOOTER
------------------------------------------------------------ */

section#gmap-footer{
	height:auto;
}

/* ------------------------------------------------------------
		DEFAULT CONTENT
------------------------------------------------------------ */

section#default-content .ui-accordion{
	margin:0;
	padding:40px;
}
/* ------------------------------------------------------------
		SLIDER DESIGNEE
------------------------------------------------------------ */

section#slider-design-h .sp-layer, #cat_notre-actualite section#slider-design-h .sp-layer {
	padding: 20px 50px 20px 0px;
	width: 100%;
	max-width: 480px;
}
#cat_notre-actualite section#slider-design-h .sp-layer > * {
    max-width: 365px !important;
}
section#slider-design-h .sp-layer:before {
  left: -90px;
  width: 90px;
}

section#slider-design-h .sp-layer h3 {
	font:700 16px/20px 'Arial', sans-serif;
	margin:0 0 10px 0;
}

section#slider-design-h .sp-layer ul {
	padding:0;
}

section#slider-design-h .sp-layer ul li,
section#slider-design-h .sp-layer ul li, 
section#slider-design-h .sp-layer p, 
.formation-bg ul li, .slider-design-v .sp-slide .sp-layer p {
	font:300 15px/20px 'Arial', sans-serif;
}

section#slider-design-h .sp-layer a.btn{
	font: 700 18px/20px 'Arial', sans-serif;
	padding: 13px 16px;
	margin: 2px 0 0;
}
section#slider-design-h .sp-layer a.btn-effet-large{padding: 14px 32px 14px 32px;}
section#slider-design-h .sp-layer #macaron-action-speciale{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:20px;
	border-radius: 0;
	transform: none;
	margin:20px 0;
	background:none;
	border:2px solid #0c4c8e;
}

section#slider-design-h .sp-layer #macaron-action-speciale .center-content{
	top: 0;
    transform:none;
}

section#slider-design-h .sp-layer #macaron-action-speciale .center-content span{
	display:inline;
}
/* ------------------------------------------------------------
		GALERIES
------------------------------------------------------------ */
	.container .module_slider, 
	.container .slider-container, 
	.container .slider-pro, 
	.container .sp-slides-container, 
	.container .sp-mask, 
	.container .sp-slides, 
	.container .sp-slide {max-height: 380px !important;}
/* ------------------------------------------------------------
		MISC
------------------------------------------------------------ */

.txt-large{
	font:400 18px/26px 'Arial', sans-serif;
}

/* ------------------------------------------------------------
		BOOTSTRAP CHEATS
------------------------------------------------------------ */
.container {width: 90%; /*OK*/}
#navbar-header .container {width: 100%; /*OK*/}
/*------------------------------------------------------------
		COMPTEUR
--------------------------------------------------------------*/
#counter-zone .wouaw-bottom-bloc:nth-child(3n+1) {clear: none;}
#counter-zone .wouaw-bottom-bloc:nth-child(2n+1) {clear: both;}
section#counter-zone span{font-size: 3em;}
/*------------------------------------------------------------
		MAPS
--------------------------------------------------------------*/
.glutton-maps{padding: 0;}
/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */




.block_article .cc_content .cc_title h3{font-size: 1.4em;}
/* ---------- TYPE 1 ---------- */
	/*.type_1 .block_article.altered, .type_1 .block_article{padding: 15px;}*/
	.liste-display .type_1 .block_article .cc_vignette{max-width: 100%;}
	.liste-display .type_1 .cc_title{float: left; width: 100%;}
	.type_1 .block_article .cc_content .cc_title h3 a:before {left: 0px;}

	/*Actu*/
	.liste-display .type_1 .block_article, .type_1 .block_article.altered{padding: 20px;}
	.liste-display .type_1 .block_article .cc_vignette a img{max-width: max-width: 80%;width: 100%; margin: 20px auto; }
	.liste-display .type_1 .block_article .cc_title,
	.liste-display .type_1 .block_article .cc_vignette,
	.liste-display .type_1 .block_article .cc_title,
	.liste-display .type_1 .block_article .cc_excerpt,
	.liste-display .type_1 .block_article.altered .cc_vignette,
	.liste-display .type_1 .block_article.altered .cc_title,
	.liste-display .type_1 .block_article.altered .cc_excerpt{max-width: 100%; }

	.type_1 .block_article .cc_content .cc_excerpt{width: 100%;}
	/*Equipement*/
	.liste-display-tree .type_1 .block_article{
		width: 30%;
		margin: 0 1% 20px;}
	.liste-display-tree .content_articles {
    	max-width: 95%;}
    .liste-display-tree .type_1 .block_article:nth-child(4n+1){clear:none; float: left;}
    .liste-display-tree .type_1 .block_article:nth-child(3n+1){clear:both; float: left;}


    /*HISTOIRE*/
    .timeline .type_1 .block_article .cc_vignette, .timeline .type_1 .block_article .cc_video {
    	max-width: 110px;
		}
    .timeline .type_1 .block_article .cc_content .cc_title h3{font-size: 1.8em;}
    .timeline .type_1 .block_article.altered .cc_content .cc_title, 
    .timeline .type_1 .block_article.altered .cc_content .cc_excerpt,
    .timeline .type_1 .block_article .cc_content .cc_title,
    .timeline .type_1 .block_article .cc_content .cc_excerpt{
    	width: 174px;}
/* ---------- TYPE 5 ---------- */

.type_5 .block_article:hover .cc_vignette a:after{display:none;}

.type_5 .block_article .cc_content .cc_title, .type_5 .block_article .cc_content .cc_excerpt, .type_5 .block_article .cc_content .cc_read_more{
	padding: 0 25px;
}

.type_5 .block_article .cc_content .cc_title h3{
	font: 700 16px/24px 'Arial', sans-serif;
}

/* ---------- TYPE 8 ---------- */

.type_8 .block_article:hover .cc_vignette a:after{display:none;}

.type_8 .block_article .cc_content .cc_title, .type_8 .block_article .cc_content .cc_excerpt, .type_8 .block_article .cc_content .cc_read_more{
	padding: 0 25px;
}

.type_8 .block_article .cc_content .cc_title h3{
	font: 700 16px/24px 'Arial', sans-serif;
}

/* ---------- TYPE 11 ---------- */
.type_11 .block_article:hover .cc_vignette img{opacity: 1;}
.type_11 .block_article:hover .cc_vignette a:after{display:none;}
.type_11 .block_article .cc_content .cc_title, .type_11 .block_article .cc_content .cc_excerpt, .type_11 .block_article .cc_content .cc_read_more{
	padding: 0 25px;
}

/* ---------- TYPE 12 ---------- */

.type_12 .block_article:hover .cc_vignette a:after{display:none;}
.type_12 .block_article .cc_content .cc_title, .type_12 .block_article .cc_content .cc_excerpt, .type_12 .block_article .cc_content .cc_read_more{
	padding: 10px 11px 0;
}

.type_12 .block_article:hover .cc_content .cc_title h3{margin-top: 0px;}
.type_12 .block_article:hover .cc_content .cc_title h3 a{color:#0c4c8e; }
.type_12 .block_article {min-height: 420px;}
.type_12 .block_article:not(.not_clickable):hover .cc_content .cc_title h3{color:#fff;margin-top: -330px;}

.page-services-ligne .type_12 .block_article {min-height: 410px;}
.vgn-two-tree .type_12 .block_article,
.cat-apropos .type_12 .block_article {min-height: 395px;}

.type_12 .block_article .cc_content .cc_caracteristique.attr_etat, .type_12 .block_article .cc_content .cc_caracteristique.attr_state, .type_12 .block_article .cc_content .cc_caracteristique.attr_staat{top:0;}

.vgn-services .block_article{width: 46%; margin: 40px 1% 0 1%;}
.vgn-services .type_12 .block_article:nth-child(4){float: left;}
.vgn-services .type_12 .block_article {
    min-height: 480px;
}
.vgn-services .type_12 .block_article:nth-child(4){float: left;}
.vgn-services .type_12 .block_article:nth-child(3n+1) {clear: none; float: left;}
.vgn-services .type_12 .block_article:nth-child(3n) {clear: both; float: left;}
/* ---------- Accueil ---------- */
.homepage .type_11 .block_article:hover .cc_content .cc_title h3 a,.block_article:hover .cc_content .cc_title h3 a{ color: #0c4c8e;}
.homepage .type_11 .block_article:hover .cc_content .cc_title h3{margin-top: 0px; padding-top: 38px; }

.homepage .type_11 .block_article{width: 50%;min-height: 470px;}
.homepage .type_11 .block_article:last-child {float: left; clear: both;width: 100%; max-width: 100%;}
.homepage .type_11 .block_article:last-child article{width: 50%; text-align: center; margin: 0 auto;}
.homepage .type_11 .block_article .cc_title { padding: 0 40px;}
/* ------------------------------------------------------------
		IMAGES
------------------------------------------------------------ */
.img-content-right{max-width: 58% !important;margin: 0 0 14px 18px !important; }
.img-content-right img{height: auto !important;}
.img-content-left{max-width: 40% !important;margin: 0 14px 18px 0 !important;}
.img-content-right img, .img-content-left img{width: 100% !important;}



}




/* Small Devices, Tablets */
 @media (max-width : 767px) {

 	html {
		font-size: 14px; }

	section#slider-top, 
	section#slider-top .module_slider, 
	section#slider-top .slider-container, 
	section#slider-top .slider-pro, 
	section#slider-top .sp-slides-container, 
	section#slider-top .sp-mask, 
	section#slider-top .sp-slides, 
	section#slider-top .sp-slide {min-height: 220px;}
	section#slider-top{height: 220px;}
	/* ------------------------------------------------------------
			GENERAL
	------------------------------------------------------------ */
	h1{width: 90%; font: 900 22px/34px 'Arial', sans-serif; }
	h2 {font: 400 20px/28px 'Arial', sans-serif;}
	h3 {font: 400 18px/23px 'Arial', sans-serif;}
	body#ContainerFullWidth h1 {margin: 0px auto 0px;}
	.container .row h1{margin: 0px auto 20px !important;}
	h1 span.contentTitleh1span {font: 300 19px/26px 'Arial', sans-serif;}
	.txt-large {font: 400 16px/23px 'Arial', sans-serif;}
	.formation-bg h3{font-size: 1.4em; line-height: 25px;}

	#breadcrumbs{padding: 0 0 10px;}

	/* ------------------------------------------------------------
			TOPBAR
	------------------------------------------------------------ */

	header #topbar .header-coord, header #topbar .header-tools {
	    text-align: center;
	    font-size:11px;
	}

	 header #topbar .header-coord a{
	 	margin:0 3px;
	 }

	 header #topbar .header-tools{
		margin:0;
	}

	#scrollto{
		bottom: 5%;
	}
	/* ------------------------------------------------------------
			SLIDER TOP
	------------------------------------------------------------ */

	section#slider-top .container{
		width:100%;
	}

	section#slider-top .container .slider-text h1{
		font:900 30px/30px 'Arial', sans-serif;
	}
	.btn-effet-large svg{top:0px;}
	.slider-text{top: 14%;}
	.slider-text h1{
		width: 350px;
		font-size: 1.8em;
		padding: 25px 40px 41px 25px;}

	.slider-text-bg {width: 340px;margin: 2% 4% 0 10%;}
	.slider-text h1{border-radius: 100px 30% 130px 40%;}
	body.homepage section#slider-top, body.homepage section#slider-top .module_slider, body.homepage section#slider-top .slider-container, body.homepage section#slider-top .slider-pro, body.homepage section#slider-top .sp-slides-container, body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides, body.homepage section#slider-top .sp-slide {
			min-height: 50vh;
	}

	/* ------------------------------------------------------------
			ACTION SPECIALE
	------------------------------------------------------------ */

	section#action-speciale{
		padding:0;
	}
	/* ------------------------------------------------------------
			GALERIES
	------------------------------------------------------------ */
	.container .module_slider, 
	.container .slider-container, 
	.container .slider-pro, 
	.container .sp-slides-container, 
	.container .sp-mask, 
	.container .sp-slides, 
	.container .sp-slide {max-height: 320px !important;}
	/* ------------------------------------------------------------
			ICON HOME
	------------------------------------------------------------ */

	section#icone-home-head{
		margin-top:20px;
	}

	section#icone-home-head .content_articles{
		text-align: center;
	}


	/* ------------------------------------------------------------
			ICON HOME FULL
	------------------------------------------------------------ */

	section#icone-home-full{
		margin:0 -15px;
	}

	/* ------------------------------------------------------------
			DEFAULT CONTENT
	------------------------------------------------------------ */

	section#default-content .ui-accordion {
	    padding: 10px;
	}

	/* ------------------------------------------------------------
			PAGE CONTACT
	------------------------------------------------------------ */

	main#content .coord-contact-page .bloc-contact-info{
		padding:20px 0;
		width:100%;
		margin: 0px auto;
	}
	/*------------------------------------------------------------
		COMPTEUR
	--------------------------------------------------------------*/
	section#counter-zone span{font-size: 2.2em;}
	section#counter-zone p{font: 400 16px/24px 'Arial', sans-serif;}
	/* ------------------------------------------------------------
			SLIDER DESIGNEE
	------------------------------------------------------------ */

	.center-content {
	    margin:0 auto;
	}

	section#slider-design-h .sp-layer, #cat_notre-actualite section#slider-design-h .sp-layer  {
		max-width:100%;
	}

	section#slider-design-h .sp-black {
		background: rgba(12, 76, 142,0.8);
	}
	section#slider-design-h .banner-more-content .sp-layer {
		width: 100%;
	}
	section#slider-design-h .sp-layer a.btn{
		width:100%;
		text-align:center;
	}
	section#slider-design-h .sp-layer:before {
			display: none;
	}
	section#slider-design-h .sp-layer > *{left: 0; padding: 0 20px;}
	section#slider-design-h .sp-layer, #cat_notre-actualite section#slider-design-h .sp-layer {padding: 20px 0px 20px 0px;}
	/* ------------------------------------------------------------
			BTN
	------------------------------------------------------------ */
	.btn-effet-large-icone span{max-width: 340px;}
	.btn-general .btn-effet-large svg {top: 0;}
	.btn-small{font-size: 1.3em;}
	.btn-small:before {
    top: 0;
    width: 68px;
    height: 68px;
	}
	.btn-small i {top: 23px;}
	.btn-small svg {top: 16px;}
	.btn-small span{max-width: 290px; margin: 0 auto; display: block;}

	.call-to-action-formation .btn-effet-large{margin: 15px 0 !important;}

	.both a#form, .both a#formsav{height: 0 !important;}
	/* ------------------------------------------------------------
			SHARETHIS
	------------------------------------------------------------ */

	#sharethis{
		width:300px;
		height:80px;
		position: relative;
		top:auto; right: auto;
		padding:10px; margin:0 auto;
		overflow:hidden !important;
	}

	#sharethis a.stbar {
		float:left;
		margin:15px 20px;
		padding:0;
		right:0;
		width:30px;
		height:30px;
		line-height:30px;
		text-align:center;
	}

	/* ------------------------------------------------------------
			MIC
	------------------------------------------------------------ */
	.content_articles {max-width: 352px;}

	/*CARACTERISTIQUES*/
	.type_11 .block_article .cc_content .cc_caracteristique.attr_etat, 
	.type_11 .block_article .cc_content .cc_caracteristique.attr_state, 
	.type_11 .block_article .cc_content .cc_caracteristique.attr_staat,
	.type_12 .block_article .cc_content .cc_caracteristique.attr_etat, 
	.type_12 .block_article .cc_content .cc_caracteristique.attr_state,
	 .type_12 .block_article .cc_content .cc_caracteristique.attr_staat{
		top: 15px;
		font-size: 12px;
		line-height: 16px;
		padding: 8px;}
	
	/* ---------- TYPE 11 ---------- */
	.homepage .type_11 .block_article {
	    min-height: 260px;
	    max-width: 200px;
	}
	.homepage .type_11 .block_article:hover .cc_content .cc_title h3 {margin-top: 0px; padding-top: 0px; }
	.homepage .type_11 .block_article .cc_vignette {
		position: relative;
    	border: 1px solid #0c4c8e;
    	padding: 10px 0px 9px 6px;
    	border-radius: 65% 52% 64% 53%;}
    .homepage .type_11 .block_article .cc_title { padding: 0 0px;}
    .block_article:hover .cc_content .cc_title h3 {margin-top: 0px; padding-top: 0px; }

	.block_article .cc_vignette {
		position: relative;
    	border: 1px solid #0c4c8e;
    	padding: 10px 0px 9px 6px;
    	border-radius: 65% 52% 64% 53%;}
    .block_article .cc_vignette img {
	    width: 100%;
	    max-width: 400px;
	    height: auto;
	    border-radius: 40% 50% 45% 72%;
	}
	.block_article .cc_content .cc_title {padding: 0 10px;}
	.block_article .cc_title h3 {font-size: 1.5em;}
	/* ---------- TYPE 1 ---------- */

	.type_1 .block_article, .type_1 .block_article.altered{
		padding:20px;
	}

	.type_1 .block_article .cc_vignette, .type_1 .block_article.altered .cc_vignette{
		float:none;
		margin:0 auto;
	}

	.type_1 .block_article .cc_video, .type_1 .block_article.altered .cc_video{
		float:none;
		margin:0 auto;
	}

	.type_1 .block_article .cc_vignette:after, .type_1 .block_article.altered .cc_vignette:after{
		display:none;
	}

	.type_1 .block_article:hover .cc_content .cc_title h3 {margin-top: 0px; padding-top: 20px; }
	.liste-display .type_1 .block_article{width: 100%; margin: 0 0 20px;}
	.liste-actu .type_1 .block_article { padding: 20px;}
	.type_1 .block_article .cc_content .cc_title {padding: 0;}
	.type_1 .block_article .cc_content .cc_title h3 a:before{left: -10px;}
	.type_1 .block_article .cc_content .cc_read_more a{padding: 14px 15px;}
	.type_1 .block_article.altered .cc_read_more{text-align: center;}
	.type_1 .block_article .cc_content .cc_read_more{width: 100%; text-align: center;}
	/*Equipement*/
	.liste-display-tree .type_1 .block_article{
		width: 48%;
		margin: 0 1% 20px;}
	.liste-display-tree .content_articles {
    	max-width: 95%;}
    .liste-display-tree .type_1 .block_article:nth-child(4n+1), .liste-display-tree .type_1 .block_article:nth-child(3n+1){clear:none; float: none;}
    .liste-display-tree .type_1 .block_article:nth-child(2n+1){clear:both; float: left;}
    /*HISTOIRE*/
    .timeline .type_1 .block_article{width: 100%; margin: 0;}
    .timeline .type_1 .block_article .cc_vignette, 
    .timeline .type_1 .block_article .cc_video {max-width: 38%; float: left;}
    .timeline .type_1 .block_article.altered .cc_content .cc_title, 
    .timeline .type_1 .block_article.altered .cc_content .cc_excerpt,
    .timeline .type_1 .block_article .cc_content .cc_title,
    .timeline .type_1 .block_article .cc_content .cc_excerpt{
    	width: 60%;
    	padding: 0 0 0 20px;
    	text-align: left;
    	float: left;}
	/*Avantages dans la ville */
	.liste-city .type_1 .block_article, .liste-city .type_1 .block_article.altered{padding: 20px;}
	.liste-city .type_1 .block_article .cc_vignette a img{max-width: max-width: 80%;width: 100%; margin: 20px auto; }
	.liste-city .type_1 .block_article .cc_title,
	.liste-city .type_1 .block_article .cc_vignette,
	.liste-city .type_1 .block_article .cc_title,
	.liste-city .type_1 .block_article .cc_excerpt,
	.liste-city .type_1 .block_article.altered .cc_vignette,
	.liste-city .type_1 .block_article.altered .cc_title,
	.liste-city .type_1 .block_article.altered .cc_excerpt{max-width: 100%;}
    /* ---------- TYPE 3 ---------- */
    .type_3 .block_article:hover .cc_content .cc_title h3{margin:0; padding:20px 0 10px 0;}
    .timeline .content_articles:before, .timeline .cc_read_more {left:10%; }
    .timeline .type_3 .block_article{width: 100%; float: right !important;}
    
    .timeline .type_3 .block_article.altered .cc_content .cc_title, .timeline .type_1 .block_article.altered .cc_content .cc_excerpt,
    .timeline .type_3 .block_article.altered .cc_content .cc_excerpt{text-align: left;}

    .timeline .type_3 .block_article.altered .cc_content .cc_title,
    .timeline .type_3 .block_article .cc_content .cc_title{padding: 5px 0 0px 20px;}
    .timeline .type_3 .block_article .cc_content .cc_title{padding: 5px 0 0px 20px; width: 100%; float: left;}
    .timeline .type_3 .block_article .cc_content .cc_excerpt{padding: 0px 0px 10px 20px; width: 100%; float: left;}
    .timeline .type_3 .block_article .cc_content .cc_title h3{font-size: 1.5em;}
	/* ---------- TYPE 5 ---------- */

	.type_5 .block_article{
		width:48%;
		margin:20px 1%;
	}

	.type_5 .block_article .cc_content .cc_title{
		padding:0 10px;
	}

	/* ---------- TYPE 8 ---------- */

	.type_8 .block_article{
		width:100%;
		max-width:400px;
		margin:20px auto;
		float:none;
	}

	.type_8 .block_article .cc_content .cc_title{
		padding:0 10px;
	}
	
	.type_8 .block_article .cc_content .cc_title h3{
		font: 700 12px/16px 'Arial', sans-serif;
	}


	/* ---------- TYPE 12 ---------- */
	.type_12{margin-top: 30px;}
	.type_12 .block_article, .vgn-services .type_12 .block_article:last-child{
		width:auto;
		max-width: 46%;
		min-height: initial;
		margin:10px 1%;
		float:left;
	}
		.vgn-services .type_12 .block_article {
    	min-height: auto;
		}
	.type_12 .block_article .cc_content .cc_title h3 {
    font-size: 1.2em;
    line-height: 1.2em;
	}
	.vgn-two-tree .type_12 .block_article:nth-child(1), .vgn-two-tree .type_12 .block_article:nth-child(2) {
    margin: 10px 1%;
    width: 46%;
	}
	.type_12 .block_article .cc_vignette{padding: 20px 0px 0px 10px;}
	.type_12 .block_article:not(.not_clickable):hover .cc_content .cc_title h3{color: #0c4c8e ;margin-top: 0px;}
	.type_12 .block_article:not(.not_clickable):hover .cc_content .cc_title h3 a{color: #0c4c8e ;}
	.type_12 .block_article:not(.not_clickable):hover .cc_vignette{border-radius: 65% 52% 64% 53%; padding: 20px 0px 0px 10px; background:#0c4c8e; border: none; }
	.type_12 .block_article:not(.not_clickable):hover .cc_vignette img{opacity:1;}

	.vgn-two-tree .type_12 .block_article, .page-services-ligne .type_12 .block_article, .cat-apropos .type_12 .block_article {
    	min-height: auto;
	}
	.type_12 .block_article:nth-child(3n+1){clear: none;}
	/* ------------------------------------------------------------
			IMAGES
	------------------------------------------------------------ */
	.img-collect{max-width: 200px;}
	/* ------------------------------------------------------------
			MINI FORM (Subsides)
	------------------------------------------------------------ */
	#mini-form{width: 320px; height: 275px;}
	#container-form-mini-form{width: 100%;}
	#btn-deplie{width: 275px;transform: translate(207px,100px) rotate(90deg); }
	#btn-deplie:after { display: none; }
	#mini-form #container-form-mini-form{padding: 0px 15px 12px;}
	#mini-form #container-form-mini-form img{height: auto; width: 100%; max-width: 150px;}
	.logo-mini-form{height: 50px; width: auto;}

}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {

	/* ------------------------------------------------------------
			GENERAL
	------------------------------------------------------------ */
	html {font-size: 13px; }
	h1{font: 900 20px/27px 'Arial', sans-serif;}
	h1 span.contentTitleh1span {font: 300 18px/24px 'Arial', sans-serif;}
    .txt-large { font: 400 15px/22px 'Arial', sans-serif;}
    h2 {font: 400 20px/27px 'Arial', sans-serif;}
    h3 {font: 400 18px/25px 'Arial', sans-serif;}

	.slider-text h1{
		width: 200px;
		font-size: 1.1em;
		padding: 15px 20px 15px 15px;
		line-height: 1.1em;
		margin: -24px auto 0 !important;
		border-radius: 200px 80% 150px 100%;
	}
	.slider-text-bg {width: 205px; margin: 19% 41% 0 10%;}
	body.homepage section#slider-top, body.homepage section#slider-top .module_slider, body.homepage section#slider-top .slider-container, body.homepage section#slider-top .slider-pro, body.homepage section#slider-top .sp-slides-container, body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides, body.homepage section#slider-top .sp-slide {
			min-height: 300px;
	}
	section#slider-top .sp-video video {
    max-height: 300px;
	}
	section#icone-home-head .container{width: 100%;}
	/* ------------------------------------------------------------
			GALERIE
	------------------------------------------------------------ */
	.container .module_slider, 
	.container .slider-container, 
	.container .slider-pro, 
	.container .sp-slides-container, 
	.container .sp-mask, 
	.container .sp-slides, 
	.container .sp-slide {max-height: 220px !important;}

	/* ------------------------------------------------------------
			MIC
	------------------------------------------------------------ */
	.timeline .type_3 .block_article{width: 80%; float: right !important; margin-right: 5%;}

	.homepage .type_11 .block_article .cc_title h3 {
    font-size: 1.4em;
	}
	.homepage main#content{z-index: 99;}
	/* ---------- TYPE 12 ---------- */
	.type_12 .block_article, .type_11 .block_article{
		width:auto;
		max-width: 46%;
		min-height: initial;
		margin:10px 1%;
		float:left;
	}
	.type_12 .block_article .cc_content .cc_title h3, .type_11 .block_article .cc_content .cc_title h3 {
    font-size: 1.2em;
    line-height: 1.2em;
	}
	.vgn-two-tree .type_12 .block_article:nth-child(1), .vgn-two-tree .type_12 .block_article:nth-child(2), /* .cat-apropos .type_11 .block_article:nth-child(5), .cat-apropos .type_11 .block_article:nth-child(4)*/{
    margin: 10px 1%;
    width: 46%;
	}
	.type_12 .block_article .cc_vignette, .type_11 .block_article .cc_vignette{padding: 20px 0px 0px 10px;}
	.type_12 .block_article:not(.not_clickable):hover .cc_content .cc_title h3, .type_11 .block_article:not(.not_clickable):hover .cc_content .cc_title h3{color: #0c4c8e ;margin-top: 0px;}
	.type_12 .block_article:not(.not_clickable):hover .cc_content .cc_title h3 a, .type_11 .block_article:not(.not_clickable):hover .cc_content .cc_title h3 a{color: #0c4c8e ;}
	.type_12 .block_article:not(.not_clickable):hover .cc_vignette, .type_11 .block_article:not(.not_clickable):hover .cc_vignette{border-radius: 65% 52% 64% 53%; padding: 20px 0px 0px 10px; background:#0c4c8e; border: none; }
	.type_12 .block_article:not(.not_clickable):hover .cc_vignette img, .type_11 .block_article:not(.not_clickable):hover .cc_vignette img{opacity:1;}

	.vgn-two-tree .type_12 .block_article, .page-services-ligne .type_12 .block_article,.type_11 .block_article  {
    	min-height: auto;
	}
	/*Formations*/
	.vgn-formation .type_12 .block_article .cc_content .cc_title {padding: 15px 11px 0;}
	.vgn-formation .type_12 .block_article .cc_content .cc_title h3 {font-size: 1.1em;}
	/*Label Nouveau*/
	.type_12 .block_article .cc_content .cc_caracteristique.attr_etat, .type_12 .block_article .cc_content .cc_caracteristique.attr_state, .type_12 .block_article .cc_content .cc_caracteristique.attr_staat{padding: 8px; }
	/* ---------- TYPE 11 ---------- */
	.type_11 .block_article:nth-child(3n+1){clear: none;}
	.vgn-two-tree .type_12 .block_article:nth-child(2n+1), .type_11 .block_article:nth-child(2n+1) {
    	clear: both; float: left;
	}
	.type_11 .block_article .cc_content .cc_title, .type_11 .block_article .cc_content .cc_excerpt, .type_11 .block_article .cc_content .cc_read_more {
    padding: 0;}
    /* ---------- TYPE 1 ---------- */
    /*ACUTALITES*/
    .liste-display .type_1 .block_article {
    width: 92%;
    margin: 0 4% 20px;
	}
    /*Equipement*/
	.liste-display-tree .type_1 .block_article{
		width: 100%;
		margin: 0 0% 20px;}
	.liste-display-tree .type_1 .block_article, .liste-display-tree .type_1 .block_article.altered{padding: 20px;}
	.liste-display-tree .content_articles {
    	max-width: 95%;}
    /*TIMELINE*/
    .timeline .type_1 .content_articles:before {left: 0; background: none;}
    .timeline .type_1 .block_article.altered .cc_content .cc_title, .timeline .type_1 .block_article.altered .cc_content .cc_excerpt{width: 56%; text-align: left;}
    /*HISTOIRE*/
    .timeline .type_1 .block_article{width: 73%; margin: 0 0 0 20% !important; float: left !important; padding: 0;}
    .timeline .type_1 .block_article .cc_vignette, 
    .timeline .type_1 .block_article .cc_video {max-width: 30%; float: left;}
    .timeline .type_1 .block_article .cc_content .cc_title h3{font-size: 1.8em;}
    .timeline .type_1 .block_article.altered .cc_content .cc_title, 
    .timeline .type_1 .block_article .cc_content .cc_title{
    	width: 65%;
    	padding: 0 0 0 20px;
    	text-align: left;
    	float: left;}
    .timeline .type_1 .block_article.altered .cc_content .cc_excerpt,
    .timeline .type_1 .block_article .cc_content .cc_excerpt{
    	width: 100%;
    	padding: 15px 0 0 0;
    	text-align: left;
    	float: left;
    	clear: both;}

    /* ------------------------------------------------------------
			IMAGES
	------------------------------------------------------------ */
    .img-collect{max-width: 200px;}
    .img-content-right, .img-content-left {
    max-width: 100% !important;
    margin: 15px 0 !important;
    display: block !important;
    float: none !important;
	}
	.img-content-right img, .img-content-left img{max-width: 400px;}
    /* ------------------------------------------------------------
			CARTE
	------------------------------------------------------------ */
    .glutton-maps .module_openstreetmap{border-radius: 45px;}
	/* ------------------------------------------------------------
			NOS CLIENTS
	------------------------------------------------------------ */
    .fiche-client img{width: 100%; height: auto; max-width: 300px;}
	/* ------------------------------------------------------------
			BTN
	------------------------------------------------------------ */
	.btn-effet-large-icone span{max-width: 175px;}
	.btn-general .btn-effet-large svg {top: 10px;}
	.btn-effet {font-size: 1.2em;}
	.btn-small {padding: 19px 10px 19px 73px;}
	.btn-small span{max-width: 90%; margin-top: -7px;}


	.call-to-action-formation .btn-effet-large:hover:before, .call-to-action-formation .btn-effet-large:before, .btn-effet-large:before, .btn-effet-large:hover:before {height: 160px;}
	/* ------------------------------------------------------------
			SLIDERS INTERNES
	------------------------------------------------------------ */
	section#slider-top, section#slider-top .module_slider, section#slider-top .slider-container, section#slider-top .slider-pro, section#slider-top .sp-slides-container, section#slider-top .sp-mask, section#slider-top .sp-slides, section#slider-top .sp-slide{max-height: 180px;min-height: 180px;}
	section#slider-design-h .sp-layer a.btn{
	font: 700 16px/20px 'Arial', sans-serif;
	padding: 13px 16px;
	margin: 2px 0 0;
	}
	/*--------------------------------------------------------------
			SLIDERS AVANT APRES
	--------------------------------------------------------------*/

	/* ------------------------------------------------------------
			MINI FORM (Subsides)
	------------------------------------------------------------ */
	#mini-form{
		display: none;
	/*width: 100%;
	height: auto;
	position: relative;
	top: auto;
	right: auto;
	padding: 0px;
	margin: 0 auto;
	overflow: hidden !important;
	left: 0;
	z-index: 1;*/
	}
	/*#container-form-mini-form{width: 78%;}
	#btn-deplie{padding: 0; background: none; width: 400px; position: relative; float: right;}
	#btn-deplie:after { display: none; }
	#mini-form #container-form-mini-form{padding: 0px 15px 12px;}
	#mini-form #container-form-mini-form img{height: auto; width: 100%;}*/

}