body#Home { background: #900000; }
body#Home #fixed-content-inner { background: #fff; }

/********Commun********/

.blocTop {
	 
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 510px;
	height: 510px;
	position: relative;
}

.blocBottom {
	height: 290px;
}


/************************slide 1 ******************************************************************/
#ecran1 {
	padding-top: 100px;
	width: 100%;
	position:relative;
}

#ecran1 #votre-centre-affaires-surmesure {
		background:url(/public/images/bg-txt-slide.png) top center no-repeat;


	height: 740px;
	position: relative;
}
#ecran1 h1.TitleH1 {
	font-weight: 800;
	text-align: center;
	font-size: 52px;
	color: #4b4958;
	line-height: 50px;
	margin: 0 auto 20px;
	padding: 90px 0 23px;
	border-bottom: 1px solid #000;
	width: 54%;
}
#ecran1 .TextInfo {
	font-weight: 400;
	font-size: 17px;
	color: #4b4958;
	text-align: center;
}
#ecran1 .paves2 { 
    height: 138px;
    margin: 48px auto 0 auto; 
}

#ecran1 .paves {
	position: absolute;
    top: -200px;
}
#ecran1 .paves .pave1 {
	width: 324px;
	float: left;
	margin-left: -9px;
}
#ecran1 .paves .pave2 {
	width: 324px;
	float: left;
	margin: 0 12px;
}
#ecran1 .paves .pave3 {
	width: 324px;
	float: left;
}
#ecran1 .paves .PaveImg {
	background: url(/public/images/bg-pave.png) left center no-repeat;
	height: 142px;
	padding-left: 15px;
	padding-top: 45px;
	width: 309px;
}
#ecran1 .paves h3.PaveTitle {
	font-weight: 800;
	color: #4b4958;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 13px;
}

#ecran1 .paves h3.PaveTitle a{
	font-weight: 800;
	color: #4b4958;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 13px;
	text-decoration:none;
}



#ecran1 #nos-centre-affaires {
	/*background: url(/public/images/bg-noscentre.jpg) left bottom repeat-x;*/
	position:relative;
        padding: 0 0 33px 0;
}
#ecran1 h2.TitleH2 {
	font-weight: 800;
	text-align: center;
	font-size: 30px;
	color: #4b4958;
	line-height: 50px;
	margin: 80px auto 20px;
	padding: 68px 0 23px;
	border-bottom: 1px solid #000;
	width: 76%;
}
.btn-contactez-nous {
	text-align: center;
	margin-top: 30px;
}
.btn-contactez-nous a {
	background: url(/public/images/bg-contactez-nous.png) left center no-repeat;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	text-align: center;
	width: 167px;
	display: inline-block;
	text-transform: uppercase;
	text-shadow: -1px -1px 0px #6c045a;
}
.btn-contactez-nous a span {
	display: block;
	padding-left: 36px;
}
#ecran1 #nos-centre-affaires .localisation {
	margin-top: 37px;
}
#ecran1 #nos-centre-affaires .localisation .map {
	background: url(/public/images/bg-carte.png) left center no-repeat;
	height: 308px;
	padding-left: 21px;
	padding-top: 6px;
	width: 603px;
	float: left;
	margin-left: 34px;
}
#ecran1 #nos-centre-affaires .localisation .markers {
	margin-left: 30px;
	float: left;
	width: 285px;
}
#ecran1 #nos-centre-affaires .localisation .marker {
	background: url(/public/images/bg-marker.png) left center no-repeat;
	padding-left: 46px;
	margin-top: 12px;
}
#ecran1 #nos-centre-affaires .localisation .marker .Titremarker {
	font-weight: 400;
	font-size: 13px;
	color: #4b4958;
}
#ecran1 #nos-centre-affaires .localisation .marker .localmarker {
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
}
#ecran1 #nos-centre-affaires .localisation .markers .marker .numtelmarker {
	font-weight: 400;
	font-size: 17px;
	color: #4b4958;
}
#ecran1 #nos-centre-affaires .localisation .markers .marker .numtelmarker span.numtel {
	font-weight: 400;
	font-size: 17px;
	color: #900000;
}
#ecran1 #nos-centre-affaires .localisation .markers .TextInfoMarker {
	font-weight: 400;
	font-size: 13px;
	color: #4b4958;
	float: left;
	margin-top: 37px;
}
.ContentImages {
	display: inline-block;
	margin-top: 30px;
}
.ContentImages ul.imgs {
	clear: both;
}
.ContentImages ul.imgs li.img {
	float: left;
	display: inline-block;
	background: #fff;
	padding: 5px 5px 1px;
	border: 1px solid #d3d3d3;
	-moz-box-shadow: 0 3px 2px #CCCCCC;
	-webkit-box-shadow: 0 3px 2px #CCCCCC;
	box-shadow: 0 3px 2px #CCCCCC;
	margin: 0 9px 0 8px;
	position: relative;
}
.ContentImages ul.imgs li.img:hover img {
	opacity: 0.2;
	cursor: pointer;
}
.ContentImages ul.imgs li.img .hoverdisplayTitleImg {
	display: none;
}
.ContentImages ul.imgs li.img:hover .hoverdisplayTitleImg {
	font-weight: 400;
	font-size: 14px;
	color: #4b4958;
	position: absolute;
	display: block;
	right: 0px;
	width: 250px;
	text-align: center;
	bottom: 70px;
	padding: 0 20px;
	text-align: center;
	width: 190px;
	cursor: pointer;
}
.ContentImages ul.imgs li.img.img1 {
	margin-left: 0px;
}
.ContentImages ul.imgs li.img.img2 {
}
.ContentImages ul.imgs li.img.img3 {
}
.ContentImages ul.imgs li.img.img4 {
	margin-right: 0px;
}
/************************slide 2 ******************************************************************/
#ecran2 {
	 
	height: 864px;
	width: 100%;
        box-shadow: 0 10px 5px -10px #555 inset;
	overflow: hidden;
	position: relative;
}
    #ecran2-1 { box-shadow: 0 10px 5px -10px #555 inset; }

