/*

Sticky Footer
- JS requis pour éviter chevauchement entre footer et main

*/


html {
  position: relative;
  min-height: 100%;
  
}
.oh {
  overflow: hidden;
}

.sticky-footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*
HTML5shiv
- Conférer affichage block par défaut pour IE
- valeur block requise pour compatibilité html5shiv.js

*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* fonts
- libre de droits cdn google fonts approchantes
- Jura pour Square721BT
- Roboto pour optima Nova LT
*/
body * {
	font-family: 'Roboto', sans-serif; font-weight:400;
}
header, body h1, body h2, body h3, .jura, .main h1, .main h2, .main h3 {
	font-family: 'Jura', sans-serif; font-weight:500;
}




/* burger
*/

/* ******************************************************************************************************


*/

























::selection {  
 background:#f6ac27;  
 color:#fff;  
}  

::-moz-selection {  
 background:#f6ac27;  
 color:#fff;  
}  






.row.w90 {
		max-width:1060px;
		
}


p {
	margin: 0;
}
h1 p {
	margin: 1.5em 0;
}

/* layout
- 
*/
.row {
	/*max-width:1024px;
	margin-left:2%;
	margin-right:2%;*/
	margin:0 auto;
	
	
}
.row {
/*	
	margin-left:5%;
	margin-right:5%;
	
	*/
}
.introw {
	position:relative;
}
.main .introw > .col, 
.main .introw > .grid {
	padding:1.0%;
	padding-top:2%
}
.introw > .col.logo {padding:0;}
.hauteur100 {height:100%}
.w160p {width:140px;}
/*img {width:100%; height:auto}*/
img .noresize {width:inherit; height:inherit}
img .noresize {width:auto; height:auto}
div.logo {
		position:absolute; 
		left:0;
		top:0;
		height:48px;
		width:148px;
		
}


/* pseudo tableau */
.rTable {
  display: table;
  width: 100%;
}
.rTableBody {
  display: table-row-group;
}
.rTableCell, .rTableHead {
  display: table-cell;
  padding: 3px 10px 0 0;
  margin:0;
  border: 0;
  padding-bottom:2em;
  vertical-align:top;}
.rTableRow {
  display: table-row;
  
}
.clients .rTableCell:first-child { 
    padding-right:4em !important;
}

.videos .rTableCell { 
    padding-right:4em !important;
}
.videos .rTableCell:last-child { 
    padding-right:0 !important;
}
@media (max-width: 48em) {
		table.noborder .gauche {display:block;}
		table.noborder .gauche {width:100%};
		.rTableCell {}
		/* pseudo tableau */
.rTable {
  display: block;
  width: 100%;
}
.rTableBody {
  display: block;
}
.rTableCell, .rTableHead {
  
  padding: 0;
  margin:0;
  border: 0;
  margin-bottom:1em;
  width:100% !important; 
  display:block !important;}
.rTableRow {
  display: block;
  margin-bottom:2em;
  
}
.listingnews .col.automobile {
  padding-top: 0;
}
}





.logo a {display:block}
img.logo  {box-sizing: content-box; position:relative; bottom:1px;}
.navlist, 
.navlist li {
	display:block;
	
	text-decoration:none;
	list-style:none;
	
}
.navlist li a {
	display:block;
	
	text-decoration:none;
	padding:0.2em;
	margin-left:0.8em;
		transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	letter-spacing:0.1em;
	/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);*/
}
navsoc li {
	display:block;
	
	text-decoration:none;
	list-style:none;
	
}
ul.navsoc  {
	display:block;
	margin:0 0 0 3em;
}
.navlist.navsoci li, .navlist.navsoci.navf li {
	display: block;
	text-decoration: none;
	padding: 0em;
	margin-left: 0;
	height: 100%;
	width: auto;
	background-color: rgba(0,129,156, 0.2);
	background-size: 22px 22px;
	background-repeat:no-repeat; 
	background-position: center center;
}
.navlist.navsoci.navf li {
	background-color: transparent !important;
	
}

.navlist.navsoci li a, 
a.search{
	display:block;
	
	text-decoration:none;
	padding:0.1em;
	margin-left:0;
	height:22px;
	width:22px;
	background-size:22px 22px;;
	
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	/*background-color: #fafafa;*/
   	text-shadow:none;

}

