@media (max-width : 1300px) {

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

.page{margin:0 0 90vh 0;}

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

/*footer{height:90vh;}*/

}

@media only screen and (max-device-width : 1200px) {

/* ------------------------------------------------------------
		MAIN MENU
------------------------------------------------------------ */

nav#main-menu ul li ul.level_1 {
	display:none !important;
}

}

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

/* ------------------------------------------------------------
		PAGE
------------------------------------------------------------ */
h1 {
	font-size: 40px;
}

.page{
	margin:0 0 0 0;
}

/* ------------------------------------------------------------
		SLIDER TOP
------------------------------------------------------------ */
section#slider-top .container .slider-text{top:40%;}
body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides .sp-slide{
	/*height:60vh !important;*/
}

/* ------------------------------------------------------------
		SLIDER DESIGNEE
------------------------------------------------------------ */

section#slider-design-h .sp-layer .btn {
    font: 700 14px/16px 'Roboto', sans-serif;
    margin: 12px 1% 0;
}

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

section#gmap-footer{
	height:auto;
}

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

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

footer{
	height:auto;
	position: relative;
}

footer	a.logo img {
	height: auto;
	width: 100%;
	min-height: 0;
}

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

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

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

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

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

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

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

.type_1 .block_article .cc_content .cc_read_more a:after {
    display:none;
}
	nav#main-menu ul {
		padding-left: 10px;
	}
	nav#main-menu ul li a {
		font-size: 20px;
	}

	a.logo img {
		width: auto;
		height: 100px;
		display: block;
	}
}


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


/* ------------------------------------------------------------
		BALISE PRINCIPALE
------------------------------------------------------------ */

body{
	padding:0;
}

	h1 {
		font: 900 45px/50px 'grafolita-script', sans-serif;
	}

	#slider-top .sp-slide,#slider-top .sp-mask {
		height: 100px!important;
	}
	section#slider-top {
		min-height: auto;
	}
	.center-content {
		top: 30%;
	}

/* ------------------------------------------------------------
		HEADER
------------------------------------------------------------ */

header{
	height:auto;
	position:relative;
}

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

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

/* ------------------------------------------------------------
		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:50%;
	transform:translate(0, -50%);
}

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

#navbar-header a.btn-phone{
	display:inline-block !important;
	width:45px;
	height:45px;
	line-height:45px;
	font-size:18px;
	border-radius:100%;
	text-align:center;
	border:2px solid #0063a0;
	background:#0063a0;
	color:#fff;
	margin:0 5px;
}

/* ------------------------------------------------------------
		MAIN MENU
------------------------------------------------------------ */

nav#main-menu {
	display:none;
	margin:16px 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);
	transition:none;
}

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.level_1 {
	display:none !important;
}

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;
}

/* ------------------------------------------------------------
		MENU MOBILE
------------------------------------------------------------ */

nav#menu-mobile {
	display:none;
	margin:24px 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);
	transition:none;
}

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

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

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

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

nav#menu-mobile ul li a {
	font:700 12px/20px 'Roboto', sans-serif;
	text-transform:uppercase;
	color:#1c1c1c;
	padding: 10px; 
	display:block;
	text-align: center;
}

/* ------------------------------------------------------------
		SLIDER TOP
------------------------------------------------------------ */
section#slider-top .container .slider-text{top:50%;}
body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides .sp-slide{
	/*height:60vh !important;*/
}

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

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

section#icone-home-head{
	margin:0;
}

section#icone-home-head .pad-icon{
	padding:0;
	text-align:center;
}

section#icone-home-head .pad-icon p:first-child:before{
	display:none;
}

/* ------------------------------------------------------------
		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 {
	padding: 20px;
	width: 100%;
	max-width: 480px;
}

section#slider-design-h .sp-layer:before {
    display:none;
}

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

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

section#slider-design-h .sp-layer ul li {
	font:300 13px/18px 'Roboto', sans-serif;
}

section#slider-design-h .sp-layer a.btn{
	font: 700 14px/20px 'Roboto', sans-serif;
	padding: 8px 10px;
}

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 #fb5b3a;
}

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;
}

/* ------------------------------------------------------------
		MISC
------------------------------------------------------------ */

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

/* ------------------------------------------------------------
		BOOTSTRAP CHEATS
------------------------------------------------------------ */

.container {
    width: 100%;
  }

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

/* ---------- 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 'Roboto', 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 'Roboto', sans-serif;
}

/* ---------- TYPE 11 ---------- */

.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_11 .block_article .cc_content .cc_title h3{
	font: 700 16px/24px 'Roboto', sans-serif;
}

