@font-face{font-family:'AlegreyaSansBold';src:url('../site/assets/fonts/AlegreyaSansBold.eot');src:url('../site/assets/fonts/AlegreyaSansBold.eot?#iefix') format('embedded-opentype'),

url('../site/assets/fonts/AlegreyaSansBold.woff') format('woff'),
url('../site/assets/fonts/AlegreyaSansBold.ttf') format('truetype'),
url('../site/assets/fonts/AlegreyaSansBold.svg#AlegreyaSansBold') format('svg');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;}
@font-face{font-family:'AlegreyaSans-Medium';src:url('../site/assets/fonts/AlegreyaSans-Medium.eot');src:url('../site/assets/fonts/AlegreyaSans-Medium.eot?#iefix') format('embedded-opentype'),
url('../site/assets/fonts/AlegreyaSans-Medium.woff') format('woff'),
url('../site/assets/fonts/AlegreyaSans-Medium.ttf') format('truetype'),
url('../site/assets/fonts/AlegreyaSans-Medium.svg#AlegreyaSans-Medium') format('svg');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;}
@font-face{font-family:'OpenSansRegular';src:url('../site/assets/fonts/OpenSansRegular.eot');src:url('../site/assets/fonts/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
url('../site/assets/fonts/OpenSansRegular.woff') format('woff'),
url('../site/assets/fonts/OpenSansRegular.ttf') format('truetype'),
url('../site/assets/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;}
@font-face{font-family:'OpenSans-Bold';src:url('../site/assets/fonts/OpenSans-Bold.eot');src:url('../site/assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('../site/assets/fonts/OpenSans-Bold.woff') format('woff'),
url('../site/assets/fonts/OpenSans-Bold.ttf') format('truetype'),
url('../site/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-style:normal;font-weight:normal;text-rendering:optimizeLegibility;}
*{outline:none;}
ul, p, h1,h2,h3,h4,h5{padding:0;margin:0;}
a, a:focus, a:visited, a:link,button{color:inherit;text-decoration:none;outline:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease-out;transition:all .5s ease;}
img{border:none;}
ol, ul, li{list-style-type:none;}
body{font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;line-height:25px;font-size:14px;background-color:#fff}

#wrapper{width:100%;background:#eae5df;}
#page-wrapper{padding:0 20px;background:#fff}
#page-inner{width:100%;margin:0 20px 10px 0px;background-color:#fff !important;padding:30px 10px 30px 10px;min-height:800px}
.page-head-line{color:#000;font-family:'OpenSans-Bold', Arial, Helvetica, sans-serif;font-size:18px;line-height:24px;margin-bottom:20px;border:0 none;}
.btn{border-radius:0px !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important}
strong{font-family:'OpenSans-Bold', Arial, Helvetica, sans-serif;}
.page-reseaux #wrapper{background:#fff;overflow:hidden;margin-bottom:30px;}
header{margin:15px 0 35px 0}
header p{text-align:center;font-family:'OpenSans-Bold', Arial, Helvetica, sans-serif;color:#333;font-size:24px;margin-top:15px;padding:0 15px;line-height:28px;}
#ct-wrapper-reseaux .gradient{background:url("../site/assets/img/bg-reseaux.png") repeat-x left bottom;}
#back-top{bottom:10px;overflow:hidden;position:fixed;right:10px;z-index:99;height:42px;width:42px;display:none}
#back-top a{height:42px;opacity:1;width:42px;}
#back-top a{background:url("../site/assets/img/totop.png") no-repeat;display:block;height:42px;text-indent:-9999px;transition:all 200ms ease 0s;width:42px;}
#back-top a:hover{background:url("../site/assets/img/totop.png") no-repeat scroll 0 -42px;}




figure img{}
figure{cursor:pointer;display:block;margin:30px 0;overflow:hidden;padding:0;position:relative;text-align:center;height:300px;}
.caption{position:absolute;color:#fff;z-index:100;left:0;top:0;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out;transition:all 500ms ease-out;background:rgba(249,249,249,0.8);background:-moz-linear-gradient(top, rgba(249,249,249,0.8) 0%, rgba(0,0,0,0.8) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,249,249,0.8)), color-stop(100%, rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top, rgba(249,249,249,0.8) 0%, rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(top, rgba(249,249,249,0.8) 0%, rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(top, rgba(249,249,249,0.8) 0%, rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom, rgba(249,249,249,0.8) 0%, rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#000000', GradientType=0);}
.fade-caption{opacity:0;height:100%;margin:0 6%;width:88%;}
figure:hover .fade-caption{opacity:1;}
figcaption h3{font-family:'OpenSans-Bold', Arial, Helvetica, sans-serif;color:#fff;font-size:25px;margin:0;padding:10px 20px;position:relative;right:100%;top:30%}
figcaption p{font-family:"OpenSansRegular",Arial,Helvetica,sans-serif;color:#fff;font-size:14px;left:100%;margin-bottom:0;margin-top:0;padding:10px 20px;position:relative;font-style:italic;top:24%;line-height:18px;}
figure:hover h3,figure:hover p{left:0;}
footer{background:#cccccc;padding:5px 0;color:#333;font-size:12px;color:#333;text-align:center;bottom:0;position:fixed;width:100%;z-index:50;}
footer a{color:#333;font-size:12px;font-family:'AlegreyaSansBold', Arial, Helvetica, sans-serif;}
footer a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);}
/* modal */
.modal-dialog{margin:10% 10% 0;width:auto}
#myModal .modal-content{border:0 none;border-radius:0;box-shadow:0 3px 10px rgba(0, 0, 0, 0.2);font-family:"OpenSansRegular", Arial, Helvetic, sans-serif;font-size:12px;color:#333333}
#myModal p{line-height:18px;padding:0 2%}
#myModal .modal-header{background:#e5e5e5 url("../site/assets/img/pop-up-head.png") repeat-x;display:table;min-height:76px;width:100%;padding:30px 15px 20px}
#myModal .modal-header h4{color:#000;display:table-cell;font-family:"OpenSans-Bold", Arial, Helvetica, sans-serif;font-size:22px;line-height:26px;padding:0 5%;text-align:center;vertical-align:middle}
.modal-content .modal-body{background:#fff;padding:25px 0;overflow:hidden}
#myModal .form-group .col-lg-8{margin-top:15px;overflow:hidden}
#myModal input{background:#fff;border:1px solid #d2d2d2;border-radius:0;color:#666;display:block;font-size:12px;height:25px;margin:0 auto;padding:0 5px;width:60%}
#myModal label{color:#666666;font-size:12px;font-weight:400;float:left;margin:0;width:30%}
#myModal .modal-header .close{background:url("../site/assets/img/pop-up_close.png") no-repeat;height:37px;margin:0;opacity:1;position:absolute;right:0;top:0;width:37px;line-height:50px}
.modal-content .modal-body .submit{background:url("../site/assets/img/pop-submit.gif") repeat-x;border:1px solid #e7e7e7;color:#000;display:block;font-family:"AlegreyaSansBold", Arial, Helvetica, sans-serif;font-size:20px;height:40px;line-height:30px;margin:35px auto 0;padding:1% 13%;text-align:center}
.modal-content .modal-body .submit:hover{text-decoration:none;opacity:0.8;filter : alpha(opacity=80);}
#back-top{bottom:10px;overflow:hidden;position:fixed;right:10px;z-index:99;height:42px;width:42px}
#back-top a{height:42px;opacity:1;width:42px}
#back-top a{background:url("../site/assets/img/totop.png") no-repeat;display:block;height:42px;text-indent:-9999px;transition:all 200ms ease 0s;width:42px}
#back-top a:hover{background:url("../site/assets/img/totop.png") no-repeat scroll 0 -42px}
@media (min-width: 0px) and (max-width: 600px) {
#myModal label, #myModal input {width: 100%;}
}

/*==============================================

    LOGIN    

 =============================================*/
.page-login .content-login {margin-top: 150px}
.page-login .ct-login {border:1px solid rgba(212, 213, 215, 1);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2)}
.page-login .panel-body {padding: 20px;}
.page-login .input-group {width: 100%;}
.page-login .panel-header {padding: 25px 0;background: url("../site/assets/img/bg-login.png") repeat-x;}
.page-login label {line-height: 30px;font-family:'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;font-size: 16px;width: 31% !important;text-align: left;float: left;font-weight: 400;margin: 0}
.page-login .form-group {overflow: hidden;}
.page-login input {-moz-box-shadow:    inset 0 0 10px #d2d2d2;-webkit-box-shadow: inset 0 0 10px #d2d2d2;box-shadow:         inset 0 0 10px #d2d2d2;font-family:'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;background: #fff;background-image: none;border: 1px solid #d2d2d2;border-radius: 0;color: #666666;display: block;font-size: 14px;height: auto;padding: 5px 8px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 69% !important;}
.page-login .mdp-lost {color: #666;font-size: 16px;text-decoration: underline;font-family:'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;margin-top: 5px}
.page-login .submit {background: #333333;border-bottom: 1px solid #a0a0a0;color: #fff;display: block;font-family: "AlegreyaSansBold",Arial,Helvetica,sans-serif;font-size: 20px;margin: 0 auto;padding: 3px 20px 0;text-align: center;text-transform: uppercase;}
.page-login .submit:hover,
.table-responsive table td a:hover,
.navbar-cls-top .navbar-brand:hover,
.ct-recherche .bt-search-new:hover{text-decoration:none;opacity:0.8;filter : alpha(opacity=80);}

#msg_error{font-family:'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;font-size: 16px;}
.mandatory{color:red;padding-top:4px;display:none}
.field-required, .field-email{border:1px solid red !important}
#msg{color:green;font-weight: bold;text-align:center;margin-top:15px;display:none}


/*==============================================

    MEDIA QUERIES     

  =============================================*/

@media (max-width : 1024px) {
.checklist {border-right: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;border-bottom: 0}
.checklist-selected {border-left: 1px solid #d2d2d2;border-top: 0}
.ct-checklist h4 {border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}

}

@media (max-width:775px) {
.page-login label, .page-login input {width: 100% !important}
.page-login .panel-header > img {width: auto;max-width: none;}
}

@media (max-width:480px) {
.page-login .panel-header > img {width: 80%;}
}

@media (min-width:0px) and (max-width:775px) {
.navbar-default {}
.panel-header img {height: auto;width: 100%;max-width: 100%}
.hide-mobile {display: none}
#page-wrapper, #page-inner {min-height: auto;}

}