@charset "utf-8";
@import 'notification.css';
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
hr.small{
	margin: 10px 0 10px 0!important;
}
.soumissionDateSuivi+span {
	display: block;
	color:red;
	padding-top:0.1em;
	font-weight: 600;
}

span.count.underValue {
	font-size: 1em!important;
    bottom: 10%!important;
}

.users_IsDistributeur,.users_IsSoustraitant {
    display: none;
}

.disabled-interaction { pointer-events: none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    
}
.request.data {
	overflow-y: scroll;
	height:80vh;
}

span.btn {
	background-color: #232427;
	color:#fff;
	font-size: 10px;
	padding:4px;
	margin-left:12px;
	cursor: pointer;
}

body {
	-webkit-font-smoothing: antialiased;
	height: 100%;
    font-family: 'Montserrat', sans-serif;
    background-color: #F5F7F3;
}

html {
	height: 100%;
}

.details ul.listefichiers .deletefile,.details ul.listefichiers .deletesoumission {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7.5px;
}
.details ul.listefichiers li i {
	cursor: pointer;
	float:right;
	font-size: 16px;
	color:red;
}

.container {
	min-height:100%;
	margin: 0 auto -35px;
	width:100%;
}

.container.nominheightnomargin {
	min-height:inherit !important;
	margin-bottom:0 !important;
}

.h1Accueil {
    font-size: 0.8em;
    color: rgba(42,67,94,0.5);
}

#bandeau {
    background-color: #3b5b7d;
    padding: 10px 20px;
    width: 100%;
    font-weight: 100;
    color: #F5F7F3;
    font-size: 1.05em;
    box-sizing: border-box;
    
}
#bandeau ul {
	list-style-type: none;
	display: flex;
}

@media screen and (max-width: 800px) {
	#bandeau ul {
		flex-direction: column;
		justify-content: center;
	}
	#bandeau ul li {
		text-align: center;
	}
}

#bandeau ul li {
    display: inline-block;
	margin-right: 20px;
	align-self: center;
}
#bandeau ul li:last-child {
    display: inline-block;
    min-width: 220px;
    white-space: nowrap;
}

#bandeau a {
    display: inline-block;
    margin: 0.3em;
    font-size: 1em;
    color: white;
}
#bandeau a:hover {
    color: lightgray;
}

.nav {
	font-size:0;
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}

.nav li {
	display:inline-block;
	padding:0 20px;
}

.nav li.mobile {
	display: none;
}

.nav li:first-child {
	border:0;
}

.nav a, .nav li {
    color: #F5F7F3;
	font-size:16px;
    position: relative;
}
.nav li:hover, .nav li:hover>a,
.nav li.selected, .nav li.selected>a {
    color: #2ab0cb;
}

.nav a {
	position: relative;
    background-size: 35px;
	color: #F5F7F3;
	display: block;
	font-size:17px;
	padding-top:45px;
}
.nav i {
    position: absolute;
    font-size: 30px;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
}

.spacing {
    display: inline-block;
    width: 10px;
}
.deleteComm {
    width: 16px;
    display: inline-block;
    margin-left: 1em;
}
a.mailComm {
    margin-right: 1em;
	display: inline-block;
}

a.backtosite {
	background:#dddff2;
	color:#1c1446;
	font-size:13px;
	font-weight:bold;
	padding:10px 24px;
	position:absolute;
	right:0px;
	top:0px;
}

.bandeau_recherche {
	background:#F5F7F3;
	font-size:0;
}

.bandeau_recherche .titre {
	cursor:pointer;
	background:#2a435e;
	color:#F5F7F3;
	font-size:18px;
	font-weight:bold;
	padding:10px 20px;
}

.bandeau_recherche .filtres {
	display:block;
	/* padding:20px 1.6%; */
	padding:20px 0;
}

.bandeau_recherche .filtres.off, .rapport .filtres.off {
	display:none!important;
}
.filtres.off {
   display:none!important; 
}

.bandeau_recherche .titre span {
	font-size:14px;
	font-weight:normal;
}

.recherche_nom {
	display:inline-block;
	vertical-align:middle;
	/* width:22.4%; */
	padding-left:20px;
	padding-right:20px;
	width:340px;
	font-size:0;
}

.recherche_nom input[type="text"] {
	display:inline-block;
	vertical-align:top;
	border:1px solid #808285;
	padding:5px 10px;
	height:20px;
	width:75%;
}

.recherche_nom input[type="button"] {
	display:inline-block;
	vertical-align:top;
	background-color:#25bd23;
	background-image:url(../images/fleche_droite.png);
	background-position:center;
	background-repeat:no-repeat;
	border:0;
	height:32px;
	width:30px;
	padding:0;
}

.recherche_details {
	display:inline-block;
	vertical-align:middle;
	/* width:76%; */
}

.recherche_details > div {
	display:inline-block;
	/* margin-right:6%; */
	margin-right:20px;
	vertical-align:middle;
	width:210px;
}

.recherche_details div.statut {
	margin:0;
	/* width:510px; */
	width:auto;
}

.recherche_details select {
	display:block;
	margin:5px 0;
	max-width:100%;
}

.recherche_details label {
	color:#000;
	font-size:12px;
	font-weight:bold;
	display:inline;
	vertical-align:middle;
	padding-right:15px;
	position:relative;
}

