/* @override 
  http://www.Start Habitat.com */
  


/* ==========================================================================
   RESPONSIVE HTML5 Boilerplate
   ========================================================================== */


html {color: #222; font-size: 1em; line-height: 1.4;}
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0 2.5em; padding: 0;}
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

.hidden { display: none !important;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after { content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}

@media print {
    *, *:before, *:after {background: transparent !important; color: #000 !important;  box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after,
    a[href^="javascript:"]:after {content: "";}
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
	thead {display: table-header-group;}
    tr, img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p, h2, h3 {orphans: 3; widows: 3;}
    h2, h3 {page-break-after: avoid;}
}





/*
    // ========================================== \\
   ||                                              ||
   ||                 GENERAL                      ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   Fonts
   ========================================================================== */


body {font: 16px/20px "Arial", Helvetica, sans-serif; color: #000;}  
 
b, strong {font-weight: 700;}

a, a:visited {color: #0FA9D1; text-decoration: underline;}
a:hover, a:active, a:focus {color: #3498AC; cursor: pointer;}

h1 {font: 100 24px/1  "Arial", Helvetica, sans-serif; color: #0FA9D1; text-transform: uppercase;  margin: 0;  padding: 30px 45px 0; position: relative;}
.content-contact h1 {padding-left: 0;}
h2 {font: 100 18px/1  "Arial", Helvetica, sans-serif;  color: #000000; text-transform: uppercase; margin-bottom: 15px;}

h3 {color: #9F9B8C; font: 100 24px/1 "Arial",sans-serif;  margin: 0; padding: 0 15px; text-transform: uppercase;}
h4 {color: #655F4F; font: 100 16px/1 "Arial",sans-serif; text-transform: uppercase; padding: 0 5px;}

.no-padding {padding-left: 0 !important; padding-right: 0 !important;}

.white {color: #FFF;}



/* ==========================================================================
   Forms
   ========================================================================== */


/* ----------- Remise à zero des styles bootstrap 
------------------------------------------------------------------------------*/

.btn {border: none; background-color: transparent; text-shadow: none; font-size: .8rem;
	border-radius: 0 0 0 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.btn:focus {outline: none;}

.form-control {border: none; background-color: transparent; text-shadow: none;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	border-radius: 0 0 0 0;
}
.select {
	border-radius: 0 0 0 0;
}

label {font-weight: 400;}


/* ----------- Formulaires
------------------------------------------------------------------------------*/


.form-group {margin-bottom: 30px;}
.contact-form .form-group {margin-bottom: 20px;}

.search input {border: 1px solid #000 !important; }
.search input:focus {border: 1px solid #000;}

.contact-form input,
.search input,
.contact-form textarea,
.contact-form select,
.bootstrap-select .btn.dropdown-toggle.btn-default {height: 30px !important; border: none; padding: 0 15px; color: #000; background-color: #fff;
	-webkit-border-radius: 0 0 0 0;
			border-radius: 0 0 0 0;	
}
.contact-form textarea, .contact-form textarea:focus {height: 250px !important; padding-top: 20px !important; padding-bottom: 20px !important;}

/* Checkbox */
.contact-form input[type=checkbox] {height: 28px;}
.contact-form .checkbox label {line-height: 35px; width: 100%;}

/* Focus */
.contact-form input:focus,
.search input:focus,
.contact-form textarea:focus,
.bootstrap-select .dropdown-toggle:focus { padding: 0 15px; color: #1111111; background-color: #f8f8f8; box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);	outline: none !important;}

::-webkit-input-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
:-moz-placeholder {color: #888888;} 

/* Select */
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {float: left; display: inline-block; margin-left: auto; }
.contact-form .dropdown-menu {border: none; background-color: #fff; padding: 15px 0;}
.contact-form .dropdown-menu>li>a {padding: 5px 25px;}
.contact-form .dropdown-menu>li>a:focus, .formulaire .dropdown-menu>li>a:hover {background-image: none; color: #0FA9D1; outline: none !important; background-color: #E5E3D9;}
.contact-form .dropdown-menu>li>a:focus, .contact-form .dropdown-menu>li>a:hover {background-image: none;}


/* ----------- Boutons
------------------------------------------------------------------------------*/

/* Big blue btn */
.big-blue-btn {border: 1px solid #2580a4; padding: 10px; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.5); font-size: 14px; text-decoration: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0 15px;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.4);
			box-shadow: 0 3px 3px 0 rgba(0,0,0,.4);
	background: #00a5ce; 
	background: -moz-linear-gradient(top,  #00a5ce 0%, #0078ac 100%);
	background: -webkit-linear-gradient(top,  #00a5ce 0%,#0078ac 100%); 
	background: linear-gradient(to bottom,  #00a5ce 0%,#0078ac 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5ce', endColorstr='#0078ac',GradientType=0 );
}
.big-blue-btn:hover, .big-blue-btn:active {text-decoration: none;
	background: #0078ac; 
	background: -moz-linear-gradient(top,  #0078ac 0%, #00a5ce 100%);
	background: -webkit-linear-gradient(top,  #0078ac 0%,#00a5ce 100%); 
	background: linear-gradient(to bottom,  #0078ac 0%,#00a5ce 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078ac', endColorstr='#00a5ce',GradientType=0 );
	-webkit-transition: all .3s ease-out; 
			transition: all .3s ease-out;
}
.big-blue-btn span {background-color: #5cc5e0; width: 25px; height: 25px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; line-height: 25px; margin: 0 10px 0 5px;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}
.big-blue-btn span .fa {font-size: 20px; padding-top: 2px;}

/* Small dark btn */
.btn-dark-bg {background-color: #333; color: #fff; text-decoration: none; padding: 7px 10px;
	-webkit-border-radius: 7px 7px;
			border-radius: 7px 7px;
}
.btn-dark-bg:hover, .btn-dark-bg:active, .btn-dark-bg:focus {background-color: #555; color: #fff; outline: none;}

/* Small blue btn */
.btn-blue-bg {background-color: #0eaad2; color: #fff; text-decoration: none; padding: 7px 10px; font-size: 14px;
	-webkit-border-radius: 15px 15px;
			border-radius: 15px 15px;
}
.btn-blue-bg:hover, .btn-blue-bg:active, .btn-blue-bg:focus {background-color: #88CEDD; color: #fff; outline: none;}




/* ==========================================================================
   Parties communes
   ========================================================================== */
   

/* ----------- Content
------------------------------------------------------------------------------*/

.page-content {background: #dfddd1 url('../img/bg-content.jpg') no-repeat center top;}


/* ----------- Slide content
------------------------------------------------------------------------------*/

.page-content .carousel-navigation {padding: 0 45px; width: inherit;}
.page-content .navigation .carousel-navigation ul {width: 100% !important; top: 0; left: 0 !important;}
.page-content .carousel-navigation li {font-size: 13px; line-height: 22px; text-transform: uppercase; cursor: pointer; color: #928E80; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: none;}
.page-content .carousel-navigation li.active {color: #333;}
.page-content .carousel-navigation li:after {content: ''; width: 1px; background-color: #A29E90; height: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 10px;}
.page-content .carousel-navigation li:last-child:after {display: none;}
  
.page-content .stage {position: relative;}    

/* Nav */
.page-content .connected-carousels .prev-stage {background: #dfddd1 url('../img/slide-left.png') no-repeat 0 0;}
.page-content .connected-carousels .prev-stage:hover {background: #dfddd1 url('../img/slide-left.png') no-repeat -54px 0;}
.page-content .connected-carousels .next-stage {background: #dfddd1 url('../img/slide-right.png') no-repeat 0 0;}
.page-content .connected-carousels .next-stage:hover {background:#dfddd1 url('../img/slide-right.png') no-repeat -54px 0;}

.page-content .content-slide {width: 100%; margin: 0 auto;}
.page-content .connected-carousels .carousel li {width: 969px;}
.page-content .connected-carousels .carousel.carousel-navigation li {width: auto;}
.page-content .connected-carousels .carousel.half-page-left li {width: 547px;}
.page-content .left-content-slide {text-align: center;}
.page-content .left-content-slide img {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; max-width: 100%; height: auto;}

.page-content .right-content-slide img {/* float: left; margin: 10px; */max-width: 100%;}
.page-content .connected-carousels .carousel.carousel-stage .right-content-slide ul {width: 100%; position: inherit; list-style-type: disc; padding-left: 40px; display: block;}
.page-content .connected-carousels .carousel.carousel-stage .right-content-slide li {float: none; display: list-item; width: inherit; list-style-type: disc; line-height: 20px;  margin-bottom: 4px;}


/* Slide just on left part */
.connected-carousels .half-page-left.carousel-stage {width: 48%; margin-left: 60px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 2%; padding-right: 1%;}

/* Slide with video */
.content-slide-video iframe {width: 100%; height: inherit; min-height: 540px;}



/* ----------- Content bottom
------------------------------------------------------------------------------*/


.link-bottomm-content {padding-top: 40px; padding-bottom: 30px;}

/* Social links */
.social-links ul {padding-left: 0;}

/* Circle links */
.circle-links ul {padding: 0;}
.circle-links li {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 2px; list-style-type: none; width: 55px; height: 55px;}
.circle-links li:last-child {margin-right: 0;}
.circle-links li a {display: block;}
.circle-links li a:hover {opacity: .85;}
.circle-links li a img {width: 100%; height: auto;}

/* Btn contact */
.contact-link {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: url('../img/ico-perso-contact.png') left 0 no-repeat; padding-left: 80px; font: italic 20px/21px 'Amaranth',sans-serif;  height: 90px; max-width: 260px;  padding-top: 30px;  margin-top: 16px; text-align: left;}
.contact-link a {color: #848484;  text-decoration: none; }
.contact-link a:hover {color: #676767;  text-decoration: none;}


/* ----------- Encart videos
------------------------------------------------------------------------------*/

.videos-slide {background: url('../img/bg-videos-part.gif') repeat;}
.contant-videos-part {background: url('../img/shadow-videos-part.png') no-repeat top center; padding-top: 20px; padding-bottom: 10px;}
.link-youtube-channel {width: 55px; height: 19px; background: url('../img/youtube-video-link.png') no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

.videos-slide .wrapper {max-width: 1170px;}
.videos-slide .jcarousel-wrapper {border: none; position: relative; padding-bottom: 10px; padding-top: 20px;
    -webkit-border-radius: 0;
    		border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff;
    		box-shadow: 0 0 0 #fff;
}
.videos-slide .jcarousel {margin: 0 auto; width: 91%;}
.videos-slide .jcarousel li {width: 120px !important; border: none; margin: 0 5px;}
.videos-slide .jcarousel li a {display: block; position: relative; width: 120px ; height: 90px;}
.videos-slide .jcarousel li a span { display: block; background: url('../img/videos-play.png') no-repeat; width: 44px; height: 45px; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -22px;}

/* Navigation */
.videos-slide .jcarousel-control-prev, .videos-slide .jcarousel-control-next {width: 13px; height: 25px;
    -webkit-border-radius: 0;
    		border-radius: 0;
    -webkit-box-shadow: 0 0 0 #fff;
    		box-shadow: 0 0 0 #fff;}
.videos-slide .jcarousel-control-prev {background: url('../img/videos-left.png') no-repeat;}
.videos-slide .jcarousel-control-next {background: url('../img/videos-right.png') no-repeat;}



/* ----------- Encart pdf
------------------------------------------------------------------------------*/

.blue-pdf-part {margin-bottom: 20px;}
.div-pdf {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url('../img/pattern-pdf-part.gif') left center repeat; font-family: "Arial",sans-serif; margin-top: 45px; padding: 10px;
    -webkit-border-radius: 10px;
    		border-radius: 10px;
}
.blue-pdf-part a {color: #fff; text-shadow: none; font-size: 12px;}
.blue-pdf-part a:hover p, .blue-pdf-part a:active p {text-decoration: underline;}
.blue-pdf-part img {position: absolute; right: 5px; top: -35px;}
.blue-pdf-part h4 {font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; line-height: 16px; margin: 5px 0; color: #fff;}
.blue-pdf-part .fa {font-size: 20px; vertical-align: baseline;}    


/* ----------- Encart download book
------------------------------------------------------------------------------*/

.half-page-right {width: 40%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.book {padding: 20px; color: #fff; background: #0EAAD2; width: 88%; position: relative;
    -webkit-border-radius: 5px;
    		border-radius: 5px;
}
.book h3 {text-transform: uppercase; font-size: 15px; margin: 5px 0 10px; color: #fff; padding: 0; font-weight: bold; line-height: 23px;}
.book p {font-size: 13px; line-height: 17px;}

.book form {margin: 15px 0 10px;}
.book form input {background: #88D0DF;  padding: 5px 10px;  border: none; color: #fff;}
.book form input:focus {background: #5cc5e0; }
.book ::-webkit-input-placeholder {color: #ffffff;}
.book ::-moz-placeholder {color: #ffffff;}
.book :-ms-input-placeholder {color: #ffffff;}
.book :-moz-placeholder {color: #ffffff;}
.book .form-group {margin-bottom: 15px;}

.book-img { width: 243px; height: 203px; background: url('../img/img-bok.png') center no-repeat;  position: absolute; right: -65px;  bottom: -90px; z-index: 100;}
.arrow-download {width: 186px; height: 135px; background: url('../img/ico-download-big.jpg') center no-repeat; position: absolute; left: 75px; bottom: -135px;}




/*
    // ========================================== \\
   ||                                              ||
   ||                 HEADER                       ||
   ||                                              ||
    \\ ========================================== //
*/



header {background: #fff url('../img/bg-header.jpg') no-repeat center 28px;}



/* ==========================================================================
   Partie top
   ========================================================================== */
   
   
.descr-page {color: #666; font-size: 13px; text-align: right; margin-top: 4px; background-color: #fff; padding: 2px 15px;}
.descr-page h1 {font-size: 13px; text-transform: none;}

/* Left bar */
.bar-baseline {height: 55px; background: #7C7869; width: 100%; margin-top: 101px;}
.top-header {/*margin-top: -46px;*/ position: relative; top: -46px;}
.navbar-brand {width: 148px; height: 135px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url('../img/logo-dr-coullet.png') no-repeat center; margin-top: -88px;}
.baseline, .blog-link {color: #fff !important; font: 400 italic 16px/1 'Amaranth', Arial, sans-serif; }
.baseline {text-align: right; padding: 26px 15px 13px 15px; background: #7C7869; margin-top: -9px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.blog-link {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; padding: 26px 0 0 0; background: #d20101;  width: 70px; height: 55px; margin: -9px 0 0; cursor: pointer; text-decoration: none;}
.blog-link:hover, .blog-link:active {background: #ba0000; text-decoration: none;}

/* Search */
.search {position: relative; margin-top: -74px;}
.search .form-group {margin-bottom: 50px;}
.search input {padding-right: 39px;}
.search button { top: 0; right: 15px; position: absolute;  height: 30px; font-size: 1rem; padding: 0 10px;}
.search .btn-default.focus, .search .btn-default:focus, .search .btn-default:hover { color: #000; background-color: #fff; border: 1px solid #000;}
.search-small-screen {display: none;}

/* Call back */
.call-back a {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 152px; height: 49px; background: url('../img/callback.gif') no-repeat left center transparent;}

/* Rdv */
.mdc_btn {display: inline-block !important; *display: inline !important; *zoom: 1 !important; vertical-align: top !important; text-transform: uppercase !important; max-width: 254px !important; text-decoration: none !important; background-color: transparent !important; border: none !important; color: #0FA9D1 !important; font: 400 13px/17px Arial, sans-serif !important; text-align: left !important;}
.mdc_btn:hover, .mdc_btn:active { text-decoration: none !important;}
.ico-calendar { width: 50px; height: 50px; display: inline-block; vertical-align: middle; background: url('../img/ico-calendar.png') no-repeat left center transparent;}
.txt-rdv { display: block; padding-left: 58px; margin-top: -39px;}    
    


/* ==========================================================================
   Menu
   ========================================================================== */


/* Menu */
.navbar-collapse {margin-top: -20px;}
.navbar-nav {float: none; text-align: center;}
.navbar-nav li {float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-bottom: 0;}
.navbar-nav li:last-child:after, .navbar-nav li.last-menu:after {display: none;}
.navbar-nav li:after {content: ''; width: 1px; background-color: #A29E90; height: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 2px;}
.navbar-nav li a {color: #A29E90; text-decoration: none; padding: 13px 10px 10px 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}

.navbar-nav a:hover,
.nav>li>a:focus, .nav>li>a:hover,
.navbar-nav li.active a,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	webkit-border-radius:  10px 10px 0px 0px;
    		border-radius: 10px 10px 0px 0px;
}
.navbar-nav a:hover,
.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #59BED2; color: #fff;}
.navbar-nav li.active>a {background-color: #DFDDD1; color: #000;}


/* Sous menu */
.dropdown-menu {background-color: #59BED2; color: #fff; border: none;}
.navbar-nav .dropdown-menu li {width: 100%;}
.navbar-nav .dropdown-menu li:after {display: none;}
.navbar-nav .dropdown-menu li a {width: 100%;  color: #fff; border-bottom: 1px solid #fff; text-transform: uppercase; font-size: 13px;
	webkit-border-radius:  0px;
    		border-radius: 0px;
}
.navbar-nav .dropdown-menu  li:last-child a {border-bottom: none;}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav .dropdown-menu li a:active, .navbar-nav .dropdown-menu li a:focus {background-color: #3498AC; background-image: none;}
.navbar-nav .dropdown-menu li .fa-caret-right {margin-left: 5px;}

/* Sous sous menu */
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
           -moz-border-radius: 0 6px 6px;
    		border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu.pull-left { float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
       -moz-border-radius: 6px 0 6px 6px;
    		border-radius: 6px 0 6px 6px;
}



/*
    // ========================================== \\
   ||                                              ||
   ||                  FOOTER                      ||
   ||                                              ||
    \\ ========================================== //
*/


footer {background-color: #333; font-size: 12px;}
footer .row {padding-bottom: 15px; padding-top: 15px;}

/* Menu */
footer .menu ul {padding: 0;}
footer .menu li {list-style-type: none;}
footer .menu li a {color: #848484; text-decoration: none; font-family: "Arial",sans-serif;}
footer .menu li a:hover, footer .menu li a:active, footer .menu li.active a {color: #fff;}
footer .menu li a:before {content: '\f105'; font-family: 'FontAwesome', sans-serif; color: #6d6654; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 7px;}

/* Footer home */

.home h4 strong {display: block;}
footer strong {color: #928e80; font-weight: normal;}
.descr-doc p {color: #848484;}
.descr-doc a {color: #848484; text-decoration: none;}
.descr-doc a:hover, .descr-doc a:active {color: #fff;}


/* White part */
.footer-white-part {background-color: #fff;}
.footer-white-part, .footer-white-part a {color: #868686; text-decoration: none;}
.footer-white-part a:hover, .footer-white-part a:active, .footer-white-part li.active a {text-decoration: underline;}
.footer-white-part ul {padding: 0; margin-bottom: 0;}
.footer-white-part li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.footer-white-part li:after {content: ' - '; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.footer-white-part li:last-child:after {display: none;}
.footer-white-part li:first-child a {color: rgb(34, 34, 34);}





/*
    // ========================================== \\
   ||                                              ||
   ||                 HOME                         ||
   ||                                              ||
    \\ ========================================== //
*/



.home header {background-image: none;}
.home .top-header-home {position: relative; z-index: 50;}



/* ----------- Search module
------------------------------------------------------------------------------*/

.home .search {margin-top: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.home .search .form-group {margin-bottom: 0;}
.home .search.search-small-screen {display: none;}


/* ==========================================================================
   Slide home
   ========================================================================== */


.slide-home .jcarousel-wrapper {position: relative; margin-top: -50px; margin-bottom: -102px;}
.jcarousel.carousel-home-header li {/*width: 1140px !important;*/ text-align: center; margin: 0;}
.jcarousel.carousel-home-header li a {margin-left: -25px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.carousel-home-header li img {/*margin-left: 135px;*/ display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; background: url('../img/slide-home-separation.png') no-repeat right bottom;}
.slide-home-content {font-family: Verdana, sans-serif; padding-bottom: 10px; color: #ADABA3; text-align: center; width: 120px; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; padding-left: 20px;}

/* Textes */
.carousel-home-header a {text-decoration: none;}
.slide-home-content span {display: block;}
.slide-msg-1 {font-size: 70px; line-height: 59px;}
.slide-msg-2 { font-size: 36px; line-height: 34px;}
.slide-msg-3 {font-size: 95px; line-height: 73px;}
.slide-msg-4 {font-size: 95px;  line-height: 83px;  color: #88CEDD;}
.slide-msg-5 {font-size: 60px; line-height: 48px;}
.citation {position: relative; height: 133px;  background: url('../img/slide-home-citation.png') no-repeat left top transparent; padding-left: 70px; color: #88CEDD; font-size: 28px; line-height: 24px;  font-family: Bitter, sans-serif; font-weight: 400;  padding-top: 42px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; top: -100px; left: 50px;}
.cit-close {width: 60px;  height: 61px; float: right; background: url('../img/slide-home-cit-close.png') no-repeat center transparent; margin-left: 15px; margin-top: 4px;} 

/* Pagination */
.jcarousel-pagination {bottom: inherit; top: 100px; margin: 0; position: absolute; right: 240px; top: 284px;  z-index: 1000;}
.jcarousel-pagination a {width: 16px; height: 16px;  background-color: #DFDBD1; display: inline-block;  margin-right: 5px;
    -webkit-border-radius: 50%;
    		border-radius: 50%;
}
.jcarousel-pagination a.active {background-color: #88CEDD;}


/* ----------- News home
------------------------------------------------------------------------------*/

.news-home {margin-top: -67px;}
.news-home a, .news-home a:hover, .news-home a:active {text-decoration: none;}
.news-home h5 {text-transform: uppercase; color: #000; font-size: 14px; font-weight: bold; line-height: 19px;}
.news-home h5 span {color: #88cedd; font-size: 16px; display: block;}
.news-home img {width: 100%; height: auto;}
.news-home h2 {font: bold 15px/1 em Arial, sans-serif; color: #000; text-transform: none; margin: 11px 0 7px;}
.news-home p {color: #a29e90; font-size: 13px; margin-bottom: 13px;}
a.btn-dark-bg {background-color: #333; color: #fff; text-decoration: none; padding: 7px 10px;
	-webkit-border-radius: 7px 7px;
			border-radius: 7px 7px;
}
a.btn-dark-bg:hover, a.btn-dark-bg:active  {background-color: #555;}
.news-home-small-screen {display: none;}


/* ----------- 3 Btns
------------------------------------------------------------------------------*/

.btn-contact-home {margin-top: 45px;}
.home .contact-link, .home .call-back, .mdc_btn {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.home .separation {content: ''; width: 1px; height: 60px; background-color: #dfdbd1; margin: 0 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.home .contact-link {background: url('../img/ico-perso-contact-couleur.png') no-repeat left center transparent; font-size: 16px; max-width: 157px; line-height: 15px; margin-top: 0;}


/* ----------- 3 Colonnes
------------------------------------------------------------------------------*/

.columns-home {margin-top: 50px; min-height: 210px;}
.columns-home h2 span {color: #0FA9D1; display: block; font-size: 24px;}
.columns-home h2 {margin-bottom: 23px; line-height: 25px;}


/* ----------- Circle links
------------------------------------------------------------------------------*/


.home .circle-links li {width: 95px; height: 95px; margin-right: 7px;}
.home .circle-links li:nth-child(2) {margin-right: 186px;}




/*
    // ========================================== \\
   ||                                              ||
   ||               DR COULLET                     ||
   ||                                              ||
    \\ ========================================== //
*/


.portrait-drcoullet {background: url('../img/img-slide-content/portrait-drcoullet.jpg') no-repeat; min-height: 413px; width: 85%; margin-left: 15%;
	-webkit-background-size: 100%;
			background-size: 100%;
}
.descr-drcoullet {background-color: #e8e5dd; padding: 20px 15px; position: relative; width: 89%; margin-left: 8%;}
.descr-drcoullet:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
	pointer-events: none;
	border-color: rgba(232, 229, 221, 0);
	border-right-color: #e8e5dd;
	border-width: 30px;
	margin-top: -30px;
}
	
.half-page-left.slide-right {width: 40%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
/*.page-content .connected-carousels .carousel.half-page-right.slide-right li {width: 547px;}*/
.page-content .connected-carousels .carousel.half-page-right.slide-right li .descr-drcoullet li {width: auto;}
.page-content .connected-carousels .carousel.half-page-right.slide-right h2 {margin-left: 8%; margin-top: 5px;}
.connected-carousels .half-page-right.carousel-stage.slide-right {width: 48%; margin-right: 60px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 2%; padding-left: 1%;}




/*
    // ========================================== \\
   ||                                              ||
   ||               LIENS UTILES                   ||
   ||                                              ||
    \\ ========================================== //
*/


.page-content-liens-utiles .content-slide img {width: 100%;}
.logo-liens-utiles, .site-liens-utiles {margin-bottom: 25px;}



/*
    // ========================================== \\
   ||                                              ||
   ||                 GLOSSAIRE                    ||
   ||                                              ||
    \\ ========================================== //
*/




/* ==========================================================================
   Image interactive
   ========================================================================== */
   
   
/* ----------- Image part
------------------------------------------------------------------------------*/

.image-interactive {background: url('../img/img-slide-content/glossaire-schema.png') no-repeat top left; min-height: 484px; position: relative;
	-webkit-background-size: 100%;
			background-size: 100%;
}

.interactive-btn.btn-1 {top: 42%; left: 1%;}
.interactive-btn.btn-2 {top: 58%; left: 14%;}
.interactive-btn.btn-3 {top: 38%; left: 24%;}
.interactive-btn.btn-4 {top: 20%; left: 27%;}
.interactive-btn.btn-5 {bottom: 35%; right: 15%;}
.interactive-btn, .interactive-btn:visited {height: 25px; width: 25px; background: #7D7969; color: white; text-align: center; font-family: arial; font-size: 16px;  line-height: 25px; cursor: pointer;  position: absolute;  z-index: 50; text-decoration: none;
    -webkit-border-radius: 50%;
    		border-radius: 50%;
}
.interactive-btn:hover, .interactive-btn:active, .interactive-btn:focus {background-color: #0FA9D1; text-decoration: none;} 


/* ----------- Legend part
------------------------------------------------------------------------------*/


.legende-interactive {position: relative;}
.interactive-legende h2 span {display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; background-color: #0FA9D1; height: 25px; width: 25px; color: white; text-align: center; font-family: arial; font-size: 16px;  line-height: 25px; margin-right: 10px;
	-webkit-border-radius: 50%;
    		border-radius: 50%;
}


/* ==========================================================================
   Collapse
   ========================================================================== */


.panel-default {border: none; 
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
			box-shadow: 0 0 0 rgba(0,0,0,.0);
}
.panel-default>.panel-heading {border: none; background-image: none; background-color: #dfddd1;} 
.panel-default:nth-child(2n)>.panel-heading {background-color: #E5E3D9; } 
.panel-default>.panel-heading a {text-decoration: none; font-size: 16px; color: #0faad2; margin: 0; font-weight: bold;}   
.panel-default>.panel-heading a.collapsed:before {content: '\f0da';}
.panel-default>.panel-heading a:before {content: '\f0d7'; font-family: FontAwesome, sans-serif; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 10px;}

.panel-default>.panel-heading+.panel-collapse>.panel-body {background-color: #dfddd1;}
.panel-default:nth-child(2n)>.panel-heading+.panel-collapse>.panel-body {background-color: #E5E3D9;}




/*
    // ========================================== \\
   ||                                              ||
   ||               FAQ - CONTACT                  ||
   ||                                              ||
    \\ ========================================== //
*/


.content-faq, .content-contact {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 5%; width: 90%}
.page-content-faq .bg-shadow.container:before, .page-content-contact .bg-shadow.container:before,
.page-content-faq .bg-shadow.container:after, .page-content-contact .bg-shadow.container:after {content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 22px; height: 550px;}
.page-content-faq .bg-shadow.container:before, .page-content-contact .bg-shadow.container:before {background: url('../img/bg-shadow-page-left.png') no-repeat left top;}
.page-content-faq .bg-shadow.container:after, .page-content-contact .bg-shadow.container:after {background: url('../img/bg-shadow-page-right.png') no-repeat right top;}





/*
    // ========================================== \\
   ||                                              ||
   ||                    BLOG                      ||
   ||                                              ||
    \\ ========================================== //
*/


.page-blog .bar-baseline {background-color: #d20101; padding: 26px 15px 0;}
.page-blog .baseline {padding: 0; margin-top: 0;}
.page-blog .baseline .blog-link {background-color: #7C7869; width: auto; padding: 26px 15px 0; margin-right: -15px;}

.page-content-blog .bg-shadow {background-color: #e9e7df; box-shadow: 7px 0 12px -6px #888,-7px 0 12px -6px #888;  padding-top: 25px;}
.liste-blog, .sidebar-blog, .detail-blog {padding-top: 20px;}
.brown-bg { background: #7d7969; margin: 25px 36px 10px 36px; padding: 4px 15px; color: #fff; font-style: italic; font-weight: 400;}
.row.brown-bg {margin: 25px 0 0; font-size: 14px; padding: 8px 15px;}
.brown-bg .breadcrumb {padding: 8px 15px;margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0;}
.brown-bg .breadcrumb ul {margin: 0; padding: 0;}
.brown-bg .breadcrumb li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.brown-bg .breadcrumb li:after {content: '>'; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; margin: 0 5px 0 10px;}
.brown-bg .breadcrumb li:last-child:after {display: none;}
.brown-bg a {color: #fff; text-decoration: none;}
.brown-bg a:hover, .row.brown-bg a:active {text-decoration: underline;}

.article-bloc {background-color: white; border: 1px solid #b0b0b0;  margin-left: 36px; padding: 20px 0 0; margin-bottom: 20px;}
.article-bloc img {width:100%; height: auto; margin-top: 10px;}
.article-bloc h2 a {text-decoration: none; margin-top: 10px;}
.article-bloc h2 a:hover, .article-bloc h2 a:active {text-decoration: underline;}
.article-bloc p {font-size: 14px;}

.article-img {padding-left: 20px;}
.article-desc {padding-right: 20px;}
.article-bloc .social-links {display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; margin-left: 5px;}
.article-bloc .social-links ul {margin-bottom: 0;}
.row.brown-bg .fa {color: #e9e7df; vertical-align: text-top; margin-right: 5px;}

.sidebar-blog h3 {font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 15px 0 0;}
.sidebar-blog ul {margin: 10px 0 20px;}
.sidebar-blog li, .sidebar-blog a {font-size: 14px; color: #797979; text-decoration: none;}
.sidebar-blog a:hover, .sidebar-blog a:active {text-decoration: underline;}
 

.detail-blog .article-img, .detail-blog .article-desc {padding-left: 20px; padding-right: 20px;} 
   
.page-nav ul {margin: 0 0 20px; padding: 0;}
.page-nav li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px;}
.page-nav li:last-child {margin-right: 0;}
.page-nav li a {color: #0FA9D1; text-decoration: none;}
.page-nav li a:hover, .page-nav li a:active {color: #000; text-decoration: underline;}

.height-400 {
	max-height: 400px;
	overflow: hidden;
}

.full .height-400 {
	max-height: none;
	overflow: auto;
}

.easyPaginateNav {
	margin: 20px 0;
	text-align: center;
}

.easyPaginateNav a {
	margin: 0 10px;
}

.easyPaginateNav .current {
	color: #000;
	font-weight: 600;
}
   
   

/*
    // ========================================== \\    
   ||                                              ||
   ||                MEDIA QUERIES                 ||
   ||                                              ||
    \\ ========================================== //
*/



/* ==========================================================================
   Large Devices, Wide Screens
   ========================================================================== */


@media only screen and (max-width : 1200px) {
	
	/* Header */
	.blog-link {margin-left: -5px;}
	.navbar-nav li a {padding-left: 6px; padding-right: 6px;}
	.navbar-nav li:after {margin: 0 1px;}
	
	/* Slide home */
	.jcarousel.carousel-home-header li {margin: 0 auto; /* width: 940px !important;*/}
	.carousel-home-header li img {margin-left: 55px;}
	.slide-home-content {padding-left: 15px;}
	.citation, .cit-close {
		-webkit-background-size: 40%;
				background-size: 40%;
	}
	.citation {font-size: 23px; padding: 22px 0 0 40px;}
	.cit-close {margin-top: -9px;}
	
	/* Home */
	.baseline {padding: 26px 10px 13px 10px;}
	.home .separation {margin: 0 15px;}
	.home .contact-link {max-width: 142px; padding-left: 70px;}
	.home .txt-rdv {max-width: 221px;}
	.home .circle-links li:nth-child(2) {margin-right: 124px;}
	
	/* Glossaire */
	.interactive-btn.btn-1 {top: 36%;}
	.interactive-btn.btn-2 {top: 48%;}
	.interactive-btn.btn-3 {top: 32%;}
	.interactive-btn.btn-4 {top: 18%;}
	.interactive-btn.btn-5 {bottom: 47%;}
	
}



/* ==========================================================================
   Medium Devices, Desktops
   ========================================================================== */


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

}

@media only screen and (max-width : 991px) {
	
	/* Header */
	.top-header {top: -47px;}
	.call-back{ margin-top: 30px !important; margin-left: -165px;}
	.mdc_btn {margin-top: 19px !important;}
	.descr-page {text-align: center;}
	
	/* Menu responsive change breakpoint */
	.navbar-header {float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
  	.navbar-left,.navbar-right { float: none !important;}
	.navbar-toggle { display: block; float: none; margin: 0 0 0 15px; background-color: #0FA9D1; top: -88px;}
	.navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-fixed-top {  top: 0; border-width: 0 0 1px; }
	.navbar-collapse.collapse { display: none!important;}
	.navbar-nav { float: none!important; margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a { padding-top: 10px;  padding-bottom: 10px;}
	.collapse.in{  display:block !important;}
    
    /* Menu deroulant */
	.navbar-collapse.collapse.in {margin: 0; background-color: #0FA9D1;
  		box-shadow: 0 0 0 0 rgba(0,0,0,0);
	}
	.navbar-collapse {padding: 0; margin: 0 !important;}
	.navbar-nav {margin: 0; padding: 0; text-align: center;}
	.navbar-nav li {margin-left: 0 !important; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%;}
	.navbar-nav li:after {display: none;}
	.navbar-nav li a, .navbar-inverse .navbar-nav>li>a {width: 100%; font-size: .8rem; border-bottom: 1px solid #fff !important; border-top: 1px solid transparent; padding: 12px 15px !important; color: #fff;}
	.navbar-nav li.active, .navbar-nav li a:active, .navbar-inverse .navbar-nav>li>a:active  {border-bottom: 1px solid #fff !important; background-color: #DFDDD1; border-top: 1px solid #fff; color: #000;}
	.navbar-nav li a:hover, .navbar-inverse .navbar-nav>li>a:hover  {border-bottom: 1px solid #fff !important; background-color: #3498AC; border-top: 1px solid #fff; color: #fff;}
	.navbar-nav a:hover, .nav>li>a:focus, .nav>li>a:hover, .navbar-nav li.active a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    	-webkit-border-radius: 0px;
    			border-radius: 0px;
    }	
    .navbar-nav .dropdown-menu li a {text-align: center;}
    
    /* Search form */
	.search-small-screen {display: block;}
	.search-large-screen {display: none;}
	.search {margin: 10px 0 5px;}
	.search .form-group {margin-bottom: 10px;}
	
	/* Slide content */
	.left-content-slide img {max-width: 32%;}
	
	/* Slide en 2 parties */
	.connected-carousels .half-page-left.carousel-stage {width: 80%; margin: 0 10%;}
	.book {width: 90%;}
	.book-img {width: 150px; height: 125px;}
	.arrow-download {width: 100px; height: 73px; bottom: -72px;}
	.book-img, .arrow-download {
		-webkit-background-size: 100%;
				background-size: 100%;
	}
	
	/* Slide with video */
	.content-slide-video iframe {min-height: 344px;}
	
	/* Slide Dr Coullet desc */
	.portrait-drcoullet {min-height: 253px;}
	.descr-drcoullet:after {top: 15%;}
	
	/* Slide collapse */
	.connected-carousels .carousel-stage li:nth-child(2) {padding: 0 30px;}
	
	/* Home */
	.jcarousel.carousel-home-header li {/*width: 720px !important;*/}
	.carousel-home-header li img {margin-left: 0;}
	.slide-home-content {text-align: left;}
	.slide-msg-1 {font-size: 50px; line-height: 31px;}
	.slide-msg-2 {font-size: 26px; line-height: 40px;}
	.slide-msg-3 {font-size: 45px; line-height: 30px;}
	.slide-msg-4 {font-size: 75px; line-height: 69px;}
	.slide-msg-5 {font-size: 40px; line-height: 39px;}
	.citation {left: 0; max-width: 240px; text-align: left; padding: 2px 0 0 30px;}
	.jcarousel-pagination {right: 193px;}
	.btn-contact-home {text-align: center;}
	.home .call-back {margin-left: 0;}
	.btn-contact-home {text-align: center; padding-left: 100px; margin-top: 30px;}
	.news-home, .home .call-back, .home .mdc_btn {margin-top: 0 !important;}
	.news-home-small-screen {display: block; background-color: #fff; padding-top: 10px; padding-bottom: 30px;}
	.news-home-large-screen {display: none;}
	.home .news-home  a.btn-dark-bg {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
	.home a.btn-dark-bg {display: block;}
	.home .circle-links li:nth-child(2) {margin-right: 50px;}
	
	/* Liens utiles */
	.page-content.page-content-liens-utiles .connected-carousels .carousel-stage, .half-page-right { width: 80%; margin: 40px 10% 70px;}
	
	/* Blog */
	.article-bloc {margin-right: 36px;}
	
	/* Glossaire */
	.image-interactive { background-position: top left;
		-webkit-background-size: auto auto;
				background-size: auto auto;
	}	
	.interactive-btn.btn-1 {top: 43%;}
	.interactive-btn.btn-2 {top: 57%; left: 7%;}
	.interactive-btn.btn-3 {top: 38%; left: 12%;}
	.interactive-btn.btn-4 {top: 21%; left: 14%;}
	.interactive-btn.btn-5 {bottom: inherit; right: inherit; top: 60%; left: 40%;}


}



/* ==========================================================================
   Small Devices, Tablets
   ========================================================================== */


   
@media only screen and (max-width : 767px) {
	
	/* Header */
	header {background-position: center 0;}
	.descr-page {display: none;}
	.navbar-toggle {margin-left: 30px; top: -60px;}
	
	.bar-baseline {display: none;}
	.top-header {top: 0;}
	.top-header .col-md-3.text-right {text-align: left !important;}
	.navbar-brand { float: none; display: block; margin: 15px auto 25px; width: 80px; height: 73px;
		-webkit-background-size: 80px 73px;
				background-size: 80px 73px;
	}
	.entite {text-align: center;}
	.call-back {margin-left: 0;}
	.baseline {text-align: center;}
	
	/* Slide content */
	.page-content .connected-carousels .prev-stage, .connected-carousels .next-stage,
	.page-content .connected-carousels .prev-stage:hover, .connected-carousels .next-stage:hover {width: 40px; height: 300px; z-index: 50;
		-webkit-background-size: cover !important;
				background-size: cover !important;
	}
	.page-content .connected-carousels .prev-stage:hover, .connected-carousels .next-stage:hover {background-position: -40px 0 !important;}
	
	/* Slide en 2 parties */
	.page-content .connected-carousels .carousel-stage, .half-page-right { width: 80%; margin: 40px 10% 70px;}
	/* .book {width: 80%; margin: 0 auto;} */
	.arrow-download {left: inherit; right: 70px;}
	
	/* Bottom part : social links, circle links, contact link */
	.link-bottomm-content>.row>div {text-align: center !important;}
	 
	 /* Slide videos */
	.videos-slide .jcarousel {width: 85%;}
	.content-slide-video iframe { min-height: 196px;}
	 
	/* Slide desc Dr Coullet */
	.page-content-drcoullet .stage {position: relative; padding-bottom: 373px;}
	.half-page-left.slide-right {width: 60%; margin: 10px 17% 20px; position: absolute; bottom: 0; z-index: 0;}
	.portrait-drcoullet {min-height: 343px;}
	.connected-carousels .half-page-right.carousel-stage.slide-right {width: 80%; margin: 10px 10% 0;}
	.descr-drcoullet {width: 100%; margin-left: 0; margin-bottom: 38px;}
	.page-content .connected-carousels .carousel.half-page-right.slide-right h2 {margin-left: 0;}
	.descr-drcoullet:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-width: 30px; margin-left: -30px; right: inherit; bottom: inherit; margin-top: inherit;
		pointer-events: none;
		border-color: rgba(232, 229, 221, 0);
		border-top-color: #e8e5dd;
	 }
	 
	 /* Slide collapse */
	.connected-carousels .carousel-stage li:nth-child(2) {padding: 0;}
	
	 /* Footer : white part */
	 .footer-white-part, .footer-white-part .text-right {text-align: center !important;}
	 
	 /* Home */
	 .home .search.search-large-screen {display: none !important;}
	 .home .search.search-small-screen {display: block !important;}
	 .top-header-home {display: none;}
	 .baseline-logo { background-color: #7C7869; padding: 9px 0 0;}
	 .home .navbar-brand { position: absolute; right: inherit;  left: 15px; top: -61px;  z-index: 100;}
	 .slide-home .jcarousel-wrapper {margin-bottom: 0;}
	 .jcarousel-pagination {top: 304px;}
	 .btn-contact-home {padding-left: 74px; margin-top: 20px;}
	 .home .separation {margin: 0 2px;}
	 .home .contact-link {max-width: 105px; padding-left: 44px; font-size: 14px;
	 	-webkit-background-size: 40%;
	 			background-size: 40%;
	 }
	 .home .call-back a, .call-back a {width: 102px;
	 	-webkit-background-size: 100%;
	 			background-size: 100%;
	 }
	 .call-back {padding-left: 110px;}
	 .home .ico-calendar, .ico-calendar {width: 30px; height: 30px;
	 	-webkit-background-size: 100%;
	 			background-size: 100%;
	 }
	 .home .mdc_btn, .mdc_btn {max-width: 137px !important; font-size: 12px !important; line-height: 15px !important;}
	 .home .txt-rdv, .txt-rdv {padding-left: 38px;}
	 .home .navbar-toggle {margin-top: -62px;}
	 .columns-home {min-height: inherit;}
	 .home .circle-links li:nth-child(2) {margin-right: inherit;}
	 .home .circle-links li {margin-bottom: 5px;}
	 /* Slide home */
	 .slide-home .jcarousel-wrapper {margin: 15px 0 0;}
	 .jcarousel.carousel-home-header li a {width: 100%; margin: 0;}
	 .carousel-home-header li img {width: 150px; height: 228px;}
	 .slide-home-content {position: relative;}
	 .citation {top: -52px;}
	 .jcarousel-pagination {top: inherit; right: 5%; left: inherit; bottom: 20px;}
	 
	 /* Liens utiles */
	 .page-content-liens-utiles .content-slide img {width: auto;}
	 .logo-liens-utiles {margin-bottom: 10px;}
	 .site-liens-utiles {margin-bottom: 30px;}
	 
	 /* Blog */
	 .page-blog .blog-link, .page-blog .baseline { margin: 0; width: 100%;}
	 .page-blog .baseline .blog-link, .page-blog .blog-link {padding-top: 20px;}
	 .article-img, .article-desc {padding-left: 20px; padding-right: 20px;}
	 
	 /* Glossaire */
	 .image-interactive {width: 320px; min-height: 322px;
	 	-webkit-background-size: 100%;
	 			background-size: 100%;
	 }
	.interactive-btn.btn-1 {left: 0%;}
	.interactive-btn.btn-2 {left: 13%;}
	.interactive-btn.btn-3 {top: 37%; left: 22%;}
	.interactive-btn.btn-4 {top: 20%; left: 29%;}
	.interactive-btn.btn-5 {left: 83%;}
	
}


@media screen and (max-width: 660px) {

    .page-content .connected-carousels,
    .page-content .connected-carousels .stage,
    .page-content .connected-carousels .navigation,
    .page-content .connected-carousels .carousel-navigation,
    .page-content .carousel-stage li img { width: 100%; height:auto; }
    .page-content .carousel-stage li img {padding: 0; margin: 0; vertical-align: top; }
    .page-content .jcarousel-clip-horizontal  { width: 100%;  overflow: hidden; }
    .connected-carousels .half-page-left.carousel-stage {/* margin: 0;*/ padding: 0;}
    
    /* Slide home */
    .carousel-home-header li img {display: none;}
    
    /* Slide descr Dr Coullet */
    .page-content .half-page-right.slide-right .content-slide {width: 100%;}
    .half-page-left.slide-right {margin-bottom: 0;}
    .portrait-drcoullet { min-height: 283px;}
    .page-content-drcoullet .stage {padding-bottom: 313px;}
	    
}


@media only screen and (max-width : 620px) {
	
	/* Header */
	.baseline {text-align: center; width: 100%;}
	.blog-link {margin: 0; width: 100%;}
	
	/* Home */
	.home baseline {padding-top: 40px;}
	.jcarousel.carousel-home-header li a { width: 90%; margin: 0 0 0 10%;}
	
	/* Slide content */
	.left-content-slide img { max-width: 100%;}
	.carousel-navigation li {width: 100%;}
	.carousel-navigation li:after {display: none;}
	
	/* Slide videos */
	 .videos-slide .jcarousel {width: 75%;}
	 
	 /* FAQ - Contact */
	 .content-faq, .content-contact {padding: 0px 8%; width: 84%;}
	 
	 /* Blog */
	 .article-bloc, .brown-bg {margin-left: 15px; margin-right: 15px;}

}



/* ==========================================================================
  Extra Small Devices, Phones
   ========================================================================== */
   
   
@media only screen and (max-width : 480px) {
	
	/* Background */
	.page-content-faq .bg-shadow.container:before, .page-content-contact .bg-shadow.container:before, .page-content-faq .bg-shadow.container:after, .page-content-contact .bg-shadow.container:after {width: 11px; height: 225px;}
	.page-content-faq .bg-shadow.container:before, .page-content-contact .bg-shadow.container:before,
	.page-content-faq .bg-shadow.container:after, .page-content-contact .bg-shadow.container:after {
		-webkit-background-size: 100%;
				background-size: 100%;
	}
	.content-faq, .content-contact { padding: 0px 1%; width: 86%;}
	
	/* Header */
	.call-back, .mdc_btn {margin-top: 20px !important;}
	/* .navbar-toggle {top: -37px;} */
	.baseline, .blog-link, .page-blog .baseline .blog-link {padding: 13px 0px 18px; height: auto;}
	.call-back a {width: 100px; height: 36px;
		-webkit-background-size: 100px 36px;
				background-size: 100px 36px;
	}
	.mdc_btn {font-size: 11px !important; line-height: 13px !important;}
	.ico-calendar {width: 30px; height: 30px;
		-webkit-background-size: 30px 30px;
				background-size: 30px 30px;
	}
	.txt-rdv { padding-left: 38px; margin-top: -26px;}
	
	/* Slide content */
	.page-content .connected-carousels .carousel-stage, .half-page-right { width: 70%;  margin: 40px 15% 70px;}
	
	/* Slide en 2 parties */
	.book-img { width: 120px; height: 100px; right: -15px;}
    .arrow-download {  width: 70px; height: 51px; bottom: -51px; right: 90px;}
    
    /* Slide desc Dr Coullet */
    .page-content-drcoullet .stage {padding-bottom: 223px;}
    .portrait-drcoullet { min-height: 203px;}
    .page-content .connected-carousels .carousel.carousel-stage .right-content-slide ul {padding-left: 17px;}
    
	/* Bottom part : social links, circle links, contact link */
	.contact-link {font-size: 17px;}
	.blue-pdf-part img {right: 50%; margin-right: -41px;}
	.blue-pdf-part h4 {margin: 35px 0 5px;}
	
	/* Slide videos */
	 .videos-slide .jcarousel {width: 68%;}
	 
	 /* Home */
	 .btn-contact-home { margin-left: 66px; padding-left: 0; text-align: right;}
	 .home .baseline {padding-top: 40px;}
	 .home .navbar-toggle { margin-top: -67px;}
	 .home .separation {margin: 0;}
	 .home .call-back a {width: 70px;}
	 .home .contact-link { line-height: 13px; padding-left: 31px; max-width: 94px; margin-left: -36px;
	 	-webkit-background-size: 30%;
	 			background-size: 30%;
	 }
	 .home .mdc_btn {max-width: 100px !important;}
	 .home .ico-calendar {display: none;}
	 .home .txt-rdv {padding-left: 0; max-width: inherit; margin-top: 10px;}
	 /* Slide home */
	 .jcarousel.carousel-home-header li a {  width: 80%;  margin: 0 0 0 20%;}
	 .slide-msg-1 {font-size: 40px; line-height: 27px;}
	 .slide-msg-2 {font-size: 19px; line-height: 32px;}
	 .slide-msg-3 {font-size: 32px; line-height: 20px;}
	 .slide-msg-4 {font-size: 60px; line-height: 61px;}
	 .slide-msg-5 {font-size: 29px; line-height: 26px;}
	 .citation {font-size: 18px; max-width: 148px; padding-left: 20px; top: 0; margin-bottom: 10px;}
	 .cit-close { margin-top: 5px; width: 14px; height: 15px;
      	-webkit-background-size: 100%;
      			background-size: 100%;
      }
      .jcarousel-pagination { top: inherit; bottom: 20px; left: 50%;}
      
      /* Blog */
      .sidebar-blog .col-xs-6 {width: 100%;}
      
      /* Glossaire */
      .image-interactive { width: 260px; min-height: 263px;}
	 
	
}


/* ==========================================================================
   Custom, iPhone Retina
   ========================================================================== */
   

@media only screen and (max-width : 416px) {
	
	/* Header */
	.top-header .text-right {text-align: center;}
	.nav-bottom .container.no-padding {padding-left: 15px !important; padding-right: 15px !important;}
	.navbar-header {width: 100%; display: block;  margin: 0 !important;}
	.navbar-header:before {display: inline-block;}
	.navbar-toggle {text-align: center; width: 100%; padding-left: 0; padding-right: 0; margin: 0; top: 0;
		-webkit-border-radius: 0;
				border-radius: 0;
	}
	.home .navbar-toggle {margin: 0;}
	.navbar-toggle .icon-bar {margin: 4px auto 0;}
	.call-back {padding-left: 50px;}
	.home .call-back {padding-left: 0;}
	
	.btn-contact-home {text-align: center; margin-left: 15px;}
	
	/* Slide desc Dr Coullet */
	.connected-carousels .half-page-right.carousel-stage.slide-right { width: 70%;  margin: 10px 15% 0;}
	.portrait-drcoullet { min-height: 163px;}
	
	/* Glossaire */
	.image-interactive { width: 193px; min-height: 193px;}
	
	/* Contact */
	.btn-group.bootstrap-select.col-xs-4 {width: 100%; margin-bottom: 15px;}
	.contact-form input[type=checkbox] {height: auto !important; width: auto !important;}

}
   
   
@media only screen and (max-width : 320px) {
	
	/* Home slide */
	.jcarousel-pagination { top: inherit;  left: 50%; margin-left: -40px;}

}




/* QCM */
#qcm .quizz_question {
	color: #0FAAD2;
	font-size: 12px;
	padding: 5px 0;
}

#qcm .response {
	text-align: right;
}

#qcm .form-actions {
	text-align: right;
}

#qcm input[type="submit"] {
	border-radius: 5px;
	color: #fff;
	background: #0FAAD2;
	padding: 5px 15px;
	border: none;
	font-size: 14px;
	margin: 15px 0;
	cursor: pointer;
}

#qcm .fa-play {
	margin-right: 15px;
	color: #7C7869;
}

#qcm .decor-quizz {
	position: absolute;
	width: 373px;
	height: 78px;
	background: url(/sites/all/themes/drcoullet/images/header-quizz.jpg) top left no-repeat;
	top: -79px;
	right: 0px;
}

#qcm #form-qcm {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}

#qcm #message {
	text-align: center;
	margin: 20px 0;
}


/* -40 ans */
.marketing-box-wrapper {
	margin-top: 20px;
}

.age_header a,
.marketing-box-wrapper a {
	text-align: center;
	text-decoration: none;
}

.age_header img {
	max-width: 100%;
	max-height: 250px;
}

.marketing-box-wrapper .box {
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	max-width: 187px;
	height: 170px;
	margin: 15px auto;
	cursor: pointer;
	color: #000;
	transition: all 0.4s ease;
	transition-property: height, color, background-color;
}

.marketing-box-wrapper .box:hover {
	height: 240px;
	color: #fff;
	background-color: #359AAE;
}

.marketing-box-wrapper .box_img_myopie {
	height: 139px;
	background-image: url("/sites/all/themes/drcoullet/images/myopie-fondblanc.png");
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: -110px;
	transition: background-image 0.4s ease;
}
.marketing-box-wrapper .box:hover .box_img_myopie {
	background-image: url("/images/myopie-fondbleu.png");
}

.marketing-box-wrapper .box_img_hyper {
	height: 139px;
	background-image: url("/sites/all/themes/drcoullet/images/hypermetropefondblanc.png");
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: -110px;
	transition: background-image 0.4s ease;
}

.marketing-box-wrapper .box:hover .box_img_hyper {
	background-image: url("/images/hypermetropefondbleu.png");
}

.marketing-box-wrapper .box_img_astig {
	height: 139px;
	background-image: url("/sites/all/themes/drcoullet/images/astygmate-fondblanc.png");
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-bottom: -110px;
	transition: background-image 0.4s ease;
}

.marketing-box-wrapper .box:hover .box_img_astig {
	background-image: url("/images/astygmate-fondbleu.png");
}

.marketing-box-wrapper .box_text_header {
	margin-top: 66px;
	margin-left: 0px;
	line-height: 16px;
	text-align: center;
}

.marketing-box-wrapper .box_title {
	font-family: bitter;
	font-size: 12px;
}

.marketing-box-wrapper .box_text {
	font-family: "Arial",sans-serif;
	font-size: 14px;
}

.marketing-box-wrapper .box_fleche_bleu {
	margin-top: 6px;
}

.marketing-box-wrapper .box_content {
	font-family: "Arial",sans-serif;
	padding: 10px;
	font-size: 12px;
}

#mdc_link {
  display: none !important;
}