/* CSS Document */

html { width:100%; height:100%; margin:0; padding:0; }
body { width:100%; height:100%; margin:0; padding:0;  }

/* Types, tailles, et couleurs des fonts et ancres */
.txt11gris { color:#ccc; font: 11px sans-serif; }
.txt11noir{ color:#333; font: 11px sans-serif; }
.txt11blanc{ color:#FFF; font: 11px sans-serif; }
.txt11rouge, .txt11rougeForm { color:#DC241F; font: 12px sans-serif; }
.txt11rougeForm { text-align; right; padding-right: 0 15px 0 0; }
.txt12rouge { color:#DC241F; font: 12px sans-serif; }
.ancreFooter { color:#ccc; font: 11px sans-serif; text-decoration: none; }
.ancreFooter:hover { color:#ccc; font: 11px sans-serif; text-decoration: underline; }
/* Placement du Logo */
.logo { padding-left:51px; }
/* Placement du Menu */
.menu { float:left; padding-left:17px; }
/* Placement du Titre */
.titre { background-color:#333333; color:#DC241F; font:13pt sans-serif; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; }
/* Formulaire */
.formSize { color:#333333; font: 11px sans-serif; width:240px; background-color:#fff; border-bottom: solid 2px #1e1e1e; border-right: solid 2px #1e1e1e; border-left: none; border-top: none; padding:2px; }
.margeBas { padding-bottom:3px; }


/* ###### Interface ###### */
    /* Ligne du Millieu */
    .middleLeft { width:44px; height:403px;}
    .middleCenter { width:741px; height:403px; background-image:url(/images/middle_02.gif); }
    .middleRight { width:46px; height:403px; background-image:url(/images/middle_03.gif); }
    /* Ligne du Bas */
    .bottomLeft { width:43px; height:31px; background-image:url(/images/bottom_01.gif); }
    .bottomCenter { width:741px; height:31px; background-image:url(/images/bottom_02.gif); }
    .bottomRight { width:43px; height:31px; background-image:url(/images/bottom_03.gif); }

/* ###### Placement du Contenu ###### */
    /* Ligne Top */
    .ligneGauche { height: 1px; background: url(/images/ligne_01.gif) repeat-y; }
    .ligneDroite { width: 1px; background: url(/images/ligne_02.gif) no-repeat; background-position:bottom; }
    /* Ligne Bottom */
    .coinsDeTable { width: 1px; height: 1px; background: url(/images/ligne_01.gif) no-repeat; }
    .ligneBas { height: 1px; background: url(/images/ligne_01.gif) repeat-x; }

/* ###### Gestion Des BackGrounds ###### */
    /* Home */
    .bgHome { background: url(/images/backgrounds/home.gif) center no-repeat; height:400px; }
    /* Autres */
    .bgAutres { background: url(/images/backgrounds/bg02.gif) center no-repeat; height:400px; }
    /* Contacts */
    .bgContacts { background: url(/images/backgrounds/contacts.gif) center no-repeat; height: 400px; }

/* ###### Contenus ###### */
    #content { padding:10px; width: 400px; max-height: 290px; overflow-y: auto; }
    h2.txt12rouge { margin: 0; }
    #tdPic { padding: 30px 0 0 0; }
    .pic { width: 220px; padding: 12px 0 0 0; text-align: center; }
    .pic img { border: solid 4px #fff; }
    .pic a { font: 10px sans-serif; color: #333; text-decoration: none; }
    .pic a:hover { color: #DC241F; }