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


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

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

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

.jumbotron {
	background-color: #171717;
	text-align: center;
}

#main{
	
}

h1, h2, h3, h4, h5, h6, p, a{
	color:#433F56;
}


h2{
	font-weight: 300;
}


.container{
	position:relative;
}

#main{
padding-top:115px;
}


@media only screen
  and (max-width : 1200px){
   #main{
      padding-top:115px;
    } 
}

@media only screen
  and (max-width : 992px){
    #main{
      padding-top:110px;
    }
}


@media only screen
	and (max-width : 768px) {
		#main{
      padding-top:66px;
    }
}

@media only screen
  and (max-width : 360px){
    #main{
      padding-top:67px;
    }
}
/*      @Couleurs
-------#6cc0c3---------------------------------------*/


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

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

}

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


a, #prendre-rendez-vous a, #accordion .panel-title a:hover:before{
	-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, #visualisez-examens h2{
	font-size: 285%;
	margin:0;
	font-family: Source Sans Pro;
	font-weight: 300;
}

#examens h3{
	font-family: Source Sans Pro;
	font-weight: 300;
}

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

.show-xs {
  display: block;
  width: 50%;
  position:absolute;
  top:221px;
  left:61px;
  background-color: #FFF;
  max-height:160px;
}

.show-xs .color2{
  color:#000;
  font-weight: 600;
  line-height: normal;
}

.show-xs p{
  font-size: 92.857%;
  color:  #07869F;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.show-xs span{
  color:#0ba1b0;
  font-size: 128.5714%;
  font-weight: 700;
}


@media only screen
	and (max-width : 768px) {
		.hidden-xs{
			display:none;
		}
    
    .show-xs{    
      width: 55%;
      top:119px;
      left:15px;
    }
}

@media only screen and (max-width : 450px) {
	.show-xs {
		top: 90px;
	}
}


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


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

@media only screen and (max-width : 992px) {
	.show-xs span.color--2 {
		display: block;
	}
	.show-xs p {
		font-size: 11px;
	}
}

/*		@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:#088ea3;
  background: none;
  border-top: solid 1px #6cc0c3;
}

#menu-main-navigation a{
  border-top: solid 1px #fff;
}

#masthead{
	background: #fff;
	border:none;
  padding-top:20px;
  position: fixed;
  width: 100%;
	height:auto;
  z-index: 1000;  
}

.navbar{
  margin-bottom:0;
}

.logoh1{
  margin: 0;
}

#navbar{
	clear: both;
}

#menu-main-navigation{
  display: inline-block;
}

#menu-main-navigation a{
  font-size:100%;
  padding:6px 1em 5px 0;
}

#menu-main-navigation li{
  margin-top: 10px;
}

.horaires-adresse{
  display:inline-block; 
  margin-bottom: 5px;
}

.horaires-adresse .color2{
  color:#000;
  font-weight: 600;
  line-height: normal;
}

.horaires-adresse p{
  font-size: 92.857%;
  color:  #07869F;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.horaires-adresse span.__title {
	font-size: 113%;
	font-weight: inherit;
}

.show-xs span.__title {
	font-size: 128.5714%;
	font-weight: inherit;
}

.horaires-adresse span.color--1, 
.show-xs span.color--1 {
	font-size: 92.857%;
	color:#000;
	font-weight: normal;
	line-height: normal;
}
.horaires-adresse span.color--2,
.show-xs span.color--2 {
	font-size: 92.857%;
	color:#000;
	font-weight: 700;
	line-height: normal;
}

.horaires-adresse span{
  color:#0ba1b0;
  font-size: 128.5714%;
  font-weight: 700;
}

.horaires-et-rendez-vous{
  margin-top: 0px;
  padding-left:0;
}

#prendre-rendez-vous{
	background: url(../img/rdv.png) no-repeat 0 0;
	display:inline-block;
	height: 39px;
	line-height: 39px;
	width: 218px;
	vertical-align: top;
	float:right;
	margin-right: -40px;
}

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

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


/*-menu hamburger-*/

#masthead .icon-bar{
	background-color: #FFF;
}
#masthead .navbar-toggle{
	background-color: #07869F;
  margin-bottom: auto;
  margin-top:0px;
}
/*-fin du menu hamburger-*/

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

		#prendre-rendez-vous {	
			/*width:173px;*/
		}
    
    .horaire-et-rendez-vous{
      padding-right: 0;
      margin-top:23px;
      margin-left:0;
    }
    
    .horaires-adresse{
      margin-left:-40px;
    }
    
}


