/*		Style customs
-------------------------------*/


/*		@Global
--------------------------------------------------*/

html, body {
	min-height: 1;
	height: 100%;
}

body {
	color: #000;
	font-family: Roboto, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	width: 100%;
}

#main{
	padding-top:108px;
}

h1, h2, h3, h4, h5, h6, p, a{
	color:#26CCB7;
}

h2{
	font-weight: 300;
}


.container{
	position:relative;
}

@media only screen 
	and (max-width : 640px) {
		#main{
			padding-top:58px;
		}
		
}
/*      @Couleurs
-------#26CCB7---------------------------------------*/


/*		@general
-----------------------------------------*/

h1, h2, h3, h4, h5, h6, a, a:hover, a:focus, a:active{
	text-transform: uppercase;
	text-decoration: none;

}

ul, li, a{
	text-shadow: none;
}


a, #prendre-rendez-vous a{ 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

#examens h2, #informations-pratiques h2, #contact h2, #visualisez-examens h2{
	font-size: 285%;
	padding:5% 0;
	margin:0;
	font-family: Roboto;
	font-weight: 300;
}

#examens h3{
	font-family: Roboto;
	font-weight: 300;	
}

#prendre-rendez-vous span{
	font-weight: 500;	
	display: block;
}

@media only screen 
	and (min-width : 768px) {
		
		#triangle-informations-pratiques:before,
		#triangle-centre-radiologie:before,
		#triangle-visualisez-examens:before,
		#triangle-examens:before,
		#triangle-equipe:before{
			bottom: 100%;
			left: 5%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;			
			border-width: 30px;
			margin-left: -30px;
		}
		#triangle-visualisez-examens:before {
			border-color: rgba(67, 63, 86, 0);
			border-bottom-color: #26CCB7;
		}
		
		#triangle-examens:before {
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #fff;
		}
		#triangle-equipe:before {
			border-color: rgba(240, 239, 239, 0);
			border-bottom-color: #2b2c2c;
		}
		#triangle-informations-pratiques:before,
		#triangle-centre-radiologie:before{
			border-color: rgba(240, 239, 239, 0);
			border-bottom-color: #f0efef;
		}
}

@media only screen 
	and (max-width : 768px) {
		.hidden-sm, hidden-xs{
			display:none;
		}
		body{
			font-size: 12px;
		}
	}

@media only screen 
	and (min-width : 641px) {
		.show-xs{
			display:none;
		}
}


@media only screen 
	and (max-width : 360px) {
		body{
			font-size: 10px;
		}
}

/*		@Structure
-----------------------------------------------*/



/*		@header
-----------------------------------------------*/

#masthead a{
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	-ms-text-shadow: none; 
	text-shadow: none;
	color:#484a4a;     
}

#navbar a:hover,
#navbar a:active,
#navbar a:focus {
	color:#26CCB7;
}

#prendre-rendez-vous a, #prendre-rendez-vous a:hover{
	color:#fff;
}

.navbar{
	background: white;
	border:none;
	height:110px;    
}

#menu-main-navigation{
	margin-top:50px;
	margin-left:3%;
}

.navbar h1{
	padding:0;
	margin:0;
}

a.navbar-brand {
	font-size: 24px;
	line-height: 30px;
}

#prendre-rendez-vous{
	background: url(../img/rdv.png) no-repeat 0 0;
	display:inline-block;
	height: 72px;
	line-height: 72px;
	width: 185px;
	margin-top:38px;
}

#prendre-rendez-vous a {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size:130%;  
	padding-left:10px; 
	font-weight: 300;
}

.navbar > .container .navbar-brand{
	width:196px;
	height:68px;
	padding:0;
	margin-left:0;
	margin-top:50px; /* 20px */

}

.navbar-brand img{
	padding:0;
	margin:0;
}

/*-menu hamburger-*/

#masthead .icon-bar{
	background-color: #FFF;
}
#masthead .navbar-toggle{
	background-color: #26CCB7;
}
/*-fin du menu hamburger-*/


