/* balises general */
html{background-color:#fff;}
body{background-color:transparent!important;}
h1{margin:0;}
h2,h3,h4,h5,h6 {}
ul, ol {text-align:left;padding-left:20px;}
ul{list-style-type:none;}
li {}
table {width:100%;border-collapse:collapse;}
th, td {vertical-align:middle;}
img{}
p{}

/* STRUCTURE BASE HEADER */
#header{}
#header-top{}
#header-top-left{padding:5px 0 5px 10px;}
#header-top-right{max-height:56px;overflow:visible;margin-top:2px;padding-right:10px;}
.title-site {background:url("/images/logo_legion.jpg") no-repeat 10px top;padding:10px 0 10px 80px;font-weight:bold;text-shadow: 2px 2px 2px #3D3D3D;color:#3D3D3D;}
.title-site>span{font-style:oblique;font-size:0.9em;}

/* Navigations */
.nav-container{ text-align:center;}
.f-nav{ z-index: 2; position: fixed; left: 0; top: 0; width: 100%;} /* fixe le menu a haut */
.navbar {border-radius: 0;border:0;}
.nav, .navbar-nav, .navbar, .navbar-inverse{margin-bottom:0}
.nav>.active{}
.navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color:#fff;background-color:#367F22;}
.navbar-inverse .navbar-text {color: #fff;display:none;}
.dropdown-menu-sub {margin:5px 10px;padding-top:5px;padding-bottom:5px;border-top:2px solid #ededed;font-size:0.9em;}
.dropdown-menu-sub li a {display:block;color:#888;}
.dropdown-menu-sub li a:hover {color:#888;}
.f-nav #nav-icon{margin: 6px 10px;}
#nav-icon{width:40px;height:35px;position:relative;margin:6px 6px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;border-color: #fff;}
.navbar-inverse .navbar-toggle.collapsed{background-color:transparent;}
.navbar-inverse .navbar-toggle.open{background-color:rgba(51, 51, 51, 0.46)}
#nav-icon span{display:block;position:absolute;height:2px;width:80%;background:white;border-radius:9px;opacity:1;left:4px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:8px}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:11px}
#nav-icon span:nth-child(4){top:19px}
#nav-icon.open span:nth-child(1){top:18px;width:0;left:50%}
#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}

/* Menu right*/
.menu-right{}
.menu-right-text{}
/* Menu bottom */
.menu-bottom{min-width:150px;display:inline-block;margin:auto;padding:5px 30px;vertical-align:top;color:white;}
.menu-bottom:first-child {border:none;}
.menu-bottom a{color:#ededed;}
.menu-bottom-title:before{content: '';
    width: 60%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: 34px;}
.menu-bottom-title{text-transform: uppercase;font-family: Lato, Arial, Helvetica, sans-serif;font-weight: 700;}
.menu-bottom-title:hover{text-decoration:none}
.menu-text-bottom{color: #fff;font-size: 0.9em;margin-bottom: 18px;margin-top: 5px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.menu-text-bottom a{color:#fff;}
.menu-text-bottom ul{display:inline-block;margin:auto;}

/* SubMenu horizontal */
.submenu-hor {text-align:center;background:#0090C5;padding:4px;border-radius:5px;margin:5px 10px;}
.submenu-hor ul {text-align:center;}
.submenu-hor li {display:inline;list-style-type:none;list-style-image:none;border-right: 2px solid #fff;padding-right:5px;}
.submenu-hor li:last-child{border-right:0;}
.submenu-hor a {color:white;}
.submenu-hor a:hover {color:#D0D6D8;}
.submenu-hor .message-erreur, .submenu-hor .message-erreur  a {color:black;}

/*  Affichage page par page  */
.affiche_page {text-align:center;}
.affiche_page a{padding:0px 4px;font-size:11px;color:#000;text-decoration:underline;}
.affiche_page a:hover{color:#000;text-decoration:none;}
.affiche_page span a {color:#888888;text-decoration:none;}
/* STRUCTURE BASE PAGE */
#content{padding:0 20px;min-height:800px;}
.page-contenu{margin-bottom: 20px;}
.page-contenu-right{padding: 0 20px;min-width:240px}

/* STRUCTURE BASE FOOTER */
#footer {width:100%;background-color: #336600;padding: 25px;margin-bottom: 0;color:#F6F6F6;}
/* MODULES PAGE ACCUEIL */
/*index_carousel*/
.carousel{height: 463px;;width:100%;overflow:hidden;background-color:#336600;border:2px solid #336600;}
.carousel-caption  a {color:#fff;}
.carousel-caption  a:hover {color:#F0E68C;text-decoration:none;}
.carousel-inner img {object-fit: cover;width: 100%!important;max-height:480px;}
.carousel-control{width:10%;}
.carousel-control>.glyphicon{color:#336600;}
/*box actualite*/
.box-actualite{padding:0;border-radius:5px;}
.box-actualite img{}
.box-actualite h2 {text-align:center;padding:0;margin-top:0;border-bottom:2px solid #360;border-radius:10px 10px 0 0;background-color:rgb(145,193,96);}
.box-actualite h2 a{padding:5px;display:block;width:100%;text-decoration:none;color:#fff;}
.box-actualite  h3{text-align:center;}
.box-actualite-item img{-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);}
.box-actualite-item :hover img{opacity:0.80;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);}
.box-actualite-item :hover i{transform: scale(1.2);}
.box-actualite-titre{transition: all 0.5s ease;background-color: rgba(211, 211, 211, 0.20);border-radius: 7px;text-shadow: 1px 1px 1px #000;min-height: 60px;width: 70%;position: absolute;top: 25%;left: 15%;display: block;color: #fff;text-decoration: none;padding: 10px;}
.box-actualite-titre:hover, .box-actualite .text-center:hover .box-actualite-titre{background-color: rgba(34, 62, 6, 0.73);color:#fff;text-decoration:none;text-shadow: 1px 1px 1px #000;width: 71.6%;top: 0%;left: 14.2%;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.box-actualite-cont{max-height: 463px}
.box-article-mini{text-align:center;width:100%;}
.box_media_associer_cadre{padding:10px;text-align:center;background:#DCDCDC;border-radius:5px;}
.box_media_associer_cadre img{margin:2px;border-radius:3px;max-width:90px;max-height:60px;}
.box_media_associer_cadre a{text-decoration:none;}
.box_media_associer_entete{text-align:left;padding:5px;border-bottom:2px solid #A52A2A;}
/*Article*/
article{padding-bottom: 20px;}
.article-caption{position: absolute;bottom: 16px;max-width: 80%;text-align: left;background-color: rgba(200,200,200,0.7);padding:10px}
.article-img{width: 100%; max-height: 150px!important;object-fit: cover;}
.article-title{font-size: 13px;font-weight: 800;}
.article-caption a, .article-caption span{color: #337ab7;}
@media screen and (max-width: 768px) {.article-title{font-size: 10px;}}
@media screen and (max-width: 500px) {.article-title{font-size: 10px;}}

/* BOXs PAGE ACCUEIL **************************/
.box-vignette-petit h3{text-align:center;}
.box-vignette-grande h3{text-align:center;}
.box_maj {display:block;overflow:hidden;margin:0;text-align:left;margin-bottom:15px;}
.box_maj h3{text-align:center;}
.box_maj li:before{content:'\f0a9';font-family:FontAwesome;padding: 0px 7px;margin-left: -26px;color: #360;}
.box_maj a {color:#000; text-align:left;}
/* BOX DAILYMOTION PAGE ACCUEIL **************************************/
.box-video_dailymotion{height:480px;overflow:hidden;margin:5px 5px 20px 5px;}
/* module video photo interne*/
.box-video_acc, .box-photo_acc{float: left;display: block;width: 100%;height: auto;overflow: hidden;margin: 5px 0 0 0;border-radius: 5px;padding: 5px;}
.box-photo_acc .carousel-indicators{top:10px;}
.box-photo_acc:hover .carousel-indicators li{opacity: 0.5; transition: all 0.5s ease}
.box-photo_acc .carousel-indicators li{width:40px;height:30px;background-color:transparent;opacity: 0;transition: all 0.5s ease}
.box-photo_acc .carousel-indicators li:hover{opacity: 1;}
/*Box tab*/
.bottom-tabbed-panel > .nav{background-color:#fff!important;}
.nav-tabs>li{width: 33%;}
.nav-tabs > li > a{text-overflow: ellipsis;overflow: hidden;white-space: pre;}
.nav-tabs > li.active > a, .tab-pane{}
.nav-tabs > li > a:hover {}
.bottom-tabbed-panel img {max-width:240px;max-height:200px;}
@media screen and (max-width: 600px) {.bottom-tabbed-panel img {max-width:100%;max-height:320px;margin:auto;}}
/*Box tab droite collapse */
.panel-heading i {transition:all 0.5s ease;color:#360;margin-top: 5px;margin-right: 5px;top: 0;position: absolute;right: 0;}
.panel-heading .collapsed i{-ms-transform: rotate(360deg); /* IE 9 */-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(360deg);}
.panel-heading .collapsed i:before{ content:'\f067';  font-family: FontAwesome;}
/* PAGE ARTICLE LISTE AVEC MINIATURE **************************/
.article-liste{margin-bottom:15px;}
.article-liste-image{height:160px;overflow:hidden;}
.article-liste-image img{width: 100%;object-fit: contain;}
.article-liste-text{min-height:160px;overflow:hidden;border-width:8px 0 8px 4px;border-style:solid;border-color:transparent rgba(51,102,0,0.70);}
.article-liste-text h3{font-weight:bold;margin:0;padding:0;color:#222;font-size:1.2em;}
.article-liste-text a{color:#222;text-decoration:none;}
.article-liste-info {font-weight:bold;color:#B22222;font-size:0.8em;margin:0;padding:0;}
.article-liste-plus {margin:0;padding:0;width:100%;font-size:0.8em;text-transform: uppercase;}
@media screen and (max-width: 600px) {.article-liste-text h1,h2,h3{font-size:1em;font-weight:bold;}}
/* PAGE ARTICLE AFFICHAGE COMPLET + BOX HOME PAGE **************************/
.artcile-full{text-align:justify;}
.artcile-full-title {text-shadow: 1px 1px 1px #3D3D3D;}
.artcile-full-img{float:right;margin:0 0 15px 15px;text-align:center;}
.artcile-full-img img{max-width:240px;max-height:220px;border-radius:0 10px 0 10px;}
.artcile-full-text{}
.box-chapeau{display:black;width:100%;padding:10px 5px 20px 10px;margin-bottom:20px;text-align:left;background: -webkit-linear-gradient(175deg, #ddd -84deg, #ffffff 69%, #fff 71%, #fff 100%);background: -o-linear-gradient(175deg, #ddd 85%, #ffffff 69%, #fff 71%, #fff 100%);background: -moz-linear-gradient(175deg, #ddd 85%, #ffffff 69%, #fff 71%, #fff 100%);background: linear-gradient(175deg, #ddd 85%, #ffffff 69%, #fff 71%, #fff 100%); 
}
@media screen and (max-width: 768px) {
	.artcile-full-title{font-size:16px;;}
	.artcile-full-img{width:100%;}
	.artcile-full-img img{width:96%;max-height:320px;margin:auto;}
	.box-chapeau h1,h2,h3{font-size:1em;font-weight:bold;}
	.box-chapeau img{width:96%;margin:auto;}
	.artcile-full-text h1,h2,h3{font-size:1em;font-weight:bold;}
	.artcile-full-text img{width:96%;height:auto;margin:auto;}
}
/*************************************Les tableaux***********/
.tableau {background-color:#CCCCCC;color:#000;vertical-align:middle;border-radius:5px;}
.tableau th {padding:5px 3px;text-align:center;background:#999999;color:#222;vertical-align:middle;border:1px solid #efefef;}
.tableau th a {color:#222;}
.tableau th a:hover {color:#ccc;}
.tableau td {padding:5px;border:1px solid #efefef;text-align:left;vertical-align:middle;}
.tableau p {margin:5px;}
.text-contact {margin-bottom:10px;}
.text-contact h3 {font-size:22px;line-height:32px;font-weight:700;text-align:center;color:#b5072f;background:#fff;text-shadow:0 1px 1px #222;box-shadow:0 1px 1px #222;zoom:1;border:1px solid #222;border-radius: 3px;}

/* divers class */
.clear  {border:none;margin:0;padding:0;float:none;clear:both;width:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.noscreen {display:none;}
.petit {font-size:11px;}
.padding {padding:10px;}
.margin {margin:5px;}
.center {text-align:center;}
.right {text-align:right; padding-right:5px;}
.left {text-align:left; padding-left:5px;} 
.bold {font-weight:bold;}
.fullWidth{width:100%}
.ligne_2eme{background-color:#ededed;}
.box-inline {float:none;margin:auto;display:inline-block;white-space:nowrap}
.box-inline li{display:inline;}
.box-droite {float:right;padding:0 0 15px 15px;white-space:nowrap}
.box-gauche {float:left;padding:0 15px 15px 0;}
.box-bibliotheque_img{border-top:2px solid #afafaf;border-radius:5px;}
.box-color-1{border-radius:5px;background-color:#DCDCDC;border:1px solid #C0C0C0;}

.img_miniature{opacity:1;max-width:auto;max-height:200px;transition:all 0.5s ease;}
.img_miniature:hover{opacity:0.80;}
.objet_opacity{opacity:0.80;transition:all 0.5s ease;}
.objet_opacity:hover{opacity:1;}

/* Blur + Gray Scale */
.box-actualite-cont .img_miniature {opacity:0.80;-webkit-filter: grayscale(100%) blur(1px);filter: grayscale(100%) blur(1px);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.box-actualite-cont .img_miniature:hover {opacity:1;-webkit-filter: grayscale(0) blur(0);filter: grayscale(0) blur(0);}

/*page de recherche*/
.resultat .titre {margin:.5em 0 .5em 0;padding:0 0 5px 0;border-bottom:2px solid #555;}
.resultat .titre a {}
.resultat .titre a:hover {color:#000;}
.resultat .titre span {margin:0;padding:0;width:78px;display:inline-block;}
.resultat .detail {padding:0 0 0 78px;margin:0;}
.resultat .annexe {margin:0 0 10px -5px;padding:0;font-size:11px;color:#999999;}
.resultat .annexe a {color:#555;margin:0 5px 0 5px;}
.resultat .annexe a:hover {}
.resultat .annexe span {margin:0 5px 0 5px;}

/* STRUCTURE MEDIA SCREEN */
@media (max-width: 1200px) {}
@media (max-width: 990px) {
 #header-top{display: none;}
	.navbar-inverse .navbar-text{display:block;}
	.collapse .navbar-collapse{display:none;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);}
	.nav-container .container-fluid{padding-left:0px;padding-right:0px}
	.breadcrumb{display:none;}
	.navbar-text {float: none;margin-right: 15px;margin-left: 15px;}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
	.navbar-collapse.in {overflow-y: auto;display:block!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	li.toolbox-container  {line-height: 0px;}
	li.toolbox-container {position: initial!important;display: block;}
	li.home-icon{display:none;}
	.home-icon-mobile{display:block!important;position: absolute;padding: 14px;}
}
@media (max-width: 768px) {
	.nav-container .container-fluid{padding-left:15px;padding-right:15px}
}
@media (max-width: 600px) {
	#content{padding:0 10px;min-height:300px;}
	.box-gauche{width:100%;text-align:center;}
}
 

 
/* STRUCTURE ADMIN MEMBRE */
.menu_membre {position:fixed;top:80px;right:0;z-index:1000;padding:5px;transition:all 500ms ease;height:90%;overflow-y:scroll;width:240px;margin:0;}
.menu_membre::-webkit-scrollbar { display: none;}
.menuHide {opacity:0; transition:all 500ms ease}
.menu_membre ul {width:auto;margin:0 0 10px 0;padding:0 0 10px 0;list-style-type:none;list-style-image:none;background-color:#336600;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.menu_membre ul ul {background-image:none;padding:0;margin:0;}
.menu_membre ul li {margin:0;padding:0;}
.menu_membre ul li a {display:block;width:100%;text-indent:10px;font-size:12px;color:#fff;line-height:20px;}
.menu_membre ul li a.menu_active {color:#fff;font-weight:bold;width:98%;border-left:4px solid #fff;}
.menu_membre ul li a:hover {color: grey;}

.togggle_menu_membre{position: fixed;top: 40px;right: 13px;z-index: 1000;}
.togggle_menu_btn{padding: 5px !important; background-color:rgba(47, 35, 13, 0.7);border-radius:5px;color:#fff; font-size: 18px;cursor:pointer;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out;-ms-transition: background-color .25s ease-in-out;transition: background-color .25s ease-in-out;-webkit-appearance: none;position: relative;display: inline-block;background: #0090c5;color: #fff;text-decoration: none;border-radius: 6px;font-weight: 800;outline: 0;border: 0;cursor: pointer;font-size: 1.35em;padding: 0.6em 1.5em;margin: 10px;}
.menu-text-membre{width:auto;display:block;margin:0;overflow:hidden;text-align:left;color:#fff;border-top-right-radius: 5px;border-top-left-radius: 5px;background:linear-gradient(175deg, #367F22 67%,#ffffff 69%,#336600 71%,#336600 100%);}
.menu-text-membre span {padding:10px 10px 18px 10px;display:block;text-shadow: 2px 2px 6px #000;}
.menu-text-membre a {color:#fff!important;text-decoration:none;}

/*formulaire*/
form{}
label, input, select {padding:3px;width:98%;font-size:16px;margin:3px;}
textarea {min-height:200px;padding:10px;width:98%;}
.form_post-1{margin:auto;padding:5px 14px;border-radius:5px;width:96%;background-color:#DCDCDC;border:1px solid #C0C0C0;text-align:left;color:#555;font-size:16px;}
.message-erreur {margin:5px;padding:5px;border:1px dotted #891010;background:#FF9999;text-align:left;}
.erreur_post{border:1px solid #CC0033;background:#FF9999;}
.message-valide {margin:5px;padding:5px;border:1px dotted #336633;background:#CCFF99;text-align:left;}
.theme-form{padding: 0;width: 100%;border: 0}
/* COMPLEMENT BOOTSRAPS */
.col{overflow:hidden!important;}
.btn-theme {font-size: 13px;background-color: #360;color: white;transition:all 0.5s ease;}
.btn-theme:hover {background-color:rgba(51, 102, 0, 0.7);color: white}
.btn-danger {font-size: 13px;background-color: #CD5C5C;color: white;transition:all 0.5s ease;}
.btn-danger:hover {background-color:rgba(255, 0, 0, 0.7);color: white}
.btn-util {font-size: 13px;background-color: #DAA520;color: white;transition:all 0.5s ease;}
.btn-util:hover {background-color:rgba(255, 69, 0, 0.7);color: white}
.form-control.petit{height: 24px!important;padding: 1px 12px!important;font-size: 12px!important;}
.form-control.select-custom{height: 24px;border: 1px solid #a9a9a9;width: 149px;padding: 4px 12px;font-size: 12px;border-radius:0px;}
.expand_cadre .panel-heading{cursor:pointer;}
.panel {margin-bottom:2px;}
.icoCust{font-size: 18px!important;transition: all 0.5s ease; margin-right:5px}
.icoCust-2{transition: all 0.5s ease; margin-right:5px}
a.icoCust:hover, a.icoCust-2:hover, table tbody tr:hover .icoCust-2{text-decoration:none!important;transform:scale(1.2)}
.hover-zoom:hover{transform:scale(1.2);}
.row-clickable tr {cursor:pointer;}

/* POUR CHANGER COMPLETE DE ICON Ex:: .iconSup:before{content: "\f0e1";} */
.iconSup{color:#be3e3e}
.iconMod{color:#white;}
.iconMedia{color:#A52A2A}
.iconLinkH, .iconLinkV{color:#0063aa}
.iconLinkH{transform: rotate(134deg);}
.iconLinkH:hover{transform: rotate(134deg) scale(1.2);}
.iconLinkV{transform: rotate(44deg);}
.iconLinkV:hover{transform: rotate(44deg) scale(1.2);}
i.spacer{margin-right:5px}
a:hover{text-decoration:none}

/* ENTETE POUR LES TITRES DES MODULES*/
.tileContainer, .tileContainer-Article, .tileContainer-Table{margin-top:5px;margin-bottom:5px}
.tileContainer .innerTile-view, .tileContainer-Article .innerTile-view, .tileContainer-Table .innerTile-view{background:#deffdf}
.tileContainer .row, .tileContainer-Article .row, .tileContainer-Table .row{border-top:none;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.tileContainer .row .content, .tileContainer-Article .row .content, .tileContainer-Table .row .content{padding:10px}
.tileContainer h3, .tileContainer-Article h3, .tileContainer-Table h3{position:relative;padding:0;margin:0 -24px -20px;font-size:22px;line-height:32px;font-weight:700;text-align:center;color:#360;background:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);zoom:1;border:1px solid #360;border-radius: 3px;}
.tileContainer h3:before,.tileContainer h3:after, .tileContainer-Article h3:before, .tileContainer-Article h3:after, .tileContainer-Table h3:before, .tileContainer-Table h3:after{content:"";position:absolute;top:100%;left:0;border-width:0 8px 10px 0;border-style:solid;border-color:transparent rgba(51,102,0,0.71)}
.tileContainer h3:after, .tileContainer-Article h3:after, .tileContainer-Table h3:after{left:auto;right:0;border-width:0 0 10px 8px}
.tileContainer h3 a, .tileContainer-Article h3 a, .tileContainer-Table h3 a{display:block;color:#360;}
.tileContainer h3 a:hover, .tileContainer-Article h3 a:hover, .tileContainer-Table h3 a:hover{text-decoration:none}
@media (max-width: 768px) {
.col-xs-12.spacer{width:100%}
}
@media (min-width: 768px) {
.col-sm-6.spacer{margin-left:10px;margin-right:10px;width:calc(50% - 20px)}
}
.tileContainer.box-actualite .row{background-color:rgb(239,244,235)}
.tileContainer .panel, .tileContainer  .panel-default>.panel-heading{border: none;background-color: transparent;padding: 0px 15px;margin-bottom:10px}
.panel-title.is-closed:before, .panel-title.is-closed:after{opacity: 0;}
.panel-title:before, .panel-title:after{opacity: 1;transition:all 0.3s ease}
.panel-title-cont{padding-right: 33px;padding-left: 33px;overflow: hidden;text-overflow: ellipsis;}
/* ENTETE POUR LES TITRE DES ARTICLES*/
.tileContainer-Article {padding-top: 8px;border-radius: 4px; transition:all 0.5s ease;}
.tileContainer-Article h3{color: #fff;background: #360;}
.tileContainer-Article h3 a{color: #fff;}
.tileContainer-Article  a{text-decoration:none;color:black;}
.tileContainer-Article.outline{border: 1px solid green}
.tileContainer-Article.outline:hover{box-shadow: 0 0 1px 0px #336600 inset, 0 0 6px 0px #336600;}
/* ENTETE POUR LES MENU */
.tileContainer-Table {padding-top: 8px;border-radius: 4px; transition:all 0.5s ease;}
.tileContainer-Table h3{color: #fff;background: #360;font-size: 17px;  margin: 0 -8px -26px;}
.tileContainer-Table h3 a{}
.tileContainer-Table  a{text-decoration:none;}
/* COMPLETE BLOCKS */
.tileContainer.modalCont {padding-top: 8px;padding-bottom: 8px;border-radius: 4px; transition:all 0.5s ease; border: 1px solid #336600;}
.tileContainer.modalCont h3{color: #fff;background: #360;font-size: 17px;  margin: 0 -9px -26px;}
.tileContainer.modalCont h3 a{}
.tileContainer.modalCont  a{text-decoration:none;}
.tileContainer.modalCont p {margin-left:10px}
/* Sup Header Blanc */
.sub-header-white{color: #360!important;background: #fff!important;}
/* ENTETE ACCUEIL */
.tileContainer.accueil{}
.tileContainer.accueil h3{margin: 0 -14px -20px;color: #fff;background: #360;}
.tileContainer.accueil h3 a{color: #fff}
/*SCROLL BARS*/
@media (max-width: 960px){
body.custScroll::-webkit-scrollbar-track {background: linear-gradient(to bottom, #360 50px,#ffffff 0%);}
} 
body.custScroll::-webkit-scrollbar-track {background: linear-gradient(to bottom, #360 50px,#ffffff 0%);}
body::-webkit-scrollbar {width:7px;background:white;margin-top:156px;}
body::-webkit-scrollbar-thumb {background-color: #360;}
#navPanel::-webkit-scrollbar-thumb, .box_maj_int::-webkit-scrollbar-thumb {
background-color: #360;}
body::-webkit-scrollbar {background: linear-gradient(to bottom, #360 50px,#ffffff 0%);}
.box-actualite-cont::-webkit-scrollbar, .box_maj_int::-webkit-scrollbar {width: 7px;}
.box-actualite-cont::-webkit-scrollbar-track, .box_maj_int::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }
.box-actualite-cont::-webkit-scrollbar-thumb, .box_maj_int::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.3);}

/* BOX ACTUALITE INT */
.news {background: #fff;position: relative;overflow: hidden;z-index:1;cursor:pointer;border: 1px solid #eaeaea;height: 260px;}
.news .img-figure {position: relative;height:146px;overflow: hidden;}
.news .img-figure img {width:100%;position: relative;overflow: hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.news:hover .img-figure img {-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);-o-transform: scale(1.10);transform: scale(1.10);}
.news .title {padding: 19px 30px;position: absolute;left: 0;background: #fff;width: 100%;height: 140px;text-overflow: ellipsis;overflow: hidden;}
.news .title h4{margin: 0;text-transform: uppercase;font-weight: bold;font-size: 14px;text-align: center;}
.news:hover .title {margin-top: -100px;background: #fff;}
.news:hover .title h4 {opacity:0;}
.news  p.description {position: relative;font-weight: normal;line-height: 22px;opacity: 0;top: -100px;text-align: center;padding: 10px 10px 13px 10px;height: 184px;margin-bottom: 26px;overflow: hidden;text-overflow: ellipsis;}
.news:hover p.description  {opacity: 1;}
p.more {text-align: center;position: absolute;bottom: -6px;right: 3px;padding-right: 45px;}
.more a {position: relative;font-size: 13px;margin-top: 30px;display: block;display: inline-block;}
.more a:after {content: '';width: 0px;height: 1px;position: absolute;left: 46px;top: 8px;vertical-align: middle;margin-left: 10px;}
.news:hover a:after {width: 30px;}
.news i{position:absolute;right: 35px;bottom: 3px;}
.news:hover i{right: 6px;}
.cat {text-transform: uppercase;position: absolute;left: 0;top: 20px;z-index: 1;padding: 3px 15px;}
.cat, .more a:after {opacity:0.5;}
.news, .more a, .more a:after, .news i, .news  p.description, .news .title, .news .title h4 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.fade_line {height: 1px;margin-top: 15px;margin-bottom: 15px;}

/* CAROUSEL POUR LES INFO DU REGIMENTS*/
#regCarousel .carousel-caption {left:0;right:0;bottom:0;text-align:left;padding:10px;background:rgba(0,0,0,0.6);text-shadow:none;padding-right: 35%;}
#regCarousel .list-group {position:absolute;top:0;right:0;bottom:0;padding-right:0px;margin-bottom:0px;background: transparent;}
#regCarousel .list-group:hover .list-group-item{opacity: 1;}
#regCarousel .list-group-item {border-radius:0px;cursor:pointer;background-color:transparent;text-align:center;border: 1px solid transparent!important;opacity: 0.5;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#regCarousel .list-group-item.active {opacity: 1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/* @media (min-width: 992px) { #regCarousel .carousel-controls {display:none;} 	}
@media (max-width: 991px) { .carousel-caption p,#regCarousel .list-group {display:none;} } */
#regCarousel .carousel-inner, #regCarousel .carousel-inner>.item{height: 100%;}
#regCarousel .carousel-inner>.item>a>img, #regCarousel .carousel-inner>.item>img{height:100%;width:100%;object-fit:cover;}
#regCarousel .tabContainer li{margin-top: 1px;margin-bottom: 0px;}
#regCarousel .tabContainer h3{position:relative;padding:0;margin:0 -24px -20px;font-size:15px;line-height:32px;font-weight:700;text-align:center;color:#360;background:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);zoom:1;border:1px solid #360;border-radius: 3px;}
#regCarousel .tabContainer h3:after{content:"";position:absolute;top:100%;left:0;border-width:0 8px 10px 0;border-style:solid;border-color:transparent rgba(51,102,0,0.71)}
#regCarousel .tabContainer h3:after{left:auto;right:0;border-width: 0 0 7px 5px;}
#regCarousel .tabContainer h3 a{color:#360;}
#regCarousel .tabContainer h3 a:hover{text-decoration:none}
#regCarousel {overflow:visible;}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
      .main-content,.page-contenu-right{width:100%!important}	  
}

#scrollUp {bottom: 24px;right: 24px;;padding: 0px 12px 2px 12px;background-color: rgba(69, 69, 69, 0.88);border-radius: 50%;-webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);z-index: 1!important;color: white;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#scrollUp:before {font-family: FontAwesome;content: "\f106";font-size: 2em;font-weight: 400;display: inline-block;vertical-align: top;width: 100%;text-align: center;}
							
/* HEADER TOOLBAR */
.navbar-header.toolbar .navbar-toggle.active{display:block!important}
.home-icon-mobile a{color: white;font-size: 21px;}
li.toolbox-container {position: absolute;right: 20px;top: -100%;text-align:center}
.home-icon-mobile{display:none}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: rgba(16, 16, 16, 0);}
.social-btn-cont{display:inline-flex}
.tw-share-button{
 transform:translateY(-7px)}
 iframe#twitter-widget-0 {
    transform: translateY(7px);
}