/*
Theme Name: Impulse Press
Theme URI: http://twoimpulse.com/products/impulse-press
Author: Two Impulse
Author URI: http://twoimpulse.com

Description: Impulse Press is a Wordpress starter theme based on twitter bootstrap.
Version: 1.4
License: MIT
License URI: http://opensource.org/licenses/MIT
Tags:  one-column,two-columns,three-columns,four-columns,left-sidebar, right-sidebar, responsive-layout,full-width-template,theme-options,translation-ready

*/

/*==================================================================================================================================================================
  IMPULSEPRESS
  ==================================================================================================================================================================
  BODY
  HEADER
  TYPOGRAPHY
  CONTENT
  GALLERIES
  WIDGETS
  PAGE TEMPLATES
  FOOTER  
  WORDPRESS CORE
  MEDIA QUERIES
*/

/*==================================================================================================================================================================
  BODY
  ==================================================================================================================================================================*/

body{ 
	height: 100%;
	/*padding-top:70px;*/
	background-color: #fff;
}

#wrap {
	min-height: 100%;
  /* equal to footer height 
  margin-bottom: -120px; */
}

#wrap:after {
  content: "";
  display: block;
}
/*
.footer, #wrap:after {
  height: 120px; 
}*/

img {
	border: 0;
	display: inline-block;
	height: auto;
	max-width: 100%;
}

.clearboth {  
	display: block;  
	margin: 0;  
	padding: 0;  
	clear: both;  
}

code {
	font-size: 80%;
}

.spacer10 {
    margin-top: 10px;
}

.spacer25 {
    margin-top: 25px;
}

.pull-right-head{
	float:right;
}

.sticky {
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #B2AFE8;
    border-radius: 5px;
}



  
/*==================================================================================================================================================================
  HEADER
  ==================================================================================================================================================================*/

body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
	}
div#logo{
	padding:5px 15px 5px 0;
	margin-left:0px;
}
.navbar-search{
	float:right;
	padding: 13px 0;
    width: 260px;
}
.nav > li > a {
    padding: 10px 10px;
}

.social-icons-top {
    padding: 15px 0;
	float:right;
	margin: 0 15px;
}

/*==================================================================================================================================================================
  TYPOGRAPHY
  ==================================================================================================================================================================*/
a {
	transition: all 0.50s ease 0s;
}

a:hover{
	text-decoration:none;
}

.bypostauthor {

}

.alignright {

}

.alignleft {

}

.aligncenter {

}

/*==================================================================================================================================================================
  CONTENT
  ==================================================================================================================================================================*/
  
.entry-thumbnail{
	margin:25px auto;
}

.navigation {
    padding: 10px;
}

.post {
    margin-bottom: 25px;
}
.breadcrumb {
    background-color: #F3F3F3;
    border-radius: 4px;
    list-style: none outside none;
    margin-bottom: 20px;
    padding: 8px 15px;
}
.back-img-fullscreen {
    height: 100%;
    position: fixed;
    width: 100%;
	margin-top:-70px;
}
.covering {
    height: 100%;
    min-width: 320px;
    position: absolute;
    width: 100%;
    z-index: 10;
	margin-top:-70px;
}
.covering .slogan-center {
    margin-top: -150px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
div.covering div.slogan-center h1{
	color:#FFF;
	text-transform:uppercase;
	font-size:76px;
	line-height:80px;
	text-align:center;	
}
div.covering div.slogan-center p{
	color:#FFF;
	text-transform:uppercase;
	font-size:20px;
	line-height:30px;
	text-align:center;	
}
.content-scroll {
	color:#000;
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    margin-top: 0;
    min-height: 100%;
    min-width: 320px;
    padding:140px 0 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10;
}
.content-scroll .scroll-button {
	background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    display: block;
    font-size: 12px;
    height: 20px;
    left: 50%;
    margin-left: -125px;
    padding: 10px 20px 25px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -35px;
    width: 250px;
}
div.content-scroll div.main-widget{
    background-color: rgba(255, 255, 255, 0.5);
    color: #908dbd;
    font-size: 88px;
    margin-bottom: 20px;
    padding: 30px;
    text-align: center;
    transition: all 0.5s ease 0s;
}
div.content-scroll div.main-widget:hover{
	background-color: rgba(144, 141, 189, 0.5);
	padding:30px;
	font-size:98px;
	color:#FFF;
}
.footer-fullscreen{
	background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    height: 100px;
    position: absolute;
    width: 100%;
	color:#333;
}
/*==================================================================================================================================================================
  GALLERY
  ==================================================================================================================================================================*/
.masonry {
     width: 100%;
}


.masonry .item,
.masonry .grid-sizer {
    padding: 1px;
}

.wp-caption {

}

.wp-caption-text {

}

.gallery-caption {

}


/*==================================================================================================================================================================
  GALLERIES
  ==================================================================================================================================================================*/
.col2{
	width:50%;
}
.col3{
	width:33.3%;
}
.col4{
	width:25%;
}

div#portfolio-wrapper ul#portfolio-list.thumbnails div.item div.thumb a img.attachment-post-thumbnail{
	width:100%;
	height:auto;
}
    