@media only screen
	and (max-width : 1280px ){
			#masthead a{
			padding:7px;
			font-size:13px;
			line-height: 1.3;
		}
		
		.navbar > .container .navbar-brand{
			margin-top:24px;
		}
		
		.navbar > .container .navbar-brand, .navbar > .container .navbar-brand img{
			width:126px;
			height:auto;			
		}
		
		#menu-main-navigation{
			margin-top:34px;
		}
		
		#prendre-rendez-vous{
			background: url(../img/rdv.png) no-repeat 0 0;
			display:inline-block;
			height: 72px;
			line-height: 72px;
			width: 185px;
			margin-top:38px;
		}

		#prendre-rendez-vous a {
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
			font-size:130%;  
			padding-left:10px; 
			font-weight: 300;
		}
		
		
}


@media only screen 
	and (max-width : 980px) {
		
		#masthead a{
			padding:7px;
			font-size:13px;
			line-height: 1.3;
		}
		
		.navbar > .container .navbar-brand{
			margin-top:24px;
		}
		
		.navbar > .container .navbar-brand, .navbar > .container .navbar-brand img{
			width:126px;
			height:auto;			
		}
		
		#menu-main-navigation{
			margin-top:34px;
		}
		
		#prendre-rendez-vous{
			background:none;
			margin-top:0;
			width: auto;
			height:auto;
			line-height: 51px;
		}
		
		#prendre-rendez-vous a {
			display:inline;
			background-color: #26CCB7;
		}
		#prendre-rendez-vous a span{
			display: inline;
		}
				
}




@media only screen 
	and (max-width : 767px) {
		
		.navbar > .container .navbar-brand{
			margin-top:0;
		}
		#masthead .navbar{
			height: 58px;
		}
		#masthead .navbar-toggle{
			margin-top: 12px;
		}
		
		#masthead #navbar{
			border-color:none;
			background-color: #26CCB7;
		}
		#masthead #navbar ul li a{
			color:#fff;	
		}		
		#masthead	.navbar-collapse{
			border-top: none;
		}
		#masthead #menu-main-navigation{
			margin-top: 7px;
		}
		
}


/*		@contenu
-----------------------------------------------*/


/*---------#home---------------*/

#home img{
	width:100%;
	height:auto;
}

#home .color2{
	color:#000;
}

.horaires-adresse{
	background: url(../img/horaires-adresse.png) no-repeat ;
	position:absolute;
	top:-300px;
	left:-2px;
	width:262px;
	height:auto;
	padding: 0px 0 8px 27px;
	line-height:14px;
}

.horaires-adresse span{
	color:#433F56;
}

.horaires-adresse h2{
	font-size:130%; 
	font-weight: 400;
}

@media only screen 
	and (max-width : 640px) {
		.horaires-adresse{
			background: none ;
			position:inherit;
			top:0;
			left:0;			
		}		
}


@media only screen 
	and (max-width : 641px) {
		#prv-mobile{
			display:block;
			background-color: #26CCB7;
			text-align: center;
			height: 50px;
		}
		#prv-mobile a{
			color:#FFF;	
			line-height: 50px;
			font-size: 200%;
		}
		.horaires-adresse h2{
			font-size:226%; 
		}
		.horaires-adresse p{
			font-size: 140%;
		}
}



/*---------#visualisez-examens-------------------*/

#visualisez-examens {
	position: relative;
	background: #26CCB7;
}



#visualisez-examens h2, #visualisez-examens h3, #visualisez-examens h4{
	color:#FFF;    
}

.je-suis-patient, .je-suis-medecin, .je-suis-radiologue{
	text-align: center;
}

#visualisez-examens .text h3{
	font-size:155%;
	text-align: center;
}

#visualisez-examens .text h3 span{
	font-size: 214.285%;
}

#visualisez-examens .text h4{
	font-size:215%;
}

#visualisez-examens .text{
	margin-bottom:15%; 	
}


