#body-content{
	padding-bottom: 0;/* pas de pdp dans l'espace clients */
	max-width: 1024px;
	/*max-width: 1366px;*/
	margin: auto;
}
.body-l {
	max-width: 1366px !important;
}
.body-xl {
	max-width: 1600px !important;
}
.body-full {
	max-width: 100% !important;
}
#menuImage_ep {
	display: none;
}
#bloc-marge-left {
	margin-left: 240px;
	/* désactivation du overflow: hidden; le 27/09/2019 car pose des problèmes sur la page Avis (on ne voit pas le détail des notes) */
	/*overflow-y: hidden;*/
	/*clear: both;*/
}

#header-site-adh{
	width: 100%;
	min-width: 500px;/*480 + 20x10 padding content*/
	background-color: #ffffff;
	color: #2c3e50;
	height: 75px;
	/*background-color: #444;*/
	position: relative;
	z-index: 21;
	box-shadow: 240px 0 5px 0 rgba(0,0,0,0.35);
}

#header-site-content-adh {
	display: inline-block;
	vertical-align: top;
	display: flex;
	align-items: center;
	padding: 10px;
}
.texte-nowrap {
	white-space: nowrap;
}
.texte-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

input[type=button], input[type=submit]{
	margin-bottom: 0;
}

#logo{
	display: inline-block;
	vertical-align: top;
	float: none;
	flex: 1; /* prend le maximum de place */
}
#logo img {
	height: 3vw;
	max-height: 38px;
}

#votre_reference{
	text-align: center;
	width: 100%;
}
#votre_reference b{
	padding: 5px;
	border: 3px solid #5eac39;
	border-radius: 20px;
	display: inline-block;
}

#list-annonces{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	min-width: 475px;
	max-width: 475px;
}
#list-annonces-selected{
	display: block;
	display: flex;
	box-sizing: border-box;
	/*background: #2ecc71;*/
	/*background: linear-gradient(to bottom, #2ecc71 0%,#27ae60 100%);*/
	color: #ffffff;
	cursor: pointer;
	border-radius: 3px;
	padding-bottom: 0;
	/*background: none;*/
}


.img_ann_liste {
	display: inline-block;
	vertical-align: top;
	height: 75px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.ann_liste {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 0;
}

#float-list-annonces {
	position: absolute;
	right: 0;
	width: 100%;
	box-sizing: border-box;
	/*border: 1px solid #dfe0e4;*/
	border-top: 0;
	background-color: #fff;
	color: #000;
	z-index: 10;
	cursor: default;
	-moz-box-shadow: 0 0 5px 0 #d5d5d5;
	-webkit-box-shadow: 0 0 5px 0 #d5d5d5;
	-o-box-shadow: 0 0 5px 0 #d5d5d5;
	box-shadow: 0 0 5px 0 #d5d5d5;
	display: none;
	overflow: auto;
	max-height: 470px;
	min-width: 400px;
}

.item-list-annonces {
	display: flex;
	align-items: center;
	width: 100%;
	vertical-align: top;
	padding: 0;
	font-size: 0.9em;

	box-sizing: border-box;
	border-top: 1px solid #dfe0e4;
	line-height: 1.5;
	background: #fff;
}

.item-list-annonces b{
	font-size: 1.1em;
}

.float-selected{
	border: 2px solid #feba02;
}

.div_ann_selected {
	background: #2ecc71;
	height: 56px;
	border-radius: 3px;
}
#img_ann_selected {
	display: inline-block;
	vertical-align: top;
	width: 75px;
	height: 56px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#my_annonce_selected {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}
#nom_expiration_annonce {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}
.modal_holidu {
	display: flex;
    align-items: center;
    justify-content: center;

	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity 500ms ease-in-out;
	&__inner {
	 	transform: translate(-50%, -50%) scale(.75);
		top: 50%;
		left: 50%;
		width: 50%;
		background: white;
		padding: 30px;
		position: absolute;
  		color: black;
		@media( max-width: 640px ){
			width: 100%;
		}
	}
}
.popup_holidu b{
	color: #00809d;
}
.title_popup_holidu{
    font-size: x-large;
}

.popup_holidu{
	text-align: center;
    display: block;
	width: 30%;
	overflow-x: scroll;
    max-height: 90%;
	margin: 70px auto;
    padding: 20px;
    background: white;
    border-radius: 5px;
    position: relative;
    transition: all 5s ease-in-out;
}
.button-holidu{
	padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    background-color: #00809d;
    color: white;
    font-weight: bold;
    width: 50%;
    margin-left: auto;
    cursor: pointer;
    margin-right: auto;	
}
.holidu_white_message{
	background: white;
    border: 2px solid gray;
    padding: 10px;
    text-align: center;
	width: 83%;
    box-sizing: border-box;
    border-collapse: separate;
    display: inline-block;
    margin: auto;
}

.holidu_white_message img{
	width: 70px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}
.holidu_white_message .message_txt{
    display: inline-block;
    line-height: 1.3;
    font-size: medium;
}
#fleche_annonce_select {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#list-annonces-selected {
	position: relative;
}
#list_flags {
	top: 18px;
	/*overflow: hidden;*/
}
#flags {
	top: -4px;
	right: 0px;
}
#flags #lang_selected {
	padding: 0;
}
#lang_selected img, #list_flags img {
	width: 20px;
	border: none;
}

#menu-adh{
	position: absolute;
	color: #ffffff;
	width: 240px; /* Taille importante, reportée plusieurs fois ci-dessous */
	height: calc(100% - 75px); /* -60 => padding-top */
	background: #444;
	z-index: 20;
}

