@charset "UTF-8";
/* CSS Document */


/* Généralités / Reset */
body {
background-color:#999;
font-family:"Trebuchet MS",Tahoma,Arial,sans-serif;
font-size:12px;
color:#333;}
html {
	
}
h1, h2, h3, h4, h5, p, ul, li, div, body, html {
	margin:0;
	padding:0;
}
.spip-admin-float {
	display:none;
	
}
ul, ol {
	list-style:none;
}
a, a.spip_out {
	text-decoration:none;
	color:#FC7214;
}
a:hover, a.spip_out:hover {
	color:#431E2D;
}
.vignette a, .vignette  a.spip_out {
	text-decoration:none;
	color:#431E2D;
}
.vignette a:hover, .vignette a.spip_out:hover {
	color:#FC7214;
}

a img {
	border:none;
}
.breadcrumb a {
	color:#999;
}
.breadcrumb a:hover {
	color:#333;
}
h1 { display:none; }

hr.clear { 
	border:0 none;
	clear:both;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	width:0;
}
hr.separe {
border-color:#FC7214;
border-style:solid none none;
border-width:1px 0 0;
clear:both;
height:1px;
margin:0 0 5px;
padding:0;	
}
br.clear { 
	clear:both;
}
/* Structure */

#all { 
	width:1000px; 
	margin:auto;  
	position:relative;  	
	background:url("../images/bg/bg-all.jpg") repeat-y scroll 80px top transparent;
}
#ombre-right { 
	background:url("../images/bg/bg-ombre2.jpg") repeat-y scroll 980px top transparent; 
}
#ombre-left { 
	background:url("../images/bg/bg-ombre1.jpg") repeat-y scroll 59px top transparent; 
}
#conteneur { 
 	background:url("../images/bg/bg-contenu.jpg") no-repeat scroll left top transparent;
	margin-left:80px;
	width:900px; 
}
#contenu {   	
	float:left;
	padding:120px 20px 20px 16px;
	width:510px;
}
.prodleft {
	float:left;
	margin-left:6px;
	width:140px;
}
.prodleft ul {
	color:#FC7214;
	list-style:disc inside none;
}
.prodright {
	float:left;
	padding-top:10px;
	width:340px;	
}
/* Typographie */

h2 {
	color:#431E2D;
	font-size:20px;
	margin-bottom:50px;
	padding-left:80px;
}
h2 span { 
	color:#FC7214; 
	font-size:15px;
}
h3 { 
	color:#642d3e;
	font-family:tahoma, arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:20px;
}
h3 img {
	left:10px;
	position:relative;
	top:15px;	
}
h4 {
	color:#431E2D;
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
	padding-left:20px;
}
h4.centre {
	text-align:center;
	padding-left:0;
}
h4.toggleSubMenu {
	background:url("../images/puces/puce-navig.png") no-repeat scroll 4px 10px transparent;
	height:30px;
	padding-bottom:10px;
}
.chapo {
	font-weight:bold;	
}
.liresuite { 
	text-align:right; 
}
div p.titre { 
	color:#ccc; 
}
#footer div p.titre {
	font-size:14px;	
	margin-bottom:10px;
}
div p {
   	margin-bottom:5px; 
}
p.reas {
	background:url("../images/puces/puce-reas.png") no-repeat scroll left center transparent;
	color:#FC7214;
	font-size:13px;
	font-style:italic;
	line-height:20px;
	margin:5px 0 0 0;
	padding-left:20px;
}
.breadcrumb {
	margin-bottom:25px;	
}
/* Remontés articles/actus/blog */
.article {
	padding:5px 0;	
}
.subMenu {
	background:url("../images/puces/puce-navig.png") no-repeat scroll 4px -36px transparent;
	margin-top:-40px;
	padding-top:22px;
}
.subMenu.reasplus {
	background:none repeat scroll 0 0 transparent;
	margin-top:-5px;
	padding-top:10px;
}
.actu {
	padding-left:30px;
	padding-right:50px;
}
.actu.recadre img {
	position:absolute;
	top:0;
}
.actu.recadre .titreactu {
padding-top:90px;
z-index:20;	
}
.actu.recadre .titreactu span {
position:relative;
top:-5px;
}
.direct {
	padding-left:30px;
	padding-right:50px;	
	color:#ccc;
}
.direct.recadre img {
	float:right;
	margin-left:5px;
	margin-top:-20px;
}