#ecran2 h2.TitleH1 {
	font-weight: 800;
	text-align: center;
	font-size: 52px;
	color: #4b4958;
	line-height: 50px;
	margin: 0 auto 20px;
	padding: 60px 0 23px;
	border-bottom: 1px solid #000;
	width: 48%;
}
#ecran2 .TextInfo {
	font-weight: 400;
	font-size: 17px;
	color: #4b4958;
	text-align: center;
}
.btn-contactez-nous span.numtel {
	background: url("/public/images/bg-numteltop-red.png") no-repeat scroll left center transparent;
	color: #900000;
	font-size: 18px;
	font-weight: 800;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#ecran2 .avantage {
	background: url(/public/images/bg-avantage.png) center center no-repeat;
	text-align: center;
	height: 200px;
	width: 380px;
	margin: 14px auto 0;
	padding: 0px;
}
#ecran2 .avantage .TitleAvantage {
	color: #900000;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 15px;
	padding-top: 30px;
}
#ecran2 .avantage .TxtAvantage ul li {
	color: #4b4958;
	font-size: 14px;
	font-weight: 400;
	display: block;
	clear: both;
	line-height: 40px;
}
#ecran2 .BtnDeatail {
	background: #fff;
	border: 2px solid #900000;
	width: 299px;
	text-align: center;
	margin: 10px auto 0;
	padding: 15px 0 0;
	-moz-box-shadow: 2px 1px 5px #000;
	-webkit-box-shadow: 2px 1px 5px #000;
	box-shadow: 2px 1px 5px #000;
	height: 35px;
	border-radius: 4px 4px 4px 4px;
}
#ecran2 .BtnDeatail a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 800;
	/*padding: 15px 56px;*/
	text-transform: uppercase;
}
#ecran2 .BtnDeatail a span {
	background: url(/public/images/arrow-red.png) right center no-repeat;
	padding-right: 22px;
}
/************************slide 3 ******************************************************************/
#ecran3 {
	 
	height: 864px;
	width: 100%;
        box-shadow: 0 10px 5px -10px #555 inset;
	overflow: hidden;
	position: relative;
}
    #ecran3-1 { box-shadow: 0 10px 5px -10px #555 inset; }

