html {
font-size:100.01%;
margin:0pt;
padding:0pt;
}
body {
background:#141414 url(images/bg-grad.png) top left repeat-x;
color:#bdbdbd;
font-family:arial,sans-serif;
font-size:12pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:lighter;
line-height:normal;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
* {
margin:0pt;
padding:0pt;
}
a {
color:#FFFFFF;
text-decoration:none;
}
a img {
border:0pt none;
}
p, address {
font-size:0.75em;
font-style:normal;
margin:0pt;
padding:0px 0pt;
}
h1, h2, h3, h4, h5 {
color:#FFFFFF;
font-family:'helvetica',trebuchet;
font-weight:normal;
}
h1 {
font-size:2em;
}
h2 {
font-size:1.8em;
}
h3 {
font-size:1.4em;
}
h4 {
font-size:1.2em;
}
h5 {
font-size:1em;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1.5em 0pt 0.5em 0px;
padding:0pt;
}
li {
margin:0pt 0pt 0.4em;
padding:0pt 0pt 0pt 1em;
}
hr {
background-color:transparent;
border:0pt none;
clear:left;
height:0.0625em;
margin:0pt;
padding:0pt;
}
dl {
clear:left;
margin:10px 0pt 0pt;
padding:0pt;
}
dt {
font-weight:bold;
}
blockquote {
background-color:#CCCCCC;
border-bottom:0.0625em solid #999999;
border-top:0.0625em solid #999999;
font-size:0.9em;
margin:1em;
padding:0.5em;
}
blockquote p {
margin:0.2em;
}
.fright {
float:right !important;
}
.fleft {
float:left;
}
.wrap{
position:relative;
width:951px;
margin:0 auto;
}
.header{
background:#141414;
height:67px;
width:100%;
}
#logo{
display:block;
position:relative;
top:22px;
left:137px;
width:167px;
}
/*#logo h1{
text-indent:-7777px;
cursor:pointer;
}*/
.headline{
height:200px;
background:transparent url(images/headline.png) top left no-repeat;	
}
.description{
border-bottom: 1px solid #0A0A0A;
background:#141414;
height:100px;
font-size:10pt;
padding-top:18px;
padding-left:18px;
font-size:9pt;
}
.left{
width:465px;	
float:left;
}
.left span{
color:#FFF;
}
.right{
width:450px;	
float:left;
padding-top:30px;
padding-left:10px;
}
.rightlogos{
position:absolute;
top:235px;
right:0px;
z-index:10;
margin-right:25px;
}
.right p{
font-size:9pt;
}
.designby{
background: transparent url(images/designby.png) 29px 16px no-repeat;
width:200px;
float:left;
height:61px;
text-indent:-7777px;
margin-top:14px;
}
.logoby{
background: transparent url(images/creasensologo.png) top left no-repeat;
width:224px;
float:left;
height:61px;
text-indent:-7777px;
margin-top:14px;
cursor:pointer;
}
.tools{
border-top:1px solid #282828;
border-bottom:1px solid #0A0A0A;
background:#141414;
height:181px;
font-size:9pt;
padding-top: 37px;
}
.tools-header{
padding:26px 0px 26px 20px;	
color:#FFF;
}
.tools-categories{
margin:0px 20px 0px 20px;
padding:0px;
width:911px;
}
.tools-categories p{
width:215px;
height:54px;
float:left;
border-right:1px solid #0A0A0A;
padding:0px;
margin-bottom:25px;
}
.tools-details-title{
margin:0px 20px 0px 20px;
}
.tools-details-title p{
float:left;
font-size:9pt;	
}
p.t-conseil{
width:184px;
padding-left:10px;	
}
p.t-integration,p.t-developpement-left{
width:111px;
padding-left:19px;	
}
p.t-developpement-right{
width:130px;
padding-left:0px;	
}
p.t-suivi{
width:173px;
padding-left:20px;	
}
p.t-integration-right{
width:90px;
padding-left:40px;	
}
.tools-details{
margin:0px 20px 0px 20px;
}
.tools-details p{
padding-left:10px;
width:184px;
float:left;
font-size:9pt;
}
p.t-details-integration-left,p.t-details-developpement-left{
width:95px;	
padding-left:35px;
}
p.t-details-integration-right{
width:75px;	
padding-left:55px;
}
p.t-details-developpement-right{
width:115px;	
padding-left:15px;
}
p.t-details-suivi{
width:173px;	
padding-left:20px;
}
p.conseil{
background: #141414 url(images/conseil.png)  51px 8px no-repeat;
text-indent:-7777px;
width:194px;
}
p.integration{
border-left:1px solid #282828;
background: #141414 url(images/integration.png)  60px 8px no-repeat;
text-indent:-7777px;
width:258px;
}
p.developpement{
border-left:1px solid #282828;
background: #141414 url(images/developpement.png)  33px 8px no-repeat;
text-indent:-7777px;
width:258px;
}
p.suivi{
border-left:1px solid #282828;
background: #141414 url(images/suivi.png)  64px 8px no-repeat;
text-indent:-7777px;
border-right:0px;
width:193px;	
}
.creadesign{
border-top:1px solid #282828;
border-bottom:1px solid #0A0A0A;
background:#141414;
height:89px;
font-size:9pt;
}
p.wesensodesign{
float:left;
width:491px;
padding:33px 2px 0px 18px;
font-size:9pt;
}
.websites{
border-top:1px solid #282828;
border-bottom: 1px solid #0A0A0A;
background:#141414;
/*height:505px;670*/
height:1000px;
font-size:9pt;
padding-left:5px;
overflow:hidden;	
}


