@charset "iso-8859-1";

@import url(bootstrap-reboot.css);
@import url(bootstrap-grid.css);
@import url(nav.css);
@import url(preformated.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.css);
@import url(gallery.css);
@import url(solid.css);
@import url(brands.css);

/* ----------------------------------------------------------------------------------------
BASES
-------------------------------------------------------------------------------------------*/
body{
    background: #FFFFFF;
    font-family:'Source Sans Pro',Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:1.6em;
    color:#818181;    
}
.row{
    justify-content:center;
}
.clear {
    border:0;
    clear: both;
    height:0;
    line-height:0;
    visibility: hidden;
}
img{
    max-width:100%;
    vertical-align:middle;
}


/*Titres*/
h1, h2, .h2, h3, .h3, h4, h5{
    line-height:1.1em;
}
h1, .h1{
    color:#FFF;
    font-size:34px;
    font-weight:bold;
    text-align:center;
    margin:0;
}
h2,
.h2{
    color:#565656;
    text-transform:uppercase;
    font-size:22px;
    font-weight:bold;
    margin:40px 0 30px;
    padding-bottom:25px;
    background:url(/images/ioc/pointilles-orange.png) no-repeat left bottom;
}
.h2{
    text-transform:none;
    font-size:30px;
}
h3,
.h3{
    color:#E94B08;
    font-size:20px;
    font-weight:bold;
    margin:40px 0 20px;
}
h4{
    font-size:1.3rem;
    font-weight:normal;
    margin:30px 0 20px;
}
h5{
    font-size:1.2rem;
    font-weight:500;
    margin:20px 0;
}
/*Textes, alignements, , elements communs, positionnements dans un article*/
.article ul li{
    padding:3px 0 3px 20px;
    position:relative;
}
.article ul li::before{
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:15px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#565656;
}
p{
    margin:20px 0;
}
ul{
    list-style:none;
    margin:20px 0;
    padding:0;
}
nav ul{
    margin:0;
}

.intext_left{
    float: left !important;
    padding: 10px 20px 20px 0 !important;
}
.intext_right{
    float: right !important;
    padding: 10px 0 20px 20px !important;
}
.above_left{text-align: left;}
.above_right{text-align: right;}
.above_center{text-align: center;}
.below_center{text-align: center;}
.below_right{text-align: right;}
.below_left{text-align: left;}
.above_center img, 
.above_right img, 
.above_left img, 
.below_center img, 
.below_right img, 
.below_left img{height:auto !important;float: none !important;}
.center{text-align: center;width:100%;}
.left{text-align: left;width:100%;}
.right{text-align: right;width:100%;}

.medias{
    margin:20px 0;
}

strong,
.strong{
    font-weight:700;
}
.text strong{
    color:#565656;
}

.gallery a{
    display:inline-block;
    vertical-align:bottom;
    max-width:46%;
    margin:10px 3% 10px 0;
}

.intro{
    border-left:8px solid #E94B08;
    color:#E94B08;
    font-size:18px;
    padding:0 0 0 20px;
    margin-top:10px;
    margin-bottom:30px;  
}
.intro p{
    font-style:italic;
    margin:0;
    padding:5px 0;
}
.annuaireen .intro{
    border:none;
    color:inherit;
    font-size:inherit;
    padding:0;
    margin-top:0;
}
.annuaireen .intro p{
    font-style:normal;
}
span.intro{
    border:0 none;
    font-style:normal;
    display:block;
    padding:0;
}
.articleactions{
    background:#F2F2F2;
    margin:40px 0;
}
.share{
    padding:20px;
    font-size:18px;
    text-align:center;
}
.share p{
    padding:0 5px 0 0 ;
}
.share p,
.share ul,
.share ul li{
    display:inline-block;
    margin:0;
}
.share img{
    max-width:34px;
}
.article .share ul li,
.share ul li{
    padding:0 3px;
}
.article .share ul li:before{
    display:none;
}
.colsul li{
    text-align:center;
    font-size:18px;
}
.colsul li img{
    max-width:120px;
    margin:0 0 20px;
}
.article .colsul li{
    padding:0 0 40px;
}
.article .colsul li:before{
    display:none;
}
/*Tableaux------------------------------------------------------------------------*/
table{
    border-collapse:collapse;
    border-spacing:0;
    border:1px solid #ccc;
    margin:auto;
    width:100%;
    margin:20px 0;
}
th{
    color:#ffffff;
    border:1px solid #ccc;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    padding:5px;
}
td{
    border:1px solid #ccc;
    padding:10px;
}
table tbody tr:nth-child(odd){
    background:#EFEFEF;
}