/*-@MEDIA------------------------------------------------------*/
@media only screen 
	and (max-width : 768px) {
		
		#visualisez-examens h2{
			font-size:249%;
		}	
		
		#visualisez-examens .text h3{
			font-size:144%;
		}
		
		#visualisez-examens .text h3 span{
			font-size:140%;
		}		
}

@media only screen 
	and (max-width : 640px) {
		#visualisez-examens h2{
			font-size:140%;
		}	
		
		#visualisez-examens .text h3{
			font-size:144%;
		}
		
		#visualisez-examens .text h3 span{
			font-size:140%;
		}	
}

/*-----#examens---------*/

#examens {
	position: relative;
	background: #fff;
}


#examens .nav-tabs {
	border-bottom: none;
	margin-bottom: 0; 
}

#examens .swiper-slide a { font-weight: 400; border: none; background: none; }
#examens .swiper-slide.active a { font-weight: 900; }


#examens .swiper-container {
	border-bottom: solid 12px #26CCB7;
	width: 95%;
	margin: 0 2.5% 40px;
}

.swiper-slide {
	text-align: center;
	font-size: 128.571%;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide, .swiper-slide a {
	height:165px;
}

.swiper-slide.active a {
	position: relative;
	background: #26CCB7;
}
.swiper-slide.active a:after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(67, 63, 86, 0);
	border-bottom-color: #26CCB7;
	border-width: 20px;
	margin-left: -20px;
}


#examens .swiper-button-next, #examens .swiper-button-prev{
	z-index: 1000;
	top:33%;
	
	
}

#examens .swiper-button-prev{
	background: url(../img/prev.png) no-repeat 50% 50%;
	left:0;
	
}

#examens .swiper-button-next{
	background: url(../img/next.png) no-repeat 50% 50%;
	right:0;
}

/*-fin du slider-*/



#examens .visuel{
	padding-bottom: 12%;
}

#examens .visuel img{
	width:100%;
	height: auto;
}

#examens .text h3{
	font-size:285%;
	padding-bottom: 20px;
}

#examens .text p{
	font-size:150%;
	color:#433F56;
}

#examens .explications-examens{
	padding:0;
}

#examens .nav a{
	font-weight: 500;
	text-align: center;
	color:#26CCB7;
}

#examens .nav a:active,
#examens .nav a:hover,
#examens .nav a:focus{
	color:#26CCB7;
}

#examens .text p{
	font-weight: 500;
}
/*--@MEDIA-----------------------------------*/

@media only screen 
	and (max-width : 768px) {
	
		#examens .text h3{
			font-size: 233.3333%;
		}
		
		#examens .text p{
			font-size: 122.5%;
		}
		
		#examens .border-left{
			margin-top: 0;
			
		}
	}

#examens .tab-content>.tab-pane {
	padding-bottom: 64px;
}

/*-----#centre-de-radiologie-----*/
#centre-de-radiologie{
	position: relative;
	background: #f0efef;
}


#centre-de-radiologie .border-left{
	margin-bottom:5%;
}


#centre-de-radiologie h2{
	font-size: 285%;
	color:#433F56;
	padding-bottom: 20px;
}

#centre-de-radiologie p{
	font-size: 150%;
	padding:0 0;
	color:#433F56;
}

.border-left {
	border-left: solid 1px #433F56 ;  
	padding: 1% 0px 1% 3%;
	margin-top:5%; 
}
/*-@MEDIA----------------------------------------------*/
@media only screen 
	and (max-width : 768px) {
		
		#centre-de-radiologie .text{
			font-size:100%;
			padding-left: 3%;
		}
	}

@media only screen 
	and (max-width : 640px) {
		
		#examens .swiper-container{
			margin-bottom:0;
		}
		#examens .nav li a{
			padding:0;
		}
		#examens .swiper-slide{
			height:120px;
		}
}
/*-#equipe-----------------------------------------------------------------------------------------------------------*/

#equipe{
	background-color:#2b2c2c;
	position: relative;
}



#equipe h3, #equipe p{
	color:#FFF;
} 