#menu-content-adh a.menu-item-container, #menu-content-adh div.menu-item-container{
	display: block;
	position: relative;
}
#menu-content-adh a.menu-item, #menu-content-adh div.menu-item{
	display: block;
	height: 40px;
	line-height: 40px;
	min-width: 240px;
	max-width: 240px;
	position: relative;

	color: #ffffff;
	vertical-align: middle;
	font-size: 1.15em;
	cursor: pointer;
	background: #444;
}
#menu-content-adh a.menu-item{
	text-decoration: none;
}
#menu-content-adh a.menu-item:hover, #menu-content-adh div.menu-item:hover{
	/*background: #f39c12;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #e9bf17 3%, #eb9b1b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(3%,#e9bf17), color-stop(100%,#eb9b1b));
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: -o-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: -ms-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: linear-gradient(to bottom, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);*/
	background: #2980b9;
}
#menu-content-adh img{
	margin-bottom: -2px;
}
#menu-content-adh .menu-item.menu-selected{
	/*background: #f39c12;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #e9bf17 3%, #eb9b1b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(3%,#e9bf17), color-stop(100%,#eb9b1b));
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: -o-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: -ms-linear-gradient(top, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);
	background: linear-gradient(to bottom, #e8e8e8 0%,#e9bf17 3%,#eb9b1b 100%);*/
	background: #2980b9;
}

/* #menu-content-adh #ho_planning{
	width: 15%;
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_resas{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_factures{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_stats{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_annonce{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_paiement{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_infos{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_photos{
	width: 10%;
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_avis{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_plan{
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_aide{
	width: 15%;
	border-left: 1px solid #4da9d9;
	border-right: 1px solid #007bc4;
}
#menu-content-adh #ho_deconnexion{
	border-left: 1px solid #4da9d9;
} */

.sub-menu{
	display: inline-block;
	left: 0;
	z-index: 2;
	color: #000000;
	box-sizing: border-box;
	line-height: 2;
	display: none;
	position: initial;
	border: initial;
	box-shadow: initial;
	background: #666;
	padding: 10px 10px 10px 20px;
}
.sub-menu td{
	white-space: nowrap;
	vertical-align: top;
	padding-right: 30px;
}
.menu-item img {
	margin-left: 15px;
}
.menu-item .libelle {
	margin-left: 15px;
}
.menu-item .fleche {
	position: absolute;
	right: 15px;
}

.tab-recap-interm{
	/*display: table;*/
	width: 95%;
	margin: auto;
	text-align: center;
}
.tab-recap-interm > div{
	/*display: table-cell;*/
	/*width: 25%;*/
	line-height: 2.5;
	/*display: inline-block;*/
	/*vertical-align: top;*/
	/*min-width: 240px;*/
	/*width: auto;  surcharge de css_adherents */
	/*margin-bottom: 15px;*/
}
.tab-recap-interm a{
	font-size: 1.1em;
}
.tab-recap-interm .titre-rubrique {
	margin-left: 5px;
}
/*.tab-recap-interm img{
	margin-bottom: -2px;
}*/
.bloc_multi_blocs {
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
}
.bloc_div_interm {
	/*float: left;*/
	min-width: 275px;
	margin: 0px 12px 24px 12px;
	padding: 5px 30px 20px 30px;
	text-align: left;
}
.bloc_div_interm > img {
	margin-bottom: -3px;
}

input[type=text], input[type=password], input[type=email], input[type=file], input[type=url], input[type=tel], input[type=number], textarea{
	padding: 3px;
}
select{
	padding-top: 1px;
	padding-bottom: 1px;
	height: 25px;
}

.btn_messages{
	padding: 3px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	cursor: pointer;

	background: #e5e5e5;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.btn_messages:hover{
	background: #ffffff;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
}

.btn_messages_disable:hover{
	cursor: default;

	background: #e5e5e5;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

a.btn_messages{
	text-decoration: none;
	color: #000000;
}

.texte_ok{
	color: #008800;
}
.texte_ko{
	color: #c0392b;
}

.titre-section{
	font-size: 1.3em;
	color: #000088;
}
.titre-section-red{
	color: red;
	font-size: 1.3em;
}

.div_txt_50{
	display: inline-block;
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	vertical-align: top;
}
.div_txt_20{
	display: inline-block;
	width: 20%;
	padding-right: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	vertical-align: top;
}
.div_txt_25{
	display: inline-block;
	width: 25%;
	padding-right: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	vertical-align: top;
}

.grille-tarifs{
	width: 100%;
	table-layout: fixed;
}

.grille-tarifs td{
	border-top: 1px solid #b2b2b2;
}
.grille-tarifs td input[type=text]{
	text-align: right;
	font-size: 0.85em;
	padding: 2px;
}

.grille-tarifs tr.numjours td{
	text-align: center;
}
.grille-tarifs tr.numjours td:first-child{
	background-color: #ffffff;
}

.grille-tarifs tr.fermeture td{
	text-align: center;
	border-top: 0;
	padding: 2px;
}
.grille-tarifs tr.fermeture td:first-child{
	background-color: #ffffff;
	font-size: 0.85em;
	text-align: right;
	border-top: 0;
}

.grille-tarifs tr.ch_occ td{
	background-color: #ffffff;
	text-align: center;
}
.grille-tarifs tr.ch_occ td:first-child{
	text-align: right;
	font-size: 0.85em;
}

.grille-tarifs-lite{
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #f6f6f6;
}

.grille-tarifs-lite td{
	text-align: center;
}
.grille-tarifs-lite tr td:first-child{
	text-align: left;
}

.tab_rapide td{
	border-top: 1px solid #b2b2b2;
}
.td_tab_rapide td input[type=text], .td_tab_rapide td select{
	font-size: 0.85em;
}

.jour_ferie{
	background-color: #DCC6E0;
}
.jour_weekend{
	background-color: #D2D7D3;
}

/* Menu Desktop */
.sub-menu {
	color: #ddd;
}
.sub-menu > * {
	vertical-align: top;
	white-space: nowrap;
	min-width: 100px;
	display: block;
	padding: 0;
}
.sub-menu a {
	color: #ddd; /* Tous les liens sont gris */
	white-space: nowrap;
}
.sub-menu > a { /* Les liens de pages ne sont pas soulignés */
	text-decoration: none;
}
.sub-menu a:hover {
	color: #feba02;
}
#menu-content-adh .page_selected {
	color: #feba02;
	font-weight: bold;
}

