/**
 * MAIN CSS
 * - Font Face
 * - Yahoo Reset
 * - Yahoo Base
 * - Custom Base Inputs, Columns, Slick Slider, TinyMCE
 * - Theme Base
 * - Theme Styled
 * - Theme Commons
 * - Theme TinyMCE
 * - Responsive
**/
@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* RESET
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{font-size:100%}


/* BASE
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}body{margin:2em}address,article,aside,audio,blockquote,canvas,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,main,nav,noscript,ol,output,p,pre,section,select,td,textarea,th,ul,video{line-height:inherit}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}fieldset,h1,h2,h3,p,pre,table{margin:1em 0}caption,dt,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}optgroup{font-weight:400}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through;color:red}blockquote,dl,ol,ul{margin:1em}dl,ol,ul{margin-left:2em}ol li{list-style:decimal}ul li{list-style:disc}td,th{border:0;padding:0}th{text-align:center}caption{margin-bottom:.5em;text-align:left}sup{vertical-align:super}sub{vertical-align:sub}button,input[type=checkbox],input[type=radio],input[type=reset],input[type=submit]{padding:1px}table{border-collapse:collapse}.align-left,td[align=left],th[align=left]{text-align:left!important}.align-center,td[align=center],th[align=center]{text-align:center!important}.align-right,td[align=right],th[align=right]{text-align:right!important}.valign-top,td[valign=top],th[valign=top]{vertical-align:top!important}.valign-middle,td[valign=middle],th[valign=middle]{vertical-align:middle!important}.valign-bottom,td[valign=bottom],th[valign=bottom]{vertical-align:bottom!important}.clear,.clearfix{display:block;clear:both;visibility:hidden;line-height:0;height:0}span.u,sup,u{text-decoration:underline}ins{color:green}small{font-size:.8em}big{font-size:1.2em}sub,sup{font-size:.7em;line-height:1em}div>:first-child,td>:first-child,th>:first-child{margin-top:0}div>:last-child,td>:last-child,th>:last-child{margin-bottom:0}.clearbox:after{clear: both;content: '';display: block;height: 0;overflow: hidden;}.nowrap{white-space:nowrap;}

/* INPUTS */
input[type=checkbox],input[type=radio]{background:0 0;border:none;cursor:pointer;font-size:1em;height:auto;padding:0;position:relative;top:0}input[type=file]{line-height:normal}input[type=range]{background:0 0;border:none}.input-button,button,input[type=button],input[type=color],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

/* COLUMNS */
.columns, .cols{display:table;table-layout:fixed;width:100%}.columns-col, .col{display:table-cell;text-align:left;vertical-align:top}.cols12-12 .c0,.cols12-12 .c1{width:50%}.cols13-13-13 .c0,.cols13-13-13 .c1,.cols13-13-13 .c2,.cols13-23 .c0{width:33.3333333333333333%}.cols13-23 .c1,.cols23-13 .c0{width:66.6666666666666666%}.cols23-13 .c1{width:33.3333333333333333%}.cols14-14-14-14 .c0,.cols14-14-14-14 .c1,.cols14-14-14-14 .c2,.cols14-14-14-14 .c3,.cols14-14-24 .c0,.cols14-14-24 .c1{width:25%}.cols14-14-24 .c2{width:50%}.cols14-24-14 .c0{width:25%}.cols14-24-14 .c1{width:50%}.cols14-24-14 .c2,.cols14-34 .c0{width:25%}.cols14-34 .c1{width:75%}.cols24-14-14 .c0{width:50%}.cols24-14-14 .c1,.cols24-14-14 .c2{width:25%}.cols34-14 .c0{width:75%}.cols34-14 .c1{width:25%}

/* SLICK SLIDER */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* TINYMCE */
.alignleft, img[align="left"]{ float: left; } img.alignleft, img[align="left"]{ margin: 0 1em 1em 0; } .alignright, img[align="right"]{ float: right; } img.alignright, img[align="right"]{ margin: 0 0 1em 1em; } #tinymce{ margin: 0 auto; padding: 1.538em !important; z-index: 333; } #tinymce div{ outline: 1px dashed #ccc; }