#equipe h3{
	font-size:110%
}

#equipe .equipe{
	padding:10% 2%;
}

#equipe .text{
	border-left: solid 1px #FFF;
	padding-left: 5%;
}
#equipe .text h3{
	font-weight: 700;
}

#equipe .visuel img{
	width: 100%;
}

@media only screen 
	and (max-width : 768px) {
		
	}
@media only screen 
	and (max-width : 641px){
		#equipe .text p{
			font-size:130%;
		}		
		#equipe .text h3{
			font-size:135%;
		}
		
}
/*-#infographie-*/


#infographie{
	background-color: #2b2c2c;
}

#infographie img{
	width:100%;
}

#infographie .text p{
	font-size:150%;
	color:#FFF;
	
	padding:5% 5%;
	margin:0;
}

@media only screen 
	and (max-width : 768px) {
		#infographie .text p{
			font-size:166.666%;
			
		}	
}

/*-#informations-pratiques-*/

#informations-pratiques{
	background-color: #f0efef;
	position: relative;
}



#accordion{
	margin-left: 10%;
}

#informations-pratiques h2{
	font-size:285%;
}

#accordion a{
	font-weight: 700;
	color:#5a5b5b;
}

#accordion .panel-body p, #accordion .panel-body h4{
	color:#000;
	font-size:85.714%;
}

#accordion .panel-body h4{
	font-weight: 700;
	text-transform: inherit;
}

#informations-pratiques .panel-body ul li:before{
	content: "> ";
}

#informations-pratiques .panel-body ul li {
	list-style-type: none;	
	font-size:85.714%;
}

#informations-pratiques .panel-body ul{
	padding:0;
	
}

#informations-pratiques .panel-body{
	padding:50px;	
}

.panel-default>.panel-heading{
	background-image: none;
	border:none;
	background-color: #f0efef;
	border-bottom: solid #5a5b5b 1px;
	
}

.panel-group .panel{
	border-radius:0;
	box-shadow: none;
	list-style: none;
}

.panel{
	background-color: #f0efef;
	border: 0;
}

#accordion .panel-heading {
	background: url(../img/puce.png) no-repeat 0 50%;	
}

@media only screen 
	and (max-width : 768px) {	
		#accordion{
			margin-left: 0;
			padding-left:0;
		}
		
		#accordion .panel-body{
			padding:20px 0 0 15px;
		}
		
		#accordion .panel-body p, #accordion .panel-body h4, #accordion .panel-body ul li {
			font-size:100%;
		}
}


@media only screen 
	and (max-width : 641px){
		#accordion .panel-body p, #accordion .panel-body ul li, #accordion .panel-body h4{
			font-size:115%;
		}
		
}





/*-#contact-*/
#contact .prise-rendez-vous{
	padding-bottom:5%;
}

#contact .prise-rendez-vous h4{
	padding-bottom: 0;
	margin-bottom: 0;
} 

#contact .prise-rendez-vous p{
	text-transform: inherit;
}


#contact h2, #contact h3, #contact h4{
	color:#888989;
} 

#contact .prise-rendez-vous h3, #contact .acces h3{    
	font-size: 200%;    
	font-weight: 300;
}

#contact .prise-rendez-vous h4, #contact .acces h4{ 
	font-size:100%;
	text-transform: uppercase;  
	color:#000;
}

#contact .acces p, #contact p{
	text-transform: inherit;
	color:#000;
}

#contact .acces h4{
	margin-bottom:0;
}

#contact .info{
	font-weight: 500;
}

.form-control{
	border-radius: 0;
	border:0;
	background-color: #d7d4d4;	
	box-shadow: none;
}

.form-control, .form-control::-moz-placeholder{
	color:#2e2d2d;
	box-shadow: none;
	transition: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color:#858685;
	background-image: none;
	border-radius:0;
	border:0;
	float:right;
	padding:10px 25px;
	box-shadow: none;
	text-shadow: none;
}


#contact .required{
	float:right;
	padding:20px 0 0 0;
	font-size: 64.285%;
}

