/*
 * Kameleo T2 Template Graphical configuration
 */

/* default values */

html {
	height: 100%;
}

body {

	/*
		define the font of the page here:
		(linehgiht, color, size etc... You can specify the font for the titles later)
	*/

	font-family: 'Open Sans', sans-serif;
    font-size:100%; /* Better to use % here and then EM in content but you could use PX, PT, % or EM */
    line-height: 22px; /* Better to use PX here but you could use PX, PT, % or EM */
    font-weight:300;
    /* font color */
    color: #646566;
    height: 100%;

    /* background of the page, can contain a image. would be like this background: #000 url(yourimage.jpg) center top no-repeat; */
    background:#fff;  /* specify an image for the top background of the site, for exemple a gradient (usual name: "bg_top.png") */
}

/* specify additional backgrounds here */

div#w0 {
    height: 100%;
}

div#w1 {
    height: 100%;
}

div#w2 {
    height: 100%;
	/*background: transparent url(../img/bg_bottom.png) center bottom repeat-x;
    uncomment if you want to set a footer image on all width of the browser */
}

div#w3 {
    height: 100%;
}

/*slider*/

/* Remove comment if you want to specify position and options of slider
.slider {
	width: 1200px;
	margin-left: -120px;
}

.nivo-controlNav {
    display: none;
}

.nivo-caption {
    display: none!important;
}

*/


h1, h2, h3 { /* Titles */
    font-style: normal;
    color: #737373;
    margin-bottom: 16px;
	text-align:center;
	font-weight: 300;
    text-transform: uppercase;
    letter-spacing:0.05em;
}

#cn h1 { /* page title */
    font-size:2.750em;
    line-height:90px;
    text-transform: none;
    text-transform: uppercase;
    margin-bottom:0;
}

h1 span {
	color: #06baeb;
	font-weight: 700;
}

#cn h2{
	font-size: 1.143rem;
    line-height: 22px;
    text-align:left;
    font-weight:700;
    text-transform:none;
    color:#646566;
    text-transform:uppercase;
}

div#bd div#bd_bg .first.text.object h2{
	text-align:center;
}

#ft .footer_content h2 { /* paragraph title */
    font-size: 2.125rem;
    text-align:center;
    line-height:47px;
    margin-bottom: 8px;
    margin-bottom:20px;
}

h3 { /* module title */
    font-size: 1.25em;
    margin:0;
    text-align:left;
}


/* underline / sous-ligni� / highlight */

.object u {
   color: #22bbea; /* couleur du texte */
   background:none; /* couleur de fond du highlight */
   text-decoration: none;
   padding:0; /* espacement */
   text-transform:uppercase;
   font-weight:700;
}


/* global link color & style */

a {
	/* replace underline by none if you want no line under the links */
    text-decoration: none;
    color:#22bbea;
}

a:link {
	/* color of the links */
    color:#22bbea;
}

a:visited, a:focus, a:active {
	/* color of the links once you have clicked on */
   	color:#22bbea;
    text-decoration: none;
}
a:hover {
    /* color of the mouse hover, and active state (when you actually press the mouse bouton) */
    color:#22bbea;
    text-decoration: underline;
}

#cn a.button, #ft a.button{
	background:url(../img/arrow_link_blue.png) left bottom no-repeat;
	min-width:52px;
	padding-bottom:25px;
	background-size:32px auto;
	font-weight:600;
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	width:auto;
	margin-right:70px;

	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all  0.15s ease-in-out;
	-ms-transition: all  0.15s  ease-in-out;
	-o-transition: all  0.15s  ease-in-out;
	transition: all  0.15s ease-in-out;

}

#cn a.button:hover, #ft a.button:hover{
	background:url(../img/arrow_link_blue.png) 15px bottom no-repeat;
	background-size:32px auto;
}


#cn a.download.button{
	background:url(../img/download_icon.jpg) left 10px no-repeat;
	background-size:24px auto;
	padding:10px 10px 10px 34px;
	margin:0;
	width:80%;
}

/* paragraphs (block de contenu) */

p {
	margin:	0 0 12px 0; /* margin: top right bottom left; */
}

div.c3 p {
	color: #9c9c9c; /* color of third column paragraphs*/
}

div.object {
	margin: 0 0 20px 0; /* margin: top right bottom left; */
	font-size:0.875em;
}

/* modules */

div.module {
	margin: 0 0 10px 0; /* margin: top right bottom left; */
}


/* langues */

