/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p	{ padding:0; margin:0; border:0;}
ul																{ list-style-type:none;}
body															{ font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; color:#111111; background:#e1e1e1; line-height:21px;}
a																{ border:none; text-decoration:none; color:#1375bc; outline:none;}
a:hover															{ color:#000;}
img 															{ border:none;}

html { height:100%;}
body { min-height:100%;}

@font-face{ 
	font-family: 'studio';
	src: url('../font/swz721c-webfont.eot');
	src: url('../font/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/swz721c-webfont.woff') format('woff'),
	     url('../font/swz721c-webfont.ttf') format('truetype'),
	     url('../font/swz721c-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'studioB';
	src: url('../font/swz721br-webfont.eot');
	src: url('../font/swz721br-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/swz721br-webfont.woff') format('woff'),
	     url('../font/swz721br-webfont.ttf') format('truetype'),
	     url('../font/swz721br-webfont.svg#webfont') format('svg');
}

.bgg {background:#CCC;}

.content { width: 100%; height:100%; display: block; }
.vegas-loading { display: none; }
.vegas-overlay { background: transparent url('images/bckgrd-body.png'); opacity: 0.5; z-index: -1; }
.vegas-background { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index: -2; }

.cont-actualite-contact {padding: 25px; display:block; width:96%; border:1px solid #cfd2d5; box-sizing:border-box;}
.colonneG {border-right:1px dashed #ccc; box-sizing:border-box; padding-right:20px;}
.colonneD {width:50% !important; margin:0px !important;}
#top, #bottom, #left, #right {
			background: #fff;
			z-index:990;
			}
			#left, #right {
				position: fixed;
				top: 0; bottom: 0;
				width: 25px;
				}
				#left { left: 0; }
				#right { right: 0; }
				
			#top, #bottom {
				position: fixed;
				left: 0; right: 0;
				height: 25px;
				}
				#top { top: 0; }
				#bottom { bottom: 0; }

.more, .menu a, .menu a span, .imageFancy a span, #footer a, .pageLeft a, .pageRight a, .pageRight span, .btn-footer span, #footer, .toponweb em, .blocHome a, .social, .box-galerie a span, .formBtn, .logo { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

/* STRETCH */
#wrapper 	{ min-width:1020px; width:100%; height:100%; min-height:100%; clear:both; overflow:hidden; position:relative;}
#header		{ width:100%; margin:0 auto; position:relative; z-index:500;}
   .cont-top-header {width:100%; height:98px; display:block;}

/* SUPERSIZE */
#bg-supersize					{ position:fixed; left:0; top:0; height:100%; width:100%; background:url(../images/bg-supersize.png) left top repeat; z-index:10;}
#supersize  					{ position:fixed; top:0; left:0; width:100%; min-width:1020px; min-height:740px; max-height:100%; height:100%; overflow:hidden; z-index:0;}
#supersize img, #supersize a	{ min-width:1020px; min-height:740px; height:100%; width:100%; position:absolute; z-index: 0;}
#supersize .prevslide, #supersize .prevslide img 		{ z-index: 1;}
#supersize .activeslide, #supersize .activeslide img	{ z-index: 2;}
.toponweb					{ width:88px; height:40px; background:url(../images/toponweb.png) left top no-repeat; display:block; bottom:10px; right:10px; z-index:200;}
.toponweb em				{ width:0px; height:40px; background:url(../images/toponweb.png) right top no-repeat; text-indent:-5000px; display:block;}
.toponweb:hover em			{ width:88px;}

/* HEADER */
.logo					{ width:300px; height:150px; background:url(../images/logo.png) left top no-repeat; text-indent:-3500px; display:block; margin:0px auto 0px; z-index:999;}

.blcvid {float:left; width:50%; margin-bottom:20px;}


/* HOME */
.blocHome			{ width:940px;  margin:0 auto 60px auto; min-height:370px; clear:both; line-height:20px; position:relative; z-index:200;}
.blocHome1 {
    max-width: 800px;
 
    padding: 25px 0px 0px 0px;
    border-radius: 6px;
    position:absolute;
    box-sizing: border-box;
    left: 50%;
    z-index: 200;
    margin: 50px 0 50px -400px;
	background:#fff;
}
.blocHome1 h1	{ text-align:center; font:normal 24px studio; text-transform:uppercase; color:#fff; line-height:30px;}
.blocHome1 h1 strong {font-weight:100 !important; text-transform:none !important;}
.more						{ height:20px; width:300px; background:#1375bc; padding:10px 18px 7px 18px; color:#fff !important; display:block;   margin: 20px auto 0px;  overflow:hidden; border-radius:4px; font-size:14px; font-family:studio; text-align:center;}
.more:hover {background:#000; color:#fff !important;}
.home-suggestions 		{ height:100%; min-height:195px; text-align:center;}
.home-annonces			{ height:100%; min-height:195px; text-align:center;}
#pager1, #pager2		{ text-align:center;}
#pager1 a, #pager2 a 	{ display:inline-block; text-indent:-9999px; width:8px; height:8px; border-radius:100px; background:#111111; margin:0 4px;}
#pager1 a.activeSlide, #pager2 a.activeSlide, #pager1 a:hover, #pager2 a:hover	{ background:#70ceff;}

.cont-tableau  {width:100%; display:block; line-height:15px; }
.cont-tableau2 {width:100%; height:30px; margin-bottom:3px;border-bottom:1px dashed #CCC; display:block;}
.cont-tableau1 {width:100%; height:30px; margin-bottom:3px; background:#c2def2; color:#000;display:block; padding:5px 12px 12px 0px; box-sizing:border-box; text-transform:uppercase; font-family:studioB; font-size:12px;}
.colonneGauche {width:80%; display:block; float:left; padding:5px 0 0 12px; box-sizing:border-box; }
.colonneMilieu {width:10%; display:block; float:left; padding:5px 0 0 12px; box-sizing:border-box; color:#1375bc;}
.colonneDroite {width:10%; display:block; float:left; padding:5px 0 0 12px; box-sizing:border-box; color:#1375bc;}



/* TITRE */
h2				{ display:block; font-family:studio; font-size:20px; margin-bottom:20px; color:#1375bc; font-weight:100;}
p {margin-bottom:20px; font-size:13px; line-height:21px; padding:0px 20px;}
ul {}
ul li {  background: url(../images/picto.png) left 6px no-repeat;
  padding: 0 0 0 30px;
  line-height: 25px;}
  
.adress {  text-align: center;
  color: #fff;
  font-family: studio;
  margin-top: 20px;
  font-weight: 100;
  background: url(../images/bg-black.png) left top repeat;
  font-size: 12px;
  padding: 7px;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
/*PAGE ANIMATION */


.cont-animation { width:100%;  height:320px; background:#000; padding:40px 0; margin-top:-48px; z-index:200 !important;}
.animation	{max-width:1200px; height:100%; margin:0 auto;  min-width:900px; padding-bottom:20px;}

.cont-construction {height:20px; width:100%; display:block; background: url(../images/bg-black.png) left top repeat-x; color:#fff; text-align:right; padding:7px 0px 7px 0px; font-family:studio; text-transform:uppercase; position:absolute; z-index:999; top:0;}
.construction {display:block; float:right;   margin-right: 20px; background: url(../images/bg-black.png) left top repeat; padding:7px 15px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}


/* FOOTER */

#footer					{ width:100%; height:180px; position:fixed; background:url(../images/bg-footer.png) left top repeat-x; z-index:300; text-align:center; color:#fff; z-index:200; left:0px; bottom:0px;}
#footer2					{ width:100%; height:65px;  background:#f4f4f4; z-index:300; text-align:center; color:#fff; z-index:200; left:0px; bottom:0px;}

#footer.active					{ width:100%; height:240px; position:fixed; background:url(../images/bg-footer.png) left top repeat-x; z-index:300; text-align:center; color:#fff; z-index:200; left:0px; bottom:0px;}
#footer2.active					{ width:100%;  height:125px; background:#f4f4f4; z-index:300; text-align:center; color:#fff; z-index:200; left:0px; bottom:0px;}


.cont-icones {min-width:680px; max-width:1200px; display:block; height:112px; margin:0 auto; box-sizing:border-box; padding:0 25px;}
.bloc-icones {width:20%; height:112px; display:block; float:left; text-align:center; font-size:14px; text-transform:uppercase; font-family:studio;}


.icone1 span.texteHover, .icone2 span.texteHover, .icone3 span.texteHover, .icone4 span.texteHover, .icone5 span.texteHover	{ width:160px; opacity:0;  background:#fff; display:block; cursor:pointer; position:relative; z-index:999; margin:-200px 0px 0px -45px; color:#000; text-align:#center; text-transform:none !important; line-height:18px; padding:5px; border-radius:4px;}
.icone1:hover span.texteHover, .icone2:hover span.texteHover, .icone3:hover span.texteHover, .icone4:hover span.texteHover,.icone5:hover span.texteHover			{ opacity:1;}

.icone1 span, .icone2 span, .icone3 span, .icone4 span, .icone5 span { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}




.blocLeft {width:300px; height:35px; display:block; float:left; color:#737373; font-family:studio; margin-left:35px; margin-top:20px;}
.blocCenter {width:180px; height:35px; display:block; margin:0 auto; }
.blocLeft p {margin-top:8px;}

.moreFooter						{ width:180px; height:50px; background:url(../images/phone-footer.png) left top no-repeat; text-indent:-3500px; display:block; margin:0; float:left; overflow:hidden;}


.blocRight {width:135px; height:50px; display:block; float:right; margin-top:-20px;}
.footerColonne6	{width:100%;  box-sizing:border-box; padding:10px 25px 40px 25px; margin:0 auto 0; display:block; text-align:center; background:#fff; min-height:35px; font-size:11px;}
.footerColonne6 a {color:#000; font-size:13px; border-left:1px solid #ccc; padding-left:10px; padding-right:10px;}
.footerColonne6 a:hover {color:#ee312c;}

#footer.footer-show		{ bottom:-5px; z-index:900;}

.moreSmart						{ width:35px; height:20px; background:url(../images/moreSmart.png) left top no-repeat; text-indent:-3500px; display:block; margin:0 0 0 10px;  overflow:hidden; margin:-20px auto 0px;}


.moreFacebook						{ width:26px; height:26px; background:url(../images/social.png) left top no-repeat; text-indent:-3500px; display:block; margin:0 0 0 10px; float:left; overflow:hidden;}
.moreFacebook span					{ width:26px; opacity:0; height:26px; background:url(../images/social.png) left -26px no-repeat; text-indent:-3500px; display:block; cursor:pointer;}
.moreFacebook:hover span			{ opacity:1;}

.moreGoogle						{ width:26px; height:26px; background:url(../images/social.png) -26px top no-repeat; text-indent:-3500px; display:block; margin:0px; float:left; overflow:hidden;}
.moreGoogle span					{ width:26px; opacity:0; height:26px; background:url(../images/social.png) -26px -26px no-repeat; text-indent:-3500px; display:block; cursor:pointer;}
.moreGoogle:hover span			{ opacity:1;}

.moreCourrier						{ width:26px; height:26px; background:url(../images/social.png) -52px top no-repeat; text-indent:-3500px; display:block; margin:0px; float:left; overflow:hidden;}
.moreCourrier span					{ width:26px; opacity:0; height:26px; background:url(../images/social.png) -52px -26px no-repeat; text-indent:-3500px; display:block; cursor:pointer;}
.moreCourrier:hover span			{ opacity:1;}

.moreFacebook span, .moreGoogle span, .moreCourrier span, .moreSouris span { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
/* CLASS */
.clear		{ clear:both;}
.left		{ float:left;}
.right		{ float:right;}
.sousTitre	{ font-weight:normal; color:#74c304; font-family:studio, Arial, sans-serif; font-size:16px;}
.ulList			{ padding:0 30px 15px 30px;}
.ulList li		{ padding:2px 0 2px 18px; background:url(../images/li-bullet.png) left 10px no-repeat; line-height:24px;}
.ulList.left 	{ margin-right:70px;}


/* CONTACT */
.contact				{ width:100%; font:normal 13px/22px swz; text-align:center; box-sizing:border-box; padding:5px 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #cfd2d5;}
.contact>div			{ margin:0 0 25px 0; box-sizing:border-box;}
.contact .left			{ width:50%; text-align:left;}
.contact .right			{ width:50%; text-align:left;}
.contact img			{ padding-top:0px;}
.contact>div span		{ color:#111; font:normal 13px/20px swzb; text-transform:uppercase; letter-spacing:.3px;}

.formErrorHeaderOk 		{ color:#fff; text-align:center; height:38px; color:#fff; width:96%; margin: 0 0 10px 0; font:normal 14px/38px studio !important; background:#8eca24;}
.formErrorHeader		{ background-color:#e03c2a; color:#fff; text-align:center; height:38px; width:96%; margin: 0 0 10px 0; font:normal 14px/38px studio !important;}
form					{ width:100%; box-sizing:border-box; padding:0;}
form div 				{ width:100%; box-sizing:border-box; padding:0 0 20px 0;}
input					{ width:96%; background:#fff; border:1px solid #cfd2d5; padding:12px; margin:0; box-sizing:border-box; font:normal 12px/18px Arial;}
textarea				{ width:96%; max-width:100%; min-height:140px; background:#fff; border:1px solid #cfd2d5; padding:12px; box-sizing:border-box; margin:0; font:normal 12px/18px Arial;}
.requis					{ background:#fff url(../images/requis.png) right 13px no-repeat;}
.captcha 				{ margin:0; position:relative;}
.captcha img			{ margin:0; padding:0; width:152px; border:0; position:absolute; right:8%; top:2px;}
.refresh				{ width:30px; height:30px; position:absolute; right:6%; top:7px; cursor:pointer; background:url(../images/refresh.png) -2px -2px no-repeat #242424; border-radius:90px;}
.refresh:hover			{ background-color:#ee312c;}
form .border 			{ border:1px solid #e03c2a;} 
#btnSend 				{ max-width:154px; border:0; cursor:pointer; margin:0 0 20px 0; background:#242424; border-radius:4px; color:#fff; font-family:studio; font-size:14px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
#btnSend:hover {background:#ee312c;}

/* GALERIE / REALISATIONS */
.nav-galerie 				{ width:100%; position:relative; margin:20px 0 20px 0; padding:0 10px; box-sizing:border-box;}
.nav-galerie div			{ width:20%; position:relative; box-sizing:border-box; padding:0 10px; float:left; text-align:center;}
.nav-galerie div a			{ width:100%; display:inline-block; font:normal 13px/37px studio; height:34px; background:#202020; color:#fff; border-radius:4px;}
.nav-galerie div a:hover, .nav-galerie div .active	{ background:#ee312c;}
.pageContent1 .galerie		{ width:100%; position:relative; box-sizing:border-box; padding:0 10px 40px 10px;}
.pageContent1 .galerie a	{ width:25%; border-right:10px solid #fff; border-left:10px solid #fff; margin:0 0 20px 0;}
.pageContent1 .galerie img	{ width:100%; height:auto; }

/* GALERIES */
.galerie a 					{ display:block; box-sizing:border-box;  position:relative; width:24%; margin-right:1%; float:left; overflow:hidden; margin-bottom: 7px;}
.galerie img				{ width:100%; height:auto; margin:0 !important;}
.galerie a span				{ display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.galerie a:hover span 		{ opacity:1; top:0;}
.galerie a span:before		{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:url(../images/zoom.png) center center no-repeat;   }
.galerie a:hover span:before{ top:0%;}

/* ACTUALITES  */ 

.cont-actualite-global {border-top:1px solid #CCC;}
.cont-actualite {width:100%; padding:35px 0px 35px 0px; border-bottom:1px solid #CCC; display:block; background:#fff; box-sizing:border-box;}
.actualite-left {width:25%; height:auto; display:block; float:left; background:#fff;}
.actualite-right {width:75%; display:block; float:left; background:#fff; box-sizing:border-box; padding:0px 0px 0px 20px;}
.actualite-left .galerie a {width:100%; margin:0px !important; padding:none;}
.actualite-left img {width:100%; margin:0px !important; padding:none;}
.actualite-right .titre-actu {background:none !important; padding:0px !important;}
.pageLeft .titre-actu {background:none !important; padding:0px !important; margin-bottom:13px !important;}

.more3	{ height:20px; background:#242424;   padding: 10px 18px 7px 18px; color:#fff !important; display:block;   margin: 0px 10px 0px 0px;  overflow:hidden; border-radius:4px; font-size:14px; font-family:studio; text-align:center; width:90px; float:left;}
.more3:hover {background:#ee312c; color:#fff !important;}
.more3b {width:120px;}


.pageAnnonces .pdf			{ font:normal 14px/20px Georgia; padding:8px 11px; background:#70ceff; color:#fff; border-radius:3px; display:inline-block; margin:20px 0 0 0;}
.pageAnnonces .pdf:hover	{ background:#5dc2ff; color:#fff}

.pageAnnonces .retour		{ font:normal 14px/20px Georgia; padding:8px 11px; background:#70ceff; color:#fff; border-radius:3px; display:inline-block; margin:20px 0 0 0;}
.pageAnnonces .retour:hover	{ background:#5dc2ff; color:#fff}

.pageActu ul		{ padding:0; margin:0 0 15px 10px;}
.pageActu li		{ padding:2px 0 2px 20px; background:url(../images/li-bullet.png) left 7px no-repeat; line-height:24px;}
.pageActu strong	{ font-weight:normal; color:#9f161e; line-height:22px; font-family:studio, Arial, sans-serif; font-size:16px;}
.pageActu h1		{ font-weight:normal; color:#2c2c2c; line-height:22px; font-family:studio, Arial, sans-serif; font-size:16px; text-transform:uppercase;}
.pageActu h2, .pageActu h3, .pageActu h4, .pageActu h5, .pageActu h6 { font-weight:normal; color:#2c2c2c; line-height:22px; font-family:studio, Arial, sans-serif; font-size:14px; text-transform:uppercase;}

.slideRight				{ line-height:18px; }
.slideRight	p			{ overflow:hidden; height:155px;}

#bulletAnimationService	{  display:block; width:80px; margin:30px auto;}
.bulletAnimation		{ background:url(../images/bullet.png) -11px 0 no-repeat; width:11px; height:11px; display:block; float:left; margin:0 2px;}
.activeSlide .bulletAnimation		{ background:url(../images/bullet.png) 0 0 no-repeat; width:11px; height:11px; display:block;}

.pics {display:block; margin:0 auto;}