a.ok{
	
	
	text-decoration:none;
	padding:0.1em;
	margin-left:0.3em;
	height:28px;
	width:28px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/play.png) no-repeat;
	background-size:28px 28px;
	-webkit-background-size:28px 28px;
	-moz-background-size:28px 28px;
	-o-background-size:28px 28px;
	-ms-background-size:28px 28px;
	
	
	

}
a.ok:hover {background:#e9632d url(../../img/play.png) no-repeat;
 background-size:28px 28px;
	-webkit-background-size:28px 28px;
	-moz-background-size:28px 28px;
	-o-background-size:28px 28px;
	-ms-background-size:28px 28px;
	height:28px;
	width:28px;
}
a.plus{
	
	
	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/plus.png) no-repeat;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
	
	

}
a.plus:hover {background:#e9632d url(../../img/plus.png) no-repeat; 	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;


	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
}
a.telechargement {
	
	
	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/download_28.png) no-repeat;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
	
	

}
a.telechargement:hover {background:#e9632d url(../../img/download_28.png) no-repeat; 	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;


	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
}
a.back{
	
	
	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/back.png) no-repeat;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
	
	

}
a.back:hover {background:#e9632d url(../../img/back.png) no-repeat; 	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;


	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
}

a.checked{
	
	
	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/checked.png) no-repeat;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
	
	

}
a.checked:hover {background:#e9632d url(../../img/checked.png) no-repeat; 	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:16px;
	width:16px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;


	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	-ms-background-size:16px 16px;
	
}

a.bigchecked{
	
	
	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:28px;
	width:28px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/checked.png) no-repeat;
	background-size:28px 28px;
	-webkit-background-size:28px 28px;
	-moz-background-size:28px 28px;
	-o-background-size:28px 28px;
	-ms-background-size:28px 28px;
	
	
	

}
a.bigchecked:hover {background:#e9632d url(../../img/checked.png) no-repeat; 	text-decoration:none;
	/*padding:0.1em;*/
	/*margin-left:0.3em;*/
	height:28px;
	width:28px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;


	background-size:28px 28px;
	-webkit-background-size:28px 28px;
	-moz-background-size:28px 28px;
	-o-background-size:28px 28px;
	-ms-background-size:28px 28px;
	
}

a.apply{
	
	
	text-decoration:none;
	padding:0.1em;
	margin-left:0.3em;
	height:28px;
	width:28px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	
   	text-shadow:none;

	background:#00819c url(../../img/play.png) no-repeat;
	background-size:28px 28px;
	-webkit-background-size:28px 28px;
	-moz-background-size:28px 28px;
	-o-background-size:28px 28px;
	-ms-background-size:28px 28px;
	
	
	

}
a.apply:hover {background:#e9632d url(../../img/play.png) no-repeat;
}
footer .navlist.navsoci li a {
	
	height:30px;
	width:30px;
	background-size:28px 28px;
	-webkit-background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	-o-background-size: 28px 28px;
	-ms-background-size: 28px 28px;

}
 a.search {
	display:block;
	float:right;
	

}
.contextual .col.automobile {padding-top:0}
.navlist.navsoci a:hover {
	text-shadow:none;
}
.navlist.navsoci a.facebook {
	background-image:url(../../img/facebook.png) !important; 
}
.navlist.navsoci a.facebook:hover {
	background-color:#385a99;
}

.navlist.navsoci a.twitter {
	background-image:url(../../img/twitter.png) !important;
}
.navlist.navsoci a.twitter:hover {
	background-color:#2aa9de;
}

.navlist.navsoci a.linkedin {
	background-image:url(../../img/linkedin.png) !important;
}
.navlist.navsoci a.linkedin:hover {
	background-color:#137bb8;
}

.navlist.navsoci a.googleplus {
	background-image:url(../../img/googleplus.png) !important;
}
.navlist.navsoci a.googleplus:hover {
	background-color:#ce3633;
}

.navlist.navsoci a.youtube {
	background-image:url(../../img/youtube.png) !important;
}
.navlist.navsoci a.youtube:hover {
	background-color:#cf342f;
}


.navlist  li a:hover {
	/*text-shadow: 2px 2px 3px rgba(150, 150, 150, 0.5);*/
}
.navlist li a:active {
	text-shadow:none ;
}

