/****** couleurs polices 


    font-family: 'Cabin', sans-serif;

    font-family: 'Barlow Condensed', sans-serif;
	vert : #298435
	rouge : #e1131f
	gris tr�s fonc� :#555f64
	gris fonc� : #97a8b0 
	gris clair : #c3ced4
	bleu : #014495
*/


html {
	font-size: 62.5%;
} 
body {
	font-family: 'Cabin', helvetica, arial, sans-serif;
	color: #111212;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight:400;
}
a {
	color: #298435;
	transition: all 300ms linear 0s;
}
a:hover {color: #e1131f;}
p, ul, ol {
    font-size: 1.7rem;
    line-height: 2.4rem;
}
ul{
	/*list-style:none;*/
	list-style:disc inside  none;
}
.ce-bodytext ul,
ul.subpages {
padding: 0px; 
}
.acces_direct ul {list-style:none; padding:0;}
/*.ce-bodytext li:before,*/
.subpages li:before{
	content: "\f054";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
	font-size: 1.8rem;
}
h2, .h2, h3, .h3, h4, .h4, .sous-titre, #submit_news .control-label, .tx-felogin-pi1 label {
	 font-family: 'Barlow Condensed', sans-serif;
	color: #111212;
}
h1, .h1 {
	 font-family: 'Barlow Condensed', sans-serif;
	color:  #97a8b0;
	font-size: 4rem;
	font-weight: 700;
	margin: 0;
    padding: 0;  
}
h2, .h2, .sous-titre {
	color:  #298435 ;
	font-size: 2.6rem;
	font-weight: 600;
}
h3, .h3{
	font-size: 2.4rem;
    margin: 12px 0;  
    font-weight:600;  
}  
h4, .h4 {
	font-size: 2.0rem;
    color: #111212;    
}
h5, .h5 {
	font-size: 1.8rem;
    color: #111212;    
}
img, video {
	max-width: 100%;
	height: auto;
}
iframe{
    max-width: 100%;
}
figcaption, .caption {
	font-size: 1.2rem;
	text-align: center;
	font-weight: 600;
	margin: 10px 0 20px;
}
.ce-gallery figcaption, .caption {
	padding: 5px;
	margin-top: 0;
}
.ce-border img, .ce-border iframe {
	border: 1px solid #e0dede;
	padding: 0px;
}
.ce-below .ce-gallery {
	margin-top: 30px;
}
.col100>*>*{
	height: 100%;
}
/**** classes generales et rte ****/
.inline {display:inline-block;}
u {text-decoration:none;}
.f105:before, .f067:before, .f104:before {content:"\f105"; font-family:fontAwesome; padding-right:6px;}
.f104:before {content:"\f104";}
.f067:before {content:"\f067";}
.card .fa {min-width:30px; margin-right:6px; font-size:3rem; vertical-align:sub;}
.card .fa.fa-at {min-width:0; margin:initial; font-size:initial; vertical-align:initial;}

