body{
	font-family: 'Poppins', sans-serif !important;
	color:#231f20 ;	
	line-height:1.4em;
}
a {
    color: #231f20!important;
    text-decoration: none;
}

header[role="banner"] {
    margin: auto;
    max-width: 1200px;
}

div.header {

    background-repeat: repeat-x;
    background-position: 0px 0px;
    /*position: fixed;*/
    z-index: 10;
	position:relative;
    background-size: auto auto;
    width: 100%;
    padding-top: 28px;
    padding-bottom: 20px;
    /*min-height: 123px;*/
	/*border-bottom:solid 1px #231f20 ;*/
}
div.logo{ float:left;	}
.global .content { margin: auto; width: 100%; max-width: 1200px; position: relative; /*padding-top: 140px;*/ }
div.footer {
	/*min-height:100px;*/
	/*background:#000;*/
	color:#000;
}
div.logoFooter {
	margin-top:20px !important;
	max-width:1200px;
	margin:auto;
	background:url(../images/logo-footer.png);
	background-repeat:no-repeat;
	background-position:right top ;
	height:42px;
}
#monslide {
    max-width: 1200px;
	max-height:475px;
    margin-bottom: 40px;
    float: left;
    position: relative;
    width: 100%;
	overflow:hidden;
}
.presentation{
	text-align: justify;
	font-size:20px;
	padding-top: 20px;
}
.btn, .btnEnvoi{
	display: block;
 	margin : auto;
	width:400px;;
 	text-align: center;
	color:#FFF!important;
	background:#231f20;
	text-transform:uppercase;
	font-size:16px;
	padding:3px 30px;
	border:solid 1px #231f20 ; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn:hover, .btnEnvoi:hover{
	background:#FFF;
	color:#231f20!important;
	border:solid 1px #231f20 ; 
}
.separation{
	width:100%;
	height:24px;
	margin:40px 0 ;
	background: url(../images/separation.png) ;
	background-repeat:repeat-x;
	background-position:center ;
}
.separation .cj{
	display:block;
	margin:auto;
	width:43px;
	height:26px;
	background: url(../images/cj-separation.png) no-repeat;
}
.separationverticale{
	background: url(../images/separation-v.png) ;
	background-repeat: no-repeat;
	background-position:center ;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif !important;
	
}
h1{
	font-size:40px;
	font-weight:900;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:50px;
}
h1.title{
	border-left:solid 20px #231f20;
	padding-left:12px;
}
h1.middle{
	text-align:center;
}
h2{
	font-weight:800;
	text-transform:uppercase;
}
.associes h2{
	margin-bottom:0 ;	
}
.associes{
	font-size:16px;
}
.associes .right{
	text-align:right;	
}
.associes img{
	float:left;
	margin-right:15px;
}
.associes .right img{
	float:right;
	margin-left:15px;
	margin-right: 0 ;
}
.texteAss{
	clear: both;
	text-align: justify;
	padding-top: 20px;
}
.associes p{
	/*font-style:italic;	*/
}
.associes .btn{
	width:450px;
}
p.st{
	margin-top:0 ;
	font-style:normal;
	margin-bottom:10px;
}
.realisations{
	text-align:right;	
}
.realisations article{
	/*background: url(../images/cj-realisations.png);*/
	background-repeat:no-repeat ;
	background-position:0 32px;
	
}
.bloc-s{
	text-align: center;
}
.realisations h2{
	font-weight:400;
	font-size:20px;
	margin-bottom:0;
}
.realisations h1{
	text-align:right;	
	margin-bottom:5px;
}
.publication{
	text-align: center;
}

. h1{
	text-align:center;
	margin-bottom:25px;	
}
.publication h1{
	text-align: center;
}
. .h2, . img{
	float:left;
}
. img{
	float: inherit !important;
}
. img{
	margin-right:15px;
}
. .btn{
	clear:both;
	float:left;
	margin-top:20px;
	width:auto;
	
}
.img-actu{
	text-align: center;
}
.book h1{
	text-align:right;	
	margin-bottom:25px;	
}
.book img{
	float:right;
	margin-left:15px;
	border:solid 1px #231F20 ;
}
.book .btn{
	clear:both;
	float:right;
	margin-top:20px;
	width:auto;
}

.footer h3{
	margin:20px 0 15px  0;
	font-weight:normal;
	font-size:16px;
}
.footer a{
	color:#000 !important;
}
.footer a:hover{
	color:#ccc !important;
}
.footer p{
	color:#000;
	font-size:14px;	
	margin-top:10px ;
}
.footer .col1{
	padding:20px;	
}
.bold{
	font-weight:700;	
}
.maj{
	text-transform:uppercase;	
}
.justify{
	text-align:justify;	
}