/* ----------------------------------------------------------------------------------------
STRUCTURE
-------------------------------------------------------------------------------------------*/
.container768{
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px;  
}
#page{
    overflow-x:hidden;
}
header{
    position:relative;
}
#headerInner{
    padding:0;
}
#headasides{
    position:relative;
}

#head{
}
#logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    z-index:5;
    top:0;
    width:164px;
    transition:all ease-in-out 0.3s;
}
#logo a{
    display:block;
    transition:none;
}
#heading{
    position:absolute;
    width:100%;
    text-align:center;
    bottom:0;
    z-index:5;
}
.inheading{
    padding:25px 20px;
    background:rgba(233,75,8,0.8);  
}
#headpicture {
    background: #000000;
    min-height:560px;
}
.catalogProductDetail #headpicture,
.catalogProductsList #headpicture{
    overflow:hidden;
    height:460px;
}
.catalogProductDetail #headpicture img,
.catalogProductsList #headpicture img{
    min-width:100%;
    min-height:100%;
}
#headpicture img {
    max-width: inherit;
    position: relative;
    left: 50%;
    min-height:100%;
    min-width:100%;
    transform: translateX(-50%);
    opacity:1;
}

#wrapper{
    position:relative;
    padding:50px 0 0;
}
#container{
    padding-bottom:40px;
}
#rightbar{
}
#leftbar{
    display:none;
}
#footer{
    background:url(/images/ioc/bg-footer.jpg) no-repeat center bottom #E94B08;
    color:#FFFFFF;
    padding:30px 0;
}

