img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
	
	
	
body { 
	font: 0.8em Arial, Helvetica, sans-serif; 
	color: #000000; 
	/*background: #E0E0E0 ;*/
  background: #FFFFFF url('../images/body_bg.png') 0 0 repeat-x;
	margin: 0px;
	top: 0px;
	padding: 0px;
	text-align: center;	
	width: 100%;
}
/* Conteneur de page */


#container

{

display: block;

position: relative;

width: 100%;

max-width:900px;

margin: 0px auto;

top: 0px;

background: #FFFFFF;

color:black;

}




#container a {
	text-decoration: none;
}

#container .entete ul
{
list-style: none;
text-align:center;
margin-top:2%;
padding-right:0px;
margin-bottom:5%;
}

#container .entete li
{
display : inline;
padding-right:10px;
font-size:14px;
}


.footer
{
background: #666666;
text-align:center;
color:#FFFFFF;
	font-size:80%;
 padding-top:20px;
 padding-bottom:22px; 
}



#container .footer2
{
margin-left:30px;
margin-bottom:20px;
}


#container .footer2 ul
{
list-style: none;
text-align:left;
}

#container .footer2 li
{
font-size:10px;
color:#FFFFFF;
padding-bottom:5px;
font-weight : bold;
width:240px;
float: left; 
text-decoration:none;
}




.mention {
	display : inline; 
	text-decoration:none;
	padding-right:10px;
	color:#666666;
}

.color1 
{
	color:#666666;
}

.color2 
{
	color:#000000;
	font-weight : bold;
}

.color3 
{
	color:#FFFFFF;
	font-size:12px;
}

.deconnexion 
{
	color:#FFFFFF;
	font-size:120%;
}

.f1 
{
	color:#1D3F4C;
	font-size:70%;
}



.f2 
{
	color:#FFFFFF;
	font-size:200%;
  	font-weight : bold;
}

.f3 
{
	color:#FFFFFF;
	font-size:150%;
  font-weight : bold;
}

.bf3 
{
	color:#FFFFFF;
	font-size:150%;
  
}




.fc 
{
	color:#FFFFFF;
	font-size:150%;
  	font-weight : bold;
}

.forange 
{
	color:#FF6600;
	font-size:150%;
  font-weight : bold;
}


.forange-1 
{
	color:#FF6600;
	font-size:120%;
  font-weight : bold;
}

.forange-2 
{
	color:#FF6600;
	font-size:100%;
  font-weight : bold;
}


.fmention 
{
	color:#CCCCCC;
	font-size:120%;
}

.ffooter
{
	color:#FFFFFF;
	font-size:120%;
}

#container1
{
display: block;
position: relative;
width:100%;
margin: 0px auto;
top: 0px;
background: #6181E4;
padding-bottom: 0px;
text-align: left;
}



#containerMenu
{
overflow: auto;
display: none;
position: relative;
width: 98%;
margin: 0px auto;

background: #606060;
padding-bottom: 0px;
text-align: left;

}


#container3
{
/*overflow: auto; */
display: block;
position: relative;
width: 98%;
margin: 0px auto;

background: #FFFFFF;
padding-bottom: 0px;
text-align: left;

}  

#containerPhoto
{
/*overflow: auto; */
display: block;
position: relative;
width: 100%;
margin: 0px auto;

background: #FFFFFF;
padding-bottom: 80px;
/*text-align: left;*/

}

#header {
	height:250px;
	position:relative;
	text-align:left;
	width:98%;	
}



#content {

	position:relative;
	border: 0px solid #333333;
	text-align:left;
	
}

#logo {

	position:relative;
	overflow: auto;
	border: 0px solid #333333;
	
	
}

#logo  .img1{
	width:100%;
	margin-top:1%;
	margin-left:1%;
}

.img2{
	width:90%;
}


.photoliste{
	
	margin-top:0%;
	margin-left:0%;
}