.display-none {
	display: none;
}
blockquote {	
    font-weight:700;
    font-style: italic;
    padding: 15px;
    margin: 0 0 20px 0 !important;
    background: rgb(238, 239, 240);
    border-left: none; 
    color:#5f5e5e;   
}
ul.fleche, ul.fleche li, ul.sup, ul.sup li, ul.ce-menu, ul.ce-menu li {
	list-style: none;
}
ul.ce-menu li a {
	display: inline-block;
	padding: 6px;
	margin-bottom: 6px;
}
ul.ce-menu li a:hover {
	background: #ebebeb
}
.external-link {
	display: inline-block;
}
.external-link::before {
	content: "\f14c";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
	font-size: 2rem;
}
.download {
	display: inline-block;
}
.download::before {
	content: "\f019";
	display: inline-block;
	font-family: FontAwesome;
	padding: 0 3px 0 6px;
	font-size: 1.8rem;
}
.mail {
	display: inline-block;
}
.mail:before {
	content: "\f0e0";
	display: inline-block;
	font-family: FontAwesome;
	padding: 0 5px;
	font-size: 1.8rem;
}
.plus {
	display: block;
	background:#298435;
	font-family:"Barlow Condensed";
	font-weight:600;
	font-size:2.4rem;
	color:#fff;
	text-transform:uppercase;
	padding:18px 12px 18px 68px;
	margin:0 15px 24px 15px;
}
.plus:hover, .plus:focus {background:#e1131f; color:#fff;}
.plus:before {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
	font-size: 1.8rem;
	margin-left:-21px;
}
span.big {
	font-size:2.5rem;
}
.fondrouge, a.fondrouge, .fondrouge a {background:#e1131f; color:#fff;}
a.fondvert {
	color: #fff;
	background-color: #298435;
}
a.fondvert:hover{
	background-color: #FFF;
	color: #298435;
	text-decoration: none;
	border:1px solid #298435;
}

a.fondgris {
	background-color: #7a7879;	
}
a.fondgris:hover{
	background-color: #FFF;
	color: #7a7879;
	text-decoration: none;
	border:1px solid #7a7879;
}
a.fondvert, a.fondrouge, a.fondgris,
span.fondvert, span.fondgris, span.fondrouge{
	display: inline-block;
	padding: 8px 10px 4px;
	transition: all 300ms linear 0s;
	color: #ffffff;
	border:1px solid transparent;	
}

.textevert, span.textevert {color:#298435;}

.cadre {
	border: 1px solid  #97a8b0;
	padding: 4px 6px;
	display: inline-block
}
a.cadre {
	border-color:  #97a8b0;
	transition: all 300ms linear 0s;
}
a.cadre:hover, a.cadre:focus {
	border-color: #3fae2a;
}
/*icones rond*/
.link-fontawesome span::before {
	font-family: FontAwesome;
}
.link-fontawesome span::before {
	background:  #97a8b0;
	border: medium none;
	border-radius: 50px;
	color: white;
	display: block;
	font-size: 3rem;
	height: 50px;
	line-height: 5rem;
	outline: medium none;
	position: relative;
	text-align: center;
	transition: all 300ms linear 0s;
	vertical-align: middle;
	width: 50px;
	border: 1px solid #0bafe5;
}
.link-fontawesome a:hover span::before {
	background: #ffffff;
	color:  #97a8b0;
	border: 1px solid #0bafe5;
}
/*** header ***/
.navbar-header {line-height:2.2;}
.site-title {max-width:80%;}
header button svg {
    border: 2px solid black;
    border-radius: 5px;
    color: black;
}
.pictos {min-height:65px; }
.pictos div {padding:0 12px; min-height:45px}
.pictos button {background-color:#fff; border:0 none;}
.pictos div:last-child {padding-right:0;}
.pictos .tel {border-left:1px solid #97a8b0; border-right:1px solid #97a8b0; }
.pictos #tel {font-family:"Barlow Condensed"; font-weight:600; }
.pictos #tel a {color:#97a8b0;}
.pictos #tel a:hover {color:#298435;}

.pictos .bt_intranet {
	line-height:1.3; 
	padding:5px 15px 5px 15px; 
	background:#97a8b0; 
	display:block; 
	font-family:"Barlow Condensed"; 
	font-weight:600;
	color:#fff; 
	text-transform:uppercase; 
	letter-spacing:0.1em;
	transition: all 300ms linear 0s;
}
.pictos .triple {
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:40px;
	 background: #298435 url(../Images/right_picto.png) no-repeat center center;
	 
}

.pictos .bt_intranet span + span{margin-left:12px;padding-left:24px; display:inline-block; border-left:1px solid #fff;}
.pictos .bt_intranet:hover {background-color:#555f64; color:#fff;}
.pictos .bt_intranet:hover .triple {background-color:#E1131F;}
.info_user .triple {
		content:"";
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:40px;
	background: #298435 url(../Images/bottom_picto.png) no-repeat center center;
	margin:10px 12px 0 6px;
	}
.info_user .intranet {padding-left:24px; font-size:2rem; border-left:1px solid #c1cbd0;line-height:1.5; font-weight:600; letter-spacing:0.1em;}
.info_user .bienvenue {text-transform:uppercase;}
.info_user .bienvenue span {text-transform:none;}
/*** le bandeau ***/

#banner {}
/* ------------------ transition slide ------------------ */

.flexslider{
	border:0;
	margin: 0;
}
#flexslider-header .flexslider .slides > li{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.flex-direction-nav a {
    font-size: 0;
    padding: 10px;
}
.flex-direction-nav a {
    opacity: .5;
}
.flex-direction-nav .flex-next {
    right: 10px;
}
.flex-direction-nav .flex-prev {
    left: 10px;
}
.flex-direction-nav a::before {
    color: #fff;
    font-size: 3.4rem;
    right: 1px;
    position: relative;
}
.flex-control-paging li a {
	font-size: 0;
}
#flexslider-header .flex-control-nav {
	bottom: 10px;
	text-align: left;
	padding-left: 100px;
}
#flexslider-news{
	background: none;
}
#flexslider-news .flex-control-nav {
   position:static;

    height: 25px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li a:hover  {
    background: #97a8b0;
}
.flex-control-paging li a{
	background: #fff;
}
#flexslider-news .flex-direction-nav a {
	background: #bbbcbd;
	height: 60px;
	width: 20px;
	padding: 10px 5px;
	box-sizing: border-box;
}
#flexslider-news .flex-direction-nav .flex-next {
    right: -25px;
}
#flexslider-news .flex-direction-nav .flex-prev {
    left: -25px;
}

#flexslider-news .flex-direction-nav a::before {
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
}

.wrap-slide{
	margin: 0 auto;
    position: relative;
    z-index: 600;
    text-align: center;
    padding: 500px 140px 0 0;
}

.wrap-slide a:hover{
	text-decoration:none;
}
.wrap-slide p.title{
	font-size: 45px;
    color: #fff;
    padding: 12px 0 0 0;
    text-shadow: 4px 4px 7px #2d2c2c;
    line-height: 40px;
}


/*header*/


.slogan{
	font-family: 'Barlow Condensed';
	color:  #2b8236;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform:uppercase;
	margin-left: 52px;
}


/***** la navigation principale *****/
/* le menu dropdown */

.navbar-toggle.collapsed .icon-bar {
    background-color: #fff;
}

#main-navigation>ul {
    
    background-color: #e1131f;
    padding: 0;

    
}
#main-navigation .dropdown-toggle {background-color: #e1131f;}
.subnav {
  position: absolute;
}
[data-visually-hidden="true"],.js-nav-system__subnav,.js-nav-system__subnav.dropdown-menu.show {
  display: none; 
}

[data-visually-hidden="false"],[data-show-sub="true"] .js-nav-system__subnav {
  display: block;
}
.js-nav-system{
    margin-bottom: 0;
    position: relative;
}
.js-nav-system li{
	list-style: none;
	position: static;	
	margin: 0;
}
.js-nav-system__item .wrap-nav{
	padding: 10px 0;
	display: block;
	position: relative;
	margin-left: 20px;
}
.js-nav-system__item a{
	color:  #000;
		font-family: 'Barlow Condensed';
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 3.5rem;
	display: block;
	position: relative;
	
}


.js-nav-system__item > a::first-line {
  font-size: 2rem;
}


.js-nav-system__item>a{
	font-size: 2rem;
	text-transform: uppercase;
	background-color: #e1131f;
	color:#fff;
    padding:24px 20px;
    line-height: 2.4rem;
    transition:all 300ms linear 0s;
}


.js-nav-system__item:hover>a,.js-nav-system__item>a.active,.js-nav-system__item>a.current{
	background-color:#fff;
	color:#e1131f;
	text-decoration:none;
}

.js-nav-system .js-nav-system__subnav {
    padding: 0;
    width: 100%;
    margin:0;
    background-clip: content-box;
    transform: none !important;
	top: 100% !important;
	min-height: 245px;
	border: none;
    border-radius: 0;
}
.js-nav-system .js-nav-system__subnav ul {
    padding-left: 0;
}
.js-nav-system .js-nav-system__subnav>li {
	display: inline-block;
    width: 29%;
    margin: 24px 2% 0 2%;
    vertical-align: top;
    line-height: 1.5rem;
}  

.js-nav-system__item{
	text-align:center;
	padding: 0;
}
.js-nav-system .js-nav-system__subnav a {
    font-size: 1.9rem;
    text-transform: uppercase;
    padding: 12px;
    white-space: normal;
    line-height: 1.8rem;
    color: #97a8b0;
    border: 1px solid #97a8b0;
    font-weight: 600;
    transition: all 300ms linear 0s;
}
.js-nav-system .js-nav-system__subnav a:hover {
	background: #97a8b0;	
	text-decoration:none;
	color:#fff;	
}
.js-nav-system__subnav__item li a{
	margin-left:6px;
	font-weight: 300;
	 transition:all 300ms linear 0s;
}

.js-nav-system a.js-nav-system__subnav__link.current{
    background: #97a8b0;
    color: #fff;
}

/*** navigation secondaire gauche ***/


	.sidebar-nav li a {
		color:#fff; 
		font-family:"Barlow Condensed"; 
		font-size:1.75rem;
		text-transform:uppercase; 
		display:block; 
		padding:3px 2px 3px 0; 
		padding-left:22px;
		font-weight:600;
		background:#97a8b0;
		transition:all ease-out 300ms;
		margin:.3rem 0;
	}
	.sidebar-nav li a:before {
		content:"\f105";
		font-family:"FontAwesome";
		display:inline-block;
		padding:1px 6px 3px 6px;
		margin-left:-20px;
		line-height:1;
		margin-right:6px;
		background:#c3ced4;
		
	}
	.sidebar-nav li a:hover, .sidebar-nav li.current a, .sidebar-nav li a:hover:before, .sidebar-nav li.current a:before {background:#e10a1a; color:#fff; text-decoration:none;}
	


/*** menu pages hub (menu sitemap des pages sélectionnées ****/

.wrap-menu-hub{
	 column-count: 2;
}
.wrap-menu-hub > ul{
	padding:0;
}
.wrap-menu-hub ul li{
	text-transform:uppercase;
	font-weight:bold;
	display: inline-block;
    width: 100%;
	
}
.wrap-menu-hub ul li a{
	color:#333236;

	}
.wrap-menu-hub ul ul li::before{
	content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 1.8rem;
}
.wrap-menu-hub ul ul{
	margin-bottom: 30px;
	padding:0
}
.wrap-menu-hub ul ul li{
	text-transform:none;
	font-weight:normal;
	display:block;
}


/*** Menu related ***/


.section-related {
	padding: 24px 0;
	border-top:1px solid #97a8b0;
	border-bottom:10px solid #97a8b0;
}



.related {
	list-style: none;
	padding: 0;
	column-count: 3;
	column-gap: 70px;
}

.related li {
	font-size: 1.6rem;
	margin-bottom: 5px;	
	line-height: 3.6rem;
	color:#e1131f;
}

.related li a:before,.related .fa:before, .js-nav-system .js-nav-system__subnav a:before  {
	content: "\f105";
	font-family: "FontAwesome";
	padding-right: 5px;
}


.related li a{
	color: #000;
	font-family:"Barlow Condensed";
	text-transform:uppercase;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	border:1px solid #97a8b0;
    font-weight:300;
    transition: all 300ms linear 0s;
    padding-left:12px;
}
.related>.active, .related>.active>a:focus, .related>li>a:hover {
	color: #fff;	
	background-color:#97a8b0;
	text-decoration: none;
	padding-left:24px;
}



/*** Accueil ****/
#presentation_codis {
	margin:88px 0 48px 0;
}
#codis {
	background:#fff url("../Images/codis_backgroun.png") no-repeat right top;  
	border:1px solid #f2f2f2;
	
	text-transform:uppercase;
	text-align:justify;
	padding:24px 24px 48px 24px;
	}