a.search {
	background:url(../../img/search-small.png) rgba(0,129,156, 0.4) no-repeat center center;
	float:right;
	
	
}
 input.searchf {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-radius: 0px;
    -ms-radius: 0px;
	height:22px;
	padding:0;
	padding-left:0.5em;
	width:200px;
	color:#000000;
	margin:0; border:0; 
	background:rgba(0,129,156, 0.2) ;  
	font-size:.8571em;
	float:none; 
	font-family: 'Roboto', sans-serif; 
	font-weight:300;
	font-size:.8571em;
	letter-spacing: 0.1em;
	}
	 input.email {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-radius: 0px;
    -ms-radius: 0px;
	height:28px;
	padding:0;
	padding-left:0.5em;
	
	/*color:#fff;*/
	margin:0; border:0; 
	background:rgba(255, 255, 255, 0.4);  
	font-size:.8571em;
	float:none; 
	font-family: 'Roboto', sans-serif; 
	font-weight:300;
	
	letter-spacing: 0.05em;
	border: 1px solid #00819c;
	}
.boutontel {
	
	height:22px;

	}
#topbar .small {line-height:1.65em;}	
	
a.search:hover {
	background-color:rgba(0,129,156, 0.6);
}


.navmain li a {
	color:#ffffff; 
	
}
.navmain li a:hover {
	
	color:rgba(255, 255, 255, 0.4);
}


.navsoc li a {
	color:#939393; 
	/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4);*/
}
.navsoc li a:hover {
	/*color:#ececec;*/ 
	color: rgb(0,129,156);
	/*text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);*/
}
.navsoc li  {
	display:block;
	float:left;
}
.navsoc li a:active {
	color:#fff ;
	text-shadow:none;
}
.navsoc li a.boutontel {
	height:100%;
	color:#fff;
	background-color: rgba(0,129,156, 0.2);
	display:block;
	padding-left:0.4em ;
	padding-right:0.4em ;
transition: 0.4s ease-out;	-webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
}
 
.navsoc  li a.boutontel:hover {
	/*text-shadow: 2px 2px 3px rgba(0,129,156, 0.5);*/
	background-color:#e9632d;
	color:#fff;
}
.navsoc boutontel li a.boutontel:active {
	text-shadow:none ;
}
#topbar, 
#logobar,
#slider {
	margin-top:-1px !important
}


.respirationh boutontel{height:2em;}
.respirationh {height:2em;}

/*marquage couleur provisoire */













nav li, aside li {float:left}
 aside#left li {float: none !important;}
header{}
.slider, #slider {
	 min-height:250px;}
	.w25{}
.bggris {background:#ccc}
#topbar { 
	height:22px; 
	background: rgba(0,129,156, 0.1)
}
#topbar form { }
#topbar input {}
.h80 {
height:72px;
}
.h160 {
height:144px;
}
.h240 {
height:216px;
}
.p0 {
	padding:0;
}
.m0 {
	margin:0;
}

.circle-bg { 
   width: 16px;
   height: 15px;
   
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; 
   border-radius: 8px;
   background: #CCC;
   color: #fff;
   vertical-align:middle;
   text-align:center;
   
}
.bgbold {
	background:url(../../img/bold_bg.png) white repeat-x;
	background-size:auto 100%;
}

.border4 {
	border:1px solid #dddddd;
}
.borderb {
	border-bottom:1px solid #dddddd;
}
.borderr {
	border-right:1px solid #dddddd;
}
.main .borderb {
	padding-bottom:2em;
	margin-bottom:1em;
}
.decb {
	margin-top:1.4em;
}	

.inv {display:none}

.topform, 
form.topform {
	display:inline;
	
}
footer {
	padding: 2em 0 1em 0;
	background: url(../../img/frise.jpg) top repeat-x;
}
footer *  {
	font-size:1em;
	color:#aaa;
	padding:0;
	margin:0;
	line-height:1.5em;
}
footer li {
	float: none;
	list-style-type:none;
	margin:0;
	padding:0;
}
footer .navsoci li {
	
}
footer li a, footer  a{
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0.02em;
	
}
footer li a:hover,  
footer a:hover, 
footer li a:active,  
footer a:active, 
footer li a:focus,  
footer a:focus{
	text-decoration:none;
	color: rgb(0,129,156);
	
	
}
footer h2 {
	font-size:1em;
	text-transform:uppercase;
	margin-bottom:0.5em;
	font-weight:500;
}

.col.automobile.ph2 {
	padding-top:4em
	}
	