#portfolio-filter {  
    list-style-type: none;
	margin-bottom:10px;  
}   
  
#portfolio-wrapper {  
	padding-bottom: 25px;
	margin-left:-10px;
	margin-right:-10px;
}  
      
#portfolio-list {  
	list-style-type: none;
	padding-left: 0px;
}  
      
#portfolio-list .portfolio-item {
	padding: 10px;
}  
      
#portfolio-list .portfolio-item h3 a {  
	color: #000;  
	text-transform: uppercase;  
	font-weight: bold;  
}  
      
#portfolio-list .portfolio-item .excerpt  {  
	text-align: justify;  
	font-size: 14px;  
	line-height: 18px;  
	padding-right: 15px;  
	margin-bottom: 5px;  
}  
      
#portfolio-list .portfolio-item .excerpt a {  
	color: #555;  
}  
      
#portfolio-list .portfolio-item .excerpt a:hover {  
	text-decoration: none;  
}
	
/* ISOTOPE CSS */

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*==================================================================================================================================================================
  WIDGETS
  ==================================================================================================================================================================*/

.main-widget{
	background-color:#F3F3F3;
	padding:30px;
	font-size:88px;
	color:#908DBD;
	transition: all 0.50s ease 0s;
	text-align:center;
	margin-bottom: 20px;
}
.main-widget:hover{
	background-color:#908dbd;
	padding:30px;
	font-size:98px;
	color:#FFF;
}
.center{
	text-align:center;
}

#widgets {
	margin-bottom:20px;
}

.home-widgets {
    padding-top: 25px;
    padding-bottom: 25px;

}
#widgets a {
	display:inline-block;
	text-decoration:none;
}

#widgets ul, #widgets .textwidget, #widgets .tagcloud, #widgets #searchform, #widgets #calendar_wrap {
	font-size:13px;
	margin:0 0 0px;
	padding:00px 0 10px 0;
	list-style-type: none;
}

#widgets ul li {	
	border-bottom:1px solid #EEEEEE;
    padding: 8px 2px;
}

#widgets ul li a {
	padding: 8px 2px;
	margin-left:0px;	
	transition: all 0.5s ease 0s;
	display:inline;

	text-decoration:none;
}
#widgets ul li a:hover {
	margin-left:10px;
	display:inline;
	text-decoration:none;
}

#widgets .widget-title img {
	float:right;
	height:11px;
	position:relative;
	top:4px;
	width:11px;
}

#widgets .rss-date {
	line-height:18px;
	padding:6px 12px;
}

#widgets .rssSummary {
	padding:10px;
}

#widgets cite {
	font-style:normal;
	line-height:18px;
	padding:6px 12px;
}

#widgets .textwidget, #widgets .tagcloud {
	display:block;
	line-height:1.5em;
	margin:0 0 20px;
	word-wrap:break-word;
}