/*-@MEDIA---------------------------------------------*/

@media only screen 
	and (max-width : 768px) {
		
		#contact h2{
			font-size: 333.3333%;
			padding-bottom:10px;
		}
		#contact .prise-rendez-vous h3, #contact .acces h3{  
			font-size:140%;
		}
		#contact .prise-rendez-vous h4, #contact .acces h4{
			font-size:87%;
		}
		#contact .form-group{
			margin-bottom: 0;
		}
		#contact #submit{
			margin-bottom: 10px;
		}
		#contact .info{
			font-size:84%;
			margin-bottom: 0;
		}
		#contact .prise-rendez-vous{
			margin-top:39px;
		}
	}

@media only screen 
	and (max-width : 640px) {
		#contact .prise-rendez-vous{
			padding-bottom: 0;
			margin-top: 0;
		}
		#contact .acces p{
			padding-bottom: 15px;
			font-size: 100%;
		}
		#contact .acces h3, #contact .acces p, #contact .acces h4, #contact .prise-rendez-vous h3, #contact .prise-rendez-vous h4, #contact .prise-rendez-vous p{
			font-size: 135%;
		}
}



/*-#localisation-*/
#myMap{
	width: 100%;
	height: 500px;
}
@media only screen 
	and (max-width : 1024px) {
		#myMap{
			height:300px;
		}
	}


/*-#rendez-vous-*/

#rendez-vous{
	position:relative;
	background-color:#26CCB7;
}

#rendez-vous .horaires p{
	color:#fff;
	padding-top:5%;
	font-size:110%;
}

#rendez-vous .rendez-vous h3{
	font-weight: 300;
}

#rendez-vous span{
	font-size: 155%;
}

#rendez-vous .rendez-vous{
	background: url(../img/rdv_blanc.png) no-repeat 0 0;
	display:inline-block;
	height: 97px;
	line-height: 97px;
	width: 247px;
	float:right;
	padding-left: 40px;
	margin-top:40px;
}

#rendez-vous span a{
  color:#FFF;
}

#rendez-vous .horaires{
	display:inline-block;
	padding-top:2%;
}

#retour-top{
	position:absolute;
	bottom:6px;
	right:30px;
	background-image: url(../img/retour-top.png);
	width: 47px;
	height:21px;
}

@media only screen 
	and (max-width : 1024px){
		#retour-top{	
		bottom:6px;
		right:305px;
	}
}

@media only screen 
	and (max-width : 768px){
		#retour-top{
			bottom:6px;
			right:293px;	
	}
}

@media only screen 
	and (max-width : 640px) {
		#retour-top{
			bottom:6px;
			right:293px;
		}
}
/*	    @heading
-------------------------------------------------*/


/*		@footer
-------------------------------------------------*/

#footer ul li a {
	padding: 0px 10px;
	font-weight: 500;
}

#footer ul{
	padding-top: 20px;
	text-align: center;
	margin-bottom:20px;
}

#footer ul li:nth-child(2){
	border-left: solid 1px #26CCB7;
}

#footer ul li{
	list-style: none;
	display: inline;
}
/*-@MEDIA-----------------------------------------------------------------*/

@media only screen 
	and (max-width : 768px) {
		#footer ul{
			margin-bottom:15px;
			padding:0;
			padding-left:0;
		}
		#footer ul li a{
			font-size:100%;
			line-height: 43px;
			padding:10px;
		}
		
}

@media only screen 
	and (max-width : 360px){
		#footer ul{
			margin-bottom:5px;
			padding:0;
			padding-left:0;
		}
}
	
/*-MENTION LEGALES-*/

#mentions-legales{
	display:none;
	background-color: #F0EFEF;
}

#mentions-legales h2{
	text-align:center;
	font-size:300%;
	margin-top: 130px;
}


#close{
	margin-top:50px;
	font-family: Roboto;
	font-size: 150%;
}

#mentions-legales #close img{
	height:50px;
	width: 50px;	
}