/* Global =============================================== */
 
.conteneur {
	width: 100vw;
	margin: auto;
	padding-top: 5vw;
	padding-right: 5vw;
	padding-left: 5vw;
}
.conteneur_large {
	width: 100vw;
	margin: auto;
	padding-top: 5vw;
	padding-right: 5vw;
	padding-left: 5vw;
	font-size: smaller;
}

/* Topo.php =============================================== */

/* Topo.php, index */

div.intro {
	text-align: justify;
	margin-top: -15px;
	margin-bottom: 15px;
}
div.indextop {
	width: 100%;
}
div.indexgauche {
	width: 100%;
}
div.indexdroite {
	width: 100%;
}
div.innerdiv {
	text-align: center;
}
div.passagesindex {
	width: 100%;
	margin-top: -10px;
}
div.footerindexhalf {
	width: 100%;
	margin-top: 30px;
}
.introimg {
	width: 90vw;
}
.rioupmap {
	width: 95vw;
}

 .container-overflow {
	 white-space: nowrap;
	 overflow-x: scroll;
 }
 .section-overflow {
	 white-space: nowrap;
	 overflow-x: scroll;
 }
 .container-overflow::-webkit-scrollbar, .section-overflow::-webkit-scrollbar {
	 display: none;
 }
 /* Hide scrollbar for IE, Edge and Firefox */
 .container-overflow, .section-overflow {
	 -ms-overflow-style: none;  /* IE and Edge */
	 scrollbar-width: none;  /* Firefox */
 }

/* Topo.php, liste secteurs */