#websites-title{
background:#141414 url(images/autres-ref.png) no-repeat center;
width:100%;
height:35px;
margin-top: 10px;
}



.websites-header{
padding:26px 0px 26px 18px;	
color:#BDBDBD;
}
.websites p{
width:175px;
height:131px;
padding:0px 7px 15px 8px;
text-indent:-7777px;
float:left;
}
.websites p.sld{
width:175px;
height:131px;
padding:0px 7px 15px 8px;
text-indent:1px;
float:left;
color:#FFF;
font-size:14px;
}
p.zeth{
background: transparent url(images/zeth.png) 8px 0px no-repeat;
}
p.central{
background: transparent url(images/central.png) 8px 0px no-repeat;
}
p.mes{
background: transparent url(images/mes.png) 8px 0px no-repeat;
}
p.loste{
background: transparent url(images/loste.png) 8px 0px no-repeat;
}
p.resti{
background: transparent url(images/resti.png) 8px 0px no-repeat;
}
p.hubert{
background: transparent url(images/hubert.png) 8px 0px no-repeat;
}
p.noeuf{
background: transparent url(images/noeuf.png) 8px 0px no-repeat;
}
p.red{
background: transparent url(images/red.png) 8px 0px no-repeat;
}
p.proprietes{
background: transparent url(images/proprietes.png) 8px 0px no-repeat;
}
p.casanuts{
background: transparent url(images/casanuts.png) 8px 0px no-repeat;
}
p.alexandra{
background: transparent url(images/alexandra.png) 8px 0px no-repeat;
}
p.leclerc{
background: transparent url(images/leclerc.png) 8px 0px no-repeat;
}
p.intelarena{
background: transparent url(images/intelarena.png) 8px 0px no-repeat;
}
p.tati{
background: transparent url(images/tati.png) 8px 0px no-repeat;
}
p.toofood{
background: transparent url(images/toofood.png) 8px 0px no-repeat;
}
.footer{
height:190px;
background:#141414 none repeat scroll 0%;
border-top:1px solid #282828;
font-size:9pt;
color:#919191;
}
.footer-left{
width:551px;
float:left;
border-right:1px solid #0A0A0A;
font-size:9pt;
}
.footer-right{
width:359px;
float:left;
font-size:9pt;
padding-left:29px;
border-left:1px solid #282828;
height:190px;
}
.footer-left-first{
border-bottom:1px solid #0A0A0A;
padding-left:11px;
}
.footer-left-first p{
font-size:9pt;
padding-top:18px;
padding-right:5px;
}
.footer-left-first p span{
color:#FFF;
}
.footer-left-second{
border-top:1px solid #282828;
padding-left:11px;
}
.footer-left-second p{
font-size:9pt;
padding-top:18px;
width:450px;
float:left;
}
.footer-left-second p a,.footer-left-second p a:hover,.footer-left-second p a:visited{
color:#FFF;
text-decoration:none;
}
p.footer-left-first-bottom,p.footer-left-second-bottom{
padding-bottom:18px;
}
.footer-right-first p{
font-size:9pt;
padding-top:18px;
}
.footer-right-first p span{
color:#FFF;
}
.footer-right-second{
width:185px;
float:left;
margin-top:20px;
margin-bottom:20px;
}
.footer-right-second p{
font-size:9pt;
}
.footer-right-third{
width:174px;
float:left;
margin-top:20px;
margin-bottom:20px;
}
.footer-right-third p{
font-size:9pt;
}
.footer-right-third a{
color:#919191;
}
.footer-right-forth{
clear:both;
float:left;
margin-top:5px;
margin-bottom:15px;
width:355px;
}
.footer-right-forth p{
font-size:9pt;
float:left;
width:250px;
padding-top:10px;
}
.footer-right-forth p span{
color:#fff;
}
.footer-right-forth a{
background: transparent url(images/vcf.png) top left no-repeat;
width:30px;
height:24px;
display:block;
float:left;
text-indent:-7777px;
}
a.rss{
background: transparent url(images/rss.png) top left no-repeat;
width:18px;
height:18px;
text-indent:-7777px;
float:left;
display:inline;
margin-top:15px;
}
#newsletter{
background-color:#272727;
border:medium none;
color:#919191;
font-family:"Lucida Grande",sans-serif;
padding:0.2em 10px;
width:120px;
}
.btn_sbmt:hover {
color:#FFFFFF;
}
.btn_sbmt {
}
.btn {
background-color:transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
}
.btn span {
padding:0pt 0.5em;
}
.gall {
margin-top:0px;
}
.gall li {
float:left;
height:130px;
overflow:hidden;
padding-left:0pt;
position:relative;
width:173px;
margin:0px 7px 14px 8px;
_margin:0px 7px 14px 7px;
}
.gall a, .gall .thumb, .gall .thumb img, .gall .thumb .shadow {
display:block;
height:131px;
left:0pt;
position:absolute;
top:0pt;
width:175px;
}
.btn-menu a {
height:50px;
position:absolute;
top:0px;
}
.gall .thumb .shadow {
background-color:#000000;
opacity:0.25;
}
.gall .link-wrp {
background-color:#000000;
bottom:0pt;
display:block;
font-size:0.75em;
height:25px;
left:0pt;
line-height:25px;
opacity:0.7;
position:absolute;
text-transform:uppercase;
width:100%;
}
.gall .link-text {
display:block;
height:25px;
left:5px;
position:absolute;
top:0pt;
}