#codis p {font-size:1.8rem; line-height:1.5;}

#adherer {
	background:#fff;
	border:1px solid #f2f2f2;
	padding:3px;	
}
#adherer .row>div {
	padding:0;
}
#adherer .adh {
	background:#2c7e34 url('../Images/codis_adherer.png') no-repeat top center;
	padding:24px;
	text-align:center;
	color:#fff;
}
#adherer .adh header {
	background:#e1131f;
	padding:12px 24px;
	text-transform:uppercase;
	margin:34px 12px;
}
#adherer .adh header h2 {
	font-size:4rem;
	color:#fff;
}
#adherer .adh .cadre {
	border-color:#fff;
	color:#fff;
	padding:12px 24px;
	text-transform:uppercase
}
#adherer .adh a.cadre:hover{
	border-color: #3fae2a;
    text-decoration: none;
    background: #fff;
    color: #3fae2a !important;
}
    
#adherer .adh .cadre:before , .action:before {
	content:"\f105";
	font-family:"FontAwesome";
	padding-right:6px;
}
#codis h2 {
	text-align:center;
	font-weight:400;
	color:#000; margin:36px 0;
	font-family:"Cabin"
}
#codis h2:after {
	content:"";
	display:block;
	margin:12px auto;
	width:80px;
	height:5px;
	background:#e1131f;
}
.points_vente {
	position:relative;
	padding-bottom:80px;
	margin: 0 -15px;
}
.points_vente .fondrouge {padding:24px 36px; font-family:"Barlow Condensed"; text-transform:uppercase; font-weight:600; font-size:2.1rem;}
.points_vente .ce-gallery, .points_vente .carte {position:absolute; bottom:0; right:36px;}
.points_vente.footer {margin-top:80px;}
.points_vente.footer a {display:block;}
#info {	
	background-image:url('../Images/codis_services.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding:65px 0 95px 0;
	margin-bottom: 30px;
}
#info p  {color:#fff; margin-top:12px; padding-bottom:24px; border-bottom:1px solid #97a8b0; min-height:80px; font-size:2.1rem; font-weight:600; line-height:1; }
#info .image {min-height:120px;}
#info p span {display:block; font-size:4.8rem; text-transform:uppercase; font-family:"Barlow Condensed"; padding:6px 0;}
/*** le contenu principal ****/
#header{
	margin-bottom: 30px;
}
#header h1 {
	padding-bottom:12px;
	border-bottom:1px solid #97a8b0;
	text-transform:uppercase;
}


