body.site {background:url(../images/darkdenim3.png);border:0;}
.cs .wrapper {padding-top:44px;margin:0 auto;max-width:1230px;background:url(../images/bck-header-transprent-cercles-2.png);background-repeat:no-repeat;background-position:332px 0;}
body.home .cs .wrapper {background:url(../images/bck-header-transprent-cercles.png);background-repeat:no-repeat;background-position:298px 0;}

/* titles */
.cs h4 {font-size:14px;}
.cs .lw .title-1 {display:block;margin:0;border:0;font-size:20px;color:#6e6d6f;padding:10px 0 16px 0;background:url(../images/bck-title-bloc.png);background-repeat:no-repeat;background-position:0 100%;text-transform:none;}
.cs .lw .title-2 {margin:0;color:#cfe739;font-size:59px;line-height:84%;font-weight:400;}
.cs .lw .title-3 {margin:0;color:#ffffff;font-size:21px;text-transform:uppercase;font-weight:100;line-height:130%;}
.cs .lw .title-4 {margin:0 0 30px 0;color:#007bbb;font-size:24px;line-height:36px;font-weight:normal;text-decoration:underline;}

/* links */
.cs a {color: #007bbb;text-decoration:none;}
.cs a:hover {color: #007bbb;}

/* lists */
/* ul-a */
.cs .ul-a {margin:0;padding:10px 0;list-style-type:none;}
.cs .ul-a li{padding:2px 0;font-size:13px;}
.cs .ul-a li .fa{width:18px;margin-right:8px;color:#cfe739;font-size:18px;}

/* ul-b */
.cs .ul-b {margin:0;padding:10px 0;list-style-type:none;}
.cs .ul-b li{position:relative;padding:2px 0 2px 28px;font-size:13px;}
.cs .ul-b li .fa{width:18px;color:#cfe739;font-size:18px;position:absolute;left:0;top:8px;}

/* float */
.cs .float-right{float:right;}

/* images */
img.max-100 {width:auto;max-width:100%;display:block;}

/* margins */
body .cs .lw .m-0 {margin:0;}
body .cs .lw .ml-0 {margin-left:0;}
body .cs .lw .mr-0 {margin-right:0;}
body .cs .lw .mb-10 {margin:0 0 10px 0;}
body .cs .lw .mb-20 {margin:0 0 20px 0;}
body .cs .lw .mb-30 {margin:0 0 30px 0;}

/* paddings */
body .cs .lw .p-0 {padding:0;}
body .cs .lw .pl-0 {padding-left:0;}
body .cs .lw .pr-0 {padding-right:0;}

/* separators */
.cs .sep-a {height:3px;background:#FFFFFF;margin:24px 0;}

/* borders */
.cs .row-border-1 {border:1px solid #c5c5c5;margin-bottom:29px;}

/* btn */
.cs .btn-two {background-color:#6e6d6f;border:1px solid #6e6d6f;color:#ffffff;padding:6px 21px;border-radius:4px;}
.cs .btn-two:hover, .cs .btn-two:focus, .cs .btn-two:active, .cs .btn-two.active, .cs .open .dropdown-toggle.btn-two {background-color:#cfe739;border-color:#cfe739;color:#424242;}

/* CUSTOM btns */
/* btn-a */
.cs .btn-a-wrapper {margin:10px 0;}
.cs .btn-a-wrapper.text-center {text-align:center;}
.cs .btn-a-wrapper.text-right{text-align:right;}
.cs .btn-a {display:inline-block;height:36px;font-size:12px;line-height:33px;color:#7c7c7c;padding:0 30px;border:1px solid #d0d0d0;border-radius:4px;}
.cs .btn-a:hover {color:#007bbb;}

/* btn-b */
.cs .btn-b {display:block;height:36px;font-size:14px;line-height:33px;color:#ffffff;padding:0 11px 0 14px;border:1px solid #ffffff;border-radius:4px;}
.cs .btn-b .fa {float:right;font-size:20px;line-height:33px;}
.cs .btn-b:hover {color:#ffffff;}
.cs .btn-b:hover .fa {color:#007bbb;}

/* BOXES */
/* box-a */
.cs .box-a {border:1px solid #d2d2d2;border-width:1px 0;padding:14px 0 8px 0;}

/* box-b */
.cs .box-b {padding:49px;height:390px;background:#6e6d6f;}
.cs .box-b h2 {color:#ffffff;font-size:18px;font-weight:normal;margin-bottom:0;}
.cs .box-b ul {margin:0;padding:10px 0;list-style-type:none;}
.cs .box-b ul li a{color:#ffffff;font-size:13px;text-decoration:underline;}
.cs .box-b ul li a:hover{text-decoration:none;}

/* box-c */
.cs .box-c {border-top:1px solid #d2d2d2;margin:60px 0 0 0;}
@media only screen and (max-width:991px){
	.cs .box-c {margin:30px 0 0 0;}
}
.cs .box-c h2{margin:12px 0;}
.cs .box-c .ul-b {border-top:1px solid #d2d2d2;}

/* box-d */
.cs .box-d {padding:0 0 0 63px;position:relative;}
.cs .box-d .row {margin:0 0 29px 0;padding-top:16px;padding-bottom:16px;}
.cs .box-d .row .btn {margin-top:-40px;}

@media only screen and (max-width:400px){
	.cs .box-d .row>div {width:100%;}
	.cs .box-d .row .btn {margin-top:0;}
}
.cs .box-d  .date-wrapper {position:absolute;left:-6px;top:-2px;width:54px;height:54px;padding-top:8px;background:#007bbb;border-radius:50px;}
.cs .box-d  .date-wrapper .day {display:block;text-align:center;color:#ffffff;font-size:26px;font-weight:100;line-height:90%;}
.cs .box-d  .date-wrapper .month{display:block;text-align:center;color:#ffffff;font-size:12;line-height:90%;}
.cs .box-d   h3 {margin:0 0 2px 0;color:#4f4f4f;font-size:14px;}
.cs .box-d   .fa {color:#7c7c7c;font-size:14px;margin-right:8px;}
.cs .box-d   span {color:#7c7c7c;font-size:12px;}
.cs .box-d   p {margin-top:4px;}


/* w-box */
.cs .w-box {margin-bottom:50px;}
.cs .w-box p {margin:0;line-height:16px;}
.cs .w-box ul.social-icons {background-color:#cfe739;}
.cs .w-box ul.social-icons li {display:block; float:none;text-align:center;}
.cs .w-box ul.social-icons li:after {content:"\f105";float:none;padding-left:8px;font-family:"FontAwesome";}

/* header */
.cs header {border-top:7px solid #007bbb;}
.cs header .container {width:auto;}
.cs header .navbar-brand {height:auto;background:#FFFFFF;padding:0 15px;margin-top:-51px;border:0;border-radius:0;}
.cs header .navbar-brand img {height:auto;}

/* footer */ 
.cs .footer {background-color:#d2d2d2;}
.cs .footer h4 {color:#79787a;font-size:14px;position:relative;margin-bottom:30px;}
.cs .footer h4.border:after{content:" ";height:2px;width:50px;background:#007bbb;position:absolute;left:0;bottom:-12px;}
.cs .footer .col.col-social-icons a.slink i {background:#007bbb;color:#ffffff;}
.cs .footer-2 {min-height:42px;padding:10px 0;color:#FFFFFF;background:url(../images/bck-footer-bleu-cercles.png);}
.cs .footer-2 .row {margin:0;}
.cs .footer-2  .footer-logo {text-align:right;}
@media only screen and (max-width:767px){
	.cs .footer-2  .footer-logo {text-align:left;}
}

/* menu */
.cs .navbar-wp {border-bottom:1px solid #dbdbdb;}
.cs .navbar-wp .navbar-nav > li.active >a:before, .cs .navbar-wp .navbar-nav > li:hover >a:before {content:" ";height:12px;width:100%;position:absolute;left:0;bottom:0;background:url(../images/menu-cercle-active.png);background-repeat:no-repeat;background-position:50% 0;}
.cs .navbar-wp .navbar-nav > li > a {color:#444444;font-size:14px;padding:0 17px;height:68px;line-height:68px;}
.cs .navbar-wp .navbar-nav > li > a:hover {color:#007bbb !important;background-color:#FFFFFF;}
.cs .lw .navbar-wp .navbar-nav > li > a:hover, .cs .lw .navbar-wp .navbar-nav > li > a:focus {background-color: #FFFFFF;color: #007bbb !important;}
.cs .navbar-wp .navbar-nav > .active > a, .cs .navbar-wp .navbar-nav > .active > a:hover, .cs .navbar-wp .navbar-nav > .active > a:focus {
background-color:#FFFFFF;color:#007bbb !important;}
.cs .navbar-wp .navbar-nav > .open > a, .cs .navbar-wp .navbar-nav > .open > a:hover, .cs .navbar-wp .navbar-nav > .open > a:focus {background-color:#FFFFFF;color:#007bbb !important;}
.cs .navbar-wp .dropdown-menu > li > a:hover {background: #007bbb;color: #FFFFFF;}
.cs .navbar-wp .dropdown-menu {border-color:#007bbb;}
/*.cs .navbar-wp .dropdown-menu:before{content:" ";height:12px;width:100%;position:absolute;top:-12px;background:url(../images/menu-cercle-active.png);background-repeat:no-repeat;background-position:80% 0;}*/
.wp-theme-1 .navbar-wp .navbar-toggle:hover, .wp-theme-1 .navbar-wp .navbar-toggle:focus {background-color:#007bbb;border-color:#007bbb;}
.wp-theme-1 .navbar-wp .navbar-toggle:hover, .wp-theme-1 .navbar-wp .navbar-toggle:focus {background-color:#007bbb;border-color:#007bbb;}
@media only screen and (max-width:767px){
	.cs .navbar-wp .dropdown-menu:before{display:none;}
}

/* HOME HOME HOME HOME HOME HOME HOME HOME HOME HOME */
/* HOME slider */ 
.cs  .lw .slice-homepageCarousel {background-color:#28507C;background-image:url(../images/bck-accueil-bleu-cercles.jpg);background-repeat:no-repeat;}
.cs .homepageCarousel {height:390px;}
.cs .carousel-1 .carousel-control i {font-size: 30px;font-weight:100;color:#6a6a6a;background:#ffffff;width:30px;border-radius:30px;padding:0 1px 0 2px;}
.cs .carousel-1 .carousel-control.left {left:0;background:none;}
.cs .carousel-1 .carousel-control.right {right:0;background:none;}
.cs .carousel-1 .carousel-control.right  i {margin-left:-20px;}
.cs .carousel-control {width:60px;}
.cs .carousel-1 .description {padding-left:80px;padding-right:80px;}

/* HOME list-activities */
.cs .list-activities  {background-color:#f0f0f0;padding:4px 20px 20px 20px;}
.cs .list-activities .row  {margin:0;border-top:2px solid #d0d0d0;padding:8px 0;}
.cs .list-activities>.row:first-child  {border:0;}
.cs .list-activities .row  h3 {margin:0;color:#4f4f4f;font-size:14px;}
.cs .list-activities .row  .fa {color:#7c7c7c;font-size:14px;margin-right:8px;}
.cs .list-activities .row  span {color:#7c7c7c;font-size:12px;}
.cs .list-activities .row  .col-xs-9 {padding-left:0;}
.cs .list-activities .row  .col-xs-3 {padding-top:10px;padding-right:0;text-align:right;}

/* CHAMBRE CHAMBRE CHAMBRE CHAMBRE CHAMBRE CHAMBRE CHAMBRE */
.cs .lw .pg-opt.pin {min-height:115px;padding-top:24px; background-color:#28507C;background-image:url(../images/bck-sectoin-bleu-cercles.jpg);background-repeat:no-repeat;}
.cs .lw .pg-opt h2{font-size:36px;color:#ffffff;font-weight:100;letter-spacing:-1px;text-transform:uppercase;}
/* breadcrumb */
.cs .lw .pg-opt .breadcrumb {padding:24px 0;}
.cs .lw .pg-opt .breadcrumb > li + li:before {color:#ffffff;}
.cs .lw .pg-opt .breadcrumb a {color:#ffffff;}
.cs .lw .pg-opt .breadcrumb >.active {color:#ffffff;}
/* menu left */
.cs .lw  ul.categories {border-top: 4px solid #007bbb;border-bottom: 1px solid #d0d0d1;border-width: 4px 0 1px 0;}
.cs .lw  ul.categories a {color: #6e6d6f;}
.cs .lw  ul.categories a:hover {color:#adc228;}
.cs  .lw ul.categories li.active a, .cs .lw  ul.categories li a:hover {background:none;color:#adc228;}

/* COMITES COMITES COMITES COMITES COMITES COMITES COMITES */
.cs .panel-group .panel-heading a {font-size:15px;color:#434343;}
.cs .panel-group .panel-heading:after {margin-top: -12px;}
.cs  .panel-body {padding: 20px 15px;}

/* FICHE FICHE FICHE FICHE FICHE FICHE FICHE FICHE FICHE */
.cs .carousel-3 .carousel-nav a {color:#007bbb;line-height: 26px;}
.cs .carousel-3 .carousel-nav a:hover {background: none repeat scroll 0 0 #007bbb !important;}
.cs .carousel-3 .bg-2 {background:#007bbb;}
.cs .carousel-3 .like-button .button.liked i {color: #007bbb;}
.cs .btn-one:hover, .cs .btn-one:focus, .cs .btn-one:active, .cs .btn-one.active, .cs .open .dropdown-toggle.btn-one {color: #007bbb;}
.cs .carousel-3 .carousel-nav a {top:auto;bottom:5px;}
.cs .carousel-3 .carousel-inner  .item  .img-responsive, .cs .carousel-3  .carousel-inner  .item  a > .img-responsive {width:100%;}

.cs .w-section.inverse > .container{
    max-width: 100%;
    padding: 0;
}
.cs .sn_pencil .sn_pencil_links,
.cs .sn_pencil .fa.fa-pencil {
    color: #666 !important;
}