.recherche_details label span {
	display:inline-block;
	margin-right:5px;
}

.recherche_details label img {
    vertical-align: middle;
	/*
	position:absolute;
	top:-15%;
	right:-12px;
	*/
}

.main {
	position:relative;
	overflow:hidden;
}

.details {
	background:#d0dcea;
	float:left;
	width:380px;
	vertical-align:top;
	overflow-y:auto;
	min-height:370px !important;
	height: 100%;
}


.help {
    background-color: #d0dcea;
    padding-bottom: 200px;
}

.titreHelp {
    text-align: center;
    text-transform:uppercase;
    font-weight: 900;
    margin: 30px 0;
}

.titreHelp h1 {
    color: #B13D58;
    font-weight: 900;
    font-size: 35px;
}
.titreHelp p {
    color: #2A435E;
    font-weight: 900;
    font-size: 25px;
}

.video-block {
    width: 560px;
    margin: 20px auto;
    
}
.video-block iframe {
    width: 100%;
}

.help-block {
    font-size:16px;
    width: 560px;
    border: 2px solid #2A435E;
    margin: 0px auto;
    margin-top: 4px;
}

.content-help-block {
    padding: 10px 50px;
    max-height: 1500px;
    overflow: hidden;
    transition: max-height 0.5s, padding 0.5s;
}
.content-help-block.helpFerme {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.content-help-block h3 {
    color: #2A435E;
    font-size: 2.5em;
    font-weight: 600;
    margin: 10px auto;
}

.list-help {
    list-style-type: none;
}
.list-help li {
    margin-top: 2em;
    text-align: center;

}
.list-help i,.list-help img {
    color: #222;
    font-size: 50px;
}
.list-help li p {
    color: #222;
    text-align: center;
    line-height: 25px;
    margin: 20px;

}
.list-help li p a {
    color: #B13D58;
    text-decoration: underline;
}
.details.editcontact {
    float: none;
    width: inherit;
}

.details.editcontact form.edit {
	font-size: 0;
    text-align: center;
}

.details.editcontact form.edit > div {
	float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 20px 25px;
    /*padding-right: 50px;*/
    width: 400px;
}

.details_comm {
	display:none;
}

.header-help {
    position: relative;
    background-color: #2A435E;
    color: #FFF;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
}

.header-help h2 {
	font-weight: 900;
}

.header-help .closeTab {
    position: absolute;

    font-size: 2em;
    right: 20px;
    top:-3px;
}

.header-help.complete {
    background-color: #B13D58;
    padding: 10px;
}
 
.details h2 {
	background:#2A435E;
	border-bottom:1px solid #F5F7F3;
	color:#F5F7F3;
	font-size:18px;
	font-weight:bold;
	padding-left:7%;
	padding-bottom:12px;
	padding-top:12px;
	position:relative;
}

.details .details_comm h2 {
	border:0;
}

.details h2 img {
	float:right;
	margin-right:4%;
	cursor:pointer;
}

.details_comm div {
	padding:0 7%;
}

.details_comm div div {
	padding:0;
}

a.addcomments {
    display: inline-block;
    background: #2a435e;
    color: #F5F7F3;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
}

.details_comm div.commentaires {
	padding-top:35px;
}

.details_comm div.commentaires div {
	padding:0;
	position:relative;
}

.details_comm div.commentaires div .emailcomment {
	position:absolute;
	right:0;
	top:0;
}

.details_comm div.commentaires p {
	color:#000;
	font-size:12px;
	padding-bottom:15px;
}

.details_comm div.commentaires p.date,
.comments p.date{
	color:#2a435e;
	font-weight:bold;
	padding:0 !important;
}

.details_comm div.commentaires p.auteur {
	font-weight:bold;
}

.details_comm div.commentaires p.commentaire {
	font-style:italic;
}

.details_comm div.commentaires a {
	color:#1d53ec;
	font-size:12px;
}

.details_comm div.commentaires hr {
	border-top:1px dotted;
	margin:25px 0px;
}

.details_comm textarea {
	margin-top:25px;
	width:83%;
	height:145px;
	margin-bottom:10px;
}

label.com_to_cal {
	/*display:block;*/
	color: #25bd23;
    font-weight: bold;
	font-size: 12px;
	margin-bottom:10px;
	margin-left: 15px;
}

.details_comm input[type="submit"] {
	border:0;
	background:#25bd23;
	color:#F5F7F3;
	font-size:12px;
	font-weight:bold;
	padding:10px 20px;
}

.details ul {
	list-style:none;
    background-color:none;
}

.details ul:not(.listefichiers) li {
	background-color:#f1f2f2;
	border-bottom:2px solid #F5F7F3;
	padding-bottom:12px;
	padding-left:7%;
	padding-right:10%;
	padding-top:12px;
	position:relative;
	font-size:12px;
}
.details ul:not(.listefichiers) li:hover {
	background: #dfe0e0;
	cursor:pointer;
}



.details .liste h2 ul li,
.details .infos ul li{
	background: none;
	border: 0;
	padding-bottom:0;
	padding-left:0;
	padding-right:3%;
	padding-top:0;
}

.details ul.listefichiers {
	border-top:1px solid #8C8C8C;
	margin-top: 25px;
}

.details ul.listefichiers li {
	border-bottom:1px solid #8C8C8C;
	padding: 6px 25px 6px 6px;
	position: relative;
}

.details ul.listefichiers a {
	color: #000;
	font-size: 14px;
}

.details ul.listefichiers .deletefile {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7.5px;
}

.details .infos .confirmdelete p {
	padding-bottom: 8px;
	padding-top: 10px;
}

.requetesFrom {
	margin-top: -5px;
	position: absolute;
}
.details .requetesFrom li {
	background: #F5F7F3;
    border-bottom: 0;
	padding: 5px 12px;
}
.details .requetesFrom li:hover {
	background:#f1f2f2;
}

.details h2 li {
	background:none;
	border:0;
	padding:0;
	display:inline-block;
	padding-right:3%;
}

.details .details_comm ul {
	margin:20px 0;
}

.details .details_comm li {
	background:none;
	border:0;
	padding:0;
	display:inline-block;
	padding-right:3%;
}

.details .details_comm .infos li img {
	cursor:pointer;
}

.details h2 li img {
	float:none;
	margin:inherit;
}

.details ul:not(.listefichiers) li div {
	cursor:pointer;
	background:#000;
	position:absolute;
	bottom:0px;
	right:0px;
	top:0px;
	width:6.5%;
	text-align:center; 
	z-index:1;
}

.details li.Active { 
	background:black;
}

.details li div.retailers { 
	background:#00c709!important;
}
.details li div.subcontractors { 
	background:#ee9200!important;
}
.details li div.customers { 
	background:#000!important;
}



.details li div.Prospect ,
.details li div.prospectENERGI {
	background:#00c709!important;
}

.details li div.Other{
	background:#ee9200!important;
}

.details li div.Inactive{
	background:#c70000!important;
}

.details li div.Competition {
	background:#000;
}

.details li img.icone {
	position:absolute;
    top:0;
    bottom:0;
	right:15%;
    margin:auto;
}

.details li.inactives p {
	color:#9f9f9f !important;
}

.details li div img {
    position:absolute;
    top:0;
    bottom:0;
	left:0;
	right:0;
    margin:auto;
	max-width:10px;
	width:27%;
	vertical-align:middle;
}

#map_canvas {
	/*
	display:inline-block;
	width: 76%;
	*/
	height:100%;
	min-height:370px !important;
	vertical-align:top;
}