ul#lang {/* liens vers les diff�rentes langues du site */
    position:absolute;
    right:0;
    height: 41px;
    width:10%;
    background: url(../img/lan.png) no-repeat;
    padding:0;
}

ul#lang li{
    float: left;
    margin: 6px 0;
    padding: 5px 6px;
}

ul#lang li a{
    text-decoration: none;
    font-size: 13px;
    color: #8d8a9c;
    font-weight: 400;
    padding-right: 1px;
    text-transform:uppercase;
}

ul#lang li a:hover, ul#lang li.active a{
    color: #22bbea;
}


/* structure */

/* header */
div#hd {
	margin: 0;
	height: 155px; /* height of your header image */
}

div#hd .cn{
	padding:0;
	height:auto;
}


/* content */

div#cn {
    min-height: 100%;
}

div#ct {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -120px;
}
div.cn {
    background: transparent;
}

div#bd div#bd_bg{
	width:100%;
	padding:0 0 490px 0;
}

.home div#bd div#bd_bg{
	width:100%;
	padding:0 0 840px 0;
}

div#bd div#content_principal{
	padding-top:100px;
}

div#bd div.cn {
	background: none;
	padding: 20px 0 30px;	/* pushes the footer down*/
}

.cn #content {
    min-height:200px; /* specifies minimum height for the content all 3 lignes are important */
    height:auto !important;
	height:200px;
	padding-bottom: 87px;
}

div#bd div#bd_bg .first.text.object, div#bd div#bd_bg .grey_part .first.text.object{
	text-align:center;
	font-size: 1.0714em;
    line-height: 27px;
}

div#bd div#bd_bg .first.text.object{
}

div#bd div#bd_bg .content_principal .object{
	padding-bottom:36px;
	margin:0px;
}

div#bd div#bd_bg .content_principal .image.object{
	background:url(../img/border_image.jpg), url(../img/border_image.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	padding:13px 0;
	margin-bottom:40px;
}

div#bd div#bd_bg .content_principal .text.object:not(.first) h2{
	max-width: 720px;
    margin: 0px auto 10px auto;
}


div#bd div#bd_bg .content_principal .text.object:not(.first) >div{
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 24px;
    text-align:justify;
}

div#bd div#bd_bg .content_principal .text.object.nocolumn >div{
	-webkit-columns:1;
	-moz-columns:1;
	columns:1;
	-webkit-column-gap:none; /* Chrome, Safari, Opera */
    -moz-column-gap: none; /* Firefox */
    column-gap:none;
}


.text.object >div{
	max-width:720px;
	margin:0px auto;
}

.object .wrapimg{
	float:left;
	width: 30%;
    margin-right: 3%;
    text-align:center;
    line-height:0px;
}

body:not(.home) .content_principal .object .wrapimg{
	height:280px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.home div#bd div#bd_bg .content_principal .standard.object .wrapimg {
	text-align: left;
}

.home div#bd div#bd_bg .content_principal .standard.object .wrapimg img {
	max-height: 60px;
	width: auto;
}

.object .wrapimg img{
	max-width:100%;
	height:auto;
	line-height:0px;
}

.object .wrapobject{
	float:left;
	text-align:left;
	width:60%
}

.standard.object h2{
	text-align:left;
}

.image.object{
	text-align:center;
}

.object img{
	float:none;
	margin:0 auto;
	line-height:0;
	display: inline-block;
    width: auto;
}

.grey_part .object img{
	max-height: 450px;
	width: auto;
}

/* formulaire */


.form.object >div{
	text-align:center;
	margin:0px auto;
	max-width:620px;
}

.form.object >div label{
	font-size:1.35em;
	margin-bottom:8px;
	display:block;
}

.form.object >div .container{
	margin-top:25px;
}

.form.object >div .container.buttons{
	margin:0;
}

.container.buttons #btSubmit, .container.buttons #btSubmit:focus{
	margin:0px auto;
	color:#737373;
	border:2px solid #22bbea;
	text-transform:uppercase;
	background:transparent;
	letter-spacing:0.05em;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:1em;
}

.container.buttons #btSubmit:hover{
	color:#fff;
	background:#737373;
}

.grey_part .container.buttons #btSubmit{
	color:#fff;
	font-size:1.2em;
}

.grey_part .container.buttons #btSubmit:hover{
	color:#737373;
	background:#fff;
}

.grey_part .object .wrapimg img{
	max-height:170px;
	max-width:100%;
}


/* content zones */

.c2_large{
	width:66.6%;
	float:right;
}