.main-section{
	position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+6,ffffff+100&1+32,0+100 */
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 6%, rgba(242,242,242,1) 32%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 6%,rgba(242,242,242,1) 32%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(237,237,237,1) 6%,rgba(242,242,242,1) 32%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


}
.main-section.accueil {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+51,ffffff+100&1+63,0+81 */
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 51%, rgba(241,241,241,1) 63%, rgba(248,248,248,0) 81%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 51%,rgba(241,241,241,1) 63%,rgba(248,248,248,0) 81%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(237,237,237,1) 51%,rgba(241,241,241,1) 63%,rgba(248,248,248,0) 81%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.interieure > section {
	background: url('../Images/codis-logo-bg.png') no-repeat bottom right;
	
}
.fondblanc {
	background:#fff;
	padding:0 0 1px 0;
	margin-bottom:24px;
}
.fondblanc #header h1 {
	color:#e1131f;
	margin:20px 0 0;
	border-bottom:0 none;
}
.fondblanc #header h1:after {
	content:"";
	display:block;
	width:100px;
	height:10px;
	background:#e1131f;
	margin-top:12px;
}
.interieure h2 {
	margin-top:24px;
	margin-bottom:18px;
}
.breadcrumb-section .breadcrumb {
    background: none;
    margin: 0;
   font-family:"Barlow Condensed";
   
}
.breadcrumb>li{
	color:#000;
}

.breadcrumb-section .breadcrumb,
.breadcrumb-section .breadcrumb a {
	font-weight: 300;
    padding: 10px 0;
    color: #75858c;
    text-transform: uppercase;
}



.breadcrumb>li+li::before{
	content: '\f105';
	font-family:"FontAwesome";
	color: #3a3a3a;
	margin: 0 5px;
}

#toolbar-redim{     
    font-size: 2.2rem;
    margin-top: 10px;
}
#toolbar-redim a{   
    color: #c3c3c3;
    padding: 0 5px;
    display: inline-block;
    text-align: center; 
    transition:all 300ms linear 0s;  
}
#toolbar-redim a:hover,
.print .fa-print:hover{
	text-decoration:none;
	background:#c3c3c3;
	color:#fff;
}
.print .fa-print {
    font-size: 2.5rem;
    color: #c3c3c3;
    padding: 2px;
    margin-top: 10px;  
    transition:all 300ms linear 0s;  
}
/*** footer ****/
.menu-copyright ul {
    text-align:right;
    padding-top:30px;
}
.menu-copyright li {
	font-size: 1.4rem;
}
.menu-copyright li a {
	color:#000;
}
.menu-copyright li a:hover {
	color:#e1131f;
}