#ecran3 h2.TitleH1 {
	font-weight: 800;
	text-align: center;
	font-size: 52px;
	color: #4b4958;
	line-height: 50px;
	margin: 0 auto 20px;
	padding: 60px 0 23px;
	border-bottom: 1px solid #000;
	width: 48%;
}
#ecran3 .TextInfo {
	font-weight: 400;
	font-size: 17px;
	color: #4b4958;
	text-align: center;
}
.btn-contactez-nous span.numtel {
	background: url("/public/images/bg-numteltop-red.png") no-repeat scroll left center transparent;
	color: #900000;
	font-size: 18px;
	font-weight: 800;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#ecran3 .avantage {
	background: url(/public/images/bg-avantage.png) center center no-repeat;
	text-align: center;
	height: 200px;
	width: 380px;
	margin: 14px auto 0;
	padding: 0px;
}
#ecran3 .avantage .TitleAvantage {
	color: #900000;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 15px;
	padding-top: 30px;
}
#ecran3 .avantage .TxtAvantage ul li {
	color: #4b4958;
	font-size: 14px;
	font-weight: 400;
	display: block;
	clear: both;
	line-height: 40px;
}
#ecran3 .BtnDeatail {
	background: #fff;
	border: 2px solid #900000;
	width: 299px;
	text-align: center;
	margin: 10px auto 0;
	padding: 15px 0 0;
	-moz-box-shadow: 2px 1px 5px #000;
	-webkit-box-shadow: 2px 1px 5px #000;
	box-shadow: 2px 1px 5px #000;
	height: 35px;
	border-radius: 4px 4px 4px 4px;
}
#ecran3 .BtnDeatail a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 800;
	/*padding: 15px 56px;*/
	text-transform: uppercase;
}
#ecran3 .BtnDeatail a span {
	background: url(/public/images/arrow-red.png) right center no-repeat;
	padding-right: 22px;
}
/************************slide 4 ******************************************************************/
#ecran4 {
	 
	/*height: 870px;*/
	width: 100%;
        box-shadow: 0 10px 5px -10px #555 inset;
	overflow: hidden;
	position: relative;
}
    #ecran4-1 { box-shadow: 0 10px 5px -10px #555 inset; }

#ecran4 h2.TitleH1 {
	font-weight: 800;
	text-align: center;
	font-size: 52px;
	color: #4b4958;
	line-height: 50px;
	margin: 0 auto 20px;
	padding: 60px 0 23px;
	border-bottom: 1px solid #000;
	width: 40%;
}
#ecran4 .TextInfo {
	font-weight: 400;
	font-size: 17px;
	color: #4b4958;
	text-align: center;
}
.btn-contactez-nous span.numtel {
	background: url("/public/images/bg-numteltop-red.png") no-repeat scroll left center transparent;
	color: #900000;
	font-size: 18px;
	font-weight: 800;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#ecran4 .avantage {
	background: url(/public/images/bg-avantage.png) center center no-repeat;
	text-align: center;
	height: 200px;
	width: 380px;
	margin: 14px auto 0;
	padding: 0px;
}
#ecran4 .avantage .TitleAvantage {
	color: #900000;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 15px;
	padding-top: 30px;
}
#ecran4 .avantage .TxtAvantage ul li {
	color: #4b4958;
	font-size: 14px;
	font-weight: 400;
	display: block;
	clear: both;
	line-height: 40px;
}
#ecran4 .BtnDeatail {
	background: #fff;
	border: 2px solid #900000;
	width: 299px;
	text-align: center;
	margin: 10px auto 0;
	padding: 15px 0 0;
	-moz-box-shadow: 2px 1px 5px #000;
	-webkit-box-shadow: 2px 1px 5px #000;
	box-shadow: 2px 1px 5px #000;
	height: 35px;
	border-radius: 4px 4px 4px 4px;
}
#ecran4 .BtnDeatail a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 800;
	color: #900000;
	/*padding: 15px 56px;*/
	text-transform: uppercase;
}
#ecran4 .BtnDeatail a span {
	background: url(/public/images/arrow-red.png) right center no-repeat;
	padding-right: 22px;
}


