@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row-inline {
	display: inline-block;
}

.btn-lg, .btn-group-lg > .btn {
	width: auto;
	margin: 0 auto;
}

.blocForm {
	background-color: white;
	border: 1px solid #C5C3C4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 15px 30px;
	color: #124E8D;
    /*margin: 15px 0;*/
    margin-bottom: 24px;
}

.blocForm h4 {
	color: #1F1F1F;
	font-weight: 900;
}

.topnav_hover {
	background-color: #F8E273 !important;
}

.radioButtonLabel {
	border: 1px solid #D7D7D7;
	background-color: #FCFCFC;
	margin: 5px;
	height: 42px;
	padding: 10px 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	display: inline-block;
	color: #686868;

}

.radioButtonLabelJeSuis {
	border: 1px solid #D7D7D7;
	background-color: #FCFCFC;
	margin: 5px;
	padding: 10px 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	display: inline-block;
	color: #686868;
	overflow-wrap: break-word;
	width: 100%;
}

.radioButtonLabel label {
	font-family: "Montserrat-Light";
	font-size: 16px;
}

.radioButtonLabelJeSuis label {
	font-family: "Montserrat-Light";
	font-size: 16px;
}

.radioButtonLabelJeSuisDisabled {
	opacity: 0.5;
    pointer-events: none;
    accent-color: rgb(100, 100, 100);
}

.numberCircle {
	display: inline-block;
    height: 32px;
    width: 32px;
	line-height: 26px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid;
	text-align: center;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
    margin-right: 8px;
    position: relative;
    bottom: 2px;
}

.numberCircleCarto {
	display: inline-block;
	height: 32px;
	width: 32px;
	line-height: 26px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid;
	text-align: center;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
	margin-right: 8px;
	position: relative;
	bottom: 16px;
	left: -16px;
}

.numberCircleCartoPoint {
	background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 26px;
	-moz-border-radius: 50%;
	border-radius: 10%;
	border: 2px solid;
	text-align: center;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
	margin-right: 8px;
	position: relative;
	bottom: 20px;
	left: -20px;
}

.styleMapLeaflet {
	height: 650px;
    border: 1px solid rgb(197, 195, 196);
    border-radius: 6px;
}

.empriseDateDepassee {
	width: 18px;
	height: 15px;
	position: absolute !important;
	left: 24px;
	top: -10px !important;
}

.numberCircleCartoLeaflet {
	height: 32px !important;
	width: 32px !important;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
	color : white;
}

.a_coordonnee {
	border: 2px solid rgb(241, 18, 18) !important;
	background-color: rgb(241, 18, 18);
}

.coordonnee {
	border: 2px solid rgb(35, 115, 20) !important;
	background-color: rgb(35, 115, 20);
}

.a_traiter {
	border: 2px solid rgb(14, 166, 220) !important;
	background-color: rgb(14, 166, 220);
}

.a_completer {
	border: 2px solid rgb(255, 140, 0) !important;
	background-color: rgb(255, 140, 0);
}

.a_modifier {
	border: 2px solid rgb(255, 213, 0) !important;
	background-color: rgb(255, 213, 0);
}

.a_valider {
	border: 2px solid rgb(68, 30, 134) !important;
	background-color: rgb(68, 30, 134);
}

.a_signer {
	border: 2px solid rgb(6, 50, 217) !important;
	background-color: rgb(6, 50, 217);
}

.signe {
	border: 2px solid rgb(52, 82, 4) !important;
	background-color: rgb(52, 82, 4);
}

.travaux_en_cours, .refection_en_cours, .refection_terminee {
	border: 2px solid rgb(11, 190, 14) !important;
	background-color: rgb(11, 190, 14);
}

.prolongation {
	border: 2px solid rgb(229, 152, 152) !important;
	background-color: rgb(229, 152, 152);
}

.fin_travaux_reseaux, .fin_travaux_voirie, .remise_en_circulation {
	border: 2px solid rgb(119, 38, 38) !important;
	background-color: rgb(119, 38, 38);
}
.garantie {
	border: 2px solid rgb(154, 152, 152) !important;
	background-color: rgb(154, 152, 152);
}
.cloturee {
	border: 2px solid rgb(79, 77, 77) !important;
	background-color: rgb(79, 77, 77);
}

