/** Reset CSS **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,label2, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
	height: 100%;
}

html {
  height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 10px;
}
/*
@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../../../fonts/opensans-condlight-webfont.eot');
    src: url('../../../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../../../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../../../fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

.clearboth {
	clear: both;
}

.container {
	
	margin: 0 auto;
	padding: 0;
	
	position:relative; /*pour le footer en bas de page*/
	min-height:100%; /*pour le footer en bas de page*/
	/*background-color: blue;*/

}
/*  Calendrier I FRAME */

.content {
	display:block;
	width:100%;
	
	
	/*background-color: green;*/
	
}
/*Modif to embed iframe*/
.content-agenda{
	width: 60%;
	margin: auto;
	min-width:980px;
	position: relative;
	
	height:auto;
	text-align:center;
}

.calendar-containerSite{
    
	position: relative;  
	
	min-height: 500px;
	height: 2500px;
	padding:0px;
	display:block;
	overflow:visible;
	border:none;
	text-align:left;
	/*background-color: red;*/
}


.calendar-containerSite iframe {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
	border:none; 
	overflow: visible;
	margin:0px;
	padding:0px;

} 
#cadreRecherche{
	position:relative;
	text-align:center;
	width:60%;
	margin : 60px auto 30px auto;
	/*outline:1px red solid;*/
}
#cadreResultat{
	position:relative;
	text-align:center;
	width:60%;
	margin :  auto;
	/*outline:3px red solid;*/
}
#TxtRecherche1{
	width:300px;
	height:30px;
}
#tableauResultat{
	width:100%;
	border:none;
	text-align:left;
}

#tableauResultat td{
	padding:15px;
}
#agenda-fond{
	display:inline;
}
/** HEADER **/
#header {
	position: relative;
    width: 100%;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#58D3F7;
    text-align: center;
}

#headerMF2 {
	position: relative;
    width: 100%;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#333;
    text-align: center;
}



#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height:50px;
	background-color:#58D3F7;
	text-align:center;
	font-size: 11px;
}
#footer ul {
    list-style: none;
    margin: 0;
    padding: 15px;
}


#footer ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}
#footer ul a {
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
}

#footerMF2 {
	
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;
	background-color:#333; 
	text-align:center;
	font-size: 11px;
}
#footerMF2 ul {
    list-style: none;
    margin: 0;
    padding: 15px;
}


#footerMF2 ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}
#footerMF2 ul a {
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
}
#content-text{
	 width: 100%;
	 max-width:1400px;
	 margin:auto;
	 height:auto;
	 text-align:center; 
	 display:block;
}

#LeContenuText{
	text-align:left;
	color:#757575;
	width: 60%;
	margin:auto;
	padding: 10px 60px 40px 60px;
	line-height:30px;
}
#LeContenuText b{
	
	color:#2E9AFE;
	font-weight:600;
	font-style: italic;
}
#LeContenuTextTitre1{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	/*width: 50%;*/
	margin: 0px auto 10px auto;
	color:#08298A;
}
#LeContenuTextTitre2{
	
	font-size:18px;
	font-weight:bold;
	text-align:left;
	/*width: 50%;*/
	margin: 10px auto;
	color:#2E9AFE;
}

#LeHautContenu{
	

	width: 60%;
	margin:20px auto 0px auto;
	display:inline-block;
	text-align:left;
	
}
#LeSideContenu{
	position:relative;
	float:left;
	margin: 5px auto ;
	padding:40px 0px 0px 0px;
	display:inline;
}
#LaPhotoContenu{
	position:relative;
	float:left;
	margin:0px 10px 10px 0px;
	
}
#PhotoArrondie{
	border-width:1px;
	border-style:solid ;
	border-color:#FAFAFA;
    border-radius:20px;
}
#PhotoArrondie2{
	border-width:2px;
	border-style:solid ;
	border-color:#FAFAFA;
    border-radius:200px;
}
#suiteTextPresentation{
	display:none;
}
.boite-contact{
	margin-top:20px;
	margin-left:20px;
}
.grandTitreSide{
	color:#2E9AFE;
	font-weight:bold;
	font-size:22px;
	position:relative;
	float: left;
	margin-top:30px;
	margin-left:30px;
	margin-bottom:30px;
	
}
.LienHaut{
	font-size:13px;
	
}
.titre-contact{
	color:#494949;
	font-weight:bold;
	font-size:14px;
}
.text-contact{
	font-weight:normal;
	font-size:13px;
	line-height:20px;
}
#contact-fond{
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	 background-color:#D8E9F2;
}
#content-contact{
	padding: 20px 10px 40px 10px;
	 width: 100%;
	 max-width:1400px;
	 margin:auto;
	 height:auto;
	 text-align:center;
	
	 
}
#contentSous-contact{
	 width: 65%;
	 margin: 0 auto;
	line-height:30px;
	color:#757575;
	 text-align:left;
	 	
	
}
#colonne1-contact{
	position:relative;
	float:left;
		
}
#colonne2-contact{
	position:relative;
	float:right;
		
}

