div#tipDiv {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10000;
}
* {
    margin: 0;
    padding: 0;
}
body, html {
    color: #8D8C8E;
    font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
    font-size: 13px;
}
body {
    background-color: #FFFFFF;
    background-image: url("../im_gen/fond2.jpg");
    background-position: center center;
    background-repeat: repeat-y;
    left: 50%;
    margin: 0 auto;
    text-align: center;
}
img {
    border: medium none;
}
table, tr, td {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
}
h1 {
    font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 8px;
}
h2 {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.clearall {
    clear: both;
    height: 1px;
    overflow: hidden;
}
.clearall br {
    height: 1px;
}
a {
    color: #333333;
    text-decoration: none;
}
a:visited {
	color: #333333;
}
a:hover {
    color: #636163;
    text-decoration: underline;
}
a.c2, a.c2:active, a.c2:visited, a.c2:active {
    color: #F73614;
    text-decoration: none;
}
a.c2:hover {
    color: #F73614;
    text-decoration: underline;
}
p {
    margin-bottom: 8px;
    padding-right: 10px;
}
.imgleft {
    float: left;
    margin: 0 10px 10px 0;
}
.imgright {
    float: right;
    margin: 0 0 10px 10px;
}
#headerbg {
    background-color: #000000;
    background-image: url("../im_gen/bandeau-fond.jpg");
    background-position: -500px center;
    background-repeat: repeat-x;
    height: 113px;
}
#header {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
#page {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
h1.mainheader,
h2.mainheader {
    font-family: verdana;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 8px;
    padding-left: 74px;
	padding-bottom: 20px;
	text-align: center;
}
#bloclogo1 {
	position: absolute;
    margin-left: 3px;
    margin-top: 33px;
    width: 252px;
}
#menu {
    float: right;
    line-height: 16px;
    margin-top: 90px;
    text-align: right;
    /*width: 735px;*/
}
#menu a {
    color: #FFFFFF;
	padding-bottom: 8px;
}
#menu li,
#menu p {
    border-right: 1px solid #FFFFFF;
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
}
#menu li {
	display: block;
	float: left;
}
#menu .acc {
    color: #DDDDDD;
}
#menu .end {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}
#menu ul {
	background: #ddd;
	position: absolute;
	display: none;
	margin-top: 7px;
	padding: 5px 10px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#menu li:hover ul {
	display: block;
	z-index:100;
}
#menu li ul li {
	float: none;
	text-align: left;
	padding-bottom: 5px;
	color: #000;
	border-right: medium none;
}
#menu li ul li a {
	color: #000;
}

#menu_under {
    clear: right;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-align: right;
    width: 635px;
}
#menu_under a {
    color: #FFFFFF;
}
#menuextranet {
    border-bottom: 1px dashed #DEDEDE;
    margin-bottom: 16px;
    padding-bottom: 10px;
    width: 100%;
}
#menuextranet ul {
    font-size: 9px;
    margin-left: 9px;
}
#menuextranet ul.bord {
	float: left;
	margin-right: 25px;
	padding-right: 25px;
    border-right: 1px solid #CCCCCC;
}
#menuextranet ul li.sub {
    background-image: url("../im_gen/fleche-rouge.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-top: 2px;
}
#menuextranet ul li.act a {
    color: #CC3333;
    font-style: italic;
}
#menuextranet ul ul.bord {
	float: none;
	border: none;
}
#menuextranet h3 {
    color: #BBBBBB;
    font-size: 12px;
    padding-bottom: 6px;
}
#blocbaseline1 {
    float: left;
    width: 355px;
}
#blocbaseline2 {
    margin-bottom: 20px;
    margin-top: 3px;
    text-align: right;
    width: 990px;
}
#blocbaseline2 h1,
#blocbaseline2 h2,
#blocbaseline2 u {
    color: #605E5F;
    font-family: "Courier New",Courier,monospace;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration:none;
}
#footerbg {
    background-color: #000000;
    background-image: url("../im_gen/bandeau-fond.jpg");
    background-position: center center;
    clear: both;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    height: 100px;
    margin-top: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}