.annulee {
	border: 2px solid rgb(0, 0, 0) !important;
	background-color: rgb(255, 255, 255);
	color : black;!important;
}

.brouillon {
	border: 2px solid rgb(14, 166, 220) !important;
	background-color: rgb(255, 255, 255);
	color : #0ea6dc;!important;
}

.nomQuartierCartoLeaflet {
	font-size: 60%;
    max-width: 100px;
    color: rgb(0, 128, 0);
    display: block;
}

.numberCircleCartoLeaflet > span {
    color: black;
    font-size: 80%;
    top: 26px;
    left: -5px;
    position: absolute;
}

.empriseMesureButtonNumDemande {
	position: absolute;
    font-size: 80%;
    color: black;
    top: 27px;
    left: -8px;
    display: none;
}

.arrowDown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 30px 0 30px;
	border-color: #0C518A transparent transparent transparent;
	margin-bottom: 24px;
}

.warningValidation {
	font-size: 16px;
	background: white;
	margin-top: 20px;
	color: #09508E;
	padding: 20px;
	border: 1px solid #0C5188;
	margin-bottom: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

.blocError {
	color: #EB1900;
	border: 1px solid #EB1900;
	border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 20px 20px 20px 70px !important;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url('../images/warning.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-color: white;
}

.notice {
    background-color: #000;
    color: white;
    font-size: 13px;
    font-weight: 500;
    min-height: 60px;
    overflow: hidden;
    position: relative;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    width: 100%;
    background-color: #000
}

.notice [class^="glyphicon-"], .notice [class*=" glyphicon-"] {
    font-size: 1.8em;
    padding: 0 15px 0 0;
    vertical-align: sub
}

.notice.noticeBlue {
    background-color: #A6CCDD
}

.notice-content {
    line-height: 20px;
    margin: 0 20px;
    padding: 20px 40px 20px 0
}

.rowCurrentStep {
	font-family: "Montserrat";
	font-weight: bold;
	color: white;
	font-size: 22px;
	background-color: #0C518A;
}

.rowCurrentStep .buttonGroup {
    margin-top: 10px;
}

.rowNextStep {
	border-top: 1px solid #B8D2D1;
	color: #0C518A;
}

.rowCurrentStep h3 {
	color: white;
}

.bodyCurrentStep {
	background-color: #F7F5F8;
}

.marginRightCurrentStep {
	color: #9C9C9C;
	margin: 15px;
}

.marginTopCurrentStep {
	color: #5A5B5D;
	padding-top: 20px
}

.rowPreviousStep {
	color: #0C518A;
	border-top: 1px solid #B9D2CF;
}

.rowPreviousStep h3, .rowCurrentStep h3, .rowNextStep h3 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.rowPreviousStep h3 .numberCircle {
	border: #0C518A;
	background: #0C518A;
	color: white;
    line-height: 32px;
}

.bodyPreviousStep {
	margin-bottom: 20px;
}

.noPadding {
	padding: 0;
}

.padding10 {
	padding-top: 10px;
}

.padding13 {
	padding-top: 13px;
}

.padding15 {
	padding-top: 15px;
}

.padding20 {
	padding-top: 20px;
}

.padding40 {
	padding-top: 40px;
}

.margin10 {
	margin-top: 10px;
	margin-bottom: 10px!important;
}

.width45 {
	width: 45%;
}

.width50 {
	width: 50%;
}

.error {
	color: #EB1900;
	font-size: 12px;
}

textarea.error, select.error, input[type="text"].error {
	border: 1px solid #EB1900;
}

.error_convention_FO {
	border: 2px solid #EB1900 !important;
}

.labelForInput {
	font-weight: 700;
	margin-bottom: .5rem;
	margin-top: .35rem;
}

a.no-inline {
	dislay: inline;
}

.button-white {
	background-color: #FFFFFF;
	color: #0C518A;
	font-size: 18px;
}

.control-label {
	text-align: left;
	font-weight: 700;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal .form-group .switchery {
    margin-top: 7px;
}

.input-daterange input {
	background-image: url(../images/calendar-datepicker.png);
	background-position: 90% center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonNext, .buttonPrimary {
	background-color: #DF225A !important;
	color: white !important;
}

.buttonNew {
	background-color: #DF225A;
	color: white;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.buttonNext:hover, .buttonPrimary:hover {
    background-color: #b41a48;
}

.buttonNext a, .buttonNext span, .buttonNext:hover, .buttonPrimary a, .buttonPrimary span, .buttonPrimary:hover {
	color: white;
	text-decoration: none;
}

.empriseTitle {
	color: #124e8d;
}

.loginArea {
	background-color: #0A4871;
	height: 100%;
	color: white;
	padding-top: 30px;
	font-size: 14px;
}

.tooltip-emprise {
	opacity: 1;
	color: white;
	background-color: #0C518A;
	border: 0;
	cursor: pointer;
}

.tooltip-installation {
	opacity: 1;
	color: white;
	border: 0;
	cursor: pointer;
}

.tooltip-installation-point {
	opacity: 1;
	color: white;
	cursor: pointer;
}

.tooltip-emprise-grisee {
	opacity: 1;
	color: white;
	background-color: grey;
	border: 0;
	cursor: pointer;
}

.tooltip-mesure {
	opacity: 1;
	color: #0C518A;
}

.tooltip-perimetre {
	opacity: 1;
	color: brown;
}

.ctv-map-controls {
	position: absolute;
	right: 5%;
	top: 2%;
	pointer-events:none;
}

.ctv-map-zone {
	background-color: white;
	padding: 10px;
	border: 2px solid silver;
	border-radius: 6px;
	-moz-border-radius: 6px;
	min-width: 200px;
}

.ctv-map-validation {
	background-color: white;
	padding: 10px;
	border: 2px solid silver;
	border-radius: 6px;
	-moz-border-radius: 6px;
	display: inline-block;
	pointer-events:visible;
}

.ctv-map-validation button {
	padding: 4px;
}

.ctv-map-legende {
	font-size: small;
}

.richtext {
	width: 100%;
}

.ctv-map-measure {
	margin-left: 10px;
	padding: 5px;
	vertical-align: top;
	pointer-events:visible;
}

.ctv-map-measure button {
	margin: 5px;
	width: 55px;
	height: 49px;
}

.empriseEnConflit {
	background-image: url(../images/panneau_danger_02.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 15px;
    position: absolute;
    left: 24px;
    top: -10px;
}

.empriseHorsReference {
	position: absolute;
    left: -6px;
    top: -5px;
    background: #99D9EA;
    color: black;
    height: 1rem;
    line-height: 1rem;
    border-radius: 11px;
 }
 
 .empriseARapprocher {
    position: absolute;
    left: 26px;
    top: 18px;
    background: #99D9EA;
    color: black;
    line-height: 1.4rem;
    border-radius: 3px;
    border: 1px solid black;
}

.legendeCartoPluriannuelle {
	left: 4px;
    top: 0px;
    font-size: 130%;
    line-height: 1.6rem;
    position: relative;
}

 .empriseARapprocher.legendeCartoPluriannuelle {
    height: 1.2rem;
	font-size: 140%;
}

 .empriseHorsReference.legendeCartoPluriannuelle {
    height: 1.1rem;
	font-size: 140%;
}

select.form-select:disabled {
	background-color: #EEEEEE;
	cursor: not-allowed;
	opacity: 1;
	border: 1px solid #ccc;
}

table#modificationComptes > thead > tr > th {
	color: rgb(255, 255, 255);
	background-color: rgb(60, 141, 188);
}

#idMeasureAreaButton {
	background-image: url('../images/measureAreaButton.png');
}

#idMeasureLenButton {
	background-image: url('../images/measureLenButton.png');
}

#printButton {
	background-image: url('../images/printButton.png');
}

#fullScreenMap {
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 3000;
	width: 100%;
	background: black;
}

#fullScreenMap .layer-switcher {
    top: 4.5em !important;
    right: 0.65em !important;
    z-index: 1;
}

