#wrapper{position:absolute; margin-left:-458px; margin-top:-330px; top:50%; left:50%; width:896px; height:660px; visibility:visible;}/* GENERAL */
body{margin:0px; background-color:#d9d6d1;}
#site_border{position:relative; width:896px; _width:916px; height:660px; _height:680px; padding:10px; border:solid 1px #c4c1bc;}
#main_content{z-index:0; position:absolute; width:896px; height:610px; top:60px;}
#menu{position:absolute; z-index:3; top:10px; left:10px; width:896px; height:50px;}
#menu_underlay{position:absolute; z-index:2; top:10px; left:10px; width:896px; height:50px; background-color:#d9d6d1; opacity:0.5; filter: alpha(opacity = 50);}
#titrage{position:absolute; z-index:0; top:230px; left:20px;}
#soustitrage{position:absolute; z-index:0; top:300px; left:20px;;}


/* SUBMENU */
.submenu {z-index:2; position:absolute; height:73px; width:112px; top:395px; cursor:pointer; opacity:0.7; filter: alpha(opacity = 70);}
#submenu_1{background-color:#b9f280;}
#submenu_2{background-color:#6aa254; left:112px;}
#submenu_3{background-color:#00ffff; left:224px;}
#submenu_4{background-color:#6699ff; left:336px;}
#submenu_5{background-color:#ff9933; left:448px;}
#submenu_6{background-color:#ff00ff; left:560px;}
#submenu_7{background-color:#b003fc; left:672px;}
#submenu_8{background-color:#640064; left:784px;}


/* ACTIVITÉS */
#activites_texte{position:absolute; z-index:1; top:70px; left:452px; width:396px}
#activites_background{position:absolute; z-index:0; width:896px; height:395px; background-color:#a88ba3;}
#activites_mire{position:absolute; z-index:0; top:395px; width:896px; height:216px; background-image:url('../interface/activites_bg.gif')}


/* REFERENCES */
#refs_texte_numero{z-index:2; position:absolute; top:488px; left:20px; width:500px;}
#refs_texte_titre{z-index:2; position:absolute; top:498px; left:20px; width:500px;}
#refs_texte_specs{z-index:2; position:absolute; top:530px; left:20px; width:500px; line-height:14px;}
#refs_texte_description{z-index:2; position:absolute; width:296px; _width:336px; right:0px; top:492px; padding:10px 20px 10px 20px; background-color:#e4e2df; opacity:0.7; filter: alpha(opacity = 70); visibility:hidden;}
#refs_bg{z-index:0; position:absolute; width:896px; height:660px; top:-50px;}
#refs_lien{z-index:2; position:absolute; right:0px; top:335px; padding:10px 20px 10px 20px; background-color:#e4e2df; opacity:0.7; filter: alpha(opacity = 70); visibility:hidden;}
#video_overlay{z-index:3; position:absolute;}
#refs_tuto{position:absolute; z-index:0; top:469px; width:100%; text-align:center; background-color:#a88ba3;}


/* CONTACT */
#contact_mail{position:absolute; width:168px; height:22px; padding-top:3px; top:302px; left:30px; background-color:#e4e2df; cursor:pointer;}
#contact_mail:hover{background-color:#c4c1bc;}
#contact_input{position:absolute; top:60px; left:422px;}
#contact_textarea{position:absolute; top:100px; left:422px;}
#contact_button{position:absolute; top:300px; left:772px;}
#contact_mire{position:absolute; z-index:0; top:395px; width:896px; height:73px; background-image:url('../interface/contact_bg.gif')}
#contact_texte_email{position:absolute; width:70px; top:64px; left:345px;}
#contact_texte_message{position:absolute; width:70px; top:104px;left:345px;}
#contact_bottomline{position:absolute; width:896px; top:475px;}
#contact_errorframe{position:absolute; z-index:2; left:248px; top:123px; width:400px; height:90px; padding-left:30px; background-color:#c4c1bc; opacity:0.8; filter: alpha(opacity = 80); cursor:pointer;}
#contact_errorframe:hover{background-color:#e4e2df;}
#contact_errorframe_close{position:absolute; left:357px; _left:327px; top:7px; width:60px; height:20px;}


/* LIENS */
#liens_mire{position:absolute; width:8px; height:230px; top:220px; left:190px; background-image:url('../interface/mire_verticale.gif')}
#liens_urls{position:absolute; top:222px; left:210px;}#menu_1{z-index:1; position:absolute; left:000px; height:50px; width:135px; background-color:#783f76; opacity:0.5; filter:alpha(opacity = 50);}
#menu_2{z-index:1; position:absolute; left:135px; height:50px; width:135px; background-color:#783f76; opacity:0.5; filter:alpha(opacity = 50);}
#menu_3{z-index:1; position:absolute; left:270px; height:50px; width:135px; background-color:#783f76; opacity:0.5; filter:alpha(opacity = 50);}
#menu_4{z-index:1; position:absolute; left:405px; height:50px; width:135px; background-color:#783f76; opacity:0.5; filter:alpha(opacity = 50);}

#menu_overlay_1{z-index:2; position:absolute; left:000px; cursor:pointer; height:35px; width:135px; padding-top:15px;}
#menu_overlay_2{z-index:2; position:absolute; left:135px; cursor:pointer; height:35px; width:135px; padding-top:15px;}
#menu_overlay_3{z-index:2; position:absolute; left:270px; cursor:pointer; height:35px; width:135px; padding-top:15px;}
#menu_overlay_4{z-index:2; position:absolute; left:405px; cursor:pointer; height:35px; width:135px; padding-top:15px;}

#menu_logo{z-index:1; position:absolute; left:540px; height:50px; width:356px; background-color:#ffffff; opacity:0.3; filter:alpha(opacity = 30);}
#menu_logo_overlay{z-index:2; position:absolute; left:530px; height:50px; width:356px; cursor:pointer;}/* GLOBAL */
.titrage{font-family:Trebuchet MS, sans-serif; color:#FFFFFF; font-size:60px;}
.texte{font-family:Trebuchet MS, sans-serif; color:#404040; font-size:13px; line-height:17px;}
.soustitrage{font-family:Trebuchet MS, sans-serif; color:#FFFFFF; font-size:20px;}


/* RÉFÉRENCES */
.refs_texte_numero{font-family:Trebuchet MS, sans-serif; color:white; font-size:12px; text-transform:uppercase;}
.refs_texte_specs{font-family:Trebuchet MS, sans-serif; color:white; font-size:12px; text-transform:uppercase;}
.refs_texte_titre{font-family:Trebuchet MS, sans-serif; color:white; font-size:28px; text-transform:uppercase;}
.refs_texte_description{font-family:Trebuchet MS, sans-serif; color:black;  font-size:12px; text-transform:uppercase; text-decoration:none;}
.refs_texte_description a:hover{text-decoration:underline;}
.refs_tuto{font-family:Trebuchet MS, sans-serif; color:#ffffff; opacity:0.4; filter:alpha(opacity = 40); font-size:15px; text-transform:uppercase;}


/* MENU */
.menu_logo_1{font-family:Arial, sans-serif; color:#ffffff; font-size:33px;font-weight:bold;}
.menu_logo_2{font-family:Arial, sans-serif; color:#640064; font-size:24px; letter-spacing:1px; font-weight:normal;}
.menu_title {font-family:Trebuchet MS, sans-serif; color:#ffffff; opacity:0.4;  filter:alpha(opacity = 40); font-size:15px;}
.menu_active_title {font-family:Trebuchet MS, sans-serif; color:#ffffff; font-size:15px;}
.menu_logo_1_mini{font-family:Arial, sans-serif; color:#ffffff; font-size:19px;font-weight:bold;}
.menu_logo_2_mini{font-family:Arial, sans-serif; color:#640064; font-size:13px; letter-spacing:1px;}


/* ACTIVITIES */
.contact_texte{font-family:Trebuchet MS, sans-serif; color:#FFFFFF; font-size:13px;}
.contact_button{width:100px; height:22px; background-color:#e4e2df; cursor:pointer; border:0px; font-family:Trebuchet MS, sans-serif; color:#424242; font-size:13px;}
.contact_button:hover{background-color:#c4c1bc;}
.contact_imput{background-color:#d9d6d1; border:1px solid #c4c1bc; font-family:Trebuchet MS, sans-serif; color:#404040; font-size:13px; width:250px; height:22px;}
.contact_textarea{background-color:#d9d6d1; border:1px solid #c4c1bc; font-family:Trebuchet MS, sans-serif; color:#404040; font-size:13px; width:450px; height:180px;}
.contact_bottomline{font-family:Trebuchet MS, sans-serif; color:#404040; font-size:16px;}
.contact_errorframe{font-family:Trebuchet MS, sans-serif; color:#404040; font-size:20px;}


/* LIENS */
.liens_urls a:link, .liens_urls a:visited, .liens_urls a:active{font-family:Trebuchet MS, sans-serif; color:#505050; font-size:17px; line-height:29px; text-transform:uppercase; text-decoration:none; padding-right:25px;}
.liens_urls a:hover{color:#a88ba3;}
.liens_description {font-family:Trebuchet MS, sans-serif; color:#ffffff; font-size:14px; text-transform:lowercase;}
.liens_description:hover {color:#a88ba3;}