.infowindow {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
	padding-bottom:35px;
	padding-left:15px;
	padding-right:40px;
	padding-top:25px;
	position:relative;
}

.infowindow p, .details p {
	color:#000;
	font-size:12px;
	line-height:1.4em;
}

.infowindow p.nom, .details p.nom {
	color:#2a435e;
	font-weight:bolder;
    font-size: 20px;
	padding:0 !important;
    margin-bottom: 10px;
	text-transform:uppercase;
}
.details.editcontact form.edit > div { 
    padding: 20px;
    background-color: #e7edf4;
    border: 2px solid #2a435e;
}

.details p.nom {
	cursor:pointer;
}

.details .infos p.nom {
	cursor:auto;
}

.details .infos label,
.details .infos span.moresupplier,
.moresupplier,
.details .infos span.moreservice,
.moreservice {
	color: #2a435e;
	font-size:12px;
    margin-top: 20px;
    font-weight: bold;
    padding: 0 !important;
    text-transform: uppercase;
}

.details .infos span.moresupplier, .moresupplier, .moreservice {
	cursor:pointer;
}

.details .infos input[type="checkbox"] {
	margin:5px 5px 10px 0;
    position: relative;
    top: 2px;
    *overflow: hidden;
}

.details .infos br {
	font-size:12px;
}

.details .infos p {
	padding-bottom:15px;
}

.details .infos .comments p a {
	color:#2a435e;
}

.erreur {
	color: #FF0004 !important;
}

.infowindow a.web, .details a.web {
	color:#1d53ec;
}

.infowindow ul {
	list-style:none;
	padding-bottom:25px;
}

.infowindow li {
	display:inline-block;
	vertical-align:middle;
	padding-right:10px;
}

.infowindow li img {
	cursor:pointer;
}

.infowindow p.commentaire {
	padding-top:30px;
}

.infowindow button {
	border:0;
	cursor:pointer;
	background:#2a435e;
	color:#F5F7F3;
	font-size:12px;
	font-weight:bold;
	padding:10px 20px;
	margin-right:30px;
	margin-top:20px;
}