#fermerDivCarto {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	text-align: left;
	z-index: 1;
	font-weight: 900;
}

.soustitre-demandeur {
	color: red;
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	color: #333;
	white-space: nowrap;
	font-size:14px;
}

#emprises-bandeau thead tr th {
	color:white!important;
	background-color: #0C518A!important;
	text-transform: none;
}

#emprises-bandeau tbody tr td {
	background-color: transparent !important;
}

/************************************/
/*                      FONTS       */
/************************************/
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
    src: url("fonts/Montserrat-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Regular-webfont.woff2") format("woff2"), url("fonts/Montserrat-Regular-webfont.woff") format("woff"), url("fonts/Montserrat-Regular-webfont.ttf") format("truetype"), url('fonts/Montserrat-Regular.otf') format('opentype');
}

@font-face {
	font-family: "Montserrat-Bold";
	font-style: normal;
	font-weight: 700;
    src: url("fonts/Montserrat-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Bold-webfont.woff2") format("woff2"), url("fonts/Montserrat-Bold-webfont.woff") format("woff"), url("fonts/Montserrat-Bold-webfont.ttf") format("truetype"), url('fonts/Montserrat-Bold.otf') format('opentype');
}

@font-face {
	font-family: "Montserrat-Light";
	font-style: normal;
	font-weight: 300 !important;
    src: url("fonts/Montserrat-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Light-webfont.woff2") format("woff2"), url("fonts/Montserrat-Light-webfont.woff") format("woff"), url("fonts/Montserrat-Light-webfont.ttf") format("truetype"), url('fonts/Montserrat-Light.otf') format('opentype');
}