#logo .titre_container{
	background : #FFFFFF;
	font-size:180%;
	font-weight : bold;
	color: #1D3F4C;
}


#titre-projet {
	position:relative;
	top:0px;
	left:250px;
	width:382px;
	background : #000000;
	text-align: center;
	font-size:20px;
	color:#FFFFFF;
	padding: 10px; 
	font-weight : bold;
	margin-bottom:10px;
}





#content2 {
	position:relative;
	text-align:left;
	width:90%;
}

#page-content {
	overflow: auto;
	margin-top:20px;
	margin-left: 0px;
	margin-right: 20px;
	padding-bottom: 50px;
}


.image-projet {
	border: 2px solid;
	border-color:blue;
}



#link {
    display: block;
	position:relative;
	text-align:left;
	width:900px;
	height:700px;
}



.presentation {
	
	padding-top:10px;
	padding-left:150px;
}

.presentation2 {
	
	padding-top:30px;
	padding-left:50px;
}

.titre-rubrique {
	font-size:200%;
	font-weight : bold;
	color: #FFFFFF;
	margin-top:70%;
	text-decoration:none;
}
 

.titre-jourj
{
	color:#CC0033;
	font-size:40px;
	font-weight:bold;
}

.titre-entete1
{
	color:#29A3CC;
	font-size:110%;
	font-weight:bold;
  padding-left:5%;
}

.titre-entete
{
	color:#29A3CC;
	font-size:200%;
	font-weight:bold;
  padding-left:5%;
}

.fppp
{
	list-style: none;
	font-size:140%;
  font-weight:bold;
	/*color:#CC0033;*/
	color:#FF6600;
  padding-top:5%;
	padding-left:5%;
	text-align: left;
}

.entete-videotheque
{
	font-size:180%;
  font-weight:bold;
	/*color:#CC0033;*/
	color:#FF6600;
  padding-top:5px;
	padding-left:0%;
	text-align: left;
}

.entete-phototheque
{
	font-size:180%;
  font-weight:bold;
	/*color:#CC0033;*/
	color:#FF6600;
  padding-top:5px;
	padding-left:0%;
	text-align: left;
  padding-bottom:25px;
}

.ligne-video
{
	display:block;padding-bottom:50px;
}   

.titre-video
{
	font-size:110%;
  font-weight:bold;
	/*color:#CC0033;*/
	color:#1D3F4C;
  padding-top:0px;
  

	text-align: left;
	padding-left:5px;
}  

.video-td1 
{
	width:65%; 
	text-align:right;
	padding-top:5px;
	cursor:pointer;
}

.video-td2 
{
	
	text-align:left;
}


.nb-vue
{
	font-size:80%;
  font-weight:normal;
	/*color:#CC0033;*/
	color:#1D3F4C;
 
}   

.titre-photos
{
  padding-top:5px;
	padding-left:5%;
	text-align: left;
  padding-bottom:5px;
}


a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

