/*
 * Kameleo T2 Template Graphical configuration
 */
 
/* default values */

html {
	height: 100%;
}

body {

	font-family: 'Open Sans', helvetica, arial, sans-serif;
    font-size: 13px; /* Better to use % here and then EM in content but you could use PX, PT, % or EM */
    line-height: 18px; /* Better to use PX here but you could use PX, PT, % or EM */
    
    /* font color */
    color: #0f0f0f;
    height: 100%;
    
    /* background of the page, can contain a image. would be like this background: #000 url(yourimage.jpg) center top no-repeat; */
    background: none;  /* 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: auto;
}

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-family: 'Open Sans', Verdana, Sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #e52b38;
    margin-bottom: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

h1 { /* page title */
    font-size: 1.385em;
    letter-spacing: 0.1em;
    font-family: 'Open Sans',8Verdana, Sans-serif;
    text-transform: none;
    font-weight: 200;
    text-transform: uppercase;
}

h2 { /* paragraph title */
    font-size: 1.077em;
    margin-bottom: 8px;
}

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

div.
 h1, div.c3 h2, div.c3 h3 { /* titles in the third (right) column */
    color: #00000;
    font-size: 1em;
}

/* global link color & style */

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

a:link, a:visited {
	/* color of the links */
    color: #e52b38;
    text-decoration: underline;
    -webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: color 0.3s;
}
a:hover, a:focus, a:active {
    /* color of the mouse hover, and active state (when you actually press the mouse bouton) */
    color: #000;
    text-decoration: none;
}
a.external, a.download{
    padding-bottom: 20px;
    margin-bottom: 10px;
}

/* paragraphs (block de contenu) */

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

.event.detail .dates p {
	margin: 0;
}
div.c3 p {
	color: #9c9c9c; /* color of third column paragraphs*/
}

div.c2 div.object {
	margin: 0 0 20px 0; /* margin: top right bottom left; */
	padding: 10px 0 20px;
}

.home div.c2 div.object {
    border: none;
    padding: 0 0 20px 0;
    font-weight:normal;
}

div.c2 #content div.image.object, div.c2 #content div.multimedia.object{
	padding:0;
}

div.c2 #content div.image.object h2, div.c2 #content div.multimedia.object h2{
	margin-bottom:12px;
}

div.c2 #content div.image.object img{
	margin:0;
}

div.c2 #content div.multimedia.object iframe{
	width:100%;
	height:400px;
	padding:0;
}

/* modules */

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

hr{
	border:none;
}

/* structure */

/* ----------------------------------- header ----------------------------------- */

#secNav{
	height: 90px;
}

#secNav .cn div:first-child{
	display: inline-block;
	margin-top: 18px;
	float: left;
}

#secNav strong, #secNav h2{
	margin-bottom: 5px;
}

#secNav strong a{
	 font-size: 30px;
	 color: #e52b38;
	 text-decoration: none;
	 text-transform: lowercase;
	 text-transform: capitalize;
	 letter-spacing:0em;
	 font-weight:600;
}

#secNav h3{
	font-size: 18px;
	color: #343434;
	text-transform: lowercase;
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0.1px;
}


#secNav .topNav, ul#lang .langues{
	display: inline-block;
	float: right;
}

ul#lang{
	margin: 36px 20px 20px 30px;
	height: 30px;
	float: right;
	position:relative;
	z-index:50;
}

ul#lang li:first-child{
	margin-right: 2px;
}

ul#lang li{
	display: inline-block;
}

ul#lang li a{
	color: #343434;
	font-weight: 600;
	text-decoration: none;
	font-size: 18px;
	padding: 6px;
    border-radius: 3px;
}

ul#lang li.active a, ul#lang li a:hover {
    background-color: #e52b38;
    color: #fff;
}




div#hd {
	height:330px;
}

.home div#hd {
	height:490px;
}

/* ------------------------------------- Slider ---------------------------------------*/


#slides .slides_container{
	margin:0 auto;
	width:960px;
	display: block;
    overflow: hidden;
    position: relative;
}


#slides{
	background: url(../img/header.png) center -20px no-repeat; 
	height: 240px;
	width:100%;
	position: absolute;
}

.home #slides{
	background: url(../img/header.png) center top no-repeat; 
	height: 400px;
}

#slides .object img{
	border:8px solid #FFF;
	border-radius: 6px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px;
    width:auto;
    height:auto;
    max-height:185px;
}