.infowindow img.streetview {
	cursor:pointer;
	position:absolute;
	bottom:20px;
	right:0px;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
/* ACUEIL */

.content.accueil {
	background:none;
	text-align:center;
	padding:65px;
	/*
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	*/
}

.content.accueil div.login {
	position: relative;
	/*
	top: 50%;
	transform: translateY(-60%);
	*/
}

.content.accueil h1 {
	color:#2A435E;
	font-size:36px;
    font-weight: 800;
	text-transform:uppercase;
	padding-bottom:20px;
}

.content.accueil p {
	color:#000;
	font-size:18px;
	padding-bottom:20px;
}

.content.accueil .boitelogin h2 {
	font-size: 22px;
	margin-bottom: 10px;
    text-transform: uppercase;
	text-align: left;
}

.content.accueil .boitelogin p {
	font-size:12px;
	text-align:left;
}

.boitelogin select {
	border:1px solid #000;
	box-sizing: border-box;
	color:#000;
	padding:10px 12px;
	padding-right:20px;
	width:280px;
	margin-bottom:10px;
}

.boitelogin.settings input[type=text], 
.boitelogin.settings input[type=password] {
	border:1px solid #000;
	box-sizing: border-box;
	color:#000;
	padding:10px 12px;
	padding-right:20px;
	width:280px;
	margin-bottom:10px;
}

.boitelogin.settings input[type=submit] {
    border: 0;
    cursor: pointer;
    background: #2a435e;
    color: #F5F7F3!important;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
    margin-right: 30px;
}

.boitelogin.settings p {
	text-align: center!important;
}

a.btnInscription{
    box-sizing: border-box;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    width: 280px;
    color: #FFF;
    text-transform:uppercase;
    padding:10px 10px;
    background-color: #B13D58;
    text-align: center;
    border: none;
    cursor: pointer;
}

.rouge {
	color:#F00 !important;
}

.form_modif p.rouge {
	font-size: 12px;
}

.loading {
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	height:128px;
	width:128px;
	margin-left:-64px;
	margin-top:-64px;
	z-index:99999;
}

.filtresrapport {
	background:#D5E2E9;
	border-right:1px solid #FFF;
	display:inline-block;
	position:relative;
	vertical-align:top;
	height:100%;
	min-height:100%;
	/* width:16.7916%; */
	width:320px;
	overflow:auto;
    scrollbar-width: thin;
}

.container.rapport .filtresrapport {
/*	border:0;*/
	margin-right:0;
}

.filtresrapport a.addbutton span {
    border: 2px solid #2A435E;
    display: inline-block;
    color: #fff;
    width: 60%;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    padding: 10px 15px;
    vertical-align: middle;
    background-color: #2A435E;
    white-space: nowrap;
}
.filtresrapport a.addbutton span:first-child {
    border: 2px solid #2ab0cb;
     width: 5.5%;
    font-size: 29px;
    margin: 20px 0px 0px 20px;
    padding: 2px 10px;
    background-color: #2ab0cb;
}
.filtresrapport a.addbutton.task span:first-child {
	font-size: 16px;
    padding: 10px 10px;
	text-align: center;

}

.filtresrapport .recherche_nom {
    margin: 20px 0 20px 20px;
    padding: 0;
    width: 90% !important;
}

.recherche_nom input[type="text"] {
    width: 75% !important;
}

.recherche_nom input[type="button"] {
    display: inline-block;
    vertical-align: top;
    background-color: #2a435e;
    background-image: url(../images/fleche_droite.png);
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    height: 32px;
    width: 30px;
    padding: 0;
}

.filtresrapport .titre {
	background:#2A435E !important;
	color:#F5F7F3;
	font-size:18px;
	font-weight:bold;
	margin:0 !important;
	padding:4.5px 7.5% !important;
}

.filtresrapport .outils {
	list-style:none;
	margin:15px 7.5%;
}

.filtresrapport .outils li {
	cursor:pointer;
	display:inline-block;
	margin-right:12px;
}

.rapport .filtresrapport .filtres > div:not(.recherche_nom) {
	background: #F5F7F3;
    margin: 10px 7.5%;
    padding: 12px;
    position: relative;
}

.filtresrapport .titre span {
	cursor: pointer;
	font-size:14px;
	font-weight:normal;
}

.filtresrapport div.filtres > div {
	background:#F5F7F3;
	margin:10px 7.5%;
	padding:12px;
	position:relative;
}

.filtresrapport h1 {
	color:#2A435E;
	font-size:14px;
	margin-bottom:15px;
}

.filtresrapport select {
	display:block;
	margin:5px 0;
	width:100%;
}

.filtresrapport input[type="text"]#eventsDateDebut,
.filtresrapport input[type="text"]#eventsDateFin {
	background:url(../images/calendrier.png) 5px 4px no-repeat;
	border:1px solid #a9a9a9;
    width: 80%;
	margin:5px 0;
	padding:8px 0 8px 30px;
}

.filtresrapport input[type="text"]#eventsDateDebut {
	margin-bottom:20px;
}

.filtresrapport label {
	font-size:12px;
	font-weight:500;
    vertical-align: middle;
}
.levelofvalue label,.suppliers label,.rep label,.volumeachat label {
    padding-left: 10px;
}

.filtresrapport .period label {
	font-size:14px;
	text-transform:uppercase;
    vertical-align: middle;
}

.filtresrapport .status label {
	display:block;
    color: #000;
    margin-bottom: 5px;
    position: relative;
}

.filtresrapport .status label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.filtresrapport .status label checkbox {
    vertical-align: middle;
}

.filtresrapport .status label img {
	padding:0 10px;
    vertical-align: middle;
}

.filtresrapport .checkbox {
	list-style:none;
	position:absolute;
	right:10px;
	top:10px;
}

.filtresrapport .checkbox li {
	display:inline-block;
	color:#000;
	font-size:10px;
	margin:0 2px;
}

.filtresrapport .checkbox li.togglecheckbox {
	cursor:pointer;
}

.filtresrapport input[type="checkbox"] {
	/*margin-bottom:5px;*/
    vertical-align: middle;
}

.output {
	/*
	display:inline-block;
	position:relative;
	vertical-align:top;
	*/
    position: absolute;
    top: 0;
    left: 320px;
	right: 0;
	height: 100%;
	overflow-y: scroll;
}
.quitter {
    background-color: #b13d58!important;
    margin :20px 0px;
}