/* -------------------------------------------------
                        ACCUEIL DECONNECTE
--------------------------------------------------*/
#page_accueil  h3 {
	border-left: 6px solid #f8e273;
	height: 80px;
	padding-left: 39px;
	padding-top: 20px;
	font-size: 34px;
	margin-bottom: 30px;
	font-family: Montserrat-Bold;
	margin-top: 0;
	color: #333333;
}

.accueil {
	padding-top: 20px;
}

.section_impaire {
	background: #F2F2F2;
}

section.accueil {
	padding-bottom: 43px;
	padding-top: 40px;
}

.contenu_section {
	margin-left: 30px;
}

#page_accueil .lien_etape {
	color: #0c518a;
	font-weight: bold;
	font-size: 0.875rem;
}

#page_accueil #chevron-droite {
	background: url("../images/chevron-droite.png") no-repeat;
	background-position: center center;
	margin-top: 50px;
}

#page_accueil #chevron-gauche {
	background: url("../images/chevron-gauche.png") no-repeat;
	background-position: center center;
	margin-top: 50px;
}

#page_accueil .separateur_etape {
	background: url("../images/separateur-etapes.png") repeat-x;
	margin-top: 55px;
}

#page_accueil #accueil_etapes #img_etape1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#page_accueil .bloc-ru {
	background-color: #F2F2F2;
	width: 355px;
	margin-bottom: 10px;
	padding-top: 29px;
	padding-bottom: 5px;
	padding-left: 15px;
	height: 114px;
	margin-bottom: 17px;
	border-radius: 6px;
}

#page_accueil #accueil_info_regles a {
	text-decoration: none;
}

#page_accueil .bloc-ru p {
	width: 80%;
}

#page_accueil .bloc-ru .cu-titre_bloc {
	color: #0C518A;
	font-family: "Montserrat-Bold";
	font-size: 18px;
	width: 100%;
}

#page_accueil .bloc-ru .cu-description_bloc {
	font-family: "Montserrat-Light";
	color: black;
	font-size: 15px;
	width: 100%;
}

#page_accueil #tooltip-cu {
	background-image: url("../images/tooltip.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#page_accueil .bloc-choix {
	background-color: #DB3968;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	height: 380px;
	border-radius: 6px;
	color: white;
	width: 380px;
}

#page_accueil .bloc-choix .titre {
	font-family: "Montserrat-Bold";
	font-size: 16px;
}

#page_accueil .bloc-choix .ss-titre {
	font-family: "Montserrat-Bold";
	font-size: 22px;
}

#page_accueil .bloc-choix .description {
	font-family: "Montserrat-Light";
	font-size: 14px;
	padding-right: 30px;
}

#page_accueil .bloc-choix #ligne_description {
	padding-right: 15px;
}

#page_accueil .bloc-choix #ligne_description img {
	position: absolute;
	bottom: 100px;
}

#page_accueil .bloc-choix #ligne_description .description {
	position: absolute;
	bottom: 100px;
	left: 150px;
}

#page_accueil .saisie-formulaire {
	background-color: white;
	margin-bottom: 10px;
	padding-top: 29px;
	padding-bottom: 5px;
	padding-left: 21px;
	height: 114px;
	margin-bottom: 17px;
	border-radius: 6px;
	width: 350px;
}

#page_accueil .saisie-formulaire .titre {
	color: #0C518A;
	font-family: "Montserrat-Bold";
	font-size: 18px;
	width: 100%;
}

