/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

 
/* CANVAS  ==============================================================*/

 .sketchpad {
        background: transparent;
         border-radius: 2px;

       }
#canvas {
       }
#canvas0 {
 		#overflow:hidden;
        background-repeat:no-repeat;
		display:none;
		margin-right:auto;
		margin-left:auto;
		margin-top:40px;
		
 		
      }
#bcPaint-header{
	display:flex;
	position:absolute;
	width:auto;
	margin-top:-28px;
}
#bcPaint-header {
   width:120px!important;
}
button#bcPaint-reset, button#bcPaint-export{
    color: #fff!important;
    background-color: #6c757d!important;
	border-color: #6c757d!important;
	cursor:pointer;
 	padding:10px!important;
	margin: auto;
	display: inline-block;
	width: auto;
 	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
 	user-select: none;
	border-radius: .25rem;
	text-transform:uppercase!important;
	font-size:14px!important;
 
}
 .galerie{
	width:100%;
	text-align:center;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
  }
.galerie span{
	width:120px;
	height:120px;
	border: 2px solid #109448;
	display:inline-block;
	margin:10px;
	overflow:hidden;
 }
.galerie img{
	max-width:140%;
	height:auto;
 }

 .suppress i{ 
   	font-size:20px;
	position:absolute;
	cursor:pointer;
	background-color:#fff;
	border-radius:20px;
	margin-left:120px;
	z-index:900;
 
 }