.home #slides .object img{
    border: 10px solid #FFF;
    height:auto;
    max-height:250px;
}

#slides .object{
	padding-top:20px;
	position: relative;
    margin: 0 ;
    padding: 20px 0px 14px 0px;
}


#slides .slides_container div.object.first{
	display:inherit;
}

#slides .slides_container div.object{
	display:inherit;
}


#slides .object{
	padding: 20px 0px 70px 0;
	width: 960px;
}


#slides .slides_container, #slides .slides_control {
	height: 240px!important;
}

.home #slides .slides_container, .home #slides .slides_control {
	height: 400px!important;
}


#slides .object >div{
	float: right;
}

.home #slides .object{
	padding-top:75px;
}


#slides .slides_container div.object .wrapobject{
	line-height:50px;
	font-size:1.5em;
	width:525px;
	float: left;
	margin-right: 30px;
	margin-top:45px;
	line-height:45px;
    margin-left:-465px;
    text-align:right;
}

#slides .slides_container div.object .wrapimg{
	float: right;
}

#slides .slides_container div.object .wrapobject p{
	margin:-15px 0 5px;
	background-color: #FFF;
	border-radius: 6px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px;
    width:auto;
    display:inline;
    padding:2px 18px;
    opacity:1;
    line-height:45px;
    float:right;
    background-color:#f5f5f5;
}


#slides div.ps_icon{
	background: url(../img/ps_icon.png) left top no-repeat;
	height:54px;
	width:58px;
	position:absolute;
	top:-64px;
	right:10px;
	background-size:85% auto;
}

.home #slides div.ps_icon{
	height:63px;
	top:-140px;
	background-size:100%;
}

ul.pagination {
    display:none;
}


/** admin **/
	
.admin #slides .object{
	float:left;
	padding:0px;
	margin:20px 20px 0px 0px;
	width:280px;
}

.admin #slides .object img{
	max-width:260px;
	max-height:200px;
}

.admin #slides .slides_container div.object .wrapobject{
	position:relative;
	margin:0px;
	width:272px;
	top:0px;
	text-align:left;
	font-size:1.3em;
	background-color:#FFF;
	border-radius: 6px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px;
}

.admin #slides .slides_container, .admin #slides .slides_control{
	height:auto!important;
}

.admin #slides .slides_container div.object .wrapobject p{
	float:none;
	line-height:30px;
	background-color:none;
	padding:5px 10px;
	display:block;
}

.admin #slides .slides_container div.object{
	display:inherit;
}

.admin div#hd {
	height:490px;
}

.admin #slides{
	height:400px;
}

.admin #slides .object img{
	width:auto;
}

/* ------------------------------------- Content --------------------------------------*/

.home .c2 .object.event, .home .c2 .bloglist {
    width: 29%;
    margin-left: 20px;
    float: left;
    width:215px;
    clear:none;
}
.home .c2 .object {
    margin-left: 20px;
}
.home .c2 .object {
	clear:both;
}


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

div.cn {
    background: transparent;
}

div#bd {
	min-height:640px;
}

div#bd div#bd_bg{
	background: none; /* this images must be repeatable (usual name: "bd.png") */
}

div#bd div.cn {
	background: none;
	padding: 30px 0;	/* 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;

}

#content h1, #secNav strong{
	font-size: 32px;
	margin-bottom: 20px;
	font-weight:600;
	color: #e52b38;
	letter-spacing: 0.2px;
	line-height: 32px;
}

#content h2{
	color: #313131;
	text-transform:none;
	font-size:20px;
	margin-bottom: 7px;
	font-weight: 600;
}

#content p{
	font-size: 13px;
	line-height: 19px;
}

#content .object ul li a{
	color: #e52b38;
}


/* content zones */

div#bd div.c1 div.wrap { /* left column styling */
	padding:0px; /* spaceing: top right bottom left */
	margin:0px;
}

div#bd div.c1 {
	width: 235px;
	margin-bottom:40px!important;
}

div#bd div.c1 h3 { /* left column styling */
	padding: 0; /* spaceing: top right bottom left */
	margin: 0; /* spaceing: top right bottom left */
}

div#bd div.c2{
    width:715px; /* width of content column */
    margin-bottom:50px;
}

div#bd div.c2 div.wrap { /* content column styling */
	padding: 4px 20px 0px 30px; /* spaceing of content column */
	margin-top: 0;
}