#page_accueil .saisie-formulaire .description {
	font-family: "Montserrat-Light";
	color: black;
	font-size: 15px;
}

.no_decoration {
	text-decoration: none;
}

.titleStepConfirmation {
	border-left: 6px solid #f8e273;
	height: 80px;
	padding-left: 39px;
	padding-top: 20px;
	font-size: 34px;
	margin-bottom: 40px;
	font-family: Montserrat-Bold;
	margin-top: 0;
	color: #333333;
	margin-left: 4.5%;
}

.affix {
	top: 50px;
	position: fixed;
}

#mesuresToolsPanel {
	margin-top: 10px;
	margin-bottom: 10px;
}

.txtBoxNbr {
	width: 75px;
	height: 29px;
	margin-left: 15px;
}

.descDetailLibelleCompl {
	padding-left: 7px;
	font-weight: normal;
	color: #a8aaae;
}

.adjust-sub-title {
	min-height: auto;
	text-align: center;
	font-size: 22px;
	font-family: Montserrat;
	font-weight: bold;
}


/***************************/
/*     Cadres legende      */
/***************************/
.etapeLegende {
    border: 2px solid gray;
    border-radius: 10px;
    width: 300px;
    text-align: center;
    margin: 7px 0;
}

#etapeLegendeZone {
	width : auto;
}

.etapeLegende div {
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}

.etapeLegende > div:first-child {
	border-bottom: 2px solid gray;
} 

.titreEtape {
	font-weight: bold;
    color: #0771c3;
    margin: 0;
}

.labelInfoHauteurBarriere {
	font-weight: bold;
	color: #0771c3;
	font-size: 90%;
}

.commentaireEtape {
    font-size: 85%;
    font-weight: bold;
    color: red;
    margin: 0;
}

.installationsButtons {
	margin: 0;
}

.installation_button {
	width: 100%;
	background-color: white;
	border: 1px solid;
	text-align: left;
}

.bandeauInfosDemande {
    margin-bottom: 12px;
}

#commentaire, #commentaireInstallation{
	max-width: 300px;
    max-height: 120px;
}

.labelInfoValidation{
	max-width: 270px;
    font-size: 85%;
    margin: auto;
    text-align: left;
    display: block;
}

/***************************/
/*   Pop_in conference     */
/***************************/
.messageErreurEnregistrementModal{
	color: red;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}

.buttonPopUpConf {
	display: flex;
    justify-content: center;
    margin: 10px;
}

/***************************/
/*     Pop_in panneau      */
/***************************/
.containerPopInCarto{
	max-width: fit-content;
}

.popInCarto{
    min-width: 300px;
    display: inline-block;
}

#imagePanneau, #imagePanneauOther{
	max-width: 100px;
    max-height: 100px;
    margin-right: 15px;
}

.boutonPopInPanneauCarto{
	width: 135px;
}

/***************************/
/*   Pop_in autre panneau  */
/***************************/
.labelPopInPanneauCarto{
	margin: auto 10px auto 0;
	font-size: 85%;
}

.commentairePopInPanneauCarto{
	font-weight: 100;
    font-size: 85%;
    max-width: 260px;
    max-height: 85px;
    width: 260px;
    height: 65px;
}

.commentairePopInPanneauCartoOther{
	font-weight: normal;
}

.popInInfoEmpriseModal{
	z-index:3001;
}
/***************************/
/*  Carte écran recherche  */
/***************************/
.carto-recherche{
	width:95%;
	margin:0 auto;
}

/***************************/
/*    Pop in coherence     */
/***************************/
.styleParagrapheCoherence {
	margin-top: 30px;
}
.styleParagrapheCoherenceErreur{
	margin-top: 30px;
	color:red;
}
.boutonValidationCoherence {
	margin: 15px auto;
}

/***************************/
/*    Qualif barrage US    */
/***************************/
.demandeJustifierBarrageUs {
	color: #124E8D;
    margin: 10px 0;
}

#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 5.5rem; 
}

.navbar-right {
	margin-right: 0;
}

/***************************/
/* Menu Gestion Convention */
/***************************/
.form-control-readonly {
	background-color: #EEEEEE !important; 
    border-radius: 3px;
}

.form-control-pj {
	height: auto;
	min-height: 34px;
}