.footer-section .menu-copyright li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-left:1px solid #000;
    line-height:1;
}
.footer-section .menu-copyright li:first-child {
	border:0 none;
}
.footer-section .slogan {padding-left:73px;}
.europe p {	
	text-transform:uppercase;
	font-weight:700;
	font-size:1.4rem;
	color:#014495;
	margin-left: 5px;
}
#return-to-top {
    background: none repeat scroll 0 0 rgba(0,0,0,.7);
    border-radius: 35px;
    bottom: 20px;
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 900;
}
#return-to-top .fa {
    color: #FFF;
    font-size: 50px;
    margin: 0 auto;
    position: relative;
    top: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
}

/*** EXTRANET ***/
.alerte {
  background-color:#ffe235;
  line-height:2.1em;
  margin-bottom: 1em;
}
.alerte h2 {
  color:#000;
   margin:0;
   display:inline-block; 
   background:url("../Images/bg_alerte.png") no-repeat top left; 
   padding:3px 20px 7px 40px;
   float:left;
   font-size: 1.4em;
 }
.alerte h2 span, .alerte p {display:inline-block; background-color:transparent; margin:0;}

div.marquee div {
    white-space:nowrap;
    overflow:hidden;
    max-width:95%;
    margin-right:1em;
}

div.marquee div > p {
    white-space:nowrap;
    display:inline;
    width:auto;
}
div.marquee div > p a {
  padding-right: 1em;
}
div.marquee div > p a:before {
  content: "\f0e7";
  font-family: FontAwesome;
  padding-right: 4px;
  font-size: 1.8rem;
}

#extranet #wrap-menu-principal {
	display:none;
	
}
.actus_fondblanc .container > .row > .col-md-12 > div, .mouvements_fondblanc .container > .row > .col-md-12  > div, .tx-felogin-pi1  {
	background:#fff; padding:24px 12px 48px; border:1px solid #dadadb;}
.actus_fondblanc h2, .mouvements_fondblanc h2, .acces_direct h2 {text-transform:uppercase; color:#97a8b0; font-size:3rem; margin-top:0;}
.actus_fondblanc h2 {font-size:4rem;}
.actus_fondblanc header {text-align:center; }
.actus_fondblanc .article-title {margin:0 3px 10px 6px; min-height:42px; font-size:2rem; padding:inherit 6px; font-family:"Cabin"; }
.actus_fondblanc p {margin:0 6px; }
.actus_fondblanc header h2 {padding:0 0 0 60px; background:url("../Images/actus_picto.png") no-repeat top left; display:inline-block; padding-bottom:12px;}
.mouvements_fondblanc h2  {padding:0 0 0 60px; background:url("../Images/mouvements_picto.png") no-repeat top left;}
.actus_fondblanc h2:after, .mouvements_fondblanc header:after {content:""; display:block; width:80px; margin:6px auto 12px auto; height:6px; background:#c7cfd2;}
.mouvements_fondblanc .lead, .mouvements_fondblanc .extra, .mouvement_fondblanc .btn-read-more {display:none;}
.mouvements_fondblanc .article-title:before, .actus_fondblanc a.read-more:before {
content:"\f105";
font-family:"FontAwesome";

}
.actus_fondblanc a.read-more {padding:8px 6px 0 6px; display:inline-block;}
.acces_direct {margin:15px;}
.acces_direct li a {display:block;
color:#000; border-bottom:1px solid #eef0f2; padding:6px 0; font-family:"Barlow Condensed"; margin-right:12px;}
.acces_direct li a:before {
	content: "\f105";
	font-family: "FontAwesome";
	padding-right: 6px;
}
.acces_direct li a:hover {
color:#fff; background:#e1131f; border-bottom:1px solid #e1131f; }

/*** Type de contenu ***/
.ce-uploads span {
  display:inline-block;
  padding-left:.5em;
}
/**** extensions ****/
.tx-felogin-pi1 legend {
    display: none;
}
.info_user {padding:3px 12px 2px 12px; background:#97A8B0; color:#000 ;font-family:"Barlow Condensed";  margin-right:10px;}
.info_user a, .bienvenue span {color:#fff;}
 .info_user a + a {text-transform:uppercase;}
/***  recherche ***/

.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-sword{width: 290px;}
.tx-indexedsearch-searchbox .input-group-btn{float:left;}
.tx-indexedsearch-res a {    font-weight: normal;}


/*** news ***/

#flexslider-news .wrap-news-list-category {
	position: relative;	
}	
#flexslider-news .wrap-news-list-category::before {
    content: '';
    display: block;
    position: absolute;
    width: calc( 100% - 30px );
    height: 2px;
    background: #009bc9;
    top: 26px;
    left: 15px;
}
#flexslider-news .news-list-category{
	color:  #009bc9;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: center;
	padding:15px 5px;
	position: relative;
	background: white;
	padding: 15px 5px 5px;
}

#flexslider-news h3 a{
	color:  #252424;
	font-size: 1.9rem;
	font-weight: 700;
	text-align: center;
	padding: 0 15px 15px;
	display: block;
}

/*** news liste***/

.news .news-list-item .articletype-0 {
	margin-bottom:20px;
	background-color:#fff;
	padding:12px;
}

.news .news-list-item .articletype-0 time {
	display:none;
}
.news .news-list-item a{
	color: #298435;
}
.news .news-list-item a:hover{
	text-decoration:none;
	color:#e1131f;
}

.news .news-list-item .lead{
	margin-top:15px;	
}
.news .news-list-item a.btn-read-more, .article a.btn-default, a.bt_creer, a.bt_dupliquer, .btn-primary,  #formlitige input[type="submit"] {
	color: #fff;
    border-radius: unset;
    background: #298435;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 8px 15px;
    border: 1px solid transparent;
    transition: all 300ms linear 0s;
}
#formvisualisation .btn-primary,#formnouveau .btn-primary{
	margin:0;
}
.news .news-list-item a.btn-read-more:hover, .article a.btn-default:hover, a.bt_creer:hover, .btn-primary:hover, #formlitige input[type="submit"]:hover {
	border: 1px solid #e1131f;
	color:#fff;
	background:#e1131f;
}
.mouvements_fondblanc .news .news-list-item a.btn-read-more {position:absolute; top:-99999px; left:999999px;}
.mouvements_fondblanc .news .news-list-item .articletype-0 { background-color:transparent; padding:12px 24px 0 24px; margin-bottom:0;}
.mouvements_fondblanc .news .news-list-item a{
	color: #111212;
	color: #000;
}
.mouvements_fondblanc .news .news-list-item a:hover{
	text-decoration:none;
	color:#e1131f;
}