#content-presentation-image
{
	
	width:100%;
	height:280px;
	overflow:hidden;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	/*position:relative;*/
	/*float:left;*/
	/*margin:auto;*/
	/*display:block;*/
	
	 
}
#content-presentation-imageFond
{
	width:100%;
}
#TitreSite{
	margin:70px auto;
	left:20%;
	position:absolute;
	line-height:40px;
	width:auto;
	height:auto;
	font-size:28px;
	font-weight:normal;
	text-align:left;
		
}
.content-accueil
{
	
	padding:20px;	
	width:96%;
	height:auto;
	
	text-align:center; 
	/*background-color:black;*/
	
}

.content-accueil-Lien{
	
	position:relative;
	
	padding:10px;
	
	height:auto;
	width:auto;
	display:inline-block;
	/*background-color:blue;*/
	
}

.content-accueil-Lien-Col1{
	position:relative;
	float:left;
	margin:auto;
	width:auto;
	min-width:170px;
	text-align:center;
	/*background-color:yellow;*/
	height:auto;
}
.content-accueil-Lien-Col2{
	
	position:relative;
	float:left;
	width:auto;
	min-width:200px;
	display:block;
	text-align:left;
	padding:40px 10px 10px 10px;
	height:auto;
	/*background-color:orange;*/
	margin:auto;
	
}

.content-accueil-Lien-Col3{
	position:relative;
	float:left;
	margin:auto;
	width:auto;
	padding:50px 10px 10px 10px;
	height:auto;
	text-align:left;
	/*background-color:green;*/
}
.content-accueil-Lien-nom{
	
	padding:10px 30px 10px 30px;
	font-size:24px;
	font-weight:600;
	color:#333;
	width:auto;
	height:auto;
	/*background-color:red;*/	
}
.content-accueil-Lien-nom a{
	
	color:#333;
	text-decoration:none;
}
.content-accueil-Lien-spe{

	padding:10px 30px 10px 30px;
	font-size:18px;
	font-weight:400;
	color:#333;
	width:auto;
	height:auto;
	/*background-color:white;*/
	
}

#header-menu-container {
	
	/*background-color:white;*/
    width: 55%;
	margin:0 auto;
	height:auto;
	display:block;
	/*background-color:red;*/
	
}
#header-menu-container a{
	color:#ffffff; /*blanc*/
	/*color:orange;*/
	/*text-decoration:none;*/
	
}



#header-Bouton1 {
	position:relative;
	float:left;
	color:#ffffff;
	padding: 15px 10px 10px 10px;
	margin-left:20px;
	height:30px;
	min-width:50px;
	width:auto;
	/*background-color:yellow;*/
}

