@import url(reset.css);
@import url(structure.css);
/* ELEMENTS DE BASE */ 

body{ font-family:Arial, sans-serif; font-size:12px; background:#DEDEDE; color:#666666;}
 
a{	text-decoration:none; color:#006ab3;}
a:hover{	text-decoration:underline;}

p{	line-height:18px; padding:5px 0;}

/* FIN ELEMENTS DE BASE */

#lang{background:#A0A0A0; border-bottom:1px solid white; height:25px;}
#footer_language_list{ width:960px; margin:auto; overflow:hidden; height:25px;}
#footer_language_list ul{  list-style: none;  margin:4px 0 0 0;  padding:0; float:right;}
#footer_language_list ul li img{  margin-right:5px; position:relative; top:2px;}
#footer_language_list ul li{  display:inline;  margin:0 5px 0 5px;  padding:0; color: #fff;}
#footer_language_list ul li a, #footer_language_list ul li a:visited{  color: #fff; }
#footer_language_list ul li a:hover, #footer_language_list ul li a:active{  color: #fff;}

/* HEADER */
.home #header{background:url(images/header.jpg) no-repeat center top;}
#header{background:url(images/header-page.jpg) no-repeat center top;}

#blog-title{ position:absolute; top:20px; left:0; width:260px; overflow:hidden; text-indent:-1000px; 	} 
#blog-title a{ display:block; height:50px;	} 

#description{position:absolute; top:5px; right:50px; width:225px; line-height:15px; color:#848484; font-size:14px;}
#description img{position:relative; top:4px;}

#searchform{position:absolute; top:20px; right:0; width:220px; height:30px; }
#searchform input#s{border:1px solid #e4e4e4; background:#fff; width:170px; height:10px; padding:5px;; color:#999999; text-transform:uppercase; font-size:10px; }
#searchform input.button{background:url(images/ok.jpg) no-repeat center top; width:27px; height:21px; position:relative; top:5px; left:-3px;}

#menu{position:absolute; bottom:0px; right:0px;}
#menu a{color:#006ab3; width:135px; font-size:14px; line-height:32px;text-decoration:none; font-weight:normal; display:block;}
#menu ul{overflow:hidden;}
#menu li{float:left; width:135px;  text-align:center; height:32px; border-left:1px solid #e1e0e0; background:url(images/menu.jpg) repeat-x;}
#menu li a:hover,#menu li.current_page_item a,#menu li.current_page_parent a{background:url(images/menu-on.jpg) repeat-x; color:white;}
#menu li.page-item-2,#menu li.page-item-4{background:url(images/menu-accueil.png) no-repeat; width:41px; text-indent:-400px; overflow:hidden;border:0; position:relative; left:2px; z-index:1;}
#menu li.page-item-2 a:hover,#menu li.page-item-4 a:hover,
#menu li.page-item-2.current_page_item a,#menu li.page-item-4.current_page_item a,
#menu li.page-item-2.current_page_parent a,#menu li.page-item-4.current_page_parent a{
	background:url(images/menu-accueil-on.png) no-repeat; }
#menu li.page-item-6,#menu li.page-item-8{border:0; background:url(images/menu-solution.png) no-repeat left; width:135px;z-index:2; position:relative;} 
#menu li.page-item-6 a,#menu li.page-item-8 a{width:135px;}
#menu li.page-item-6 a:hover,#menu li.page-item-8 a:hover,
#menu li.page-item-6.current_page_item a,#menu li.page-item-8.current_page_item a,
#menu li.page-item-6.current_page_parent a,#menu li.page-item-8.current_page_parent a{
	background:url(images/menu-solution-on.png) no-repeat left;}
/* FIN HEADER */

/* content */
#container{background:white;}
#slideshow img{width:100%; height:100%;   }
#slideshow{height:330px;  position:relative;}
#slideshow ul{ width:810px; margin:auto; height:330px;}
#slideshow ul li{}
#slideshow ul li img.normal{position:absolute; top:0; left:0;  }
#slideshow ul li img.flou{position:absolute; top:0; left:0;  }
#slideshow-nav #slideshow-prev{ position:absolute; top:140px; left:10px; display:block; width:35px; height:42px; overflow:hidden; text-indent:-300px; background:url(images/slideshow-prev.jpg) no-repeat center top; cursor:pointer;}
#slideshow-nav #slideshow-next{ position:absolute; top:140px; right:10px; display:block; width:35px; height:42px; overflow:hidden; text-indent:-300px; background:url(images/slideshow-next.jpg) no-repeat center top; cursor:pointer;}