.admin #hd .c2_large{
	width:56.6%;
}

body:not(.home) #cn .grey_part .cn .first.object{
	padding-top:60px;
	margin-bottom: 34px;
}

body:not(.home) #cn .grey_part .text.object{
	text-align: center;
}

#cn .grey_part .cn{
	padding:0 0 42px 0;
}

body:not(.home) #cn .grey_part{
	color:#fff;
}

#ft div.c1{
	width:30%;
}

/** Grey part **/


.grey_part{
	width:100%;
	background-color:#646566;
	text-align: center;
}

#cn .grey_part h2{
	color:#fff;
    line-height: 22px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 2.125rem;
    text-align: center;
    margin-bottom:20px;
   	line-height: 42px;
}

.grey_part .standard.object >div{
	background-color:#fff;
	overflow:hidden;
}

.home .grey_part .sliderr {
	margin-top: 50px;
}
.home.mobile .grey_part .sliderr {
	margin-top: 10px;
}
.home .grey_part .sliderr .standard.object > div {
	padding: 20px;
}

body:not(.home) .grey_part .standard.object .wrapimg, body:not(.home) .grey_part .standard.object .wrapobject{
	width:auto;
	float:none;
	margin:0px;
	padding:4px;
	min-height:170px;
}

#cn .grey_part .standard.object h2{
	color:#646566;
	font-size:1rem;
	font-weight:700;
	margin-bottom:14px;
	line-height:22px;
	text-align:left;
}

body:not(.home) .grey_part .standard.object .wrapobject{
	padding:15px 20px;
	color:#646566;

}

body:not(.home) .grey_part .standard.object img{
	max-height:200px;
	max-width:280px;
}

.grey_part .standard.object{
	width:30%;
	margin: 0 8px 50px 8px;
	display:inline-block;
	text-align: left;
	vertical-align:top;

	-moz-box-shadow: -1px 3px 16px rgba(0,0,0, .5); /* shadow on image */
	-webkit-box-shadow: -1px 3px 16px rgba(0,0,0, .5);
	box-shadow: -1px 3px 16px rgba(0,0,0, .5);
}

#cn .grey_part h2{
	color:#fff;
}

.grey_part .standard.object.halfColumn{
	width:48%;

}

body:not(.home) .grey_part .standard.object.halfColumn .wrapimg{
	height:360px;
	background-size:cover;
	background-position:center center;
	width:auto;
	margin:4px;
	padding:0;
}

/** Homepage only **/

.home #cn .grey_part .cn{
	padding:50px 0;
}

.home .text.object >div{
	max-width:100%;
}

.home div#bd div#bd_bg .content_principal .standard.object{
	width:28%;
	margin-right:5%;
	display:inline-block;
	vertical-align:top;
	font-size:1rem;
}

.home div#bd div#bd_bg .content_principal .standard.object a.button{
	font-size:1.375em;
	line-height:26px;
}

.home div#bd div#bd_bg .content_principal .standard.object .wrapimg{
	padding-bottom:26px;
}

.home div#bd div#bd_bg .content_principal .first.object{
	padding-bottom:100px;
	font-size:1.143em;
	line-height:27px;
}

.home div#bd div#bd_bg .object .wrapimg{
	float:none;
	width:auto;
}

.home div#bd div#bd_bg .object .wrapobject{
	float:none;
	width:auto;
}

/** Slider **/


.slick-slider{
	padding-bottom:63px;
}

.slick-list{
	padding:10px 0px!important;
}

ul.slick-dots{
    position:absolute;
    bottom:0;
    margin:0px!important;
    left:0;
    right:0;
}

.slider .standard.object{
	position:relative;
	z-index:10;
	display:inline-block;
	height:340px;
	margin:10px 0;
	padding: 0 6px;
	box-sizing: border-box;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all  0.2s linear;
	-ms-transition: all  0.2s  linear;
	-o-transition: all  0.2s  linear;
	transition: all 0.2s  linear;
	width:320px;
	font-size:1rem;

}

.slider .standard.object > div{
	height:340px;
	background:#fff;
	-moz-box-shadow: 0 0px 10px rgba(0,0,0, .5); /* shadow on image */
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0, .5);
	box-shadow: 0 0px 10px rgba(0,0,0, .5);
	padding: 4px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all  0.2s linear;
	-ms-transition: all  0.2s  linear;
	-o-transition: all  0.2s  linear;
	transition: all 0.2s  linear;
}