#footer {
    margin: 0 auto;
    width: 1000px;
}
.splash {
    margin-left: 72px;
    padding-bottom: 20px;
    width: 928px;
}
.blocmaintot {
    padding-left: 72px;
    width: 918px;
}
.blocmaintot h4 {
    color: #656565;
    font-size: 13px;
    padding-bottom: 4px;
}
.bloctitre {
    clear: both;
    padding-left: 72px;
    width: 936px;
}
.bloctitre h2,
.bloctitre3col h2,
.bloctitre1col h2 {
    font-family: Arial,Verdana,"Trebuchet MS",sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 8px;
}
.bloctitre3col {
    width: 702px;
}
.bloctitre1col {
    width: 198px;
}
.bloctitreUL {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.bloccolgauche {
    float: left;
    padding-right: 24px;
    width: 68px;
}
.blocmain3col {
    float: left;
    padding-right: 18px;
    width: 702px;
}
.blocmain1col {
    float: left;
    margin: 0;
    padding: 0;
    width: 198px;
}
.bloc-clients {
    margin-bottom: 15px;
}
.bloc-clients.fondanneecourant {
    background-image: url("../im_gen/fond_annees-cour.gif");
    background-repeat: no-repeat;
}
.bloc-clients.fondanneeprec {
    background-image: url("../im_gen/fond_annees-prec.gif");
    background-repeat: no-repeat;
}
.bloc-clients .annee {
    float: left;
    width: 92px;
}
.bloc-clients h3 {
    font-size: 14px;
}
.bloc-clients h3, .bloc-clients h4 {
    color: #333333;
    padding-bottom: 5px;
    padding-right: 10px;
}
.bloc-clients h4 a {
    color: #656565;
}
.bloc-clients h5 {
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 15px;
    padding-right: 10px;
}
.bloc-clients p {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 10px;
}
.bloc-clients .spacer {
    float: left;
    margin-bottom: 15px;
    width: 92px;
}
.projects-wrapper {
    float: left;
    width: 836px;
}
.bloc-clients .bloc-client2col {
    float: left;
    margin-bottom: 15px;
    width: 418px;
}
.bloc-clients .bloc-client3col {
    float: left;
    margin-bottom: 15px;
    width: 278px;
}
.bloc-clients .bloc-client4col {
    float: left;
    margin-bottom: 15px;
    width: 209px;
}
.bloc-clients .bloc-client4col h4 {
    color: #777777;
    font-size: 12px;
}
.bloc-clients .bloc-client4col p {
    font-size: 12px;
    line-height: 16px;
}
.bloc-clients .bloc-client4col.simple {
    float: left;
    margin-bottom: 10px;
    width: 209px;
}
.main-wrapper {
    float: left;
    width: 610px;
}
.pagelink, .sitelink {
    font-size: 11px;
    padding-top: 4px;
    text-align: right;
}
.pagelink a .sitelink a {
    color: #B21A0F;
    font-style: italic;
}
#rollovertxt {
    color: #666666;
    font-size: 12px;
    text-align: left;
    width: 200px;
}
#rollovertxtERRORtxt {
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
#rollovertxtERRORtxt-b {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
#rollovertxtERRORflash {
    color: #999999;
    font-size: 12px;
    text-align: left;
}
div.pagelink a, div.sitelink a {
    color: #B21A0F;
    float: right;
    font-size: 11px;
    font-style: italic;
    margin-right: 20px;
}
a.suite, a.suite:link, a.suite:active, a.suite:visited {
    color: #B21A0F;
}
.capt {
    font-size: 10px;
    font-style: italic;
    line-height: 12px;
}
.capt p {
    padding-top: 5px;
}
.references {
    font-size: 11px;
    line-height: 15px;
    padding-right: 5px;
}
.INtxt {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    padding-bottom: 15px;
}
.INtxt p, .INtxt ul {
    list-style: disc outside none;
    margin-left: 18px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.INtxt ul li {
    padding-bottom: 8px;
}
.info-prat {
    color: #BAB8BA;
    padding-bottom: 7px;
}
.info-prat p {
    padding-bottom: 8px;
}
.info-prat h1 {
    color: #79787A;
    font-size: 12px;
    font-weight: bold;
}
.tpe {
    line-height: 18px;
    padding-bottom: 7px;
}
.tpe h3 {
    color: #D2514B;
    font-size: 13px;
    padding-bottom: 6px;
    padding-right: 10px;
}
.tpe ul {
    padding-bottom: 8px;
}
.tpe ul li {
    background-image: url("../im_gen/fleche-rouge.gif");
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
}
.savoir-faire {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 7px;
}
.savoir-faire .txt {
    padding-bottom: 15px;
}
.savoir-faire ul li {
    background-image: url("../im_gen/fleche-rouge.gif");
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-top: 2px;
}
.savoir-faire ol {
    list-style: none outside none;
    margin-bottom: 10px;
    margin-left: 20px;
}
.savoir-faire b {
    font-size: 12px;
}
.savoir-faire ol li {
    background-image: url("../im_gen/fleche-gris.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
}
.savoir-faire h2 {
    background-image: none;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.savoir-faire h3 {
    color: #D2514B;
    font-size: 13px;
    padding-bottom: 6px;
    padding-top: 8px;
}
.savoir-faire h1 {
    color: #79787A;
    font-size: 13px;
    font-weight: bold;
}
.savoir-faire .txt ul {
    padding-bottom: 14px;
}
.savoir-faire .imgsmain, .savoir-faire .imgscas {
    padding-bottom: 5px;
    padding-top: 5px;
}
.drawers-wrapper {
    width: 936px;
}
.wrapall-main {
}
.wrapall-right {
    float: left;
    width: 198px;
}
.drawers-wrapper3col {
    width: 702px;
}
.drawers-wrapper1col {
    width: 198px;
}
.drawers-wrapper1col h2 {
    color: #333333;
    font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.drawers-wrapper1col h4 {
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 2px;
}
.drawers-wrapper1col h5 {
    background-color: #E9E8E9;
    color: #555555;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 3px;
}
.drawers-wrapper1col em {
    font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 11px;
}
.drawer, .drawerIN {
}
.drawers, .drawersClosed, .drawersIN {
    margin-bottom: 5px;
}
.drawers A, .drawersClosed A {
}
.drawer li, .drawerIN li {
    padding: 0 0;
}
.drawer .txt {
    padding-right: 15px;
}
.drawer b, .drawer strong {
    color: #656565;
}
.drawer table {
    padding-bottom: 5px;
}
UL {
    list-style: none outside none;
    padding: 0;
}
UL.drawers, UL.drawersClosed, UL.drawersIN {
    margin: 0;
}
h2.drawer-handle {
    background-image: url("../im_gen/bar_norm.gif");
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10pt;
	padding: 0;
    width: 100%;
}
h2.drawer-handle.open {
    background-image: url("../im_gen/bar_norm_f2.gif");
    background-repeat: no-repeat;
    color: #FFFFFF;
}
.drawer-handleIN, .drawer-handleINclosed {
    cursor: pointer;
    width: 100%;
}
.drawer-handleINclosed img {
    margin-bottom: 5px;
}
.drawer-handleIN.open {
}
.drawer-main {
    background-position: 92px 0;
}
.drawer UL, .drawerIN UL {
    padding: 0 0;
}
.drawer-content UL {
    padding-top: 0;
}
.drawer-content LI A {
    display: block;
    overflow: hidden;
}
.main-wrapper .csc-default {
    /*padding-bottom: 20px;*/
}
div.indent {
    padding-left: 20px;
}
.csc-textpic-caption {
    color: #D2514B;
    font-size: 11px;
    font-weight: bold;
    padding-right: 15px;
}
.tx-kiddogwztooltip-pi1 span, .user-wiprojects-pi1 span {
    display: none;
}
.tx-powermail-pi1 {
}
.powermail_all {
    font-size: 12px;
}
table.powermail_all_table {
    width: 100%;
}
td.powermail_all_td {
    border-bottom: 1px solid #CCCCCC;
    padding: 8px 100px 8px 0;
}
form.tx_powermail_pi1_formconfirmation_back, form.tx_powermail_pi1_formconfirmation_submit {
    float: left;
    margin: 20px 20px 20px 0;
}
.tx-powermail-pi1_thx table.contenttable {
    margin: 10px 0;
    width: 100%;
}
fieldset.tx-powermail-pi1_fieldset {
    background-color: #FFFFFF;
    border: medium none;
    padding: 0;
}
fieldset.tx-powermail-pi1_fieldset div.even {
    background-color: #FFFFFF;
}
fieldset.tx-powermail-pi1_fieldset legend {
    color: black;
    font-weight: bold;
    padding-bottom: 12px;
}
.bodytext, .csc-textpic-text {
    line-height: 18px;
}
.powermail_check_inner {
    line-height: 12px;
    padding: 5px 0;
}
.tx-powermail-pi1_fieldset label {
    padding-right: 10px;
    text-align: right;
}
.tx-felogin-pi1 {
    margin-bottom: 10px;
}
.tx-felogin-pi1 form {
    border-color: #CCCCCC -moz-use-text-color;
    border-left: medium none;
    border-right: medium none;
    border-style: dotted none;
    border-width: 1px medium;
    margin: 10px 0;
    padding: 5px 0;
}
.tx-felogin-pi1 fieldset {
    border: medium none;
}
.tx-felogin-pi1 form legend {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}
.tx-felogin-pi1 fieldset div {
    margin: 5px 0;
}
.tx-srfeuserregister-pi1 select {
    width: 320px !important;
}
.tx-srfeuserregister-pi1 {
    background-color: #EEEEEE;
    padding: 2px 5px 7px;
}
.tx-srfeuserregister-pi1 h4 {
    padding-left: 0;
}
input.tx-srfeuserregister-pi1-text, .tx-srfeuserregister-pi1 textarea {
    width: 320px !important;
}
.tx-srfeuserregister-pi1 dd label {
    padding: 0 1em 0 4px !important;
}
.tx-srfeuserregister-pi1 dd, .drawer legend b {
}
.tx-odsajaxmailsubscription-pi1 p {
    padding-bottom: 10px;
}
.tx-odsajaxmailsubscription-pi1 a {
    display: block;
    font-weight: bold;
    padding-bottom: 10px;
    text-decoration: underline;
}
.tx-odsajaxmailsubscription-pi1 td {
    padding-bottom: 10px;
    padding-right: 10px;
}
.tx-mmforum-textbutton {
    background-color: #EEEEEE;
    border: medium none;
}

/* code formatting plugin */
.main-wrapper h2,
.main-wrapper .csc-header h2 {
	/*padding: 6px 0 4px;*/
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: normal;
	color: #b90000;
}
.main-wrapper .tx-semasourcecode-pi1 ul,
.main-wrapper .tx-semasourcecode-pi1 ol {
	margin-left: 50px;
	color: #ccc;
}
.main-wrapper .tx-semasourcecode-pi1 li {
	background-image: none;
	padding: 1px 0;
	font-size: 12px;
}
.main-wrapper .tx-semasourcecode-pi1 li div {
	color: #222;
}