/*!
Theme Name: CJSO
Author: Cournoyer
Author URI: http://www.cournoyer.cc/
Version: 1.2
*/html,body{background:url("img/back-global.jpg") center top no-repeat fixed}
img{max-width:100%;height:auto}
a{transition:all .3s ease-in-out}
a:hover{transition:all .3s ease-in-out}
.content{background:#FFF;padding-bottom:0px;padding-top: 14px;}
.padding-left-none{padding-left:0}
.padding-right-none{padding-right:0}
.bx-controls-direction a{opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}
.bx-wrapper:hover .bx-controls-direction a{opacity:1}
#breadcrumbs{padding-left:15px;text-transform:uppercase;font:400 11px "Raleway",sans-serif;color:#1c446e}
#breadcrumbs a{color:#1c446e;text-decoration:none}
#breadcrumbs a:hover{color:#d93806;text-decoration:none}
.tools{background:#f3f3f3;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;display:inline-block;margin-bottom:20px;width:100%}
.tools p{line-height:35px;margin:0}
.tools p.cat{text-transform:uppercase;color:#1e4a78;font:700 16px "Raleway",sans-serif;line-height:35px; width:max-content;}
.tools p.partagez{float:right;color:#b3bac5;text-transform:uppercase}
.retour{background:#2481e0;color:#FFF;font:16px "Raleway",sans-serif;padding:0 25px;line-height:35px;display:inline-block;margin-top:25px}
.retour:hover{text-decoration:none;background:#d93806;color:#FFF}
#ninja_forms_field_12{background:#2481e0;color:#FFF;font:16px "Raleway",sans-serif;padding:0 25px;line-height:35px;display:inline-block;border:0;transition:all .3s ease-in-out}
#ninja_forms_field_12:hover{text-decoration:none;background:#d93806;color:#FFF;transition:all .3s ease-in-out}
.img-entete{padding-top:15px;padding-bottom:15px}
.img-entete img{max-width:100%;height:auto}
.ninja-forms-required-items{text-align:right}
header{padding-top:10px}
header .joan-now-playing{font-size:0px;}
header .meteo{padding-top:17px;color:#FFF}
header .meteo span{font-size:35px}
header .show{background-position:right bottom;background-repeat:no-repeat;width:100%;padding-top:26px;min-height:280px;position:relative}
header .show .ecouter{position:absolute;right:50px;z-index:2;top:84px;width:222px;height:34px}
header .nav-sec{color:#FFF;text-transform:uppercase;margin:40px 0 0 0;padding:0}
header .nav-sec li{padding-right:5px;list-style-type:none;display:inline}
header .nav-sec li a{color:#FFF}
header .nav-sec li a.accueil{padding-right:10px;border-right:1px solid #FFF}
header .nav-princ{background:#FFF}
header .nav-princ ul{margin:0;padding:0}
header .nav-princ ul li+li::before{content:" | ";color:#000}
header .nav-princ ul li{list-style-type:none;display:inline;font-size:20px;padding:0 5px 10px 0;position:relative;line-height:60px;font-family:"Raleway",sans-serif}
header .nav-princ ul li.current-menu-item>a{color:#2481e0}
header .nav-princ ul li a{text-transform:uppercase;color:#000;text-decoration:none}
header .nav-princ ul li a:hover{color:#2481e0}
header .nav-princ ul ul{display:none;position:absolute;left:0;background:#f3f3f3;z-index:3;padding:15px;top:30px}
header .nav-princ ul ul li+li::before{content:""}
header .nav-princ ul ul li{float:none;display:block;line-height:25px;font-size:15px;width:200px;border-bottom:1px dotted #000;padding:8px 0}
header .nav-princ ul ul li:last-child{border-bottom:0}
header .nav-princ ul ul li a{font-size:15px;padding:5px 10px}
header .nav-princ ul li:hover>ul{display:block}

header .infolettre {border-radius: 15px 15px 0px 0px;text-align:left;background:#0f559c;padding-top:10px;padding-bottom:10px;margin-top:5px}
header .infolettre label{margin-bottom:0px;text-align:center;font:700 14px "Raleway",sans-serif;color:white;display:block;width:100%}
header .infolettre placeholder{text-transform:uppercase}
header .form-control {display:inline;width:auto}
header .info-head-button {display:inline;width:auto;margin:5px;}
	@media(max-width:1200px){
  		header .info-head-button{position:relative; top:5px}
	}

@media all and (max-width: 767px) {
  .nav-sec { display: none; }
}


.recherche form{margin-top:10px}
.recherche form .form-control{padding-left:35px;background:#fff url("img/back-search.jpg") 5px center no-repeat;width:100%;border-radius:0;border:0}

.live{padding:0 8px;line-height:34px;display:inline-block;margin-top:10px;background:#FFF}
.live .musique{color:#bbc3cd}
.live #enondesitem{display:inline;color:#1c446e}
.live #wintitle{display:inline;color:#1c446e;margin-top:-6px;padding-top:3px;}

.Follo{padding-left:35px;display:inline-block;}
.Follocell{background:#2481e0;display:inline-block;padding:10px; padding-bottom: 5px; padding-top: 7px; margin-top:10px;width:100%;}

footer{width:100%;background:url(img/back-footer.jpg) center top no-repeat;min-height:197px}
footer .infolettre{padding-top:25px;padding-bottom:0}
footer .infolettre label{font:700 14px "Raleway",sans-serif;color:#a7aeb9;display:block;width:100%}
footer .infolettre placeholder{text-transform:uppercase}
footer ul{margin:0;padding:0}
footer ul li+li::before{content:" | ";color:#d93806;font-weight:bold;padding:0 4px}
footer ul li{list-style-type:none;display:inline-block}
footer ul li a{color:#FFF;font:700 13px "Raleway",sans-serif}
footer ul li a:hover{color:#d93806;text-decoration:none}
footer .nav-foot{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #4e5c6a}
footer .copyright p{color:#FFF;font:12px "Raleway",sans-serif}
footer .copyright p a{color:#FFF}
footer .copyright p a:hover{color:#d93806;text-decoration:none}
.p-archive{font:700 18px "Raleway",sans-serif;color:#1e4a78;text-transform:uppercase;margin:20px 0;padding-bottom:15px;width:100%;border-bottom:1px solid #ccc}
.side-date{font:700 13px "Raleway",sans-serif;color:#c4c4c4;margin:10px 0 0 0}
.side-post-desc{width:100%;padding-bottom:10px;margin-top:5px;margin-bottom:15px;border-bottom:1px solid #ccc}
.side-post-desc a{font:400 18px "Raleway",sans-serif;color:#d93806}
.side-post-desc a:hover{text-decoration:none;color:#2481e0}
.slideshow{width:100%;height:300px}
.actualite-regionales{margin-top:15px}
.actualite-regionales .actu-regionales{text-transform:uppercase;color:#FFF;background:#2a67a6 url("img/back-actu-regionales.png") right top no-repeat;font:700 16px/43px "Raleway",sans-serif;padding:0 15px;margin:0}
.loop-actu{font:500 16px "Raleway",sans-serif !important}
.wrapper-actu-regional{width:100%;margin-top:15px;min-height:326px;position:relative}
.wrapper-actu-regional .box-actu{background:#d93806;position:absolute;left:0;top:0;padding:10px 15px;color:#FFF;text-transform:uppercase;font:700 16px "Raleway",sans-serif}
.wrapper-actu-regional a{font:26px "Raleway",sans-serif;position:absolute;left:15px;bottom:15px;color:#FFF;z-index:2}
.wrapper-actu-regional a:hover{text-decoration:none;font-size:28px}
.gradient{width:100%;height:100%;background:transparent;background:-webkit-gradient(left top,left bottom,color-stop(46%,transparent),color-stop(100%,#000));background:linear-gradient(to bottom,transparent 46%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);left:0;top:0;position:absolute;z-index:1}
.boite-actu{width:100%;padding:15px;margin-bottom:15px;margin-top:15px;position:relative;background:#000;min-height:317px}
.boite-actu .box-title{background:#23568a;position:absolute;left:0;top:0;padding:10px 15px;color:#FFF;text-transform:uppercase;font:700 16px "Raleway",sans-serif;z-index:2}
.boite-actu a{font:500 16px "Raleway",sans-serif;position:absolute;left:15px;right:15px;z-index:3;bottom:15px;color:#FFF}
.boite-actu a:hover{text-decoration:none;font-size:18px}
.boite-actu a span{padding-top:5px;display:block;font:600 12px "Raleway",sans-serif;color:#8d8d8d}
.side-home img{margin-top:15px}
.revu{width:100%;padding:10px 15px;text-transform:uppercase;font:700 15px "Raleway",sans-serif;color:#FFF;background:#333}
.revue-presse{padding-bottom:15px}
.cbcsrc_hr,.cbcsrc_footer{display:none}
iframe h1{color:red}
.carousel{padding:0;margin:0}
.carousel li{list-style-type:none}
.loop-actu span{padding-top:5px;display:block;font:600 12px "Raleway",sans-serif;color:#8d8d8d}
.actu-content{padding-top:25px;padding-bottom:25px}
.actu-content h2,.actu-content h3,.actu-content h4,.actu-content h5,.actu-content h6{font:700 18px "Raleway",sans-serif;color:#000}
.actu-content p{font:16px/24px "Raleway",sans-serif;color:#000;margin-bottom:25px;text-align:justify}
.actu-content .titre-actu{color:#d93806;font:26px/30px "Raleway",sans-serif;margin:0 0 10px 0}
.actu-content .date{font:13px "Raleway",sans-serif;color:#acacac;margin-bottom:20px}
.post-featured{margin-bottom:20px}
.at4-show{width:120px;float:right;margin-left:10px;margin-top:4px}
.addthis_sharing_toolbox{display:inline}
#atstbx{margin-top:5px;margin-left:5px}
.row-content h2,.row-content h3,.row-content h4,.row-content h5,.row-content h6{font:700 18px "Raleway",sans-serif;color:#000}
.row-content p{font:16px/24px "Raleway",sans-serif;color:#000;margin-bottom:25px;text-align:justify}
.equipe p{text-align:left;margin:0}
.equipe p.equipe-nom{font:700 14px "Raleway",sans-serif;margin-top:8px}
.equipe p.equipe-fonction{font:400 14px "Raleway",sans-serif;margin-top:5px}
.equipe p.equipe-infos{font:400 13px "Raleway",sans-serif;margin-top:5px;margin-bottom:15px}
.google-maps{position:relative;height:300px;overflow:hidden}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:300px !important}

@media(max-width:992px){
  header .show{
    background-size:60%;
    background-position:right bottom}
  header .show .ecouter{
    top:128px;right:49px}
  header .meteo{padding-top:0}
  header .meteo span{font-size:25px}
  .slideshow{height:auto}
  .slider{padding-top:15px}
  .live{width:100%}
  .padding-right-none{padding-right:15px}
  .padding-left-none{padding-left:15px}
  .side-home{text-align:center}
  .g{margin:0 auto !important}
  footer{min-height:auto;background-size:cover}
  footer .copyright{text-align:center}
  footer .text-right{text-align:center}
  footer .nav-foot{text-align:center;padding-top:18px}
  .live { display: inline-flex;overflow-y: hidden; height: 36px;margin-top: 22px; }
}

@media(max-width:767px){header{padding-bottom:0px;text-align:center}
header .nav-sec{padding:10px 0;background:#2481e0}
.slider{display:none}
.show{background:none !important}
.tools{text-align:center}
.tools .addthis_sharing_toolbox{display:inline-block}
.tools .partagez{display:none}
.tools .text-right{text-align:center}
.equipe{text-align:center}
.equipe p{text-align:center}
#breadcrumbs{padding-top:15px}
}

/*formulaire c'est ta fête V2*/
#ninja_forms_field_371_label {font-size:19px}
#ninja_forms_field_370_div_wrap p{font-size:19px;margin-bottom:5px}