.boonzai { 
	text-align:center; 
	position:relative;
	z-index:2;
}
div.direct, div.actu {
	position:relative; 
	background:url("../images/bg/bg-actu.png") no-repeat scroll center bottom transparent;
	margin-bottom:20px;
	padding-bottom:20px;
}

/* Vignettes accueil */
div.vignette { 
	background:url("../images/bg/bg-vignette.jpg") repeat-x scroll left bottom transparent;
	border:1px solid #CCCCCC;
	float:left;	
	margin-right:3px;
	padding-bottom:0;
	width:165px; 
}
div.vignette h3 { 
	margin-top:5px;
	padding-left:15px; 
	font-size:20px;
}
div.vignette p { 
	color:#666666;
	padding-left:10px; 
	line-height:17px;
}

/* Etude de cas */

#etudecas { 
	margin-top:40px;
	background:url("../images/bg/bg-etude-cas.jpg") no-repeat scroll left top transparent;
	height:135px;
	position:relative; 
}
#etudecas h3 {
	font-size:14px;
	margin-top:0;
	padding-left:10px;
	padding-top:13px;
	text-transform:uppercase;
}
#etudecas h3 a {
	color:#431E2D;	
}
#etudecas h3 a:hover {
	color:#FC7214;	
}
#etudecas h4 {
	color:#FC7214;	
	padding-left:40px;
	padding-top:0; 
	text-transform:uppercase;
	background:none;
	font-size:12px;
}
#etudecas p { 
	padding-left:40px;
	width:430px; 
}

#etudecas .spip_logos { 
	float:right;
	margin-right:50px;
	margin-top:20px; 
}

#etudecas p.liresuiteetude { 
	bottom:0;
	position:absolute;
	text-align:right;  
	}

#etudecas p.liresuiteetude a { 
	color:#431E2D;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase; 
}
#etudecas p.liresuiteetude a:hover { 
	color:#FC7214;
}

/* Sidebar */

#sidebar { 
	float:left;
	width:354px; 
	padding-bottom:20px;
	background:url("../images/bg/bg-menu.jpg") no-repeat scroll left top #381626;
}
#sidebar ul { 
	background:url("../images/pictos/menu.png") no-repeat scroll left center transparent;
	height:230px;
	left:-15px;
	padding:10px 10px 10px 30px;
	position:relative;
	width:334px;
}
#sidebar .direct ul, #sidebar .actu ul {
	background:none no-repeat scroll 0 0 transparent;
	height:auto;
	width:200px;
}
#sidebar ul li { 
	font-size:13px;
	line-height:19px;
	padding-left:20px;
}
#sidebar .direct ul li, #sidebar .actu ul li {
	background:url("../images/puces/menu-blog.png") no-repeat scroll left -9px transparent;
	font-size:14px;
	padding-left:15px;
}
#sidebar .direct ul li:hover, #sidebar .actu ul li:hover, #sidebar .direct ul li.current-cat, #sidebar .actu ul li.current-cat {
	background-position:left 6px;
}

#sidebar ul li.actif { 
	background:url("../images/puces/puce-navig.png") no-repeat scroll left 5px transparent; 
}
#sidebar ul li a { 
	color:#fff;   
}
#sidebar ul li.current-cat a, #sidebar ul li.cat-item:hover a {
	color:#FC7214; 
}
#sidebar ul li a:hover, #sidebar ul li.actif a { 
	color:#431E2D;  
	text-decoration:none;
}
#sidebar .direct ul li a:hover, #sidebar .actu ul li a:hover {
	color:#FC7214;
}
#sidebar p.espaceclient { 
	background:url("../images/bg/espace-client.png") no-repeat scroll 170px top transparent;
	height:23px;
	margin-top:-15px;
	padding-top:10px; 
}
#sidebar p.espaceclient span { 
	padding-left:185px;
}
#sidebar p.espaceclient span a { 
	color:#fff; 
}
#sidebar p.espaceclient span a:hover { 
	color:#333;
}
#sidebar h4.actu {
	background:url("../images/puces/puce-actu.png") no-repeat scroll left top transparent;
	color:#FC7214;
	font-size:20px;
	font-weight:normal;
	line-height:26px;
	margin-left:10px;
	padding-left:30px; 
}
#sidebar p.titreactu {
	background:url("../images/bg/titre-actu.png") no-repeat scroll left bottom transparent;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	padding-left:15px;
	position:relative;
	top:-10px;	
	z-index:2;
}
#sidebar .recadre p.titreactu {
	background:url("../images/bg/titre-actu.png") no-repeat scroll -5px 85px transparent;
}
#sidebar p.titreblog {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;		
}
#sidebar p.date {
	color:#FC7214; 
	background-color:transparent;
	padding:0;
	font-size:12px;
}
#sidebar .actu p.date {
	margin-top:-10px;	
}
#sidebar .direct p.date {
	margin-top:0;
}
#sidebar p { 
	color:#CCC; 
	font-size:11px;
}
#sidebar p.liresuite { 
	background:none no-repeat scroll 0 0 transparent;
	height:auto;
	padding-right:0;
	padding-top:10px;
	text-align:right;
}
#sidebar p.liresuite a { 
	color:#e0bac7; 
	text-decoration:underline;
}
#sidebar h4.direct { 
	background:url("../images/puces/puce-blog.png") no-repeat scroll 10px top transparent;
	color:#FC7214;
	font-size:20px;
	font-weight:normal;
	line-height:45px;
	padding-left:65px; 
}
#sidebar p.titre { 
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold; 
}