@media only screen
	and (max-width : 992px) {
		.logo img{
			width:50px;
			height:auto;      
		}
		

    #prendre-rendez-vous{
      margin-top:60px;
      width:100% ;
    }


    
    #masthead>.container{
		  width:100%;
		}
    
    .horaires-et-rendez-vous{
      margin-top:0px;
    }
    
    #menu-main-navigation a{
      font-size:100%;
      padding:6px 0.5em 5px 0;
    }

}




@media only screen
	and (max-width : 768px) {
		.logo img{
			margin-top:-20px;
			width: 50px;
			height:auto;      
		}
       
    #prendre-rendez-vous{
      margin-top:44px;
    }
/*
    #prendre-rendez-vous{
			background: url(../img/rdv.png) no-repeat 0 0;			
			height: 39px;
			line-height: 39px;
			width: auto;      
		}
   
    .logoh1{
      padding: 0;
      margin:0;
    }
    
		#masthead #navbar{
			border-color:none;
			background-color: #07869F;
		}
    
		#masthead #navbar ul li a{
			color:#fff;
      border-top: none;
		}
		#masthead	.navbar-collapse{
			border-top: none;
		}
*/
}


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


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

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

#home .color2{
	color:#000;
}

#home .background-motif{
	background-image: url(../img/background_motif.jpg);
	width:100%;
	height: 185px;
}

#home .rdv{
	background:url(../img/prendre_rdv.png) no-repeat 0 0;
	width:442px;
	height:62px;
	line-height:62px;
	margin-top:20px;
  max-width: 100%;
}

#home .rdv a, #home .rdv a:hover{
  color:#FFF;
  font-weight: 300;
  font-size: 204.42%;
  padding-left:40px;
}

#home .visualiser{
	background:url(../img/visualiser_examens.png);
	width:595px;
	height:62px; 
	/* line-height:62px; */
	margin:20px 0;
  max-width: 100%;
  padding-left: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-repeat: no-repeat;
}
#home .visualiser a{
	color:#FFF;
	font-weight: 300;	
}
/*
@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: #433f56;
			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%;
		}
}

@media only screen
  and (max-width : 360px){
    #home .rdv a, #home .visualiser a{
      padding-left:11px;
    }
}

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

#visualisez-examens {
	position: relative;
	background: #6cc0c3;
}



#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:185.7142%;
	text-align: center;
  border-bottom:solid 1px #FFF;
  display: inline;
}

#visualisez-examens .visuel{
  margin-bottom: 25px;
}

#visualisez-examens .text{
	margin-bottom:24px;
	text-transform: uppercase;
}

#visualisez-examens .container{
	padding-top:60px;
	padding-bottom:36px;
}


/*-@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 h2{
	text-align: center;
  font-size:414.2857%;
  color: #2e2d2d;
  font-weight: 300;
  margin:20px;
}

#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-wrapper {
  padding: 0;
}

.swiper-slide {
	text-align: center;
	font-size: 128.571%;
	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;
  margin:0 auto;
}



#examens .swiper-slide span{
  text-transform: uppercase;
  color:#fff;
  background-color:#6cc0c3;
  font-size: 100%;
  display: inline-block;
  height:46px;
  width:254px;
  padding-top: 10px;
}

#examens .swiper-slide .typo-small{
  font-size: 85.7142%;
}

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

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

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

/*-fin du slider-*/



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

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

#examens .text h3{
	font-size:285%;
}

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

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

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

#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 h2{
      margin:20px;
    }
    
}

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


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


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


#centre-de-radiologie h2{
	text-align: center;
	font-size: 414.2857%;
  color: #2e2d2d;
  font-weight: 300;
  margin:20px;
}

#centre-de-radiologie img{
	height:102px;
	width:103px;
  margin-bottom:3%;
}

#centre-de-radiologie .picto{
	text-align: center;
}

#centre-de-radiologie p{
	font-size: 143%;
	padding:0 0;
	text-align: center;
  color:#2a2a2b;

}

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


/*-#equipe-----------------------------------------------------------------------------------------------------------*/

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

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

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

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

#equipe .text h3{
  font-size:107.1428%;
  font-weight: 700;
  text-transform: uppercase;
}

#equipe .text h3:after{
  padding-left: 100px;
  content: ">";
}

#equipe .text h3.equipe--last:after{
  content: "";
}

#equipe .text p{
  line-height:20px;
}

#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: #FFF;
}

#infographie img:nth-child(1){
	width:100%;
}

#infographie .row{
  text-align: center;
}

#infographie .centre-explication .picto{
  height:47px;
  width:60px;
  margin-top:60px;
  
}

#infographie .centre-inside{
  margin-bottom: 20px;
  margin-top: 50px;
  max-width: 100%;
    
}

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