/* ----------------------------------------------------------------------------------------
FORMULAIRES
-------------------------------------------------------------------------------------------*/
button,
button:hover,
button:active,
button:focus{
    outline:none;
}
.form_creator_header{
    margin:0 0 50px;
}
legend{
    margin:15px 0 25px;
    color:#E94B08;
}
.form_creator_header p{
    font-size:18px;
    line-height:1.5em;
}
.rowform{
    margin:0 0 20px;
    position:relative;
}
.rowform > label{
    padding:5px 10px 0 0;
    font-weight:bold;
}
.rowform > div > select,
.rowform > div > input[type=text],
.rowform > div > input[type=file],
.rowform > div > input[type=password],
.rowform > div > textarea{
    width:100%;
    color:#333333;
    font-weight:300;
}
input, select, textarea{
    border:1px solid #DEDEDE;
    padding:10px;
}
input, select{
    height:44px;
}
.group_multi_radio label,
.group_multi_checkbox label{
    padding:0 15px 0 5px;
}
.other li input{
    width:100%;
}
.rowform > div{
    position:relative;
}
.pictodate{
    position:absolute;
    right:15px;
    top:12px;
}
.rowform .aide p{
    font-style:italic;
    margin:5px 0 15px;
    font-size:0.8em;
}
.submit{
    text-align:center;
    margin-top:20px;
}
.submit input{
    border: 0 none;
    font-size:18px;
    background:#E94B08;
    color:#FFFFFF;
    padding:10px 25px;
    cursor:pointer;
    transition:all ease-in-out 0.2s;
} 
.submit input:hover{
    background:#565656;
    transform:scale(1.1);
}
#captcha{
    margin:0 0 15px;
}
::-webkit-input-placeholder {color:#333333;opacity:1;}
::-moz-placeholder          {color:#333333;opacity:1;} /* Firefox 19+ */
:-moz-placeholder           {color:#333333;opacity:1;} /* Firefox 18- */
:-ms-input-placeholder      {color:#333333;opacity:1;}
:focus::-webkit-input-placeholder {opacity:0.4;}
:focus::-moz-placeholder          {opacity:0.4;}
:focus:-moz-placeholder           {opacity:0.4;}
:focus:-ms-input-placeholder      {opacity:0.4;}

.errorForm{
    font-style:italic;
    color:red;
}
.strength_password,
.confirmpasswd{
    font-style:italic;
    padding:0 10px;
}

#overDiv{
    background:#ffffff;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    margin:0;
    width:300px;
    border-radius:4px;
}
#overDiv table{
    margin:0;
}
#overDiv caption{
    caption-side:inherit;
    color:#1C2737;
}
#overDiv p{
    margin:0;
}
#overDiv ul li{
    background:none;
    padding:0;
}
.overlibcaption{
    float:left;
    font-size:14px;
    font-weight:bold;
    padding:5px 0 0 5px;
    width:200px;
    display:none;
}
.overlibclose{
    padding:10px 10px 5px;
    text-align:right;
}
#overlibheader a{
    background:#231F20;
    width:30px;
    height:30px;
    line-height:25px;
    border-radius:50%;
    border:none;
    color:#FFF;
    text-decoration:none;
    display:inline-block;
    text-align:center;
}
#overlibcontent{
    clear:both;
    padding:0 15px;
}
#overlibfooter{
    display:none;
}
a.add2cartConfirmationBack{
    background:#D8B900;
    color:#FFF;
    display:inline-block;
    padding:5px 10px;
    margin-bottom:10px;
}
a.add2cartConfirmationCart{
    background:#231F20;
    color:#FFF;
    display:inline-block;
    padding:5px 10px;    
}
.calendar #overlibheader{
    position:relative;
}
.calendar .overlibclose{
    position:absolute;
    right:0;
    top:0;
}
.calendar #overlibheader a{
    display:block;
    width:40px;
    line-height:40px;
    text-align:center;
}
.calendar .overlibcaption{
    display:none;
}
.calendar caption{
    padding-top:0;
}
.calendar th.days{
    display:none;
}
.calendar tr.nav{
    background:#1C2737;
    color:#FFFFFF;
}
.calendar tr.nav a{
    color:#FFFFFF;
}
.calendar tbody td a{
    font-size:14px;
    color:#1C2737;
}
.calendar #overlibfooter{
    display:none;
}
.calendar{
    margin-bottom:0;
}  
/* ----------------------------------------------------------------------------------------
MAPS
-------------------------------------------------------------------------------------------*/
.map{
    margin:20px 0;
}
.map > div,
.map-responsive{
    position:relative;
    padding-bottom:75%;
    padding-top:30px;
    margin:0 auto !important;
    height:0 !important;
    overflow:hidden;
    width:100% !important;
}
.map iframe, .map-responsive iframe,
.map object, .map-responsive object,
.map embed, .map-responsive embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* ----------------------------------------------------------------------------------------
NEWSLETTER
-------------------------------------------------------------------------------------------*/
#newsletter{
    text-align:center;
}
.mailingSubscribe{
    text-align:center;
    padding:0 15px;
}
#newsletter legend{
    display:none;
}
#newsletter .inscription .formulaire{
    margin-top:20px;
}
#newsletter label{
    display:block;
    width:auto;
    margin-bottom:10px;
}
#newsletter .rowform > span{
    display:block;
    margin:0 0 20px;
}
#newsletter .rowform > span input{
    min-width:280px;
}
.newsletter #container p{
    text-align:center;
    padding:20px;
    max-width:1200px;
    margin:0 auto;
}
/* ----------------------------------------------------------------------------------------
WIDGETS
-------------------------------------------------------------------------------------------*/
/*Widgets header--------------------------------------------------------------*/ 
#headasides p{
    margin:0;
}
.bx-en{
    padding:12px 20px;
}
.bx-en p{
    margin:0;
}
.bx-tel{
    position:absolute;
    right:0;
    top:75px;
    z-index:15;
}