div.unsecteur {
	display: inline-block;
	padding-bottom:10px;
	width: 33%;
	text-align: center;
}
img.imgsecteur {
	width: 98%;
}
span.secteurtitle {
	font-size: 14px;
}
div.subtitle_secteur {
	display: none;
}
div.svgmap {
	width: 90vw;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Topo.php, liste passages */

div.centralpart {
	width: 100%;
}
div.listeblocs {
	width: 100%;
	line-height: 1.4;
	margin-left: -12px;
}
div.descriptionsecteur {
	width: 100%;
}
div.titrecotation {
	
}
div.svgwrap {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.svgwrap > svg {
	width: 90vw;
	height: 100%;
}
div.globalwrap {
}
div.globalwrap > svg {
	width: 100%;
	height: 85vh;
}
		
/* Topo.php, un bloc */

div.topogauche {
	width: 100%;
}
div.topodroite {
	width: 100%;
	text-align: center;
}
div.conteneur_com {
	width: 100%;
	margin: 0 10px 0 0;
}
 span.reponse_date{
	 display: block;
	 margin: 10px 0 0 5px;
 }
div.comvideo {
	width: 100%;
}
div.topofooter {
	margin-bottom: 60px;
}
.imgbloc {
	width: 90vw;
}
.lazybloc {
	left: 0;
	position: absolute;
	opacity: 0;
	transition: opacity 300ms;
	-webkit-background-size: cover;
}
.lazybloc--displayed {
  opacity: 1;
}
.lazysvgpart {
	left: 0;
	position: absolute;
}
div.videotopo {
	text-align: center;
	width: 90vw;
}
.ytframe {
	width: 90vw;
}
.videoframe {
	width: 90vw;
}
.suggestionarea {
	width: 89vw;
	height: 50px;
}
.forminput {
	width: 89vw;
	height: 24px;
}
.mediumsize {
	width: 16vw;
	height: 24px;
}
.largesize {
	width: 23vw;
	height: 24px;
}
.bigsize {
	width: 30vw;
	height: 24px;
}
.bgdisplay {
	background-color: rgb(189,205,212);
	width: 100vw;
	padding-left: 1vw;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.bgdisplay::before {
	content: "";
	background-color: rgb(189,205,212);
	width: 6vw;
	left: 0;
	position: absolute;
	padding-top: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
}
.displaysuggestion {
	height: 180px;
}
.displaysuggestion::before {
	height: 180px;
}
.action {
	height: 340px;
}
.action::before {
	height: 340px;
}
.action_large {
	height: 385px;
}
.action_large::before {
	height: 385px;
}

input.addsubmit {
	width: 60vw;
}

input.deletesubmit {
	width: 60vw;
}
.actionform {
	text-align: center;
	width: 89vw;
}
.addimgtopo {
	padding: 10px 10px 10px 10px;
	border: 1px solid black;
	width: 90vw;
}


/* Multicolor bar =============================================== */

.multicolor-bar {
	display: none;
}


/* Multicolor bar distribution des évaluations =============================================== */

.multicolor-bar-distrib .legends {
	text-align: center;
}
.multicolor-bar-distrib .legends .legend {
	display: inline-block;
	margin: 0 5px;
	text-align: center;
}
.multicolor-bar-distrib .legends .legend .label {
	margin-left: 2px;
	vertical-align: middle;
}


/* Menu déroulant d'en-tête =============================================== */


nav a.rioup:before{ /* Glyphicon like */
	position:relative;
	top:1px;
	display:inline-block;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	color: #D1D1D1;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content: "\e021";
}
li.rioup_li{
	width: 60px;
}
div.notification {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	margin-left: 7px;
}
div.notif1 {
	background: #ff0000;
}
div.notif0 {
	background: #949494;
}
li.devpanel_li{
	width: 60px;
	float: right;
}
.devpanel {
	margin-left: -13px;
}
.sous{
	display: none;
}
.deroulant {
	width: 60px;
}
a.deroulant_a{
	display: block;
	text-decoration: none;
	color: black;
	height: 60px;
	color: #D1D1D1;
}
a.deroulant_a:hover{
	color: white;
}
a.deroulant_a:before { /* Glyphicon like */
	position:relative;
	top:1px;
	display:inline-block;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	color: #D1D1D1;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content: "\e012";
}

.recherche_icon {
	width: 60px;
}
a.recherche_icon_a{
	display: block;
	text-decoration: none;
	height: 60px;
	color: #D1D1D1;
}
a.recherche_icon_a:hover{
	color: white;
	background-color: #090909;
}
a.recherche_icon_a:before {
	position:relative;
	top:1px;
	display:inline-block;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	color: #D1D1D1;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content: "\e003";
}
.deroulant-droite{
	float: right;
}
.deroulant_profil {
	width: 60px;
	float: right;
}
a.deroulant_profil_a, a.deroulant_profil_a_p{
	display: block;
	text-decoration: none;
	height: 60px;
	color: #D1D1D1;
	padding-left: 16px;
}
a.deroulant_profil_a:hover, a.deroulant_profil_a_p:hover{
	color: white;
	background-color: #090909;
}
a.deroulant_profil_a:before, a.deroulant_profil_a_p:before { /* Glyphicon like */
	position:relative;
	top:1px;
	display:inline-block;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	color: #D1D1D1;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content: "\e008";
	padding-right: 15px;
}


/* userconnexion.php / userinscription.php =============================================== */

div.connexionbox {
	width: 90vw;
	margin: auto;
	border: 2px solid #D5D5D5;
	background-color: #F2F2F2;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 10px;
}


/* search.php ================================================= */

div.general_justify {
	left: 0;
	position: absolute;
	width: 100vw;
}
div.searchbar {
	width: 90vw;
	padding-left: 5vw;
}
div.searchtop {
	width: 90vw;
	padding-left: 5vw;
}
div.searchgrade {
	width: 90vw;
	display: block;
	padding-right: 15px;
	text-align: center;
	margin-bottom: 15px;
}
span.grade_range {
	font-size: 20px;
}
div.searchsec {
	width: 90vw;
	display: inline-block;
}
input.searchbox {
	height: 40px;
	width: 90vw;
	background-color: #fff;
	color: #A8A8A8;
	border: 1px solid #A8A8A8;
	border-radius: 7px;
	padding-left: 10px;
	font-size: 16px;
	margin-bottom: 15px;
}

.ui-slider-range {
	-webkit-appearance: none;
	width: 90vw;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.ui-slider-handle {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #04AA6D;
	cursor: pointer;
}

.slider {
	width: 90vw;
}

select.searchoption {
	width: 90vw;
	height: 40px;
	border-radius: 7px;
	padding-left: 10px;
	font-size: 15px;
}
div.search_overet {
	width: 100vw;
}
div.searchcot {
	display: table-cell;
	width: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	vertical-align: middle;
}
div.searchtxt {
	display: table-cell;
	height: 30px;
	padding-left: 5px;
	vertical-align: middle;
	background-color: #F7F7F7;
}
div.searchtxt_bloc {
	width: calc(100vw - 66px);
}
div.searchtxt_rep {
	width: 30px;
	text-align: center;
}


/* Carousel =============================================== */

.slideshow-container { /* Slideshow container */
	width: 90vw;
}
.mySlides { /* Hide the images by default */
	width: 90vw;
}


/* DevPanel =============================================== */

div.out_entree {
	width: 100%;
}
div.entree {
	width: 88%;
}
div.dev_buttons {
	width: 9%;
	margin-left: 2px;
	line-height: 18px;
}
div.devtitle {
	margin: 0;
	padding: 7px 7px 7px 7px;
	border-radius: 10px;
	background-color: #F2F2F2;
	border: 1px solid #BFBFBF;
	color: #303030;
	width: 42vw;
	height: 40px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
    display: flex;
    align-items: center;
}
div.devtitle:hover {
	background-color: #E2E2E2;
	color: #414141;
}
div.indevtitle {
	width: 42vw;
	text-align: center;
    display: block;
}


/* Userprofile =============================================== */

table.maint, table.maint_free {
	width: 100vw;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: collapse;
	left: 0;
	position: absolute;
}
tr.trtitle {
	font-weight: bold;
	height: 1px;
}
td.tdus {
	padding-left: 10px;
}
td.tdusfix {
	width: 83px;
}
td.endtr {
	height: 30px;
}
span.award {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.2px;
	color: #7E7E7E;
	font-family: "Calibri";
	line-height: 18px;
	background-image: url(../pictos/crown.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 25px;
	margin-bottom: 8px;
	display: block;
}


/* Autres à trier... =============================================== */

div.user_menu_cadre {
	width: 100%;
	margin: 0;
	height: 60px;
	background-color: #333;
	position: fixed;
	z-index: 1000;
	line-height: 2.8;
}
div.user_menu {
	width: 100vw;
	height: 60px;
	margin: 0;
}
div.valide {
	margin: auto;
	background-color: #B9ECB9;
	border: 1px solid #4a7a4a;
	color: #4a7a4a;
	padding: 7px 7px 7px 7px;
	width: 90vw;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
div.delete {
	margin: auto;
	background-color: #FFE250;
	border: 1px solid #837D00;
	color: #837D00;
	padding: 7px 7px 7px 7px;
	width: 90vw;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.autocompleteli {
	display: none;
}
.ui-helper-hidden-accessible{
    display: none;
}



 .ajoutcom {
	 height: 120px;
 }
 .ajoutcom::before {
	 height: 120px;
 }
 a.link_repondre {
	 float: right;
 }
 .main_bg {
	 height: 100vh;
	 background-color: #EBEBEB;
	 width: 100vw;
	 position: absolute;
	 left: 0;
 }
 #map {
	 height: 80vh;
 }