/* CSS OOB V1.0 */

html { overflow-y:scroll; min-height:100%; }
body { margin:0; padding:0; font-family: 'Baloo Bhaina 2', cursive; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; font-size:14px; line-height:1.0; font-weight:400; color:#444; background-color:#fafafa; min-height:100%; }
h1, h2, h3 { text-align:left; font-weight:600; text-transform:none; font-family: 'Baloo Bhaina 2', cursive; margin:0; padding:0; margin-bottom:10px; margin-top:20px; border:0; }
h1 { margin-top:0; font-size:28px; margin-bottom:10px; }
h2 { font-size:20px; }
h3 { font-size:14px; }
p, ul { text-align:justify; line-height:1.5; margin:0; padding:0; margin-bottom:10px; }
a, a:hover, a:visited, a:active { text-decoration:none; cursor:pointer; }
a { color:#00a7ba; transition: all 0.5s ease; }
a:hover { color:#888; }
div, input, select, textarea, ul, p { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
input, select, textarea, .chosen-single { font-family: 'Baloo Bhaina 2', cursive; padding:5px 10px; font-size:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/*
Bleu = 00a7ba
Vert = bddb00
Orange = ff5900
*/

.oob_main { width:1100px; margin:0 auto; position:relative; }
.oob_clear { clear:both; }
.mobileonly { display:none !important; }

.bleu, a.bleu { color:#00a7ba; }
.vert, a.vert { color:#bddb00; }
.orange, a.orange { color:#ff5900; }

.bg_bleu { background-color:#00a7ba; }
.bg_vert { background-color:#bddb00; }
.bg_orange { background-color:#ff5900; }

header { background-color:#444; padding-bottom:50px; min-height:100px; background-size:cover; background-position:top; }
header .oob_main { position:relative; }

#oob_logo { padding:0px 0px; float:left; margin-bottom:20px; margin-top:50px; }
#oob_logo img { max-width:280px; }

header i.fa-close { display:none; }
header i.fa-bars { display:none; transition:all 0.5s ease; }
header i.fa-bars.animate { animation-name: menubars; animation-duration: 1s; }
@keyframes menubars {
  from { transform: rotate(0deg); }
  to { transform: rotate(180deg); }
}

#oob_menu { float:right; padding-top:50px; }
.oob_menu_item { display:inline-block; position:relative; padding:10px 0; margin:0 15px; text-transform:uppercase; color:#FFF; font-weight:bold; font-size:16px; text-shadow:1px 1px 5px #444; }
#oob_menu a:last-child .oob_menu_item { margin-right:0; }
.oob_menu_barre { position:absolute; bottom:0px; left:0; height:2px; background-color:#FFF; width:40%; transition:all 0.75s ease; }
.oob_menu_item:hover .oob_menu_barre { width:100%; }

#oob_intro { padding:30px 0; color:#FFF; }
#oob_intro h2 { margin-bottom:20px; font-size:24px; margin-top:0; }

#oob_ariane { padding:30px 0; margin-bottom:-30px; }
#oob_ariane  a { margin-right:10px; margin-left:10px; }
#oob_ariane  a:first-of-type { margin-left:0px; color:#888; }
#oob_ariane  a:first-of-type:hover { color:#00a7ba; }

content .oob_main { min-height:400px; padding:30px 0; }
#page-8 content > .oob_main:first-of-type { display:none; }

.oob_tiers { float:left; width:30%; margin-right:5%; }
.oob_deuxtiers { float:left; width:65%; margin-right:5%; }
.oob_demi { float:left; width:47.5%; margin-right:5%; }
.oob_quart { float:left; width:21.25%; margin-right:5%; text-align:center; }
.oob_tiers.last, .oob_deuxtiers.last, .oob_demi.last, .oob_quart.last { margin-right:0; }
.oob_quart img { max-width:100%; }
.oob_deuxtiers > h2:first-of-type, .oob_tiers > h2:first-of-type { margin-top:0; }
.oob_tiers img { max-width:100%; }

.oob_bouton { display:inline-block; color:#00a7ba; background:none; border:2px solid #00a7ba; padding:10px 25px; border-radius:3px; font-size:16px; margin-bottom:15px; transition:all 0.5s ease; }
.oob_bouton:hover { color:#00a7ba; border-color:#00a7ba; }
.oob_bouton.alt { border:0; padding:10px 0; font-size:16px; font-weight:bold; }
.oob_bouton.demi { float:left; display:block; width:48.5%; margin-right:3%; text-align:center; font-size:16px; }
.oob_bouton.demi i.fa { margin-right:5px; }
.oob_bouton.demi.last { margin-right:0; }
.oob_bouton.bleu { color:#00a7ba; border-color:#00a7ba; }
.oob_bouton.bleu:hover, .oob_bouton.bleu.actif { color:#FFF; background-color:#00a7ba; }
.oob_bouton.vert { color:#bddb00; border-color:#bddb00; }
.oob_bouton.vert:hover, .oob_bouton.vert.actif { color:#FFF; background-color:#bddb00; }

.oob_folders { background-color:#F2F2F2; padding:50px 30px; }
.oob_folder { float:left; position:relative; overflow:hidden; width:30%; margin-right:5%; margin-bottom:20px; height:200px; background-color:#ccedf1; /*#FFE9A2;*/ padding:30px 20px; padding-top:15px; border-top:15px solid #00a7ba; /*F8D775*/; color:#444; transition:all 0.5s ease; }
.oob_folder:hover { color:#00a7ba; }
.oob_folder:nth-child(3n) { margin-right:0; }
.oob_folders a:nth-child(3n) .oob_folder { margin-right:0; }
.oob_folder i.fa { font-size:50px; color:#00a7ba; /*F8D775;*/ }
.oob_folder img { position:absolute; top:-14px; right:0px; width:120px; transform:rotate(5deg); border:2px solid #ccedf1; /*FFE9A2;*/ }

.oob_modele { background-color:#ccedf1; padding:30px 30px; margin-bottom:30px; }
.oob_videos{ }
.oob_video_full { color:#444; margin-bottom:20px; }
.oob_video_full h2 { margin:0; margin-bottom:20px; }
.oob_video_full p { float:right; width:25%; }
.oob_video_full iframe { width:70% !important; height:400px !important; margin:0; }
.oob_video_full a { color:#00a7ba; }
.oob_modele .oob_video_full { margin-bottom:0; }
.oob_video_full.demi {width:47.5%; margin-right:5%; float:left; }
.oob_video_full.demi:nth-of-type(2n) { margin-right:0; }
.oob_video_full.demi:nth-of-type(2n+1) { clear:both; }
.oob_video_full.demi iframe { width:100% !important; height:300px !important; }
.oob_video_full.demi p { float:none; width:100%; }

.oob_download_link { float:right; position:relative; color:#00a7ba; padding-bottom:10px; }
.oob_download_links { display:none; position:absolute; margin-top:10px; background-color:#FFF; box-shadow:0 0 20px #AAA; padding:10px; }
.oob_download_link:hover .oob_download_links { display:block; }
.oob_download_links a { color:#444; display:block; padding:5px 0; }
.oob_download_links a:hover { color:#00a7ba; }

form { background-color:#F2F2F2; padding:50px 30px; }
form input { width:300px; clear:both; display:block; margin-bottom:20px; }
form p { font-size:16px; margin-bottom:0px; }
form .oob_bouton { padding:0; padding-top:5px; }

.oob_video { height:220px; background-color:#F2F2F2; margin-bottom:10px; background-size:cover; background-position:center; }
.oob_video iframe, .oob_video video { width:100% !important; height:220px !important; }

footer { padding:30px 0 20px 0; background-color:#FFF; color:#777674; text-align:center; border-top:1px solid #00a7ba; }
footer a { color:#777674; }
footer a:hover { color:#00a7ba; }

.oob_footer_menu { }
.oob_footer_menu_item { display:inline-block; }

nav.navigation.post-navigation { display:none !important; }