#minimap{
	width:100%;
	min-height:160px;
	background:#CCC;
	margin:20px 0 20px 0 ;	
}
#map{
	width:100%;
	min-height:600px;
	background:#fcfcfc;
}
section.bloc-agence{
	margin-top:30px;	
}

section.bloc-agence h1{
	margin-bottom:15px;
	font-size:35px ;
}
section.bloc-agence p{
	margin-bottom:10px;
	font-size:16px;
	line-height:1.4em;
}
section.bloc-agence img{
	margin-top:57px;
}
.agence .bloc-associes h1{
	font-size:26px;
	margin-bottom:15px;
}
.agence .bloc-associes p{
	margin-bottom:10px;
}
.liste figure{
	margin-bottom:0 ;
}
	
.liste h1{
	margin-left:10px;
	margin-bottom:5px;
	font-size:24px;
	text-transform:uppercase;
}
.liste h2{
	margin-left:10px;
	margin-bottom:10px;
	font-size:20px;
	text-transform:none;
	font-weight:200;
}
.liste h3{
	margin-left:10px;
	margin-bottom:20px;
	font-size:20px;
	font-weight:700;
}
.liste p{
	margin-left:10px;
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	font-weight:600;
}
.liste p.titre{
	margin-bottom:0;
	font-weight:200!important;	
}

.rea-liste .btn{
	clear:both;
	float:left;
	margin-top:20px;
	margin-left:9px;
	width:auto;
	font-size:14px;
	
}
.rea-fiche .details h1{
	font-size:20px;
	font-weight:100;
	margin-bottom:5px;
	font-weight:200!important ;
}
.rea-fiche .details p{
	font-size:16px;
	font-weight:500 ;
}
.rea-fiche .miniatures a{ 
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.rea-fiche .miniatures a:hover, .rea-fiche .miniatures a.current{ 
	opacity: 1;
    filter: alpha(opacity=100);
}

#container, #slider {
	width: auto;
}

#slider, #slider img {
	width: 100%;
}
.caption{
	background: url(../images/back-slide.png) repeat; 
	color:#fff ;
	position:absolute;
	bottom:0;
	left:0 ;
	padding: 25px 20px 20px 20px;
}
.caption .city{
	font-weight:900 ;
	font-size:40px;
	text-transform:uppercase; 	
}
.caption .city2{
	font-weight:300 ;
	font-size:20px;
	margin-top:15px;
	text-transform:uppercase; 	
}
div.entete{
	border-left: 20px solid #231F20;
	padding-left: 12px;
	margin-bottom: 50px;
}
div.entete h1{
	margin-bottom:0px;
}
div.entete h2{
	font-weight:100;
	font-size:30px;
	margin-bottom:0px;
}
div.entete h3{
	font-size:20px;
	font-weight:700;
	text-transform:none;
}
.social h1{
	font-weight:600!important;	
}

.postale h1, .postale h2, .postale p, .postale img{
	float:right!important ;
	text-align:right;
	clear:both;
}
.contact .units-row h1{
	margin-bottom:20px;
}
.postale h2{
	font-size:16px;
	font-weight:700;	
}
.postale p{
	font-size:16px;
}

form label{
	font-size:16px;
	font-weight:900;
	text-transform:uppercase;
}
form input{
	/**/
}
form textarea{
	height:160px;
	
}
form .input{float:left;
	clear:both;
	background:#fcfcfc ;
	border:none;
	width:100%;
	border-bottom:solid 1px #231f20;
	font-family: 'Poppins', sans-serif !important;
	color:#231f20 ;	
	font-size:16px;
}

aside{
	float:right;
	width:100%;
	text-align:right;
	padding-left:20px;
	max-width:221px;
	/*float:left;
	top:0 ;*/
}

.stickem-container {
  position: relative;
}

.stickit {
    position: fixed;
    top: 20px;
}

.stickit-end {
    bottom: 40px;
    position: absolute;
    right: 0;
}
.cale{
	height:1px;
	background:none;
}

aside h1{
	font-size:20px;
	width:100%;
	text-align:right;
	margin:15px 15px 10px 0;
	float:right;
}