.telpc{
    display:none;
}

.bx-tel a,
.bx-contact a{
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    overflow:hidden;
    background:#EE733E;
} 
.bx-tel a:before,
.bx-contact a:before{
    display:inline-block;
    font-family: "Font Awesome 5 Free";
    width:34px;
    text-align:center;  
}
.bx-tel a:before{
    content:"\F879";
}
.bx-contact a:before{
    content:"\F0E0";
}
.bx-contact{
    position:absolute;
    right:0;
    top:115px;
    z-index:15;
}
.bx-telfb{
    line-height:34px;
    display:inline-block;
    vertical-align:middle;
}
.bx-telfb ul{
    margin:0;
}
.bx-telfb li{
    display:inline-block;
    color:#D8B900;
}
.bx-telfb li span{
    color:#FFF;
}
.bx-telfb li:first-child{
    margin-right:16px;
}
.bx-telfb li:first-child:before{
    font-family: "Font Awesome 5 Free";
    content:"\F879";
    display:inline-block;
    color:#FFF;
    font-size:14px;
    margin-right:5px;
}
.bx-telfb li:nth-child(2){
    position:relative;
}
.bx-telfb li:nth-child(2) a{
    text-indent:-999em;
    display:block;
    width:30px;
}
.bx-telfb li:nth-child(2) a:before{
    font-family: "Font Awesome 5 Free";
    content:"\F39E";
    display:inline-block;
    color:#FFF;
    font-size:18px;
    position:absolute;
    left:0;
    width:30px;
    text-indent:0;
    text-align:center;
}

/*Widgets container-------------------------------------------------------------*/
.bx-intro{
    margin-right:20px;
    margin-left:20px;
}
.bx-filtractus .h1-like{
    display:none;
}
.bx-filtractus{
    text-align:center;
    margin:0 0 70px;
}
.bx-filtractus .button{
    background:#ACACAC;
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    border:0 none;
    padding:5px 10px;
    border-radius:4px;
    margin:5px;
    transition:all ease-in-out 0.2s;
}
.bx-filtractus .button:hover,
.bx-filtractus .is-checked{
    background:#E94B08;
}

#containerboxes .bx-membres-search{
    padding:0 15px;
    max-width:100%;
}
#containerboxes .bx-membres-search .row{
    margin:0;
}
.bx-membres-search label{
    display:none;
}
.bx-membres-search .row{
    justify-content:flex-start;
    margin:15px 0 0;
}
.bx-membres-search select{
    max-width:100%;
}
.bx-membres-search .submit{
    margin:15px 0 0;
}

/*Widgets rightbar------------------------------------------------------------*/
#rightbar .widget{
    padding-left:20px;
    padding-right:20px;
}
#rightbar .h2{
    background-position:center bottom;
}
.bx-partenairesl1,
.bx-partenairesl2{
    text-align:center;
}
.bx-partenairesl1 ul li,
.bx-partenairesl2 ul li{
    display:inline-block;
    padding:10px 20px;
}
.bx-partenairesl1{
    background:#F6F6F6;
    padding-top:10px;
    padding-bottom:30px;
}
.bx-partenairesl1 .h2,
.bx-partenairesl2 .h2{
    background-image:url(/images/ioc/pointilles-gris.png);  
}
.bx-partenairesl2{
    padding-top:20px;
    padding-bottom:20px;
}
.bx-partenairesl2 .h3{
    color:#565656;
}
.bx-partenairesl2 img{
    /*filter:grayscale(1);*/
    opacity:0.7;
}
.bx-adhesion{
    font-size:24px;
    text-align:center;
    padding-top:80px;
    padding-bottom:90px;
    border-top:1px solid #E4E4E4;
    border-bottom:1px solid #E4E4E4;
    background:url(/images/ioc/bg-adhesion.jpg) no-repeat center center;
}
.bx-adhesion p strong{
    font-size:30px;
    color:#E94B08;
}
.bx-adhesion p em{
    color:#E94B08;
    font-style:normal;
}
.bx-adhesion .boutongris{
    margin-top:15px;
}
#rightbar .bx-temoignage{
    font-size:18px;
    text-align:center;
    padding-right:0;
    padding-left:0;
}
.bx-temoignage .h2{
    text-align:center;
    color:#E94B08;
}
.bx-temoignage .widgetContainer{
    border-top:3px solid #E94B08;
    border-bottom:3px solid #E94B08;
    padding:0 30px 70px;
    position:relative;
    max-width:540px;
    margin:0 auto;
    background:#FFF
}
.bx-temoignage p img{
    border-radius:50%;
}
.bx-temoignage .boutonorange{
    border-radius:6px 6px 0 0;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%); 
    width:250px;
}

