.obstructeur_top {
	margin-top:    70px;
}
.bandeau {
	margin-top:    10px;
	margin-left:   60px;
	margin-right:   5px;
	margin-bottom:  5px;
	line-height: 1.5em;
	color: #5f6f81;
}


article {
	margin-top:    10px;
	margin-left:   60px;
	margin-right:   5px;
	margin-bottom:  5px;
}

/* Tableau d'affichage des éléments */


.affichage_elements {
	display: flex;
	flex-wrap: wrap;
}



.affichage_elements table{
	margin: 5px;
	min-width: 270px;
	background-color : #D8D8D8;
	text-decoration: none;
	border-radius: .4em;
	overflow:hidden;
}

table.affichage_elements tr,th {
	padding-left: 5px;
	padding-right: 5px;
	font-style:italic;
}
.affichage_elements th {
	font-weight:normal;
	font-style:italic;
}
.lien_toute_cellule {
	font-weight:bold;
	display:block;
}




.affichage_element_titre:hover {
	background-color : #AAAAAA;
	border-radius: .4em;
}

.affichage_element_titre {
	
	line-height: 2em;
	background-color : #BDBDBD;
	border-radius: .4em;
}

.affichage_elements a:link {
	text-decoration: none;
	color: black;
}

.affichage_elements a:visited {
	text-decoration: none;
	color: black;
}

a.lien_toute_cellule_light {
	display:block;
}
a.lien_toute_cellule_light:visited {
	display:block;
}
span.lien_toute_cellule_light_grisee {
	display:block;
	color:silver;
}


.edition_element_titre {
	border-top: 1px solid;
	margin-top:    30px;
	margin-left:    0px;
	margin-right:   5px;
	margin-bottom:  0px;
	line-height: 1.5em;
	color: #5f6f81;
}

.encadre {
	background-color: #DA81F5;
}

.encadre_green {
	background-color: #70d178;
}

.encadre:hover {
	background-color: #DA81F5;
}
.encadre_green:hover {
	background-color: #70d178;
}

.menu_hamburger{
	box-shadow: 0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81;
}


/* FORMULAIRE CLASSIQUE VIOLET */

#formulaire_element {
	background-color: #F2F2F2;
	padding: 10px;
	width: 50%;
	min-width: 600px;
}

#formulaire_element p {
	margin: 2px 0;
}

#formulaire_element label {
	background-color: #D8D8D8;
	display: inline-block;
	width: 39%;
	padding-right: 1%
	min-width: 300px;
	text-align: right;
	letter-spacing: 1px;
}

#formulaire_element input[type="text"] {
	width: 58%;
	min-width: 250px;
	margin-left: 1%	
	border: #CCC 1px solid;
}

#formulaire_element input[type="radio"] {
	width: 10%;
	min-width: 30px;
	margin-left: 1%	
	border: #CCC 1px solid;
}

#formulaire_element input[type="submit"] {
	background-color: #D8D8D8;
	width: 50%;
	margin-top: 1em;
	margin-left: 25%;
	border: #DDEEFF 1px solid;
}

#formulaire_element input[type="submit"]:hover {
	background-color: #DA81F5;
	cursor: pointer;
}
#formulaire_element_green input[type="submit"]:hover {
	background-color: #70d178;
	cursor: pointer;
}

/* FORMULAIRE 2 CLASSIQUE VIOLET */

#formulaire_element2 {
	background-color: #F2F2F2;
	padding: 10px;
	width: 50%;
	min-width: 600px;
}

#formulaire_element2 p {
	margin: 2px 0;
}

#formulaire_element2 label {
	background-color: #D8D8D8;
	display: inline-block;
	width: 39%;
	padding-right: 1%
	min-width: 300px;
	text-align: right;
	letter-spacing: 1px;
}

#formulaire_element2 input[type="text"] {
	width: 58%;
	min-width: 250px;
	margin-left: 1%	
	border: #CCC 1px solid;
}

#formulaire_element2 input[type="radio"] {
	width: 10%;
	min-width: 30px;
	margin-left: 1%	
	border: #CCC 1px solid;
}

#formulaire_element2 input[type="submit"] {
	background-color: #D8D8D8;
	width: 50%;
	margin-top: 1em;
	margin-left: 25%;
	border: #DDEEFF 1px solid;
}

#formulaire_element2 input[type="submit"]:hover {
	background-color: #DA81F5;
	cursor: pointer;
}




.decalage_0 {
    position: absolute;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
	 left:-140px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 6px;
    text-decoration: none;
    display: block;
	
}

.dropdown-content span {
    padding: 5px 6px;
    text-decoration: none;
    display: block;
	
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover {
    background-color: #DA81F5;
}
.dropdown_green:hover {
    background-color: #70d178;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #DA81F5}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}


.nouveau {
	color: #de0404 !important;
}

.visuelmap {
	margin: 7%;
    margin-top:0px;

}

/* --------------------------- TEST PAGE WEBMOBILE ------------------------------------------------------------------*/
@media (max-width: 700px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video, map {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé 
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }*/