/*****************************************************************************/
/* Feuille de style de TopChrono-Informatique */
/* Auteur : Olivier ROOSE */
/* Site : http://www.topchrono-informatique.com */
/* Copyright 2009 - Reproduction interdite même partielle des fichiers */
/*****************************************************************************/

/*****************************************************************************/
/* Le body */
body{
    margin-top:0px;
    padding:0px;
    background-color:#FFFFFF;
    font-family:Arial, Times news roman, sans-serif;
    font-size:12px;
	color:#000000
    }
/*****************************************************************************/
/* Les polices */
.classique{font-size:11px;color:#000000} /* idem... */
.Moyen{font-size:11px;font-style:italic} /*  */
.petital{font-size:9px;font-style:italic} /*  */
.bleu{color:#99CCFF} /* comme... bleu ;-) */
.Bleu{font-size:12px;font-weight:bold;color:#99CCFF} /* comme... bleu mais là il y a une majuscule !!??? */
.GBleu{font-size:14px;font-weight:bold;color:#99CCFF} /* comme... bleu mais là il y a une majuscule !!??? */
.orange{color:#FF9900} /* et ici comme... orange ;-) */
.Orange{font-size:14px;font-weight:bold;color:#FF9900} /* idem... */
.rouge{font-size:12px;font-weight:bold;color:#FF0000} /* idem... */
.mention_rouge{font-size:9px;color:#FF0000} /* idem... */
.mauve{color:#f88}  /* idem... */
.Mauve{font-size:14px;font-weight:bold;color:#f88} /* idem... */
.jaune{color:#fc0} /* idem... */
.Jaune{font-size:14px;font-weight:bold;color:#fc0} /* idem... */
.marron{color:#c60} /* idem... */
.Marron{font-size:12px;font-weight:bold;color:#c60} /* idem... */
/*****************************************************************************/
/* Les liens */
.lien_creation, lien_creation:visited {text-decoration:none;color:#FFFFFF;font-size:10px}
.lien_creation:hover {text-decoration:none;color:#DDDDDD;font-size:10px}
.lien_legal, lien_legal:visited {text-decoration:none;color:#FF9900;font-size:10px}
.lien_legal:hover {text-decoration:underline;color:#FF9900;font-size:10px}
.lien_Orange, lien_Orange:visited {text-decoration:none;font-size:14px;font-weight:bold;color:#FF9900}
.lien_Orange:hover {text-decoration:underline;font-size:14px;font-weight:bold;color:#FF9900}
.lien_referencement, lien_referencement:visited {text-decoration:none;font-size:12px;color:#000000}
.lien_referencement:hover {text-decoration:none;font-size:12px;color:#000000}
.lien_referencement1, lien_referencement1:visited {text-decoration:none;font-size:12px;color:#000000}
.lien_referencement1:hover {text-decoration:underline;font-size:12px;color:#000000}
.lien_Bleu, lien_Bleu:visited {text-decoration:none;font-size:12px;font-weight:bold;color:#99CCFF}
.lien_Bleu:hover {text-decoration:none;font-size:12px;font-weight:bold;color:#99CCFF}
.lien_Marron, lien_Marron:visited {text-decoration:none;font-size:12px;font-weight:bold;color:#c60}
.lien_Marron:hover {text-decoration:none;font-size:12px;font-weight:bold;color:#c60F}
.lien_Moyen, lien_Moyen:visited {text-decoration:none;font-size:11px;font-style:italic;color:#000000}
.lien_Moyen:hover {text-decoration:none;font-size:11px;font-style:italic;color:#000000}
.lien_detail, lien_detail:visited {text-decoration:none;color:#000000}
.lien_detail:hover {text-decoration:none;color:#000000}
/*****************************************************************************/
/* Les principaux blocs */
.Bande {background-color:#FF9900;height:10px} /* Pour la bande hprizontale orange car un HR n'est pas reconnu par tous le browers */
#Page {
    width:1075px; /* Ben, c'est la taille de notre plan de travail */
    margin:0; /* Pas de marges et un alignement standard sur l'ensemble des navigateurs */
    background-color:#FFFFFF; /* La couleur de fond reste Blanche pour ne pas changer ;-)) */
    }
.Image{
    background-color:#FFFFFF;
    width:775px;
    height:50px;
    text-align:center;
    vertical-align:top;
    }
#Centre{
    width:775px; /* sa largeur, vous connaissez cet attribut maintenant !! Attention, nous ne sommes pas obligés de le définir mais bon... */
    height:400px; /* no coment, vous êtes grands */
    margin:0 ; /* Qui a retenu le commentaire précédent ? */
    text-align:center;
    vertical-align:top; /* Là, tout ce qui se trouve dans ce bloc sera aligné vers le haut */
    }
#Logo{
    background-color:#FFFFFF;
    background-image: url("../images/i_logo_ACR-creation-et-referencement.jpg");
    background-repeat:no-repeat;
    width:230px;
    height:60px;
    }
#Devise{
    background-color:#FFFFFF;
    width:545px;
    height:60px;
    }
#Cadre_Centre{
    width:775px;
    height:400px;
    padding:10px;
    margin:0px;
    text-align:left;
    vertical-align:top; /* Là, tout ce qui se trouve dans ce bloc sera aligné vers le haut */
    }
    .Cadre_Centre_I{
        width:775px;
        padding:15px;
        margin:0px;
        text-align:center;
        vertical-align:top; /* Là, tout ce qui se trouve dans ce bloc sera aligné vers le haut */
    }
    .Cadre_Centre_II{
        width:775px;
        margin:0px;
        text-align:center;
        vertical-align:top; /* Là, tout ce qui se trouve dans ce bloc sera aligné vers le haut */
    }
    .Espace{
        width:17px;
        height:12px;
    }
    .Box8{
        width:8px;
    }
    .Box179{
        width:179px;
        vertical-align:top;
		text-align:left;
    }
    .Box179_Bis{
        width:179px;
        vertical-align:top;
        text-align:left;
        padding:9px;
    }
    .img_Bouton{
        width:15px;
        height:15px;
        float:left
    }
    .TdG{
        width:530px;
        padding-right:10px;
        text-align:left;
        vertical-align:top; /* Là, tout ce qui se trouve dans ce bloc sera aligné vers le haut */
    }
        .img_CD{
            width:160px;
            height:160px;
            padding:9px;
            border-style:dotted;
            border:1px;
            border-color:#99CCFF;
            text-align:center;
            vertical-align:middle
        }
    .TdD{
        width:195px;
        margin:0px;
        text-align:center;
        vertical-align:middle; /* Là, tout ce qui se trouve dans ce bloc sera centré */
    }
#Cadre_Menu{
    width:775px;
    text-align:left;
    vertical-align:top;
	padding-top:5px;
    }
.menu1 {
    width:775px;
    margin-top:8px;
    }

.menu1 ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }

.menu1 ul li {
    float:left;
    position:relative;
    }

.menu1 ul li a, .menu1 ul li a:visited {
    float:left;
    display:block;
    text-decoration:none;
    color:#FF9900;
    padding:0px 20px;
    line-height:12px;
    height:2px;
    border-bottom:3px solid #fff;
    }
.menu1 ul li:hover {
    width:auto;
    }

.menu1 ul li a.menu1one:hover {border-color:#c00;color:#f88}
.menu1 ul li a.menu1two:hover {border-color:#c60;color:#fc0}
.menu1 ul li a.menu1three:hover {border-color:#cc0;color:#cc0}
.menu1 ul li a.menu1four:hover {border-color:#080;color:#0e0}
.menu1 ul li a.menu1five:hover {border-color:#00c;color:#aaf}
.menu1 ul li a.menu1six:hover {border-color:#c0c;color:#f8f}

.menu1 ul li:hover a.menu1one {border-color:#c00;color:#f88}
.menu1 ul li:hover a.menu1two {border-color:#c60;color:#fc0}
.menu1 ul li:hover a.menu1three {border-color:#cc0;color:#cc0}
.menu1 ul li:hover a.menu1four {border-color:#080;color:#0e0}
.menu1 ul li:hover a.menu1five {border-color:#00c;color:#aaf}
.menu1 ul li:hover a.menu1six {border-color:#c0c;color:#f8f}

.menu1 ul li ul {
    display:none;
    }

.menu1 table {
    margin:0;
    border-collapse:collapse;
    position:absolute;
    top:0;
    left:0;
    }

/* spécifique aux navigateurs autres que IE */
.menu1 ul li:hover ul {
    display:block;
    position:absolute;
    top:22px;
    margin-top:1px;
    left:0;
    width:150px;
    border-bottom:1px solid #CCC;
    }

.menu1 ul li:hover ul.endstop {
    left:-50px;
    }

.menu1 ul li:hover ul li ul {
    display:none;
    }

.menu1 ul li:hover ul li a {
    display:block;
    background:#fff;
    color:#000;
    height:auto;
    line-height:15px;
    padding:4px 16px;
    width:120px;
    border:1px solid #CCCCCC;
    border-bottom:0;
    }

.menu1 ul li:hover ul li a.drop {
    background:#ccd;
    }

.menu1 ul li:hover ul li a:hover {
    color:#000;
    background:#ccd;
    }

.menu1 ul li:hover ul li a:hover.drop {
    background:#ccd;
    }

.menu1 ul li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left:150px;
    top:-1px;
    }

.menu1 ul li:hover ul li:hover ul.left {
    left:-150px;
    }

/* spécifique aux navigateurs tels que IE5.5 et IE6 */
.menu1 ul li a:hover ul {
    display:block;
    position:absolute;
    top:22px;
    t\op:23px;
    background:#fff;
    left:0;
    border-bottom:1px solid #CCCCCC;
    }

.menu1 ul li a:hover ul.endstop {
    left:-92px;
    }

.menu1 ul li a:hover ul li a {
    display:block;
    background:#fff;
    color:#000;
    height:1px;
    line-height:15px;
    padding:4px 16px;
    width:150px;
    w\idth:120px;
    border:1px solid #CCCCCC;
    border-bottom:0;
    }

.menu1 ul li a:hover ul li a.drop {
    background:#ccd;
    padding-bottom:4px;
    }

.menu1 ul li a:hover ul li a ul {
    visibility:hidden;
    position:absolute;
    height:0;
    width:0;
    }

.menu1 ul li a:hover ul li a:hover {
    color:#FF9900;
    background:#FFFFFF;
    }

.menu1 ul li a:hover ul li a:hover.drop {
    background:#FFCC99;
    }

.menu1 ul li a:hover ul li a:hover ul {
    visibility:visible;
    position:absolute;
    top:0;
    color:#000;
    left:153px;
    }

.menu1 ul li a:hover ul li a:hover ul.left {
    left:-150px;
    }
/* ------- Menu slide ------------- */