.wrapper-sticky-menu {
	z-index: 2;
}

/* Page "photos" */
.page-photos .img-photo {
	/*width: 155px;*/
    text-align: center;
}
.page-photos .legende_fr_en {
    margin-top: 5px;
}
.page-photos .div-list-50 {
	padding-right: 5px;
}
.page-photos .bouton-action {
    margin: 5px auto;
    padding: 1px 2px 3px 2px;
    border-radius: 5px;
    text-align: center;
}
.page-photos .bouton-action > * {
	vertical-align: middle;
}
.page-photos .bouton-action > .libel-bouton {
	margin-left: 5px;
}
/* Page "photos" - fenêtre de dialogue */
.dialogSupprPhoto {
	position:fixed;
}
.dialogSupprPhoto .ui-dialog-titlebar {
	text-align: center;
    background: lightcoral;
    border-color: grey;
    padding: 0px;
}
.dialogSupprPhoto .ui-dialog-title {
	width: 100%;
}
.dialogSupprPhoto .ui-widget-overlay {
    background: rgba(255,255,255,0.8);
    opacity: 1 !important;
}
.dialogSupprPhoto .confirmJquery {
	text-align: center;
    min-height: 0px !important;
    font-weight: bold;
}

/* Page "Logo partenaire" */
.ligneLogoEtCode {
	margin-bottom: 5px;
}
.ligneLogoEtCode div {
	display: table-cell;
	vertical-align: middle;
}

/* Page "autocollant" */
.td-simul {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 13px;
}

/* Page "informations de l'annonce" */
form#modif_form {
    min-width: 920px;
}

/* Page "payer/renouveler" */
#form_paiement .td-simul {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
	width: 50%;
}
#form_paiement .input-tarif {
	max-width: 70px;
}
#form_paiement .bloc-plaque-signaletique .no-plaque-signaletique {
	padding: 5px 10px;
}

/* Page "factures" */
.bloc-factures .default-tab-light {
	margin: auto;
	display: table;
	width: 100%;
}
.bloc-factures .tr-simul:nth-child(2n+1) {
	background: #ececec;
}
.bloc-factures .tr-simul {
	display: table-row;
}
.bloc-factures .td-simul {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
.bloc-factures .th-simul {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/* Page "créer un site web" (template) */
#form_siteweb .tr-simul {
	display: table-row;
}

/* Page "planning" */
#maj_url_ical {
    margin: 20px 0px;
}
#maj_url_ical ul {
	display: table;
    padding: 0;
	margin: 5px 0px;
}
#maj_url_ical li {
	display: table-row;
}
#maj_url_ical .listeUrl span:nth-child(2) {
	width: 420px;
}
#maj_url_ical li.header {
	font-weight: bold;
}
#maj_url_ical li span {
    display: table-cell;
	min-width: 110px;
	padding: 3px 10px;
	vertical-align: middle;
}
#maj_url_ical input.url_planning {
    width: calc(100% - 36px);
	margin: 0px;
}
#maj_url_ical input[type=button] {
	margin-left: 10px;
}
#export-liens-Ical .ligneExportLienIcal > * {
	margin-right: 5px;
	vertical-align: middle;
}
#export-liens-Ical .nomPlanning {
	max-width: 200px;
}
#export-liens-Ical .lien-export-ical {
	width: 500px;
	margin-top:2px;
	margin-bottom:2px;
}
#export-liens-Ical .bouton-copier {
    padding: 3px 5px;
}

/* Page "avis" - (aperçu widgets) */
.border-head2{
	display: inline-block;
    border: 1px solid #43B3E5;
    color: #2980b9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 5px;
    background: #fff;
}
.list-widgets {
	list-style: none;
    margin: 15px 0px 10px 0px;
    padding: 0;
}
.list-widgets li {
	margin-top: 10px;
	padding: 5px 0px;
}
.list-widgets li:nth-child(2n) {
	background: #fff;
}
.preview {
    display: inline-block;
    vertical-align: middle;
    min-width: 25%;
    box-sizing: border-box;
    padding-left: 35px;
}
.code {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px;
}
/* Style particulier pour le widget 1 */
.code1 {
	display: block;
    width: 74.5%;
    margin-left: auto;
}
.fake-input {
	border: 1px solid #b2b2b2; 
	background-color: #ffffff; 
	padding: 5px; 
	width: 660px;
}
#button_domaine {
	vertical-align: top;
	padding: 3px;
}

#comparatif_gps {
	margin: auto;
	min-width: 325px;
}
#comparatif_gps td, #comparatif_gps th {
	text-align: center;
	padding: 3px 5px;
}
#comparatif_gps .titre_comparatif {
	text-align: left;
}
#comparatif_gps tr:nth-child(2n) {
	background: #efefef;
}

/* Page "Identifiant et mot de passe" */
#form_login_mdp .table-simul {
	display: table;
	width: 75%;
}
#form_login_mdp .td-simul {
	display: table-cell;
	vertical-align: top;
}

.logout-button {
	display: inline-block;
	vertical-align: top;
	float: right;
	position: relative;
	top: 2px;
	z-index: 1;
}
a.logout-button:hover::after {
    content: "Déconnexion";
    position: absolute;
    right: 0px;
    bottom: -28px;
    background: #fff;
    padding: 5px 7px;
    border-radius: 3px;
    color: #444;
    border: 1px solid #eee;
}

/* Page Conseils */
.rubrique_conseil {
	margin-bottom: 20px;
}
.item_conseil {
	padding: 5px;
}
.item_conseil .texte_conseil {
	display: inline-block;
	vertical-align: middle;
}
.item_conseil .photo_conseil {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
}
.item_conseil2 {
	margin-left: 15px;
	padding: 5px;
}
.lien_redirection {
	padding: 3px;
}