.reportoverflow {
	overflow:auto;
	overflow-y:hidden;
	position:relative;
}

.reportheader {
	background:#2a435e;
	font-size:0;
    border-top: 1px solid #f5f7f3;
	padding:0 0;
	min-width:750px;
	position:absolute;
	left:0;
	right:0;
}


.reportheader div {
    box-sizing: border-box;
	display:inline-block;
	color:#f5f7f3;
	font-size:12px;
	font-weight:bold;
	/* padding:0 0.5%; */
	padding:8px 5px;
    border-left: 1px solid white;
	vertical-align:middle;
}
.reportheader div:first-child {
    border-left: none;
}

.rapport .data {
	overflow:auto;
	min-width:750px;
	padding-top: 32px;
}

.rapport .data.user {
	overflow:auto;
	min-width:750px;
	padding-top: 0;
}

.rapport .data .rowReport {
	font-size:0;
	padding:0px 0;
    height: 35px;
}
.rapport .data a:nth-child(even) .rowReport {
	background-color: #d5e2e9;
}
.rapport .data a .rowReport:hover {
    background-color: #5cc7dd;
}

.rapport .data .rowReport div {
    box-sizing: border-box;
	display:inline-block;
	color:#000;
    height: 35px;
	font-size:14px;
	/*padding:0 0.5%;*/
    line-height: 24px;
	padding:5px 5px;
	vertical-align:middle;
	border-left: 1px solid white;
  	overflow-wrap: break-word;
  	word-wrap:break-word;
    overflow: hidden;
}
.rapport .data .rowReport div img{
    margin-top: 3px;
}
.rapport .data .rowReport div:first-child {

	border-left: 0px solid white;
}

.reportName {
	width:250px;
}

.reportAddress {
	display:none !important;
	width:160px;
}

.reportCity {
	width:160px;
}

.reportProvince {
	width:70px;
}

.reportPostal {
	display:none !important;
	width:80px;
}

.reportCountry {
	width:60px;
}

.reportPhone {
	display:none !important;
	width:95px;
}

.reportWebsite {
	display:none !important;
	width:190px;
}

.reportStatus {
	width:60px;
    text-align: center;
}

.reportRep {
	width:125px;
}

.reportSupplier {
	width:125px;
}

.reportVolumeAchat {
	width:90px;
    white-space: nowrap;
}

/*
.reportName {
	width:12%;
}

.reportAddress {
	width:10%;
}

.reportCity {
	width:10%;
}

.reportProvince {
	width:5%;
}

.reportPostal {
	width:5%;
}

.reportCountry {
	width:5%;
}

.reportPhone {
	width:6%;
}

.reportWebsite {
	width:12%;
}

.reportStatus {
	width:8%;
}

.reportRep {
	width:8%;
}

.reportSupplier {
	width:8%;
}

.reportVolumeAchat {
	width:8%;
}
*/

.infoBox {
    position: absolute;
    background: #f7F3F5;
    top: calc(50% - 100px);
    font-size: 20px;
    left: calc(50% - 250px);
    width:500px;
    border: 1px solid #2a435e;
    box-shadow: 0px 0px 30px #888;
}
.infoBox h3 {
    background-color: #2a435e;
    color: #f7F3F5;
    padding: 10px 0;
    font-weight: 900;
    text-align: center;
}.infoBox p {
    font-size: 14px;
    padding: 40px;
    text-align: center;
}
.infoBox .iconeCoin {

    background-color: #B13D58;
    position: absolute;
    top:-20px;
    padding: 5px;
    font-size: 28px;
    border-radius: 50%;
    border: 4px solid #f7F3F5;
    color: #f7F3F5;
    left:-20px;
}

.comments .filtresrapport {
	display:block;
	float:left;
	width:320px;
}

.main .comments {
	overflow:hidden;
    position: relative;
	/* display:inline-block; */
	/* width:83.2084%; */
	max-height:100%;
}

.comments .block {
	font-size:0;
	position:relative;
	/* padding:30px 0; */
}

.comments .block:nth-child(even) {
	background:#f1f2f2;
}

.comments hr {
	border-bottom:1px dotted #000;
	margin:40px 0;
}

.commentsheader {
	background:#2A435E;
    color: white;
}

.main .comments .blocks {
	overflow-y:auto;
}

.main .comments .blocks p.noresult,
.rapport .data p.noresult {
	color:#000;
	font-size:14px;
	padding:20px 20px;
}

.rapport .data p.noresult {
	padding:20px 0.5%;
}

.comments .block > div,
.commentsheader > div {
	display:inline-block;
	vertical-align:top;
}

.comments .blockinfosdetaillant {
	width:460px;
    box-sizing: border-box;
}

.comments div.infosdetaillant,
.comments div.soumission,
.comments div.moreinfosdetaillant,
.comments div.commentaire {
    
	color:#FFF;
    border-left: 1px solid #F5F7F3;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	padding:20px 0 20px 20px
    
}

.comments .commentsheader div.infosdetaillant,
.comments .commentsheader div.soumission,
.comments .commentsheader div.moreinfosdetaillant,
.comments div.pourcent,
.comments .commentsheader div.commentaire {
	padding:10px 0 14px 20px
        
}

.comments div.infosdetaillant,
.comments div.moreinfosdetaillant {
	width:205px;
}