#widgets .textwidget a {	
}

#widgets ul .children {
	border:none;
	margin:0;
	padding:0;
}

#widgets .author {
	font-weight:700;
	padding-top:4px;
}

.widget_archive select, #cat {
	display:block;
	margin:20px 15px 0;
}

.widget-title, .widget-title-home h3 {
	display:block;
	font-size:20px;
	font-weight:300;
	line-height:24px;
	/*margin:10px 0;*/
	border-bottom:1px solid #EEEEEE;
	padding:10px 0;
	text-align:left;
}

.home .widget-title-home h3 {
	border-bottom:none;
	display:block;
	font-size:24px;
	font-weight:700;
	line-height:23px;
	margin:0;
	padding:20px 20px 0 20px;
	text-align:left;
	border: none;
}

.widget-title a {
	border-bottom:none;
	padding:0!important;
}

.title-404 {
	color:#933;
}

/*==================================================================================================================================================================
  PAGE TEMPLATES 
  ==================================================================================================================================================================*/
/*Home Revolution*/ 
.container-carousel{
	width:100%;
	margin:-10px 0 80px 0;
}

/*Home Jumbotron*/
.jumbotron p{
	text-align:justify;
}

/*Home Parallax*/
div#home-div1.home-div1{
	margin-top:-10px;
	margin-bottom:30px;
}

.parallax-caption {
    left: 20%;
    right: 20%;
}
.parallax-caption {
    bottom: 20px;
    color: #FFFFFF;
    padding-bottom: 80px;
    padding-top: 65px;
    text-align: center;
	z-index: 10;
}

.parallax-caption h1 {
    font-size: 90px;
    font-weight: 700;
}

.parallax-caption p {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 20px;
}
/* Home CAROUSEL */
.home-button-container{
	max-width:300px;
	margin:0 auto;
}

.carousel {
	margin-bottom: 60px;
	margin-top:0px;
}

.carousel-caption {
	z-index: 10;
	padding-bottom: 60px;
    width: 100%;
    left: 0%;
    right: 0%;
}
div.carousel-caption h1{
	font-size:90px;
	font-weight:700;
}

div.carousel-caption h2{
	font-size:30px;
    margin-top: 30px;
}

.carousel .item {
	height: 420px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}

.carousel-control {
    z-index: 100;
}
/* FEATURETTES */
.featurette-divider {
	margin: 80px 0;
}

.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}
.lead {
    font-size: 21px;
	text-align:justify;
}

/* SECTIONS */
.sections {
    color: #333333;
}

.section {
    border-radius: 0;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: center;
    color: #ffffff;
}

/*==================================================================================================================================================================
  FOOTER
  ==================================================================================================================================================================*/
  
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

.footer {
    /*background-color:#FFF;*/
}

#footer-wrapper {
    padding: 10px 0 10px 0;
}

.footer-menu {
	margin-left:0;
	padding:15px 0 15px 0;
}

.footer-menu li {
	display:inline-block;
	list-style-type:none;
}

.footer-menu li a {
	border-left:1px solid #333333;
	padding: 0 5px;
}

.footer-menu > li:first-child > a {
	border-left:none;
	padding:0 5px 0 0;
}
.copyright,
.scroll-top,
.powered{
	padding-top:10px;
	padding-bottom:10px;
}

.copyright{
	text-align:left;
}

.scroll-top {
   text-align: center;
}

.powered{
	text-align:right;
}

/*==================================================================================================================================================================
  WORDPRESS CORE
========== */
.alignnone {
	margin:5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display:block;
	margin:5px auto;
}

.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

.aligncenter {
	display:block;
	margin:5px auto;
}

a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