/*Widgets footer--------------------------------------------------------------*/
#footer .widget a{
    color:#FFF;
}
.footcol1{
    font-size:18px;
    text-align:center;
}
.footcol1 p:first-child img{
    display:inline-block;
    padding-bottom:20px;
}
.footcol1 ul li{
    display:inline-block;
    padding:5px;
}
.footcol1 .pointsmall{
    background:url(/images/ioc/pointilles-blanc-small.png) no-repeat center bottom;
    padding-bottom:10px;
}
.footcol1 .upsize{
    font-size:1.2em;
}                                                       
.footcol2{
    text-align:center;
}
.footcol3{
    padding-top:30px;
    text-align:center;
}
.footcol3 p{
    margin:0;
}
.footcol3 ul{
    margin:0;
}
.footcol3 ul:first-child{
    font-weight:bold;
}
.bx-mentions{
    line-height:30px;
    text-align:center;
}
.bx-mentions a {
    color: #FFFFFF;
}
.bx-mentions a:hover {
    color: #000;
}
.widgetNewsletter{
    padding:20px 0 0;
}
.widgetNewsletter p{
    margin:20px 0 10px;
    font-weight:bold;
}
.widgetNewsletter form{
    max-width:240px;
    margin:10px auto 0;
}
.widgetNewsletter fieldset input{
    background:#FFF;
    border:0 none;
    float:left;
    width:77%;
    color:rgba(0,0,0,0.6);
    font-weight:300;
}
.widgetNewsletter fieldset .submit{
    background:#000;
    float:left;
    width:23%;
    margin:0;
}
.widgetNewsletter fieldset .submit input{
    background:#000;
    padding:10px 0; 
    font-size:15px;
    width:100%;
    display:block;
    color:#FFFFFF;
    font-weight:bold; 
}


/* ----------------------------------------------------------------------------------------
MULTI-ARTICLE
-------------------------------------------------------------------------------------------*/
.col-multiarticle{
    display:flex;
}
.col-multiarticle:nth-child(2) .inmultiarticle{

}
.inmultiarticle{
    padding:20px 20px 70px;
    margin:0 0 30px;
    position:relative;
    background:#F2F2F2;
}
.inmultiarticle .chapo{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}
.inmultiarticle .chapoPicture{
    width:30%;
    padding-right:20px;
}
.inmultiarticle h2{
    width:70%;
    margin:0;
}
.inmultiarticle .chapoPicture img{
    border-radius:50%;
}
.inmultiarticle .description{
    font-style:italic;
    font-size:18px;
}
.inmultiarticle .boutonorange{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    border-radius:6px 6px 0 0;
}
.multiArticlesDetail .chapoPicture{
    text-align:center;
}
/* ----------------------------------------------------------------------------------------
ACTUALITES
-------------------------------------------------------------------------------------------*/
/*Liste des actus------------------------------------------------------------------*/
#newsEventsList{
}
.newsContainer{
    margin-bottom:50px;
}
.newsContainer .tag,
.bx-actus .tag{
    padding:10px 110px 10px 0;  
}
#news .tagList,
.bx-actus .tagList{
    margin:0;
}
#news .tag li,
.bx-actus .tag li{
    display:inline-block;
    padding:0 5px;
    margin:5px 5px 5px 0;
    border:1px solid #E94B08;
    border-radius:4px;
    color:#E94B08;
    font-size:14px;
    text-transform:uppercase;   
}
#news .tag li:before,
.bx-actus .tag li:before{
    display:none;
}
.newsContainer .txt-container,
.bx-actus .toplastelt{
    position:relative;
}
.newsContainer .date{
    position:absolute;
    top:12px;
    right:0;
}
.bx-actus .date{
    position:absolute;
    bottom:18px;
    right:0;
}
.newsContainer h2,
.bx-actus h3{
    font-size:18px;
    padding-bottom:0;
    background:none;
    margin:10px 0 15px;
    text-transform:none;
}
.newsContainer h2 a,
.bx-actus h3 a{
    color:#565656;
    text-decoration:none;
}
.newsContainer p,
.bx-actus .description{
    margin:0 0 10px;
}
.newsContainer .more,
.bx-actus .linklastelt a{
    font-weight:bold;
    text-decoration:none;
}
.newsContainer .more:hover,
.bx-actus .linklastelt a:hover{
    text-decoration:underline;
}

