* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; background: #fff url(../images/bg_body.gif) repeat-x; text-align: center; }
div, td { font: normal 11px Arial, Helvetica, sans-serif; color: #2e3036; }
table  { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
input, select { vertical-align: middle; }
a { text-decoration: none; color: #2e3036; }
img { border: none; }
h1{font-size:20px;}
h2{font-size:18px;}
#wrapper { position: relative; width: 990px; margin: 0 auto; padding-bottom: 20px; }
#header { width: 980px; height: 250px; overflow: hidden; }
#topmenu { position: absolute; text-align: right; top: 32px; right: 10px; }
#topmenu a { display: block; float: right; text-align: left; padding-left: 18px; margin-left: 45px; }
#topmenu a:hover { color: #808080; }
#content a{color: #e03614}
#content a:hover { color: #9c40e4; }
#topmenu #home { background: url(../images/picto_home.gif) 0 1px no-repeat; }
#topmenu #customer { background: url(../images/picto_customer.gif) 0 1px no-repeat; }
#topmenu #waw { background: url(../images/picto_waw.gif) 0 1px no-repeat; }
#topmenu #contact { background: url(../images/picto_contact.gif) no-repeat; }
.clear1 { clear: both; }
.clear2 { clear: left; }
.clear3 { clear: right; }
#left1 { width: 760px;background: url(../images/bg_right.gif) repeat-y; padding-top: 80px; text-align: center; float: left; }
#left2 { width: 760px; background: url(../images/lower.gif) bottom no-repeat; text-align: center; padding-bottom: 14px; }
#content {min-height:750px; width: 730px; text-align: left; margin: 0 auto; padding-bottom: 60px;}
#content p{font-size: 12px;line-height: 18px; text-align: justify; }
.label1 { width: 355px; float: left; text-align: center; margin-bottom: 50px; }
.label2 { width: 355px; float: right; text-align: center; margin-bottom: 50px; }
.description { width: 280px; padding: 5px 0 0px 0; text-align: left; line-height: 16px; margin: 0 auto; }
.label-link { width: 335px; height: 30px; overflow: hidden; background: url(../images/bg_link.gif) no-repeat; text-align: left; line-height: 30px; color: #d7d4d4; padding-left: 30px; }
.label-link a:hover { color: #fff; }
#main-title1 { background: url(../images/bg_ttl1.gif) no-repeat; }
#main-title2 { background: url(../images/bg_ttl2.gif) no-repeat; }
#main-title3 { background: url(../images/bg_ttl3.gif) no-repeat; }
#main-title4 { background: url(../images/bg_ttl4.gif) no-repeat; }
#main-title5 { background: url(../images/bg_ttl5.gif) no-repeat; }
#main-title6 { background: url(../images/bg_ttl6.gif) no-repeat; }
#main-title-num1 { background: url(../images/bg_ttl_num1.gif) no-repeat; }
#main-title-num2 { background: url(../images/bg_ttl_num2.gif) no-repeat; }
#main-title-num3 { background: url(../images/bg_ttl_num3.gif) no-repeat; }
#main-title-num4 { background: url(../images/bg_ttl_num4.gif) no-repeat; }
#main-title-num5 { background: url(../images/bg_ttl_num5.gif) no-repeat; }
#main-title-num6 { background: url(../images/bg_ttl_num6.gif) no-repeat; }
#main-title-num7 { background: url(../images/bg_ttl_num7.gif) no-repeat; }
#main-title-num8 { background: url(../images/bg_ttl_num8.gif) no-repeat; }
.img-realisations { width: 310px; height: 166px; padding: 10px 0 0 0; margin: 0 auto; }
.main-title { display: block; padding-left: 60px; text-align: left; line-height: 58px; font-size: 15px; color: #404247; margin:0; }
#right { width: 220px; float: right; }
.label-right { margin-bottom: 15px; }
#actus1 { width: 220px; background: url(../images/bg_actus1.gif) repeat-y; margin-bottom:15px; }
#actus2 { width: 220px; background: url(../images/bg_actus2.gif) bottom no-repeat; padding-bottom: 15px; text-align: center; }
#recherche1 {  width: 220px; background: url(../images/bg_actus1.gif) repeat-y; margin-bottom:15px; }
#recherche2 { width: 220px; background: url(../images/bg_actus2.gif) bottom no-repeat; padding-bottom: 15px; text-align: center; }
#recherche2 p{margin:5px;text-align: left;left:5px;position:relative;}
#recherche2 span{text-decoration:underline;}
.paragraph1 { width: 190px; margin: 0 auto; text-align: left; padding-top: 5px; }
.text { font-size: 10px; font-weight: bold; line-height: 14px;text-align: justify; }
.next { margin: 10px 0 15px 0; text-align: right; }
.next a { background: url(../images/arrow1.gif) 0 2px no-repeat; padding-left: 20px; line-height: 11px; color: #878686; }
.next a:hover { color: #44464b; }
.list { margin: 0; padding: 0; list-style-type: none; }
.list li { line-height: 18px; height: 18px; }
.list a { line-height: 18px; text-decoration: underline; color: #2d7688; display: block; background: url(../images/arrow2.gif) 0 5px no-repeat; padding-left: 15px; }
.list a:hover { text-decoration: none; } 
#labo1 { width: 220px; background: url(../images/bg_labo1.gif) repeat-y; margin-bottom: 15px; }
#labo2 { width: 220px; background: url(../images/bg_labo2.gif) bottom no-repeat; padding-bottom: 15px; text-align: center; }
.paragraph2 { width: 190px; margin: 0 auto; text-align: left; line-height: 18px; padding-top: 5px; }
a.paragraph-link { color: #ff6f00; line-height: 18px; }
a.paragraph-link:hover { color: #2db9db; }
#menu { position: absolute; width: 760px; height: 68px; overflow: hidden; background: url(../images/bg_menu.gif) no-repeat; top: 237px; left: 0; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { float: left; height: 68px; overflow: hidden; }
#menu a#menu1 { width: 130px; height: 68px; overflow: hidden; background: url(../images/menu1.gif) no-repeat; display: block; }
#menu a#menu1:hover { width: 130px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }
#menu a#menu2 { width: 125px; height: 68px; overflow: hidden; background: url(../images/menu2.gif) no-repeat; display: block; }
#menu a#menu2:hover { width: 125px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }
#menu a#menu3 { width: 125px; height: 68px; overflow: hidden; background: url(../images/menu3.gif) no-repeat; display: block; }
#menu a#menu3:hover { width: 125px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }
#menu a#menu4 { width: 125px; height: 68px; overflow: hidden; background: url(../images/menu4.gif) no-repeat; display: block; }
#menu a#menu4:hover { width: 125px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }
#menu a#menu5 { width: 125px; height: 68px; overflow: hidden; background: url(../images/menu5.gif) no-repeat; display: block; }
#menu a#menu5:hover { width: 125px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }
#menu a#menu6 { width: 130px; height: 68px; overflow: hidden; background: url(../images/menu6.gif) no-repeat; display: block; }
#menu a#menu6:hover { width: 130px; height: 68px; overflow: hidden; background-position: 0 -68px; display: block; }

#references{background:url(../images/label_ref.gif) no-repeat; width:220px; height:230px; padding-top:44px;}
.titre{margin-bottom:40px; padding:5px 0 0 5px; background:url(../ressources/titles_rub/titre.gif) no-repeat; height:32px; font-variant:small-caps; font-weight:bold; }
.titre_rub{margin-bottom:20px; padding:18px 0 0 65px; height:58px;color:#48484a; font-family:century gothic; font-size:15px;}

.txtcache span{display: none;}

.titre_cms{ background: url(../ressources/titles_rub/bg_cms2.gif) no-repeat; }
.titre_creation{ background: url(../ressources/titles_rub/bg_creation2.gif) no-repeat; }
.titre_dev{ background: url(../ressources/titles_rub/bg_dev2.gif) no-repeat; }
.titre_ref{ background: url(../ressources/titles_rub/bg_ref2.gif) no-repeat; }
.titre_video{ background: url(../ressources/titles_rub/bg_video2.gif) no-repeat; }
.titre_webdesign{ background: url(../ressources/titles_rub/bg_webdesign2.gif) no-repeat; }

.contenu_rubrique {margin:20px; padding:20px; border:1px solid #3c3c3c;}
.contenu_rubrique p {margin:20px; padding-left:20px; border-left:2px solid #333; text-align:justify; font-size:12px; line-height:18px;}
.contenu_rubrique p:first-letter{font-size:28px; }
.contenu_rubrique h2{font-weight:normal; }

#fabien{
display: block;
background: url(../images/label_blog.gif) no-repeat;
width: 220px;
height: 260px;
padding-top:4px;
margin-bottom: 10px;
}


.tab td{
border: 1px solid #999;
padding: 10px;
text-align: left;
}

.footerref{display: none;}

#footer{
width: 987px;
min-height: 200px;
_height: 200px;
margin:0 auto;
padding-top: 1px;
padding-bottom: 5px;
background: url(../images/skin/bg_footer.gif) no-repeat;
text-align: left;
}

#footer table{margin: 20px 0 0 0px;}
#footer .grand{width: 200px;}
#footer .slim{width: 160px;}
#footer td{text-align: left;vertical-align: top; padding:0 20px;overflow: hidden;}
#footer td h2{font-size: 14px;margin-bottom: 10px;}
#footer td a{display: block; height: 15px;lin-height: 15px; background:url(../images/skin/bg_footer_a.gif) no-repeat bottom center;  }
#footer td a, #footer td span {font-size: 10px;}
#footer td a:hover{color: #e03614;background: #ddd;}

.box_form{background: #292c33 url(../images/accueil/bottom_form.gif) no-repeat center bottom;}