.home div#bd div.c2 div.wrap { /* content column styling */
	padding: 4px 0px 0px 0px; /* spaceing of content column */
	margin-top: 0;
}

div#bd div.c2 div.wrap img { /* style of all content images */
	border: none; /* border on image */

/*	border-radius: 6px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px; *//* round on border */
	
	margin: 0 20px 15px 0;
}

div#bd div.c3{
    width: 200px; /* width of right column (minimum should usualy be around 240px)*/
    padding-left: 0;
    margin-right: 0px;
}

div#bd div.c3 h2{
	text-transform: lowercase;
	text-transform: capitalize;
	color: #e52b38;
}

div#bd div.c3 div.wrap { /* right column styling */
	padding: 10px 0px 0;  /* spaceing: top right bottom left */
	background: none;
	border: none;
}

/* ----------------------------------- Navigation ------------------------------------*/

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

ul#mainNav {
	text-align: left;
	background: none;
	width: auto;
	border-radius: 3px;
	margin-top: -73px;
}

ul#mainNav li {
	text-transform: lowercase;
}

ul#mainNav li a, #annexe li a {
	font-weight: 500 ;
	text-transform: none;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	padding: 9px 10px;
	background: none;
	height: auto;
}

ul#mainNav li a {
    background: #e52b38;
}

ul#mainNav >li.first a{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

ul#mainNav >li.last a{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

ul#mainNav li.first a {
    padding-top: 16px;
}

ul#mainNav li.last a {
    padding-bottom: 18px;
}

.wrap ul#mainNav li a {
	padding-left: 22px;
}

ul#mainNav li ul li a{
	padding-left: 22px;
}
.wrap ul#mainNav li ul li:first-child a:hover, .wrap ul#mainNav li ul li:first-child.on a:hover{
	border-radius: 0;
}

ul#mainNav li ul li a:hover{
	background:#e9e9e9;
}

ul#mainNav li ul li.on a{
	background: #dfdfdf;
}

ul#mainNav li.on a {
	color: #e52b38;
}

ul#mainNav li a:hover, ul#mainNav li:first-child a:hover, ul#mainNav li:last-child a:hover{
	background: #f2f2f2;
	color: #e52b38;
}

ul#mainNav li.on a{
	background: #f2f2f2;
	color: #e52b38;
}

ul#mainNav li ul li a:hover, ul#mainNav li ul li.on a{
	color: #e52b38!important;
}

ul#mainNav li:last-child a:hover, ul#mainNav li:last-child.on  a{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/*----------------------------------- annexenav ----------------------------------*/

#annexe li{
    display: table-cell;
}

#annexe{
    margin: 36px 0;
    width: auto;
    height: 30px;
    background: transparent;
}

#annexe li a{
    margin-right: 2px;
}

#annexe li:last-child a{
    margin-right: 0;
}

#annexe li a{
    color: #e52b38;
    display: cell-table;
}

#annexe li a:hover, #annexe li.on a {
    background: #e52b38;
    color: #fff;
    border-radius: 3px;
}

.topNav ul#annexe li.on a:{
    background: yellow;
    color: #fff;
    border-radius: 3px;
}

/*----------------------------------- partage - c1 ----------------------------------*/

#partage{
	margin-top: 50px;
}

#partage h3{
	color: #000;
	text-transform: none;
	font-weight: 500;
	margin-left: 20px!important;
}

#partage ul{
	margin-top: 10px;
	background: #e52b38;
 	border-radius: 3px;
 	width: auto;
 	padding: 20px;
}

#partage ul li{
	list-style-type: none;
	display: block;
	margin-right: 8px;
}

#partage ul li a {
	color: #fff;
	text-decoration: none;
}

#partage ul li a::before{
	content: "";
	background-size: 100% auto;
	width: 33px;
	height: 33px;
	padding-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

#partage ul li:first-child a::before{
	background: url(../img/partage_facebook.png) left top no-repeat;
}

#partage ul li:nth-child(2) a::before{
	background: url(../img/partage_twitter.png) left top no-repeat;
}

#partage ul li a.mail::before{
	background: url(../img/partage_mail.png) left top no-repeat;
	margin-right: 0;
}

#partage ul li:hover{
	opacity: 0.8;
}

/*----------------------------------- Blog ------------------------------------*/


.home .c2 .bloglist{
    width: 450px;
    float: left;
}

.home .bloglist div h2{
	font-size: 32px!important;
	color: #e52b38!important;
	text-transform: uppercase!important;
	letter-spacing: 0.2px;
	margin-bottom: 20px!important;
}

