
.header-souris-left{
	background:url(../img/header-souris-left.png) no-repeat left top;
	width:200px;
	height:100px;
	position:absolute;
	left:15px;
	top:6px;
}
.header-souris-left a{
	position:absolute;
	width:120px;
	font-family: 'futurabook', Arial;
	text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
	margin-left: 73px;
    margin-top: 9px;
}
.header-souris-right{
	background:url(../img/header-souris-right.png) no-repeat left top;
	width:160px;
	height:100px;
	position:absolute;
	right:0px;
	top:6px;
}
.header-souris-right a{
	position:absolute;
	width:80px;
	font-family: 'futurabook', Arial;
	text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    margin-left: 6px;
    margin-top: 12px;
}
#credo{
	max-width:900px;
	margin:auto;
}
#credo img{
	width: 300px;
}
#credo span.title{
	display:block;
	font-family: 'als_reg', Arial;
    color: #fff;
    background: #04A2D6;
    font-size: 34px;
    line-height: 28px;
    padding: 6px 0 6px 3%;
    border-radius: 4px 0 4px 0;
    display: block;
	margin-bottom:20px;
}
#credo span.sub_title{
	display:block;
	clear:both;
	font-family: 'nimbusreg';
    font-size: 20px;
    line-height: 24px;
    margin: 0 15px 10px 15px;
	padding-top:20px;
}
#credo p{
	margin:0 15px 10px 15px;
	font-family: 'nimbusreg';
    color: #000;
    font-size: 16px;
    line-height: 20px;
	text-align:justify;
}
#credo p strong{
	font-weight:bold;
}
#credo .buttons{
	padding-top:20px;
	text-align:center;
}
#credo .button{
	text-decoration:none;
	text-transform:uppercase;
	background-color:#04A2D6;
	color:#fff;
	padding:3px 10px;
	font-family: 'bebasreg', Arial;
	    font-size: 20px;
}
#credo .thumbs{
	text-align:center;
}
#credo .thumb{
	display:inline-block;
	width:200px;
	text-decoration:none;
    margin: 0 25px 0 25px;
	text-align:left;
}
#credo .thumb img{
	float:left;
	display:block;
	margin-bottom:5px;
}
#credo .thumb span{
	display:block;
	font-family: 'nimbusreg';
}
#credo .part{
	display:none;
}
#credo .part img{
	float:left;
	display:block;
    margin: 0 15px 0 15px;
}
.adsense_area{height:64px;background:#fff;}
.accueil .top .adsense_area{width:234px;margin-bottom:12px;}


.carousel-title{height: 69px;}



/*
* HOME CONTENT
*/
#carousel_hp{background:#fff;width:470px;/*height:420px;*/
}
#page_content.accueil h1.oneline{  /* font-size: 32px; */
  /* line-height: 36px; */line-height:80px;font-size:40px;}
#carousel_hp h2{margin-bottom:20px;}
/*#carousel_hp .owl-carousel .owl-item{height:410px;}
#carousel .owl-prev,
#carousel .owl-next{top:200px;}*/
#page_content .bloc_acti,
#page_content .acti_content{height: 160px;overflow:hidden;}
#page_content .bloc_acti h3.titre {width: 204px;margin-left: 10px;padding: 8px 0 6px 3px;font-family: 'futurabold', Arial;font-size: 13px;color: #007588;border-bottom: 3px dotted #007588;}
#page_content .actis .bloc_acti p{font-family: 'nimbusreg', Arial;font-size: 14px;line-height: 14px;color: #231f20;width: 120px;padding-top: 5px;padding-bottom: 5px;float: left;}
#page_content .acti_content{position:absolute;background:#fff;}
#page_content .bloc_acti .more {font-family: 'futurabold', Arial;font-size: 13px;color: #007588;}
#page_content .bloc_acti h3.titre a {color: #007588;text-decoration: none;}

#mosaique_photos .bloc_photo {width: 218px;padding: 0;margin: 0 0 20px 10px;border: none;}
#mosaique_photos .bloc_photo .img_container{width: 208px;padding:5px;border: 2px solid #ffa000;margin-bottom:10px;}
#mosaique_photos .bloc_photo h3{text-align:center;font-size:15px;color:#ffa000;}
#mosaique_photos .bloc_photo h3 a{font-family: 'futurabook', Arial;color:#ffa000;text-decoration:none;}