a.white {color:#FFFFFF; text-decoration: none;}
a.white:hover {text-decoration: underline;}


.tbx
{
	width:90%; height:40px; 
	border-width:1px; border-color:rgb(42,63,255); border-style:solid;
	padding-left:10px;
	margin-right:0%;
  color:gray;
  font-size:100%;
}

.btn
{
	width:98%; height:46px; 
	
	margin-left:0%;

	/*background: #FCD52D;*/
	background-color:#CC0033;

	background-repeat: no-repeat;
	background-position: center; 
  margin-top: 0px;
	border-width:5px; border-color:#CC0033;
	border-style:solid;
	cursor:pointer;
	
}


.btnsearch
{
	width:98%;
	
	margin-left:0%;

	 
  margin-top: 0px;
	border-width:5px; border-color:#CC0033;
	border-style:solid;
	cursor:pointer;
	
}

.btn-modif
{
	width:80%; height:40px; 
	
	margin-left:0%;
  margin-top:0px;
	/*background: #FCD52D;*/
	background-color:#CC0033;

	background-repeat: no-repeat;
	background-position: center; 

	border-width:0px; 
	border-style:solid;
	cursor:pointer;
  font-size:100%;
  color : #FFFFFF;
  
 /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  */
	
}


.btn-annuler
{
	width:80%; height:40px; 
	
	margin-left:0%;
  margin-top:0px;
	/*background: #FCD52D;*/
	background-color:#666666;

	background-repeat: no-repeat;
	background-position: center; 

	border-width:0px; 
	border-style:solid;
	cursor:pointer;
  font-size:100%;
  color : #FFFFFF;
  
 /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  */
	
}


.btn-send-mail
{
	width:100%; height:40px; 
	
	margin-left:0%;
  margin-top:0px;
	/*background: #FCD52D;*/
	background-color:#CC0033;

	background-repeat: no-repeat;
	background-position: center; 

	border-width:0px; 
	border-style:solid;
	cursor:pointer;
  font-size:100%;
  color : #FFFFFF;
  
 /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  */
	
}


.btn-okphoto
{
	width:88%; height:30px; 
	
	margin-left:0%;

	/*background: #FCD52D;*/
	background-color:#CC0033;
	background-position: center; 
  margin-top: 0px;
	border-width:0px; border-color:#CC0033;
	border-style:solid;
	cursor:pointer;
	font-size:100%;color : #FFFFFF;
  text-align: center;
}

.btn-connecter
{
  cursor:pointer;
  width:90%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#0000CC;  
} 


.btn-enregistrer
{
  cursor:pointer;
  width:90%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#CC0033;  
} 


.butnarbre
{
  cursor:pointer;
  width:100%;
  height:78px; 
  color:white;
  border: 0px; 
  background-color:#660099;
  
  /*border-radius:7px; */   
}      

.btn_send
{
  cursor:pointer;
  width:90%;
  height:40px; 
  color:white;
  border: 0px; 
  background-color:#CC0033;
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    
}

.btn-rencontre
{
  cursor:pointer;
  width:90%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#660099;
  
	font-size:150%;
  font-weight : bold;  
}

.btn-rencontre2
{
  cursor:pointer;
  width:80%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#F54927;
  margin-top:2%;
	font-size:110%;
  font-weight : bold;  
}    
    


.btn-2
{
  cursor:pointer;
  width:90%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#0A6997;
  
	font-size:150%;
  font-weight : bold;  
}   


.btn-pdf
{
  cursor:pointer;
  width:90%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#660099;
  font-weight : bold;  
} 

.td-Actionphoto
{
	cursor:pointer;align:center;font-size:100%;color:white;border: 1px solid #397ABC
}

.fe
{
	color:#CC0033;
	font-size:120%;
	
}

.input-file {
	width:92%; height:35px; 
	
	margin-left:0%;

}

.chkbox{height:30px;width:30px;}
/*input,button,checkbox{height:30px;width:220px;}input,button,textarea{font-size:14px;font-weight:normal;font-family:'Ubuntu',Tahoma,sans-serif}label{display:block;margin-bottom:5px;font-weight:bold;} */

.color4
{
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
}


.color5
{
	color:#FFFFFF;
	font-size:150%;
	font-weight:bold;
}

.grise
{
	color:#999999;
	font-size:150%;
}


#page-contact {
	overflow: auto;
	border: 0px solid #333333;
	margin-bottom:1%;
	
}

.cadre {
	overflow: auto;
	border: 3px solid #FFFFFF;
	margin-left: 5%;
	margin-right: 0%;
	margin-top:1%;
	margin-bottom: 5%;
}

#modif_descendant select {height:3em;}
#modif_descendant input{height:30px;font-size:100%;color:black;font-weight:normal;font-family:'Ubuntu',Tahoma,sans-serif}
#modif_descendant td{padding-top:5px}
#modif_descendant select,textarea{font-size:100%;color:black;font-weight:normal;font-family:Arial}

