*{
    margin:0;
    padding:0;
}
body{
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
  	background-color: #f9f9f9;
}

@font-face {
 font-family: "Montserrat";
 src: url(/fonts/Montserrat.woff) format("woff"),
     url(/fonts/Montserrat.ttf) format("truetype");
}

.t_vio { color: #602482; }
.t_blu { color: #009EE3; }
.t_gre { color: #009AA3; }
.t_yel { color: #FDC600; }
.t_red { color: #E30513; }

.t_bol { font-weight: bold; }
.t_ita { font-style: italic; }
.t_bar { text-decoration:line-through; }
.t_und { text-decoration:underline; }

.t_cen { text-align:center; }
.t_right { text-align:right; }
.t_just { text-align:justify; }
.t_upp { text-transform: uppercase; }
.t_low { text-transform: lowercase; }
.ws_pw { white-space: pre-wrap; }


.f_left { float:left; }
.f_right { float:right; }

.w_20p {width:20%;}
.w_30p {width:30%;}
.w_40p {width:40%;}
.w_50p {width:50%;}
.w_60p {width:60%;}
.w_70p {width:70%;}
.w_80p {width:80%;}
.w_100p {width:100%;}
.mw_20p {min-width:20%;}
.mw_40p {min-width:40%;}
.mw_50p {min-width:50%;}
.mw_60p {min-width:60%;}
.mw_70p {min-width:70%;}
.mw_80p {min-width:80%;}

.pad_2 {	padding-left :2px; padding-right:2px;}
.pad_l_2 {	padding-left :2px;}
.pad_r_2 {	padding-right:2px;}
.pad_8 {	padding-left :8px; padding-right:8px;}
.pad_l_8 {	padding-left :8px;}
.pad_r_8 {	padding-right:8px;}
.pad_15 {	padding-left :15px; padding-right:15px;}
.pad_l_15{	padding-left :15px;}
.pad_r_15{	padding-right:15px;}

.en_sel { background-color: #28DF15 !important; }

.t_vertical {
	text-align:center;
	white-space:nowrap;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(-90deg);
	width:20px;
	background: #1575DF;
	height:20px;
	line-height:20px;
	/* font-weight: bold; */
	font-size: 12px;
	color: #FFF !important;
	
}
.t_vertica {
	writing-mode: vertical-rl;
	text-orientation: sideways;
	white-space:nowrap;
}
.t_vertical p {
    margin:0 -999px ;
    display:inline-block;
	background: #1575DF;
}

.t_vertical p:before{
    content:'';
    width:0;
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.table {
    text-align:center;
    table-layout : fixed;
    width:250px;
	border-collapse: collapse;
}


#main {
	margin-left: 0px;
	padding: 16px 16px 40px 16px;
	font-weight: normal;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

#container form .submit input {
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 3px 10px;
	border: none;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
    width: 150px;
}

#Contenant form p {
	margin-bottom: 0;
}

label {
	color: #777;
	font-size: 13px;
}

form .submit { float: right;
margin-bottom: 14px;
}

form p { margin-bottom: 24px; }

h1 a {
	background: url(../images/logo-login.png) no-repeat top center;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}
.head {
	background: url(../images/essc-bandeau_800.png) no-repeat top center;
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	max-width: 800px;
	max-width: 100%;
	background-size: 850px;
	height: auto;
	color: #6f6868;
	font-weight: bold;
	line-height: 80px;
	text-indent: 10px;
	overflow: hidden;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	letter-spacing: -1px;
	
}
.fiche {
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	text-transform: none;
	width: 400px;
	/* color: #6f6868; */
	letter-spacing: -1px;
	margin-left: auto;
    margin-right: auto;
	line-height: 20px;
	clear: both;
	position: relative;
}
.entete1 {
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	text-transform: none;
	/* color: #6f6868; 
	letter-spacing: -1px;*/
	margin-left: auto;
    margin-right: auto;
	line-height: 20px;
	padding:5px;
	clear: both;
	position: relative;
}
table {
	margin-left: auto;
    margin-right: auto;
}

.label{
	width: 100px;
}
#Contenant { width: 900px; margin: 2em auto; }


#main h1 {
    text-align: center;
}
.Evolut { 
	width: 836px;
	font-family: "Montserrat", "Trebuchet MS", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 3px 10px;
	border: 0.3px;
	font-size: 10px;
	border-width: 1px;
	border-style: inset;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #eee;
	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	/*text-shadow: rgba(0,0,0,0.3) 0 -1px 0; */
	margin: 1em auto; 
}
.error{
    color:#e80000;
	text-align: center;
	height: 20px;
    font-weight: bold;
	font-size: 14px;
    margin-bottom: 5px;
}

.clear {
	border:0;
	clear: both;
	height:0;
	line-height:0;
	visibility: hidden;
}

p.perdu{
    text-align:center;
}

a{
    color:#777;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

td a{
    color: #009AA3;
    text-decoration:none;
	display:block;
	font-weight: bold;
	height:100%;
}


/* ====================================== */
.custom-dropdown--large {
    font-size: 1.5em;
}

/* .custom-dropdown--small { */
    /* font-size: .7em; */
/* } */

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
	width: 300px;
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

	.custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0.5;
        border-radius: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

	.custom-dropdown::before,
	.custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

	.custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

	.custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

	.custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

	.custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
.custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

.custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
@-moz-document url-prefix() {
	.custom-dropdown__select              { padding-right: .9em }
	.custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
	.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}
/* ================================ */
.select-wrapper {
	display:block;
	overflow-x:hidden;
	border:1px solid #ccc;
	border-radius:3px;
	padding:5px;
	cursor:pointer;
}
.select-wrapper select {
	border:0;
	min-width:130%;
	cursor:pointer;
	color:#000;
	color:rgba(0,0,0,0);
	text-shadow:0 0 0 #000;
	-webkit-appearance:none;
	outline:none;
    white-space:nowrap;
}
/* Pour Opera noindex:-o-prefocus, .select-wrapper select {     color:#000;}
*/
.select-wrapper:after {    
	content:"\25BC";
	display:block;
	position:relative;
	float:right;
	top:-25px;
	right:-5px;
	background-color:#fff;
	width:32px;
	text-align:center;
	margin-bottom:-25px;
}