/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
/* Webfont: Lato-HairlineItalic */
@font-face {
    font-family: 'LatoHairline';
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato2OFLWeb/Lato/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato2OFLWeb/Lato/Lato-HairlineItalic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */
@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato2OFLWeb/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato2OFLWeb/Lato/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato2OFLWeb/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato2OFLWeb/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato2OFLWeb/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


html,
body {
	color:#393939;
    height: 100%;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	
}

body {
    padding-top: 00px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

p {
	text-align:justify;
}
a {
    color: #0197ad;
}

a:focus, a:hover {
    color: #393939;
}
h1, h2, h3, h4, h5 {	
	text-transform: uppercase;
	font-family: "LatoLight", Helvetica, Arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 5px;
}
h4, h5 {	
	text-transform: uppercase;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}
h2 {
	color:#0197ad;	
	border-bottom: 1px dotted #0197ad;
}
.page-header {
    margin: 20px 0px 10px;
}
.image-header .carousel-caption{
	bottom:0;
	margin:0 0 0 50px;
	right:0;
	left:0;
	color: #CFCFCF;
	text-transform: uppercase;
	text-align: left;	
}
.image-header h1{
	font-weight: 300;
	font-family: 'LatoLight';
}

.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
.navbar-brand {
	font-size: 3em;
	font-family: "LatoLight", Helvetica, Arial, sans-serif;
}
/*recherche*/
.recherche .input-group {
width: 300px;
margin: 20px 0;
padding:10px;
background: #0197ad;
}
.recherche .input-group .form-control,.recherche .input-group .input-group-btn button{
	border-radius:0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
.page-header {
	font-family: "LatoLight", Helvetica, Arial, sans-serif;
}
/* Blocs prise rdv plan accès contact */
.bloc_options  {
	background : #0197ad;
	color: #FFF;
}
.bloc_options h4 {	
	text-transform: uppercase;
}
.bloc_options p {
}
.bloc_options h4 {	
	text-transform: uppercase;
}
.bloc_options .fa-inverse {
	color: #FFF;
	font-size: 4em;
}
.bloc_options1, .bloc_options2,.bloc_options3 {
	padding: 10px;
}
/* ./Blocs prise rdv plan accès contact */
/*Blocs rubriques*/
.rubriques p {
	text-align: center;	
}
.rubriques img{
	border: 1px solid #aeaeae;
}
.rubriques h4 {	
	text-transform: uppercase;
	text-align: center;	
	min-height: 80px;
}
.rubriques .rub1,.rubriques .rub2,.rubriques .rub3,.rubriques .rub4,.rubriques .rub5,.rubriques .rub6 {
	margin-bottom: 20px;
}
.rubriques .rub1 h4{
	color: #fdb302;
}
.rubriques .rub1 .btn{
	background: #fdb302;
	color: #fff;
}
.rubriques .rub2 h4{
	color: #e54d71;
}
.rubriques .rub2 .btn{
	background: #e54d71;
	color: #fff;
}
.rubriques .rub3 h4{
	color: #0296af;
}
.rubriques .rub3 .btn{
	background: #0296af;
	color: #fff;
}
.rubriques .rub4 h4{
	color: #023067;
}
.rubriques .rub4 .btn{
	background: #023067;
	color: #fff;
}
.rubriques .rub5 h4{
	color: #12568b;
}
.rubriques .rub5 .btn{
	background: #12568b;
	color: #fff;
}
.rubriques .rub6 h4{
	color: #af005f;
}
.rubriques .rub6 .btn{
	background: #af005f;
	color: #fff;
}

.rubriques .btn:hover,.rubriques .btn:focus{
	background: #393939;
	color: #fff;
}
/*_Blocs rubriques*/

footer {
	color: #fff;
	margin:0;
	padding-bottom:10px;
	background : #1d1d20;
}
footer h4{
	font-family: "LatoLight", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
    color: #FFF;
	}

footer a, footer i,  footer h5{
    color: #0197ad;
}
footer a:focus, footer  a:hover {
    color: #fff;
}
/* début habillage pages interieures*/ 

.content {
	
}
.img-thumbnail {
	margin: 3px 5px 3px 5px;
}

.breadcrumb {
	display: inline-block;
    border-radius: 0px;
	background: #e5e5e5;
	margin-bottom: 5px;
}
.breadcrumb i{
	font-size: 2em;
	color: #393939;
}
.breadcrumb i:hover{
	color: #0197ad;
}

.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.2em;
	color:#0197ad;	
	border-bottom: 0px;
}
	
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/**Personnalisation couleurs en fonction de rubrique **/

.chirurgie_face h1.page-header,
.chirurgie_face .panel-title,
.chirurgie_face h2,
.chirurgie_face h3,
.chirurgie_face h4,
.chirurgie_face h5,
.chirurgie_face strong,
.chirurgie_face b{
	color: #fdb302;
}
.chirurgie_face blockquote {
    border-left: 5px solid #fdb302;
	background: #cecece;
}
.chirurgie_face .panel-heading,.chirurgie_face .btn-default, .chirurgie_face .panel .BlocLiens {
	background: rgba(253, 179, 2, 0.30);
}


.med_esthetique h1,
.med_esthetique .panel-title,
.med_esthetique h2,
.med_esthetique h3,
.med_esthetique h4,
.med_esthetique h5,
.med_esthetique strong,
.med_esthetique b{
	color: #e54d71;
}
.med_esthetique blockquote {
    border-left: 5px solid #e54d71;
	background: #cecece;
}
.med_esthetique .panel-heading ,.med_esthetique .btn-default, .med_esthetique .panel .BlocLiens{
	background: rgba(229, 77, 113, 0.30);
}



.surdite_vertiges h1,
.surdite_vertiges .panel-title,
.surdite_vertiges h2,
.surdite_vertiges h3,
.surdite_vertiges h4,
.surdite_vertiges h5,
.surdite_vertiges strong,
.surdite_vertiges b{
	color: #0296af;
}
.surdite_vertiges blockquote {
    border-left: 5px solid #0296af;
	background: #cecece;
}
.surdite_vertiges .panel-heading,.surdite_vertiges .btn-default, .surdite_vertiges .panel .BlocLiens {
	background: rgba(2, 150, 175, 0.30);
}
 

.nez_sinus h1,
.nez_sinus .panel-title,
.nez_sinus h2,
.nez_sinus h3,
.nez_sinus h4,
.nez_sinus h5,
.nez_sinus strong,
.nez_sinus b{
	color: #023067;
}
.nez_sinus blockquote {
    border-left: 5px solid #023067;
	background: #cecece;
}
.nez_sinus .panel-heading,.nez_sinus .btn-default, .nez_sinus .panel .BlocLiens {
	background: rgba(2, 48, 103, 0.30);
}


.bouche_gorge h1,
.bouche_gorge  .panel-title,
.bouche_gorge h2,
.bouche_gorge h3,
.bouche_gorge h4,
.bouche_gorge h5,
.bouche_gorge strong,
.bouche_gorge b{
	color: #12568b;
}
.bouche_gorge blockquote {
    border-left: 5px solid #12568b;
	background: #cecece;
}
.bouche_gorge .panel-heading,.bouche_gorge .btn-default, .bouche_gorge .panel .BlocLiens {
	background: rgba(18, 86, 139, 0.3);
}


.sommeil h1,
.sommeil .panel-title,
.sommeil h2,
.sommeil h3,
.sommeil h4,
.sommeil h5,
.sommeil strong,
.sommeil b{
	color: #af005f;
}
.sommeil blockquote {
    border-left: 5px solid #af005f;
	background: #cecece;
}
.sommeil .panel-heading,.sommeil .btn-default, .sommeil .panel .BlocLiens {
	background: rgba(175, 0, 95, 0.5);
}
.chirurgie_face .btn-default,.med_esthetique .btn-default,.surdite_vertiges .btn-default,.nez_sinus .btn-default,.bouche_gorge .btn-default,.sommeil .btn-default {
	margin-bottom:10px;
}
.chirurgie_face .btn-default a,.med_esthetique .btn-default a,.surdite_vertiges .btn-default a,.nez_sinus .btn-default a,.bouche_gorge .btn-default a,.sommeil .btn-default a{
	color:#393939;
}
.legend{
  font-size: 0.8em;
  font-style: italic;
}