a img.alignnone {
	margin:5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.aligncenter {
	display:block;
	margin-left:auto;
	
	:auto;
}

.wp-caption {
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

img.wp-smiley {
	vertical-align:middle;
}



/*
---------------------------------------------------------------------------- NEWS CSS
------------------------------------------------------
*/

.top-header{
	margin-bottom: 0px;
}

body.category .post-image, body.single .post-image{
	padding-top: 25px;
}
	body.category .post-image img, body.single .post-image img{
		width: 100%;
	}
body.category .post-excerpt,body.single .post-excerpt{
	text-align: justify;
}
body.category .post {
    border-bottom: 2px solid #CCC;
    padding-bottom: 2%;
    /*padding-top: 2%;*/
}
body.single .post-entry {
    padding-bottom: 2%;
    padding-top: 2%;
}

#presentation-generale{
	background-color:#5f6062;
}

/*
---- COFINA GROUPE
------------------------------------------------------
*/
.presentation-groupe{
	display: table-cell;
	vertical-align: middle;
	text-align: justify;
}

.bg-red-groupe{
	background-color: #dc0404;
	color: #fff;
	padding: 2% 0% 3% 0%;
}
.presentation-groupe .title-post{
	color: #fff;
}
#recent-posts-plus-2 ul {
	margin: 0px;
}
#recent-posts-plus-2 .title-post{
	color: #fff;
	padding: 10px 0px;
}
#recent-posts-plus-2 .content-post{
	padding-right: 30px ;
}
#recent-posts-plus-2 .content-presentation h3{
	margin-top: 0px;
	margin-bottom: 20px;
}
.border-gray{
	border-bottom: 1px solid #807b7b;
}

.espaces{
	padding: 5px;
}