.article .extra, .news-list-item .extra {border:0 none;margin-bottom:10px; font-style:italic; color:#97a8b0;}
a.bt_retour {display:inline-block; padding:3px 12px; color: #111212; border:1px solid #aeb2b5;}
a.bt_retour:hover {background:#aeb2b5; color:#fff;}
a.bt_retour:before {content:"\f104"; font-family:"FontAwesome"; padding-right:6px;}

/*** news fiche***/

.news.news-single .news-list-date,
.news.news-single .news-list-category{
	color: #c3c3c3;
    margin-bottom: 10px;
    font-size:1.6rem;
}
.news.news-single .news-text-wrap{
	margin-top:15px;	
}
.news.news-single ul.pager{
	list-style: none;
}
/*** pager ***/
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}

/**** annonces ****/
 #submit_news .control-label, .tx-felogin-pi1 label {font-size:2rem; margin:6px 6px 6px 0; font-weight:600;}
 #submit_news .form-inline, #submit_news .form-group {margin-bottom:12px;}
  #submit_news .form-inline, #submit_news .form-inline * {display:inline-block; text-align:left; margin-right:12px;}
.annonce img.img-responsive {height:140px; object-fit:cover;}
.annonce {margin-bottom:12px;}
.annonce .articletype-0 {margin:0;}

/*** codis_act***/
button, input[type="submit"] {
  cursor: pointer;
}

a.bt_creer,  a.bt_dupliquer {background:#555f64; text-transform:uppercase;font-family:"Barlow Condensed";}
.ajouter {display:inline-block; background:#318432; border:0 none; padding:3px 10px; margin-left:6px; color:#fff;}
a.bt_creer +table {margin-top:12px;}
a.bt_dupliquer {background:#e10a1a; margin-right:12px;}
a.bt_retour {margin:6px 0 24px;}
a.bt_dupliquer:hover {background:#318432;}

.ajouter:before {content:"\f055"; font-family:"FontAwesome"; display:inline-block; padding-right:6px;}
.tx-codisaq td, .tx-codisaq th {padding:5px;}
.tx-codisaq tr:first-child td, .tx-codisaq table {
	border-top:0 none;
	margin:0;
}
.tx-codisaq form+table thead {position:absolute; top:-99999px; left:-9999999px;}
.art, #formlitige #code_article, #formlitige #qte {width:12%;}
.des {width:32%;}
.qte {width:27%}
.spcb {width:7%}
.pcb {width:7%}
.act {width:7%}
.qtel {width:12%}
.tc {width:8%}

#formlitige #precis {width:50%}
#formlitige select {height: calc(2.25rem + 7px);}
.tx-codisaq td.qte, .tx-codisaq td.prix {text-align:left;}
.tx-codisaq td input, .tx-codisaq td textarea, .tx-codisaq td select {width:100%}
.tx-codisaq .qte input, .tx-codisaq .prix input  {width:auto;}
.qte input[type="NUMBER"], .prix input[type="NUMBER"] {max-width:90px;}

.alert-message {display:inline;}
.delete {font-size:2.4rem; margin-left:12px; color:#555f64;}

#quantite {text-align: center}

/*** agenda ***/



.pave-gris {
	background: #ebebeb;
}



.info_user a{
	margin:0;
}

/*** tabs ***/

.nav-tabs {
    border-bottom: 1px solid black;
    margin: 2rem 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: black black #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: black black #dee2e6;
}

/*** Formulaire***/
.tx-powermail fieldset {padding:24px; background:#fff; margin-bottom:36px;}
.tx-powermail .container-fluid{
	padding-left:0;
}
.form-control {
    font-size: 1.5rem;
}

.btn-primary{
	color: #fff;
	background-color: #2c7e34;
    border-color: #2c7e34;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 6px 18px;
    font-family: "Barlow Condensed";
    transition:all 300ms linear 0s;
    margin-top: 15px;
}
.tx-powermail .btn-primary:hover{
	color: #2c7e34;
	background-color:#fff ;
    border-color: #2c7e34;
}
.tx-powermail .container-fluid select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 2px);
}  
.tx-powermail legend, #submit_news legend {
	display: inline-block;
    width: initial;
    font-size: 2.4rem;
    background-color: #555f64;
    color:#fff;
    font-weight: 600;
    font-family: "Barlow Condensed";
   text-transform:uppercase;
	padding:6px 24px;
}
.tx-powermail .powermail_fieldwrap{
	padding: 0;
}
label.control-label{
	padding:0;
	margin:10px 0 0;

}
.tx-powermail .powermail_fieldwrap .col-sm-10{
	padding-left: 0;
}

.mfp-content .tx-cartonova-pi1 #wrap-single-cat{
	display:block;
}
.mfp-inline {
	color: #fff;
	font-size: 2rem;
	font-weight: normal !important;
	background: #404041;
	padding: 5px 0 10px;
	display: block;
	text-align: center;
	margin-top: -1px;
	float: left;
	width: 100%;
}

.mfp-inline:hover, .mfp-inline:focus {
	color: #fff;
}

.mfp-content .tx-cartonova-pi1 .list-cat {
    width: 100%;
    background: #fff;
    /* position: absolute; */
    z-index: 50;
    padding: 10px !important;
    box-shadow: 3px 3px 5px RGBA(0, 0, 0, 0.15);
    /* top: -359px; */
    /* left: 0px; */
}

/*** Powermail confirmation ***/
.powermail_confirmation table {
  border: none;
  width: 75%;  
}

/*** pagination****/
.wrap-paginator {
	border-bottom: none;
	padding: 3px 0;
}

.agenda .wrap-paginator {
	border-bottom: 6px solid #7a7879;
	padding: 3px 0;
}
.nb-paginate{
	display:none;
}
.f3-widget-paginator {
	margin: 20px 0px;
	float: right;
}

.tx-indexedsearch-browsebox {
	float: left;
	font-size: 1.8rem;
}

.f3-widget-paginator>li,.tx-indexedsearch-browsebox>li {
	display: inline;
}

.f3-widget-paginator>li,.tx-indexedsearch-browsebox>li {
	position: relative;
	float: left;
	margin-left: -1px;
	text-decoration: none;
	border: 1px solid RGB(221, 221, 221);
	background-color: RGB(255, 255, 255);
}

.f3-widget-paginator>li>a, .f3-widget-paginator>li.current, .nb-paginate .number,.tx-indexedsearch-browsebox>li a{
	color: #404041;
	padding: 6px 12px;
	float: left;
}

.agenda .f3-widget-paginator>li>a, .agenda .f3-widget-paginator>li.current,
	.agenda .nb-paginate .number {
	color: #ac2c6a;
}
.tx-indexedsearch-browsebox>li.tx-indexedsearch-browselist-currentPage{
     color: #fff;
    cursor: default;
    background-color: #337ab7;
 }

.nb-paginate .number {
	padding: 0px 12px;
}

.f3-widget-paginator>li.current, .f3-widget-paginator>li>a:hover,
	.f3-widget-paginator>li>a:focus,.tx-indexedsearch-browsebox>li a:hover,.tx-indexedsearch-browsebox>li.tx-indexedsearch-browselist-currentPage {
	text-decoration: none;
	background-color: #ebebeb;
}

.f3-widget-paginator>li:first-child>a, .f3-widget-paginator>li.current:first-child,.tx-indexedsearch-browsebox>li:first-child>a,.tx-indexedsearch-browsebox>li.tx-indexedsearch-browselist-currentPage:first-child
	{
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.f3-widget-paginator>li:last-child>a, .f3-widget-paginator>li.current:last-child,.tx-indexedsearch-browsebox>li:last-child>a,.tx-indexedsearch-browsebox>li.tx-indexedsearch-browselist-currentPage:last-child
	{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.navbar-toggle.navbar-toggle-menu.menu-link.collapsed{
	z-index:700;
}

.lightbox {
	float: left;
}

/*** carto ****/
.gm-style img, .gmnoscreen img, .gmnoprint img {
	max-width: none !important;
}
.tx-cartonova-pi1 .map-filter{
	display:none
}

/*** Tableau ***/

table {
    border: solid 1px #C0D7DE;
    font-family: "barlow Condensed", helvetica, arial, sans-serif;
    font-size: 1.6rem;
    width:100%;
    margin:12px 0;
}
thead, th {
   background: #cad2d6;
   color:#000; 
	font-weight:600;
	font-family:"Cabin";
}
thead h4{
	 color:#fff;  
}
td, th {
    border: 1px solid #dedede;
    padding: 5px 10px; 
    vertical-align:middle !important;  
    text-align: center; 
   
}

th {
	border: 1px solid #ffffff;
}
td.des span{
	float:left;
}

td a,td.des span{display:block; color:#e1131f; padding:2px 6px;}
td a:hover,td.des span:hover {background-color:#e1131f; color:#fff;}
.tx-cartonova-pi1{
	position:relative;
}
/**** responsive *****/

@media (max-width: 575px){
	
	div#banner {
        display:none;
 	}
	section#banner .slides li {
	    height: 100px;
	}
	
	

	
	h1, .h1 {
    	font-size: 3rem;
	}
	
	#cible{
		text-align:left;
	}
	#cible .titre{
		margin:15px 0;
		display: inline-block;
	}
	
	
	#menu-origine{
		padding:0;
	}
	#menu-secondaire,#menu-origine li {
    	display: block;
	}
	#menu-origine li.nouveau span,#menu-origine li.jeune span{
		width:auto;
	}
	
	.js-nav-system__item>a::before,#flexslider-header .flex-control-nav,.accueil #info .titre::before{display:none}
	
	.accueil #info .titre h2,.accueil #image h2{
		font-size: 6.5rem;
		padding: 0;
	}	

}

