body {
margin:0;
padding:0;
background-color:#F4F4F4;
font-family: 'Source Sans Pro', sans-serif;

}
html {
margin:0;
padding:0;
}
a {
text-decoration:none;
color:black;
}
header {
background-color:black;
width:100%;
height:65px;
line-height:65px;
vertical-align:middle;
-webkit-box-shadow: 0px 5px 3px 0px rgba(207,207,207,1);
-moz-box-shadow: 0px 5px 3px 0px rgba(207,207,207,1);
box-shadow: 0px 5px 3px 0px rgba(207,207,207,1);
}
header img {
margin-left:25px;
vertical-align:middle;
}
.moncompte {
float:right;
color:white;
}
.elementmenu {
height:65px;
line-height:65px;
vertical-align:middle;
color:white;
 font-family: 'Source Sans Pro', sans-serif;
 font-size:120%;
 background-color:#1F282D;
 margin-bottom:2px;
 }
 .elementmenu:hover {
 background-color:#2F363E;
 }
.elementmenu img{
padding-left:20px;
padding-right:20px;
}
.boutonformulaire {
margin:auto;
padding:10px;
padding-left:30px;
padding-right:30px;
color:white;
border:0;
border-bottom:solid 5px #973A17;
background-color:#E06336;
margin-top:15px;
border-radius:5px;
}
input[type="text"] {
border:solid 1px #CECECE;
}
input[type="password"] {
border:solid 1px #CECECE;
}

.grissurtitre {
color:grey;
font-size:80%;
}
.blocconnexinscri {
margin-top:40px;
}
.formulaireligne {
font-size:90%;
margin-top:2px;
margin-bottom:2px;
}
.experiencespros {
width:80%;
border:solid 1px #CECECE;
}
.champsobligatoire {
color:red;
}
.margecontenu {
width:95%;
margin:auto;
}
.listeevenementselement {
margin:10px;
padding:10px;
background-color:white;
border-bottom:solid 5px #E06336;
}
.listeevenementsnom {
font-weight:bold;

}
.listeevenementsdate {
font-size:80%;
}
.listeevenementslieu {
font-size:80%;
font-style: italic;
}
.blocconnexionpadding {
padding:25px;
}
.titrebloc {
padding-bottom:15px;
font-size:90%;
font-weight:bold;
color:#CECECE;
 text-transform: uppercase;
}
.titrebloc img{
vertical-align:middle;
padding-right:15px;
}
.lignenormale {
background-color:white;

}

.lignenormale td {
padding:10px;
}
.lignetitre {
background-color:#494E6B;
color:white;
font-weight:bold;

}
.lignetitre td {
padding:10px;
}
.enattente {
text-align:center;
background-color:#FEF7DE;
padding:5px;
border-radius:3px;
color:#6D5303;
border:solid 1px #FCDE86;
}
.acceptee {
text-align:center;
background-color:#E6F7EE;
padding:5px;
border-radius:3px;
color:#184B31;
border:solid 1px #6CD09C;
}
.rejetee {
text-align:center;
background-color:#FBF0F0;
padding:5px;
border-radius:3px;
color:#4F1515;
border:solid 1px #DA7676;
}
.lue {
text-align:center;
background-color:#E0F1FE;
padding:5px;
border-radius:3px;
color:#023860;
border:solid 1px #6FBFFB;
}
.tableauttitre {
background-color:#494E6B;
color:white;
font-weight:bold;
padding:10px;
}
.tableautcontenu {
padding:10px;
background-color:white;
}
.labelheure {
font-size:80%;
}
.labelheure > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
	display:inline-block;
}
.labelheure > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:solid 5px white;
}
.labelheure > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */

border:solid 5px #494E6B;
background-color:#494E6B;
opacity:1;
color:white;
}

.labelheureeffectif {
font-size:80%;
}
.labelheureeffectif > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
	display:inline-block;
}
.labelheureeffectif > input + div{ /* DIV STYLES */
    cursor:pointer;
    border:solid 5px white;
}
.labelheureeffectif > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */

border:solid 5px #008000;
background-color:#008000;
opacity:1;
color:white;
}

.labelheureselect > input + div{ /* DIV STYLES */
    cursor:pointer;
border:solid 5px #B50000;
background-color:#B50000;
color:white;
}

.pascheck > input + div{ /* (RADIO CHECKED) DIV STYLES */
color:white;
border:solid 5px #B50000;
background-color:#B50000;

}
.imagephotocheck {
display:none;
}
.labelheure > input:checked + div .imagephotocheck {
display:block;
position:absolute;
bottom:-7px;
left:0px;
margin:0;
}
.labelheure > input:checked + div .nomoriginefiligranne {
display:none;
}