/*
---- NOUS CONNAITRE
------------------------------------------------------
*/
.bg-town{
	background-image: url(http://www.cac-ci.com/images/nous-connaitre/town.jpg);
   	min-height: 190px;
   	background-repeat: no-repeat;
   	background-size: cover;
}

/*
---- FOOTER
------------------------------------------------------
*/
.footer .widget-title {
	font-weight: bold;
	border: none;
	font-size: 16px;
	
}














/*
---- PARTICULIER
------------------------------------------------------
*/

.adjust-content{
	padding: 7% 7%;
}

.bg-particuliers-red .more_info{
	color: #fff;
	padding: 10px;
	background-color: #5F6062;
	/*display: block;
	width: 90%;*/
}
.bg-particuliers-gray-light .more_info{
	color: #fff;
	padding: 10px;
	background-color: #DC0030;
	/*display: block;
	width: 90%;*/
}


.offres-entreprises .more_info{
	color: #fff;
	padding: 10px;
	background-color: #5F6062;
	/*display: block;
	width: 90%;*/
}

.bg-offres-particuliers {
   	background-image: url(http://www.cac-ci.com/images/offres-particuliers/img_offre_particulier.jpg);
   	min-height: 190px;
   	background-repeat: no-repeat;
   	background-size: cover;
   	/*margin-right: 10px;*/
}
	.nous-connaitre  .more_info{
		color: #fff;
		padding: 10px;
		background-color: #5F6062;
	}

.milieu{
	padding-top: 6%;
}	

.bg-particuliers-red, .bg-entreprises-red, .bg-nous-connaitre-red{
	background-color: #DC0030;
	color: #fff;
	/*min-height: 224px;*/
}

.bg-particuliers-red2{
	background-color: #DC0030;
	color: #fff;
	/*min-height: 107px;*/
}
	.bg-particuliers-red2 .more_info{
		color: #fff;
		padding: 10px;
		background-color: #5F6062;
		width: 90%;
	}
.bg-particuliers-gray-light2,.bg-gray-light,.bg-gray-light-groupe{
	background-color: #5F6062;
	color: #fff;
	min-height: 107px;
}
.bg-gray-light{
	background-color: #5F6062;
	color: #fff;
}
	.bg-gray-light .more_info{
		background-color: #DC0030;
		color: #fff;
	}	
	.bg-particuliers-gray-light2 .more_info{
		color: #fff;
		padding: 10px;
		background-color: #DC0030;
		width: 90%;
}
.margin-top{
	margin-top: 10px;
}

.bg-particuliers-gray-light.margin-top{
	margin-top:0px;
}

.margin-bottom{
	margin-bottom: 5px;
}
.margin-right{
	margin-right: 10px;
}
.bg-particuliers-right{
	width: 34.4%;
}

.bg-particuliers-gray-light{
	background-color: #5F6062;
	color: #fff;
	/*min-height: 224px;*/
}

/*
---- ENTREPRISES.bg-particuliers-red .more_info
------------------------------------------------------
*/
.bg-offres-entreprises {
   	background-image: url(http://www.cac-ci.com/images/offres-entreprises/img_offre_entreprise.jpg);
   	min-height: 190px;
   	background-repeat: no-repeat;
   	background-size: cover;
   	/*margin-right: 10px;*/
}

.adjust-width-1{
   	width: 35.2%;
}
.adjust-width-2{
   	margin-right: 10px;
    width: 31.5%;
}
.adjust-height-1 {
   	min-height: 224px;
}
.adjust-height-2 {
   	min-height: 112px;
}






/*---------------------- UN SEUL ARTICLE 
-------------------------------------------*/

body.single .page-header{	
	border: none;
}
body.single .post{	
	text-align: justify;
	padding-bottom: 5%;
}
body.single .post-title{	
	color: #DC0404;
}
	
/*---------------------- CATEGORIE D' ARTICLE
-------------------------------------------*/

body.category .post-intro {
	padding-left:0px;
	padding-right:0px;
	text-align: justify;
}
/*
body.category .post-image {
	margin-top: 28px;
}*/

body.category .post {	
	border-bottom: 2px solid #ccc;
	padding-bottom: 2%;
	/*padding-top: 2%;*/
}
body.category .post:last-child {	
	margin-bottom: 5%;
}
	
.post-edit-link {	
	display: none;
}

.clear {	
	clear: both;
}


.post-meta {	
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 1%;
}

	.post-meta a {	
		color: #000;
	}
	
	.readmore{	
		background-color: #8f8f8f;
	}
	
	.readmore:hover {	
		background-color: #5c5b5b;
	}
	
	.post-title	a {	
		color: #dc0404;
	}	
	
/*
---- Menu principal
------------------------------------------------------
*/

/*SETTINGS UL*/
ul, ol {
    margin-top: 0px;
    margin-bottom: 10px;
    list-style: none;
    padding: 0px;
}

#menu-menu_principal {
	float: right;
}
   .top-menu {
        padding-top: 40px;
    }	

#news a {
	color: #fff;
}
.image-post img{
	min-height: 270px;
}

.bg-red {
	background-color: #dc0404;
	height: 270px;
	color: #fff;
}
	.presentation {
		padding-left: 10%;
		padding-right: 4%;
		text-align: justify
	}
	.presentation a {
		color: #fff;
		border-radius: 5px;
		padding: 1%;
		background-color: #8f8f8f;
	}
	.presentation a:hover {
		background-color: rgba(143,143,143,0.5);
		padding-left: 2%;
		padding-right: 2%;
		-webkit-transition-duration: 2s; /* Safari */
		transition-duration: 2s;
	}
	.presentation h3 ,.actu h3{
		line-height: 2;
		padding-top: 1%;
		margin: 0px;
	}
	.actu .su-post-title{
		line-height: 1;
	}
	.bg-gray-light-infos,.bg-gray-lighter{
		background-color: #8f8f8f;
	}
	.bg-gray-light-infos:hover{
		background-color: rgba(220,4,4,0.5);
		padding-left: 2%;
		padding-right: 2%;
		-webkit-transition-duration: 2s; 
		transition-duration: 2s;
	}
	
	
	.more-infos {
		position: absolute;
		bottom: 10%;
	}
	.actu {
		padding-left: 3%;
	}
		#recent-posts-plus-2 .widget-title{
		     color: #fff;
		     border-bottom: none;
		     margin: 2%;
			 display: none;
		}
		#recent-posts-plus-2 .more_info {
			background-color: #DC0404;
			border-radius: 5px;
			padding: 8px 15px;
			color: #fff;
                }
                /*#recent-posts-plus-2 p {
    			margin-bottom: 20px;
		}*/
		#recent-posts-plus-2 ul {
			/*padding-left: 2%;
			padding-right: 2%;*/
		}
		#recent-posts-plus-2 h4 {
			color: #000;	
		}
		#recent-posts-plus-2 ul li{
			list-style: none;
		}
		#recent-posts-plus-2 p{
			text-align: justify;
		}
     	
	
	