#header-Bouton2 {
	position:relative;
	float:left;
	color:#ffffff;
	padding: 15px 10px 10px 10px;
	margin-left:20px;
	height:30px;
	min-width:50px;
	width:auto;
	/*background-color: black;*/
}
#header-Bouton3 {
	position:relative;
	float:left;
	color:#ffffff;
	padding: 15px 10px 10px 10px;
	margin-left:20px;
	height:30px;
	min-width:50px;
	width:auto;
	/*background-color: black;*/
}
#header-Bouton4 {
	position:relative;
	float:left;
	color:#ffffff;
	padding: 15px 10px 10px 10px;
	margin-left:20px;
	height:30px;
	min-width:50px;
	width:auto;
	/*background-color: black;*/
}
#header-BoutonRDV {
	float:right;
	width:auto;
	height:auto;
	background-color:#58D3F7;
	
	padding: 10px 20px 10px 20px;
	margin:5px 10px 5px 10px;
	vertical-align: middle;
	border-width:1px;
	border-style:solid  ;
	border-color:#ffffff;
    border-radius:5px;
	color:#ffffff;
	text-align:center;
    font-size: 13px;
}
#header-BoutonRDVMF2 {
	float:right;
	width:auto;
	height:auto;
	background-color:#333;
	
	padding: 10px 20px 10px 20px;
	margin:5px 10px 5px 10px;
	vertical-align: middle;
	border-width:1px;
	border-style:solid  ;
	border-color:#ffffff;
    border-radius:5px;
	color:#ffffff;
	text-align:center;
    font-size: 13px;
}
#header-Bouton1:hover{
	color:#E6E6E6;
}
#header-Bouton2:hover{
	color:#E6E6E6;
}
#header-Bouton3:hover{
	color:#E6E6E6;
}
#header-Bouton4:hover{
	color:#E6E6E6;
}
#header-BoutonRDV:hover {
    background-color: #3278ba;
   
}
#header-BoutonRDVMF2:hover {
    background-color: #424242; 
}
#BoutonRDV2 {
	float:left;
	width:auto;
	height:auto;
	/*background-color:#199cd8;*/
	background-color: #199cd8;
	padding: 20px 30px 20px 30px;
	margin:5px 10px 5px 10px;
	vertical-align: middle;
	border-width:1px;
	border-style:solid  ;
	border-color:#ffffff;
    border-radius:10px;
	color:#ffffff;
	text-align:center;
    font-size: 13px;
}
#BoutonRDV2MF2{
	float:left;
	width:auto;
	height:auto;
	/*background-color:#199cd8;*/
	background-color: #333;
	padding: 20px 30px 20px 30px;
	margin:5px 10px 5px 10px;
	vertical-align: middle;
	border-width:1px;
	border-style:solid  ;
	border-color:#ffffff;
    border-radius:10px;
	color:#ffffff;
	text-align:center;
    font-size: 13px;
	
}
#BoutonRDV2MF2:hover {
    background-color: #424242;
   
}
#BoutonRDV2:hover {
    background-color: #12719d;
   
}

.BoutonRechercher{
	background-color: #199cd8;
	padding: 10px 30px 10px 30px;
	margin:10px 10px 10px 30px;
	border-width:1px;
	border-style:solid  ;
	border-color:#ffffff;
    border-radius:10px;
	color:#ffffff;
	text-align:center;
    font-size: 16px;
	width:auto;
	max-width:230px;
	
}
.liensimple{
	text-decoration:none;
}

.BoutonRechercher:hover {
    background-color: #12719d;
   
}
#TxtRecherche1{
	  font-size: 14px;
	  margin:0px 10px 10px 10px;
	  color:#757575;
	  padding :0px 10px;
}
.nomRecherche{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	/*width: 50%;*/
	margin: 10px 10px 0px 10px;
	color:#08298A;
}
.SpecialiteRecherche{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	/*width: 50%;*/
	margin: 0px 5px 10px 10px ;
	color:#2E9AFE;
}

.villeRecherche{
	font-size:14px;
	font-weight:normal;
	text-align:left;
	/*width: 50%;*/
	margin: 10px ;
	color:#2E9AFE;
}
#lelogo{
		float:right;
		margin: 0 10px;
		font-size:11px; 
		letter-spacing: 3px;
		line-height: 0.8;
	}

.modal{
	 display: none; 
	 position: fixed;
	 z-index: 1; 
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%; 
	 background-color: rgb(0,0,0);
	 background-color: rgba(0,0,0,0.4); 
}

.modal-content1{
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px; 
	border: 1px solid #888; 
	width: 50%;text-align:center;
	border-width:5px;
	border-style:solid ;
	border-color:#58D3F7;
	color:#08298A;
	border-radius: 20px;
}

.modal-content2{
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px; 
	border: 1px solid #888; 
	width: 50%;text-align:center;
	border-width:5px;
	border-style:solid ;
	border-color:#E71F28;
	color:#E71F28;
	border-radius: 20px;
}
.ratingV {
		  unicode-bidi: bidi-override;
		  direction: rtl;
		  font-size:28px;
}
		
.ratingV > span {
		  display: inline-block;
		  position: relative;
		  width: 0.9em;
}
		
.ratingV > span:hover:before,
.ratingV > span:hover ~ span:before {
		   content:"★";
		   position: absolute;
		   color:#ffe234;
}