@media (min-width: 576px){
	
	div#banner {
        height: 200px;
 	}
	section#banner .slides li {
	    height: 250px;
	}
	#extranet div#banner {
        height: 45px;
 	}

}

@media (max-width: 767px){
	#banner .accroche .titre, #banner .accroche .sous-titre {text-align:center; margin:0;}
	#presentation_codis {
	margin:38px 0 28px 0;
}
	
	.pictos .bt_intranet span + span{margin-left:0;padding-left:6px; display:inline-block; border-left:0 none;}
	.pictos div:last-child {flex-grow:1}
	.sidebar-nav .navbar-nav {
  flex-flow: row wrap;
  }
  	.sidebar-nav .navbar-nav li {
flex-grow:1;
  
  }
  .js-nav-system__item .js-nav-system__subnav {
    	display: none;
	}
  
  .js-nav-system__item > a{text-align:left; padding:6px 12px;}
	.js-nav-system .js-nav-system__subnav > li {margin-top:2px;}

	.sidebar-nav .navbar-nav li a {
	margin:6px;
  }
	.js-nav-system .js-nav-system__subnav {
		min-height: none;
	}
	.js-nav-system li {
	    border-bottom: 1px solid white;
	}	
    .js-nav-system .js-nav-system__subnav>li {
		width: 100%;
	} 
	
	
	.js-nav-system__subnav.dropdown-menu.show,.js-nav-system__item:hover .js-nav-system__subnav.dropdown-menu.show {
		display: block;
	}	
	
	#flexslider-news .flex-direction-nav .flex-next {
    	right: 10px;
}
	#flexslider-news .flex-direction-nav .flex-prev {
	    left: 10px;
	}
	.slogan {
    	font-size: 1.5rem;
 	}
	
	.related {
	    column-count: 1;
	}
	
}