.home .blog{
	background-color: #f5f5f5;
	width: 189px;
	padding: 15px 12px 15px 12px;
	margin-bottom: 30px;
	float: left;
	text-align: left;
	cursor: pointer;
    -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
    height:260px;
}

.home .blog:Hover {
    background: #ebebeb;
}

.home .blog .content{
    height: 85px;
}

.home .blog:nth-child(odd) {
	margin-left: 10px;
}

.home .blog:nth-child(even) { 
	margin-right: 10px;
}

.home .blog .header h3 a{
	color: #000;
	opacity: 0.8;
	text-decoration: none;
}

.home .blog p{
	opacity: 0.8;
	margin: 0;
}

.home .blog a.readmore{
	color: #e52b38;
	font-size: 0px;
	height: 24px;
	width: 24px;
	display: inline-block;
	background: url(../img/voir_plus.png) center center no-repeat;
	background-size: 12px 12px;    
	opacity: 0.9;
	float: right;
	-webkit-transition: background-size 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-size 0.3s;
}

.home .blog:hover a.readmore{
    background-size: 24px 24px;
}

.blog h2 a{
	color: #000;
}


.home .blog .link{
	position:absolute;
	bottom:10px;
	right:10px;
}

.home .blog{
	position:relative;
}


.blog div.header{
    font-size: 1.1em;
	margin-bottom: 10px;
	color: #878787;
}

div.object.blog div.header {
    padding-left: 225px;
}

div.blog.detail.object div.header {
    padding-left: 0px;
}

div.object.blog div.content {
    padding: 0 0 10px 225px;
}

.blog div.header h3{
    color: #000000;
    font-size: 0.95em;
    font-weight: 600;
    line-height:20px;
}

.blog a.readmore{
    float: right;
}

.blog a.readmore, a.linkBtn, #content a.button {
    padding: 7px 9px;
    text-decoration: none;
	background-color: #e52b38;
	color: #fff;
    -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
    border-radius: 3px;
}

.blog a.readmore:hover, a.linkBtn:hover, #content a.button:hover{
    background-color: #d3d3d3;
}

div.blog div.tags{
	height: auto;
	margin: 0;
}

div.object.blog{
	border-bottom:1px solid #d3d3d3;
	position: relative;
}

div.blog.detail.object{
	border-bottom:none;
}

div.object.blog h2 a{
	color:#e52b38;
}

div#bd div.c2 div.wrap div.blog div.content img{
	position: absolute;
	top: 0;
	left: 0;
	margin: 15px 15px 15px 0;
    -webkit-transition: opacity 0.3s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.3s;
    max-height:230px;
}
div#bd div.c2 div.wrap div.blog div.content img:hover{
    opacity: 0.7;
}

a.readmore, a.readmore:hover{
	border-bottom:none;
}

.navPost-prev, .navPost-next{
	padding:10px 0px;
}


/*----------------------------------- Event ------------------------------------*/

.home .c2 .event.object{
	min-height:552px;
}

.home .c2 .event.object div.event{
	margin-bottom:20px;
}

.home .c2 .event.object div.event div{
    cursor:pointer;
	background-color: #f5f5f5;
	padding:12px 12px;
    -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
}

.home .c2 .event.object div.event div:Hover {
    background: #ebebeb;
}

.home .c2 .event.object div.event div img{
	display:none;
}


.home .event h2{
	font-size: 30px!important;
	color: #e52b38!important;
	text-transform: uppercase!important;
	letter-spacing: 0.2px;
	margin-bottom: 20px!important;
}

.home .c2 .event.object div.event div h2 a{
	color: #000000;
 	font-size: 0.85rem;
  	font-weight: 600;
	text-decoration:none!important;
}

.home .c2 .event.object div.event div h2{
	margin-bottom: 10px!important;
	line-height: 14px!important;
}

.home .c2 .event.object div.event p{
	margin:0px;
	color:#878787;
}


.home #bd #content div.event.object .place{
	padding-left:0px;
	color:#000;
	font-weight:normal;
	padding-top:10px;
	display:block;
}

.home .c2 .event.object div.event div.link{
	padding:0px;
}

.home .c2 .event.object div.event div.link a{
	display:none;	
}

.home .c2 .event.object div.event .clr{
	padding:0px;
}


#bd #content div.event.object ul {
	list-style:none;
	margin:0px;
}