#infographie .fillet:after{
  background: #000;
	content: '';
	display: block;
	height: 1px;
	margin: 50px auto 0;
	width: 20%;
}


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

		}
}

/*-#informations-pratiques-*/

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



#accordion{
  padding-left:0;
  
}

#informations-pratiques h2{
	font-size:414.2857%;
	text-align: center;
  margin: 50px;
}

#accordion .panel-title a{
  color:#fff;
  font-size: 121.4285%;
  font-weight: 400;
  text-transform: uppercase;
  background-color:#5a5b5b;
  display: inline-block;
  width: 100%;
  padding:12px 10px 10px 40px;
  height:54px;
  letter-spacing: 0.01em;
  position:relative;
}

#accordion .panel-title a.collapsed{
  background-color: #808080;
}


#accordion .panel-title a:before{
  position:absolute;
  top:30%;
  left:10px;
  content:"";  
  width:15px;
  height: 15px;
  background:url(../img/fleche.png) no-repeat 0 0;
  
}

#accordion .panel-title a:not(.collapsed):before,
#accordion .panel-title a:hover:before{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  
}


#accordion .panel-title a:not(.collapsed):after,
#accordion .panel-title a:hover:after{
  display: block;
  content:url(../img/close.png);
  float:right;
  margin-top: -10px;
}



/*
#accordion .panel-title a:hover, #accordion .panel-title a:focus, #accordion .panel-title a:active{
  background-color:;
}
*/




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

#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:105%;
}

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

}

#informations-pratiques .panel-body{
	padding:5px 20px;
  background-color: #fff;
  margin-bottom: 20px;
}

.panel-default>.panel-heading{
	background-image: none; 
	border:none;
}

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

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

#accordion .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}





@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%;
		}
    
    #informations-pratiques h2{
      padding:25px 0;
      margin:10px 0;
      font-size:343%
    }
}


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

    #accordion .panel-title .span-line{
      font-size: 80%;
    }
}





/*-#contact-*/
#contact{
	background: #000;
}

#contact h2{
  font-size:414.2857%;
  color:#888989;
	text-align: center;
  margin:50px;
}

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

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

#contact .prise-rendez-vous p{
	text-transform: inherit;
  letter-spacing: 0.08em;
}


#contact .color{
	color:#6cc0c3;
  font-size: 164.2857%;
}

#contact h3, #contact h4{
	color:#888989;
	text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 0.08em;
}

#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:#FFF;
}

#contact .acces p, #contact p{
	text-transform: inherit;
	color:#FFF;
  letter-spacing: 0.08em;
}

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

#contact .acces {
	margin-bottom: 8px;
}

#contact .info{
	font-weight: 500;
  font-size:75.6%;
  margin-bottom: 10px;
  margin-top:30px;
}

#contact .form-horizontal .form-group{
  margin-left: 0;
  margin-right: 0;
}

#contact .acces .myMap{
  margin-bottom:50px;
}

.color-form{
  background-color:#2e2d2d;
  padding: 20px 20px 0 ;
}

.form-horizontal{
  padding-left:0;
}

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

.form-control, .form-control::-moz-placeholder{
	background-color:#fff;
	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;
}

.control-label{
  color:#FFF;
  font-size: 85.7142%;
  font-weight:700;

}

#contact .required{
  color: #706f6f;
	float:right;
	padding:10px 0 0 0;
	font-size: 64.285%;
}

#contact iframe{
  width:100%;
  height:250px; 
}

/*-@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;      
		}
    #contact .info{
      font-size:68%;
    }
    #contact iframe{
      width:100%;
      height:auto; 
    }
}

@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:#6cc0c3;
}

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

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

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

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

@media only screen and (max-width : 576px){
	#rendez-vous .rendez-vous{
		background: url(../img/bottom_rdv_mobile.png) no-repeat 0 0;
		width: 350px;
		max-width: inherit;
	}
}

#rendez-vous .rendez-vous h3{
  font-size:204.42%;
  color:#fff;
  line-height: 20px;
}

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

#retour-top{
	position:absolute;
	bottom:0px;
	right:0px;
	background-image: url(../img/retour-top.png);
	width: 60px;
	height:56px;
}

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

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

@media only screen
	and (max-width : 640px) {
		#retour-top{
			bottom:108px;
			right:0px;
		}
}
/*	    @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 #433f56;
}

#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;
  margin-top: 130px;
  font-size:414.2857%;
  color:#000;
} 

#close{
	margin-top:50px;
	font-family: Source Sans Pro;
	font-size: 150%;
  color:#000;
}

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