aside ul{
	float:right;
	margin-right:15px;
	margin-bottom:15px;
}
aside ul li{
	float:right;
	clear:right;
	height:inherit;
	margin:10px 0 ;
}
aside ul li a{
	float:right;
	height:inherit;
	line-height:13px;
}
aside ul li a:hover, aside ul li.current{
	border-bottom:none!important;
	border-left:solid 5px #000;
}
.fb-like, .twitter-share-button, .IN-widget, .gplus{
	float:right;
	margin-bottom:15px;
	margin-right:15px;	
}
.grey{
	background:#f4f4f4;
		
}

.sitemap ul{
	float:left;
	margin:0;
	padding:0;
}

.sitemap ul li{
	float:left;
	clear:both;	
}
.sitemap ul li a, .sitemap ul li a:hover{
	border:none;
	height:inherit;
	line-height:inherit;
	text-transform:none;
	font-weight:inherit;
}
.sitemap ul li a:hover{
	text-decoration:underline;	
}
. h2{
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 24px;
	text-transform: uppercase;	
}
. h3{
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	text-transform: none;
	font-weight: 200;
}
. p{
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 600;
}
p{
	line-height: 1.2em !important;
}
.align-footer{
	text-align: right ;
}
.center{
	text-align:center;	
}
.form-validation-contact{
	display:none;	
}

.imgAgence img{
	margin: 10px 0;
}
.div-3{
	width:calc(100% / 3) ;
	float: left;
	/*padding: 10px;*/
}
.clear{
	clear: both ;
}
.rea-fiche article figure{
	margin: 0 20px 20px 0 ;
}
.div-3{
	/*position:relative;
	margin:0 auto;
	max-width:1000px;
	list-style:none;
	text-align:center;*/
}
.div-3 figure{position:relative;float:left;overflow:hidden;margin:10px 1%;max-width:480px;max-height:360px;width:100%;text-align:center;cursor:pointer; 
    /*padding: 10px;*/
    margin: 0 !important;}
.div-3 figure img{position:relative;display:block;min-height:100%;max-width:100%;}
.div-3 figure figcaption{
	padding:20px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.25em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background: rgba(255,255,255,0.75);
}
figcaption{
	margin: 0 !important;
}
.units-row .unit-25:first-child, .units-row .unit-25{
	margin: 10px !important;
	width: calc(25% - 20px)  !important;
}
.div-3 figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.div-3 figure figcaption,.grid figure figcaption>a{
	position:absolute;
	/*bottom:0;*/
	left:0;
	width:100%;
}
.div-3 figure .description{
	color: #000 ;
}
.div-3 figure .esp{
	color: #000 ;
	font-style: italic;
	font-weight: 300;
}
.div-3 figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.div-3 figure h2{font-weight:300; margin-bottom: 20px !important;}
.div-3 figure h2 span{font-weight:800}
.div-3 figure h2,.grid figure p{margin:0}
.div-3 figure p{letter-spacing:1px;font-size:68.5%}
@media screen and (max-width:50em){
.div-3 figure{display:inline-block;float:none;margin:10px auto;width:100%}
}

figure.effect-zoe figcaption{top:auto;bottom:0;padding:1em;height:3.75em;background:#fff;color:#3c4a50;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
figure.effect-zoe h2{float:left}
figure.effect-zoe p.icon-links a{float:right;color:#3c4a50;font-size:1.4em}
figure.effect-zoe:hover p.icon-links a:hover,figure.effect-zoe:hover p.icon-links a:focus{color:#252d31}
figure.effect-zoe p.description{position:absolute;left:0;bottom:8em;padding:2em;color:#000;text-transform:none;font-size:90%;opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:opacity .35s;transition:opacity .35s;-webkit-backface-visibility:hidden}
figure.effect-zoe h2,figure.effect-zoe p.icon-links a{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
figure.effect-zoe p.icon-links a span::before{display:inline-block;padding:8px 10px;font-family:'feathericons';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-eye::before{content:'\e000'}
.icon-paper-clip::before{content:'\e001'}
.icon-heart::before{content:'\e024'}
figure.effect-zoe h2{display:inline-block}
figure.effect-zoe:hover p.description{opacity:1}
figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-zoe:hover h2{-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay:.2s;transition-delay:.2s}

.filtres{
	width: 100%;
	padding: 20px 0 ;
	margin-left:10px;
	margin-bottom:20px;
}
.filtres .titre{
	float: left;
	text-transform: uppercase ;
    font-weight: 900;

}
.btnfiltre{
	float: left;
	margin: auto ;
	padding: 0 5px;
}
.btnfiltre:hover{
	border-bottom: 3px #000 solid ;
}