/* FRONTEND CSS
*********************************************/

*{margin:0; padding:0px;}
.page-header{display:none;}

/* Les couleurs
Bleu trèsfoncé : #122132
Bleu foncé :  #0440617
Bleu intermédiaire : #2A61AC
Bleu clair: #A4D8E5
Rouge :#E73C2B;mes.art
Rouge clair : #EE7276
Vert clair : #8ABD24
Vert foncé : #178D37

Bleu aratice : 033a72 3,58,114
*/
.popinVideo iframe{width:600px; height:300px;}
.conteneurForm iframe{min-height:1500px;}
#text49, #ftr-text49 label{color:white;}

html {overflow-y: scroll;width:100%; height:100%;}

body {font-family: 'Lato', sans-serif; width:100%; height:100%; color: #033a72; font-weight: 400; font-size: 16px;}
.icons{position:fixed; top:0px; left:0px; background-color: red; z-index: 99999; display: none;}
	.icons li{list-style-type: none; color:white; width: 100%; }
	.icons li a{font-size:12px; color:white;}

/* Navigation principale : les solutions */
.top{top:0px; width:100%; text-align: left;  background-color:white; z-index: 999;}
.top .item-168 /*.top .item-176*/{display:none;}
.top .item-178, .top .item-176{font-weight: 700}
.top .item-176{border-right: 0px;}

/* Le logo et la navigation secondaire */
/* Navigation secondaire */
.topTop{max-width:1920px;margin:0 auto; }

.logo{width:90px; display: inline-block; padding:10px 0px; margin-left:20px; margin-bottom:-200px;}
	.logo img{width: 100%; }

.logoBlanc{position:fixed; top:6px; left:20px; background:url(../images/logo_aratice_blanc.png) top left no-repeat; width:80px; height: 28px;
z-index: 99999999999999; cursor:pointer;}

.nav2{display: inline-block; float: right; text-align:right; margin: 10px 10px 0 0;}
	.nav2 li{display: inline-block; border-right:1px solid #044061; ;}
		.nav2 li:last-child{border-right:0px;}
		.nav2 li a{display:block; color:#044061; font-size: 12px; text-decoration: none; text-transform: uppercase; 
			padding: 0 10px;}
.nav2 div{display:inline-block;} .nav2 ul{display:inline-block;}
/* Mandat administratif */
.custom-mandat{background-color:#8ABD24; text-transform: uppercase;	padding:5px 10px; border-radius: 5px; margin-left:20px; font-size: 12px;
color:white; font-weight: 300;}

.nav1{clear:both; width:100%; text-align: center; background-color: rgba(3,58,114,1); position: relative;}
.filetHorCoul{display: block; width:100%; height:1px; /*background: url(../images/filet-hor-coul.png) center center no-repeat;*/
background-color:white; background-size: 100%;}
.nav1 .current, .nav1 li a:hover{background:url(../images/bcg_nav_current.png) center center no-repeat;}
	.nav1 li{display: inline-block; text-transform: uppercase; color:#52AAD0; vertical-align: top;}
		.nav1 li a{display:block; color:white; font-size: 14px; padding:12px 15px; text-decoration:none; text-transform: uppercase; font-weight: 300; }
.nav1 li > span{display:block; padding:10px 15px; }

.lienNiv2{border:none !important;}

	/* Activer le bon menu */
	/*.onglet0 .nav1 .nav>li:nth-child(1){background:url(../images/bcg_nav_current.png) center center no-repeat;}
	.onglet1 .nav1 .nav>li:nth-child(2){background:url(../images/bcg_nav_current.png) center center no-repeat;}
	.onglet2 .nav1 .nav>li:nth-child(3){background:url(../images/bcg_nav_current.png) center center no-repeat;}
	.onglet3 .nav1 .nav>li:nth-child(4){background:url(../images/bcg_nav_current.png) center center no-repeat;}
	.onglet4 .nav1 .nav>li:nth-child(5){background:url(../images/bcg_nav_current.png) center center no-repeat;}*/
	/*.onglet2 .nav1 li:nth-child(1) a {background:url(../images/bcg_nav_current.png) center center no-repeat;}*/

/* Sous-menu */
.nav-child{background-color:rgba(3,58,114,1); position: absolute; width:100%; margin-top: 1px; text-align:left !important; z-index: 9999999;}
.nav-child {text-align: left;}
	.top .nav-child .current{background-image:none; background-color: #001e3d;}

.nav-child li a {text-transform: none; border-right:0px solid white; padding:8px 15px; margin :0px 0px;}
.nav-child li:last-child a {border-right:0px solid white;}
.nav-child li a:hover{ }



@media (max-width: 1100px) {
	.nav1 li a{font-size: 12px;}
	.nav2 li a {font-size: 10px;}
	.custom-mandat {margin-left: 5px !important;}
}

@media (min-width: 961px) {
.blocImageHomeSmall{width: 30%; margin: 5px;}
.blocImageHomeLarge{width: 61.5%; margin: 5px;}
	
.item-102{border-left:0px solid white;}
.item-102, .item-103, .item-104{margin-top: -5px;  border-right:0px solid white; background-color: #001e3d; border-radius: 10px 10px 0 0px; margin-right:3px;}
.item-102>a, .item-103>a, .item-104>a{padding-bottom: 17px !important}
	.item-102>a:hover{background-image: none !important;  background-color:#E73C2B !important; border-radius: 10px 10px 0 0px;}
	.item-103>a:hover{background-image: none !important;  background-color:#2A61AC !important; border-radius: 10px 10px 0 0px;}
	.item-104>a:hover{background-image: none !important;  background-color:#8ABD24 !important; border-radius: 10px 10px 0 0px;}
	
.nav-child{width:250px;}	
.nav-child li{display: block; }
		.nav-child li a{border-bottom:1px solid #001e3d;}
		.nav-child li:last-child a{border-bottom:0px solid #001e3d;}
}


/**
.nav-child{position: fixed; width: 100%; left: 0px; margin-top: 2px; text-align:left !important; background-color:white; padding-top: 30px; text-align: left;  width: 100%;}
.nav-child li{display:block; padding:5px; font-size: 0.9em;}
	.top .nav-child .current{}
.nav-child li a {text-transform: none; padding:0px; margin : 0px; font-weight: 300;}
.nav-child li:last-child a {border-right:0px solid white;}
.nav-child li a:hover{background-image: none; border-bottom:1px solid white; text-transform: underline;}


.nav-child .nav-child{ padding-top: 0px; display: block; position: relative;}
.nav-child .nav-child li{display: block;}

.item-199 li{display: inline-block;}

.menuNiv2{border-bottom: 1px solid #999999; padding: 30px 0 30px 170px;}
.menuNiv2 .nav-header{margin:0 0 0 0px; text-transform: uppercase; color:#999999;}
.menuNiv3{padding:0 30px 0px 0;} 
.menuNiv3 li {padding:2px 0;} 
************************/




/* Sous menu dans la fenêtre latéral */
.lateral .nav{ width:300px; }
.lateral .nav-child, .menuSmartphone .nav-child {position: relative; text-align: left !important; background-color: transparent;}
.lateral .nav-child li, .lateral .nav li{list-style-type: none;}
.lateral .nav li a, .menuSmartphone .nav li a{border-bottom: 1px solid #343949; display:block; font-weight: 300; padding: 4px 0; color:#8ABD24;}
.lateral .nav .nav-child li a, .menuSmartphone .nav .nav-child li a{text-transform: none; margin:0; border:0px; font-size:13px; display:inline-block; color:white; padding:0px 6px 0px 0;}
.lateral .nav .nav-child li, .menuSmartphone .nav .nav-child li{border-right: 1px solid #343949; display:inline-block; margin: 2px 6px 2px 0;}
.lateral .nav .nav-child li:last-child, .menuSmartphone .nav .nav-child li:last-child{border-right: 0px solid #343949;}

.lateral .menu-rs li, .menuSmartphone .menu-rs li{display: inline-block;}
.lateral .menu-rs li a, .menuSmartphone .menu-rs li a{border:0px;}

.blanc{color:white !important;}

/* Fixer le menu */
.fixSSmenu{position:fixed !important; top:0px !important; width: 100%; text-align: center; z-index: 9999999;}
.fixSSbtDevis{position:fixed !important; top:80px !important;  z-index: 9999999;}

/* Menu Burger */
.burger{position:fixed; top:0px; right:10px; z-index: 99999990; width:80px; height:30px;  line-height: 30px;
background: url(../images/ico-burger.png) center right no-repeat ; background-size: 28%; cursor:pointer;
text-transform: uppercase; color:white;  padding:5px 15px 5px 5px;}



/* Navigation par icônes ***/
.navIco{position: fixed; right:10px; top:250px;z-index: 9999; padding:10px 5px; border-radius:10px; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #033a72),color-stop(1, #8ABD24));
	background-image: -o-linear-gradient(bottom, #033a72 0%, #8ABD24 100%);
	background-image: -moz-linear-gradient(bottom, #033a72 0%, #8ABD24 100%);
	background-image: -webkit-linear-gradient(bottom, #033a72 0%, #8ABD24 100%);
	background-image: -ms-linear-gradient(bottom, #033a72 0%, #8ABD24 100%);
	background-image: linear-gradient(to bottom, #033a72 0%, #8ABD24 100%);}
	.navIco li{list-style-type: none;}
	.navIco img{ max-width: 40px;}
	.navIco .separator{ margin-bottom: 30px;}
	.separator{font-size:0px;}
.icone{cursor: pointer;}


/*** Fenêtre latéral ***/
.grayVideo, .grayLateral{background-color:rgba(0,0,0,0.9); position: fixed; top:0px; left:0px; height: 100%; width:100%; z-index: 99999995;}
.lateral{ position: fixed; top:0px; width:0px; height:100%; z-index: 99999999; font-weight: 300 !important; overflow: auto;
	background:url(../images/bcg_lateral.jpg) bottom right no-repeat #111e2e; 
	background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #111E2E),color-stop(1, #E73C2B));
	background-image: -o-linear-gradient(right bottom, #111E2E 0%, #E73C2B 100%);
	background-image: -moz-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: -webkit-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: -ms-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: linear-gradient(to right bottom, #111E2E 0%, #E73A2B 100%);
	color:white; text-align: left;}


.gauche{left:50px;}
.droite{right:70px;}
.fermer{margin:50px 0 0 20px; width:50px; height: 50px; background: url(../images/bt_fermer.png) center center no-repeat; background-size: 80%;
cursor: pointer; }
	.menuComplet .fermer{margin:10px 0 0 20px;}
.gauche .fermer{float: right;}
.droite .fermer{float: left;}
.lateral a{color:white; text-decoration: none;}
.inter{margin:100px 20px 50px 30px;  overflow: auto;}
	.menuComplet .inter{margin:60px 50px 50px 35px;  }
.menuComplet .nav{margin-bottom:20px;}
.menuSmartphone .nav{margin-bottom:40px;}
.lateral .menu-rs .item-169{display:block !important;}

.bouton{cursor: pointer;}

.lateral .icone img{width: 80%;}
.lateral h1{text-align: left; color:#8ABD24;}
.lateral h2{text-align: left; color:#8ABD24; font-weight: 300 !important; margin:20px 0 0px 0;}
.lateral .bloc{padding: 20px 20px 20px 0;}

/*.lateral iframe{width:100%; height:500px;}*/



/*** Les articles ***/
.cat-children{display: none;} .actualites .cat-children{display: block;}  .actualites .cat-children h3{font-size:0px}
section{margin:0; padding:40px 0 60px 0; border-top:0px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align: center; background-size:cover;}
.items-leading, .item-pagevert{/*padding-top: 67px;*/}
.panoramique{border:0px solid orange; padding:0px; margin: 0px; margin-bottom: -20px;}
.panoramique img{width:100%;}


	.leading-0 section:first-child{padding-top:45px !important;}
	.sectionIntro{/**/}
	
	.blog section, .blogbleu section, .blogrouge section, .blogvert section{/*background: url(../images/separ-bleu-clair.png) center bottom no-repeat;*/}
		
	.blog, .blogbleu, .blogvert, .blogrouge{}

	.sectionShowroomStylise{background:url(../images/visuel-showroom-stylise.jpg) center center no-repeat #2e58a4; 
		border-top:0px solid #2e58a4;  width:100%; height:350px; text-align: center; }

	.sectionFoncee{background-color:#033a72; border-top:0px solid #2e58a4; border-bottom:0px; margin-top: -4px; padding:35px 0px;}
		.sectionFoncee h1{text-align: center !important; font-size:2.5em;}
		.vert .sectionFoncee{/*background:url(../images/bcg_vert.jpg) right bottom no-repeat */ background-color:#568b42 !important;}
		.rouge .sectionFoncee{background-color:#E73C2B !important;}

	.sectionAbstraite-1{background:url(../images/visuel-abstrait.jpg) right bottom no-repeat #2e58a4; background-size: cover; margin-top: -4px;}
	.sectionAbstraite-2{background:url(../images/visuel-bleu-simple.jpg) right bottom no-repeat #2e58a4; background-size: cover; margin-top: -4px;}

	.sectionFonceeFlux{background-color: #033a72; border-top:1px solid #2e58a4; margin-top: -4px;}
		.rouge .sectionFonceeFlux{background:url(../images/bcg_rouge_flux.jpg) right bottom no-repeat #E73C2B;}

	.sectionClaireFlux{background-color: #dcedff !important; margin-top: -4px;}
		.sectionClaireFlux h1, .sectionClaireFlux h2, .sectionClaireFlux p, .sectionClaireFlux li{}
.vert .sectionClaireFlux h1, .vert  .sectionClaireFlux h2{color: white;}

	.sectionFonceeDegradee{background: url(../images/bcg_actu.png) bottom left no-repeat; border-top:0px solid #2e58a4; margin-top: -4px;}


.txtBlanc h1, .txtBlanc h2, .txtBlanc p, .txtBlanc a, .txtBlanc li{color:white !important; font-weight: 300 !important;}
.txtBlanc a:hover{color:#8ABD24; } 
.txtBlanc h3{color: rgba(164,216,219,0.7); font-weight: 300; margin-top: 20px; text-transform: uppercase; font-size: 20px;}
.txtBlanc h4{color: rgba(164,216,219,0.7); font-weight: 300; margin-top: 00px; text-transform: uppercase; font-size: 20px;}


	
section h1{font-weight: 300;  font-size:2.1em;/*font-size: 35px;*/ color:#2A61AC; margin:0px 0 0px 0px; text-align: center;}
section h2{margin:0px auto 20px auto; max-width: 800px; }

h2.titre{font-weight: 300 !important; font-size: 35px; color: #2A61AC; margin: 0px auto 0 auto; text-align: center;}
section h3{margin-top:10px; margin-bottom: 10px;}

.marge-1{margin-bottom:10px;} .marge-2{margin-bottom:20px;} .marge-3{margin-bottom:30px;} .marge-4{margin-bottom:40px;} .marge-5{margin-bottom:50px !important;}
section p{margin:10px auto !important; max-width: 960px; text-align: left;}
section ul, section ol{padding:0px 10px 10px 15px !important; }
.sansPuces li{list-style-type:none;}
section a, section a:visited{color: #044061; text-decoration: underline;}
section a:hover{color:#178D37;}
section .moduletable{margin:0px auto;}
.listePDF li{border-bottom :1px solid #8ABD24;}
.listePDF li:last-child{border-bottom :0px solid #8ABD24;}
.textCenter{text-align: center !important;}
.textLeft{text-align: left !important;}


/* Mise en page blog */
.items-row{text-align: center;}
.blog .item{/*width:30%;*/ display: inline-block; text-align: center; margin:30px 0px;}
.blog .item h2{font-size: 20px; min-height: 40px; }
.blog .itemvideo{width:30%; display: inline-block; text-align: center; margin:30px 20px;}

.blog .itemvideo iframe{width: 100%; min-height: 270px;}
.blog .item img{width: 100%;}
.btn{
    padding: 7px 30px 10px 30px !important;
    text-align: center;
    margin: 10px auto;
    display: inline-block;
    color: white !important;
    font-size: 14px;
    background-color: rgba(0,30,61,1);
    font-weight: normal;
    border-radius: 5px;
    border: 0px;
}
.btn:hover {color: white; background-color: #8abd24;}


.span4{display: inline-block; width:30%; padding:20px;}

/* Couleurs par univers */
.vert h1, .vert .page-header h2 {color:#8ABD24;}
.rouge h1, .rouge .page-header h2{color:#E73C2B; }
/*.vert hr{background: url(../images/separ-vert.png) center center no-repeat;}
.rouge hr{background: url(../images/separ-rouge.png) center center no-repeat;}*/
.vert .bt{background: url(../images/bt-vert.png) center center no-repeat;}
.rouge .bt{background: url(../images/bt-rouge.png) center center no-repeat;}



/* Tailles des block */
.bloc-photo{/*margin-top: -49px !important;*/}
.bloc{display:inline-block; padding:10px 10px 0 10px; vertical-align: bottom; margin:0px auto; text-align: left; }
.blog .bloc{/*padding:0px 10px 0 0px;*/}
	.blocSansMarges{display:inline-block; padding:0px 10px 0 10px; vertical-align: bottom; margin:0px auto; }
.blocSansMargesInter{padding:0px;}

.clear{margin-bottom: 30px; clear:both;} .clearSansMarge{clear:both;}  .clearMarge-1{clear:both; margin-bottom:5px;} .clearMarge-5{clear:both; margin-bottom:50px; display: block} 
.displayBlock{display: block;}
.blocTop{vertical-align: top;} .blocMiddle{vertical-align: top; margin-top: 70px; }
		.bloc-1{width:100px;}
		.bloc-1-5{width:150px;}
		.bloc-2{width:200px;}
		.bloc-2-5{width:250px;}
		.bloc-3{width:300px;} 
		.bloc-4{width:400px;}
		.bloc-5{width:500px;}
		.bloc-6{width:600px;}
		.bloc-7{width:700px;}
		.bloc-8{width:800px;}
		.bloc-9{width:900px; display: block;}
		.bloc-10{width:100%; padding:0px; margin:0px;}

		.blocDemi{width:47%;}
		
		.blocPhoto{}
		.bloc img{width:100%;}	
		.bloc ul{margin:10px 30px 10px 0;}
	
.couleur{background-color: #2e58a4; color: white; min-height: 150px;}
.rouge .couleur{background:url(../images/bcg_rouge.jpg); background-size: cover;}
.couleur h1, .couleur h2, .couleur p, .couleur li, .couleur a{color: white;}
.couleur-1{background:url(../images/bcg_bleu.jpg) right bottom no-repeat #2e58a4; color: white; min-height: 150px;}
.couleur-1 h1, .couleur-1 h2, .couleur p, .couleur-1 li, .couleur-1 a{color: white; font-weight: 300 !important;}
.couleur-2 h1, .couleur-2 h2, .couleur-2 p, .couleur-2 li, .couleur-2 a{color: white;  font-weight: 300 !important;}


.couleur-2{color: white; min-height: 150px; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3F58A3),color-stop(1, #5D80BD));
	background-image: -o-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -moz-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -webkit-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -ms-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: linear-gradient(to bottom, #3F58A3 0%, #5D80BD 100%);}

.couleur-3{color: white; margin-right:10px; min-height:100px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3F58A3),color-stop(1, #5D80BD));
	background-image: -o-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -moz-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -webkit-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: -ms-linear-gradient(bottom, #3F58A3 0%, #5D80BD 100%);
	background-image: linear-gradient(to bottom, #3F58A3 0%, #5D80BD 100%);}

.couleur-4{ margin-right:10px; min-height:100px; 	
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a4d8e5),color-stop(1, #cee9f0));
	background-image: -o-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -moz-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -webkit-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -ms-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: linear-gradient(to bottom, #a4d8e5 0%, #cee9f0 100%);}

.couleur-5{ margin-right:10px; padding:10px;	
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a4d8e5),color-stop(1, #cee9f0));
	background-image: -o-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -moz-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -webkit-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: -ms-linear-gradient(bottom, #a4d8e5 0%, #cee9f0 100%);
	background-image: linear-gradient(to bottom, #a4d8e5 0%, #cee9f0 100%);}


/* Typo et balise html de base */
.textPetit{font-size: 13px;}
table{margin:0px auto;}
td{padding:10px;}
.home table{text-align: center;}
/*h1, .page-header h2{font-weight: 300;  font-size: 35px; color:#2A61AC; margin: 0px 0px 30px 0px; text-align:center;}*/
h1{font-weight: 300 !important;}
h2{font-weight: 400 !important; text-align: center; /*color:#044061;*/ font-size:23px;}
h4{text-align: center; text-transform: uppercase; font-weight:700; margin-top: 10px;}
h5{font-size:18px; color:#2A61AC;} .rouge h5{color:#E73C2B;} .vert h5{color:#8ABD24;}
p, h1, h2, h3, h4, h5{max-width: 960px; margin:10px auto !important;}
hr{width:130px; height:2px; border: 0px; background: url(../images/separ-bleu-clair.png) center center no-repeat;
margin:30px auto 30px auto;}
a{text-decoration: none;}
.item-page div > p{margin:0px; padding: 0px;}
.alignCenter{text-align: center !important;}
.alignLeft{text-align: left !important;}
.margeRight-3{margin-right:30px;}
/*iframe{width:600px; height:300px;} */
.minHeight-0{min-height: 0px !important;} .minHeight-1{min-height: 100px !important;} .minHeight-2{min-height: 180px !important;} 
 .minHeight-2-2{min-height: 220px !important;}  .minHeight-2-5{min-height: 250px !important;} .minHeight-3{min-height: 300px !important;} 
	.minHeight-4{min-height: 400px !important;} .minHeight-5{min-height: 500px !important;}
.sansMarges{padding:0px; margin:0px;}
.margesInter-1{padding:10px;}

/* Contenu des articles */
.article{/*padding-top: 30px;*/} .home .article{padding-top: 0px; }
/*.article section{}*/
.item-pagerouge, .item-pagebleu, .item-page{/*padding-top: 50px; padding-bottom: 50px;*/}

/* Boutons */
.bt{display:block; height: 50px; line-height: 50px;  text-transform: uppercase; color:white !important; text-decoration: none; font-size: 16px; margin:0px auto; text-align: center; background: url(../images/bt-bleu.png) center center no-repeat;}
/*.bt:hover{background: url(../images/bt-vert.png) center center no-repeat !important; background-size: contain !important;}*/

.btSimple{ padding:7px 30px 10px 30px !important; text-align: center; margin:10px auto; display: inline-block; text-decoration: none;
color:white !important; font-size:18px; min-width:200px; background-color:rgba(0,30,61,1); font-weight:normal; border-radius:5px; border:0px; }
.btSimple:hover{color: white; background-color: #8abd24;}

.btSimple2{ padding:7px 30px 10px 30px !important; text-align: center; margin:10px auto; display: inline-block;
color:white !important; font-size:18px; min-width:200px; background-color:#033a72; font-weight:normal; border-radius:5px; border:0px; }
.btSimple2:hover{color: white; background-color: #8abd24;}

.lienPDF{background:url(../images/ico-telecharge_vert.png) left top no-repeat; padding: 10px 30px; text-align: center;display: block; }
.btFicheTech{background:url(../images/ico-telecharge_vert.png) left top no-repeat; padding: 10px 0 10px 40px; text-align: center; font-size: 14px;
border-top :1px solid #8ABD24; border-bottom :1px solid #8ABD24; display: inline-block; margin:20px 10px 10px 0; text-transform: uppercase; }
.btVideo{background:url(../images/ico-video_vert.png) left top no-repeat; padding: 10px 0 10px 40px; text-align: center; font-size: 14px;
border-top :1px solid #8ABD24; border-bottom :1px solid #8ABD24; display: inline-block; margin:20px 10px 10px 0; text-transform: uppercase; }
.btVideoAlaLigne{border-top:0px; margin-top:-10px;}
.btSurUneLigne div{display: inline-block;}
.btSurUneLigne a{display: inline-block;}

.btDevis{position: fixed; z-index: 99; top:140px; right:10px; width:190px; height:90px; border-radius:45px; text-transform: uppercase; color:white; text-align: center; cursor: pointer; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #980e00),color-stop(1, #EE7276));
	background-image: -o-linear-gradient(bottom, #980e00 0%, #EE7276 100%);
	background-image: -moz-linear-gradient(bottom, #980e00 0%, #EE7276 100%);
	background-image: -webkit-linear-gradient(bottom, #980e00 0%, #EE7276 100%);
	background-image: -ms-linear-gradient(bottom, #980e00 0%, #EE7276 100%);
	background-image: linear-gradient(to bottom, #980e00 0%, #EE7276 100%);
	-webkit-transition: background-color 2s linear;
	-moz-transition: background-color 2s linear;
	-ms-transition: background-color 2s linear;
	-o-transition: background-color 2s linear;
	transition: background-color 2s linear;}
	.btDevis span{display: block; margin-top:15px; font-size:15px; font-weight: 300;}
	.btDevis span span{font-size:18px; margin-top:0px; font-weight:400}
.btDevis:hover{	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0e1d2e),color-stop(1, #62c907));
	background-image: -o-linear-gradient(bottom, #0e1d2e 0%, #62c907 100%);
	background-image: -moz-linear-gradient(bottom, #0e1d2e 0%, #62c907 100%);
	background-image: -webkit-linear-gradient(bottom, #0e1d2e 0%, #62c907 100%);
	background-image: -ms-linear-gradient(bottom, #0e1d2e 0%, #62c907 100%);
	background-image: linear-gradient(to bottom, #0e1d2e 0%, #62c907 100%);
	-webkit-transition: background-color 2s linear;
	-moz-transition: background-color 2s linear;
	-ms-transition: background-color 2s linear;
	-o-transition: background-color 2s linear;
	transition: background-color 2s linear;}


/* Visuels */
.visuel{width:100%; /*height:450px;*/ text-align: center; }
	.visuel h1{margin: 60px auto 0 auto; font-weight: 300 !important; color:rgba(255,255,255,0.3); 
	text-transform: uppercase;font-size:50px; }
	.visuel h2{margin: 0px auto 0px auto; font-weight: 300 !important; color:white; font-size: 35px;}
	.visuel h3{margin: 0px auto; font-weight: 300 !important; color:white; font-size: 30px;}
	.visuel p{color:white;}
	.visuel .bloc{display: inline-block; /*width:200px;*/ margin:10px;}
	.visuel .bloc img{width:100%}

/* Les visuels des rubriques */
.visuelPrincipal{background: url(../images/visuel-bleu.jpg) center center no-repeat; border-top:1px solid transparent; 
	border-bottom:1px solid transparent;min-height: 160px;}
	/*.visuelPrincipal h2, .sectionIntro h2,*/ .sectionIntro h1{font-size:2.5em;}
.visuelPrincipal h2{margin-top:-20px;}
	.visuelPrincipal p, .sectionIntro p{font-size:20px; font-weight: 300;}
.vert .visuelPrincipal{background: url(../images/visuel-vert.jpg) center center no-repeat;}
.rouge .visuelPrincipal{background: url(../images/visuel-rouge.jpg) center center no-repeat;}	


/* Home */
.visuelHome{}
figure.imageeffectck {margin:0px !important; margin-bottom: -3px !important;}
.panoramique .imageeffectck_title{    line-height: 40px !important;font-size: 40px !important; font-family: Lato !important;}
figure.imageeffectck .imageeffectck_title {line-height: 26px !important; font-size: 1.2em !important; margin-top: -20px !important; margin-left: -20px !important;}
figure.effectck-apollo .imageeffectck_desc {margin: 5px 10px !important;}
.sansCurseur figure.imageeffectck {cursor: default !important;}
.imageeffectck_desc{ font-family: Lato !important;}
.imageeffectck_title h3{font-size: 38px !important; font-weight: 300; line-height: 38px; margin-top: 10px; text-transform: none; letter-spacing: normal; font-family: Lato;color: #8ABD24;}
.home{text-align: center;}
figure.effectck-julia .imageeffectck_desc {padding: 0 !important; background: rgba(255,255,255,.0) !important; color: white !important;}

figure.effectck-sarah figcaption [class*="title"] {padding: 0em 0 !important;}
.visuelHome .imageeffectck_title{font-size:40px !important; }

/* Formulaire */
.formulaireDevis{position: fixed; display:none; top:100px !important; right:70px; z-index:999999999; opacity:0; text-align: center;}
.formulaireDevis{color: white !important;}
.formulaire .fermer {/*margin: 30px 0 0 0px;*/}
.formulaire .inter {margin: 100px 50px 50px 30px; position: relative !important;}
.formulaireDevis h1{color:#8ABD24 !important;}
.formulaireDevis h2{margin-bottom: 10px; color:#8ABD24 !important;}
.positionFormDevis{display:block !important; top:100px !important; position:absolute;}
#formulaire{width: 100%;}
.conteneurForm iframe{width:100%; overflow: hidden;}
.elementForm label{width:38%; display: inline-block;}
.elementForm input{width:60%; display: inline-block;}
.elementForm textarea{margin:5px 0px !important; width:98% !important; height:100px !important;}
.messageReponse p.alerte{color:red !important;  font-weight: bold !important;}
.messageReponse p{color:green !important; font-weight: bold !important;}


/* Eléments de chronoform */
form{width:95%}
#ftd-captcha, .inter #ftd-captcha{margin-top:25px; border-top:1px solid #A4D8E5;  border-bottom:1px solid #A4D8E5; padding:25px 0px;}
	#ftd-captcha img{width:auto;} 
/* Zone captcha */ .gcore-subinput-container-wide{border:0px solid red;  vertical-align: top; }
.btn-default{background-color:#8ABD24 !important; color:white; text-transform: uppercase; font-weight: 300;
	padding:5px 15px; border: 0px; float: right; margin-right: 0px; margin-top:50px; max-width: 200px; cursor: pointer;}
/* LEs champs de la bel et champs de texte */
.gcore-form-row{border:0px solid blue;}
	/* Les lignes */.gcore-line-td, .gcore-subinput-container-wide{border:0px solid green; display: table; width:100%;}
			/* Le label */.gcore-label-left{border:0px solid orange; display: table-cell; width:200px; vertical-align: top;}
			/* input    */ .gcore-input input, textarea{width:100%; background-color:rgba(98,201,7,0.2); border: 0px; padding:3px; 
							  margin-bottom: 5px; }
/* Checkbox */.gcore-checkbox-item{}
					.gcore-checkbox-item input,input[type="checkbox"] { width: auto; margin-top:2px; margin-right:10px;}
					.gcore-checkbox-item label{}

/* Message d'erreur */
.message{position:fixed !important; top:0px; width:100%; height:80px; z-index:99999999999999999999999; left:0px; text-align:center; }
.message p{margin-top:20px !important; color: white;}
.message a{color: white;}
.messageOk{background-color: #178D37;}
.messageErreur{background-color: #E73C2B;}
.messageFermer{background:url(../images/bt_fermer.png) center center no-repeat; width:30px; height: 30px; margin:5px; background-size: contain; 
	float:right; cursor : pointer;}

.system-message .validation{background-color: none !important;}
.system-message-container{display:none;}

/* DP slider */
.site .swiper-container {/*background-color: white;*/}
.mod-dpslider-pagination .swiper-pagination-switch {width:7px; height: 7px; box-shadow: 0px 0px 0px white inset !important; background-color: #A4D8E5;}
.mod-dpslider-pagination .swiper-pagination-switch {margin: 3px 3px;}
.mod-dpslider-pagination-container { margin-top: 0px; z-index: 9;position: relative; height: 23px; }
.sectionClaireFlux .swiper-pagination-switch {background-color: white;}
.mod-dpslider-pagination .swiper-active-switch {background-color: #044061;}
	
	.txtBlanc .mod-dpslider-pagination .swiper-active-switch {background-color: #35b7fb;}
		/*.vert .txtBlanc .mod-dpslider-pagination .swiper-active-switch {background-color: #8ABD24 !important;}*/
	/*.txtBlanc .mod-dpslider-lt{color:#35b7fb;}*/
		/*.vert .txtBlanc .mod-dpslider-lt, .vert .txtBlanc .mod-dpslider-gt{color:#8ABD24 !important;}*/
		.vert .mod-dpslider-pagination .swiper-pagination-switch {}
.mod-dpslider-lt, .mod-dpslider-gt{font-size: 20px;}
.swiper-slide {text-align: center;}

/* Module réseaux sociaux */
.moduletable_rs{padding:0px 0 50px 0; text-align:center; border: 0px solid blue;}
.custom_rs img{max-width:100px}

/* Module cible */
.moduletable_cibles{text-align:center; border:0px solid green;}
.moduletable_cibles .fondBleu2{padding:50px 0;}
.moduletable_cibles .bloc{margin:10px;}
.moduletable_cibles .bloc img{width:100%;}

/* Page services */
.cercle-services{background: url('../images/visuel-cercle-services.png') center center no-repeat; text-align:center; height:900px;}
.bloc-services{width:270px; display:inline-block; text-align:left; padding:0px !important;}
.bloc-services-separateur{width:350px;}
.cercle-services .clear{height:200px; margin: 0px;}
.cercle-services h1{color:#B4DEE9; margin:70px 0 10px 0; text-align:left;}

/* Fenêtre modale 
.displaynone{display:none;}
#sbox-content .displaynone{display:block;}*/

/* Popin vidéo */
.lanceVideo{cursor: pointer;}
.popinVideo{position: fixed; width:600px; height:300px; top:50%; margin-top: -150px; left:50%; margin-left: -300px; z-index: 99999996}

/* Flèche top */
.boutonUp{position:fixed; bottom:15px; right:15px; z-index: 9999; border-radius: 20px; width:40px; height:40px; 
background: url(../images/ico-fleche-top-blanc.png) center center no-repeat #033a72; background-size: 80%; cursor:pointer;}

/* Pide de page */

.blog .visuel-fin section{margin-bottom: 0px; }  .visuel-fin p {text-align: center;}
footer{width:100%; min-height: 265px; background-color: #001e3d; text-align:center; }
footer div div{display: inline-block;vertical-align: top; height:100%; color:white; text-align: left; margin:60px 30px 0px 0; padding-left:15px;
border-left:0px solid #A4D8E5; }
footer h1{color:#A4D8E5 !important; font-size: 25px; margin:0 0 10px 0; font-weight: 300 !important;}
footer li{list-style-type:none; font-size: 14px;}
footer a{color:white;}
footer h4{text-align: left; color:#999999 !important; font-weight: 300; margin-bottom: 5px;}


/* MEDIA QUERIES
*********************************************/
.smartphone, .menuSmartphone{display:none ;}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 1060px) {
	.logo{width:90px; padding:10px 0px 5px 0; margin-left:10px;}
	.nav2{margin: 10px 10px 0 0;}
	.nav1 ul {text-align: left;}
	.nav1 li a{padding:12px 15px;}
	.nav-child li a {padding: 0px 25px !important;}
	
	.nav-child li a {padding: 5px 5px !important;font-size: 12px;}
	
	.navIco {width: 35px;}
	.navIco li {height: 35px;}
	.navIco3 {width: 36px;}
	.navIco3 img {max-width: 30px;}
	
	.btDevis {top: 120px;}
	.btDevis span span {font-size: 15px;}
	
	.boutonUp {bottom: 0px; right: 0px; border-radius: 0px; width: 40px; height: 40px;}
	section{}
	/*.visuelHome h1 {padding-top: 80px !important;}*/
	
	.top{position: fixed; }
	.article{margin-top:50px;}
	.bloc{}
	
		.bloc-1{width:20%;}
		.bloc-2{width:30%;}
		.bloc-3{width:80%;}
			.bloc-3 img, .bloc-3 ul, .bloc-3 ol, .bloc-3 p{max-width: 800px !important; margin: 0 auto !important; 
			display: block; }
			.bloc-3 ul, .bloc-3 ol{padding-left:45px !important;}
		
		section h1, section h2, .bloc-1, .bloc-2, .bloc-3, .bloc-4{padding:0 20px !important;} 
		
		section h1 {margin: 15px 0 0 0px;}
	
		.bloc-5,.bloc-6, .bloc-7, .bloc-8, .bloc-9, .bloc-10{width:100%; padding:0px; margin:0px;}

		.bloc img{width:100%;}	
		.bloc ul{margin:10px 30px 10px 0;}
}



@media (max-width: 960px) {
	/* Mise en page blog */
	.blog .item{width:80%; display: inline-block; text-align: center; margin:30px;}
	.blog .itemvideo{width:80%; display: inline-block; text-align: center; margin:30px;}
	.blocImageHomeSmall{width: 100%; margin: 10px; max-width: 350px}
	.blocImageHomeLarge{width: 100%; margin: 10px 10px 20px 10px;  max-width: 400px}
	
	.ordi{display: none;}
	section p {margin: 10px 20px !important;}
	.btSeriebtSerie{text-align: center;}
	.lanceVideo{text-align: center;}
	
	.btDevis, .logoBlanc{display: none;}
	.logoBlanc{z-index: 99 !important;}
	.burger{display: block; top: 5px; left: 0px; width: 50px; height: 50px; font-size: 0px; background: url(../images/ico-burger-fonce.png) center right no-repeat; background-size: 80%;
	cursor:pointer;}
	.menuSmartphone{position: absolute; z-index: 9999999999; width:80%; height:100%; top:80px; left:20px; text-align: left;}
	.menuSmartphone li{color:white; font-weight: 300; /*border-bottom: 1px solid #343949;*/ list-style-type: none;}
	.menuSmartphone li:last-child{border-bottom: 0px;}
	.menuSmartphone a{color:#8ABD24; font-weight: 300; padding:10px 0; display: block; font-size: 18px;}
	
	.fondSmartphone{position: fixed; top:0px; width:100%; height:100%; z-index: 999999999; overflow: hidden; font-weight: 300 !important;
	background:url(../images/bcg_lateral.jpg) bottom right no-repeat #111e2e; 
	background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0, #111E2E),color-stop(1, #E73A2B));
	background-image: -o-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: -moz-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: -webkit-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: -ms-linear-gradient(right bottom, #111E2E 0%, #E73A2B 100%);
	background-image: linear-gradient(to right bottom, #111E2E 0%, #E73A2B 100%);
	color:white; text-align: left;}
	.fermerSmartphone{position:fixed; top:10px; right:10px; margin:0; width:50px; height: 50px; 
		background: url(../images/bt_fermer.png) center center no-repeat; background-size: 80%; cursor: pointer;}
	
	.nav1, .nav2, .navIco, .navIco3{display: none;}
	
	.item-102{border-left:0px solid white;}
	.item-102, .item-103, .item-104{margin-top:10px;  border-right:0px solid white; background-color:transparent !important;}
	.item-102 a, .item-103 a, .item-104 a{padding-bottom: 10px !important}

	.topTop{text-align:center;}
	.logo{display: inline-block; }
	
	.burger{position:fixed; top:4px; left:10px; z-index: 999999999; width:40px; height:40px;  line-height: 30px;
	background: url(../images/ico-burger-fonce.png) center left no-repeat ; background-size: 70%; cursor:pointer;
	text-transform: uppercase; color:white;}
	
	.article{margin-top:50px;}
	h1{font-size: 40px !important;}
	h1 br, h2 br, p br{display:none;}
	
	
	.visuel{height:auto; /*padding:50px 0px 70px 0;*/}
	.visuel h1 {font-size: 60px !important; padding-top: 50px;}
	.visuelPrincipal h2, .sectionIntro h2, .sectionIntro h1 {/*font-size: 55px;*/}
	.visuelPrincipal p, .sectionIntro p {padding: 0 20px;}
	
	/* Home */
	.visuelHome{ overflow: hidden; text-align: center;}
		.visuelHome h3{font-size: 27px !important; line-height: 29px;}
		.visuelHome img{height:400px; width: 1048px !important;}
	
	
	.bloc-1{width:50%;}
	.bloc-2, .bloc-3, .bloc-4, .bloc-5,.bloc-6, .bloc-7, .bloc-8, .bloc-9, .blocDemi{width:90%; padding:20px 0px !important; margin:0px; margin:5px auto !important;}
	
	.bloc-1 img, .bloc-2 img, .bloc-3 img{max-width: 300px; clear: both; display: block; margin: 0 auto;}
	
	.couleur,.couleur-1, .couleur-2{ padding:20px !important; min-height: 20px;}
	.couleur p,.couleur-1 p, .couleur-2 p, .couleur h1,.couleur-1 h1, .couleur-2 h1, .couleur h2,.couleur-1 h2, .couleur-2 h2{text-align: center !important;}
		
	.moduletable_rs{display: none;}
	
	.cercle-services{background-image: none; height:auto; padding-bottom: 50px;}
	.cercle-services .clear{display: none;}
	.cercle-services h1{text-align: center;}
	.bloc-services {width: 80%; margin:-50px auto 0 auto !important; }
	
	.boutonUp{display: none !important;}
	.boutonUpSmartphone{position:fixed; bottom:0px; right:0px; z-index: 99; border-radius: 0px; width:100%; height:40px; 
	background: url(../images/ico-fleche-top-blanc.png) center center no-repeat #044061; background-size: contain; cursor:pointer;}
	
	iframe{width:100%;}
	
	
	.formulaireDevis{left:0px;}
	.droite{right:0px}
	.formulaire .fermer {margin: 30px 0 0 0px; }
	
	/* Formulaire Les lignes */.gcore-line-td, .gcore-subinput-container-wide{border:0px solid green; display: block; width:100%;}
			/* Le label */.gcore-label-left{border:0px solid orange;  width:200px; vertical-align: top;}
			/* input    */ .gcore-input input, textarea{background-color:rgba(98,201,7,0.2); border: 0px; padding:3px; 
							  margin-bottom: 5px; }
	
	footer{padding-bottom: 60px;}
	footer div div {display:block; width: 200px; padding: 20px 0px 20px 0px; margin:0 auto; text-align: center;
	border-bottom:1px solid #A4D8E5; border-left: 0px;}
	footer div div:last-child {border: 0px;}
	
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 910px) {
.conteneurForm iframe {	height: 1800px !important;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}