@media (max-width : 1300px) {

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

.page{margin: 0;}

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

footer{}

}

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

.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 {
    padding: 8px 5px;
    font: 700 10px/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;
}

/* ------------------------------------------------------------
		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;
}
/* ---------- TYPE 9 ---------- */
.type_9 .block_article .cc_content .cc_title, .type_9 .block_article .cc_content .cc_excerpt, .type_9 .block_article .cc_content .cc_read_more {
    padding: 0 20px;
}
.type_9 .block_article .cc_vignette {
    line-height: 100px;
}
/* ---------- TYPE 11 ---------- */
.type_11 .block_article {
    width: 31%;
    margin: 10px 1% 30px;
}
/* ------------------------------------------------------------
     ICON HOME FULL
------------------------------------------------------------ */

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

/* ------------------------------------------------------------
     BTN CALL TO ACTION
------------------------------------------------------------ */
section.call-to-action {
    margin: 0 -15px;
}

}

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

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

body{
	padding:0;
}

h1 {
    font: 900 35px/40px 'Roboto', sans-serif;
}
h1 span.contentTitleh1span {
    font: 300 20px/30px 'Roboto', sans-serif;
}
h2 {
    font: 400 24px/32px 'Roboto', sans-serif;
}
/* ------------------------------------------------------------
		HEADER
------------------------------------------------------------ */

header{
	height:auto;
	position:relative;
}

a.logo{max-width: 240px;}
/* ------------------------------------------------------------
		TOPBAR
------------------------------------------------------------ */

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

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

/*body.smaller #navbar-header{
	width:100%;
	background:#fff;
	position:fixed;
	top:0;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.07);
}*/

#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:40px;
	height:40px;
	line-height:40px;
	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:40px;
	height:40px;
	line-height:40px;
	font-size:16px;
	border-radius:100%;
	text-align:center;
	border:2px solid #8dc63f;
	background:#8dc63f;
	color:#fff;
	margin:0 5px;
}

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

nav#main-menu {
	display:none;
	margin:28px 0 0 0;
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	z-index:1000;
	transition:none;
}

nav#main-menu ul {
	padding: 8px 0 0 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:28px 0 0 0;
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	z-index:1000;
	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;
	text-decoration: none;
}

nav#menu-mobile ul li a:hover{color: #004b88;}

nav#main-menu ul li.btn-simulator{background: #8dc63f;}

nav#main-menu ul li.btn-simulator a{color: #fff;}
/* ------------------------------------------------------------
		SLIDER TOP
------------------------------------------------------------ */
section#slider-top .container .slider-text{top:50%;margin-left: 20px;}
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{
	display: none;
}

body.homepage main#content h1{display: block;}
#home-presentation.section-small{padding: 0;}
#home-presentation.section-small h2{margin: 20px 0;}
/* ------------------------------------------------------------
		ICON HOME
------------------------------------------------------------ */

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

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

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

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

/* ------------------------------------------------------------
        BTN CALL TO ACTION
------------------------------------------------------------ */
section.call-to-action {
     margin: 0 -15px;
}

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

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 18px/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/21px '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 9 ---------- */
.type_9 .block_article {
    width: 48%;
}
/* ---------- 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;
}

/* ------------------------------------------------------------
		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) {

h1 {
    font: 900 29px/33px 'Roboto', sans-serif;
}
h1 span.contentTitleh1span {
    font: 300 19px/29px 'Roboto', sans-serif;
}
h2 {
    font: 400 23px/31px 'Roboto', sans-serif;
}

.txt-large {
    font: 400 17px/24px 'Roboto', sans-serif;
}
/* ------------------------------------------------------------
		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;
}

/* ------------------------------------------------------------
		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: 165px !important;
}
section#slider-top .container .slider-text{width: 85%;}

body.homepage main#content #home{margin-top: 50px;}
/* ------------------------------------------------------------
		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:140px;
	float:none;
	display: inline-block;
}

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

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

/* ------------------------------------------------------------
	BTN CALL TO ACTION
------------------------------------------------------------ */
section.call-to-action {
	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:800px !important;
}

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

section#slider-design-h .sp-black {
	background: rgba(49,64,71,1);
}

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

/* ------------------------------------------------------------
		RESPONSIVE IFRAME
------------------------------------------------------------ */

.responsive-iframe.facebook {
	padding-bottom: 30%;
}

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

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

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

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

/* ------------------------------------------------------------
		MIC
------------------------------------------------------------ */
/* ---------- ZONE REASSURANCE ---------- */
#reassurance .container .row div{
	height: 200px;
}
/* ---------- 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 9 ---------- */
.type_9 .block_article {
    width: 48%;
}
.type_9 .block_article .cc_content .cc_title {
    min-height: 84px;
    line-height: 82px;
}
.type_9 .block_article .cc_content .cc_title h3 {
    font: 700 17px/20px 'Roboto', sans-serif;
}
.type_9 .block_article .cc_vignette{line-height: 82px;}

.type_9 .block_article .cc_content .cc_title, .type_9 .block_article .cc_content .cc_excerpt, .type_9 .block_article .cc_content .cc_read_more {

    padding: 0 20px 0 0;

}

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

.type_11 .block_article{
	width:48%;
	max-width:400px;
	margin:20px 1%;
}

.type_11 .block_article .cc_content .cc_title{
	padding:0 10px;
	min-height: 80px;
	line-height: 80px;
}

.type_11 .block_article .cc_content .cc_title h3{margin-top: 0;}

/* ---------- 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;
}
/* ------------------------------------------------------------
		FOOTER
------------------------------------------------------------ */
footer .container #footer-area ul#legal-reassurance-list li {
    margin: 0;
    padding: 0px 20px 40px 0;
}
}

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

h1 {
    font: 900 23px/26px 'Roboto', sans-serif;
}
h2 {
    font: 400 19px/24px 'Roboto', sans-serif;
}
/* ------------------------------------------------------------
		GALLERY
------------------------------------------------------------ */

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

.page{background: #F7F7F7;}

nav#main-menu,
nav#menu-mobile {
    margin: 14px 0 0 0;}
nav#languages ul li a {
    padding: 6px;
}
header #topbar .header-coord a {
    margin: 0;
}

section#slider-top .container .slider-text span.contentTitleh1span {
    font: 300 16px/30px 'Roboto', sans-serif;
}

._2p3a{width: 200px !important;}
/* ---------- ZONE REASSURANCE ---------- */
#reassurance .container .row div{
	height: 180px;
}
/* ---------- TYPE 5 ---------- */
.type_5 .block_article {
    width: 100%;
    margin: 10px 0%;
}
/* ---------- TYPE 9 ---------- */
.type_9 .block_article {
    margin: 14px auto;
    max-width: 250px;
    text-align: center;
    width: 100%;
    float: none;
}
/* ---------- TYPE 11 ---------- */
.type_11 .block_article .cc_content .cc_title h3 {
    font: 700 15px/21px 'Roboto', sans-serif;
}

}