#maj_descendant select {height:3em;}
#maj_descendant input{height:3em;font-size:130%;color:black;font-weight:normal;text-align:center;font-family:'Ubuntu',Tahoma,sans-serif}
#maj_descendant td{padding-top:5px}
#maj_descendant select,textarea{font-size:130%;color:black;font-weight:normal;font-family:Arial;text-align:center}



#epouse {
	overflow:hidden;
  overflow-x: hidden;
  overflow-y: auto;
  overflow : -moz-scrollbars-vertical;
	border: 1px solid #CCCCCC;
	
  max-height:100px;
}

.threeline 
{
	color:#1D3F4C;
	font-size:100%;
}

.resultat 
{
	color:#FF6600;
	font-size:100%;
  font-weight:bold;
}

.nb-membre{
	font-size:130%;
	font-weight : bold;
	color: #1D3F4C;
  padding-left:5%;
	text-align: left;
}  

.identifie{
	/*float:left;*/
	position:absolute; 

	margin-top:3px;
	/*margin-bottom:10px;*/

	margin-left:3px;
	
	width: 30px;
    height: 30px;
	
	border: 0px solid #FFFFFF;
    border-radius: 15px;
    background: red;
	
}  

.nb_identifie{

	/*float:left;
	position:relative; 

	margin-top:10px;
	margin-bottom:10px;

	margin-left:-20px;

	width: 30px;
	height: 30px;
	border-radius: 15px;*/
	/*background: red;*/
	position:absolute;
	margin-top:7px;
	/*margin-bottom:10px;*/

	left:10px;

	font: 0.8em Arial, Helvetica, sans-serif; 
	font-size:110%;
	font-weight : bold;
	color : white;
}



.plusmoins{
	/*float:left;*/
	position:relative;
	top:3px;
	margin-left:3px;
	
	width: 30px;
    height: 30px;
	
	border: 0px solid #FFFFFF;
    border-radius: 15px;
    background: white;
	
}  

.txt_moins{

	position:relative;
	top:-8px;
	/*margin-bottom:10px;*/

	left:0px;

	font: 0.8em Arial, Helvetica, sans-serif; 
	font-size:110%;
	font-weight : bold;
	color : black;
}

.txt_plus{

	position:relative;
	top:4px;
	/*margin-bottom:10px;*/

	left:0px;

	font: 0.8em Arial, Helvetica, sans-serif; 
	font-size:110%;
	font-weight : bold;
	color : black;
}


#containerPhotoss
{
/*overflow: auto; */
display: block;
margin-left:5%;

}

#compteur_photo {
	width:20%;
	text-align:center;
	color:rgb(18, 105, 152);
	
	font-size:90%;
	font-weight:normal;
	
}

.suiv{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(18, 105, 152);
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(255, 255, 255);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(255, 255, 255);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 20.4px;
	font-style: normal;
	font-weight: bold;
	height: 60px;
	line-height: normal;

	
	margin-top: 5px;
	outline-color: rgb(255, 255, 255);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: none;
	vertical-align: baseline;
	width: 100%;
	-moz-appearance: button;
}