.slider .standard.object.slick-center{
	z-index:50;
	height:360px;
	margin: 0;
	box-sizing: border-box;
}

.slider .standard.object.slick-center > div{
	height:360px;
	margin: 0 -16px;
}

.slick-slide .wrapimg{
    background-size:cover;
    background-position:center center;
    height:200px;
	margin: 0;
    -webkit-transition: height 0.2s linear;
	-moz-transition: height  0.2s linear;
	-ms-transition: height  0.2s  linear;
	-o-transition: height  0.2s  linear;
	transition: height 0.2s  linear;

     -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");
}

.slider .standard.object.slick-center .wrapimg{
	height:210px;
	background-size:cover;
}

.slick-slide .wrapobject{
	padding:15px;
	font-size:0.813em;
	line-height:18px;
	position:relative;
}

.slick-center .wrapobject{
	padding:17px;
}

.slick-slide .wrapobject em{
	font-weight:400;
}

.slick-slide .wrapobject em::before{
	content:'"';
	color:#22bbea;
	padding-right:2px;
	position:absolute;
	left:8px;
}

.slick-slide .wrapobject em::after{
	content:'"';
	color:#22bbea;
	padding-left:2px;
}

.slick-slide .wrapobject p{
	margin:0;
}

ul.slick-dots li{
	list-style-type:circle!important;
	display:inline-block;
	margin:0px auto;
}

.slick-dots li button {
	  font-size: 0;
	  line-height: 0;
	  display: block;
	  width: 31px;
	  height: 6px;
	  padding:10px 0;
	  margin: 0px 3px;
	  cursor: pointer;
	  background: url(../img/puce_slider.jpg) center center no-repeat;
	  background-size:31px auto;
	  outline: none;
	  border:none;
 }

.slick-dots li.slick-active button{
     background: url(../img/puce_slider_active.jpg) center center no-repeat;
     background-size:31px auto;
     border:none;
}

/* navigation */

div#mainNavCt {
	width: auto;
	height: auto;
}

ul#mainNav {
	margin-left:0px;
	padding: 0;
	text-align: left;
	background: none;
}

ul#mainNav li {
	display:inline-block;
	text-transform: none; /* puts all words in uppercase in main menu (change to none if you want lowcase) */
}

ul#mainNav li a { /* style of the main navigation links */
	text-transform: uppercase;
	font-size: 0.688em;
	font-weight:700;
	text-decoration: none;
	float: none;
	color: #737373;
	padding:10px 9px;
	background: none;
	height: auto;
}

ul#mainNav li a:hover, ul#mainNav li.on a {
	color: #22bbea;
	background: none;
}

ul#annexe{
	margin-left:-10px;
}

#annexe li{
	display:inline-block;
	vertical-align:top;
	max-width:170px;
	padding:0 20px 0 20px;
}

#annexe li a{
	font-size:0.813em;
	text-transform: uppercase;
	padding:10px 0px 13px 0px;
	max-width:130px;
	color:#737373;
	display:block;
	text-decoration:none;
	font-weight:700;
	line-height:15px;
}

#annexe li.on a, #annexe li:hover a{
	background:url(../img/annexe_nav.jpg) left bottom no-repeat;
}

#annexe li a:before{
	content:'clarity ';
	padding-right:5px;
	font-weight:300;
	font-size:1em;
	width:100%;
	display:block;
}

body.de #annexe li a:before{
	content:'clarity ';
}

body.en #annexe li a:before{
	content:'clarity ';
}

#annexe li.first a:before, #annexe li.last a:before{
	content:'clarity ';
	padding-right:5px;
	font-weight:300;
	font-size:1em;
	width:100%;
	display:block;
}

/* styling of the default contents (middle column)*/

/* lists */

div#bd div.cn ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
}

div#bd div.cn ul ul {
	list-style-type: circle;
}

div#bd .grey_part div.cn ul {
	display: inline-block;
	text-align: left;
}

/* tables */
div#bd div.c2 div.wrap table {
	width: 100%;
}

div#bd div.c2 div.wrap table tr td {
	border: solid #cacaca;
	border-width: 0 0 1px 0;
}

/* shop */