/* Footer */
#footer {
  	margin-left:80px;
	width:900px;
	background-color:#381626;
	height:150px;
} 	

#pied {
  	float:left;
	padding:10px;
	width:526px;
}
#pied a {
  	color:#ccc;
  	padding-right:6px;
  	display:block;
}
#pied div p {
	border-right:1px solid #DDDDDD;
	float:left;
	margin-right:15px;
	padding-right:5px;
	width:auto;
	height:45px;
}
#pied a.logo {
  	padding-right:0;
  	border:0;
  	margin:0 2px;
}	
#pied a:hover {
  	color:#FC7214;	
}
#pied div {	
	
}
#reseaux {
	float:right;
}
#pied #reseaux p { 
	text-align:right; 
	height:auto;
	border-right:0;
}
div.infos { 
	background:url("../images/bg/bg-coordonnees.jpg") no-repeat scroll right top #381626;
	float:left;
	height:125px;
	margin-bottom:-95px;
	padding-left:10px;
	padding-right:10px;
	padding-top:120px;
	position:relative;
	top:-95px;
	width:334px;
	z-index:1;
	left:1px;
}
div.infos div { 
	float:left;
	margin-right:15px;
	width:150px; 
}
div.infos div p { 
	color:#eee; 
}
div.infos p.savoirplus { 
	background:url("../images/puces/savoir-plus.png") no-repeat scroll left top transparent;
	line-height:35px;
	margin-top:5px;
	padding-left:60px;
	text-align:left;
}
div.infos p a { 
	color:#FC7214; 
}
div.infos p a:hover { 
	color:#fff;
}

/* Ajours css via mots clés */
.creations-graphique {
	background:url("../images/puces/creations-graphiques.png") no-repeat scroll 20px top transparent;
	line-height:41px;
	padding-left:70px;
	margin-top:20px;
	font-size:20px;
	
	}
.design-interface {
	background:url("../images/puces/design-interfaces.png") no-repeat scroll left top transparent;
	line-height:51px;
	padding-left:70px;
	margin-top:20px;
	font-size:20px;
}
.creations-web {
	background:url("../images/puces/creations-web.png") no-repeat scroll 20px top transparent;
	line-height:41px;
	padding-left:70px;
	margin-top:20px;
	font-size:20px;
	}
.marketing {
	background:url("../images/puces/marketing.png") no-repeat scroll left top transparent;
	line-height:51px;
	padding-left:70px;
	margin-top:20px;
	font-size:20px;
}
/* Galeries photos */
.defilement {
	background:url("../images/bg/bg-vignettes.png") repeat-x scroll left bottom transparent;
	color:#5E183A;
	font-size:11px;
	margin:auto;
	padding:10px 0;
	width:520px;
}
.defile {
	float:left;
	overflow:hidden;
	width:420px;     	
}
.scrollable div {
	float:left;
	margin-right:6px;
	width:99px;
	background:url("../images/bg/ombre-logos.png") repeat-x scroll left 67px transparent;  	
	min-height:100px;
}
.defilement .next {
	background:url("../images/puces/droite.png") no-repeat scroll center center transparent;
	height:70px;
	width:18px;
	float:left;
	cursor:pointer;
}
.defilement .prev {
	background:url("../images/puces/gauche.png") no-repeat scroll center center transparent;
	height:70px;
	width:18px;	
	float:left;
	margin:0 15px;
	cursor:pointer;
}  

.defilement .next.actif {
	background:url("../images/puces/droite.png") no-repeat scroll right center transparent;
}
.defilement .prev.actif {
	background:url("../images/puces/gauche.png") no-repeat scroll left center transparent;
}  
 