@media ( min-width :768px) {
	.navbar-header {z-index:800; position:relative;margin-top:12px;}
	#banner {margin-top:-40px; background-color:#297f30;position:relative;}
	#extranet div#banner {margin-top:0; height:200px;}
	#extranet .banniere {position:relative;}
	#extranet #header {margin:0; position:absolute; bottom:40px; width:100%;z-index:9;}
	#extranet #header h1 {padding:0; color:#fff; border:0 none;}
	#banner .accroche {left:15%;bottom:40px; position:absolute;z-index:3; max-width:80%;}
	#banner .accroche .titre, #banner .accroche .sous-titre {
	font-size:3.4rem;
	color:#fff;
	text-transform:uppercase;
	text-shadow: 0 1px 1px #000; 
	}
	#banner .accroche .sous-titre:after {
	content:"";
	display:block;
	width:120px;
	height:10px;
	background:#fff;
	margin-top:12px;
	}
	#banner .accroche .titre, #extranet #header h1 {font-size:5rem; text-shadow: -1px 2px 1px #000; font-weight:300;}
	#banner .accroche .titre span {font-weight:600;}
	#flexslider-header .flex-viewport:before {
	content:""; 
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: linear-gradient(to bottom, #21252900 0%,rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 80%, #212529 100%);
	z-index:1;
	}
	#flexslider-header:before {
	content:"toto"; 
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background: url('../Images/codis-logo-bg-accueil.png') no-repeat center right;
	z-index:1;
	}
	.extra #banner {margin-top:0; background-color:#297f30;}
	.extra {border-top:10px solid #97a8b0;}
	section#banner .slides li {
	    height: 350px;
	}
	

	#main-navigation {
    	display: block!important;
    	width: 100%;
    	margin-top: 10px;
	}
	  .js-nav-system {
   display: flex;
    justify-content: space-around;
  }
  .js-nav-system__item:hover .js-nav-system__subnav {display:block;}
	.sidebar-nav {background:#97a8b0; }
	.sidebar-nav ul {margin-top:24px; margin-bottom:24px; }
	.related, .acces_direct ul {
	    column-count: 2;
	}
}
@media (max-width: 991px){
    .points_vente img {display:none;}
	
}

@media (min-width: 992px){
	section#banner .slides li {
	    height: 620px;
	}
	.related {
	    column-count: 3;
	}
}

@media (min-width: 1200px){
	#banner .accroche {
		left:15%;
	}
}