body { width: 800px; margin: auto; margin-top: 20px; background-color: #000000;
       font-family: Verdana,Arial,Helvetica; font-size: 13px; font-weight:normal; color: #00ff00; 
       background-image: url("images/fond_ecran.gif"); background-repeat: repeat; }

/* généraux */
img        { border: none; }
.cache     { display: none; }

/* cadre images */
img.img_left { float: left; margin-left: 0px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #52041D; }
img.img_left_gris { float: left; margin-left: 0px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #444; }
img.img_left7 { float: left; margin-left: 0px; margin-right: 10px; margin-top: 3px; margin-bottom: 5px; border: 1px solid #52041D; padding: 7px; }
img.img_cadre_gris { border: 1px solid #444; }

/* MENU */
#menu_bloc { width: 165px; height: 242px; margin-left: 633px; margin-top: 342px; position: absolute;
             padding-top: 2px; background-color: #333; border: 1px solid #F06; }
.sous_menu { font-family: Verdana,Helvetica; font-size: 12px; color: #888;  }
.sous_menu_on { color: #ED145B; }
.sous_menu a:link { text-decoration: none; color: #888; }
.sous_menu a:visited { text-decoration: none; color: #888; }
.sous_menu a:active { text-decoration: none; color: #888; }
.sous_menu a:hover { text-decoration: none; color: #ED145B; }
.petit_lien { font-size: 10px; color: #555; font-weight: normal; }
.petit_lien a:link { text-decoration: none; color: #555; }
.petit_lien a:visited { text-decoration: none; color: #555; }
.petit_lien a:active { text-decoration: none; color: #555; }
.petit_lien a:hover { text-decoration: none; color: #999; }

/* Accueil */
#acc_nom { width: 263px; height: 57px; margin-left: 0px; margin-top: 0px; position: absolute; }
#acc_photo { width: 255px; height: 118px; margin-left: 0px; margin-top: 72px; position: absolute; }
#acc_titre { width: 490px; height: 190px; margin-left: 310px; margin-top: 0px; position: absolute; }
#acc_img1 { width: 191px; height: 120px; margin-left: 0px; margin-top: 205px; position: absolute; border: 1px solid #F06; }
#acc_img2 { width: 177px; height: 120px; margin-left: 220px; margin-top: 205px; position: absolute; border: 1px solid #F06; }
#acc_img3 { width: 176px; height: 120px; margin-left: 427px; margin-top: 205px; position: absolute; border: 1px solid #F06; }
#acc_img4 { width: 165px; height: 120px; margin-left: 632px; margin-top: 205px; position: absolute; border: 1px solid #F06; }
#acc_texte_bas { width: 480px; height: auto; margin-left: 0px; margin-top: 342px; position: absolute; line-height: 1.6; }
.acc_texte { font-size: 14px; font-weight:normal; color: #CCC; text-align: left; letter-spacing: 0.1em; }
.acc_lettre { font-size: 3em;; line-height: 1em; font-weight:bold; color: #ED145B; float: left; }

/* général */
#gen_txt { width: 600px; height: auto; margin-left: 0px; margin-top: 205px; position: absolute; }

#atelier_titre { width: 490px; height: 190px; margin-left: 310px; margin-top: 0px; position: absolute; }

#footer { width: 165px; height: auto; margin-left: 634px; margin-top: 588px; position: absolute;
          font-family: Arial,Verdana,Helvetica; font-size: 10px; color: #555; font-weight: normal; text-align: center; }

/* titres et textes */
.titre1 { font-size: 16px; font-weight:bold; color: #666; text-align: justify; }
.titre2 { font-family: Arial,Verdana,Helvetica; font-size: 14px; font-weight:bold; color: #CCC; text-align: justify; }
.titre_first { font-size: 2.2em;; color: #666; float: left; }
.texte1 { font-size: 13px; font-weight:normal; color: #CCC; text-align: justify; line-height: 1.3; }
.texte2 { font-size: 12px; font-weight:normal; color: #CCC; text-align: justify; line-height: 1.4; }
.italic { font-style: italic; color: #777; }
.trait { width: 600px; height: 1px; background-color: #ED145B; }
.trait_sombre { width: 600px; height: 1px; background-color: #5A0226; }
.lien { font-family: Arial,Verdana,Helvetica; font-size: 14px; color: #888; font-weight: bold; }
.lien_moyen { font-size: 12px; color: #888; font-weight: normal; }
.lien a:link { text-decoration: none; color: #888; }
.lien a:visited { text-decoration: none; color: #888; }
.lien a:active { text-decoration: none; color: #888; }
.lien a:hover { text-decoration: none; color: #ED145B; }

/* partenaires */
.part_nom { font-family: Arial,Verdana,Helvetica; font-size: 14px; font-weight:bold; color: #888; }
.part_txt { font-size: 12px; font-weight:normal; color: #BBB; text-align: center; line-height: 1.2; }

/* publications */
.publi_titre { font-family: Arial,Verdana,Helvetica; font-size: 14px; font-weight:bold; color: #888; }
.publi_texte a:hover .publi_titre { color: #FFF; }
.publi_texte { font-size: 13px; font-weight:normal; color: #BBB; text-align: justify; line-height: 1.3; }
.publi_texte a:link { text-decoration: none; color: #BBB; }
.publi_texte a:visited { text-decoration: none; color: #BBB; }
.publi_texte a:active { text-decoration: none; color: #BBB; }
.publi_texte a:hover { text-decoration: none; color: #FFF; }

/* publications et vidéo */
.video_cadre { width: 598px; height: 96px; font-size: 13px; border: 1px solid #52041D; font-weight: normal; }
.video_texte { width: 370px; margin-left: 130px; margin-top: 20px; position: absolute; text-align: justify; line-height: 1.3; 
                text-decoration: none; color:#BBB; }
.video_vignet { width: 105px;  height: 82px; margin-left: 7px; margin-top: 7px; position: absolute; background-color: #333; }
.video_logo { width: 56px;  height: 50px; margin-left: 515px; margin-top: 22px; position: absolute; }
.video_texte :link { color:#BBB; text-decoration: none; }
.video_texte :visited { color:#BBB; text-decoration: none; }
.video_texte :hover { color: #FFF; }
.video_texte :active { color:#BBB; text-decoration: none; }
.video_vignet :link { background-color: #333; text-decoration: none; }
.video_vignet :visited { background-color: #333; text-decoration: none; }
.video_vignet :hover { background-color: #666; text-decoration: none; }
.video_vignet :active { background-color: #333; text-decoration: none; }
.video_cadre a:hover .video_vignet { background-color: #666; cursor: pointer; }
.video_cadre a:hover .video_texte { color: #FFF; cursor: pointer; }
.video_frame { margin-left: 57px; }

/* contact */
#contact { width: 350px; height: 240px; margin-left: 125px; margin-top: 290px; position: absolute; z-index: 1; }
#cont_mail { width: 270px; height: 25px; margin-left: 166px; margin-top: 475px; position: absolute; z-index: 5;}
#cont_trait { width: 600px; height: 1px; margin-left: 0px; margin-top: 588px; position: absolute; background-color: #ED145B; }