@charset "UTF-8";
@font-face
{ 
    font-family: "pictonic";
    src: url('../fonts/pictonic.eot');
    src: url('../fonts/pictonic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pictonic.ttf') format('truetype'), 
        url('../fonts/pictonic.woff') format('woff'),
        url('../fonts/pictonic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* CSS RESET ======================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* FIN CSS RESET =============================================================== */

body{
 font-size:0.625em;
 color:#2e2e2e;
 background:#fff;
 font-family: 'Open Sans', Arial, sans-serif; 
 overflow-x:hidden;
}
.item-193{vertical-align: middle!important;}
.item-193 img{width:18px; margin:-3px 5px 0 5px; position: relative; vertical-align: middle!important;}

#logo img{width: 150%}
#slideshow {position: relative;    max-width: 1200px; margin: 0 auto;}
#slideshow .random-image img{width: 100%;height:auto;}

.slogan{
  font-family: 'Shadows Into Light Two', cursive;
  color:#fff;
  text-shadow: 2px 2px #000;
  font-size: 5em; position: absolute;bottom:15%;
  display: block; text-align: center;
  width:100%;



}
#menu{padding:20px 0;}
header .navbar{min-height: 0px; margin:0px;}
header #mainmenu{margin-top:60px;text-align: center; padding:0px;}
header #mainmenu ul{float:none; text-align: right; margin:0;}
header #mainmenu a{margin:0px; font-size:1.4em; text-align:center; padding:5px 10px!important; cursor:pointer; display:block; color:#218ecb; text-transform: uppercase; font-weight: 600;}
header #mainmenu a:hover, header #mainmenu a:focus, header #mainmenu a:active, header #mainmenu li.current > a,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, ul.nav > li.active >a {padding:5px 8px!important;  color:#1076af; font-weight: bold; background:transparent;text-decoration: none;}
header #mainmenu ul.nav>li.parent {display: inline-block!important}
header #mainmenu li.parent li.current > a{padding:5px 19px!important;}
header #mainmenu li{display: inline-block; float: none}
header #mainmenu li li{display: block;}
header #mainmenu li li a{font-size:0.95em;text-align: left; display: block!important; padding:5px 20px!important; color:#2e2e2e; line-height: 150% }
header #mainmenu li li a:hover, header #mainmenu li li a:focus, header #mainmenu li li a:active,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{padding:5px 19px!important;  background:transparent;  text-decoration: none;}
header .dropdown-menu{padding:10px 0;z-index: 100000}
header .dropdown-menu .dropdown-menu{display: block;position: relative; box-shadow:none; font-size: 0.8em; background: #eee; border-radius: 0; border:none; line-height: 100%}
.item-169{font-weight: 700!important;}

#top{ height:auto; height:22px; display: block; width: 100%; z-index:151; text-align: right; padding:10px 0;}
#top li{float: right; font-size:1.4em;  text-transform: uppercase; padding:0 10px; font-weight: 400;}
#top a{color:#84b134; float: right; line-height:22px;}

header .banneritem { position:relative; width:100%;height: auto; display: block; overflow: hidden; }
header .banneritem img { position:relative; left:0; bottom:0; width:100%; }
header .banneritem img +img{position: absolute;}

.bloc .custom{height:275px; background-size: cover; position: relative;}
.bloc .custom a{display: block; position: absolute; top:0; left:0; width:100%; height:100%;}
.bloc .custom a strong{background:rgba(149,187,81,0.8); display: block; color:#fff; text-align: center; padding:15px; text-transform: uppercase; font-weight: 600; position: absolute; bottom: 0px; width:100%;}
.bloc + .bloc .custom a strong{background:rgba(27,125,72,0.8);}

.pub img{height:275px; cursor: pointer;}
.pub .banneritem {overflow: hidden;cursor: pointer;}
.pub .banneritem a{display: block}
/*.pub:after{content:"";display: block; width:50px; background:#eebf26; opacity: 0.6; position: absolute; height: 100%; display: block; right:15px; top:0;}
*/
.repertoire {position: relative; height:325px; }
.repertoire h3{font-family: 'roboto'; font-size: 4em; text-align: center; position: absolute; line-height: 100%; bottom:0%; text-transform: uppercase; width:100%;}
.repertoire h3 span{font-size: 0.65em; font-weight: 300; font-family: 'open sans'}
.repertoire img{width:100%;}

/*.calendar{background: #8eba3f; min-height:350px;}*/
.nouvelles {border:1px solid #eee;border-right: 4px;}
.nouvelles .row{padding-top:10px;padding-bottom: 10px;background:#fafafa;border: 1px solid #eee}
.nouvelles .row .col-sm-3{color:#aaa;font-size: 2em; font-weight: bold; }
.nouvelles .row .col-sm-3 span:nth-child(odd){line-height: 100%}
.nouvelles .row .col-sm-3 span:nth-child(even){font-size: 0.5em; line-height: 100%; font-weight: normal}
.nouvelles .row:nth-child(odd){border-left:4px solid #88bc44;}
.nouvelles .row:nth-child(even){border-left:4px solid #476125;}
.nouvelles h4 a{color:#418bcd;text-transform: uppercase; font-weight: 600}
/*
.nouvelles{overflow: hidden; position: relative; min-height:350px; margin-bottom: 30px}
.nouvelles img{position: absolute; z-index: 0;max-width:100%;min-height:100%;}
.nouvelles_content{ position: absolute; top:115px; z-index: 1;background:rgba(31,145,208,0.5); color: #fff; text-align: center; width: 100%; padding:20px;}
.nouvelles_content h2 a{color: #fff; text-transform: uppercase; display: block; font-weight: 600; font-size: 1.5em; margin-bottom: 10px}
.nouvelles_content h2 span{text-transform: uppercase; margin-bottom: 5px; display: block;}
.nouvelles_content  .readmore{background:#9dbf5f; text-transform: uppercase; display:block; max-width: 200px; border-radius: 5px; padding:5px 0; font-size: 0.75em; color:#fff; margin:20px auto 0 auto;}
.nouvelles_content a{color:#fff; text-decoration: underline; font-weight: bold}*/
.fc-calendar .fc-head{background: #485f20; color:#fff;}
.fc-calendar-container{padding:10px; height:300px; overflow: hidden;}
.custom-header,.fc-calendar-container,.custom-inner{border:none!important; box-shadow: none; overflow: hidden;}
.fc-calendar-container,.custom-inner,.fc-calendar .fc-row > div,.custom-header{background:transparent!important;}
.fc-calendar .fc-row > div > span.fc-date{color:#485f20;text-shadow:none; font-size: 1em!important}
.custom-header h3,.custom-header h2{
    color: #fff;
    font-weight: 300;
    font-size: 1.25em;
    margin-top: 10px;
    display: inline-block;
    text-align:center;
}
.custom-header{  text-align:center; height: 40px;}
.custom-header nav span:before{color:#485f20!important; text-align: left;}
.custom-header nav span{top:12px;}
.custom-calendar-wrap{margin:0px; min-height: 0px}
.fc-calendar .fc-row > div.fc-content:after{display: none}
.fc-calendar .fc-row > div.fc-content{background:#485f20!important;}
.fc-calendar .fc-row > div.fc-content:hover{background:#168FC9!important;}
.fc-calendar .fc-row > div.fc-content > span.fc-date{color: #fff!important}
.custom-content-reveal h4{border-color:#8EBA3F;}
.custom-content-reveal a{color:#168FC9;}

.blog-featured{padding-bottom: 50px}
.blog-featured + a.bouton{margin-bottom: 100px}
.blog-featured .items-row, .blog .items-row{ padding: 30px 0;}
.blog-featured .img-intro-left img{max-width: 100%}
.published{text-transform: uppercase; font-size: 1.2em; font-weight: 100; padding-bottom: 10px; display: block;}

/*6d8f30*/
#secteurs li{position: relative; width: 20%; display: block; float:left; }
#secteurs li h3{position: relative;  height:225px; margin:10px;overflow: hidden; }
#secteurs li h3 a span{position: absolute; min-height: 75px;  text-align: center; background:rgba(149,187,81,0.8); display: block; color:#fff; text-align: center; padding:15px; text-transform: uppercase; font-weight: 600; position: absolute; bottom: 0px; width:100%;}
#secteurs li img{position: absolute; top:0px left:0px; height:100%; z-index:0;}
#secteurs li:nth-child(4n+0) h3 a span{background:rgba(27,125,72,0.8);}
#secteurs li:nth-child(4n+1) h3 a span{background:rgba(31,145,208,0.8);}
#secteurs li:nth-child(4n+2) h3 a span{background:rgba(244,193,27,0.8);}
#secteurs li.membre a{margin:10px; height:225px; display: block; font-size:1.75em; line-height: 150%; padding-top: 70px; font-weight: 600; background:rgba(244,193,27,1); color:#fff; text-align: center; text-transform: uppercase; }


.readmore{display: block; text-align: right;font-weight: bold;}
.bouton{display: block; text-align: center;font-weight: bold;padding:10px; border:1px solid #ccc; margin:0 auto; width: 200px;}


#text, #secteurs {font-size:1.6em; line-height: 140%; padding:75px 0 50px 0px}
article h1, .blog>h1, .category-list h1, h1.actualites, .blog-featured h1, .calendar h3{position: absolute; font-size: 2em; color:#000; text-align: center; margin:-100px auto 200px auto; line-height: 125%; width:100%; text-transform: uppercase;}
article h1 span{ max-width:700px; display: inline-block; }
h1.actualites{text-align: left; color:#86bb54; font-weight: bold; position: relative;margin:0px; font-size: 2em}
.calendar h3{text-align: left; color:#86bb54; font-weight: bold; position: relative;margin:0px 0 10px 0;font-size: 1.5em}

article h2, .blog-featured h2{color:#157a43; text-transform: uppercase; font-size: 1.5em; font-weight: 600; line-height: 100%; margin-bottom: 30px }
.blog-featured h2{margin-bottom: 20px}
article h3, .items-more h3{color:#8DBB3E; font-weight: 600; font-size: 1.25em;margin:10px 0;}
table h3{color:#8DBB3E; font-weight: 600; font-size: 1em;margin:10px 0;}

article hr{border-color:#ddd;}
article p{margin:0 0 20px 0; line-height: 140%}
article table p{margin-bottom: 5px}
article ul, .activities, .items-more ol{list-style-type: disc; margin: 10px 0px 25px 35px;}
article ol{list-style-type: decimal; margin: 10px 0px 25px 35px;}
article em{font-style: italic;}
article li{padding: 3px 0; line-height: 140%}
article strong, .blog-featured strong{font-weight: bold; color:#2e2e2e;}
article img {max-width: 100%}
article table{width: 100%; border:1px solid #999; border-collapse: collapse; margin:20px 0;}
article td{border:1px solid #999; padding:5px;}
article th{background:#91BE43;color: #fff; padding:10px; text-align: center;}
article th a{color:#fff;}
article table .coordonnees{font-size: 0.9em}
article a{font-weight: 600; color:#3dadea; text-decoration: underline;}
article iframe{margin:20px auto; display: block;}
span.date{display: block; color:#000;font-size: 0.75em}
.table-hover > tbody > tr:hover {
  background-color: #ffeaa3;
}
.end{clear: both;}

.pub{height:275px;overflow:hidden;}

aside{}
.informations{background:#8eba3f; color:#fff; display: block; padding:30px; line-height: 160%; font-size: 1.5em}
.informations strong{font-weight: 600}
.informations a{text-decoration: underline; color:#fff;}
.logos {text-align: center; vertical-align: middle; max-width:1500px; margin:40px auto;}
.logos img{max-width:8.75%; margin:0 1%; max-height:90px;}
.logos h3{color:#333; font-weight: 600; font-size: 1.5em;margin:10px 0;display: block; }

footer{background:#5ea8d1; color:#fff; padding:20px 0; font-size: 1.5em; font-weight: 300}
footer a{color: #fff; text-decoration: underline;}
.content-links, .chrono_credits,.actions,.limit{display: none!important}

/*PAGINATION*/
div.pagination{margin:20px 0 0px 0; display: block; clear: both;  padding:20px 0 40px 0; text-align: center;}
.pagination li{display: inline-block;}
.pagination li span, .pagination li a{padding:5px 10px; margin:5px;}
.pagination li span{background:#FDC04B; border-radius: 50%}
.page-Prev, .page-Next{display: none!important;}
.pagination .counter{display: block; clear: both; height: 30px}

#chronoform-contact label{margin:10px 0 5px 0; font-weight: bold}
#chronoform-contact input[type=text]{width:250px; border:1px solid #666;}
#chronoform-contact textarea{width:300px; border:1px solid #666;}

#chronoform-contact #button5{padding:10px;background:#8DBB3E; margin:10px 0 10px 75px; border:none; color:#fff; font-weight:bold; display: block; width:100px; }

 
.pictonic
{
  font-family: "pictonic";
  font-weight: normal; font-style: normal;
  -webkit-font-smoothing:  antialiased !important;
  -moz-font-smoothing:  antialiased !important;
  font-smoothing:  antialiased !important;
  line-height:1em;
}
 
a.pictonic, span.pictonic, small.pictonic {
  display: -moz-inline-stack;
  display:inline-block;
  zoom: 1;
  *display: inline;
}
 
[class^="icon-"], [class*=" icon-"]
{
  font-family: "pictonic";
  font-weight: normal; font-style: normal;
  -webkit-font-smoothing:  antialiased !important;
  -moz-font-smoothing:  antialiased !important;
  font-smoothing:  antialiased !important;
  line-height:1em;
}
 
a[class^="icon-"], a[class*=" icon-"], span[class^="icon-"], span[class*=" icon-"], small[class^="icon-"], small[class*=" icon-"] {
  display: -moz-inline-stack;
  display:inline-block;
  zoom: 1;
  *display: inline;
}
  
.icon-vimeo:before { content:""; } 
.icon-typepad:before { content:""; } 
.icon-twitter-2:before { content:""; } 
.icon-twitter-3:before { content:""; } 
.icon-twitter-1:before { content:""; } 
.icon-pinterest:before { content:""; } 
.icon-paypal:before { content:""; } 
.icon-flickr:before { content:""; } 
.icon-facebook:before { content:""; } 
.icon-youtube:before { content:""; } 


.custom-calendar-wrap {
  width: 100%;
  height: 100%;
}


.w33{width:33%;}
.w40{width:40%;}
.w15{width:15%;}
.w45{width:45%;}
.w30{width:30%;}

/* EXTRA Small devices (tablets, 768px and up) */
@media (max-width: 767px){
.banneritem { height: auto; margin:20px 50px;}
.banneritem img{height:auto;width:100%;}
article h1{margin-top:0px; margin-bottom: 50px; line-height: 125%}
.logos img{max-width:20%; margin:0 2.5%; max-height:90px;}
footer p{text-align: center!important; display: block; float:none; width:100%; line-height: 125%}
#logo img{width: 100%}
header .navbar{z-index: 10000; position: relative;}
header .navbar-nav{margin:0px 0 20px 0!important; overflow: visible;}
header #mainmenu li{display: block; line-height: 40px; text-align: left!important;}
header #mainmenu li ul{background:#fff;}
header #mainmenu li a{text-align: left!important;}
header .navbar-toggle{display: block; text-align: center; box-shadow: none; background:#1f91d0;  color:#fff;margin:0; padding:0px; font-size: 1.7em; width:100%; line-height: 50px; text-transform: uppercase;}
header #mainmenu{margin-top:20px;text-align: center; padding:0px;}
header #logo{max-width:300px; margin:20px auto; display: block;}
header #top{float: none; text-align: center; display: block; width:270px; margin:0 auto 40px auto;}
#text .bloc{display: none}
article h1{position: relative; font-size: 2em; margin-bottom: 50px }
iframe{margin:20px 5%; width:90%;}
#text{margin:20px;}
}
@media (max-width: 480px){

#secteurs li{width: 50%;}
#secteurs li h3{ height:190px!important;}
#secteurs li.membre a{height:190px; padding-top: 60px }
#secteurs li img{min-width:100%; min-height: auto}
.repertoire h2{margin-top:70px;}
.repertoire {padding-bottom: 100px}
}


@media (min-width: 481px) and (max-width: 767px){

#secteurs li{width: 33%;}
#secteurs li h3{ height:180px!important;}
#secteurs li.membre a{height:180px; padding-top: 40px }
#secteurs li img{min-width:100%; min-height: auto}

.repertoire h2{font-size: 3em}
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px){
#logo img{width: 100%}
header #mainmenu{margin-top:20px;text-align: center; padding:0px;}
header #logo{max-width:300px; margin:20px auto; display: block;}
header #top{float: none; text-align: center; display: block; width:350px; margin:0 auto 40px auto;}
.logos img{max-width:15%; margin:0 1.5%; max-height:80px;}
header #mainmenu a{font-size:1.3em;padding: 5px 9px!important;}
#secteurs li{width: 25%;}
#secteurs li h3{ height:190px!important;}
#secteurs li.membre a{height:190px; padding-top: 60px }
.calendar{margin:20px 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px){
#secteurs li h3{ height:200px!important;}
#secteurs li.membre a{height:200px;padding-top: 60px  }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1399px){

}
#jachete table,#jachete table td {vertical-align:top!important;}

@media (max-width: 980px){
  #jachete table td:nth-child(1) img{float:left; max-width:200px; margin:20px}
  #jachete table td{display:block!important; width:100%;border:none; clear:both;}
  #jachete table thead{display:none}
  #jachete table td:nth-child(1):before{content:"ENTREPRISE";display:block; width:100%; font-weight:bold; margin:0px 0 10px 0; padding:10px;background:#D2EB76;}
  
  #jachete table td:nth-child(2):before{content:"COORDONNÉES";display:block; width:100%; font-weight:bold; margin:00px 0 10px 0; padding:10px;background:#BCE1D6;}
   #jachete table td:nth-child(3):before{content:"PRODUITS ET SERVICES";display:block; width:100%; font-weight:bold;margin:00px 0 10px 0; padding:10px;background:#FCD991;} 
   #jachete table td:nth-child(4):before{content:"À PROPOS";display:block; width:100%; font-weight:bold; margin:00px 0 10px 0; padding:10px;background:#FFC599;}
  #jachete table{border:none}
  #jachete table tr{display:block!important; width:100%; margin-bottom:40px; border:1px solid #000}


}


@media print{
  #slideshow, footer, nav, #top, .logos, .informations, a:after{display: none!important}
  #logo img{width:300px;}
  #text{padding:0px;}
}

.fries img{width:100px;}

.grille-carres-local h3{text-transform:uppercase; font-size:15px; margin-bottom:20px;}