/************************************************************ formulaire de contact right *****************************************/
 
 
#sidePanel {
	width: 335px;
        height: 475px;
	position: fixed;
	right: -281px;
	top: 25%;
	z-index: 10000;
	height:130px;
}
#panelHandle {
	height: 320px;
	width: 53px;
	float: right;
	cursor: pointer;
}
#panelContent {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	box-shadow: 1px 1px 5px #4b4958;
	float: right;
        height: 470px;
        overflow-y: scroll;
	padding: 13px 15px;
	width: 250px;
}
#sidePanel #panelContent .TitreFormulaire {
	font-size: 13px;
	color: #6c0459;
	font-weight: 700;
	text-transform: uppercase;
		padding-top: 0 !important;
}
#sidePanel #panelContent .TitreFormulaire a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#sidePanel #panelContent .TitreFormulaire span.pourcentageForm {
	width: 55px;
	height: 24px;
	background: #900000;
	border-radius: 4px;
	color: #fff;
	padding: 5px 0;
	font-size: 12px;
	margin: 0 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#sidePanel #panelContent .formulaireCantact {
	clear:both;
        margin-top: 15px;
}
#sidePanel #panelContent .formulaireCantact input {
	border: 1px solid #bdbdbd;
	color: #898989;
	font-size: 13px;
	font-weight: 400;
	width: 225px;
	height: 32px;
	margin: 4px 0px;
	padding-left: 14px;
	padding-right: 5px;
	background:none;
}
#sidePanel #panelContent .formulaireCantact textarea {
	border: 1px solid #bdbdbd;
	color: #898989;
	font-size: 13px;
	font-weight: 400;
	width: 225px;
	height: 110px;
	margin: 4px 0px;
	padding-left: 14px;
	padding-right: 5px;
	padding-top:5px;
}
#sidePanel #panelContent .formulaireCantact .btn-submit-form-contact input {
	background: url(/public/images/bg-btn-envoyer.jpg) left center no-repeat;
	 border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    height: 38px;
    padding-bottom: 3px;
    padding-left: 40px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 #6C045A;
    text-transform: uppercase;
    width: 207px;
	cursor:pointer;
	margin-left:20px;
	margin-top:16px;
	margin-bottom:11px;
}

#sidePanel #panelContent .formulaireCantact .select-form-contact{
	 border: 1px solid #BDBDBD;
    color: #898989;
    font-size: 13px;
    font-weight: 400;
    height: 32px;
    margin: 4px 0;
    overflow: hidden;
    padding-left: 10px;
    width: 234px;
    background:url(/public/images/bg-select.jpg) right center no-repeat;

}

#sidePanel #panelContent .formulaireCantact .select-form-contact select {
	 border: 0 solid #BDBDBD;
    color: #898989;
    font-size: 13px;
    font-weight: 400;
    height: 24px;
    margin: 4px 0;
    overflow: hidden;
    width: 250px;
	background:none;
}


 
 

#ecran1-1{
	/*background:url(/public/images/bg-slide1.jpg) 50% 0 / 100% auto no-repeat fixed;*/
	color: white;
	height: 640px;
        background-position: 50% 100px !important;
	margin: 0 auto;
	padding: 0;
}

 

#ecran2-1{
	/*background: url(/public/images/bg-slide2.jpg) 50% 0 / 100% auto no-repeat fixed;*/
	color: white;
	height: 503px;
	padding: 00px 0 0 0;	
}

 


#ecran3-1{
	/*background: url(/public/images/bg-slide3.jpg) 50% 0 / 100% auto no-repeat fixed;*/
	color: white;
	height: 503px;
	padding: 00px 0 0 0;	
}

#ecran4-1{
	/*background: url(/public/images/bg-slide4.jpg) 50% 0 / 100% auto no-repeat fixed;*/
	color: white;
	height: 503px;
	padding: 00px 0 0 0;	
}


 
#scroller {
    height: 2000px;
    width: 1px;
    z-index: 10;
}

#fixed-content {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}

 


 
.content-scroller {
    margin-bottom: 00px;
    margin-top: 00px;
    position: relative;
	background:url(/public/images/bg-txt-slide.png) top center no-repeat;
}

 .anchor{ position:absolute; background:none; top:-100px; height:100px;  width:100%;}