.bg-woman-with-computer{
	background: url(../../uploads/2014/11/womanwithcomputer.png) 100% 0%  no-repeat;
	min-height: 270px;
}


.offres-particuliers h4{
	font-size:14px;
}

body.page-id-2296 .bg-woman-with-computer{
	background: url(../../uploads/sites/7/2015/02/Christine.jpg) 100% 0%  no-repeat;
	min-height: 270px;
	background-size: 100%;
}



.bg-gray-full{
	background-color: #5F6062;
	/*min-height: 270px;*/
	color:#fff;
}
	.more-infos {
		background-color: #dc0404;
		padding: 2%;
		color: #fff;
		border-radius: 5px;
	}	

/*-----------OFFRES
-----------------------*/

.none-padding {
	   padding-left: 0px !important;
	   padding-right: 0px !important;
}

.none-margin {
	   margin-right: 0% !important;
}

#offres {
		background-color: #5c5b5b;
		padding-bottom: 6%;
		color: #fff;
}
#offres a {
	color: #fff;
}
	.header-title {
		padding: 1%;
		color: #fff;
	}
		.line-red {
			background: url(../../uploads/2014/11/line-red.png) no-repeat;
			padding: 1%;
			background-position: center;
		}
		.title {
			margin: 0% 2%;
		}
	.adjust-height1 {	
		min-height: 240px;
	}
	.adjust-height2 {	
		min-height: 150px;
	}
	.client-particulier {	
		background: url(../../uploads/2014/11/client-particulier.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;
	}
	.credit-particulier {	
		background: url(../../uploads/2014/11/credit-particulier.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;
	}
	.epargne-particulier {	
		background: url(../../uploads/2014/11/epargne-particulier.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;
	}
	.epargne-particulier-footer {	
		background: url(../../uploads/2014/11/epargne-particulier.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;
	}
	
	.call-to-action a {	
		color: #fff;
		border-radius: 5px 5px 0px 0px;
		font-weight: bold;
		display: block;
		min-height: 60px;
		position: absolute;
		bottom: 2px;
		width: 49%;
		padding: 5%;
	}
	.call-to-action-footer a {	
		color: #fff;
		border-radius: 5px 5px 0px 0px;
		font-weight: bold;
		display: block;
		min-height: 60px;
		position: absolute;
		bottom: 2px;
		width: 70%;
		padding: 5%;
	}
	
	.action-noir a {	
		/*display: block;
		min-height: 60px;
		position: absolute;
		bottom: 0px;
		width: 70%;
		padding: 5%;*/
		background-color: rgba(0,0,0,0.7);
		
	}
	
	.action-noir a:hover {	
		background-color: rgba(0,0,0,1);
		-webkit-transition-duration: 2s; 
		transition-duration: 2s;
	}
	
	/*.call-to-action a,.call-to-action-footer a {	
		color: #fff;
	}
	.call-to-action,.call-to-action-footer {	
		position: absolute;
		bottom: 0px;
		color: #fff;
        border-radius: 5px 5px 0px 0px;
	}
	.call-to-action-footer {	
		min-height: 60px;
		width: 60%;
	}
		.action-noir {	
			background-color: rgba(0,0,0,0.7);
			padding: 5%;
			cursor: pointer;	
		}
		.action-noir:hover {	
			background-color: rgba(0,0,0,1);
		}*/
		
	   /* PROFESIONNELS */
	.client-professionnel {	
		background: url(../../uploads/2014/11/client-professionel.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;
	}
	.credit-professionnel {	
		background: url(../../uploads/2014/11/credit-professionel.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B;	
	}
	.epargne-professionnel {	
	background: url(../../uploads/2014/11/epargne-professionel.jpg) no-repeat;
		/*min-height: 240px;*/
		background-size: cover;
		border: 2px solid #5C5B5B ;		
	}
	.epargne-professionnel-footer {	
		background: url(../../uploads/2014/11/epargne-professionel.jpg) no-repeat;
		/*min-height: 240px;*/
		border: 2px solid #5C5B5B;
	}
	    .action-rouge a{	
		    background-color: rgba(220,4,4,0.7);
		}
		
		.action-rouge a:hover{	
		    background-color: rgba(220,4,4,1);
		    -webkit-transition-duration: 2s; 
		    transition-duration: 2s;
		}
		
		.action-gray {	
			background-color: #dadada;
			padding: 5%;	
            min-height: 60px;
			margin-right: 1%;	
			margin-top: 1%;
			color: #000 !important;
			display: block;
			font-size: 16px;
			
		}
		.action-gray:hover{	
			background-color: rgba(220,4,4,0.7);
			color:#fff !important ;
			-webkit-transition-duration: 2s; 
			transition-duration: 2s;
		}
		
		/*.action-rouge,.action-rouge-footer{	
			background-color: rgba(220,4,4,0.7);
			padding: 5%;
			cursor: pointer;
			border-radius: 5px 5px 0px 0px;	
		}
		.action-rouge-footer{	
			min-height: 60px;
			width: 60%;
		}
		.action-rouge:hover{	
			background-color: rgba(220,4,4,1);	
		}
		.action-gray{	
			background-color: #dadada;
			padding: 5%;	
            min-height: 60px;
			margin-right: 1%;	
			margin-top: 1%;
			color: #000 !important;
			display: block;
			font-size: 16px;
			
		}
		.action-gray:hover{	
			background-color: rgba(220,4,4,0.7);
			color:#fff !important ;
			-webkit-transition-duration: 2s; 
			transition-duration: 2s;
		}
		.action-gray a:hover{	
			color:#fff !important;
		}*/
		

.under-footer {	
	color: #fff;
	padding-top: 10px;
}		
	
/*---------------------- CATEGORIE D' ARTICLE
-------------------------------------------*/
.post-meta
{	
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	padding: 1%;
	padding-left:0px;
	padding-right:0px;
}
.post-meta a
{	
	color: #000;
}
.readmore
{	
	background-color: #8f8f8f;
}
.readmore:hover
{	
	background-color: #5c5b5b;
}
.post-title	a{	
	color: #dc0404;
}	
	
	
/*--------------------------PRODUITS
-------------------------------------------*/

.devenir-client-particulier {	
	background: url(../../uploads/2014/11/img_offre_particulier.jpg) no-repeat;
	min-height: 200px;
	background-size: 99% 100%;
}
.devenir-client-particulier-footer {	
	background: url(../../uploads/2014/11/img_offre_particulier.jpg) no-repeat;
	min-height: 200px;
	background-size: 99% 100%;
}
.background-red {	
	background-color: #d0162c;
	min-height: 200px;
}

.content-produit {	
	padding: 2% 3%;
}

.more-infos:hover {
	color: #000 !important;
	   
	}

/*-------------------------------- SETTINGS FORMS
-----------------------------------------------*/
input,textarea,select{
	padding: 1% 2%;
    border: 1px solid #ccc;	   
}

input[type="submit"]{
	background-color: #D0162C ;  
    border: none;
	padding: 1% 5%;	
}
input[type="submit"]:hover{
    background-color: rgba(220,4,4,1);
		-webkit-transition-duration: 2s;		
		transition-duration: 2s;
	color: #fff;	
}

/*CSS UBERMENU*/
.top-menu .ubermenu-submenu{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: 170px;
}

/*.top-menu  .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: 2px solid #fff;
}

.top-menu  .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-1 > .ubermenu-submenu-drop {
    border-top: none;
}*/

#ubermenu-main-39-top-menu .ubermenu-submenu ul li a {
	padding: 5px 16px;
}
#ubermenu-main-39-top-menu .ubermenu-submenu ul li a {
	padding: 5px 16px;
}
.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    padding: 14px 8px;
}
#ubermenu-main-39-top-menu  .ubermenu-main ul li {
    padding: 5px 16px;
}

.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
    padding: 5px 16px !important;
}
	
	
/*-------------------------------- FOOTER
-----------------------------------------------*/	

#sur-footer {
	background-color: #5C5B5B;	  
	padding-bottom: 2%;	
	margin-top: 5%;
}
#footer-wrapper  a{
	color: #000;
}