/*
* jcarousel
*/ 
.jcarousel{width:auto;overflow:hidden;height:240px;}
.jcarousel .jcarousel-content{position:absolute;width:720px;height:240px;overflow:hidden;}
.jcarousel .list{position:absolute;}
.jcarousel .controls{position:absolute;width:100%;z-index:100;}
.jcarousel .controls a{position:absolute;margin:100px 0 0 0;width: 30px;height: 59px;display: block;cursor:pointer;}
.jcarousel .prev {background: url(../img/carousel-hp-prev.png) no-repeat;}
.jcarousel .next {background: url(../img/carousel-hp-next.png) no-repeat;right:0;}
.jcarousel .list{width:2000em;}
.jcarousel .item{width:240px;height:240px;display:inline-block;}
.jcarousel .item img{height:240px;width:240px;display:block;}


.steps{padding:5px; background:#F0F0F0; width:710px; margin-bottom:20px;}
.steps .step{ background:#fff;}
.steps .last{border:none;margin-bottom:0;}
.steps .step .img{width:339px;height:300px;vertical-align:middle;padding:5px; display:table-cell;}
.steps .step .img img{display:inline-block; vertical-align:middle;max-width:width:339px; max-height:300px;}
.steps .step .txt{vertical-align:middle;padding:5px;}
.steps .step img{display:block;width:339px;margin:auto}
.steps .step h3{font-family: 'nimbusbold', Arial;color: #0e3b65;font-size: 20px;line-height: 22px;}
.steps .step .description{font-family: 'nimbusreg';color: #000;font-size: 14px;line-height: 18px;}
.steps .sep{ height:12px; }

.steps .step-full{display:table-row;}
.steps .step-full .step{display:table-cell;}
.steps .step-full .img,.steps .step-full .txt{display:table-cell;}
.steps .step-full .step .txt{width: 349px;}
.steps .step-full .txt{padding:0 20px;}
.steps .step-line{ display:table-row; }
.steps .step-line .step{display:table-cell;vertical-align:top;}
.steps .step-line .sep{ display:table-cell;width:12px;}
.steps .bottom{ padding:5px }
.steps .bottom a { line-height:44px; font-family: 'nimbusbold', Arial; color: #0e3b65; }
.steps .bottom a img{ float:left; margin-right:10px;}



.products{padding:10px 0;height:400px;}
.products .jcarousel-content{	height:400px;}
.products .item {height:400px;}
.products .product{text-align:center;font-family: 'nimbusreg';color: #000;font-size: 14px;line-height: 18px;}
.products a{text-decoration:none;}
.products .product h3{font-family: 'nimbusbold', Arial;color: #0e3b65;font-size: 20px;line-height: 22px;}

.galerie{padding:10px 0;}

/*
* sidebar
*/
.agenda{margin-top:0;}
aside .module{margin:0 0 16px 0;}
.menu{padding:5px 10px;}
.menu a{color: #eb580c;font-family: "futurabook",Arial;    font-size: 16px;    text-align: left;    color: #eb580c;text-decoration:none;display:block;}
#hook-right .menu a{padding:5px;}

.menu h3{display:none;}
#hook-right .menu{-webkit-box-shadow: 1px 1px 10px 0px rgba(127, 127, 127, 0.75);    -moz-box-shadow: 1px 1px 10px 0px rgba(127, 127, 127, 0.75);    box-shadow: 1px 1px 10px 0px rgba(127, 127, 127, 0.75);background:#fff;}
#hook-right h3 {display: block; font-family: 'bebasreg', Arial;color:#eb580c;font-size:24px;padding-bottom:10px;}

header .menu,
#top .menu ,
#hook-legals .menu {text-align:center;}
header .menu ul li,
#top .menu  ul li,
#hook-legals .menu ul li{display: inline;    padding: 0 8px 0 10px;    background: url(../img/nav-li.png) left 8px no-repeat;}

#hook-top .main-menu {padding-top:14px;}
#hook-top .menu  li.first, #hook-legals .menu  li.first{padding: 0 10px 0 0;  background: none;}
#hook-top .module{ margin-bottom:7px; background:#fff; }
#hook-top .pub{ margin-top:7px; text-align:center; padding:3px 0;}
#hook-top .pub .ad{display:inline-block;}

header .menu ul li a,
#top .menu ul li a,
#hook-legals .menu ul li a {display: inline;font-family: 'futurabook', Arial;    font-size: 13px;    color: #231f20;    text-decoration: none;}
header .menu ul li a,
#top .menu ul li a{ font-size:12px; }
#hook-bottom{margin-bottom:15px;padding:0 0 15px 0;}
#hook-bottom .bloc_couleurs{height:5px;margin-bottom:15px;background:url(../img/couleurs.gif) repeat-x top center;}
#hook-bottom .module{float:left;width:30%;padding:15px 4%;min-height:130px;display:block;float:left;border-right:1px solid #d9d9d9;}
#hook-bottom .pub{float:none;width:auto;padding:0;min-height:auto;display:block;border-right:none;}
#hook-bottom .menu h3{display: block;}
#hook-bottom .menu li{display: inline-block;width:43%;    padding: 0 10px 0 10px;    background: url(../img/nav-li.png) left 5px  no-repeat;}
#hook-bottom .menu a{font-family: 'futurabook', Arial;    font-size: 13px;    color: #231f20;    text-decoration: none;}
#hook-bottom .module h3 {font-family: 'als_reg', Arial;color:#231f20;font-size:34px;padding-bottom:15px;}
#hook-bottom .module-text{width:19%;padding-left:17px;padding-right:0;}
#hook-bottom .last{border-right:none;}

#hook-legals .menu h3{display:none}

footer .footer_top_links .bloc {width:32%;padding:15px 4%;min-height:130px;display:block;float:left;border-right:1px solid #d9d9d9;}
footer .footer_top_links .bloc.certif {width:19%;padding:15px 0 0 0;border-right:none;}
footer .footer_top_links .bloc.certif img {display:block;margin:17px auto;max-width:80%;}
footer .footer_top_links .bloc h4 {font-family: 'als_reg', Arial;color:#231f20;font-size:34px;padding-bottom:15px;}
footer .footer_top_links .bloc ul {width:47%;display:block;float:left;}
footer .footer_top_links .bloc ul.second {margin-left:6%;}
footer .footer_top_links .bloc ul li {width:94%;padding-left:6%;display:block;background:url(../img/nav-li.png) left 7px no-repeat;}
footer .footer_top_links .bloc ul a {color: #231f20;font-family: "futurabook",Arial;font-size: 13px;text-decoration: none;}
footer .footer_top_links .bloc ul a:hover {text-decoration:underline;}

#hook-legals .module{margin:0 50px;}
#hook-legals .menu{padding:15px 0;}
#hook-legals .module-text {font-family: 'futurabook', Arial;    font-size: 13px;    color: #231f20;text-align:left;padding:15px 0;}
#hook-legals .module-text .module-text-item{ text-align:center; }
#hook-legals .module-text a{color: #231f20;text-decoration:underline;}
#hook-legals .module{border-bottom: 1px solid #d9d9d9;}
#hook-legals .last{border-bottom:none;}
#page_content.page_contenu .presentation .texte .presentation-description {height:auto;}

#hook-top .menu ul li.first a{
	font-family: 'futurabold', Arial;
}

.admin-update{
	position:absolute;
	background:url(../img/update.png) no-repeat center center;
	height:14px;
	width:14px;
	z-index:1999;
}
.block .admin-update{
	margin:2px 0 0 2px;
}
.hp_carousel .admin-update{
	margin:-5px 0 0 -5px;
}
.agenda .admin-update{
	margin:-12px 0 0 -12px;
}
h1 .admin-update{
    margin-left: -18px;
    margin-top: -2px;
}
#hook-header .admin-update,
.pub .admin-update{
	display:none;
}
.main-menu .admin-update{ margin-left:10px; }
header a#logo img{ margin-left:190px; }
#hook-top .module.search{ position:absolute;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-top: -130px;margin-left: 740px;}
#hook-top .module.search h3{ display:none;} 
.page_contenu .module.pub .admin-update{display:none;}
#hook-bottom  .module.pub .admin-update{display:none;}
.page_contenu .page-content{ clear:both; }
#hook-bottom  .module .admin-update{ margin-top:-10px ;}
h2.sous-rubriques  .admin-update{  margin-left: -18px; margin-top: -10px;}


@media screen and (max-width: 1062px) {
	.steps{ width:100%; }
	.steps .step-line .step{}
	.header-souris-left{ display:none; }
	header .menu ul li, #top .menu ul li, #hook-legals .menu ul li {
		display: inline-block;
		background-position:left center;
		line-height: 36px;
		margin: 0 5px;
	}
	header .menu ul li a, #top .menu ul li a, #hook-legals .menu ul li a{ font-size:14px; } 
	#hook-bottom .menu li{background-position:left 16px; width:auto;}
	#hook-bottom .menu a{ font-size:14px; line-height: 36px;}
	#hook-legals .module-text .module-text-item{ line-height:36px; font-size:14px;}
	.steps { width:auto; }
	.steps .step-line{ display:block; }
	.steps .step-line .step{ display:block; }
	.steps .step-full{ display:block; }
	.steps .step-full .step{ display:block; }
	.steps .step-full .img, .steps .step-full .txt{ display:block; padding:5px; width:auto; }
}
@media screen and (max-width: 800px){
	#hook-bottom .module{
		width:42%;
		border-right:none;
	}
	#hook-bottom .module.last{
		display:none;
	}
	#hook-legals .module{ margin-left:4%; margin-right:4%;}
}
@media screen and (max-width: 641px){
	#hook-top .module.search{ display:none; }
	.facebook_area {	display:none;}	
	#hook-bottom .module{ width:auto; float:none;}	
}