.col.automobile.ph1 {
	padding-top:5.35em;
}


#left > .row,
#right.col > .row{
	
	padding-bottom:2em;
}

#left, .col.automobile {padding-top:2em}

#right.col > .row.contextual {padding-top:2em; padding-bottom:0;}

h1.reverse {
	color:white; 
	background-image:url(../../img/arc2.png) !important;
	background-repeat:no-repeat;
	
	-webkit-background-size:60% 100%;
	 
	background-size: 60% 100%;
  background-position: bottom right;
  
  padding:5%;
  font-weight:500;
}
	
h1 {font-weight:400}
em, strong {font-weight:500}	

.main ul {
	list-style-type:none;
	padding-left:0;
	
}
.main ul li { 
	padding-left:1em;
	display:block;
	background-repeat:no-repeat;
	background-position:0em 0.7em;
}

.shareaholic-canvas {
  clear: both;
  margin: -1em 0 -2em 0;
}
.p-all {padding:5%}

.arrondi, 
.rounded {
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}
.bg-arc {
	background-image:url(../../img/arc2.png) !important;
	background-repeat:no-repeat;
	
	-webkit-background-size:60% 100%;
	background-size: 60% 100%;
    background-position: bottom right;
	}
.bg-swoosh {
	background-image:url(../../img/bg-swoosh-6.png) !important;
	background-repeat:no-repeat;
	
	
    background-position: bottom right;
	}
.bg-swoosh-h80 {
	background-image:url(../../img/bg-swoosh-6.png) !important;
	background-repeat:no-repeat;
	
	background-size:30% ;
	
    background-position: bottom right;
}
.bg-clients, .bg-produits, .bg-demos { background-size:cover;}
.bg-clients {background-image:url(../../img/ill-clients.jpg) !important;}
.bg-produits {background-image:url(../../img/ill-produits.jpg) !important;}
.bg-demos {background-image:url(../../img/ill-demos.jpg) !important;}


.h-btn-wrapper {
	overflow:hidden;
}
.h-btn-v-wrapper {
	overflow:hidden;
	display:block;
	text-decoration:none;
}
.h-btn-v-wrapper span, .h-btn-wrapper h2, .h-btn-v-wrapper span, .h-btn-wrapper h2{
	font-size:1.4em;
	text-decoration:none;
}
a.h-btn-v-wrapper:hover, a.h-btn-v:hover{
	color:   #fff !important;
	text-decoration:none;
}
span.h-btn-v {
	display:block;
	height:50%;
	width:100%;
	transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	
	overflow:hidden;
	text-decoration:none;
	
	
    
	border-bottom:3px solid #fff;
	
	background-color: rgba(255, 255, 255, 0.7);
	color:#00819c;
	
    /*font-size: 1.7143em;*/
    line-height: 1;
    
}
span.h-btn-v:hover, span.h-btn-v:active {
	
	background-image:none;
	background-color:#00819c;
	color:#fff !important;
	text-shadow:none;
	
	border-bottom: none;
	
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50)%;
	text-decoration:none;
	
}
a.h-btn {
	display:block;
	height:100%;
	width:100%;
	transition: 0.4s ease-out;-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	overflow:hidden;
	text-decoration:none;
}
a.h-btn:hover, a.h-btn:active {
	font-size:1.2em;
	opacity:0.8;
	color: white;
	
}














a.icon-link {
	
float:left;
	display:block;
	
	text-decoration:none;
	padding:0.1em;
	margin-left:0;
	height:14px;
	width:14px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	background-color: #00819c;
   	text-shadow:none;
background-size:14px 14px;
background-repeat:no-repeat;
margin-right:5px;

position:relative; top:3px;

  }
a.icon-link:hover, 
a.icon-link:active {
	background-color:#e9632d;
	}
a.icon-link > * {
	display:block;
	width:22px;
	height:22px;
}

a.icon-link-big {
	
	float:left;
	display:block;
	
	text-decoration:none;
	padding:0;
	margin:0;
	height:28px;
	width:28px;
	text-shadow: none;
 transition: 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	
	background-color: #00819c;
   	text-shadow:none;
background-size:28px 28px;
background-repeat:no-repeat;
margin-left:5px;

position:relative; top:0;

  }
a.icon-link-big:hover, 
a.icon-link-big:active {
	background-color:#e9632d;
	}