.read-more-news {
	color: #fff !important;
	padding: 10px;
	background-color: #5F6062;
}
.read-more-news:hover {
	color: #000 !important;
	
}

	
/*-------------------------------- TOUTES LES PAGES SAUF ACCUEIL
-----------------------------------------------*/	
.page-inner{
	padding-bottom: 4%;
}
.page-id-2277 .page-inner, .page-id-2296  .page-inner, .page-id-1956  .page-inner, .page-id-1956  .page-inner{
	padding-bottom: 0%;
}

#ubermenu-pays-24,#ubermenu-pays-45{
	z-index: 9999999;
}
.page-id-1956#recent-posts-plus-2{
	min-height: 295px;
}
.page-id-1956 .footer{
	padding-top: 0px !important;
}
.title-post-2:hover{
	color: #fff;
}
.l-pays.ubermenu-pays .ubermenu .ubermenu-submenu{
	margin-top: 20px ! important;
}

body.single-post #sur-footer{
	display: none;
}



/*==================================================================================================================================================================
  MEDIA QUERIES
================================================================================================================================================================== */

@media screen and (max-width: 480px) {
	.carousel-caption {
		z-index: 10;
		padding:50px 10px 50px 10px;
		width: 100%;
	}
	
	div#portfolio-wrapper ul#portfolio-list.thumbnails div.item{
		width:100%;
	}
	div#portfolio-wrapper ul#portfolio-list.thumbnails div.item div.thumb a img.attachment-post-thumbnail{
		width:100%;
		height:auto;
	}
	
	
}