.defilement .next.actif:hover {
	background:url("../images/puces/droite.png") no-repeat scroll left center transparent;
}
.defilement .prev.actif:hover {
	background:url("../images/puces/gauche.png") no-repeat scroll right center transparent;
}

.defilement .next.inactif {
	background:url("../images/puces/droite.png") no-repeat scroll center center transparent;
}
.defilement .prev.inactif {
	background:url("../images/puces/gauche.png") no-repeat scroll center center transparent;
} 
     
.scrollable {
	
}
.scrollable img {
	border:2px solid #999;	
}
.scrollable div:hover img {
	border:2px solid #FC7214;
}
.scrollable div:hover {
	color:#FC7214;
}

.scrollable div {
	
}
div.floatdemi {
	float:left;
	width:50%;
}
.plusinfos {
	background-color:#FEECE1;
	border-left:5px solid #FC7214;
	margin:10px 0;
	padding:5px 10px;
}
.plusinfos strong {
	color:#FC7214;
}
/* Groupe rubrique (titres gauche) */

#rubrique {
	height:450px;
	left:40px;
	position:absolute;
	top:200px;
	width:40px;
 	background:url("../images/titres/accueil.png") no-repeat scroll left top transparent;
}
  #rubrique.rubrique1 {
 	background:url("../images/titres/infogerance.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique2 {
 	background:url("../images/titres/ssii.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique3 {
 	background:url("../images/titres/communication.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique4 {
 	background:url("../images/titres/nos-produits.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique5 {
 	background:url("../images/titres/nos-clients.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique6 {
 	background:url("../images/titres/qui-sommes-nous.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique7 {
 	background:url("../images/titres/recrutement.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique8 {
 	background:url("../images/titres/blog.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique9 {
 	background:url("../images/titres/nous-contacter.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique11 {
 	background:url("../images/titres/etudes-cas.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique100 {
 	background:url("../images/titres/actualites.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique13 {
 	background:url("../images/titres/nospartenaires.png") no-repeat scroll left top transparent;
  }
  #rubrique.rubrique15 {
 	background:url("../images/titres/espacepresse.png") no-repeat scroll left top transparent;
  }
 /* Groupe Qui-sommes-nous */
 .quisommesnous .logo {
 	float:left;
	margin-bottom:5px;
	margin-right:5px;
	border-width:1px;
}
 .quisommesnous .nom {
 	color:#FC7214;
 }
 .toggleSubMenu {
	cursor:pointer;
	padding-bottom:2px;
	padding-top:2px;
 }
 .toggleSubMenu.ouvert {
 	background-position:5px 47px;
 }

/* Page clients */
.logo {
	border:2px solid #999;
	float:left;
	margin:5px 15px 5px 8px;
	position:relative;
	width:auto;
}
.logo:hover {
	border-color:#FC7214;	
}
.logo.cacher, .logo.cacher:hover {
	border:2px solid #ddd;
}
.cache {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
body.clients {
	background:url("../images/bg/bg-clients.png") no-repeat scroll left bottom transparent;
}
.fiche {
	
}
.left {
	float:left;
	padding:20px;
	text-align:center;
	width:150px;
}
.left ul {
	color:#999999;
	font-size:14px;
	padding:10px 0 0 10px;
	text-align:left;
}
.left ul .actif{
	color:#333;	
	font-weight:bold;
	list-style:disc outside none;
}
.right {
	float:left;
	height:400px;
	width:520px;
	position:relative;
}
.ps {
	background:url("../images/puces/apostrophe.png") no-repeat scroll left top transparent;
	bottom:0;
	color:#999999;
	font-size:17px;
	font-style:italic;
	padding-left:25px;
	padding-top:10px;
	position:absolute;
	right:0;
}
.quisommesnous {
	padding-top:10px;
}
/* lightbox */
#GB_overlay {
	background:url("../images/bg/bg-lightbox.png") repeat scroll left top transparent;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;		
	z-index:10;
}
#GB_window {
	background:url("../images/bg/contour.png") no-repeat scroll left top transparent;
	margin-top:-217px;
	position:fixed;
	top:50%;
	z-index:100;
}
#GB_frame {
	border:0 none;
	height:420px !important;
	position:relative;
	top:-10px;
	width:730px !important;
}
#contour {
		
}
.img {
	left:717px;
	position:relative;
	top:410px;	
	z-index:200;
	cursor:pointer;
	
}
fieldset {
	border:0;	
}
p.bt {
	background:url("../images/puces/bt-actu.png") no-repeat scroll left top transparent;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	height:25px;
	text-align:center;
	width:95px;
}
p.bt:hover {
	background-position:left -31px;	
	color:#431E2D;
	cursor:pointer;
}
label.corpsmetier {
	float:left;
	width:auto;
	margin-right:5px;
}
label.corpsmetier span {
	visibility:hidden;	
}
/* Groupe blog */
.postmetadata {
	background-color:#E3E2E2;
	border-color:#E3E2E2;
	border-style:solid;
	border-width:0 0 1px 1px;
	color:#666;
	font-size:11px;
	margin:5px 0 30px;
	padding:5px;
}
.commentlist {
	padding-left:0;
}
.postmetadata a {
	color:#666;
}
.postmetadata a:hover {
	color:#999;
}
.commentaires {
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:17px;
	width:20px;
}
.commentaires span {
	display:block;
	text-align:center;
	width:14px;
}
.commentaires {
	background:url("../images/puces/commentaires-actus.png") no-repeat scroll left top transparent;
}
.blog .commentaires {
	background:url("../images/puces/commentaires.png") no-repeat scroll left top transparent;
}
p.date {
	color:#999;
	font-size:10px;
	font-style:italic;
	padding:0 5px;
}
.resume {
	background-image:url("../images/puces/quote-left.png");
	background-position:left 20px;
	background-repeat:no-repeat;
	float:left;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 20px;
	width:250px;
	min-height:100px;
}
.blog .resume {
	width:370px;
}
.entry  {
	background-image:url("../images/puces/quote-right.png");
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
blockquote {
	color:#999;
	font-style:italic;
	margin:10px;
	padding:5px 10px;
	border-left:5px solid #EA8B02;
}
.alignright {
	float:right;
}
#sidebar .maisaussi {
	color:#FEDCEA;
	font-size:13px;
}
.logoblog {
	margin:-65px 10px 30px 0;
	position:relative;
	top:85px;
	float:left;
	width:auto;
}

.blog h4, .actus h4 {
	background:none repeat scroll 0 0 transparent;
	color:#EA8B02;
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	padding-left:10px;
}
.dates {
	background:url("../images/bg/bg-date.png") no-repeat scroll left top transparent;
	color:#5E183A;
	float:left;
	font-size:11px;
	height:24px;
	padding-left:10px;
	padding-top:1px;
	width:180px;
	position:relative;
	left:-5px;
	margin-bottom:0;
}
.actus .dates {
	color:#B24527;
}

.blog .metas {
	background:url("../images/bg/bg-metas.png") no-repeat scroll left top transparent;
	float:left;
	height:28px;
	text-align:center;
	width:121px;
	margin-bottom:0;

}
.metas {
	background:url("../images/bg/bg-bulleactus.png") no-repeat scroll left top transparent;
	float:left;
	height:28px;
	padding-top:1px;
	text-align:center;
	width:152px;
}

.metas a {
color:#fff;
}
.blog .metas a:hover {
	color:#FC7214;
}
.metas a:hover {
	color:#333;
}
.liresuite  {
	background:url("../images/puces/bt-actu.png") no-repeat scroll right top transparent;
	font-size:11px;
	height:20px;
	padding-right:18px;
	margin-bottom:0;
}
.liresuite:hover {
	background-position:right -31px; 	
}
.liresuite a {
	color:#fff;
}
.liresuite:hover a
 {
	color:#5E183A;
}
.liresuiteetudescas {
	background-image:none;
}

.liresuiteetudescas a {
background-color:#602E46;
padding:5px;
color:#FC7214;
}
.liresuiteetudescas a:hover {
	color:#fff;
}
.laissercomm {
	background:url("../images/puces/commentaires.png") no-repeat scroll left 10px transparent !important;
	color:#431E2D !important;
	line-height:17px;
	padding-bottom:15px;
	padding-left:30px !important;
	padding-top:10px;
}
.actus .laissercomm {
	background:url("../images/puces/commentaires-actus.png") no-repeat scroll left 10px transparent !important;
	color:#EA8B02 !important;
}
input.bt {
	background:url("../images/puces/bt-actu.png") no-repeat scroll right top transparent;
	color:#fff;
	border:0;
	width:100px;
}
input.bt:hover {
	background:url("../images/puces/bt-actu.png") no-repeat scroll right -31px transparent;
	color:#431E2D;
	cursor:pointer;
}
.navigation {
	text-align:center;
}