/*Actu detaillee------------------------------------------------------------------*/
.newsDetail #headpicture > img{
    display:none;
}
.newsDetail #containerboxes{
    display:none;
}
#headpicture .chapoPicture{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:1920px;
}
.newsDetail #chapo{
    position:relative;
}
.newsDetail .intro .date{
    color:#565656;
    margin:5px 0 0;
} 

/* ----------------------------------------------------------------------------------------
AGENDA
-------------------------------------------------------------------------------------------*/
/*Liste des evenements------------------------------------------------------------------*/
#events_search legend{
    font-weight:bold;
    font-size:26px;
}
.rowevent{
    padding:0 0 15px;
}
.rowevent label{
    display:block;
    font-weight:bold;
    font-size:15px;
}
.rowevent select,
.rowevent input[type=text]{
    width:100%;
}
#event_list{
    background:#F2F2F2;
    margin:50px 0 -40px;
    padding:30px 0;
}
.event{
    margin-top:30px;
    margin-bottom:30px;
} 
.imgEvent{
    width:64px;
    height:64px;
    box-shadow:0 0 4px rgba(0,0,0,0.3);
}
.imgEvent.vi{
    background:url(/images/ioc/agenda-vi.jpg) no-repeat center center;
} 
.imgEvent.ioc{
    background:url(/images/ioc/agenda-ioc.jpg) no-repeat center center;
}  
.eventTop,
.bx-agenda .toplastelt{
    position:relative;
    padding-top:32px;
}
.eventTop .logoPicto,
.bx-agenda .toplastelt .logoPicto{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-32px;
    z-index:3;
}
.bx-agenda .toplastelt .tag{
    display:none;
}
.eventTop .date,
.bx-agenda .toplastelt .date{
    position:absolute;
    bottom:0;
    left:0;
    background:#E94B08;
    color:#FFF;
    padding:8px 15px;
    z-index:4;
    font-size:20px;
}
.eventImg,
.bx-agenda .imglastelt{
    position:relative;
    z-index:1;
}
.eventImg img,
.bx-agenda .imglastelt img{
    filter:grayscale(1);
}
.eventImg:before,
.bx-agenda .imglastelt:before{
    background:rgba(233,75,8,0.5);
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.eventTexte h2,
.bx-agenda h3{
    margin:15px 0;
    background:none;
    padding:0;
    text-transform:none;
    font-size:20px;
    font-weight:normal;
}
.bx-agenda h3 a{
    color:#565656;
    text-decoration:none;
}
.eventTexte p,
.bx-agenda .description{
    margin:0 0 10px;
    font-weight:300;
}
.eventTexte .linksmore a,
.bx-agenda .linklastelt a{
    font-weight:bold;
    color:#565656;
    text-decoration:none;
}
.eventTexte .linksmore a:hover,
.bx-agenda .linklastelt a:hover{
    color:#E94B08;
}

.roweventdate .roweventdatelabel{
    font-weight:bold;
    font-size:15px; 
}

.roweventdate .roweventdateinput div{
    display: inline-block;
    margin-right: 15px;
}
.roweventdate .roweventdateinput input{
    margin-right: 5px;
    height: auto;
}
.linkalleventc{
    position: relative;
}
.linkallevent{
    width: 250px;
    padding: 20px;
    background-color: #ffffff;
    position: absolute;
    top: 62px;
    left: -250px;
}
.linkallevent .picto{
    width: 70px;
    height: 70px;
    background: url(/images/ioc/picto-agenda.png) no-repeat center center;
    background-size: contain;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 15px;
}

@media only screen and (max-width:1599px){
    .linkallevent{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;

    }
    .linkallevent .picto{
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width:375px){
    .linkallevent{
        text-align: center;
    }
    .linkallevent .picto{
        display: none;
    }
}
/*Detail d'un evenements------------------------------------------------------------------*/
.eventDetail #headpicture > img{
    display:none;
}
.eventDetail #containerboxes{
    display:none;
}
.introevent{
    margin:20px 0 40px;
}
.logodateevent{
    background:#E94B08;
    color:#FFF;
    text-align:center;
    position:relative;
    padding-top:50px;
}
.logodateevent .logoPicto{
    position:absolute;
    top:-20px;
    left:50%;
    margin-left:-32px;
}
.logodateevent .date{
    font-size:20px;
    padding:20px 10px;
}
#event .chapo_description{
    color:#E94B08;
    font-style:italic;
    font-size:18px;
    text-align:center;
    padding:10px 0;
}

