@charset "UTF-8";
/* CSS Document */

/*BTN TOP*/
.ontop { background: rgba(0,0,0,0.3); -webkit-border-radius: 5px; border-radius: 5px; line-height: 25px; height: 30px; width: 30px; display: none; position: fixed; bottom: 20px; right: 20px; text-align: center; color: #FFF; }
.ontop i { font-size: 16px; }
.ontop:hover { color: #21cdec; background: rgba(0,0,0,0.6); }
.ontop_showed { display: block; }
/* MOBILE */
main, footer, #homeSlider { left: 0; position: relative; }
#toggle { background: url("/images/block_nav.svg") no-repeat scroll center center / 65% #F6BD00; color: #fff; cursor: pointer; display: none; font-size: 3em; height: 50px; line-height: 50px; position: fixed; left: 0; text-align: center; top: 80px; width: 50px; z-index: 3000; }
.expand { opacity: 1; left: 250px !important; }
.rise { left: 0 !important; }
.expand #toggle { left: 250px !important; }
/* BREAD CRUMBS */
.breadcrumbs { color: #333; font-size: 11px; text-transform: lowercase; }
.breadcrumbs ul li { display: inline; }
.breadcrumbs ul li a { color: #333; margin: 0; }
.breadcrumbs ul li a:after { content: ">"; padding: 0 5px; }
.breadcrumbs ul li:last-child a:after { content: ""; }
.breadcrumbs ul li a:hover { color: #666; }
/* FORMULAIRE */
.rowElem { margin: 15px 0; position: relative; }
.rowElem:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
input, textarea, select { background: #FFFFFF; border: 2px solid #BDC3C7; color: #34495E; display: inline-block; height: 42px; outline: 0 none; font-size: 14px; vertical-align: top; width: 100%; padding: 0 0 0 36px; /*border-radius: 3px; -webkit-border-radius: 3px;*/ transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; box-sizing: border-box; }
input:focus, textarea:focus, select:focus { border-color: #1ABC9C; color: #999; }
input:hover, textarea:hover, select:hover, file:hover { border-color: #62D0BA; }
textarea { height: 96px; line-height: 19px; padding: 10px 10px 10px 36px; resize: none; }
textarea:focus { height: 120px; }
label i { color: inherit; font-size: 14px; pointer-events: none; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; position: absolute; top: 14px; left: 14px; z-index: 4; color: #BDC3C7; }
input[type="submit"] { background-color: #1ABC9C; border: none; color: #FFF; font-size: 14px; text-shadow: 0 1px rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px; transition: all 0.5s ease-in-out 0s; }
input[type="submit"]:hover { background-color: #555555; }
input[type="button"] { background-color: #1ABC9C; border: none; color: #FFF; font-size: 14px; text-shadow: 0 1px rgba(0, 0, 0, 0.08); -webkit-border-radius: 3px; transition: all 0.5s ease-in-out 0s; }
input[type="button"]:hover { background-color: #555555; }
.radioElem, .checkboxElem, .selectElem { position: relative; }
/* select */
select { display: block; margin: 0; outline: none; padding: 9px 10px; text-indent: 0.01px; text-overflow: ""; z-index: 10; position: relative; }
.selectElem i { right: 10px; top: 10px; left: auto; font-size: 22px; z-index: 12; }
.selectElem select:focus i { color: #1ABC9C; }
/* checkbox, radio */
input[type="radio"], input[type="checkbox"] { height: inherit; left: 0; opacity: 0; position: absolute; width: inherit; }
.radio, .checkbox { background: #FFFFFF; border: 3px solid #B5C1C7; display: inline-block; height: 15px; margin-right: 2px; position: relative; top: 5px; width: 15px; }
.checkbox:before, .radio:before { content: ""; display: none; }
input:checked + .checkbox:before, input:checked + .radio:before { display: block; }
.checkbox:before { border-color: #1ABC9C; border-image: none; border-style: solid; border-width: 0 0 3px 3px; height: 3px; left: 3px; position: absolute; top: 4px; transform: rotate(-45deg); width: 6px; }
input:checked + .checkbox, input:checked + .radio { border: 3px solid #1ABC9C; }
.radio { border-radius: 20px; }
.radio:before { background: #1ABC9C; border-radius: 10px; height: 7px; margin: 4px; width: 7px; }
input:hover + .checkbox, input:hover + .radio { border-color: #62D0BA; }
input:focus + .checkbox, input:focus + .radio { border-color: #1ABC9C; }
input:focus + .radio:before { background: none repeat scroll 0 0 #1ABC9C; }
input:focus + .checkbox:before { border-color: #1ABC9C; }
/* file */
.btnfile { height: 34px; line-height: 34px; padding: 0 16px; position: absolute; right: 4px; top: 4px; z-index: 10; background-color: #1ABC9C; color: #FFF; border-radius: 3px; }
input[type="file"] { bottom: 0; cursor: pointer; height: 100%; opacity: 0; padding: 8px 10px; position: absolute; right: 0; width: 100%; z-index: 11; }
.fileElem input[type="file"] + input[type="text"] { padding: 0 0 0 10px; }
.fileElem input[type="file"]:hover + input[type="text"] { border-color: #62D0BA; }
/* tooltip */
.tooltip { background: #34495E; color: #FFFFFF; font-size: 11px; font-weight: normal; left: -9999px; opacity: 0; position: absolute; top: auto; transition: margin 0.6s ease 0s, opacity 0.6s ease 0s; -webkit-transition: margin 0.6s ease 0s, opacity 0.6s ease 0s; width: 184px; z-index: -1; }
.tooltip > em { display: block; font-style: normal; padding: 12px; position: static; }
.tooltip:after { content: ""; position: absolute; }
input:focus + .tooltip, textarea:focus + .tooltip { opacity: 1; z-index: 999; }
.tip-left { margin-right: -20px; top: 1px; }
.tip-left:after { border-bottom: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid #34495E; border-top: 8px solid rgba(0, 0, 0, 0); left: 100%; top: 12px; }
input:focus + .tip-left, textarea:focus + .tip-left { left: auto; margin-right: 5px; right: 100%; }
.tip-right { margin-left: -20px; top: 1px; }
.tip-right:after { border-bottom: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid #34495E; border-top: 8px solid rgba(0, 0, 0, 0); right: 100%; top: 12px; }
input:focus + .tip-right, textarea:focus + .tip-right { left: 100%; margin-left: 5px; }
.tip-right-top { bottom: 100%; margin-bottom: -20px; }
.tip-right-top:after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #34495E; right: 12px; top: 100%; }
input:focus + .tip-right-top, textarea:focus + .tip-right-top { left: auto; margin-bottom: 10px; right: 0; }
.tip-left-top { bottom: 100%; margin-bottom: -20px; }
.tip-left-top:after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #34495E; left: 12px; top: 100%; }
input:focus + .tip-left-top, textarea:focus + .tip-left-top { left: 0; margin-bottom: 10px; right: auto; }
.tip-right-bottom { margin-top: -20px; top: 100%; }
.tip-right-bottom:after { border-bottom: 8px solid #34495E; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); bottom: 100%; right: 12px; }
input:focus + .tip-right-bottom, textarea:focus + .tip-right-bottom { left: auto; margin-top: 10px; right: 0; }
.tip-left-bottom { margin-top: -20px; top: 100%; }
.tip-left-bottom:after { border-bottom: 8px solid #34495E; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); bottom: 100%; left: 12px; }
input:focus + .tip-left-bottom, textarea:focus + .tip-left-bottom { left: 0; margin-top: 10px; right: auto; }