#bd #content div.event.object .desc h2 a{
	text-decoration:none;
}

#bd #content div.event.object  .object.event{
	border-top: 1px solid #d3d3d3;
	padding-top:10px;
	margin-bottom:10px;
}

#bd #content div.event.object li.date{
	width:auto;
	float:left;
	font-weight:600;
	width: 139px;
}

.home div.event.object .date{
	font-size:1em;
	padding-bottom:2px;
	color:#878787;
	font-size:1.1em;
	font-weight:normal;
}


#bd #content div.event.object .time{
	width:auto;
	float:right;
	color: #ccc;
}

#bd #content div.event.object .title{
	padding-left: 165px;
}

#bd #content div.event.object .title a{
	font-size:1.1em;
	font-weight:400;
}

#bd #content div.event.object .place{
padding-left: 165px;
}

#bd #content div.event.object.openlist .place, #bd #content div.event.object.detail .place{
	padding:0px;
}


/*----------------------------------- Médias ------------------------------------*/

div#id-97 td:first-child, div#id-97 td:nth-child(2), div#id-97 td:nth-child(3){
	padding: 0px 3px;
	text-align: left;
	padding-top:8px;
	padding-bottom: 8px;
}

div#id-97 a{
	color: #e52b38;
}

/*-----------------------------------  ------------------------------------*/
/* secNavigation */

ul#mainNav ul { /* left column styling */
	padding: 12px 0 6px;
	background-color: #f8f8f8;
	text-transform: none;
	border-top: 1px solid #ececec;
}

ul#mainNav ul li{ /* left column styling */
	float:none;
}

ul#mainNav li.on ul li a { /* left column styling */
	text-decoration: none; /* means: no underline */
	margin: 0; /* spaceing: none */
    padding: 4px 10px 4px 22px;
	height: auto;
	color: #807d7d;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 100;
	background: none;
	width: auto;
	height: auto;
	display: block;
	float: none;
	overflow: hidden;
}

ul#mainNav li.on li.last a {
    padding-bottom: 12px;
}

ul#mainNav ul li a:hover, ul#mainNav ul li a:active, ul#mainNav ul li.on a { /* changes to apply to links when active or mouseHover */
	background: none;
	color: #9c9c9c;
}


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

/* lists */
div#bd div.c2 div.wrap ul {
	list-style-type: none;
	list-style-image: url('../img/bullet.jpg');
	margin: 0 0 0 20px;
}

div#bd div.c2 div.wrap ul li {
	margin: 2px 40px 6px 0;
}

/* tables */
div#bd div.c2 div.wrap table {
	width: 100%;
    border: solid #cacaca;
    border-width: 0 0 2px 0;
    margin-bottom: 10px;
}

div#bd div.c2 div.wrap table tr:first-of-type td {
	border-width: 1px 0 1px 0;
}

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

/* 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{
	background: #f4f4f4!important;
	height: auto;
	clear: both;
	-webkit-box-shadow: inset 0px 14px 30px -7px rgba(50, 50, 50, 0.27);
	-moz-box-shadow:    inset 0px 14px 30px -7px rgba(50, 50, 50, 0.27);
	box-shadow:         inset 0px 14px 30px -7px rgba(50, 50, 50, 0.27);
	padding-bottom:40px;
}

div#ft strong{
	font-size: 16px;
}

div#ft div.cn{
	border: none;
	padding: 34px 0 33px 0;
	height: auto;
	padding-bottom: 5px;
}

div#ft div.cn div.left, div#ft div.cn div.right{
	padding-top: 0;
	padding-bottom: 34px;
}

div#ft div.cn div.right{
	float:left;
	padding-bottom:20px;
}



#parft h3{
	margin-top: 15px;
	line-height:20px;
	color:#000;
	text-transform:none;
}

#parft ul{
	margin-top: 15px;
}

#parft ul li{
	width: 33px;
	height: 33px;
	list-style-type: none;
	display: inline-block;
	margin-right: 8px;
}

#parft ul li a{
	background-size: 100% auto;
	width: 33px;
	height: 33px;
	display: inline-block;
}

#parft ul li:first-child a{
	background: url(../img/icone_facebook.png) left top no-repeat;
}

#parft ul li:nth-child(2) a{
	background: url(../img/icone_twitter.png) left top no-repeat;
}

#parft ul li:hover{
	opacity: 0.8;
}

#partage ul li, #parft ul li{
	cursor: pointer;
}

div#ft div#contactList{
	margin-left: 20px;
	margin-right: 40px;
	font-size: 16px;
	width: 600px;
}

div#ft div#contactList ul li{
	list-style-type: disc;
}

div#ft div#contactList div.object{
	margin: 0px;
}



div#ft div#contactList a.external{
	font-size: 16px;
}

div#ft div#contactMail{
	margin-top: 15px;
}

div#ft div#contactMail h3{
	color: #000;
	text-transform:none;
}

div#ft div#contactMail a, div#ft div a{
	color:#e52b38;
	font-size: 16px;
	cursor: pointer;
}

div#ft div#lienPs{
	margin-top: 5px;
	height: 50px;
	float: right;
}

div#ft div#lienPs div{
	height: 55px;
	width: 50px;
	float:left;
	background: url(../img/ps_icon.png) no-repeat;
	background-size: 50px auto;
}

div#ft div#lienPs a{
	margin-top: 15px;
	margin-left: 8px;
	float:left;
}

/* logo */
strong#logo a {
	position: absolute;
	
	top: 40px; /* position in the header from the top (can use bottom to)*/
	left: 30px; /* position in the header from the left (can use right to)*/
	
	padding: 135px 0 0 200px; /* height 0 0 width */
	background: url(../img/logo.png) no-repeat; /* url to your logo */
}