.zoneliste {
background-color:#E2E2E2;
border-radius:5px;
padding:15px;
border:solid 1px #B0B0B0;
text-align:center;
}
.zoneliste img{
vertical-align:middle;
}
.ajouterzone {
width:90%;
margin:auto;
background-color:#DFFADA;
border:solid 1px #30BA19;
margin-top:50px;
border-radius:5px;
}
.ajouterzonepadding {
padding:15px;
}

.ajouterzone img{
vertical-align:middle;
}
.boutonformulaireajouter {
border:0;
background-color:#CECECE;
padding:5px;
padding-left:15px;
padding-right:15px;
}
.margehaut30 {
margin-top:30px;
}
.messageriebouton {
background-color:white;
border-radius:5px;
border:solid 1px #B0B0B0;
margin-top:25px;
text-align:center;
}
.messagerieboutonpadding {

padding:10px;
padding-left:20px;
padding-right:20px;
}
.messagerieboutonpadding img{
vertical-align:middle;
}
.messageexpediteur {


padding:25px;
border:solid 1px #E5E5E5;
}
.boutonevnoyermessage {
padding:25px;
background-color:white;
color:#A0A0A0;
border:solid 1px #E5E5E5;
}
.messagepadding {
padding:25px;
}
.message {
margin-bottom:20px;
}
.messageexpe {
background-color:#F7F7F7;
}
.messagedest {
background-color:#5AADE1;
color:white;
}
.orange {
color:#E06336;
}


.intituleformulaire {
color:#506278;
font-family: 'Source Sans Pro', sans-serif;


margin-left:5%;
}
.champsformulaire {

color:#2B3440;
font-family: 'Source Sans Pro', sans-serif;

}
.champsformulaire input[type="text"]{
border:solid 1px #54667C;
font-family: 'Source Sans Pro', sans-serif;
padding:5px;

}
.champsformulaire input[type="date"]{
border:solid 1px #54667C;
font-family: 'Source Sans Pro', sans-serif;
padding:5px;

}
.champsformulaire textarea {
width:50%;
border:solid 1px #54667C;
}
.champsformulaire number {

border:solid 1px #54667C;
}
.salaire {
width:40px;
}
.lignechiffreschiffre {
font-size:200%;
color:#494E6B;
}
.lignechiffresblocpadding {
padding:40px;
}
.lignechiffreschiffre {
text-align:center;
}
.lignechiffrestexte {
text-align:center;
color:#494E6B;
}