/* FONTS  ==============================================================*/

  
@font-face {
    font-family: 'gotham_condensedlight';
    src: url('../fonts/gothamcondensed-light-webfont.eot');
    src: url('../fonts/gothamcondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamcondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/gothamcondensed-light-webfont.woff') format('woff'),
         url('../fonts/gothamcondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/gothamcondensed-light-webfont.svg#gotham_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}  
@font-face {
    font-family: 'gothamxnarrow_bold';
    src: url('../fonts/gothamxnarrow-bold-webfont.eot');
    src: url('../fonts/gothamxnarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-bold-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-bold-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-bold-webfont.svg#gothamxnarrow_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamxnarrow_book';
    src: url('../fonts/gothamxnarrow-book-webfont.eot');
    src: url('../fonts/gothamxnarrow-book-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-book-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-book-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-book-webfont.svg#gothamxnarrow_book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamxnarrow_medium';
    src: url('../fonts/gothamxnarrow-medium-webfont.eot');
    src: url('../fonts/gothamxnarrow-medium-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothamxnarrow-medium-webfont.woff') format('woff'),
         url('../fonts/gothamxnarrow-medium-webfont.ttf') format('truetype'),
         url('../fonts/gothamxnarrow-medium-webfont.svg#gothamxnarrow_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham_Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Gotham-Book.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/Gotham-Book.svg#Gotham_Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham_Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#Gotham_Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* TYPO  ==============================================================*/
 
  h1{
	font-family: 'Gotham_Book';
 	font-weight:normal;
   	font-size:30px;
	margin-top:10px;
}
  h1.bande{
   	font-size:22px;
	display:inline-block;
	margin-top:3px!important;
 }
 
a.lien_bande {text-decoration:none; margin-top:3px; display:inline-block }
a.lien_bande:link {color:#fff;}
a.lien_bande:visited   {color:#fff;}
a.lien_bande:hover  {color:#000; text-decoration:none!important; }
a.lien_bande:active  {color:#fff; }
 
  
/* FANCY BOX  ==============================================================*/
   
 .container_frame{
	padding:10px;
	background:#fff;	 
 }
 
 .fancybox-slide--iframe  {
    padding: 0;
}
 .fancybox-slide--iframe .fancybox-content {
    width  : 740px;
    height : 90%;
    max-width  :98%;
    max-height :98%;
    margin: 0;
}
 img.img_frame{
    width  : 100%;
 }

.alerte_dessin   {
  	background:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:50px;10px;
	position:absolute;
	z-index:1000;
	margin-top:40px;
	width:100%;
	height: 220px;
	border-radius: 10px;
  }
.alerte_dessin a.btn, .rep  {
 	margin:auto;
	display:inline-block;
	width:auto;  
}
.alerte_dessin div.title  {
	width:100%; 
	margin-top:20px; 
	margin-bottom:20px; 
 }

.alerte_dessin a {text-decoration:none;  }
.alerte_dessin a:link {color:#fff;}
.alerte_dessin a:visited   {color:#fff;}
.alerte_dessin a:hover  {color:#dceee4; text-decoration:none!important; }
.alerte_dessin a:active  {color:#fff; }

/* GENERALITES  ==============================================================*/


.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow:none!important;
}

.titre{
	font-size:28px;
	color:#fff;	
  	background:#109448;
	font-size:16px;
 	font-family: 'Gotham_Medium';
	padding:2px 0 0 15px; 

 }
.reload{
	margin-top:15px;
	margin-right:5px;
 }
.reload img{
	width:40px;	
 }
.glyphicon {
	color:#3e5565;
}
.glyphicon.first{
	font-size:1.3em;
}

.glyphicon.first.red{
	color:#ff0000;
}
.glyphicon.first.blue{
	color:#007ac3;
}
.glyphicon.first.orange{
	color:#ff9900;
}

.image-center {
    text-align:center;
}
img{ 
	max-width:100% ;
	height:auto;
	vertical-align:baseline
}

*, *:focus, *:visited{ text-decoration:none;}

.ie   {
	width:100%;
	text-align:center;
 }

.no_padding{ padding:0; }
.no_margin{ margin:0; }

input.transparent-input, button.transparent-input{
       background-color:rgba(0,0,0,0) !important;
       border:none !important;
	   box-shadow: 0!important;
    }
nav.navbar { border-radius:0 }

img.right,  .image-right{
	float:right!important;
	margin-left:20px!important;
}
img.left,  .image-left{
	float:left;
	margin-right:20px; 
}
 body#editor figure figcaption{
	max-width:300px!important;
 }
 
a {text-decoration:none;  }
a:link {color:#109448;}
a:visited   {color:#109448;}
a:hover  {color:#000; text-decoration:none!important; }
a:active  {color:#109448; }
a:focus {
  outline: 0;
  outline: 0r;
  outline-offset: 0;
}

hr {
    border-color: #fff !important; 
    margin-bottom: 0px;
    margin-top: 0px;
	opacity:.4;
	clear:both;
}
 

.bold {
    font-weight:bold;;
}
.references {
    font-size:12px;
	font-style:italic;
}
ul,ol{
	padding-left:15px	
}
strong {
    font-weight:normal;
    font-family: 'gothamxnarrow_bold';
}
p {
    margin: 0 0 8px 0;
}
.transp_4{
    opacity:.4;
}
 


#calendar iframe{
	width:100%	
}
ul.liste {
	padding:0;	
}
ul.liste li{
	list-style:none;	
}

/* STRUCTURE  ==============================================================*/

 
html {
	height:100%
   }
body {
	position:relative;
	height:100%;
    font-family: 'gothamxnarrow_book';
	background-color:#dceee4;
	font-size:80%;
	padding-top:100px;
  	height:100%;
   }

body.frame {
	margin:0; 
	padding:0; 
	background:#fff;
	text-align:center;
	padding:10px;
	margin:10px;
	margin-bottom:45px;
}
body.frame .img img {
	margin-bottom:5px
}
body.frame .notes textarea {
	height:70px;
	line-height:auto;
}

.auteur {
    font-style:italic;
	text-align:left;
	margin-bottom:8px
}


a.bouton { 
	text-decoration:none!important;
	padding:10px;
	font-size:14px;
	text-transform:uppercase;  
	margin-bottom:45px;
	color:#fff!important;
}
a.bouton:link {color:#fff!important;}
a.bouton:visited   {color:#fff!important;}
a.bouton:hover  {color:#000; text-decoration:none!important; }
a.bouton:active  {color:#fff!important; }



/* HEADER  ==============================================================*/
 
header{
	max-width:100%;
	margin-left: 0px!important;
    margin-right: 0px!important;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:3336;
}

  header h1  {
	padding:0!important;
	margin:0!important;
}
.logo {
	background-color:#fff;
  
}
.logo img{
	max-width:220px;
	margin-top:10px;
	margin-bottom:0px
}
.logo_txt{
	color:#109448;
 }
 .eval{
	background-color:#fff;
	padding:4px 105px 2px 10px;
	margin-top:4px;
	text-align:center;
	width:auto;
	float:right;
	line-height:14px;
	text-transform:uppercase;
		
}


/* ACCUEIL  ==============================================================*/
.btn{
	font-size:14px		
				
}
.part2{
	padding:40px 40px 60px 40px;		
				
}
.part4,
.part3{
	padding:20px 0px 20px 0px;
	background:#fff;
	margin-top:20px;
	margin-bottom:40px;
 	border-radius:10px;
	overflow:hidden;
 }
.part3.part3b{
	margin-top:0px;
}
.user{
	margin-bottom:10px;
 	text-align:center;
	border-radius:8px;
 }
.user_hilite {
  	text-align:center;
	padding:10px 0px 6px 0px ;
	max-width:200px ;
	border-radius:14px;
	margin:0 auto;
 }
.user_hilite:hover{
	background:#fff;
 }
 .user_text,
.user_icon{
	text-align:center;
 }
.user_text{
	background:#fff;
	background:rgba(255,255,255,.75);
	border-radius:8px;
	padding:8px;
	margin-top:0px;
	position:relative;
	z-index:3333;	
	display:inline-block;
}
.user_text span {
	text-align:center;
	display:block;
	font-size:15px;
	line-height:20px;
}
.user_text span.nom {
  	font-size:17px;
    font-family: 'gothamxnarrow_medium';
}
.user_icon img{
	width:100%;
	min-width:60px;	
	max-width:90px	;
}

 /* CAMERA  ==============================================================*/

  
.camera{
 	border:0;
 }

/* EVALUATION  ==============================================================*/

 .btn_newfile{
	background:#109448;
   }
 .btn_newfile a{
 	color:#fff;
	text-transform:uppercase;	 
  }
 
/* CONTENT  ==============================================================*/

  
.inspection,
.categorie{
 	overflow:auto;
 	max-height:100%;
	min-height:100%;
	position:relative;
 }
.inspection a.btn,
.categorie a.btn{
	background:#fff;
	padding:2px 10px;	
	margin-top:4px;
	margin-bottom:4px;
	text-align:left;
	border-color:#109448;
	white-space:normal;
	font-size:14px;
 }
.inspection a.btn.disabled_inspect{
  }
.inspection a.btn:hover,
.categorie a.btn:hover{
	color:#333;
	background-color:#dceee4;
 }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle{
	box-shadow:none!important;
}
.inspection a.btn.active,
.categorie a.btn.active{
	background:#109448!important;
	border-color:#109448!important;
  }
.inspection a.btn.comm {
	background:#f90!important;
	border-color:#f90!important;
	color:#fff!important;
  }
.inspection a.btn.comm i{
	font-size:26px;
 	float:right;
	margin-top:-3px;
  }
#cache_inspect{
	width: calc( 100% - 15px );
	height:100%;
	opacity:.5;
	background:#fff;
	position:absolute;
	z-index:3000;
 }


.projet  {
 	overflow:auto;
 	max-height:100%;
	min-height:100%;
  }
.projet .projet_one2,
.projet .projet_zero,
.projet .projet_one {
 	padding:7px;
	border:2px dotted #ddd;
	margin-bottom:4px;
  }
.projet .projet_one2.active,
.projet .projet_one.active {
 	border:2px dotted #109448;
	background:#dceee4;
 }
.projet .projet_zero span,
.projet .projet_one2 span,
.projet .projet_one span{
	display:block;
	padding:0;
	margin:0;
	line-height:16px;
	font-size:14px;
  }
.projet .projet_zero span.color,
.projet .projet_one2 span.color,
.projet .projet_one span.color{
	display:block;
	margin-top:10px;
	width:30px;
	height:30px;
	float:right;
	background:#333;
		
 }
.projet.evaluation  {
 	max-height:96%;
	min-height:96%;
	margin-top:30px;
  }

.projet.evaluation .projet_zero {
 	position:fixed;
	margin-top:-38px;
 	padding:7px 15px;
 	margin-bottom:4px;
	border-radius:4px;
	border:0;
 }


.activite2,
.activite {
 	overflow:auto;
 	max-height:100%;
	min-height:100%;
}
.activite a.btn{
	background:#fff;
	padding:3px 10px;	
	margin-bottom:4px;
 	border-color:#109448;
	font-size:16px;
	border-color:#666;
	color:#333;
    font-family: 'gothamxnarrow_medium';

}
.activite a.btn:hover{
	color:#000;
 	background-color:#eee;
}
.activite .cale{
	height:25px;
}

 /* FOOTER ==============================================================*/


footer  {
	background:#fff;
	position:fixed;
	bottom:0;
	width:100%;
	padding-top:24px;
	padding-bottom:10px;
}
footer img.user_icon{
	width:46px;
	margin-right:10px;
	margin-left:15px;
}
footer span.user {
	margin-top:5px;
}
footer span.user span{
	display:block;
	text-align:left;
	line-height:18px;
}
footer span.user span.first{
 	font-size:18px ;
	font-family: 'gothamxnarrow_medium';
 }
footer span.user span.last{
 	font-size:14px ;
  }
footer .date span{
	display:block;
 	font-size:16px ;
	font-family: 'gothamxnarrow_medium';
	line-height:18px;
  }
footer .date span.heure{
	font-family: 'gothamxnarrow_book';
 	font-size:13px ;
  }
footer .boutons,
footer .date {
	float:right ;
	margin-right:15px;
  }
footer .boutons a {text-decoration:none;  }
footer .boutons a:link {color:#666;}
footer .boutons a:visited   {color:#666;}
footer .boutons a:hover  {color:#000; text-decoration:none!important; }
footer .boutons a:active  {color:#666; }

footer .boutons a.btn:hover{
	color:#fff;
 }
footer .boutons a.btn{
	text-transform:uppercase;
 	font-family: 'gothamxnarrow_medium';
	margin-left:2px;
}
footer .boutons .demarrer:not(.disabled),
footer .boutons .garage:not(.disabled),
footer .boutons .diner:not(.disabled),
footer .boutons .fin_journee:not(.disabled),
footer .boutons .terminer2:not(.disabled),
footer .boutons .terminer:not(.disabled){
	border-color:#109448;
	background:#109448;
		color:#fff;
  }

/* FORM TYPE FILE pour UPLOAD  ==============================================================*/


#customFile {
    display: block;
    position: absolute;
	clip: rect(0px, 320px, 170px, 90px);
	z-index:100;
	margin-left:125px;
	margin-top:125px;

 }
 .custom-file-label::after {
    display: none;
 }
.custom-file  {
    max-width:500px;
    width:100%;
	margin:20px auto ;
 }
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
	height:auto;
    left: 0;
    z-index: 1;
     padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 0px solid #ced4da;
    border-radius: .25rem;
	text-align:center;
}
.bouton_photo  {
    width:100px;
    height:100px;
	margin:10px auto ;
	border-radius:100px;
	border:4px solid #ddd;
	display:block;
	background-color:#fff;
	background-image:url(/img/camera1.png);
	background-size:60%;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:.5;
	cursor:pointer;
	
 }
 
.photo_envoi  {
	margin: auto;	
	margin-top:160px;	
 }

 
.custom-select {
 	height: 2rem;
 }


/* FORM 
 ==============================================================*/
 
 form.blank{
	width:100% 
 }
 

/* FORM  AJOUT COMMENTS ==============================================================*/

form#form_add_comment{
 	width: 100% ;
	overflow:scroll;
  }
body.comments{
	padding:20px;
  }
textarea#screen{
	height:400px;
}
textarea#notes{
	height:60px;
}


/* FORM  AJOUT  ==============================================================*/

.win_add span{
	
}

#form_add{
	background:#007ac3;
 	max-width:400px;
	margin:30px auto;
	padding:20px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px ;
	border-radius:10px ;
	text-align:left;
	overflow:hidden;
	color:#16242e;
	display:none;
 }

  select{ 
   clear:both;
    width:100% ;
	background:#bfcfde;
  	font-size:14px;
   	margin:2px 0 6px 0!important;
	text-align:left; 
	color:#16242e;
	border:0;
	padding:2px;
	font-family: 'gothamxnarrow_book';

 }
 #form_add  input.bouton{ 
    width:49% ;
	background:#bfcfde;
  	font-size:14px;
 	font-weight:bold;
  	margin:2px 0 0 0!important;
	text-align:center; 
	color:#16242e;
	border:0;
	padding:2px;
	font-family: 'gothamxnarrow_medium';
	display:inline-block;

 }
 #form_add  input.bouton:hover { background:#5cbf86; color:#fff;}
 #form_add  input.bouton:active { background:#bfcfde; color:#16242e;}

.save{
	margin-top:15px;	
}
 
/* BOUTONS ==============================================================*/

 .pave_bouton{ 
 	margin-top:15px; 
 	margin-bottom:10px; 
}
.pave_date { 
  	margin-bottom:10px; 
}
.pave_date span{ 
    font-family: 'gothamxnarrow_book';
	font-size:10px;
	display:inline-block;
 	margin-right:30px;   
}
.pave_date img{ 
	position:absolute;
 	margin-top: -3px;
	cursor:pointer; 
 }
 .hasDatepicker, .temps_ecoule{
	width:100px;
	margin-right:5px;
	text-align:center;
	font-family: 'gothamxnarrow_book';
	font-size:14px;
	border:0!important;
 }
   span.bouton{ 
 	background:#007ac3;
  	font-size:15px;
	letter-spacing:.05em;
 	text-align:center; 
	color:#fff;
	border:0;
	margin-bottom:4px;
	font-family: 'gothamxnarrow_medium';
	-moz-border-radius:6px ;
	-webkit-border-radius:6px ;
	border-radius:6px ;
	padding:4px 8px;
	width:calc( 50% - 3px );
 	display:inline-block;
	cursor:pointer; 

 }
.bouton:hover { background:#5cbf86; color:#fff;}
.bouton:active { background:#1f4e7c; color:#fff;}






/* TABLE ==============================================================*/


.table-responsive {
 	width:calc( 100% - 26px );
 	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	margin-bottom:60px;
  	
	
   }	
.table-responsive table {
	width:100%;
	font-family: 'gothamxnarrow_book';
	font-size:12px;
	background-color:#fff;
  }	
.table-responsive table,.table-responsive  td,.table-responsive  th{
	padding:1px 4px!important;
	font-weight:normal;
 	border: 1px solid  #fff;
	text-align:center;
 }	
.table-responsive td.left{
	text-align:left;
 }	
.table-responsive  th{
	background:#007ac3;
	color:#fff;
	text-align:center;
	font-family: 'gothamxnarrow_medium';
 }	
.table-responsive  td{
 	border-bottom:1px solid #ddd;
 }	
 


/*   SIGN BOX */
 
.logo_img {
	width:auto;	
 	margin-top:8px;
}
.logo_img img{
	width:160px;	
 }
.logo_txt {
	margin-top:16px;
	text-align:right;
	line-height:15px;

}
h1.sign{
	width:100%;
	text-align:center;	
	margin:40px auto 0px auto;
}
#form_sign_in{
	background:#109448;
	display:block;
	max-width:300px;
	margin:30px auto;
	padding:20px;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px ;
	border-radius:10px ;
	text-align:left;
	overflow:hidden;
	color:#16242e;
 }

#form_sign_in input{
	 margin:4px 0 10px 0!important;
	 float:left;
	 width:100%;
 }
#form_sign_in h2{
	 margin:0 0 15px 0;
	 width:100%;
	 text-align:center;
	color:#fff;
  }
#form_sign_in label{
	 float:left;  
 	 text-align:right;
	 color:#fff;
	 margin:7px 8px 0 0; 
 }


 #form_sign_in  input.bouton{ 
   clear:both;
    width:100% ;
	background:#dceee4;
  	font-size:14px;
 	font-weight:bold;
  	margin:2px 0 0 0!important;
	text-align:center; 
	color:#16242e;
	border:0;
	padding:2px;
	font-family: 'gothamxnarrow_medium';

 }
#sign_box{ 
	margin:0 auto;
	width:280px;
}
#sign_box input.bouton:hover { background:#5cbf86; color:#fff;}
#sign_box input.bouton:active { background:#bfcfde; color:#16242e;}

 #sign_box div.error{
 padding:8px;
 background:#ffdddd;
 font-size:14px;
 font-weight:bold;
 margin-bottom:12px;
 color:#f00;
text-align:center; 
    -moz-border-radius:8px ;
    -webkit-border-radius:8px ;
	border-radius:8px ;
	border:1px solid #ff8f8f;
behavior:url(js/PIE/PIE.htc);
 }



 /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix  { clear: both; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }