<style type="text/css">
.titreorange {  font-family: Verdana, Arial, Helvetica, serif; font-size: 8pt; font-style: normal;font-weight: bold;text-align: justify;color: orange  }
.texte {  font-family: Verdana, Arial, Helvetica, serif; font-size: 8pt; font-style: normal;text-align: left ;color: #000000   }
.smalltexte {  font-family: Verdana, Arial, Helvetica, serif; font-size:7pt; font-style: normal;text-align: left ;color: #000000   }
.textenoir {  font-family: Verdana, Helvetica, serif; font-size: 8pt; font-style: normal;font-weight: normal;text-align: center ;color: #000000   }
.textenoircentre {  font-family: Verdana, Helvetica, serif; font-size: 8pt; font-style: normal;font-weight: normal;text-align: center ;color: #000000   }
.textenoirgras { font-family: verdana; font-size: 8pt; color: #000000;text-align: center;font-style: normal;font-weight: bold}
.texteorange {  font-family: Verdana, Arial, Helvetica, serif; font-size: 8pt; font-style: normal;text-align: justify;color: orange  }
.texteorange2 {  font-family: Helvetica, serif; font-size: 8pt; font-style: normal;text-align: justify;color: orange  }
.texteorange3 {  font-family: Helvetica, serif; font-size: 8pt; font-style: normal;text-align: center;color: orange  }
.titre {  font-family: Verdana, Arial, Helvetica, serif; font-size: 8pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF  }
.titre2 {  font-family: Verdana, Arial, Helvetica, serif; font-size: 7pt; font-style: normal;font-weight: normal;text-align: center;color: #000000  }
.titre3 {  font-family: Verdana, Arial, Helvetica, serif; font-size: 3pt; font-style: normal;font-weight: normal;text-align: center;color: #000000  }
A:link {text-decoration: none;color: #FFFFFF}
A:visited {text-decoration: none; color: #C0C0C0}
.form.searchform {display: inline;}
   
.texte_blog {  font-family: Verdana, Arial, Helvetica, serif; font-size: 8pt; font-style: normal;text-align: left ;color: #000000 }
.texte_blog    A:link {text-decoration: blink;color: red;font-weight: bold; }

   
   
   
/* taille de reference */
html {
height:100%;
width:100%;
margin: 0;
padding: 0;
} 


BODY {
margin: 0;
adding: 0;
-index:2;
height:100%;
width:100%; 
margin-top:0px;
margin-left:0px;
}

.Main {
width: 1024px;
position: relative;
margin: auto;
text-align: left;
color: #000000;
background-color: #A39F9F;
}

 #monmenu {
  margin-top:1px;
  text-align:left;
  float:left;
  background-image: url(backleft12.jpg);
  width: 140px;
 }

#contenupage {
    margin-top:1px;
    float: left;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    width: 710px;
    background-color: #949494;
    font-family: Verdana, Arial, Helvetica, serif;
    font-size: 8pt;
    font-style: normal;
    text-align: left ;
    color: #000000 ;
   }
#klleft {
    margin-top:1px;
    float: left;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    width: 710px;
}
#kright {
    margin-top:1px;
    float: right;
    width: 143px;
    background-color: #808080;
    padding-right: 0px;

}
#kright p {
    margin-top: 0px;
}

* html #kright p {
    margin-top: -0px;
}
#total {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:1020px;
  border:1px solid black;
  margin-top:0em;
  margin-bottom:0em;
 }

#toptotal {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:1020px;
  height:110px;
  border:1px solid black;
  margin-top:0em;
  margin-bottom:0em;
  background-image: url(new-back-menu23.jpg);
 }

.had {
height: 14px;
background-color: #323232;
color: #FFFFFF;
}
.hag {
height: 14px;
width: 115px;
background-color: #000000 ;
color: #808080;
font-family: Verdana, Arial, Helvetica, serif; font-size: 7pt; font-style: normal;font-weight: normal;text-align: center;color: #FFFFFF
}

.had2 {
height: 16px;
background-color: #323232;
color: #FFFFFF
}

.TopMenu {
width: 1024px;
height: 112px;
color: #000000;
background-color: #A39F9F;
background-image: url(new-back-menu.jpg);
}

.Left {
float: left;
width: 150px;
overflow: auto;
color: #000000;
background-color: #A39F9F;
background-image: url(backleft2234.jpg);
}
.bloc {
  width: 100px;
  height: 200px;
  background-color: yellow;
} 
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
    .menu, .ssmenu {
        visibility:hidden;
    }
}
.menu, .ssmenu {
    background-color:#000000;
    color:white;
    font-size:12px;
    font-weight:bold;
    font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
    border:1px solid #00000;
    padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
    width:15em;
    margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
    text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
    Pour voir d'autres effets :
    http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
    Par exemple :
    transparence à 25% = opacité à 75%:
        FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
    "Glow" :
        FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
    Ombre en bas à droite, 5 px :
        FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#000000,strength=5);
    */
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#000000);
    white-space : no-break;
}

.menu span, .ssmenu span {
/* Ne pas toucher
    C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
    pause dans l'élocution */
    display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
    Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
    padding:0;
    margin:0;
    list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
    padding:2px 1px;
    text-decoration:none;
/* Ne pas modifier le block, margin et width */
    display:block;
    margin:0px;
    width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
    width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
    On change les couleurs du texte et de fond, et on enlève le soulignement.
    */
    background-color:#FF8000;
    color:black;
    text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
    car c'est vilain :-p */
    border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
    margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
    margin-top:1px;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    width:100%;
    display:block;
}
div#contenu {
  float:left;
  width:550px;
  background-color:#FFCC00;
  }
div#menur {
  float:left;
  width:100px;
  background-color:#FF6699;
  }

.bloc1 {
background-color: blue;
width: 540px;
float: left;
}
.bloc2 {
background-color: green;
width: 140px;
float: left;
margin-left: 542px;
}

#content {
    clear: both;
    width: 865px;
}
#content2 {
    clear: both;
    width: 865px;
}
#lleft2 {
    float: left;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 0px;
    width: 611px;

}
#krokro {
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#lleft3 {
    float: left;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
    padding-top: 0px;
    width: 600px;
    background-color:#FFCCAA;
}
#lleft {
    float: left;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    width: 710px;
}
.mainleft {
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 680px;
}


#stats {
    padding-left: 12px;
    width: 137px;
}
#right {
    float: right;
    width: 143px;
        padding-right: 0px;

}
#right p {
    margin-top: 0px;
}

* html #right p {
    margin-top: -0px;
}
#right2 {
    float: left;
    width: 128px;
}
#right2 p {
    margin-top: 0px;
}

* html #right2 p {
    margin-top: -0px;
}
#xright {
    padding-left: 0px;
    float: left;
    width: 116px;
}
#xright p {
    margin-top: 0px;
}

* html #xright p {
    margin-top: -0px;
}
#kroright {
    padding-left: 0px;
    float: left;
    width: 137px;
}
#kroright p {
    margin-top: 0px;
}

* html #kroright p {
    margin-top: -0px;
}

#xdroite {
    padding-top: 0px;
    float: left;
    width: 128px;
    border: 1px solid #000000;
}
#xdroite p {
    margin-top: 0px;
}

* html #droite p {
    margin-top: -0px;

/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #00bff3;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}


</style>