a.icon-link-big > * {
	display:block;
	width:28px;
	height:28px;
}
a.bg-tel, .main ul li a.bg-tel {
	background-image:url(../../img/tel.png) !important;
}
a.bg-mail, .main ul li a.bg-tel {
	background-image:url(../../img/email.png) !important;
}
a.bg-menu, .main ul li a.bg-tel  {
	background-image:url(../../img/menu.png) !important;
}

a.bg-home, .main ul li a.bg-tel  {
	background-image:url(../../img/home.png) !important;
}
a.bg-telechargement, .main ul li a.bg-telechargement {
	background-image:url(../../img/download_28.png) !important;
}
a.icon-link.bg-home, a.icon-link.bg-telechargement {padding:0 !important}
.cache {
	display:none;
}
a.icon-link span.cache {
	width:22px;
	height:22px;}


table,
thead,
tbody,
tfoot,
tr,
th,
td {
   
    width: auto;
    height: auto;
   
    padding: 0;
    border:0;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
thead,
tbody,
tfoot,
tr,
th,
td {
   
   
    margin: 0;
   
}
table, th, td {border: 1px solid #CCC;}
table.noborder, table.noborder th, table.noborder td, table.noborder tbody, table.noborder theader {border: 0;}
table.noborder .gauche {width:30%}

table {width:100%;     }
td, th{padding:.5em;}
th {
	background:#fafafa;
	font-weight:500
}
.noborder {border:0}

.main * {    
/* -ms-word-break: break-all;word-break: break-all;

  Non standard for webkit 
     word-break: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.hyphen {
/* "word-break" renseigne sur la manière dont être effectuée la césure.
"break-all" signifie que celle-ci peuvt être insérée entre chaque caractère.*/ 
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
/* Le préfixe -webkit- est utilisé pour Safari.*/ 
/* Chrome ne supporte pas la propriété "hyphens" à l'heure actuelle.*/ 
-webkit-hyphens: auto;
/* Le préfixe -moz- est utilisé pour Firefox.*/ 
-moz-hyphens: auto;
/* La propriété "hyphens" est reconnue sur Internet Explorer*/ 
/* avec le préfixe -ms- à partir de la version 10 du navigateur.*/ 
-ms-hyphens: auto;
/* "hyphens" utilisé de la manière la plus classique qu'il soit.*/ 
hyphens: auto;
}





/* slider */

.bx-wrapper, .bx-viewport, .bx-wrapper > div {height: 250px !important;}
.bx-wrapper, .bx-viewport {  margin: 0 auto; }
.bx-viewport {width:100%; }
.bx-wrapper > div {}
.canevas-sl > div{  
	max-width:1060px;
	width:90%;
	height:250px; 
	margin:0 auto; 
	padding:0;
	
}
body .canevas-sl *, body { 
  font-weight:300;
  }
.sl-img-container{  }
.slider .blanc * {color:#fff}
.slider .bleu * color {#00819c}
.canevas-sl p,  .canevas-sl a {font-size:1.2em; line-height:0.9;}
.canevas-sl h1,
.canevas-sl h2,
.canevas-sl h3
 {font-size:2.1em; line-height:0.9; margin-bottom:0.8em;}
 
 .clip-round {-webkit-clip-path: circle(150% at -30% 90%);
	clip-path: circle(150% at -30% 90%); -moz-clip-path: circle(150% at -30% 90%); -o-clip-path: circle(150% at -30% 90%); -ms-clip-path: circle(150% at -30% 90%);}

.canevas-sl > div > div {vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left;}	
.img img {
	
	} 

.img {    
		overflow: hidden;
		position:relative;
		
		 height:250px;}
.texte {   
		text-align:left;
		z-index:50;
		
		}
/*.texte * {text-shadow:1px 1px 2px #000;
		-webkit-text-shadow:1px 1px 2px #000;
		-o-text-shadow:1px 1px 2px #000;
		-moz-text-shadow:1px 1px 2px #000;
		-ms-text-shadow:1px 1px 2px #000;}*/
/*.bx-wrapper img.mwi {width:100%; height:auto; max-height:none; } /* images en portrait */

/*.bx-wrapper img.mhe {height:250px; width:auto; max-width:none; } /* images en paysage */
.bx-wrapper .texte p {margin-bottom:1.5em;}
.bx-wrapper .texte a, .bx-wrapper .texte a:hover, .bx-wrapper .texte a:active {color:#fff; padding:0.5em; font-size:1em; font-weight:500; text-decoration:none; border:1px solid #fff; margin-top:1em; z-index:999999; 	transition: 0.4s ease-out;
	-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;}
.bx-wrapper .texte a:hover, .bx-wrapper .texte a:active {background-color:rgba(255,255,255,0.5)}

.h250 {height:250px;}

/*div.bx-controls {top:-250px; position:relative}*/
div.bx-controls {left:0;top:-5000px; position:fixed}




#slider{position:relative}

#slider-prev, 
#slider-next
{	position:absolute;
	top: 50%;
	margin-top: -16px;
	z-index:99999;
}
.bx-prev, 
.bx-next
{
	display: block;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	outline: 0;
	
	margin: 0 3px;
	background:no-repeat;
	
	
	
	
}
.bx-next
{
	background-image: url(../../img/play_pl.png) !important;
}
.bx-prev
{	
	background-image: url(../../img/back_pl.png) !important;	
}
#slider-next
{
	
	right:0.5em;	
}
#slider-prev
{
	
	
	left:0.5em;
	
}
.bx-prev:hover,
.bx-next:hover
{
	
	
	opacity:0.7;
	z-index:99999;
transition: 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
}


.bx-wrapper .bx-controls-direction a {
	
}



ul.news {margin:0; padding:0; margin-bottom:1em; width:100%; list-style-type:none;
	}
ul.news li {padding-left:1em;
	display:block;
	background-repeat:no-repeat;
	background-position:0em 0.7em;
	margin-bottom:0.5em;}
.news em {font-weight:500; font-style:normal; padding-right:0.2em;}

.col.automobile.lignecontextual {width:75%; }
	.col.automobile.ligneshare {width:25%; }
	
@media (min-width: 40em) and (max-width: 48em) {
	#left.wcol-q {width:35%}
	
}	
@media (min-width: 48em){
	body{cursor: auto !important}
	#targetappend.row, #left > #targetappend.row, #right.col > #targetappend.row {margin:0; padding:0; padding-bottom:0;}
	#left > .row.p1,
#right.col > .row.p1{
	
	padding-bottom:1em;
}
#left > .row.p0,
#right.col > .row.p0{
	
	padding-bottom:0;
}

.col.automobile.lignecontextual {width:100%; float:none}
	.col.automobile.ligneshare {width:100%; float:none; z-index:99999;}
	
}
@media (max-width: 720px){
	body{cursor: auto !important}
	 .contact-form input:not([type=checkbox]):not([type="radio"])
{
    border: 1px solid #039;
}, .contact-form button, .contact-form textarea {
	
	 width:100% !important;
}

}
@media (max-width: 40em) {
	.shareaholic-canvas {
	  /*clear: both;*/
	  margin: -2.5em 0 -2em 0 !important;
	  z-index:50;
	}
	.shareaholic-canvas *{
	  
	  z-index:50;
	}
	.col.automobile.lignecontextual {width:100%; float:none}
	.col.automobile.ligneshare {width:100%; float:none}
	
}



.shareaholic-share-buttons-container ul.shareaholic-share-buttons {padding-top:0 !important; padding-bottom:0 !important;}
body .shareaholic-share-buttons-container * {
  
  position: inherit;
  text-transform:lowercase;
  font-family: 'roboto',tahoma,verdana,arial,sans-serif;

}
.icon-link-big img {}
.logo img {height:48px !important; width:150px !important;}

footer .totop {
	display:block;
	background-image:url(../../img/totop.png) !important;
	background-size: 28px 28px;
	
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  outline: 0;
  margin: 2em auto;
  background-repeat: no-repeat;
   background-color: #00819c;
 transition: 0.4s ease-out;  -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
	}
footer .totop:active{ background-color:#e9632d}
footer .totop:hover{ background-color:#e9632d}	
	a.icon-link.bg-home {padding:0 !important}
	

/*************** MAPS **********************/
 .google-maps {
         position: relative;
  /* padding-bottom: 75%; */
  /* height: 0; */
  overflow: hidden;
 
}
.google-maps iframe {
        /*position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; */max-width: 100%;
 }
 
 
 
 .contact-form input:not([type=checkbox]):not([type="radio"]):not([type=file])
, .contact-form button, .contact-form textarea {
	 margin:0;
	 
	 border-color:#00819c;
	 border-style: solid;
	 border-width:1px;
	 color:  rgb(147,147,147);;
	
	 padding:1em;
	/* width:100%;*/width:70%;
	 vertical-align:top;
	 margin-bottom:1em;
	 display:inline-block;
	 border-radius: none;
	 -moz-border-radius: 0  !important;
	 -o-border-radius: 0  !important;
	 -webkit-border-radius: 0  !important;
	 -ms-border-radius: 0 !important;
 }
  .contact-form input[type=file].file{
	
	 
	 border-color:#00819c;
	 border-style: solid;
	 border-width:1px;
	 color:  rgb(147,147,147);;
	
	 padding:0 !important;;
	/* width:100%;*/width:70%;
	 vertical-align: auto !important;
	 margin-bottom:1em;
	 display:inline-block;
	 border-radius: none;
	 -moz-border-radius: 0 ; 
	 -o-border-radius: 0 ; 
	 -webkit-border-radius: 0  !important;
	 -ms-border-radius: 0 !important;  
	  
	  
	   !important}
  .contact-form input[type="radio"] {
	 background-color: transparent;
  border: 0;
  width: auto;
 }
/*.contact-form input[type="radio"]:checked:not([type="radio"]) {
	background-color:#C30;
}*/
  .contact-form input:not([type=checkbox]):not([type="radio"]), .contact-form button { height:3.4em;}
 /* .contact-form input[type="radio"] {height:1em;}*/
  .contact-form input[type="submit"] {width:10em; padding:1em !important}
  .contact-form textarea {height:9em}
  .contact-form p {margin-bottom:1.5em;}
.contact-form a.send, .contact-form a.send:hover, .contact-form a.send:active { display:block;color:#00819c; padding:0.5em; font-size:1em; font-weight:500; text-decoration:none; border:1px solid #00819c; margin-top:1em; z-index:999999; 	transition: 0.4s ease-out; background-color:rgba(0,129,156, 0.2); height:3em !important; width:7em !important; text-align:center;
	transition: 0.4s ease-out;-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;}
	.contact-form a.send:hover, .contact-form a.send:active { background-color:#00819c; color:#fff;}
	

.listingnews div.border1:hover {background-color:#fafafa;}
.h-btn-pdt-wrapper a{
	
	/*border fake*/
	border: 10px solid #fafafa;
	
	background-color:#fafafa;
	background-repeat:no-repeat;
	
	background-size:contain;
	background-position:center center; 
	
	padding:2.2em;
	/*width: 283px ;
	height:136px;*/
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	
	
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	}
.h-btn-pdt-wrapper a:hover, .h-btn-pdt-wrapper a:active {
	background-color:#ffffff; 
	border: 10px solid #fff;
	
	padding:2.2em;
	background-repeat:no-repeat;
	
	-webkit-filter:none; 
	-moz-filter:none;
	-o-filter:none; 
	filter: none; 
	
	background-size:contain;
	background-position:center center; 
	
	-webkit-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	}
	
.h-btn-pdt-wrapper2 {background-color:#ffffff; transition: 0.4s ease-out;-webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out}
.h-btn-pdt-wrapper2:hover {background-color:#fafafa;}
	
	
	
	
	
	
	
	
	
	
.placardpdt {padding:1em}

fieldset {border:0; margin:0; padding:0}



.greyscale, .grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: gray;
}

a.bt-layout {
	padding:2px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 40px 40px;
	margin:2px;
	float:left; 
	background-color:#ececec;/*gris clair*/
	}
a.bt-layout:hover {
	background-color:#e9632d;
	}
a.bt-layout.selected, a.bt-layout.selected:hover {
	background-color:#00819c;/*bleu*/
	}
a.hoverbleu:hover {border:1px solid #069; background-color:#069;}
a.hoverbleu {border:1px solid #fff; background-color:#069;}
div.editableck {position:relative; border:3px solid white;}
div.editableck:hover {border:3px solid #00819c; }

#resultats th {background:inherit; cursor:pointer}
table#resultats {margin-bottom:1em}
#resultats_length {margin-bottom:1em}
#resultats_length select {width:80px; margin-left:0.5em}

.main div:not(#list) ul li  {background-image:url(/img/bullet-bleu.png);}
.main ul li * {background-image:none }

figure { padding:0;margin:0;}
table.border-jaune tbody td {word-wrap: break-word;}