/**
 * BASE
**/
html{ background-color: #fff; color: #3c3d47; }
body{ font: 16px 'Roboto', sans-serif; line-height: 22px; padding: 20px; min-height: 400px; }
h1, .h1{ font-family: 'Kalam', cursive; font-size: 50px; font-weight: 400; line-height: 1; margin: 0 0 20px 0; }
h2{}
h3{}
	hr{ border-top: 1px dashed rgba(0,0,0,0.5); margin: 2em 0; height: 1px; overflow: hidden; }

a[href]{ color: #0192d3; }
a[href]:focus, a[href]:hover{ color: #8aca80; }
img{ height: auto; max-width: 100%; }
iframe{ border: 1px solid #fff; height: 365px; width: 650px; }

u, .u{ display: inline-block; position: relative; text-decoration: none; }
u:after, .u:after{ background: url(../images/stripes/white.png) no-repeat; background-size: 100% 100%;  bottom: -10px; content: ''; display: block; height: 15px; left: 0; position: absolute; width: 100%; }

dl{ margin-left: 0; }
label{ cursor: pointer; }
input, select, textarea{ background-color: #fff; border: 1px solid #ccc; border-radius: 0; box-sizing: border-box; width: 100%; }
input:focus, select:focus, textarea:focus,
input:hover, select:hover, textarea:hover{ border-color: #cacaca; }
input, select{ height: 37px; line-height: 37px; padding: 0 10px; }
select{ cursor: pointer; }
textarea{ padding: 15px 10px; }
::-webkit-input-placeholder { color: #c0c0c3; }
::-moz-placeholder { color: #c0c0c3; }
:-ms-input-placeholder { color: #c0c0c3; }
:-moz-placeholder{ color: #c0c0c3; }
select:invalid{ border-color: #c0c0c3; color: #c0c0c3; }
input:invalid, textarea:invalid{ border-color: #c0c0c3; }

input[type="radio"], input[type="checkbox"]{ border: 0; height: auto; padding: 0; width: auto; }
input[type="button"], input[type="reset"], input[type="submit"], button, .input-button, .input-button[href]{ background: #0192d3; border-color: #0192d3; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0, 0.5); color: #fff; font-size: 1em; cursor: pointer; display: inline-block; line-height: 1; height: auto; padding: 10px 20px; text-decoration: none; vertical-align: middle; width: auto; max-width: 320px; transform: scale(1); transition: transform 0.25s; }
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:focus, .input-button:focus, .input-button[href]:focus{ background-color: #8aca80; border-color: #8aca80; color: #fff; transform: scale(1.1); }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover, .input-button:hover, .input-button[href]:hover{ background-color: #8aca80; border-color: #8aca80; color: #fff; transform: scale(1.1); }
.input-button[href="#"]{ background-color: red; border-color: red; }
input[type="file"]{ line-height: 1; height: 0; padding-top: 20px; padding-bottom: 40px; }

input[aria-invalid], textarea[aria-invalid]{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; box-shadow: inset 1px 2px 2px #ffacac; }
select[aria-invalid]{ background-color: #ffe7e2; border-color: #EE0022; color: #EE0022; }

.label-file{ position: relative;}
.label-file input{ left: -999em; position: absolute; }
.label-file .label-text{ background: #0192d3; border-color: #0192d3; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0, 0.5); color: #fff; font-size: 1em; cursor: pointer; display: inline-block; line-height: 1; height: auto; padding: 10px 20px 10px 42px; text-decoration: none; vertical-align: middle; width: auto; }
.label-file .label-text:before{ content: '\f019'; display: block; font-family: 'FontAwesome'; height: 16px; left: 16px; position: absolute; text-align: center; top: 5px; width: 16px; }
.label-file .input-changed + .label-text{ background-color: #8aca80; }
.label-file .input-changed + .label-text:after{ content: '\f00c'; font-family: 'FontAwesome'; font-size: 1em; margin-left: 4px; line-height: 1; vertical-align: middle; }
.label-checkbox{ position: relative;}
.label-checkbox input{ left: -999em; position: absolute; }
.label-checkbox .label-text{ display: inline-block; padding-left: 24px; }
.label-checkbox .label-text:before{ content: '\f096'; display: block; font-family: 'FontAwesome'; height: 16px; left: 0; position: absolute; text-align: center; top: 0; width: 16px; }
.label-checkbox input:checked + .label-text:before{ content: '\f046'; }
.label-radio{ position: relative;}
.label-radio input{ left: -999em; position: absolute; }
.label-radio .label-text{ display: inline-block; padding-left: 24px; }
.label-radio .label-text:before{ content: '\f10c'; display: block; font-family: 'FontAwesome'; height: 16px; left: 0; position: absolute; top: 0; width: 16px; }
.label-radio input:checked + .label-text:before{ content: '\f192'; }
.label-select{ display: block; position: relative; }
.label-select select{}
.label-select select{ -webkit-appearance: none; appearance: none; }
.label-select:after{ background-color: #d9d9db; color: #fff; content: '\f0d7'; font-family: 'FontAwesome'; font-size: 12px; height: 24px; line-height: 24px; position: absolute; right: 7px; text-align: center; top: 7px; width: 24px; }
.label-select:focus:after,
.label-select:hover:after{ background-color: #333; }

.field, fieldset{ margin-bottom: 10px; }
.field .label{ font-weight: bold; }
.field .input{ margin-bottom: 5px; }
.field .label-text{ margin-left: 5px; }
.field .error{ color: #EE0022; }
.field .msg{ color: #EE0022; font-size: 0.9em; }
.form-list{}
.form-list legend{ margin-bottom: 0; }


/**
 * Styled
**/
.btn{ display: block; text-decoration: none; }
.btn[href]:focus,
.btn[href]:hover{ text-decoration: underline; }
.btn-blue[href]{ background-color: #0092d2; color: #fff !important; }
.btn-green[href]{ background-color: #7cb471; color: #fff !important; }
.btn-marine[href]{ background-color: #064a61; color: #fff !important; }
.btn-white[href]{ background-color: #fff; color: #000 !important; }

.btns{ display: table; margin: 0; padding: 0; }
.btns li{ display: table-cell; margin: 0; padding: 0 6px 0 0; }
.btns .btn{ line-height: 48px; text-align: center; width: 146px; }

.file-ext{ padding-left: 24px; position: relative; }
.file-ext:before{ content: '\f0c1'; display: block; font-family: 'FontAwesome'; height: 18px; left: 0; position: absolute; top: 0; width: 18px; }
.file-ext[href$=".pdf"]:before{ content: '\f0f6'; }
.file-ext[href="#"]:before{ content: '\f128'; }

.input-button.file-ext{ padding-left: 42px; }
.input-button.file-ext:before{ left: 16px; top: 9px; }

.spreadsheet{ border: 1px solid #0192d3; }
.spreadsheet th, .spreadsheet td{ font-size: 12px; line-height: 14px; padding: 8px; vertical-align: top; }
.spreadsheet thead{ background-color: #0192d3; color: #fff; text-transform: uppercase; }
.spreadsheet tbody tr:nth-child(odd) th, .spreadsheet tbody tr:nth-child(odd) td{ background-color: rgba(255,255,255,0.75); }
.spreadsheet tbody tr:nth-child(even) th, .spreadsheet tbody tr:nth-child(even) td{ background-color: rgba(255,255,255,0.25); }
.spreadsheet tbody tr:last-child th, .spreadsheet tbody  tr:last-child td{ border-bottom: 0; }



.table-programs{  border: 1px solid #000; border-collapse: collapse; width: 100%; }
.table-programs td,
.table-programs th{ background: #fff; border: 1px solid black; text-align: left; }
.table-programs th{ width: 160px; }
.table-programs a{ font-size: 0.875em; padding: 5px 8px; }

.table-workshops{  border: 1px solid #000; border-collapse: collapse; width: 100%; }
.table-workshops td,
.table-workshops th{ background: #fff; border: 1px solid black; text-align: left; padding: 8px 10px; }
.table-workshops th:nth-child(odd){ background-color: #0092d2; color: #fff; }
.table-workshops th:nth-child(even){ background-color: #7cb471; color: #fff; }

.table-workshops a{ font-size: 0.875em;  }



.modals{ display: none; }
.modal{ bottom: 0; right: 0; position: fixed; left: 0; top: 0; z-index: 9999;  }
.modal .modal-overlay{ position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);  }
.modal .modal-container{background-color:#fff;position:relative;padding:25px;outline:0;width:600px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.modal .modal-close{ box-shadow: none; position:absolute;right:15px;top:12px;border:none;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;font-size: 22px; font-weight: bold; }
.modal .modal-content h2{ text-align: center; font-size: 22px; font-weight: bold; }
.modal .modal-content p{ text-align: justify; }


.workshops{ display: table; border-spacing: 5px; table-layout: fixed; margin-left: -5px; margin-right: -5px; width: 100%; }
.workshops .workshop{ background-color: #fff; border: 1px solid #000; display: table-cell; vertical-align: top; }
.workshops .workshop-title{ margin: 0; padding: 8px 10px; }
.workshops .workshop-container{ padding: 8px 10px; }
.workshops .examples{}
.workshops .examples-title{ font-size: 1em; }
.workshops .examples-container{}

.workshops .workshop:nth-child(odd) .workshop-title{ background-color: #0092d2; color: #fff; }
.workshops .workshop:nth-child(even) .workshop-title{ background-color: #7cb471; color: #fff; }


@media screen and (max-width: 767px){
	.table-programs,
	.table-programs tbody,
	.table-programs tr,
	.table-programs th,
	.table-programs td{ display: block; width: auto; }
	.table-programs tr{ margin-bottom: 2em; }
	.table-programs,
	.table-programs th,
	.table-programs td{ border: 0; }
	.table-programs tr{ border: 1px solid #000; }
	.table-programs a{ font-size: 1em; padding: 8px 12px; }
	.workshops{ display: block; }
	.workshops .workshop{ display: block; margin-bottom: 5px; }
	.btns,
	.btns li{ display: block; margin-bottom: 1em; }
	.btns .btn{ width: auto; }
	.modal .modal-container{ width: 250px; }
}


/**
 * COMMONS
**/
#swiper{}
#swiper .swiper-container{ height: 440px; overflow: hidden; }
#swiper .swiper-slide{ background-repeat: no-repeat; background-position: center top; height: 440px; }
#swiper .swiper-outer{}
#swiper .swiper-inner{ background-repeat: no-repeat; background-position: left top; height: 440px; position: relative; }


/**
 * TINYMCE
**/


/**
 * RESPONSIVE
**/

/* LARGE */
@media only screen and (min-width: 1300px), only screen and (device-min-width: 1300px){

}

/* DESKTOP + LTIE8 */
@media only screen and (min-width: 990px) and (max-width: 1299px), only screen and (device-min-width: 990px) and (device-max-width: 1299px){

}

/* TABLET + MOBILE */
@media only screen and (max-width: 989px), only screen and (device-max-width: 989px){
	h1{ font-size: 36px; }
}

/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 989px), only screen and (device-min-width: 768px) and (device-max-width: 989px){

}

/* MOBILE */
@media only screen and (max-width: 767px), only screen and (device-max-width: 767px){
	.table-wrap{ overflow: scroll; overflow-y: hidden; }
	.table-wrap:before,
	.table-wrap:after{ background: #999; color: #fff; content: 'Défilement horizontal → → →'; display: block; margin: 10px 0; padding: 5px 10px; width: 620px; }
	.table-wrap table{ width: 640px; }
}
/**/