/* ---------------------------------- logo kameleo & login ---------------------------------- */


div#footerBottom{
	float: left;
	width: 100%;
	padding-top: 10px;
	border-top: 2px solid #e7e7e7;
}


div#copyright {
	padding:0 ;
	font-size: .8em;
	color:#b6b6b6;
	border: none;
	
}

div#loginAndPowered {
	padding: 0;
}

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


/* uncomment for dark login */

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



div#ft div.cn .left {
	float: left;
	}
	
	
address {color:#333333; margin-left:2px;}

address a {color:#f9b3dc !important; text-decoration:none;}


/* Galerie */

#kamGallery ul img, div#bd div.c2 div.wrap #kamGallery ul img {
	margin: 0 10px 10px 0 !important;
	width: 146px;
	margin-right: 10px;
	float:left;}


/* FORM */

form.kSiteForm input.text:focus, form.kSiteForm textarea:focus, form.kSiteForm select:focus {outline-color: #9ea6b8; }

form.kSiteForm input.text, form.kSiteForm textarea, form.kSiteForm select {width:304px;}

/* MOBILE */

.mobile #mobile-secnav {margin:0px;}

.mobile ul#mainNavFt {margin-top:-4px; margin-bottom:22px; width:100%; background: #3f3f3f;	margin-left: -20px; padding-left: 40px; padding-top: 15px; padding-bottom: 15px;}

.mobile ul#mainNavFt li {width:100%; margin-bottom:4px; margin-top:4px;}

.desktop ul#mainNavFt {display:none;}

.mobile div#ft div.cn .left {width:100%;}

.mobile .right ul#ftNav {display:none;}

.mobile ul#mainNavFt li a {color:#c4c4c4; padding-bottom:12px; text-decoration: none; }

.mobile ul#mainNavFt li ul {font-size:0.8em; /*margin-left:12px;*/}

.mobile .right {width:100%;}

.mobile #mobile-secnav li a {padding-left:40px;}

.mobile .right {margin-top:25px; margin-left:0px; margin-bottom:20px;}

.mobile div#bd div.c2 {margin-bottom:0px;}

.mobile address {padding-left:18px;}

.mobile #hd {display:block; background:none;}

.mobile div#hd .cn {height:auto; padding-top: 0px; height: 0px;}

.mobile strong#logo a {display:block; display: block; margin-top: -139px; background-size: 50%;}

.mobile div#mobile-nav div#top-bar {background-color:transparent;}

.mobile ul#mobileNav li a, .mobile #mobile-secnav li a {padding: 10px 40px;}

.mobile div#copyright {margin-left:20px;}

.mobile div#loginAndPowered {margin-left:0px; width:auto;}

.mobile form.kSiteForm label, .mobile fieldset div.container div {padding:0px !important;}


@media only screen and (max-width: 600px) {
	.mobile #kamGallery ul img, div#bd div.c2 div.wrap #kamGallery ul img {width:auto; margin-right:0px; margin:0 auto;}
	iframe {width: 100%;}
	form.kSiteForm input.text, form.kSiteForm textarea, form.kSiteForm select {width:95%;}
	}
	

/* Header mobile */

.mobile #secNav .topNav{
	display:none;
}

.mobile ul#lang{
	display:none;
}