.bloc_prestas_activites {
	display: inline-block;
	vertical-align: top;
	/*margin-right: 40px;*/
}
.bloc_prestas_activites table {
	border-bottom: 0;
}
.bloc_prestas_activites table tr td {
	height: 25px;
	padding: 2px 5px;
	border-top: 0;
}
.bloc_prestas_activites td input[type=text] {
	width: 70px;
	height: 23px; /* Sur cette page, il faut redéfinir certains styles */
	padding: 3px;
	padding-top: 3px;
}
.separation_prestas {
	display: inline-block;
	height: 450px;
	border-right: 1px solid #ccc;
	margin: 10px 20px;
}
input:disabled, input:disabled:hover {
	background: #c9c9c9;
    border: 1px solid transparent;
}
input.error_val {
	border: 1px solid #a94442;
	background: #F2DEDE;
	color: #a94442;
}

.badge_menu {
	padding: 0 5px;
	background: #fff;
	color: #444;
	font-weight: bold;
	border-radius: 1em;
	margin-left: 5px;
	font-size: 0.9em;
}

#notification_cyb {
	position: fixed;
	bottom: 20px;
	right: 25px;
	background: #3C8CF5;
	color: #FFFFFF;
	padding: 10px;
	border-radius: 1em;
	cursor: pointer;
	display: flex;
	align-items: center;
}
#notification_cyb img {
	display: block;
	animation: shake 1s;
	animation-iteration-count: infinite;
}
.label_notification {
	font-size: 1.2em;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.5s;
	max-width: 0;
}
#notification_cyb:hover .label_notification {
	max-width: 150px;
}
@keyframes shake {
	0% { transform: rotate(-20deg); }
	50% { transform: rotate(+20deg); }
	100% { transform: rotate(-20deg); }
}

/* Boutons pour switch : OUI ou NON (avec boule et animation) */
.switch_oui_non {
	position: relative;
	display: inline-block;
	border-radius: 1em;
	white-space: nowrap;
}
.switch_oui_non input[type=checkbox], .switch_oui_non input[type=radio] {
	display: none;
}
.switch_oui_non label {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: calc(100% / 2);
	height: 100%;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.switch_oui_non input[type=checkbox]:checked + label, .switch_oui_non input[type=radio]:checked + label {
	font-weight: bold;
	color: #fff;
	transition: 0.15s ease-out;
	transition-property: color, text-shadow;
}
.switch_oui_non .switch-selection {
	top: 0;
	left: 0;
	background: #999999;
	border-radius: 1em;
	transition: left 0.15s ease-out;
	color: transparent;
	font-weight: bold;
	width: 4.4em;
	height: 1.9em;
}
.switch_oui_non .switch-off:checked ~ .switch-selection {
	background: #E57373; /* rouge */
}
.switch_oui_non .switch-on:checked ~ .switch-selection {
	background: #65BD63; /* vert */
}
.switch_oui_non .texte_label {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	color: #fff;
	padding: 5px 0;
}
.switch_oui_non .switch-off:checked ~ .switch-selection .texte_label_non {
	display: block;
	left: auto;
	right: 0.4em;
}
.switch_oui_non .switch-on:checked ~ .switch-selection .texte_label_oui {
	display: block;
	left: 0.6em;
}
.switch_oui_non .boule {
	position: absolute;
	top: calc(50% - 0.7em);
	left: calc(100% - (1.4em + 0.2em));
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background: #fff;
	border-radius: 1em;
	transition: left 0.2s;
	pointer-events: none;
	z-index: 1;
}
.switch_oui_non .switch-off:checked ~ .boule {
	left: 0.2em;
}
.switch_oui_non .switch-on:checked ~ .boule {
	left: calc(100% - 1.6em); /* 100% de la taille (1.4em) + 0.2em */
}

/* Boutons pour switch : OUI ou NON (avec boule et animation) */
.switch_oui_non_v2 {
	position: relative;
	display: inline-block;
	border-radius: 1em;
	white-space: nowrap;
	min-width: 4.4em;
	min-height: 1.8em;
	overflow: hidden;
}
.switch_oui_non_v2 input[type=checkbox], .switch_oui_non_v2 input[type=radio] {
	display: none;
}
.switch_oui_non_v2 .switch-selection {
	position: absolute;
	top: 0;
	left: 0em;
	transition: left 0.15s ease-out;
}
.switch_oui_non_v2 .switch-selection label {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 1em;
	box-sizing: border-box;
	width: 4.4em;
	height: 1.8em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}
.switch_oui_non_v2 .switch-selection label.oui {
	padding-right: calc(1.4em + 7px);
	background: #65BD63; /* vert */
	color: #fff;
}
.switch_oui_non_v2 .switch-selection label.non {
	padding-left: calc(1.4em + 7px);
	background: #E57373; /* rouge */
	color: #fff;
}
.switch_oui_non_v2 .switch-off:checked ~ .switch-selection {
	left: -4.4em;
}
.switch_oui_non_v2.switch-dark .switch-selection label.oui {
	background: #32A0F5; /* bleu */
}
.switch_oui_non_v2.switch-dark .switch-selection label.non {
	background: #999999; /* gris */
}
.switch_oui_non_v2 .boule {
	position: absolute;
	top: calc(50% - 0.7em);
	left: calc(100% - (1.4em + 0.2em));
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background: #fff;
	border-radius: 1em;
	transition: left 0.2s;
	pointer-events: none;
}
.switch_oui_non_v2 .switch-off:checked ~ .boule {
	left: 0.2em;
}

/* Switch 3 positions : NON, neutre, OUI */
.switch_oui_non_neutre {
	position: relative;
	display: inline-block;
	border-radius: 1em;
	white-space: nowrap;
}
.switch_oui_non_neutre input[type=checkbox], .switch_oui_non_neutre input[type=radio] {
	display: none;
}
.switch_oui_non_neutre label {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: calc(100% / 3);
	height: 100%;
	color: #666;
	text-align: center;
	cursor: pointer;
}
.switch_oui_non_neutre input[type=checkbox]:checked + label, .switch_oui_non_neutre input[type=radio]:checked + label {
	font-weight: bold;
	color: #fff;
	transition: 0.15s ease-out;
	transition-property: color, text-shadow;
}
.switch_oui_non_neutre .switch-selection {
	top: 0;
	left: 0;
	background: #999999;
	border-radius: 1em;
	transition: left 0.15s ease-out;
	color: transparent;
	font-weight: bold;
	width: 4.4em;
	height: 1.9em;
}
.switch_oui_non_neutre .switch-off:checked ~ .switch-selection {
	background: #E57373; /* rouge */
}
.switch_oui_non_neutre .switch-neutre:checked ~ .switch-selection {
	background: #999999; /* gris */
}
.switch_oui_non_neutre .switch-on:checked ~ .switch-selection {
	background: #65BD63; /* vert */
}
.switch_oui_non_neutre .texte_label {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	color: #fff;
	padding: 5px 0;
}
.switch_oui_non_neutre .switch-off:checked ~ .switch-selection .texte_label_non {
	display: block;
	left: auto;
	right: 0.4em;
}
.switch_oui_non_neutre .switch-on:checked ~ .switch-selection .texte_label_oui {
	display: block;
	left: 0.6em;
}
.switch_oui_non_neutre .boule {
	position: absolute;
	top: calc(50% - 0.7em);
	left: calc(100% - (1.4em + 0.2em));
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background: #fff;
	border-radius: 1em;
	transition: left 0.2s;
	pointer-events: none;
	z-index: 1;
}
.switch_oui_non_neutre .switch-off:checked ~ .boule {
	left: 0.2em;
}
.switch_oui_non_neutre .switch-neutre:checked ~ .boule {
	left: calc(50% - 0.7em);
}
.switch_oui_non_neutre .switch-on:checked ~ .boule {
	left: calc(100% - 1.6em); /* 100% de la taille (1.4em) + 0.2em */
}
/* Fin du Switch 3 positions */

.switch_oui_non.min_size, .switch_oui_non_neutre.min_size {
	font-size: 0.8em;
}
.switch_oui_non.min_size .texte_label, .switch_oui_non_neutre.min_size .texte_label {
	font-size: 1.1em;
	top: -3px;
}

#ui-datepicker-div {
	z-index: 150 !important;
}