/*
.kProductInfos {
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.kProduct a:link p.price.action .action, .kProduct a:visited p.price.action .action, .kProductDetail p.price.action .action {
	color: #cc3b0a;
}

.kProductDetailMore{
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.kProductInfos .reference {
	display: none;
}

.kProductInfos .specs {
	padding-right: 3px;
	margin: 0 0 6px 0;
}

.kProduct p.price{
	margin: 0;
}

a.button.kToScart {
	background: url(../img/buy_btn.png) no-repeat;
}

#kScart a.sCartOrder{
	background: url(../img/buy_btn.png) center top no-repeat ;
}

#kScart a.sCartOrder:hover{
	color: #A35D2E;
}

a.button.kToScart:hover {
	color: #A35D2E;
}
a.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
a.kButton.continue:hover{
	color: #A35D2E;
}
input.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
input.kButton.continue:hover{
	color: #A35D2E;
}
a.kButton.retour:hover {
	color: #A35D2E;
}
*/

/* footer */
div#ft {
	position: absolute;
	height: 490px; /* height of your footer image */
	margin-top: -490px; /* sticky-footer margin negatif */
	clear: both;
	background-color:#646566;
}

div#ft span{
	text-transform:uppercase;
}

.home div#ft {
	position: absolute;
	height: 840px; /* height of your footer image */
	margin-top: -840px; /* sticky-footer margin negatif */
	clear: both;
}

div#ft .signature{
	font-size:0.813em;
	color:#cccccc;
	background-color:#646566;
	padding-top:45px;
}

div#ft .footer_content{
	padding: 60px 0 30px 0;
	text-align:center;
	background-color:#fff;
}

div#ft div.cn{
	border: none;
	padding: 0px 0;
	height: auto;
	overflow:hidden;
	font-weight:300;
}

div#ft div.cn .ftBloc{
	display:inline-block;
	width:auto;
	vertical-align:top;
	margin-right:7%;
}

div#ft .signature strong{
	color:#fff;
	text-transform:uppercase;
	line-height:22px;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

div#ft .signature .c2_large .object {
	font-size:0.9rem;
	letter-spacing: 0.025em;
	line-height:18px;
}

div#ft .signature .c2_large .object a{
	color:#cccccc;
	text-decoration:none;
	letter-spacing: 0.05em;
}

div#ft .signature .c2_large .object a:hover{
	text-decoration:underline;
}

div#ft .signature .c2_large a.button{
	margin:0;
	line-height:22px;
	color:#fff;
	background:url(../img/arrow_link_white.png) left bottom no-repeat;
	background-size:32px auto;

	-webkit-transition: all 0.15s linear;
	-moz-transition: all  0.15s linear;
	-ms-transition: all  0.15s  linear;
	-o-transition: all  0.15s  linear;
	transition: all  0.15s  linear;
}


div#ft div.cn .ftBloc a.button:hover{
	background:url(../img/arrow_link_white.png) 10px bottom no-repeat;
	background-size:32px auto;
}

div#ft .signature .c2_large .object table{
	margin-top: 26px;
}

div#ft .signature .c2_large .object table td{
    padding-left: 60px;
}

div#ft .signature .c2_large .object table td:first-of-type{
    padding-left: 0;
}



/* logo */
strong#logo a {
	position: absolute;
	top: 40px;
	left: 0px;
	padding: 51px 0 0 206px;
	background: url(../img/logo.png) no-repeat;
	background-size:100% auto;
}

strong#logo_footer a {
    top: 0px;
    left:0;
    margin-left:0px;
    padding: 30px 0 0 123px;
    background: url(../img/logo_footer.png) left top no-repeat;
    display:block;
    overflow:hidden;
    width:0px;
    height:0px;
    background-size:100% auto;
}


div#txt {
	padding: 10px;
	width: 220px;
	font-weight: 300;
	color: #cccccc;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 20px;
}

div#txt strong, div#txt a {
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}

div#txt a:hover {
	color: #cccccc;
}

/* logo kameleo & login */

div#copyright {
	margin: 18px 0 5px 0px;
	padding:0 ;
	font-size:0.813rem;
	letter-spacing: 0.025em;
	color:#d3d3d3;
	text-transform:uppercase;
	border: none;
	float:none;
}

div#loginAndPowered {
	padding: 0;
	margin-right: 0;
	width: 165px;
	float:none;
}

a#kPowered {
	padding: 14px 0 0 130px;
	background: transparent url(../../../../standards/img/login_w.png)  -31px top no-repeat;
}

div#ft div#kLogin {
	padding: 14px 0 0 30px;
	margin: 0;
	background: transparent url(../../../../standards/img/login_w.png) top left no-repeat;
}

div#kLogin:hover {
	background-color: rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 5px rgba(255,255,255, .5); /* shadow on image */
	-webkit-box-shadow: 0 0 5px rgba(255,255,255, .5);
	box-shadow: 0 0 5px rgba(255,255,255, .5);
}