.mobile #secNav{
	height:80px;
}

.mobile #secNav .cn div:first-child{
	margin-top:12px;
}

/* Slider mobile */

.mobile #slides .slides_container{
	display:none!important;
}

.home.mobile #slides .slides_container{
	display:inherit!important;
}

.home.mobile #slides .slides_container, .home.mobile #slides .slides_control{
	height:250px!important;
}

.home.mobile #slides .object{
	padding:0px;
	width:100%;
}


.home.mobile #slides .object img{
	border:5px solid #fff;
	max-height:200px;
	width:auto;
	max-width:100%;
	margin-top:25px;
	height:auto;
	max-height:130px;
}

.home.mobile #slides .slides_container div.object .wrapobject{
	width: auto;
    margin-left: 10px;
    font-size: 0.9em;
    margin: 0;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    float: none;
    height: 60px;
    bottom: 0px;
    display: block;
    background-color: #f5f5f5;
    padding: 5px 20px 5px 75px;
}

.home.mobile #slides .slides_container div.object .wrapobject p{
	padding: 2px 14px;
	background:transparent;
	display: block;
	margin:0;
	float:none;
	padding:0;
	line-height:19px;
}

.home.mobile #slides .slides_container div.object .wrapimg{
	padding-right:20px;
	text-align:right;
	max-width:50%;
}

.home.mobile #slides .slides_control{
	width:auto!important;
	left:0px;
}

.mobile #slides{
	background:url("../img/header.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	height:160px;
}

.home.mobile #slides{
	height:250px;
}


.home.mobile #slides .object >div{
	float: none;
    position: relative;
    height: 250px;
}


.mobile #slides .slides_container{
	width:auto;
}

.mobile #slides div.ps_icon{
	display:none;
}

.home.mobile #slides div.ps_icon{
	top: -64px;
    display: block;
    left: 20px;
    background-size: 85% auto;
}

/* Slider mobile old


.mobile #slides .slides_container{
	display:none!important;
}

.home.mobile #slides .slides_container{
	display:inherit!important;
	width:100%;
}

.home.mobile #slides .slides_container{
	height:250px!important;
}

.mobile #slides .object img{
	max-width:230px;
	max-height:150px;
	border:3px solid #FFF;
	margin-left:20px;
}

.mobile #slides .slides_container, .mobile #slides .slides_control{
	height:250px!important;
}

.mobile #slides .slides_container div.object .wrapobject{
	position:relative;
	margin:0px;
	bottom:0px;
	text-align:left;
	left: 0px;
	top:0px;
	font-size:1.1em;
	line-height: 20px;
	background-color:none;
	height:300px;
	width:100%;
	background-color:#e52b38;
	padding-left:20px;
}

.mobile #slides .slides_container div.object .wrapobject p{
	float:none;
	line-height:23px;
	color:#FFF;
	padding:3px 20px;
	display:block;
	
	margin-left:-20px;
	width:100%;
	border-radius:0px;  
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
	
	background:none!important;
}
.mobile #slides .slides_container div.object .wrapimg{
	text-align:left;
	height:196px;
}

*/


/* Menu mobile*/


.mobile #hd #secNav a{
	font-size:26px;
}

.mobile #hd #secNav h3{
	font-size:17px;
}



.mobile a#togglemenu{
	background-color: #e52b38;
	border-radius: 3px 3px 0px 0px;  
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
	
	font-size:1.2em;
    padding: 12px 20px;
    text-transform: none;
    margin-top:40px;
    margin-right:20px;
}

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


.mobile ul#mobileNav{
	top:84px;
	background-color: #e52b38;
}

.mobile ul#mobileNav li a{
	padding:10px 20px;
	font-size:14px;
	font-weight:500;
}

.mobile ul#mobileNav li a:hover{
	background-color: #fff;
	font-weight:500;
	color: #e52b38;
}

.mobile ul#mobileNav li.lan a:hover{
	background-color: #fff;
	color: #e52b38;
}

/* Secnav */

.mobile #mobile-secnav a.showNav{
	color: #FFF;
	font-weight:400;
	border-bottom:none;
	font-size:1.3em;
	letter-spacing:0.05em;
	padding-left:10px;
	margin-bottom:20px;
}