.oui{
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(18, 105, 152);
		background-image: none;
		background-origin: padding-box;
		background-position: 0% 0%;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-size: auto;
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(255, 255, 255);
		border-left-style: none;
		border-left-width: 0px;
		border-right-color: rgb(255, 255, 255);
		border-right-style: none;
		border-right-width: 0px;
		border-top-color: rgb(255, 255, 255);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;
		border-top-width: 0px;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16.4px;
		font-style: normal;
		font-weight: bold;
		height: 60px;
		line-height: normal;

		margin-left:5%;
		margin-top: 5px;
		outline-color: rgb(255, 255, 255);
		outline-style: none;
		outline-width: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
		text-transform: none;
		vertical-align: baseline;
		width: 40%;
		-moz-appearance: button;
		}
		
	.non{
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(18, 105, 152);
		background-image: none;
		background-origin: padding-box;
		background-position: 0% 0%;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-size: auto;
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(255, 255, 255);
		border-left-style: none;
		border-left-width: 0px;
		border-right-color: rgb(255, 255, 255);
		border-right-style: none;
		border-right-width: 0px;
		border-top-color: rgb(255, 255, 255);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;
		border-top-width: 0px;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16.4px;
		font-style: normal;
		font-weight: bold;
		height: 60px;
		line-height: normal;

		
		margin-top: 5px;
		outline-color: rgb(255, 255, 255);
		outline-style: none;
		outline-width: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
		text-transform: none;
		vertical-align: baseline;
		width: 40%;
		-moz-appearance: button;
		
		opacity:0.3;
		
		}
		
.ouii{
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(18, 105, 152);
		background-image: none;
		background-origin: padding-box;
		background-position: 0% 0%;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-size: auto;
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(255, 255, 255);
		border-left-style: none;
		border-left-width: 0px;
		border-right-color: rgb(255, 255, 255);
		border-right-style: none;
		border-right-width: 0px;
		border-top-color: rgb(255, 255, 255);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;
		border-top-width: 0px;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16.4px;
		font-style: normal;
		font-weight: bold;
		height: 60px;
		line-height: normal;

		margin-left:0%;
		margin-top: 5px;
		outline-color: rgb(255, 255, 255);
		outline-style: none;
		outline-width: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
		text-transform: none;
		vertical-align: baseline;
		width: 100%;
		
		
		-moz-appearance: button;
		
		
		}
		
		
.btn_quitter{
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(153, 0, 51);
		background-image: none;
		background-origin: padding-box;
		background-position: 0% 0%;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-size: auto;
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		border-bottom-width: 0px;
		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(255, 255, 255);
		border-left-style: none;
		border-left-width: 0px;
		border-right-color: rgb(255, 255, 255);
		border-right-style: none;
		border-right-width: 0px;
		border-top-color: rgb(255, 255, 255);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;
		border-top-width: 0px;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16.4px;
		font-style: normal;
		font-weight: bold;
		height: 60px;
		line-height: normal;

		margin-left:0%;
		margin-top: 5px;
		outline-color: rgb(255, 255, 255);
		outline-style: none;
		outline-width: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
		text-transform: none;
		vertical-align: baseline;
		width: 100%;
		
		
		-moz-appearance: button;
		
		
		}
						
		
				
		
.nonn{
				
		background-color: rgb(18, 105, 152);	
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		
		border-image-width: 1;
		border-left-color: rgb(255, 255, 255);
		border-left-style: none;
		
		border-right-color: rgb(255, 255, 255);
		border-right-style: none;
		
		border-top-color: rgb(255, 255, 255);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;	
		
		color: rgb(255, 255, 255);
		cursor: pointer;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16.4px;
		font-style: normal;
		font-weight: bold;
		height: 60px;
		line-height: normal;

		margin-top: 5px;
		outline-color: rgb(255, 255, 255);
		outline-style: none;
		
		text-align: center;
		text-transform: none;
		vertical-align: baseline;
		width: 40%;
		-moz-appearance: button;
		
		opacity:0.3;
		
		}		

.ntag{

	color:rgb(18, 105, 152);
	font-size:150%;
	font-weight: 400;
}

.totmaj{

	color:rgb(153, 0, 51);
	font-weight: bold;
}

.titre_maj_mb{

	color:rgb(18, 105, 152);
	font-size:130%;
	font-weight: 400;
}

#non_tag{
	display:none;
	padding-top:30px;
	color:#8B0000;
	font-size:130%;
	font-weight: 400;
	font-style:italic;
}

#ok_save{
	visibility:hidden;
	padding-top:15px;
	color:green;
	font-size:130%;
	font-weight: 400;
	font-style:italic;
}