.comments div.commentaire {
	padding-right: 20px;
	position:relative;
	width:600px;
}

.comments div.soumission {
	padding-right: 20px;
	position:relative;
	width:400px;
}
.comments div.pourcent {
	width: 100px;
}

.comments div.commentaire .emailcomment,
.comments .block .emailcommentmobile {
	position:absolute;
	right:0;
	top:20px;
}

.comments .block .emailcommentmobile {
	display:none;
}

.comments .block p {
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.comments .block p.date {
	color: #2a435e;
    font-weight: bold;
}

.comments .block p.rep {
    font-weight: bold;
	padding-bottom:20px;
}

.comments .block p.detaillant {
	color:#2a435e;
    font-weight: bold;
}

.comments .block p.detaillant a {
	color:#2a435e;
}

.comments .block p.detaillant a.nocursor {
	cursor:text;
}

.comments .block p.comment {
	font-style:italic;
}

.comments .block p.comment a {
	color:#2a435e;
}

.comments .block div.moreinfosdetaillant p {
	margin-bottom:3px;
}

.comments .block div.moreinfosdetaillant p span {
	color:#2a435e;
    font-weight: bold;
}

.comments .recherche_details {
	display:block;
}

.comments .recherche_details > div {
	font-size:0;
	margin-right:1%;
	vertical-align:bottom;
}

.comments .recherche_details div.compdate {
	width:auto;
}

.comments .recherche_details select {
	margin:0;
	margin-right:20px;
}

.comments .recherche_details input[type="text"] {
	width:90px;
}

.comments .recherche_details label {
	display:inline-block;
    vertical-align: middle;
	margin:0;
}
 .recherche_details label input[type="checkbox"] {

    vertical-align: text-bottom;

}
.comments {
    min-height: 300px
}



/********/
/* ALEX */
/********/
	
.right{
	float:right;
}
.liste ul:not(.listefichiers) li a{
	color:#F5F7F3;
	display: block;
	font-size: 20px;
}
.liste ul li.last{
	margin:0 12px 0;
	padding:0;
}

.addDetaillant{
	display: none;
	padding: 10px 0px 10px 40px;
}

.details.editcontact .addDetaillant {
    margin: 0 auto;
    width: 450px;
}

.details .infos .details{
	display:block;
	min-height:inherit !important;
	overflow:inherit;
	width:100%;
}

.editcontact textarea {
    resize: vertical;
    margin: 10px 0;
    /*height: 100px;*/
    height: 170px;
    width: 98%;
}

.editcontact textarea.addnotes {
    height: 250px;
}

.details.editcontact form.edit hr {
    margin: 20px 0 20px 0;
}

.addDetaillant .contact,
.details .contact,
.details .form-group.supplier {
	padding:5px 0;
}

.form-group.supplier.signature img{
	display: block;
	margin:0 auto;
	max-height: 60px;
}

.addDetaillant input[type="text"],
.details input[type="text"]{
	width:80%;
	margin:8px 0 8px;
    color : #2a435e;

    font-size: 14px;
}

.addDetaillant select,
.details select {
	margin:8px 0 8px;
    color : #2a435e;
    font-size: 14px;
	max-width:96%;
}

.addDetaillant select#manufacturiersID,
.details .infos .manufacturiersID,
.details .infos .servicesID {
	margin-right:10px;
	margin-right:10px;
	width:160px;
}
.btn-call {
	margin: 15px 0;
	display: inline-block;
}

.addDetaillant input[type="submit"],.btn-call, .infos .details button, .liste button{
	border: 0;
	cursor: pointer;
	background: #2a435e;
	color: #F5F7F3!important;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
	margin-right: 30px;
}

.addDetaillant .prospect label,
.addDetaillant .contact label,
.addDetaillant span.moresupplier {
	color: #2a435e;
	font-size:12px;
    font-weight: bold;
    padding: 0 !important;
    text-transform: uppercase;
}

.addDetaillant .contact label, .details .infos .contact label {
	display:block;
	width:80%;
}

.addDetaillant .contact label span,
.details .contact label span {
	float:right;
	cursor:pointer;
}

.addDetaillant span.moresupplier {
	cursor:pointer;
}

.addDetaillant input[type="checkbox"] {
	margin:5px 5px 5px 0;
    position: relative;
    top: 2px;
    *overflow: hidden;
}
	
.addstateblock, .addcityblock{
	display: none;
}

.infos .details button.addState, .infos .details button.addStateCommit, button.addCity, .infos .details button.addCityCommit {
	margin: 0 0 0 10px;
	padding: 5px 10px;
}
.details input[type="text"].addedState, .details input[type="text"].addedCity {
	width:60%;
}

input#filecomment, input#filecontact {
	margin-top: 5px;
}

.error {
    background-color: #c83939;
    color: #F5F7F3;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.success {
    background-color: #6694AE;
    color: #F5F7F3;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.clear {
	height:0;
	padding:0;
	margin:0;
	float:none !important;
	clear:both;
}

