@charset "utf-8";



/* Valeurs par default 
----------------------------------------------------------------------------*/
*{margin:0;padding:0;}


/* Body  font et links
----------------------------------------------------------------------------*/
body{background:#272727;padding:10px 0;font:63.5% Arial, Helvetica, sans-serif;color:#9D9C9C}
a, a:visited{color: #666; text-decoration:none;}a:hover{color: #FF9900;}a img{border:0}


/* misc
----------------------------------------------------------------------------*/

.clear{clear:both;visibility:hidden;height:0;border:0;}
.lt{position:absolute;top:0;left:20px}
.rt{position:absolute;top:0;right:-10px}
.lb{position:absolute;bottom:0;left:20px}
.rb{position:absolute;bottom:0;right:-10px}
.green1{color:#C2C435}
.green2{color:#459D48;}
.red{color:#D12D2D;}
h2.box{background: url(img/h2_box.jpg); height:50px;line-height:60px; font-size:1.4em; color:#fcfcf4; padding-left:17px;overflow:hidden}
.p2{text-align:right; padding:6px 20px 2px; font-weight:bold}


/* STUCTURE
---------------------------------------------------------------------------------------------------------------------------*/

/*  entete 
----------------------------------------------------------------------------*/
#header{line-height:0; font-size:0;width:910px;margin:0 auto;}


/* Main contenu sidebar et footer
----------------------------------------------------------------------------*/
#main{padding:0 5px; background: url(img/main.jpg); width:900px; margin:0 auto;}


/* Speedbar 
----------------------------------------------------------------------------*/
#speedbar{background: url(img/speedbar.jpg); height:88px; list-style:none}


/* recherche 
----------------------------------------------------------------------------*/
#search_engine{background: url(img/search.jpg); height:48px; text-align:right;}


/* first_pub
----------------------------------------------------------------------------*/
#first_pub{background: url(img/pub.jpg) no-repeat; height:90px; padding:1px 40px; text-align:center;line-height:90px;}


/* Preamble
----------------------------------------------------------------------------*/
#preamble{height:272px; padding:8px 10px 0;}
 #preamble #prelude{background:url(img/prelude.jpg); width:557px;height:237px;float:left; text-align:center; padding:12px 12px}
 #preamble #connection{background: url(img/connection.jpg); width:291px;height:261px;float:right; text-align:center}


/* Content*/
#content{background: url(img/content.jpg) repeat-x;min-height:330px; padding:0 10px 10px; position:relative;}
#content #incontent{ background:url(img/incontent.jpg) repeat-y;}
  #content #left_content{width:556px; float:left; min-height:10px}
  #content #news_content{width:324px; float:right; min-height:100px;}


/* Footer */
#footer{background:url(img/infooter2.jpg);color:#fff; position:relative; min-height:10px}
#footer #infooter{background:url(img/foer.jpg) repeat-x; padding:0 10px;}
#footer #friends{float:left;width:212px; margin-right:11px; min-height:100px;}
#footer #news_forum{float:left;width:324px;}
#footer #last_pub{float:right;width:324px;}
#footer #copyright{clear:both; text-align:center; background:url(img/copyright2.jpg) no-repeat 0 100%;margin: 0 -15px; padding:60px 20px 17px;min-height:10px;}




















/* CONTENU
---------------------------------------------------------------------------------------------------------------------------*/
/* speedbar */
#speedbar li{float:left;text-align:center;font-size:1.5em;font-weight:bold; text-transform:capitalize; background:url(img/li_speed.jpg) no-repeat; padding-left:2px; height:100%; width:110px; }
#speedbar li a{display:block;height:100%;color:#eee;line-height:88px;}
#speedbar li a:hover{color:#833533; background:url(img/lispeed_hover.jpg)}
#speedbar li#accueil2{background:url(img/accueil2.jpg);width:111px; padding:0}
#speedbar li#actif{background:url(img/actif.jpg);width:112px; padding:0}
#speedbar li#contact{background:url(img/contact.jpg);width:117px;padding:0}
#speedbar li#accueil a:hover{background:none;}
#speedbar li#actif a:hover{background:none;}
#speedbar li#contact a:hover{background:url(img/contact_hover.jpg)} 
#speedbar li#accueil2 a:hover{background:url(img/accueil.jpg)}

/* recherche */
#search_engine #p_input{ padding-top:15px;}
#search_engine #q{background: none;width:133px;height:16px;border:0; color:#999; font-size:0.9em;padding:2px 0 0 2px; vertical-align:top}
#search_engine #sub_search{background: none;width:50px;height:18px;border:0; color:#fff; font-size:1.1em; font-weight:bold; cursor:pointer;}
#search_engine #registration{float:left;line-height:45px; font-size:1.4em; padding-left:-60px; width:104px; font-weight:bold}
#search_engine #fiche{float:left;line-height:45px; font-size:1.4em; padding-left:-50px; width:88px; font-weight:bold}
#search_engine #registration a{color:#fff}
#search_engine #fiche a{color:#fff}
#search_engine #concours{float:left;line-height:45px; font-size:1.4em; padding-right:90px; font-weight:bold}
#search_engine #concours a{color:#fff}


/* connexion */		
#connection dl{padding:19px 18px; color:#000; margin-bottom:10px;}
#connection dl dt{float:left; width:100px;height:100px; text-align:center}
#connection dl dd{margin-left:115px;text-align:left;}
#connection dl dd ul{line-height:13px; font-weight:bold; font-size:1.1em;list-style:none}
#connection dl dd ul li{margin-bottom:20px; padding:2px 0 0 0}
#connection dl dd ul li small{ display:block; text-indent:10px;}
#connection dl a{color:#333;}
#connection #p_links a{color:#eee;}

#connection p{margin-bottom:2px;}
#connection p.p_text{padding:5px 67px 0 10px; text-align:right; color:#eee;}		
#connection #p_links{padding:10px 35px 0 0; font-size:1.1em;  word-spacing:70px;}
#connection p.p_text label{font-size:1.1em; margin-right:8px;}
#connection .text{background: none;width:130px;height:19px;border:0; color:#999; font-size:1.1em;padding:2px 0 0 2px;}
#connection #sub1{background:none;height:23px;width:40px;border:0}










/* Contenu de Content */
#content #last_addons h2{line-height:50px; color:#fff; padding-left:15px;font-size:1.5em; background:url(img/footer.jpg)}
#content #last_addons ul{height:220px;padding:10px 3px 0; background:#4a4a4a; margin-right:10px;list-style:none}
#content #last_addons ul a img{margin:0 7px; padding: 2px 0}


#content #infos{ min-height:100px; padding-bottom:20px;}
#content #infos ul#infosbar{height:50px; background:url(img/footer.jpg); font-size:1.2em; margin-bottom:10px;list-style:none}
#content #infos ul#infosbar li{float:left; text-align:center; padding-top:9px; font-weight:bold}
#content #infos ul#infosbar li a{display:block;width:126px;height:41px; color:#eee; background:url(img/linfos.jpg); line-height:41px; margin-right:14px;}
#content #infos ul#infosbar li a:hover, #content #infos ul#infosbar li a.activ{background:url(img/liinfos_hover.jpg);}
#content #infos ul#infosbar li a#folders{ margin-right:0}
#content #infos p.p1{padding:0 15px 14px 7px; line-height:12px; background:url(img/p_infos.jpg) no-repeat 0 100%; margin-bottom:5px;color:#000; clear:left;min-height:75px;}
#content #infos p.p1 span{ float:left; margin-right:10px;}
#content #infos .p2 {position:absolute; bottom:10px;left:485px; width:40px;}




#content #news_content ul{line-height:14px; margin:10px; font-family:Tahoma;list-style:none}
#content #news_content ul a{margin-left:5px;color:#400000; font-weight:bold}
#content #news_content .p2{position:absolute; bottom:10px;right:0;}






/* Contenu de Footer */
#footer #friends h2{ background:url(img/h2_friends.jpg)}
#footer #friends p{padding:10px 3px; text-align:center}#footer #friends p a{margin:0 3px;}

#footer #news_forum ol{ padding: 10px 10px 10px 30px; color:#000; line-height:14px;}
#footer #news_forum ol a{ color:#000;}

#footer #last_pub p{padding:10px 2px; text-align:center} 

#footer p#copyright a{color:#eee;font-weight:bold; font-family:Tahoma}
#footer p.p2{position:absolute;bottom:80px; left:54%;}


#footer #news_forum ol a:hover, #footer p#copyright a:hover, #content #news_content ul a:hover, #connection dl a:hover, #connection #p_links a:hover
{ color: #FF9900;}