/* Développement : Chara'de 
Chara'de Concept : http://charadeconcept.free.fr/
*/

body {background-color : #0c144e; margin:0px ; scrollbar-face-color:#050c1c;scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#FDFDBD; scrollbar-shadow-color:black; 
scrollbar-3dlight-color:#050c1c; scrollbar-darkshadow-color:#FFFFFF;buttonface:#FFFFFF; color:#FFFFFF;}
* { font-family : Arial, Helvetica, sans-serif; font-size : 11px; }
H1 { font-family : Arial, Helvetica, sans-serif; font-size : 14px; margin: 0px 0px 4px 0px;}
a{text-decoration:none;color:#FFFFFF;}
a:hover {text-decoration:overline and underline;}

#conteneur { height:100%; width:100%; overflow:hidden ; margin:0px; }
#contenu-categ { position:absolute ; top:200px; left:15% ;}

#bandeau {height:10%;}
#contenu { overflow:auto ; height:81%; padding-left:175px ; }
#contenu ul{margin:6px;}
#contenu li{list-style:none;}

#menu { text-align:center ; font-weight: bold ; }
#menu ul {margin:0px ;}
#menu li {display: inline; list-style-position:outside; list-style-image:url("images/Etoile-petite.gif");}
#menu li.actif{color:#6666CC; }

#accueil {
position : absolute; 
top : 50%; 
left : 50%; 
width : 780px;
height : 480px; 
margin-top: -240px;
margin-left: -400px;
padding-top: 10px;
background-color : #0c144e;
overflow : hidden; 
} 

#intro {
position : absolute; 
top : 50%; 
left : 50%; 
width : 600px;
height : 420px; 
margin-top: -210px;
margin-left: -300px;
padding-top: 0px;
background-color : #0c144e;
overflow : hidden; 
} 

#passerintro { text-align:right ; font-weight: bold ;}

#conception1 {
position : absolute; 
top : 50%; 
left : 50%; 
width : 152px;
height : 30px; 
margin-top: 240px;
margin-left: -76px;
overflow : hidden; 
} 

#grostitre { position:relative ; left:260px ; top:0px ; }

/* Rubriques page accueil */
#oplaisir { position:absolute ; left:50px ; top:50px ; }
#lesuns { position:absolute ; left:55px ; top:240px ; }
#videos { position:absolute ; left:105px ; top:175px ; }
#pros { position:absolute ; left:30px ; top:370px ; ; }
#goodies { position:absolute ; left:145px  ; top:390px ; }
#presse { position:absolute ; left:200px ; top:280px ; }
#textes { position:absolute ; left:340px  ; top:280px ; }
#trombine { position:absolute ; left:270px ; top:340px ; }
#contacte { position:absolute ; left:467px  ; top:284px ; }
#forum { position:absolute ; left:565px  ; top:330px ; }
#nouvelles { position:absolute ; left:640px ; top:370px ; }
#histoire { position:absolute ; left:610px ; top:220px ; }
#aime { position:absolute ; left:660px ; top:150px ; }
#photos { position:absolute ; left:440px ; top:365px ; }
#agenda { position:absolute ; left:620px ; top:50px ; }

#etoile1 { position:absolute ; left:200px ; top:90px ; }
#etoile2 { position:absolute ; left:490px ; top:200px ; }
#etoile3 { position:absolute ; left:530px ; top:50px ; }
#etoile4 { position:absolute ; left:600px ; top:160px ; }
#etoile5 { position:absolute ; left:70px  ; top:25px ; }
#etoile6 { position:absolute ; left:130px ; top:350px ; }
#etoile7 { position:absolute ; left:420px ; top:40px ; }
#etoile8 { position:absolute ; right:5px ; top:330px ; }
#etoile9 { position:absolute ; left:400px ; bottom:50px ; }
#etoile10 { position:absolute ; left:0px ; bottom:0px ; }
#etoile11 { position:absolute ; left:221px ; top:238px ; }

#txtdefil { position:absolute ; left:237px ; top:240px ; width:300px ; height:20px ;}

#T-1 { position:absolute ; left:2% ; top:10px ; }
#T-etoile1 { position:absolute ; left:100px ; top:110px ; }
#T-etoile2 { position:absolute ; left:100px ; top:70px ; }

#cd { position:absolute ; left:35px ; top:220px ; }
#cd img {border:1px solid #FDFDBD; }
#contact { position:absolute ; left:5px ; top:170px ; width : 165px; }

.decotablo1 {border:collapse;border:1px solid #FDFDBD;}
.entetetablo1 {background-color:#FDFDBD;text-align:center;font-size:14px;color:#050c1c;font-weight: bold;}
.entetetablo2 {background-color:#FDFDBD;border:1px solid #0c144e;margin:0;padding:0;}

.adchamps {text-align:right;color:#FDFDBD;}
.adchamps2 {color:#FDFDBD;padding:5;}
.adchamps3 {text-align:center;color:#FDFDBD;padding:5;}
.adchampstrait {BACKGROUND:#FDFDBD;font-size:1px;}
.adforms {color:#050c1c;border:1px solid #050c1c;BACKGROUND:#FDFDBD;}
.adformsinv {color:#FDFDBD;border:1px solid #FDFDBD;BACKGROUND:#050c1c;}
.adformsneu {color:#FFFFFF;border:0px;BACKGROUND:#0c144e;}

#paroles{ padding:15px ; }
#paroles H1 { font-size:14px; margin:0px; text-align:center;}
#auteur{ font:italic; text-align:right; margin-bottom:20px; }
#fermer { text-align:center;font-weight:bold;}

#galerie img {border:2px solid #000000;}
#trombineimg { position:absolute ; left:10px ; top:10px ; }
#trombinetxt { text-align:right ; position:absolute ; left:250px ; top:100px ; width:223px ; height:255px;border:1px solid #FDFDBD;  }
#trombineferme { text-align:center ; position:absolute ; left:415px ; top:400px ; width:50px ; border:1px solid #FDFDBD;  }

#liens img{border:1px solid #FDFDBD; margin-right:15px; }

#images {border-bottom:1px solid #0c144e; border-right:1px solid #0c144e; }
#images img{border:1px solid #FDFDBD; }
#images-legende {border-bottom:1px solid #0c144e; border-right:1px solid #0c144e; text-align:left ; color:#0c144e; }
#images-legende a {text-align:left ; color:#0c144e;font-weight: bold; }
#attention {color:#FF3366;font:italic; }

.form {color:#FFFFFF;border:1px solid #050c1c;BACKGROUND:#7f7f9c;}