/* ---------- 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: 0 25px;
}

.type_12 .block_article .cc_content .cc_title h3{
	font: 700 16px/24px 'Roboto', sans-serif;
}
.type_12 .block_article {
	width: 46%;
	margin: 0 2%;
}
.type_8 .more-margin-left, .type_12 .more-margin-left {
	margin-left: 2%!important;
}
.type_8 .block_article {
	width: 46%;
	margin: 0 2%;
}

.type_10 .block_article{width:98%;}

/* ------------------------------------------------------------
		GALLERY
------------------------------------------------------------ */

.galleryType1Photo.g-landscape {padding: 0 0 22.526041%;}	
.galleryType1Photo.g-portrait {padding: 0 0 49.479166%;}	
.galleryType1Photo.g-square {padding: 0 0 33.333333%;}

}

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

.desktop{
	display: none;
	width: 100%;
}

.mobile{
	display: block;
	width: 100%;
	margin:0 auto;
}

/* ------------------------------------------------------------
		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;
}

a.logo img { height: 60px; }

h2 {
	font: 600 30px/35px 'grafolita-script', cursive;
	margin: 20px 0 20px 0;
}

h3 {
	font: 600 20px/25px 'grafolita-script', cursive;
	margin: 20px 0 20px 0;
}

/* ------------------------------------------------------------
 		MISC
------------------------------------------------------------ */
	 .section-large{
		 padding:30px 0;
		 clear:both;
	 }
	 .section-med{
		 padding:20px 0 40px 0;
		 clear:both;
	 }

	 .section-small{
		 padding:40px 0;
		 clear:both;
	 }

/* ------------------------------------------------------------
		CTA MOBILE
------------------------------------------------------------ */

section#cta-mobile .btn{
	width:100%;
	margin:0;
	text-align:center;
	border-radius: 0;
}

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

section#slider-top .container{
	width:100%;
}
section#slider-top .container .slider-text h1{
	font:900 30px/30px 'Roboto', sans-serif;
}
section#slider-top .container .slider-text p{
	font:300 16px/20px 'Roboto', sans-serif;
	margin: 0
}
body.homepage section#slider-top .sp-mask, body.homepage section#slider-top .sp-slides .sp-slide{
    height: 250px !important;
}
/* ------------------------------------------------------------
		ACTION SPECIALE
------------------------------------------------------------ */

section#action-speciale{
	padding:0;
}

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

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

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

section#icone-home-head .content_articles .block_article{
	max-width:250px;
	float:none;
	display: inline-block;
}

/* ------------------------------------------------------------
		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;
	width:90%;
}

/* ------------------------------------------------------------
		SLIDER DESIGNEE
------------------------------------------------------------ */

.center-content {
    margin:0 auto;
}

section#slider-design-h .sp-mask{
	height:560px !important;
}

	 section#slider-design-h .slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
		 width: 100%!important;
		 height: auto!important;
		 margin-left: 0!important;
		 margin-top: 0!important;
	 }
	 section#slider-design-h .sp-image-container, .sp-bottom-thumbnails .sp-thumbnail-container {
		 border-radius: 0;
		 height: auto!important;
	 }

	.module_slider {
		 margin-bottom: 20px;
	 }

section#slider-design-h .sp-layer {
	position:relative;
	max-width:100%;
}

section#slider-design-h .sp-black {
	background: #0063a0;
}

section#slider-design-h .sp-layer a.btn{
	width:100%;
	text-align:center;
}


/* ------------------------------------------------------------
		Gallery
------------------------------------------------------------ */

	 .galleryType1Photo img {
		 max-width: none!important;
		 width: auto!important;
		 height: 100%!important;
	 }


/* ------------------------------------------------------------
		SHARETHIS
------------------------------------------------------------ */

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

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

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */

/* ---------- 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 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 11 ---------- */

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

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

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

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

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

.type_8 .more-margin-left, .type_12 .more-margin-left {
	margin-left: auto!important;
}

.onglet-chapiteaux {
	overflow-x: scroll;
}
	 .content_onglets .wrapper_onglets {
		 padding: 0;
	 }
	 .onglet-chapiteaux h3 {
		 margin: 10px 10px 30px;
	 }

	 .onglet-chapiteaux-img {
		 width: 100%;
	 }
	 .onglet-chapiteaux table {
		 width: 100%;
	 }
	 .content_onglets ul.liste_onglets li {
		 width: 100%;
	 }
	 #reassurance-legale img {
		 max-width: 100px;
		 height: auto;
	 }
	 .type_1 .block_article .cc_content .cc_title h3 a::before {
		 left: -10px;
	 }
	 .responsive-iframe.facebook {
		 padding-bottom: 200px;
	 }
}

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

	section#slider-design-h .sp-mask {
		height: 460px !important;
	}
	.center-content {
		top: 40%;
	}

/* ------------------------------------------------------------
		GALLERY
------------------------------------------------------------ */

.galleryType1Photo.g-landscape {padding: 0 0 34.057971%;}
.galleryType1Photo.g-portrait {padding: 0 0 74.154893%;}
.galleryType1Photo.g-square {padding: 0 0 50%;}

}