/* FONT */
@font-face{font-family:'Arnhem Blond Italic';src:url("../fonts/arnhem_blonditalic_ttf.ttf");src:url("../fonts/arnhem_blonditalic_woff.woff");font-weight:normal;font-style:normal}

/* GLOBAL */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%.background: #fff}
body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
body{font-family: 'Open Sans', sans-serif;font-size:15px;line-height:1.42857143;color:#2c3e50;background-color:#ffffff}
a{background-color:transparent}a:active,a:hover{outline:0}
a, a:hover, a:focus {color: #c9b258; text-decoration: none;}
a:focus {outline: none;}
ul {list-style-position: inside;}
h1{font-size:2em;margin:0.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}
pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}textarea{overflow:auto}
td,th{padding:0}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}
tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1;color:inherit}
h1,.h1,h2,.h2,h3,.h3{margin-top:21px;margin-bottom:10.5px}
h4,.h4,h5,.h5,h6,.h6{margin-top:10.5px;margin-bottom:10.5px}
h1,.h1{font-size:39px}h2,.h2{font-size:32px}h3,.h3{font-size:26px}
h4,.h4{font-size:19px}h5,.h5{font-size:15px}h6,.h6{font-size:13px}
p{margin:0 0 10.5px}
.img-responsive{max-width:100%;height:auto}

/* TYPO SPE */
h2 {padding:0;text-align:center;font-size:30px;color:#000;margin-bottom:0px;}
.entete {text-align:center;font-weight:normal;line-height:1.5;font-size:20px;margin-top:20px;margin-bottom:20px;color:#666666;}


/* COLONNE */
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.row{}
.row:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}
@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}
@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}

/* SECTION */
#header{border-bottom:1px solid #e8e8e8;margin-bottom:20px;};
.header__top{padding:16px;display:flex;align-items:flex-start;justify-content:space-between}
.header__logo{padding:14px 24px 5px 24px}
.header__logo a{display:block;width:260px;height:65px;background:url("../../img/logo_unec.png") no-repeat center center;background-size:contain;font-size:0}

.page-header {padding-bottom: 9px;}
.page-header {margin-top: 0;}
.page-header h1:before {margin-left:-100%;margin-right:3em}
.page-header h1:after {margin-right:-100%;margin-left:3em;}
.page-header h1 {padding:0;text-align:center;font-size:40px;color:#000;margin-bottom:15px;}

#footer{background-color:#f1f1f1;margin:0px;height:0px;}
#footer .menu-footer {text-align:center;}
#footer .menu-footer ul {padding-top:25px;}
#footer .menu-footer li {padding-right:30px;list-style:none;display:inline;}

.cadre{padding:15px;margin-top:30px;margin-bottom:20px;background-color:#ecf0f1;border:1px solid transparent;border-radius:8px;overflow:hidden}

/* FORMULAIRE */
.chapeau {margin-top:20px;padding:15px;border:1px solid #d39646;font-size:16px;text-align:center;border-radius:8px}
.trait {border-top:1px solid #cccccc;height:5px;margin-top:10px;margin-bottom:10px;}
.message-intro {border:1px solid #fff9e4;padding:15px;background-color:#fff9e4;}
.message-corps {border:1px solid #cccccc;padding:15px;}

.form-control{display:block;width:100%;font-size:15px;line-height:1.42857143;color:#2c3e50;background-color:none;background-image:none;border:none;position:relative}
.form-group{margin:15px;background-color:#fff;border-radius:5px;padding:20px;position:relative}
.form-control .titre{margin-bottom:10px;margin-top:5px;font-weight:bold}
.form-control .champ{margin-bottom:10px;padding:0px;}
.form-control label{display:inline-block;max-width:100%;margin-bottom:5px;font-size:11px;font-weight:bold;}
.form-control textarea{height:auto}
.form-control input,.form-control button,.form-control select,.form-control textarea{font-family:inherit;font-size:inherit;line-height:inherit}

.form-control input {padding:6px;border:1px solid #666666;outline: none;width:100%;box-sizing: border-box; }
.form-control .inputbox {padding-left:5px; padding-right:5px;}
.form-control input.court {padding:6px;border:1px solid #666666;width:200px;margin-left:15px;outline: none;}
.form-control input:hover, .form-control input:active{border:1px solid #fbaf42;box-shadow:none;outline: none;}

.form-control select {padding:6px;margin:0px;border:1px solid #666666;background-color: #FFF;}
.form-control select option:first-child{color:#7b7b7b;}
.form-control select:hover {border:1px solid #fbaf42;}
.form-control select option:hover {color: #c9b258; box-shadow: inset 20px 20px #00f;}

.form-control input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-border-radius: 4px;
height: 15px;width: 15px;background:#fff;border: 1px solid #666666;margin:0px; margin-right:15px;}
.form-control input[type="checkbox"]:checked {background:#fbaf42; position: relative;border: 1px solid #fbaf42;}

.form-control input[type="radio"]{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-border-radius:4px;
height:15px;width:15px;background:#fff;border: 1px solid #666666; margin:0px;margin-right:15px;}
.form-control input[type="radio"]:checked {background:#fbaf42; position: relative;border: 1px solid #fbaf42;}

.form-control ::placeholder {color:#7b7b7b;opacity: 1; transition: opacity .3s;}
.form-control :focus::placeholder { opacity: 0; } /* Modern Browsers */

.form-control input[type="submit"]{cursor:pointer;border:none;}
.form-control :focus::placeholder { opacity: 0; } /* Modern Browsers */

button {cursor: pointer;}
button{padding:15px;color:#ffffff;background-color:#fbaf42;border:none;font-size:1.5em;-webkit-transition:all ease .5s;transition:all ease .5s;border-radius: 5px;text-transform:uppercase;font-weight:bold;}
button:hover{color:#ffffff;background-color:#000;border:none;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}

button.modal {cursor: pointer;}
button.modal{padding:15px;color:#ffffff;background-color:#eeeeee;border:none;font-size:1.5em;-webkit-transition:all ease .5s;transition:all ease .5s;border-radius: 5px;text-transform:uppercase;font-weight:bold;}
button.modal:hover{color:#ffffff;background-color:#000;border:none;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}

a.bouton{padding:10px;color:#ffffff;background-color:#fbaf42;border:none;font-size:1em;-webkit-transition:all ease .5s;transition:all ease .5s;border-radius: 5px;text-transform:uppercase;font-weight:bold;}
a.bouton:hover{color:#ffffff;background-color:#000;border:none;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}



/* MODAL */
.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}
.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}
.close{float:right;font-size:22.5px;font-weight:bold;line-height:1;color:#000000;text-shadow:none;opacity:0.2;filter:alpha(opacity=20)}
.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:0.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}
.modal-footer{padding:20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:0.9;filter:alpha(opacity=90)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000}
.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000000}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000000}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000000}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.modal .close{color:#2c3e50}.popover{color:#2c3e50}



/* BAR DE PREGRESSION */
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-round,.w3-round-medium{border-radius:4px}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}