/* ----------------------------------------------------------------------------------------
ANNUAIRE DES MEMBRES
-------------------------------------------------------------------------------------------*/
.entries{
    margin-top:60px;
    justify-content:flex-start;
}
.entriesearch{
    margin-bottom:40px;
}
.fichemb{
    text-align:center;
}
.logomb{
    height:106px;
    line-height:106px;
    overflow:hidden;
}
.logomb img{
    max-height:100%;
}
.nommb{
    text-transform:uppercase;
    font-weight:bold;
    padding-top:44px;
    background-repeat:no-repeat;
    background-position:center 20px;
    font-size:19px;
}
.typemb{
    font-weight:bold;
    padding:5px 0;
}
.secteurmb{
    font-style:italic;
    line-height:130%;
}
.fichemb{
    padding:20px;
    position:relative;
}
.fichemb:nth-child(odd) .nommb{
    background-image:url(/images/ioc/pointilles-gris.png);
}
.fichemb:nth-child(even) .nommb{
    color:#E94B08;
    background-image:url(/images/ioc/pointilles-orange.png);
}
.fichemb:nth-child(1){background:#FBDBCE;}
.fichemb:nth-child(2){background:#FFFFFF;}
.fichemb:nth-child(3){background:#F6F6F6;}
.fichemb:nth-child(4){background:#FFFFFF;}
.fichemb:nth-child(5){background:#FBDBCE;}
.fichemb:nth-child(6){background:#FFFFFF;}
.fichemb:nth-child(7){background:#F6F6F6;}
.fichemb:nth-child(8){background:#FFFFFF;}
.fichemb:nth-child(9){background:#FBDBCE;}
.fichemb:nth-child(10){background:#FFFFFF;}
.fichemb:nth-child(11){background:#F6F6F6;}
.fichemb:nth-child(12){background:#FFFFFF;}
.fichemb:nth-child(13){background:#FBDBCE;}
.fichemb:nth-child(14){background:#FFFFFF;}
.fichemb:nth-child(15){background:#F6F6F6;}
.fichemb:nth-child(16){background:#FFFFFF;}

.sitemb{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;  
}
.sitemb a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:6;
    text-indent:-999em;
}
.sitemb:hover > div{
    opacity:1;
}
.sitemb > div{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(233,75,8,0.85);
    opacity:0;
    top:0;
    left:0;
    z-index:3;
    transition:all ease-in 0.3s;
}
.sitemb span{
    display:block;
    padding:40px 0 0;
    color:#FFF;
    text-transform:uppercase;
    background:url(/images/ioc/picto-voirsite.svg) no-repeat center top;
    position:absolute;
    left:50%;
    top:100%;
    transform:translateX(-50%);
    z-index:4;
    font-weight:bold;
    transition:all ease-in 0.3s;
}
.sitemb:hover span{
    top:40%;
    transform:tranlate(-50%,-50%);
}

/* ----------------------------------------------------------------------------------------
PAGE ADHESION TABLEAU
-------------------------------------------------------------------------------------------*/
#adhesiontable{
    border:0 none;
    display:inline-block;
    overflow:auto;
}
#adhesiontable tbody tr:nth-child(2n+1){
    background:inherit;
} 
#adhesiontable th{
    font-size:16px;
    border:5px solid #FFF;
    text-align:center;
    padding:10px;
}
#adhesiontable th p{
    margin:10px 0;
}
#adhesiontable thead tr:nth-child(1) th{
    vertical-align:bottom;
    font-weight:normal;
}
#adhesiontable thead tr:nth-child(1) p{
    font-size:20px;
}
#adhesiontable thead tr:nth-child(1) th:nth-child(2){
    //background:#FDEDE6;
    color:#E94B08;
}
#adhesiontable thead tr:nth-child(1) th:nth-child(3){
    //background:#EAEAEA;
}
#adhesiontable thead tr:nth-child(2) th p{
    font-size:20px;
}
#adhesiontable thead em{
    font-size:0.7em;
    line-height:100%;
}
#adhesiontable thead tr:nth-child(2) th{
    color:#FFF;
    vertical-align:top;
    font-weight:normal;
}
#adhesiontable thead tr:nth-child(2) th:nth-child(1){
    min-width:200px;
}
#adhesiontable thead tr:nth-child(2) th:nth-child(2){
    background:#E94B08;
    min-width:200px;
    //background:#FF9933;
}
#adhesiontable thead tr:nth-child(2) th:nth-child(3){
    background:#FF9933;
    min-width:200px;
    //background:#FFCC66;
}
#adhesiontable thead tr:nth-child(2) th:nth-child(4){
    background:#565656;
    min-width:200px;
    //background:#808080;
}
#adhesiontable thead tr:nth-child(2) th:nth-child(5){
    background:#808080;
    min-width:200px;
    //background:#BFBFBF;
}
#adhesiontable td{
    border-left:0 none;
    border-right:0 none;
    text-align:center;
    padding:5px;
}
#adhesiontable td:nth-child(1){
    text-align:right;
}
#adhesiontable td p{
    margin:0;
}

#adhesiontable tbody tr td:nth-child(1) strong{
    text-transform:uppercase;
}
#adhesiontable tbody tr td:nth-child(2){color:#E94B08;}
#adhesiontable tbody tr td:nth-child(3){color:#FF9933;}
#adhesiontable tbody tr td:nth-child(4){color:#565656;}
#adhesiontable tbody tr td:nth-child(5){color:#808080;}

#adhesiontable tbody tr:last-child td{
    border-bottom: 0 none;
    padding:20px 10px;
}
#adhesiontable tbody tr:last-child td a{
    display:inline-block;
    padding:10px 15px;
    color:#FFF;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
}
#adhesiontable tbody tr:last-child td a:hover{
    transform:scale(1.05);
}

#adhesiontable tbody tr:last-child td:nth-child(2) a{background:#E94B08;}
#adhesiontable tbody tr:last-child td:nth-child(3) a{background:#FF9933;}
#adhesiontable tbody tr:last-child td:nth-child(4) a{background:#565656;}
#adhesiontable tbody tr:last-child td:nth-child(5) a{background:#808080;}