#slideshow-page{ height:270px; border:1px solid #e1e0e0; margin:10px; padding:5px; position:relative;}
#slideshow-page div.title{	font-size:18px; font-weight:bold; background:url(images/slidepage-bg.png) repeat; position:absolute; bottom:0px; width:750px; padding:10px 10px 10px 170px;}
#slideshow-page div.title a{	color:white; }
#slideshow-page div.title a:hover{	text-decoration:none; }
#slideshow-page div#slide-nav span{display:block; width:25px; height:30px; position:absolute; top:125px; overflow:hidden; text-indent:-300px;cursor:pointer;}
#slideshow-page div#slide-nav span.cache{display:none!important;}
#slideshow-page div#slide-nav span#slide-prev{left:10px; background:url(images/slidepage-prev.png) no-repeat center top;}
#slideshow-page div#slide-nav span#slide-next{right:10px; background:url(images/slidepage-next.png) no-repeat center top;}


.static{position:relative;}
.static div.title{	font-size:18px; font-weight:bold; background:url(images/slidepage-bg.png) repeat; position:absolute; bottom:0px; width:760px!important; padding:10px 10px 10px 160px!important; color:white;}
.static div.title a{	color:white; }
.static div.title a:hover{	text-decoration:none; }
.static div.title span.subtitle{color:#969792;}

.breadcrumb span.bc-separator{	overflow:hidden; text-indent:-300px; background:url(images/puce-blanc.jpg) no-repeat center 3px; }
.breadcrumb a{color:#666;}
.breadcrumb span.bc-current{ color:#006ab3;}
.entry-title{ font-size:18px; color:#006ab3; margin:20px 0 10px 0; font-weight:bold;}
.entry-date {}
.entry-content{	text-align:justify; overflow:hidden; font-size:13px;}

.entry-content blockquote{ overflow:hidden; padding:2px 20px; font-style:italic;}
.entry-content a{text-decoration:none;}
.entry-content a:hover{text-decoration:underline;}
.entry-content ul{	list-style:none; overflow:hidden; }
.entry-content ol{	list-style:decimal outside; overflow:hidden; padding-left:20px;}
.entry-content ul li{ line-height:18px; background:url(images/puce-blanc.jpg) no-repeat left 6px; padding-left:20px;}
.entry-content ol li{ line-height:18px;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{color:#006ab3; font-weight:bold;}
.entry-content h1{	font-size:18px; padding:20px 0 10px 0;}
.entry-content h2{	font-size:14px; padding:15px 0 7px 0;}
.entry-content h3{	font-size:14px; padding:10px 0 5px 0; font-weight:normal;}
.entry-content h4{	font-size:14px; padding:5px 0 3px 0; font-weight:normal; font-style:italic;}


.entry-meta{ overflow:hidden; }

.sidebar .widget{border:1px solid #e1e0e0; padding:10px; margin:0 0 35px 0;}
.sidebar .widget h3{padding:0 0 10px 0; margin:0 0 10px 0; font-size:14px; font-weight:normal; color:#006ab3;border-bottom:1px solid #e1e0e0;}

.sidebar .widget ul li{ padding:3px 0 3px 12px; background:url(images/puce-blanc.jpg) no-repeat left 6px;}
.sidebar .widget a{  color:#666; }

.sidebar #navigation ul li{ background:url(images/puce-blanc.jpg) no-repeat left 6px;}
.sidebar #navigation ul li.current{ background:url(images/puce-blanc.jpg) no-repeat left 6px;}
.sidebar #navigation ul li.current a{ color:#006ab3;}

.sidebar #moreinfo ul.relatedposts{ padding-bottom:10px; border-bottom:1px solid #e1e0e0; }

.sidebar #moreinfo ul.contactus{margin:20px 0 0 0;}
.sidebar #moreinfo ul.contactus li#je,
.sidebar #moreinfo ul.contactus li#vous{	padding:0;}
.sidebar #moreinfo ul.contactus li#je div.title span,
.sidebar #moreinfo ul.contactus li#vous div.title span{ display:block; padding:5px 0 0 25px;	background:url(images/puce-contactus.png) no-repeat 8px 8px;}

.sidebar #moreinfo ul.contactus div.title{height:25px; color:white; font-size:14px; margin:0 0 5px 0; }
.sidebar #moreinfo ul.contactus li#je div.title{border:1px solid #336600; background:url(images/je.jpg) repeat-x;}
.sidebar #moreinfo ul.contactus li#vous div.title{border:1px solid #a43700;background:url(images/vous.jpg) repeat-x}
.sidebar #moreinfo ul.contactus li#je div.hover,.sidebar #moreinfo ul.contactus li#je div.title:hover{ background:url(images/je-on.jpg) repeat-x;}
.sidebar #moreinfo ul.contactus li#vous div.hover,.sidebar #moreinfo ul.contactus li#vous div.title:hover{background:url(images/vous-on.jpg) repeat-x}
.sidebar #moreinfo ul.contactus p.mailsent{ color:#66C835;}


#blocs{position:relative; height:150px;}
#blocs #vousetes{ position:absolute; top:0; left:10px; width:130px; height:130px; background:url(images/bloc-vousetes.jpg) no-repeat center top;}
#blocs #solutions{ position:absolute; top:0; left:170px; width:530px;height:130px;background:url(images/bloc-solutions.jpg) no-repeat center top;}
#blocs #references{ position:absolute; top:0; right:10px; width:201px;height:130px;background:url(images/bloc-references.jpg) no-repeat center top;}

#blocs h2{color:#006ab3; font-size:18px; font-weight:bold;}
#blocs .bloc{ padding:10px;}

/* bloc references */
#blocs #references h2{font-weight:normal;}
#blocs #references ul li{ position:absolute;   top:0px;  width:100px; overflow:hidden; height:105px; text-align:center;}
#blocs #references .gauche{ left:0px; }
#blocs #references .droite{right:0px; }

/* bloc vous êtes */
#blocs #vousetes ul{margin:8px 0 0 0;}
#blocs #vousetes li{background:url(images/puce.jpg) no-repeat 0px 5px; padding:2px 0 2px 13px;}

/* bloc solutions */

#blocs #solutions{ overflow:hidden;}
#blocs #solutions li{ overflow:hidden;}
#blocs #solutions #solutions-jaslide { width:520px; }
#blocs #solutions ul#solutions-list { }
#blocs #solutions ul#solutions-list  li{ width:520px; }
#blocs #solutions img.attachment-post-thumbnail{ float:left; margin:0 10px 0 0;}
#blocs #solutions h2{ margin:0 50px 0 0; }
#blocs #solutions div.solution-content{ margin:2px 0 0 0;}
#blocs #solutions div p{ line-height:14px; padding:2px 0;}
#blocs #solutions div strong{color:#006ab3;}
#blocs #solutions p.liresuite a{font-weight:bold; /*background:url() no-repeat right 3px;*/ padding:0 15px 0 0; }

#blocs #solutions #solutions-nav span.cache{display:none;}
#blocs #solutions #solutions-nav{ position:absolute; top:10px; right:10px; width:41px; height:21px; }
#solutions-nav #solutions-prev{ background:url(images/fleches-solutions.jpg) no-repeat 0 0; z-index:10; cursor:pointer; display:block; overflow:hidden; text-indent:-1000px; float:left; width:20px; height:21px;}
#solutions-nav #solutions-next{background:url(images/fleches-solutions.jpg) no-repeat -21px 0; z-index:10; cursor:pointer; display:block; overflow:hidden; text-indent:-1000px; float:right; width:20px; height:21px;}
#solutions-nav #solutions-prev:hover{ background:url(images/fleches-solutions.jpg) no-repeat 0 -21px;}
#solutions-nav #solutions-next:hover{ background:url(images/fleches-solutions.jpg) no-repeat -21px -21px;}

/* footer */
#footer ul#footer-menu{ padding:15px 0 0 0; height:25px; background:#fff; text-align:center;}
#footer ul#footer-menu li{display:inline; padding:0 5px; border-right:1px solid #e4e3e3;}
#footer ul#footer-menu li:last-child{border:0;}
#footer ul#footer-menu li a{color:#999999; text-decoration:none;}
#footer ul#footer-menu li a:hover{text-decoration:underline;}

#footer #copyright{text-align:center; color:#999999; font-size:10px;}
#footer #copyright img{position:relative; top:5px;}