@charset "utf-8";
/* CSS Document */
body,input,textarea,select,td,th,h1,h2,h3 {  color:#fff; font: 1em 'Trebuchet MS', Verdana, Arial, sans-serif;
  }
A {color:#FFF; font-size:12px; text-decoration:none; font-variant:small-caps; font-weight:bold;}
A:hover {color:#CC0000}
p {color:#FFF; }
body {background-image:url(images/fond_quadri.gif); margin:auto; padding:0;}
img{text-decoration:none; border:none;}
ul { list-style-type:none;}

h2{font:Tahoma, Geneva, sans-serif; font-size:16px; color:#FFF; font-weight:normal;}
h6{font:Tahoma, Geneva, sans-serif; font-size:20px; color:#6e6e6e; font-weight:normal;}
span{font:Tahoma, Geneva, sans-serif; font-size:13px; color:#6e6e6e; font-weight:bold;}
.spanh2{font:Tahoma, Geneva, sans-serif; font-size:16px; color:#FFF; font-weight:bold;}
.logo {  margin-top:18px; }
.miniature{ border:#ffffff 1px solid;  opacity:0.5; filter:alpha(opacity=50); }
.miniature:hover {opacity:1.0; filter:alpha(opacity=100);}
.aligntop{ vertical-align:top}
.spanh6{font:Tahoma, Geneva, sans-serif; font-size:16px; color:#6e6e6e; font-weight:normal;}
.contacttexte{color:#000;}
.contactmessage{color:#000; width:230px; height:90px;}

#fadage{margin-left:-40px; margin-top:-1px;}
#top,#centre,#bas { width:902px; margin-left:auto; margin-right:auto; }

div#principale{margin-left:auto; margin-right:auto; background:url(images/side_slice.gif);}

div#top{height:174px; }
div#top div#top_gauche{width:532px; height:144px; padding:15px;  float:left;}
div#top div#top_droit{ width:307px; height:144px; padding:15px; float:left;}
div#top div#top_gauche div#menu{width:400px; height:20px; text-align:left; vertical-align:bottom; margin-top:135px; float:left;}

#centre_ext{width:100%; height:450px; background-color:#6e6e6e; border-top:#ffffff 1px solid; border-bottom:#ffffff 1px solid }

#centre{height:452px;}
				
div#centre div#gauche{width:532px; height:420px; padding:15px; background:#000; float:left; border-left:#5a5a5a 1px solid;}
div#centre div#gauche_noima{width:532px; height:420px; padding:15px; background:url(images/back_centre_black.gif); float:left; border-left:#5a5a5a 1px solid;}

div#centre div#droite{width:337px; height:450px; float:left;  border-right:#5a5a5a 1px solid; overflow:hidden;}
div#contact{ width:902px; color:#999; font-size:9pt; text-align:left; margin-left:auto; margin-right:auto; margin-top:2px;}
div#centre div#gauche div#competence_G{ width:205px; float:left;}
div#centre div#gauche div#competence_D{ width:205px; float:left; margin-left:30px;}
div#centre div#gauche div#contactmessage_G{ width:205px; float:left;}
div#centre div#gauche div#contactmessage_D{ width:250px; float:left; margin-left:30px;}
div#centre div#gauche div#boite_texte{ width:530px; height:420px; float:left; }
.w3c{ float:right; 	text-decoration:none; border:none;}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase { background:url("images/menu_bare.png") center 0 no-repeat; width:12px; left: -5 !important;} /* pou mettre a gauche*/
.vscrollerbar { background-image: url("images/bouton_scroll.png"); width: 12px; height: 11px !important; padding: 0px; z-index: 2;}
.scrollerjogbox { width: 14px; height: 14px; top: auto; left: auto; bottom: 0px; right: 0px; }