.gall .link-text strong{
font-weight: bold;
}


.gall .stick_new {
color:#CEFF00;
display:block;
height:25px;
position:absolute;
right:5px;
top:0pt;
}
#email{
background-color:#272727;
border:medium none;
color:#919191;
font-family:"Lucida Grande",sans-serif;
padding:0.2em 10px;
width:120px;
}
p.legaltext {
font-size:9pt;
width:500px;
margin:0px auto;
margin-top:100px;
display:block;
opacity:1;
padding:30px;
border:1px solid #141414;
background-color:#141414;
z-index:9999;
}
#focus{
background:#141414 none repeat scroll 0%;
border-bottom:1px solid #0A0A0A;
border-top:1px solid #282828;
font-size:9pt;
height:770px;
padding-top:12px;
}
p.focus-title {
background:#141414 url(images/focus.png) no-repeat center;
text-indent:-7777px;
width:100%;
height:35px;
margin-bottom:12px;
}
.gall-focused {
margin-top:0px;
padding-left:9px;
}
.gall-focused li {
float:left;
height:222px;
overflow:hidden;
padding-left:0pt;
position:relative;
width:296px;
margin:0px 7px 14px 8px;
_margin:0px 7px 14px 7px;
}
.gall-focused a, .gall-focused .thumb, .gall-focused .thumb img, .gall-focused .thumb .shadow {
display:block;
height:222px;
left:0pt;
position:absolute;
top:0pt;
width:296px;
}
.gall-focused .thumb .shadow {
background-color:#000000;
opacity:0.25;
}
.gall-focused .link-wrp {
background-color:#000000;
bottom:0pt;
display:block;
font-size:0.75em;
height:45px;
left:0pt;
line-height:10px;
opacity:0.85;
position:absolute;
width:100%;
}
.gall-focused .link-text {
display:block;
height:38px;
left:5px;
position:absolute;
top:0pt;
width:230px;
padding-top:7px;
font-size:10px;
}
.gall-focused .stick_new {
color:#CEFF00;
display:block;
height:34px;
position:absolute;
right:5px;
top:0pt;
padding-top:9px;
}
fieldset{border:0px none;}
#mce-EMAIL{border:0px none;background-color:#272727;color:#919191;padding:0.2em 10px;}
#mc-embedded-subscribe-form label{}
#mc-embedded-subscribe-form{float:left;}


.focus-descrip{
color: #888;
}

/* pages edito */

#titre{
width: 100%;
border-top:1px solid #282828;
position: relative;
text-align: center;
padding: 10px;
}


#edito{
height:auto;
padding:20px 40px 40px 40px;
border-bottom:1px solid #0A0A0A;
}

#edito p{
font-size: 12px;
line-height: 20px;
text-align: justify;
margin-bottom: 20px;
}


#edito p a,#edito p a:hover{
text-decoration: none;
}


#edito h3{
margin: 30px 20px;
border-bottom:2px #383838 solid;
padding-bottom: 5px;
width:auto;
}

#edito h4{
margin: 15px 20px;
}