/**

a#kPowered {
	background: transparent url(../../../../standards/img/login_b.png)  -31px top no-repeat;
}


div#ft div#kLogin {
	background: transparent url(../../../../standards/img/login_b.png) top left no-repeat;
}

**/


/** Version mobile **/

.mobile #logomobile a {
    background: url(../img/logo.png) left center no-repeat;
    padding: 54px 0 0 160px;
    margin-left: 20px;
    margin-top: 0px;
    height: auto;
    background-size: 150px auto;
}

.mobile #cn h1{
	font-size: 2em;
    line-height: 46px;
}

.mobile #cn h2{
	font-size: 1.5em;
    line-height: 35px;
}

.home.mobile #cn .grey_part h2{
	padding:0 20px;
}

.home.mobile div#bd div#bd_bg .content_principal .first.object {
    padding-bottom: 30px;
}

.home.mobile div#bd div#bd_bg .content_principal .standard.object{
	width:100%;
	margin:0;
    display: block;
}

.home.mobile .slider{
	display:block;
	width:70%;
	margin:0px auto;
}

.home.mobile div#ft{
	position:relative;
	top:0;
	margin:0;
}

.mobile .object .wrapimg{
	float: none;
    width: 100%;
    margin:0 0 20px 0;
    text-align: center;
    line-height: 0px;
}


.mobile .image.object img{
	max-width:100%;
	height:auto;
}

.mobile .object .wrapobject{
	float: noen
    text-align: left;
    width: 100%;
}

.home.mobile div#bd div#bd_bg .content_principal .standard.object .wrapimg{
	text-align:center;
}

.home.mobile .footer_content .wrapobject{
	margin: 0px auto;
	float:none;
	text-align:center;
}


body.mobile:not(.home) #cn .grey_part .cn .first.object{
	padding-top: 0px;
}

body.mobile:not(.home) #cn .grey_part .cn .last.object{
	padding-bottom: 20px;
}

.mobile div#bd div#bd_bg div.cn{
	padding:30px 20px 20px 20px;
}

/** Mobile nav **/

.mobile a#togglemenu{
	background: url(../img/annexe_nav.jpg) 20px bottom no-repeat;
	padding:24px 20px 15px 20px;
	color:#737373;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.mobile div#mobile-nav div#top-bar{
	height: 75px;
}


.mobile ul#mobileNav{
	top:59px;
}

.mobile ul#mobileNav{
	border-bottom:4px solid #22bbea;
	background-color:#fff;
	padding-top:20px;
}


.mobile ul#mobileNav li a, .mobile #mobile-secnav li a{
	line-height: 22px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 700;
    color: #646566;
    font-family: 'Open Sans', sans-serif;
}

.mobile #mobile-secnav{
	background:#22bbea;
}

.mobile #mobile-secnav a.showNav{
	color:#fff;
}

/** Footer Mobile **/

.mobile	div#ft .footer_content{
	padding:30px 0;
}

.mobile #ft .c2_large{
	float:left;
	margin-bottom:20px;
	width:100%;
}

.mobile div#ft .signature{
	padding: 30px 0 20px ;
}

.mobile #ft .footer_content h2 {
   font-size: 1.5em;
   line-height: 35px;
}

.mobile div#ft .signature .c2_large .object table td{
	padding: 0 0 20px 0;
	display:block;
}

/****/

@media only screen and (max-width: 880px){
	.mobile #cn .grey_part .standard.object{
		width:100%;
		height:auto;
		margin:0 0 20px 0;
	}

	.mobile #cn .grey_part .standard.object >div{
		padding:20px;
	}

	.mobile #cn .grey_part .object .wrapimg{
		width:48%;
		padding:0px;
		text-align:left;
		float:left;
	}

	.mobile #cn .grey_part .object .wrapobject{
		padding:0px;
		text-align:left;
		float:right;
		width:48%;
	}

}


@media only screen and (max-width: 540px){
	.mobile #cn .grey_part .standard.object{
		width:100%;
		height:auto;
		float:none;
		margin:0 0 20px 0;
	}

	.mobile #cn .grey_part .object .wrapimg{
		padding:0;
		margin-bottom:30px;
		float:none;
		width:100%;
		text-align:left;
	}

	.mobile #cn .grey_part .object .wrapobject{
		padding:0px;
		text-align:left;
		float:none;
		width:100%;
	}

}


@media only screen and (min-width: 1440px){

}