@media only screen and (max-width: 763px) 
{
body {width: 500px;}
 #menu a{
 font:  22px/25px Arial, Helvetica!important;}
.no-mobile {display:none!important;}
.yes-mobile {display:block!important;}
#navigation_mobile {display:none;}
#block-lang-dropdown-language {display:none;} 
.menu-contant {	justify-content: flex-start!important;} 
.video {width:480px!important;}


}



html, body {
    height: 100%;
    width: 100%;
	font-size: 12px;
}

.btn-submit {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.col01, .col01 select{
float: right;
right: 45%;
}

.spacer {
  clear: both;
}

.close{
float: left;
cursor: pointer;
width: 30px;
position: relative;
z-index: 10;
		 margin-right: -15px;
		 margin-top: -15px;
		 padding: 2px;
		 border-radius: 8px;
}

.col01, .col02{
float: left;
    padding-right: 10px;
    padding-left: 10px;
font-size: 14px;

}

.champ{
float: left;
    margin-right: 5px;
	margin-top:   5px;
font-size: 14px;
}

.col02{
width: 560px;
}

.content00, .content01{
float: left;
margin-right: 10px;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 1px;
}

/* Modif pou ui Menu en Tabs =================================================================		

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 5;
    text-decoration: none;
    font-size: 12px;
    list-style: none;
}

.ui-widget-content {
    border: none;
    background: none;
    color: #333;
}

.ui-widget-header {
    background: none;
}

/* __________________________________________________*/

.fondModal{
   
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    z-index: 991;
}

.fenetreModal{
    z-index: 992;
    position:fixed;
	overflow: visible;
	padding: 18px;
	padding-top: 30px;
}

/* __________________________________________________*/

.fondModal2{

    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;

    z-index: 9991;
}

.fenetreModal2{
    z-index: 9992;
	position: fixed; left: 200px; top: 20px;
	overflow: visible;
}


/* __________________________________________________*/


.btn{
    background-position: 0px 0px; 
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 5px;
	margin-top: 5px;
    color: #FFF ;
    font: Arial,sans-serif;
    height: 53px;
    margin-left: 0px auto;
    padding: 0px 0px ;
	padding-left: 10px;
	padding-right: 10px;
    text-align: center;
	line-height:3.5em;
    text-transform: uppercase;
    z-index: 1;
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    font-size: 10px;
    cursor: pointer;
    overflow: hidden;
}

.btn2{
    background-position: 0px 0px; 
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 5px;
	margin-top: 5px;
    color: #FFF ;
    font: Arial,sans-serif;
    height: 53px;
    margin-left: 0px auto;
    padding: 0px 0px ;
	padding-left: 10px;
	padding-right: 10px;
    text-align: center;
	line-height:3.5em;
    text-transform: uppercase;
    z-index: 1;
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
	margin-bottom: 10px;
    font-size: 10px;
    cursor: pointer;
    overflow: hidden;
}

.cadenasVert, .cadenasRouge, .cadenasOrange, .cadenasVert2, .cadenasRouge2, .cadenasOrange2  {
    margin-top: 15px;
    width: 36px;
    height: 35px;
	margin-right: 3px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
	background-size: 102px;
	
}

 .cadenasVert2, .cadenasRouge2, .cadenasOrange2  {
    cursor: default;
}

.cadenasOrange, .cadenasOrange2 {
    background-position-x: -16px;
    background-position-y: -31px;
}

.cadenasVert, .cadenasVert2{
    background-position-x: -16px;
	background-position-y: -003px;
}

.cadenasRouge, .cadenasRouge2{
    background-position-x: -47px;
	background-position-y: -003px;
}


.zone{
	float: left;
    border: medium none;
    border-radius: 5px;
    color: #FFF ;
    font: Arial,sans-serif;
    height: 53px;
    margin-left: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
    padding-left: 5px ;
	line-height:3.5em;
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    font-size: 12px; 
    overflow: hidden;
}

#monCompte, #monCompte02{
	float: left;
    border-radius: 5px;
    font-family: Arial,sans-serif;
	color: black ;
    margin: 10px;
    padding: 10px;
    margin-left: 250px;
    overflow: hidden;

}


.an_ville:hover{
 background:  lightGray
}


.btn:hover, .btn-menu01:hover {
    opacity: 1!important;
}

.btn{
	opacity: 0.9; 
}

.BL{
	opacity: 0.4;
}

.btn-typeBien, .btn-listeAnn {
    float: left;
    display: inline-block;
    margin-left: 0px;
    margin-right: 10px; 
	padding-left: 10px;
	padding-right: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
}

/* Fin  Modif pou ui Tabs ============================================================*/	

.entete {
    width : 100%;
    height: 100px;
}

.entete img{
    width : 100%;
    height: 100%;
}

textarea {
    vertical-align: top;
}

.mce-tinymce .mce-container .mce-panel{
    width : 50%;
}

.zone_err {
    border-color: red!important;;
    border-style: dashed;
    background-color: pink!important;
}

#an_prenom{
  text-transform : capitalize;
}
/*=== css perfia ============================================================*/

.plusDetail {
	cursor: pointer;
}

.zone_annonce {
	
}

.box-ann {
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 3px;
	float: left;
	margin-top: 13px;
}

.border-ann {
	height: 100%;
	width:  12px;
	float:  left;
}

.img01-ann {
    max-height: 108px;
    max-width:  140px;
    margin: 10px;
	cursor: pointer;
}

.art-pitch {
    color: #921f61; 
    font-size: 12px;

}

.art-title {
    color: white;
    font-size: 29px;
    font-weight: bold;
    line-height: 1.2em;
	font-family: "Nunito",sans-serif !important;
}

.art-subtitle {
    font-size: 16px;
    line-height: 1.35em;
    text-align: center;
    color: #aaa9a9;
    font-family: "Nunito",sans-serif !important;
}

.valFiche:hover{
	opacity: 1;
}


.valFiche{
    color: white;
	opacity: 0.6;
    background: rgb(0, 136, 85);
    width: 200px;
    height: 60px;
    color: white;
    padding-top: 50px;
    padding-left: 30px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.roundedImage {
    overflow: hidden;
    border-radius: 999px;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-mdb {
    border-radius: 3px;
    margin-top: 5px;
    padding: 0px 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    margin-left: 0px;
    margin-right: 3px;
    overflow: hidden;
/** border: solid 1px #1e8dba; **/
	padding-bottom: 15px;
	display: flex;
    flex-flow: column;
}

/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Master-CC-and-Rs {
  max-width: 512px;
  max-height: 100%; 
  overflow: hidden;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
  position: relative;
  height: 0;    /* gets height from padding-bottom */
  
  /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
    -webkit-overflow-scrolling: touch; overflow: auto; */
  
}
 
.responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  margin: 0;
  padding: 0;
  border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-572x612 {
  padding-bottom: 107%;
}

/* general styles */
/* ============== */
.set-border {
  border: 5px inset #4f4f4f;
}
.set-box-shadow { 
  -webkit-box-shadow: 4px 4px 14px #4f4f4f;
  -moz-box-shadow: 4px 4px 14px #4f4f4f;
  box-shadow: 4px 4px 14px #4f4f4f;
}
.set-padding {
  padding: 40px;
}
.set-margin {
  margin: 30px;
}
.center-block-horiz {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FIN CSS for responsive iframe */
/* =========================     */

.video_content{
	/*margin-left: 10px;*/
}