.mobile #mobile-secnav{
	background-color: #e52b38;
	border-radius: 3px;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top:20px;
}


/* Content mobile */

.mobile div#bd{
	min-height:400px;
}

.mobile div#hd{
	height:240px;
}

.home.mobile div#hd{
	height:330px;
}

.mobile div#bd div#bd_bg div.cn{
	padding-top:0px;
}

.mobile #content h1{
	line-height:34px;
}

.mobile div#bd div.c1{
	margin-bottom:30px!important;
}

.mobile #partage{
	display:none;
}

.home.mobile #partage{
	margin-top:20px;
	display:inherit;
}

.mobile #partage h3{
	margin-left:0px!important;
}

.home.mobile #partage ul{
 padding: 10px 20px 6px;
}

.mobile div#bd div.c2 div.wrap table tr td{
	min-width:0px;
}

/* blog */


.home.mobile .blog:nth-child(2n+1){
	margin-left:0px;
}

.home.mobile .blog:nth-child(2n){
	margin-right:0px;
}

.home.mobile .blog{
	margin-bottom:10px;
	width:100%;
	padding:0px;
}

.home.mobile .bloglist div h2{
	margin-bottom:20px!important;
}


.mobile .blog h2{
	margin-top:0px;
}

.mobile .blog div.header, .home.mobile .blog .content{
	padding:12px;
}

.mobile div.object.blog div.content{
	padding:0px;
}


.mobile div#bd div.c2 div.wrap div.blog div.content img{
	margin:0px 0px 10px 0px;
	float:none;
	position:relative;
}

.mobile div.object.blog div.header{
	padding:0px;
}

.mobile .navPost-back a, .mobile .navPost-prev a, .mobile .navPost-next a{
	color:#e52b38;
}

.mobile div.c2 div.object.blog {
	margin-bottom:10px;
	padding: 10px 0 40px;
}

.mobile div.c2 div.object.blog.detail {
	padding-bottom:0px;
}

.mobile .navPost-back a{
	margin:0px 20px 20px 20px;
	border-bottom: 1px solid #d3d3d3;
	padding:0px 0px 10px 0px;
}

.mobile .navPost-prev a, .mobile .navPost-next a {
	padding:5px 5px 5px 0px;
}

.blog.mobile a.linkBtn{
	background:none;
}

/* event */

.home.mobile .event h2{
	margin-bottom:20px!important;
}

.home.mobile .c2 .event.object div.event{
	background-color:#f5f5f5;
	padding-bottom:10px;
	margin-bottom:10px;
}

.home.mobile .c2 .event.object div.event p{
	float:left;
}

.home.mobile .c2 .event.object div.event div:hover{
	background-color:#f5f5f5;
}

/* c2 */

.home.mobile .c2 .object{
	margin-left:0px;
}

.home.mobile .c2 .object{
	min-height:0px;
}

/* footer */

.mobile div#ft div#contactList{
	width:auto;
	margin-top:30px;
	margin-right:0px;
	line-height:20px;
	margin-left:0px;
}

.mobile .right{
	margin-top:10px;
}


.mobile div#copyright{
	margin-left:0px;
}

.mobile div#loginAndPowered{
	padding-left:0px;
	padding-bottom:20px;
}


/**/
	
@media only screen and (min-width: 600px){
	
	.home.mobile #slides .slides_container div.object .wrapimg{
		float:right;
		max-width: 65%;
		padding: 2px 20px;
	}
	
	.home.mobile #slides .slides_container div.object .wrapobject{
		font-size: 1.2em;
		height: 80px;
	}
	
	.home.mobile #slides .slides_container div.object .wrapobject p{
		line-height:25px;
	}
	
	.home.mobile #slides, .home.mobile #slides .object >div, .home.mobile #slides .slides_container, .home.mobile #slides .slides_control{
		height:300px!important;
	}
	
	.home.mobile div#hd{
		height: 380px;
	}
	
	.home.mobile #slides div.ps_icon{
		top:-77px;
		background-size:100% auto;
	}
	
	.home.mobile #slides .object img{
		max-height: 150px;
	}
	
}

@media only screen and (max-width: 500px){
	
	.mobile #hd #secNav a{
		font-size:21px;
	}

	.mobile #hd #secNav h3{
		font-size:16px;
	}

}

@media only screen and (max-width: 400px){
	
	.mobile #hd #secNav a{
		font-size:17px;
	}

	.mobile #hd #secNav h3{
		font-size:14px;
	}

}