@charset "utf-8";
html {font-family: 'nexa_lightregular';-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body{margin:0; padding:0;width:100%; height:100%;font-size:0.85em;color:#333;background-color:#e3e4e4;}
input[type="text"],select, input[type="button"],input[type="email"],textarea{padding:0; margin:0;border:none;font-size:0;}
img{padding:0; margin:0;border:none;}
.clear{clear:both; margin:0; padding:0; position:relative;display:block;}

.bandeau-logo{display:block; width:100%; position:relative;margin:0; padding:10px 0px; text-align:center;background-color:#fff;}
.connexion-accueil{display:block;width:485px;text-align:center; position:relative; margin:20px auto;color:#5D2482;font-size:18px;}
.connexion-accueil label{display:inline-block;position:relative;vertical-align:middle;width:35%; text-align:left;padding-left:2%;}
.connexion-accueil input[type="text"],.connexion-accueil input[type="password"]{display:inline-block;position:relative;vertical-align:middle;border:0; padding:8px;background-color:#fff;color:#333;font-family: 'nexa_lightregular';font-size:16px;width:55%;transition: all 1s;}
.connexion-accueil input[type="text"]:hover,.connexion-accueil input[type="password"]:hover{background-color:#fff;color:#5c2482;opacity:0.5;}
.connexion-accueil input[type="submit"]{background-color:#5c2482; color:#fff;text-transform:uppercase; font-size:14px;font-family: 'nexa_boldregular';padding:15px 30px; border:0;transition: all 1s;cursor:pointer;}
.connexion-accueil input[type="submit"]:hover{background-color:#000;color:#e3e4e4;}
.connexion-accueil a{color:#5d2482;font-size:12px;transition: all 2s;}
.connexion-accueil a:hover{text-decoration:none;color:#5c2482;}
.copyright-accueil{position:absolute; bottom:2px; left:5px;border:none;}
.copyright-pages{position:relative;margin:10px 0 0 5px;border:none;}

.bandeau-top{display:block;position:relative; height:30px;width:100%;color: #5c2482; font-weight: bold; z-index:4;}
.deconnexion-top{display:block; position:absolute; top:0; right:10px;font-size:16px; text-transform:uppercase;background-image:url(../img/picto-connexion.png); background-position:left center; background-repeat:no-repeat;padding-left:30px;margin:0;}
.deconnexion-top a{color:#fff;text-decoration:none;}
.deconnexion-top a:hover{color:#000;}
.deconnexion-top p{margin:0;color:#5c2482;}
.conteneur{display:block;width:100%;margin:0 auto;position:relative;padding:5px 0 20px;background-color:#fff;z-index:0;}
.contenus{text-align:left;line-height:18px;display:block; min-width:960px; max-width:1280px;position:relative; margin:0 auto;}
.contenus a{color:#5c2482;}
.contenus a:hover{color:#55babc;}
.contenus a:active{color: #000;}

ul.breadcrumbs{display:block; position:relative;font-size:18px;color:#55babc; text-transform:uppercase;margin: 20px auto 30px 0;padding: 0;}
ul.breadcrumbs li{display:inline-block; position:relative; list-style-type:none;margin-right:10px;}
ul.breadcrumbs li a{text-decoration:none;}

ul.menu{display:inline-block; width:22%;position:relative; vertical-align:top;margin:0 2% 0 0;padding:0;}
ul.menu li{color:#55babc; list-style-image:url(../img/puce-menu.png);font-size:14px;margin:2px 0 0 35px;}
ul.menu h3{background-color:#5c2482;color:#ffffff;font-family: 'nexa_boldregular';font-size:18px; text-transform:uppercase;padding:5px; background-image:none;text-align:left;}
ul.menu h3 .fa{margin-right:10px;font-size:26px;}
ul.menu li a{color:#333; text-decoration:none;}
ul.menu li a:hover{color:#5c2482; text-decoration:underline;}
 
h1{color:#000;font-family: 'nexa_lightregular';font-size:24px;}
h2{color:#5c2482; font-family: 'nexa_boldregular';background-image:url(../img/puces-h2.png);background-position:left center; background-repeat:no-repeat;padding-left:25px;font-size:18px}
h3{color:#000; font-weight:normal; text-align:center; font-size:18px;padding-bottom:25px; background-image:url(../img/barre-titres.png); background-position:bottom center; background-repeat:no-repeat;clear:both;margin-top:0.5em;margin-bottom:0.5em}
h4{color:#17969a; font-family: 'nexa_lightregular';font-size:15px;clear:both;margin-top:0.5em;margin-bottom:0.5em;text-decoration: underline;}
.col-right{display:inline-block; width:75%;position:relative; vertical-align:top;margin:0;padding:0;}

.valsum {color:red; font-weight:bold;padding:5px;margin-top:3px;margin-bottom:3px;border:solid 1px red;background-color: rgba(255, 0, 0, 0.2)} 
.formulaire p {margin-top: 0.2em;  margin-bottom: 0.2em;}
.formulaire p label{color:#5c2482;width:210px; display:inline-block; position:relative;vertical-align:top; font-size:13px;font-weight:bold;}
.formulaire input[type="text"],.formulaire input[type="password"],.formulaire textarea{display:inline-block;position:relative;vertical-align:middle;border:solid 1px #dddddd; padding:2px 4px;background-color:#fff;color:#333;font-family: 'nexa_boldregular';font-size:13px;width:77%;}
.formulaire select{display:inline-block;position:relative;vertical-align:middle;border:solid 1px #dddddd; padding-left:2px;background-color:#fff;color:#333;font-family: 'nexa_boldregular';font-size:13px;}
.formulaire input[type="text"]:hover,.formulaire input[type="password"]:hover,.formulaire textarea:hover,.formulaire select:hover {background-color:#fff;color:#5c2482;opacity:0.5;}
.donnees{font-family: 'nexa_boldregular';font-size:11px;}
.donnees th{background-color:#5c2482;padding: 4px 2px;color:#fff;border-right:solid 1px #ddd; text-align:center;}
.donnees th.active{background-color:#333;}
.donnees tr{transition: all 1s;}
.donnees tr:hover{background-color:#fff;}
.donnees td{padding:4px; border-right:solid 1px; color:#5c2482;}
.donnees td::last-child{border:none;}
.donnees tr.red-line{background-color:#f7b2ba;}
.donnees tr.grey-line{ background-color:#eeeeee; }
.donnees tr.green-line{ background-color:#aadcdd; }
.donnees input[type="submit"]{margin:20px 0;}

input[type="submit"]:hover, input[type="button"]:hover{background-color:#000;color:#e3e4e4;}
input[type="submit"], input[type="button"], button{background-color:#5c2482; color:#fff;text-transform:uppercase; font-size:14px;font-family: 'nexa_boldregular';padding:7px 30px; border:0;margin:20px 2px;transition: all 1s;cursor:pointer; position:relative;display:inline-block;}

.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {width: 400px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #fff;background: -moz-linear-gradient(#fff, #999);background: -webkit-linear-gradient(#fff, #999);background: -o-linear-gradient(#fff, #999);}
.modalDialog label{color:#17969a;display:inline-block; position:relative;vertical-align:top; font-size:13px;font-weight:bold;}
.close {background: #606061;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}
.close:hover { background: #00d9ff; }

.Label {color:#5c2482;font-size:13px;font-weight:bold;width:210px}