.bandeau_alert{
	box-sizing:border-box;
	position: absolute;
	width: 100%;
	left: 0;
	top: 44%;
	color: #ffffff;
	padding: 3px;
	transform: translateY(-50%);
}
.bandeau_alert a{
	color: #ffffff;
}

.bandeau_alert_gris{
	background-color: rgba(128, 128, 128, 0.66);
}

.bandeau_alert_rouge{
		background-color: rgba(255, 0, 0, 0.66);
}

@media screen and (max-width: 768px) {
	.popup_holidu{
		text-align: center;
		display: block;
		width: 80%;
		overflow-x: scroll;
		max-height: 90%;
		margin: 70px auto;
		padding: 20px;
		background: white;
		border-radius: 5px;
		position: relative;
		transition: all 5s ease-in-out;
	}

}
@media screen and (max-width: 530px) {

	#header-site-adh {
		min-width: 0px;
		height: auto;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
	}
	#header-site-content-adh {
		display: block;
	}
	#logo {
		display: block;
		width: auto;
		margin: 0 35px 5px 25px;
	}
	#logo img {
		width: 100%;
		height: 30px;
		max-height: none;
	}
	#menuImage_ep {
		display: block;
    	position: absolute;
		top: 18px;
		left: 10px;
	}
	
	#list-annonces {
		display: block;
		margin: auto;
		min-width: 0;
	}
	#float-list-annonces {
		min-width: auto;
	}

	#menu-adh {
		display: none;
	}
	#menu-content-adh .menu-item, #menu-content-adh div.menu-item-container {
		display: block;
	}
	.bloc_multi_blocs, .bloc_div_interm {
		/*float: none;*/
		min-width: 0;
		display: block;
	}
	.tab-recap-interm > div {
		/*display: block;*/
		/*width: 100%;*/
		line-height: 2.3;
	}
	div#donnees-sub, div#diffusion-sub, div#activite-sub, div#gestion-sub, div#help-sub {
		width: 100%;
	}	
	.cell-content {
		text-align: center;
	}
	
	/* Page "planning" */
	#planning-go-left, #planning-go-right {
		display: none !important;
	}
	.cyb-bloc-planning {
		width: 47% !important;
	}
	#export-liens-Ical .conteneurLignesExportIcal table {
		width: 100%;
	}
	#export-liens-Ical .ligneExportLienIcal td {
		display: block;
		width: 100%;
	}
	#export-liens-Ical .ligneExportLienIcal td:nth-child(3), #export-liens-Ical .ligneExportLienIcal td:nth-child(4) {
		display: inline-block;
		width: auto;
	}
	#export-liens-Ical .lien-export-ical {
		width: 100%;
	}
	
	/* Page "photos" */
	.page-photos .div_info {
		display: none;
	}
	.page-photos .bloc_photo {
		background-color: #f6f6f6;
		margin-bottom: 5px;
	}
	.page-photos .img-photo {
		/*display: inline-block;*/
	}
	.page-photos .cell-content.suppr-photo {
		display: block;
		width: 100% !important;
	}
	.page-photos .bouton-action {
		display: inline-block;
		box-sizing: border-box;
		width: calc(33% - 4px);
		margin: 5px 2px;
	}
	.page-photos .bouton-action > .libel-bouton {
		margin-left: 2px;
	}
	.page-photos .cell-content {
		box-sizing: border-box;
		padding-top: 5px;
		padding-bottom: 0px;
		height: 170px;
	}
	.page-photos .cell-content.desc-photo {
		display: inline-block !important;
		width: calc(100% - 165px) !important;
	}
	.page-photos .photo-pb {
		display: block;
	}

	/* Page Messages */
	/*.infosRapides div {
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}*/
	.infosRapides div > * {
		display: inline-block;
	}
	.infosRapides > div:nth-child(2) {
		margin-top: 5px;
	}
	.classPourOverflowX {
		overflow-x: auto;
	}
	
	/* Page "vidéo" */
	#form_video #url_video {
		width: 100%;
	}
	#form_video #submit_button {
		margin-top: 5px;
	}
	
	/* Page "plan d'accès" */
	#mapPagePlan {
		display: block !important;
		width: 100% !important;
	}
	#legendeMapPagePlan {
		display: block !important;
		width: 100% !important;
		margin-top: 5px;
		box-sizing: border-box;
	}
	#formMajcoordonnees table {
		margin: 0;
	}
	.instructionsPourVenir {
		display: block !important;
		width: 100% !important;
	}
	.instructionsPourVenir textarea {
		height: 100px !important;
		width: 100% !important;
	}
	
	/* Page "lieux touristiques" */
	#listeLieuxTouristiques {
		width: 100% !important;
		display: block !important;
	}
	#mapLieuxTouristiques {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
	}
	
	/*Page "Ajouter un lieu touristique" */
	#donnesAddLieuTouristique {
		display: block !important;
		width: 100% !important;
	}
	#mapAddLieuTouristique {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#id_type_tourisme {
		width: 100%;
	}
	
	/* Page "Option de mise en avant" */
	#form_boost #datepicker {
		display: block;
	}
	
	/* Page "satisfaction propriétaire" */
	form[name=temoignage] input[type=submit] {
		margin-top: 5px;
	}
	
	/* Page "parrainage" */
	#donnéesParrainage {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#infosParrainage {
		display: block !important;
		width: 100% !important;
		margin-top: 5px !important;
		padding: 0 !important;
	}
	
	/* Page "Ajouter une nouvelle annonce" */
	#descNouvelleAnnonce {
		display: block !important;
		width: 100% !important;
	}
	#imgNouvelleAnnonce {
		display: block !important;
		width: 100% !important;
		margin-top: 5px !important;
	}
	
	/* Page "Logo partenaire" */
	.ligneLogoEtCode {
		margin-bottom: 10px;
	}
	.logoImage {
		width: 100%;
		display: block !important;
		padding: 0;
	}
	.logoImage img {
		max-width: 100%;
	}
	
	/* Page "autocollant" */
	#form_autoc {
		text-align: center;
	}
	#form_autoc .td-simul {
		display: block;
	}
	
	/* Page "plaque signalétique" */
	.page-signaletique {
		text-align: center; /* centrer les images */
	}
	#form_plaque {
		text-align: left; /* rétablissement de l'alignement à gauche du texte */
	}
	#form_plaque div.default-tab-light > .td-simul { /* affichage les uns en dessous des autres */
		display: block;
	}
	.bouton-center {
		text-align: center;
	}
	.page-signaletique > a { /* pour centrer les images */
		text-align: center;
	}
	.page-signaletique .bloc-de-fixation {
		padding-left: 26px;
	}
	
	/* Page "infos de mon annonce" */
	#modif_form {
		min-width: 0px !important;
	}
	.bloc-coordonnees .libelle-simul {
		width: 20%;
	}
	.bloc-coordonnees .input-simul {
		width: 80%;
	}
	.bloc-coordonnees .libelle-emplacement {
		width: auto !important;
	}
	.bloc-coordonnees .input-emplacement {
		width: 100px;
	}
	label[for=ouvert_toute_annee] {
		margin-left: 3px;
	}
	.bloc-coordonnees .ouv_du1, .bloc-coordonnees .ouv_au1, .bloc-coordonnees .ouv_du2, .bloc-coordonnees .ouv_au2 {
		display: inline-block;
		margin-left: 3px;
	}
	.bloc-coordonnees .input-prix-vente {
		width: 79% !important;
	}
	.bloc-coordonnees .bloc-infos {
		width: 100%;
		padding-left: 0px;
	}
	.libelle-donnee, .modif-donnee {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.libelle-donnee.ville {
		padding-top: 10px !important;
	}
	.libelle-donnee.vide {
		display: none !important;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.adresse {
		width: 100%;
		text-align: right;
	}
	.modif-donnee.code-postal #cp_proprio {
		width: 100% !important;
	}
	/*.bloc-coordonnees .bloc-infos .modif-donnee.code-postal {
		width: calc(100% - 160px) !important;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.code-postal #cp_proprio {
		width: 100% !important;
	}
	.bloc-coordonnees .bloc-infos .libelle-donnee.ville {
		width: 160px !important;
		padding-left: 0px !important;
		padding-top: 10px;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.input-ville {
		width: calc(100% - 160px) !important;
		padding-top: 10px;
	}*/
	.bloc-coordonnees .bloc-photo-profil {
		display: block;
		width: 100%;
	}
	
	.bloc-langues .td-simul {
		width: calc(100% / 3) !important;
		margin-bottom: 5px !important;
	}
	.bloc-labels .labelACocher.td-simul {
		width: calc(100% / 4) !important;
	}
	.bloc-labels .label-select {
		display: block;
	}
	.bloc-labels .label-select .conteneur-image {
		display: inline-block;
		width: 100px;
		text-align: center;
	}
	.bloc-labels .label-select select {
		width: 130px;
	}
	.bloc-labels .input-autres {
		width: calc(100% - 41px) !important;
	}
	.bloc-promotions .div_txt_50, .bloc-description .div_txt_50 {
		display: block;
		width: 100%;
		padding: 0;
	}
	.bloc-description .div_txt_50 textarea {
		height: 82px;
	}
	.bloc-prestations .div_txt_20 {
		width: 50%;
	}
	.bloc-AProximite .div_txt_20 {
		width: 50%;
	}
	.bloc-AProximite .div_txt_50 {
		display: block;
		width: 100%;
	}
	
	/* Page "payer/renouveller" */
	#form_paiement .infos-renouvellement {
		display: block !important;
		width: 100% !important;
	}
	#form_paiement .tarif-renouvellement {
		display: block !important;
		width: 100% !important;
	}
	#form_paiement #datepicker {
		display: block;
	}
	#form_paiement .sous-bloc-plaque-signaletique > div {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	#form_paiement .sous-bloc-plaque-signaletique .type-fixation-plaque-signaletique {
		padding: 10px;
	}
	#form_paiement .infos-renouvellement > span {
		display: block;
		width: 100%;
		margin: 0px;
	}
	#form_paiement .bloc-mode-de-paiement .td-simul {
		display: block;
		width: 100%;
	}
	
	/* Page "factures" */
	.bloc-factures .table-simul {
		display: block;
	}
	.bloc-factures .tr-simul {
		display: table;
		width: 100%;
	}
	.bloc-factures .tr-simul{
		box-sizing: border-box;
		margin-bottom: 10px;
		padding: 5px;
	}
	.bloc-factures .th-simul {
		font-size: 0;
		border: none;
		visibility: hidden;
		padding: 2px;
	}
	.bloc-factures .td-simul { 
		display: table-row;
		padding: 2px;
	}
	.bloc-factures .td-simul:before {
		content: attr(headers);
		display: table-cell;
		width: 50%; /* 150px; */
		font-weight: bold;
	}
	.bloc-factures .disp-none-responsive {
		display: none !important;
	}
	
	/* Page "créer un site web" (template) */
	#form_siteweb .tr-simul {
		display: block;
	}
	#form_siteweb .bloc-choisir-modele .td-simul {
		display: block;
	}
	#form_siteweb .bloc-paiement .td-simul {
		display: block;
	}
	#form_siteweb .bouton-passer-commande {
		margin-top: 5px;
	}
	
	/* Page "tarifs" */
	#form_tarifs input[type=text] {
		min-width: 50px;
	}
	#form_tarifs input[name*=data] { /*input dont le nom comporte *data* */
		min-width: 50px;
	}

	/* Page "avis" - aperçu widgets */
	.preview {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.code1 {
		display: inline-block;
		width: 100%;
		margin-left: 0;
	}
	.fake-input {
		width: auto;
	}

	#comparatif_gps {
		min-width: auto;
	}
	/* Page "Identifiant et mot de passe" */
	#form_login_mdp .table-simul {
		display: block;
		width: 100%;
	}
	#form_login_mdp .td-simul {
		display: block;
	}

	#bloc-marge-left {
		margin-left: 0;
	}
	.logout-button {
		position: absolute;
		top: 12px;
		right: 10px;
	}
	.logout-button img {
		width: 21px;
	}
	.separation_prestas {
		display: none;
	}
	.bloc_prestas_activites {
		margin-right: 40px;
	}
	#votre_reference b{
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 530px) and (max-width: 800px) {
	/* Header */
	#header-site-adh {
		min-height: 60px;
		height: auto;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
	}
	#header-site-content-adh {
		display: block;
		padding-bottom: 5px;
	}
	#logo {
		display: block;
		width: auto;
		text-align: center;
		padding-left: 22px;
		padding-right: 34px;
	}
	#logo img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 38px;
	}
	#list-annonces {
		display: block;
		margin: auto;
		/*display: table;*/
	}

	/* Menu */
	#menuImage_ep {
		display: block;
		position: absolute;
		top: 22px;
		left: 10px;
	}
	#menu-adh {
		display: none;
	}
	.menu-item-container {
		position: initial !important;
	}	
	#help-sub .col1 {
		white-space: normal;
	}
	
	/* Page d'accueil (interm) */
	.tab-recap-interm {
		text-align: center;
		width: 100%;
	}
	.tab-recap-interm > div {
		display: inline-block;
		width: auto;
		
		vertical-align: top;
		text-align: left;
		/*padding: 0px 5px;*/
		
		/* Pour centrer les 3 blocs de la page d'accueil */
		/*width: 250px;*/
		/*display: block;*/
		/*margin: auto;*/
	}
	/*.bloc_multi_blocs, .bloc_div_interm {
		float: none;
	}*/
	
	/* Page "planning" */
	#export-liens-Ical .lien-export-ical {
		min-width: 220px;
		width: auto;
	}
	
	/* Page "photos" */
	.page-photos .bloc_photo {
		background-color: #f6f6f6;
		margin-bottom: 5px;
	}
	.page-photos .img-photo {
		/*display: inline-block;*/
	}
	.page-photos .cell-content.suppr-photo {
		display: block;
		width: 100% !important;
	}
	.page-photos .bouton-action {
		display: inline-block;
		box-sizing: border-box;
		width: calc(33% - 4px);
		margin: 5px 2px;
	}
	.page-photos .bouton-action > .libel-bouton {
		margin-left: 2px;
	}
	.page-photos .cell-content {
		box-sizing: border-box;
		padding-top: 5px;
		padding-bottom: 0px;
		height: 170px;
	}
	.page-photos .cell-content.desc-photo {
		display: inline-block !important;
		width: calc(100% - 165px) !important;
	}
	
	/* Page "videos" */
	#form_video #url_video {
		width: calc(100% - 120px) !important;
	}
	#form_video #submit_button {
		margin-top: 5px;
	}
	
	/* Page "plan d'accès" */
	#mapPagePlan, #legendeMapPagePlan {
		display: block !important;
		width: 100% !important;
	}
	#legendeMapPagePlan {
		margin-top: 10px;
		box-sizing: border-box;
	}
	
	/* Page "lieux touristiques" */
	div#listeLieuxTouristiques, div#mapLieuxTouristiques {
		display: block !important;
		width: 100% !important;
	}
	
	/* Page "messages" */
	.infosRapides > div {
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}
	.infosRapides > div:nth-child(2) {
		margin-top: 5px;
		margin-bottom: -10px;
	}
	.classPourOverflowX {
		overflow-x: auto;
	}
	
	/* Page "mise en avant" */
	.bloc-mise-en-avant .bloc-listing {
		display: block;
		margin: auto;
	}
	
	/* Page "logo partenaire" */
	#bloc-logo-partenaires .ligneLogoEtCode .logoImage {
		min-width: 120px;
		max-width: 50%;
	}
	#bloc-logo-partenaires .ligneLogoEtCode .logoImage img {
		max-width: 100%;
	}
	
	/* Page "satisfaction propriétaire" */
	form[name=temoignage] input[type=submit] {
		margin-top: 5px;
	}
	
	/* Page "payer/renouveller" */
	#form_paiement .td-simul.infos-renouvellement {
		width: 80% !important;
	}
	#form_paiement .td-simul.tarif-renouvellement {
		width: 20% !important;
	}
	.sous-bloc-plaque-signaletique > .td-simul {
		display: block !important;
		width: 100% !important;
	}
	.sous-bloc-plaque-signaletique > .td-simul:nth-child(1) > .tr-simul {
		max-width: 350px;
	}
	.type-fixation-plaque-signaletique {
		margin-left: 5px;
	}
	.bloc-mode-de-paiement .td-simul {
		width: 100% !important;
	}
	
	/* Page "parrainage" */
	#donnéesParrainage, #infosParrainage {
		display: block !important;
		width: 100% !important;
	}
	#infosParrainage {
		margin-top: 5px;
	}
	
	/* Page "autocollant" */
	#form_autoc {
		text-align: center;
	}
	#form_autoc .td-simul {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
	}
	
	/* Page "plaque signalétique" */
	.page-signaletique {
		text-align: center;
	}
	.page-signaletique #form_plaque {
		text-align: left;
	}
	.page-signaletique #tarifsPlusImages {
		min-width: 280px;
	}
	.page-signaletique .bloc-de-fixation {
		width: 215px !important;
	}
	.page-signaletique #tarifsPlusImages, .page-signaletique .bloc-de-fixation {
		display: inline-block;
		width: 50%;
		padding: 0;
	}
	.page-signaletique .bouton-center {
		display: block;
		text-align: center;
	}
	
	/* Page "ajouter une nouvelle annonce" */
	#descNouvelleAnnonce, #imgNouvelleAnnonce {
		display: block !important;
		width: 100%;
	}
	#imgNouvelleAnnonce {
		margin-top: 10px;
	}
	
	/* Page "infos de mon annonce" */
	#modif_form {
		min-width: 0px !important;
	}
	#modif_form  .bloc-coordonnees .libelle-simul {
		width: 20%;
	}
	#modif_form  .bloc-coordonnees .input-simul {
		width: 80%;
	}
	#modif_form .bloc-coordonnees #donnees-amenagement {
		width: 80% !important;
	}
	.bloc-coordonnees .bloc-infos {
		width: 100%;
		padding-left: 0px;
	}
	.bloc-coordonnees .bloc-infos .libelle-donnee.vide {
		width: 0px;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.adresse {
		width: 100%;
		text-align: right;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.code-postal {
		width: calc(100% - 200px) !important;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.code-postal #cp_proprio {
		width: 100% !important;
	}
	.bloc-coordonnees .bloc-infos .libelle-donnee.ville {
		width: 200px !important;
		padding-left: 0px !important;
		padding-top: 10px;
	}
	.bloc-coordonnees .bloc-infos .modif-donnee.input-ville {
		width: calc(100% - 200px) !important;
		padding-top: 10px;
	}
	.bloc-coordonnees .bloc-photo-profil {
		display: block;
		width: 100%;
	}
	
	#modif_form .bloc-langues .td-simul {
	    width: calc(100% / 3);
		margin-top: 3px;
		margin-bottom: 3px;
	}
	#modif_form .bloc-labels .labelACocher {
		width: calc(100% / 7);
	}
	#modif_form .bloc-labels .label-select {
		white-space: nowrap;
	}
	#modif_form .bloc-labels .input-autres {
		width: 450px !important;
	}
	#modif_form .bloc-prestations .div_txt_20 {
		width: 33.33%;
	}
	#modif_form .bloc-AProximite .div_txt_20 {
		white-space: nowrap;
		width: 50%;
	}
	#modif_form .bloc-AProximite .div_txt_20 .libelle-simul {
		width: 120px;
	}
	#modif_form .bloc-AProximite > .div_txt_50 {
		white-space: nowrap;
		width: 100%;
	}
	
	/* Page "créer un site web" (template) */
	#form_siteweb .tr-simul {
		display: block;
	}
	#form_siteweb .bloc-choisir-modele .td-simul {
		display: block;
	}
	#form_siteweb .bloc-paiement .td-simul {
		display: block;
	}
	#form_siteweb .bouton-passer-commande {
		margin-top: 5px;
	}
	
	/* Page "tarifs" */
	#form_tarifs input[type=text] {
		min-width: 50px;
	}
	#form_tarifs input[name*=data] { /*input dont le nom comporte *data* */
		min-width: 50px;
	}

	/* Page "avis" */
	.img_avis_et_fleche {
		position: absolute;
	    top: 3px;
	    left: 60px;
	    width: 100%;
	}
	.preview {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.code {
		display: inline-block;
		width: 100%;
		margin-left: 0;
	}
	.fake-input {
		width: auto;
	}
	#help-sub {
		right: auto;
		left: 100%;
	}
	/* Page "Identifiant et mot de passe" */
	#form_login_mdp .table-simul {
		width: 100%;
	}
	#bloc-marge-left {
		margin-left: 0;
	}
	.logout-button {
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.logout-button img {
		width: 21px;
	}
	.separation_prestas {
		display: none;
	}
	.bloc_prestas_activites {
		margin-right: 40px;
	}
	#votre_reference{
		padding-bottom: 10px;
	}
}

/* Spécialement pour la page d'accueil */
@media screen and (min-width: 801px) and (max-width: 1200px){
	.bloc_multi_blocs {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.bloc_div_interm {
		min-width: 250px;
	}
	#list-annonces{
		min-width: 0;
	}

	#votre_reference{
		width: 30%;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
	.bloc_div_interm {
		min-width: 210px; /* IE : 12px en trop de 1200 à 1212 | 17px en trop de 1400 à 1417 */
	}
	#list-annonces{
		min-width: 0;
	}

	#votre_reference{
		width: 30%;
		padding-bottom: 10px;
	}
}

/*
@media screen and (min-width: 1024px){
	body {
		font-size: 0.8em;
	}
}
*/