/*AUTOFILL antoine bernier*/
.autofill-wrapper {
	width: 80%;
	position: relative;
}
.autofill-wrapper .autofill-name {
	width: 100%!important;
}
.autofill-wrapper .autofill-suggestion {
	position: absolute;
	top:80%;
	margin: 0;
	width: 100%;
}
.autofill-wrapper .autofill-suggestion .autofill-user {
	font-size: 16px;
	padding: 2px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid black;
	border-top: none;
	display: block;
	background-color: white;
	text-decoration: none;

}
.autofill-wrapper .autofill-suggestion .autofill-user:hover {
	background-color: rgb(226, 180, 191)
}
.autofill-user .nom {
	font-size: 14px;
	color: black;
 	display:block;
}
.autofill-user .email {
	font-size: 12px;
	color: #AAA;
 	display:block;	
}
/*------------------------*/

@media screen and (max-width: 1600px) {
    .reportVolumeAchat { 
        display: none!important;
    }
}

@media screen and (max-width: 1450px) {
    .hero-side ul li {
        font-size: 12px !important;
        margin-bottom: 30px;
    }
	.comments .filtresrapport {
		width:260px;
	}
	
	.recherche_nom {
		padding-right: 10px;
		width:280px;
	}
	
	
	.details {
		width:310px;
	}

	.details.editcontact form.edit > div {
		width: 300px;
	}
}

@media screen and (max-width: 1350px) {
    .hero-side img {
        width: 20px;
    }
    .hero-side img.logoHero {
        width: inherit;
    }
     .hero-side span {
        margin-left: 10px!important;
    }
	.comments .blockinfosdetaillant {
		width:400px;
	}
	.comments div.infosdetaillant, .comments div.moreinfosdetaillant {
		width: 150px;
	}
	.comments div.commentaire {
		width:400px;
	}

	.comments div.pourcent {
		width: 100px;
	}
	
	.recherche_details label {
		display:list-item;
		list-style:none;
	}
	
	.reportoverflow div.reportRep {
		display: none !important;
	}
	
	.comments div.soumission {
		width:400px;
	}
	
}

@media screen and (min-width: 1920px) {
    .help .titreHelp {
        margin: 50px auto;
    }
    .help .main {
        width: 1220px;
        margin: 50px auto;
    }
   .help .main>div {
	    float: left;
    }
     .help .main>div:first-child {
	    margin-right:80px;
    }
    .video-block {
        margin: 0;
    }
}

@media screen and (max-width: 1400px) {
	
	.reportoverflow div.reportSupplier {
		display: none !important;
	}
	
	
	.details.editcontact form.edit > div {
    	margin:  0 5% !important;
    	width: 40%;
	}
	
	
	.details.editcontact form.edit > div.comments {
		width: 90%;
		max-width: 840px;
	}
	
}

@media screen and (max-width: 1090px) {
	.comments div.commentaire {
		width:360px;
	}

	
}

@media screen and (max-width: 1200px) {
    
    .infoBox { 
        top:80px;
    }
    .blockinfosdetaillant div:first-child {
		border-left: none;
	}
    .commentsheader { 
        background-color: #b13d58;
    }
	
	.main {
		overflow:inherit;
		min-height:inherit !important;
		height:auto !important;
	}
	
	.comments .filtresrapport {
		border:0;
		float:none;
		height:auto !important;
		min-height:inherit !important;
		width:100%;
	}

	.filtresrapport .off {
		display:none;
	}
	
	.filtresrapport div.filtres > div,
	.filtresrapport .outils {
		margin: 10px 20px;
	}
	
	.filtresrapport .titre {
		cursor:pointer;
		padding: 10px 20px !important;
	}
	
	.filtresrapport input[type="text"]#eventsDateDebut, .filtresrapport input[type="text"]#eventsDateFin {
		background: url(../images/calendrier.png) 5px 4px no-repeat;
		padding: 8px 0 8px 30px;
		width:80%;
	}
	
	.main .comments {
		display:block;
		width:100%;
		overflow:inherit;
	}
	
	.main .comments .blocks {
		height:inherit !important;
		overflow:inherit;
	}
	
	.reportoverflow,
	.report,
	.data {
		height:inherit !important;
	}
}