@media screen and (max-width: 767px) {
	div#logo{
		padding:5px 15px 5px 15px;
		margin-left:0px;
	}
	.navbar-search{
		float:none;
		padding: 10px 0;
		width:100%;
		border-top:1px solid #EEEEEE ;
	}
	.social-icons-top {
		padding: 5px 0 5px 0;
		float:none;
		margin:0px;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		display: inline-block;
		left: 10px;
		right: 10px;
		position: absolute;
		top: 50%;
		z-index: 5;
	}
	.home-button-container {
		margin: 50px auto 0 auto;
		padding:0px 40px 0px 40px;
		width:100%;
	}
	.footer-menu,
	.copyright,
	.scroll-top,
	.powered {
		text-align: center;
	}
	.copyright, .scroll-top, .powered {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.pull-right-head{
		float:none;
	}
	div.carousel-caption h1{
		font-size:40px;
	}
	
	.social-icons {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align:center;
	}
	
	.social-icons a:hover {
		text-decoration: none;
	}
	
	.hero_img {
		max-width: 100%;
		max-height: 250px;
	}
	
	.text-right.top{
		display:none;
	}
	
	

div#logo img {
	height:30px;
	width:auto;
}

.top-menu{
	padding-top:0px;
}

#text-35{
	padding-left:15px;
}
}

@media screen and (max-width: 782px) {
	body.admin-bar .navbar-fixed-top { 
		top: 46px !important; 
	}
}

@media (min-width: 768px) {
	  /* Remove the edge padding needed for mobile */
	.marketing {
		padding-left: 0;
		padding-right: 0;
	}
	  /* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
	.featurette-heading {
		font-size: 40px;
	  }
	.social-icons {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media (min-width: 992px) {
	.featurette-heading {
		margin-top: 50px;
	}
	.social-icons {
		margin-top: 10px;
		margin-bottom: 10px;
		float:right;
	}
}