#navigation_bas
{
  overflow:auto;
  overflow-wrap:anywhere;
  display:block;
  width:100%;
  border:0px;
  border-style:solid;
}

.pagination{
border: 1px solid #DEDEDE ;
font-weight : bold;
background : #FFFFFF;
margin : 0px;
padding:10px 18px;
font:  Arial, Helvetica, sans-serif; 
font-size:150%;
text-decoration:none;
margin-right:12px;    
color : blue;
}
.pagination:hover{
background : #2e6ab1;   
color:#FFFFFF;
}
.pagination-inactif{
border: 1px solid #DEDEDE  ;
font:  Arial, Helvetica, sans-serif; 
font-size:150%;
font-weight : bold;
background : #2e6ab1;
color : white;
margin : 0px;
padding:10px 18px;
margin-right:12px;
}


#connexion {
    
	width: 90%;
	margin: 0px auto;	

}


#connexion ul {
    
	list-style: none;
	margin-left:0;
	padding-left:0;
	

}





#connexion ul li {
	line-height:30px;
	color: rgb(18, 105, 152);
font-family: "OpenSans", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: normal;
font-weight: 400;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;

text-decoration: rgb(18, 105, 152);
text-decoration-color: rgb(18, 105, 152);
text-decoration-line: none;
text-align:center;


}


#connexion ul li .input1{
    
	background-color:rgb(238, 238, 238);
	padding-left : 0px;
	font-size:14px;
	width:200px;
	text-align:center;
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
border-bottom-style: none;
border-bottom-width: 0px;

border-left-color: rgb(238, 238, 238);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(238, 238, 238);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(238, 238, 238);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: none;
border-top-width: 0px;
box-shadow: none;
box-sizing: border-box;
color: rgb(34, 34, 34);
font-family: "Droid Sans", Helvetica, Arial, sans-serif;
font-size: 14.4px;
font-style: normal;
font-weight: 400;
height: 35px;
}

#connexion ul li.kl {
    
	margin-top:10px;
	line-height: normal;
}

#connexion ul li.titre1  {
    
	line-height:normal;
	text-align:center;
	margin-bottom:20px;
}               



#connexion ul li .btn_renvoyer{
	background-attachment: scroll;
background-clip: border-box;
background-color: rgb(176, 58, 46);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(255, 255, 255);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(255, 255, 255);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(255, 255, 255);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
font-family: "Droid Sans", Helvetica, Arial, sans-serif;
font-size: 14.4px;
font-style: normal;
font-weight: 400;
height: 40px;
line-height: normal;

/*margin-left: 53.25px;
margin-right: 53.25px;*/
margin-top: 5px;
outline-color: rgb(255, 255, 255);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
text-transform: none;
vertical-align: baseline;
width: 248.5px;
-moz-appearance: button;

}

.x1lliihq {
  display: block;
  margin-top:20px;
   margin-bottom:20px;
  margin-left:2%;
  margin-right:2%;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
font-size: 135%;
font-style: normal;
font-weight: 400;
}

.non-actif {
pointer-events : none;
opacity :  0.3;
}

.btn-rencontre2-inactif
{
  pointer-events : none;
  width:80%;
  height:60px; 
  color:white;
  border: 0px; 
  background-color:#F54927;
  margin-top:2%;
  font-size:110%;
  font-weight : bold;  
  opacity :  0.3;
}    


.btn-horsol-global
{
  
  width:80%;
  height:60px; 
  color:black;
  border: 0px; 
  background-color:#FFFFFF;
  margin-top:2%;
  font-size:150%;
  font-weight : bold;  

}    
    
#Modal_SendMessage input{height:30px;width:90%;font-size:100%;color:black;font-weight:normal;font-family:'Ubuntu',Tahoma,sans-serif}   

#Modal_SendMessage textarea{height:130px;width:90%;font-size:100%;color:black;font-weight:normal;font-family:'Ubuntu',Tahoma,sans-serif}