/*-------- Commons --------*/

header.sticky, header.sticky#contacts, header#contacts, footer {background-color:#1880b8;}

header #logo {display: none;}
header.sticky #logo {display: block;}

#menu-trigger .menu-trigger-text {color: #000;}
#menu-trigger.is-clicked .menu-trigger-icon::before, #menu-trigger.is-clicked .menu-trigger-icon::after {background-color: #000;}
#menu-trigger .menu-trigger-icon {background-color: #000;}

header.sticky #menu-trigger .menu-trigger-text {color: #FFF;}
header.sticky #menu-trigger .menu-trigger-icon {background-color: #FFF;}
header.sticky #menu-trigger.is-clicked .menu-trigger-icon {background-color:#1880b8;}

#top-nav li a {background-color: #f0902c;}
#top-nav li a:hover {background-color:#4bacde; color:#fff;}

#copy {background-color:#095584; color:#a3c3d7;}

.separation {width:100%; margin:0; padding:0; height:40px; background:url('../interface/separation.png') repeat-x; color:black;}

#mobile-top {width:100%; height:150px; text-align:center; background:#fff;}
#top-banner {height: 300px;}
#top-banner-left { float:left; width:220px; height:300px;}
#top-banner-right {float: left; width:calc(100% - 220px); height:300px; font-size:45px; line-height: 50px; text-align: center; padding: 100px;}
#top-banner-right h1 {font-size: 60px; color: #fff; font-weight: bold; text-transform: uppercase;}

h2 {color:#f38232;}
h3 {color:#1880b8;}
h4 {font-weight:bold; color: #c4d740;}

.list_courses_tabs h2 {color:#1880b8; padding-left:10px;}
.bloc_orange {background:#f38132; color:#fff; font-size:30px; text-align:center; font-weight:bold; padding:30px 0 20px 0; width:auto;}
.bloc_orange p {font-size:20px;}
.bloc_orange2 {background:#f38132; color:#fff;  font-weight:bold; padding:25px; width:auto;}
.bloc_orange2 span {font-size:30px; text-align:center; width:100%; padding-bottom:10px;}

/*-------- Home --------*/

.carres {width:100%; margin:0; padding:0; float; left;}
.carres section {width:99%; text-align:center;}
.carres li {height:80px; text-align:center;}
.carres li a {color:#fff; display:block; margin:10px;}
.carres li a:hover {color:#555;}

#slide_adherents li img {width: 400px;}

.grid .content-fnat h4:before {content: "\f054"; font-family: FontAwesome; font-size: 12px; margin-right: 5px;}
.grid .content-fnat p {text-align: justify;}

.grid .content-fnat ul li, .content-fnat ul li
{
	text-align: left;
	background-color: #FFF;
    width: 100%;
    clear: both;
    margin: 0;
    list-style: none;
}

.grid .content-fnat ul li:before, .content-fnat ul li:before {
	content: "■";
	margin-right: 10px;
	color: #c4d740;
}

.grid ul.pager {margin-top: 15px;}
.grid ul.pager li {background-color: #FFF;}

.regions {display: none;}
.regions h3 {font-size: 30px; padding-bottom: 10px;}
.regions ul li {font-size: 18px; padding-bottom: 7px;}