.pulse-button {
  box-shadow: 0 0 0 0 rgba(224, 99, 54, 0.7);
  -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover{-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; }
@-moz-keyframes pulse{
10%{background-color:#E06336}
30%{box-shadow: 0 0 0 60px rgba(224, 99, 54, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(224, 99, 54, 0);background-color:#E06336;}
}
@-ms-keyframes pulse{
10%{background-color:#E06336}
30%{box-shadow: 0 0 0 60px rgba(224, 99, 54, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(224, 99, 54, 0);background-color:#E06336;}
}
@keyframes pulse {
10%{background-color:#E06336}
30%{box-shadow: 0 0 0 60px rgba(224, 99, 54, 0);}
30.2%{box-shadow: 0 0 0 0 rgba(224, 99, 54, 0);background-color:#E06336;}
}
.recapfinal {
background-color:#494E6B;
color:white;
padding-left:5px;
padding-right:5px;
}
.boutonexcel {
width:200px;
background-color:white;
border:solid 1px #494E6B;
padding:8px;
}
.boutonexcel img {
padding-right:8px;
}
.nonattribue {
background-color:#DA7676;
}
.attribue {
background-color:#DFFADA;
}
.attribueniv1 {
background-color:#F0AE73;
}
.photoidentite {
width:200px;
height:auto;
}
.tooltip {
position:relative;
}
.tooltip span {
display:none;
}
.tooltip:hover span {
display:block;
position:absolute;
}
.videohaut {
width:100%;
margin-top:-30%;
}
.lecteurvideohaut {
overflow:hidden;
    display:block;
	width:100%;
height:200px;
position:relative;

	}
	.messagevideo {
	color:white;
	position:absolute;
	font-size:300%;
	font-weight:bold;
	left:0;
	right:0;
	text-shadow: 2px 2px 2px black;
	text-align:center;
top:0px;
	line-height:200px;
	vertical-align:middle;
	}
.barrerecherche {
background-color:white;
border:solid 1px #494E6B;
width:270px;
height:50px;
line-height:50px;
float:right;
margin-bottom:15px;
}
.barrerecherche input {
border:0;
background-color:white;
}
.barrerecherchetext {
width:210px;
height:40px;
vertical-align:middle;
margin-left:10px;
font-size:100%;
}
.barrerechercheimage {
vertical-align:middle;
}
.blocgaucheficheevenement {
background-color:white;
}
.blocdroiteficheevenement {
background-color:white;
}
.blocgaucheficheevenementpadding {
padding:15px;
}
.blocdroiteficheevenementpadding {
padding:15px;
}
.petitinput {
width:30px;
}
.evenementfiche {
background-color:white;
margin:100px;
padding:20px;
}
.evenementfiche h2{
background-color:#E06336;
color:white;
padding:10px;
}
.blocstat {
background-color:white;
border-top:solid 5px #E9E9E9;
}
.blocstatpadding {
padding:15px;
}
.blocstattitre {
color:#CDCDCD;
font-size:110%;
padding:20px;
padding-top:0;
}
.contraticone {
vertical-align:center;
}
.lettrecontrat {
background-color:white;
margin:auto;
margin:5%;
padding:5%;

}
.verticalalign {
vertical-align:middle;
}
.blocgeneralequipe {
background-color:white;
width:95%;
margin:auto;
}
.blocgeneralequipemarge {
margin:15px;
}
.centrer {
text-align:center;
}
.lignehoraire {
width:100%;
}
.boutonabsence {
padding:8px;
}
.boutonabsence img {
vertical-align:middle;
}
.blocvalidation {
margin-top:20px;
padding-top:20px;
border-top:solid 10px #F4F4F4;
}
.alertehoraires {
margin-top:20px;
background-color:#FCEEEB;
border:solid 1px #E15739;
padding:10px;
border-radius:5px;
}
.listeingredients {
background-color:white;
border:solid 1px #2F363E;
border-radius:5px;
}
.padding20 {
padding:20px;
}
.ingredienttexte {
padding-top:15px;
padding-bottom:15px;
}
.ingredientchamps {
padding-top:15px;
padding-bottom:15px;
}
.ingredientchamps select {
padding:8px;
}
.ingredientchamps input {
padding:8px;
}
.ajoutingredients {
background-color:white;
}
.grammage {
width:60px;
}
.ingredientelement {
width:100%;
padding-top:10px;
padding-bottom:10px;
border-bottom:dashed  2px #D7D7D7;
}
.pleinelargeur {
width:100%;
}
.fondvertpositif {
background-color:#01962E;
color:white;
border-radius:3px;
padding:5px;
font-weight:bold;
}
.fondrougenegatif {
background-color:#970400;
color:white;
border-radius:3px;
padding:5px;
font-weight:bold;
}
.fondegalgris {
background-color:#4B4B4B;
color:white;
border-radius:3px;
padding:5px;
font-weight:bold;
}

.tooltip {
position:relative;
}
.tooltip span {
display:none;
}
.tooltip:hover span {
display:block;
position:absolute;
}
.spanlemoinscher {
background-color:white;
padding:10px;
width:200px;
z-index:5;
border:solid 1px #2F363E;
}
.fondrouge {
background-color:#FFE6E6;
}
.fondinputorange {
background-color:#FCEFEB;
}
.listefournisseurs {
width:80px;
height:80px;
border: solid 1px #494E6B;
text-align:center;
display:inline-block;
margin-right:5px;
line-height:80px;
vertical-align:middle;
background-color:white;
}
.listefournisseurs img{
vertical-align:middle;
}
.vignettefournisseur {
width:90px;
height:auto;
float:left;
padding:20px;
}
.listetaxe {
padding:4px;
border:solid 1px #CECECE;
background-color:#F4F4F4;
color:#494E6B;
margin:4px;
font-size:85%;
line-height:28px;
}
table {
  position: relative;
}
th {
padding:10px;
background-color:#494E6B;
color:white;
font-weight:bold;
  position: sticky;
  top: 0;
  z-index:10;
}
.cadrerouge {
border:1px solid red;
width:50px;
background-color:#FFF9F9;
}
.blocinfo {
background-color:#E2E3EB;
padding:8px;
border-radius:4px;
border:1px solid #494E6B;
margin-bottom:10px;
width:80%;
}
.cadrevertfond {
background-color:#EDF8E0;
}
.infobulle {
  position: relative; 
  cursor: help;
}

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label); 
  position: absolute;
  top: -2.4em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; 
  white-space: nowrap; 
   padding: 5px 14px;
  background: #413219;
  color: #fff;
  border-radius: 4px;
  font-size: 1.2rem;
}

[aria-label]:hover:before,
[aria-label]:focus:before {
  content: "▼";
  position: absolute;
  top: -1em;
	left: 50%;
	transform: translateX(-50%); /* on centre horizontalement  */
  font-size: 20px;
  color: #413219;
}