:root {
  --media-type: computer;
}

@media screen and (max-width: 500px) {
  :root {
    --media-type: phone;
  }
}

/* ----------------------------------------------------------
   Déclarations générales
   ---------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

* { padding:0; margin: 0; }
html, body {
    background-color:#FFF;
	font-family: Calibri;
}

/* @VERT = #135148 */
/* @ORANGE = #F38459 */

@font-face {  
    font-family: "quantify";  
    src: url(../../../../fonts/quantify_bold_v2.6-webfont.eot); /* IE */  
    src: local("realfontname"), url("../../../../fonts/quantify_bold_v2.6-webfont.ttf") format("truetype"); /*non-IE*/  
}

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

#menu_user
{
	color: #FFF;
	text-align:right;
	padding: 5px 5px 5px 5px;
	float: right;
	margin-right: 3px;
	margin-top: 3px;
	width:100px;
	font-weight: bold;
	font-size:12px;
	cursor:pointer;
}
div#connexion
{ 
	margin-top:19px; 
	width: 195px; height: 80px; 
	color:black; 
	border-bottom: 2px solid black; 
	background-color:#CFCFCF; 
	margin-left:727px;
	padding:5px 0 0 5px;
}

div#connexion a
{ 
	color:black; 
	margin-top: 5px;
}

.connect-button
{
	font-weight: bold; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	margin-top: 3px; 
	margin-left: 15px; 
	color:red; 
	cursor: pointer
}

button, label.custom-file-upload {
	background-color: #FFF;
	border: 0;
	color: #0D5047;
	text-transform: uppercase;
	font-family: Calibri, Roboto;
	font-size: 1rem;
	/*transition: all 0.7s;*/
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: 2px solid #0D5047;
	border-radius: 5px;
}

button:focus, label.custom-file-upload { outline:0; }

input[type="submit"],
.bizi-bouton,
.bizi-bouton-orange,
.bizi-bouton-vert,
.bizi-bouton-rouge,
.bizi-bouton-transparent {
	background-color: #135148;
	padding: 6px;
	cursor: pointer;
	text-align: center;
	color: white;
	font-size: 1.1rem;
	margin: 10px;
	text-decoration: none;
	min-width: 150px;
	transition: all 0.7s;
	border: 0;
	border-radius: 5px; 
	text-transform: uppercase;	
	width: auto;
	line-height: 1.2rem;
	font-family: Calibri;

	display: flex;
	justify-content: center;
}

input[type="submit"].orange {
	background-color: #F18557;
	color: #FFF;
}

.bizi-bouton-orange {
	background-color: #F18557;
}

.bizi-bouton-rouge {
	background-color: #FF4040;
}

.bizi-bouton-transparent {
	background-color: transparent;
	color: #555;
}

.bizi-bouton a,
.bizi-bouton-orange a,
.bizi-bouton-vert  a {
	color: #FFF;
	font-size: 14px;
}

button:hover,
.bizi-bouton:hover,
.bizi-bouton-orange:hover,
.bizi-bouton-vert:hover,
.bizi-bouton-rouge:hover,
label.custom-file-upload:hover,
input[type="submit"]:hover {
	background-color: #000;
	color: #FFF;
}

input[type="submit"]:disabled,
.bizi-bouton.disable,
.bizi-bouton.disabled,
.bizi-bouton-orange.disabled { background-color: #CCC; cursor: initial; }
.bizi-bouton.disable:hover,
.bizi-bouton.disabled:hover { background-color: #CCC; cursor: initial; }

.centrage { 	
	flex-direction: column; 
	display: flex;	
	justify-content: center; 
	align-content: center;	
}


.col-vert { color: #155149; }
.bck-vert { background-color: #155149; }
.bck-orange { background-color: #E98450 }
.bck-dark-grey { background-color: #555 }
.bck-vert-clair { background: #D5E1DC; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right {text-align: right !important; }

.normal { font-weight: normal !important; font-style:normal; }
.ital { font-style: italic !important; }
.bold { font-weight: bold !important; }

.clear { clear: both; font-size: 0; }

.interline { margin-top: 20px; }
.interline-2x { margin-top: 40px; }

.intercol { margin-left: 20px; }
.intercol-2x { margin-left: 40px; }
.intercol-4x { margin-left: 80px; }