@media screen and (max-width: 1200px) {
	.container.locator {
		margin:0 auto;
		min-height:inherit;
	}
	
	.bandeau_recherche .titre {
		padding:10px 2.6%;
	}
	
	.bandeau_recherche .filtres {
		background:#F5F7F3;
		border-bottom:1px solid #000;
		position:absolute;
		left:0;
		right:0;
		z-index:2;
	}
	
	.recherche_nom,
	.recherche_details {
		display:block;
		padding:0 2.6%;
		width:inherit;
	}
	
	.recherche_nom input[type="text"] {
		width:410px;
	}
	
	.recherche_details {
		padding-top:25px;
	}
	
	.details {
		float:none;
		min-height:inherit !important;
		width:100%;
	}
	
	.details h2 {
		padding-left:20px;
	}
	
	.details h2 li {
		padding-right:20px;
	}
	
	.details li {
		padding-left:20px;
	}
	
	.details li div img {
		width:10px;
	}
	
	#map_canvas {
		min-height:inherit !important;
		width:100%;
	}
	
	.infowindow {
		line-height:normal;
		overflow: hidden;
		white-space:inherit;
		/*
		padding-bottom:35px;
		padding-left:15px;
		padding-right:40px;
		padding-top:25px;
		*/
		padding:0px;
	}
	
	.infowindow button {
		margin-top:10px;
		padding:6px;
	}
	    .nav i {
        display: none;
    }
	.infowindow button.streetview {
		float:right;
		margin-right:0;
	}
}

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

    
    .hero-side img.logoHero  {
	    display: block;
        margin: 0 auto;
    }
    .col-accueil img {
        display: none;
    }
    .hero-side {
	    background-image:url("../images/bg-home-left-mobile.jpg");
    }
    .hero-side ul {
	    display: none;
    }
    .container.accueil {
        flex-direction: column;
    }
    .nav li.aide a {
        width: 44px;
        float: right;
        margin-bottom: 15px;
    }
    .reportoverflow div.reportStatus {
		display: none !important;
	}
    
     .reportoverflow div.reportCountry {
		display: none !important;
	}
    .help-block,.video-block {
        width: 90%;
        margin: 2px auto;
        
    }
    .help-block:last-child {
        margin-bottom: 150px;
    }
	
	.commentsheader {
		display:none;
	}
	
	.comments .blockinfosdetaillant {
		display:block;
		width:100%;
	}
	.comments div.commentaire {
		display:block;
		width:inherit;
		padding:20px 2.6%;
	}
	.comments div.commentaire .emailcomment {
		display:none;
	}
	.comments .block .emailcommentmobile {
		display:block;
		right:2.6%;
	}
	.comments div.infosdetaillant, .comments div.moreinfosdetaillant {
		padding:20px 0 0 2.6%;
	}
	
	.details.editcontact .infos {
		padding: 0;
	}
	.details.editcontact form.edit > div {
		display: block;
		margin: 0 20px !important;
		width: inherit;
	}

	.comments div.infosdetaillant, .comments div.moreinfosdetaillant, .comments div.pourcent {
		padding:20px 0 0 2.6%;
	}

    .infoBox { 
        left: 25px;
        right: 25px;
        width: auto;
    }
	
    .content-help-block {
        font-size: 0.8em;
        padding: 0.5em 0.5em;
    }
    .header-help {
        font-size: 0.8em;
        padding-left: 0.5em;
    }
    .content-help-block iframe {
        height: 300px;
    }
	
	.nav a {
		font-size:18px;
        clear: both;
	}

	a.backtosite {
		display:none;
	}
	
	.recherche_nom input[type="text"] {
		width:260px;
	}
	
	.recherche_details > div {
		display:block;
		margin-bottom:25px;
		margin-right:0;
		width:auto;
	}
	
	.filtresrapport {
		width:100%;
	}
	
	.filtresrapport .recherche_nom {
		display: inline-block;
    	width: 60% !important;
    	vertical-align: inherit;
	}
    .filtresrapport a.addbutton span {
    border: 2px solid #2A435E;
    display: inline-block;
    color: #fff;
    width: 41.8%;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    padding: 10px 15px;
    vertical-align: middle;
    background-color: #2A435E;
}

.filtresrapport a.addbutton span:first-child {
    border: 2px solid #2ab0cb;
     width: 2.5%;
    margin: 20px 0px 0px 20px;
    padding: 2px 10px;
    background-color: #2ab0cb;
}

	.filtresrapport .titre span {
		display:inline !important;
	}
	
	.reportoverflow div.reportValue, 
	.reportoverflow div.reportVolumeAchat {
		display: none !important;
	}
	
	.filtresrapport .outils {
		text-align:center;
	}
	
	.filtresrapport .outils li {
		margin:0 12px;
        color:red;
	}
	
	.report {
		margin: 0 !important;
	}
	
	.reportoverflow,
	.rapport .data {
		overflow: inherit !important;
	}

	.reportheader,
	.rapport .data {
		min-width: inherit;
	}
	
	.reportheader {
		position: relative;
	}
	.filtresrapport {
		display: block;
	}
	.output {
		position: relative;
		left: 0;
		height: auto !important;
	}
     .reportName {
        border-left: 0px solid white;
         white-space: nowrap;
    }
	
}


@media screen and (max-width: 530px) {
    .titreHelp h1 {
        font-size: 20px;
    }
    .titreHelp p {
        font-size: 16px;
    }
    .video-block iframe {
        height: 300px;
    }
    .reportoverflow div.reportStatus {
		display: none !important;
	}
    #bandeau ul li {
	    width: 100%;
        padding-bottom: 0.2em;
    }
    .reportName {
        border-left: 0px solid white!important;
    }
	.filtresrapport a.addbutton span {
    border: 2px solid #2A435E;
    display: inline-block;
    color: #fff;
    width: 60.5%;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
    padding: 10px 15px;
    vertical-align: middle;
    background-color: #2A435E;
}
.filtresrapport a.addbutton span:first-child {
    border: 2px solid #2ab0cb;
     width: 5.5%;
    font-size: 29px;
    margin: 20px 0px 0px 20px;
    padding: 2px 10px;
    background-color: #2ab0cb;
}
	.reportoverflow div.reportCity, 
	.reportoverflow div.reportProvince, 
	.reportoverflow div.reportCountry {
		display: none !important;
	}
	
	.rapport .data .rowReport div {
		font-size: 18px;
	}
	
	.reportheader {
		display: none;
	}
	
	.rapport .data .rowReport {
		padding: 10px 20px;
	}
	
	.reportName {
		width: 100%;
	}
	
    .hero-side a img {
    
    display: block;
    width: 60%;
    margin: 0px auto;
    margin-top: 4em;
}
    
	.filtresrapport .recherche_nom {
		width: 90% !important;
	}
}