body, html
{
   margin: 0;
   padding: 7px 7px 0px 7px;
   background-color: #F4F4F4;
   line-height: 125%;
   font-family: tahoma, verdana, arial;
   text-align: left;
   color: #000;
}

a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #FFF; background-color: #000 ; text-decoration: none; }
a:active {color: #000;}

.topic
{
   min-width: 740px;
   height: 114px;
   padding: 0;
   margin: 0;
   background-image: url(../images/classique/topic_bg.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FFF;
   border: 1px #D6D6D6 solid;
}

.logo
{
   width: 510px;
   height: 110px;
   background-image: url(../images/classique/topic_logo.gif);
   background-repeat: no-repeat;
}

.conteneur
{
   border: 1px #D6D6D6 none;
}

.navigation
{
   display: block;
   float: left;
   clear: none;
   width: 150px;
   padding-bottom: 7px;
   padding-left: 4px;
   
   border-left: 1px dashed #BBBBBB;
}

.parametres
{
   display: block;
   float: right;
   clear: none;
   width: 150px;
   padding-bottom: 7px;
   padding-left: 4px;
   padding-right: 4px;
   
   border-left: 1px dashed #BBBBBB;
}

.zone_contenu
{
   width: 100%;
   padding: 0;
   margin: 0;
   border-left: none;
   text-align: justify;
}

.fixbox { display:block; clear:both; }

.titre_navigation { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_navigation.gif); background-repeat: no-repeat; background-position: top; }

.titre_parametres { float: right; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_parametres.gif); background-repeat: no-repeat; background-position: top; }

.titre_accueil { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_accueil.gif); background-repeat: no-repeat; background-position: top; }

.titre_apropos { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_apropos.gif); background-repeat: no-repeat; background-position: top; }

.titre_services { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_services.gif); background-repeat: no-repeat; background-position: top; }

.titre_portfolio { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_portfolio.gif); background-repeat: no-repeat; background-position: top; }

.titre_cv { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_cv.gif); background-repeat: no-repeat; background-position: top; }

.titre_liens { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_liens.gif); background-repeat: no-repeat; background-position: top; }

.titre_contact { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_contact.gif); background-repeat: no-repeat; background-position: top; }

.titre_plansite { float: left; width: 28px; height: 200px; margin-top: 10px; background-image: url(../images/classique/titre_plansite.gif); background-repeat: no-repeat; background-position: top; }

.top
{
   height: 12px;
   text-align: right;
}

.topborder
{
   border: 1px solid #000;
}

.preview
{
   padding: 0px 7px 0px 7px;
}

.pix
{
   border: 1px solid #000;
}

.topic_droite
{
   text-align: right;
   float: right;
   padding: 7px;
   font-size: 8pt;
}

p
{
   text-indent: 0px;
   padding-left: 20px;
   padding-right: 0px;
   line-height: 22px;
}

.paragraphe { text-indent: 20px;  }

.copyright
{
   height: 45px;
   font-size: 7pt;
   text-align: center;
   padding: 5px 0px 8px 0px;
   background-image: url(../images/dc7media.jpg);
   background-repeat: no-repeat;
   background-position: right;
}

h1
{
   font-family: tahoma, verdana, arial;
   
   text-align: left;
   color: #000;
   text-indent: 4px;
   margin: 8px 1px 3px 0px;
   border-bottom: 1px solid #000;
}

h2
{
   font-family: tahoma, verdana, arial;
   
   text-align: right;
   color: #5E6C4F;
   margin: 10px 5px 7px 5px;
   border-bottom: 1px solid #A9ACA3;
}

acronym { color: #000; font-style: italic; }

fieldset { margin-top: 10; padding: 10px; }

.test { color: #000; font-style: italic; }

legend
{
   color: #000;
   font-weight: bold;
}

.label
{
   display: block;
   font-weight: bold;
   text-indent: 5px;
}

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

img { border: 0px; }

.contenu img { float: left; }

input, select
{
   
   color: #000;
   background: #FFF;
   
   margin: 1px 0px 4px 4px;
   border: 1px #000;
   border-top: 3px #000 groove;
   border-left: 3px #000 groove;
   border-bottom: 1px #000 solid;
   border-right: 1px #000 solid;
}

textarea
{
   width: 98%;
   height: 150px;
   color: #000;
   background: #FFF;
   
   margin: 1px 0px 4px 4px;
   border-top: 3px #000 groove;
   border-left: 3px #000 groove;
   border-bottom: 1px #000 solid;
   border-right: 1px #000 solid;
}

ul
{
   list-style-type: none;
   margin: 0px 0px 0px 17px;
   padding-left: 0px;
}

ul li
{
   margin: 0;
   list-style-image: url(../images/liste.gif);
}

ul li ul li
{
   list-style-type: none;
   margin: 0;
}

fieldset ul
{
   list-style-type: none;
   margin: 1px 0px 0px 32px;
   padding-left: 0px;
}

fieldset ul li
{
   margin: 0;
   list-style-type: square;
}

fieldset ul li ul li
{
   list-style-type: none;
   margin: 0;
}

.hidden {display: none;}

.navigation, .parametres, .topic, .fixbox, .copyright, .top, 
.titre_parametres .titre_navigation, .titre_portfolio, .titre_accueil, .titre_navigation, .titre_parametres, .titre_accueil, .titre_apropos, .titre_services, .titre_portfolio, .titre_cv, .titre_liens, .titre_contact, .titre_plansite


{display: none;}