@charset "UTF-8";
*, html {margin: 0px;padding: 0px;}
body {height: 100%;font: 12px Arial, Helvetica, sans-serif;color: #333333;}
h1 {font-size: 14px;color: #666666;font-weight: normal;}
h2 {font-size: 15px;font-weight: normal;color: #003366;}
h3 {font-size: 18px;font-weight: normal;color: #003366;margin-bottom: 30px;}
h4 {font-size: 18px;font-weight: normal;color: #666666;margin-bottom: 10px;}
p {margin-bottom: 10px;line-height: 1.5em;}
hr {color: #FFFFFF;background: #FFFFFF;border-top: 1px dotted #666666;height: 20px;width: 550px;border-right-style: none;border-bottom-style: none;border-left-style: none;}
a {text-decoration: none;color: #333333;}
img {display: block;}
ul {list-style: disc inside;}
#page {min-height: 729px;width: 965px;margin: 0 auto;position: relative;}
#header {height: 163px;}
#header .logo {display: block;float: left;padding-top: 17px;padding-left: 23px;}
#menu {height: 30px;clear: both;margin-left: 5px;}
#menu .blog {float: right;margin-right: 10px;}
#content {padding-bottom: 90px;overflow: auto;margin-right: 10px;margin-left: 5px;clear: both;}
#titre {height: 42px;}
#sidebar {float: left;width: 350px;}
#sidebar #realisations{width:320px;margin-top: 40px;margin-right: auto;margin-left: auto;background: url(../images/bg/sb_table.gif) repeat-y;}
#main {float: right; width: 574px; z-index: 0; position: relative;}
#main #realisations{width:561px;margin-top: 40px;background: url(../images/bg/main_table.gif) repeat-y;}
#main p.client {margin-top: 20px;line-height: 27px;background: url(../images/titres/real_client.gif) no-repeat;padding-left: 185px;border-bottom: 1px solid #88989E;}
#main p a{border-bottom: 1px dotted #333333;}
#main .realisation {border: 1px solid #88989E;padding: 10px;line-height: 1.5em;margin-bottom: 10px;overflow: auto;}
#main .realisation a{border-bottom: 1px dotted #333333;}
#main .technologies {position: absolute; right: 10px; bottom: 0px;}
#realisations a {color: #003366;}
#realisations table {border-collapse:collapse;width: 95%;margin-right: auto;margin-left: auto;}
#realisations td {color: #003366;padding: 5px;border-bottom: 1px solid #88989E;}
#realisations td img {float: right;}
#realisations td.icones {text-align: right;}
#realisations td.titre {font-size: 15px;}
#pub {position: absolute;left: 20px;bottom: 100px;display: block;}
#footer {background: url(../images/bg/footer.png) no-repeat;height: 43px;width: 965px;position: absolute;bottom: 0px;}
#footer #links {position: absolute;height: 40px;width: 300px;left: 15px;bottom: 0px;line-height: 40px;font-size: 14px;}
#footer #links a {font-size: 14px;}
#footer #newsletter {position: absolute;height: 37px;left: 390px;bottom: 0px;}
#footer #mentions {position: absolute;height: 35px;right: 0px;bottom: 0px;font-size: 10px;line-height: 14px;}
#footer #newsletter input {display: block;float: left;margin: 0px 5px 0px 0px;padding: 0px;}
#footer #mentions a {font-size: 10px;}
#sidebar .realisation {margin-top: 50px;margin-left: auto;margin-right: auto;}
#tagsCloud {margin-top: 50px;width:320px;margin-right: auto;margin-left: auto;}
#tagsCloud p {background: url(../images/bg/tag_cloud.jpg) repeat-y;margin: 0px;padding-right: 15px;padding-left: 10px;text-align: center;}
#tagsCloud .n1{color: #B4E7FF;font: normal 12px Arial, Helvetica, sans-serif;}
#tagsCloud .n2{font-size: 14px;color: #B4E7FF;}
#tagsCloud .n3{font-size: 16px;color: #99FF99;}
#tagsCloud .n4{font-size: 18px;color: #FFFFFF;}
#tagsCloud .n5{font-size: 27px;color: #99FF00;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0 0 0 50px;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left;list-style: none;width: 123px;height: 120px;}
.jcarousel-next {z-index: 3;}
.jcarousel-prev {z-index: 3;}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 950px;padding: 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  861px;height: 120px;}
.jcarousel-skin-tango .jcarousel-item {width: 123px;height: 120px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 43px;right: 0px;width: 33px;height: 33px;cursor: pointer;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 10px;width: 33px;height: 33px;cursor: pointer;}
.jquerycssmenu{}
.jquerycssmenu ul{margin: 0;padding: 0;list-style-type: none;}
.jquerycssmenu ul li{position: relative;display: inline;float: left;z-index: 100;}
.jquerycssmenu ul li a{display: block;background: #89979E url(../images/bg/menu_of.gif) no-repeat right top; color: #333333;padding: 0 18px;font-size: 15px;text-decoration: none;}
* html .jquerycssmenu ul li a{display: inline-block;}
.jquerycssmenu ul li a:link, .jquerycssmenu ul li a:visited{color: #333333;}
.jquerycssmenu ul li a:hover{background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right top;color: #333333;}
.jquerycssmenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;border-top: 1px solid #FFFFFF;}
.jquerycssmenu ul li ul li{display: list-item;float: none;}
.jquerycssmenu ul li ul li a{background: #89979E;font-size: 13px;padding: 3px 5px;border-bottom: 1px solid #FFFFFF;}
.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right center;color: #333333;}
.jquerycssmenu ul li a.level1{height:30px;line-height:30px;}
.youare{width: 220px;}
.real{width: 120px;}
.htmltooltip p {margin: 0px; padding: 0px; text-align: right; padding-right: 10px; padding-left: 15px;}
.htmltooltip p.stitre {color: #FF6633; margin-bottom: 3px;}
.htmltooltip p.famille {padding-top: 3px; margin-bottom: 5px; font-size: 10px;}
.htmltooltip img {display: inline; padding-right: 3px;}
.htmltooltip p.visite {border-top: 1px dotted #DDD; margin-left: 20px; font-size: 10px;}
#jHelperTipAttrContainer{ }
#jHelperTipContainer {display:none;background: url(../images/bg/tootip.png) no-repeat;height: 90px;width: 127px;margin: 0;color: #003366;font: bold 9px Arial, Helvetica, sans-serif;}
#sb_content {padding-left: 15px; margin-top: 60px;}
#sidebar a.leftcontact {	display: block; line-height: 20px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; color: #009999;}
#sidebar a.leftcontact span.grey {color: #666666; padding: 0 11px 0 8px;}
#sidebar p.small {font-size: 10px; padding-top: 25px;}
#main h2 {font-size: 15px;font-weight: normal;color: #003366;}
#main form .comment {border: 1px dotted #C4C4C4;padding: 10px; margin-bottom: 10px;}
#main form img {display: inline; vertical-align: middle;}
#main form .comment p {float: left;width: 100px;line-height: 18px;}
#main form label {display: block;margin-bottom: 10px;clear: left;}
#main form .saisie, #main form .saisie2 {border: 1px solid #003366;width: 400px;line-height: 18px;height:18px;}
#main form .saisie2 {height: 150px;}
#main .suite {float: right;margin-right: 20px;margin-bottom: 1px;}
#main form #send  {padding: 0; margin: 0; border-bottom: 1px solid #DFDFDF; height: 43px; line-height: 43px ; }
.red {color: #D00;}
#nav {font-size: 10px; text-align: center;}
#nav table {margin: 10px auto;}
.on{background: #C3CBCE url(../images/bg/menu_on.gif) no-repeat right top;color: #333333;}