@charset "utf-8";



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


/* Body  font et links
----------------------------------------------------------------------------*/
body{background:#272727;padding:13px 0;font:63.5%  Arial, Helvetica, sans-serif;color:#333}
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}
.p2news{text-align:right; padding:404px 9px 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:98px; padding:1px 40px; text-align:center;line-height:90px;}


/* Preamble
----------------------------------------------------------------------------*/
#preamble{min-height:272px; padding:8px 8px 0;}
#preamble #prelude{background:url(img/cadrecontact.jpg) no-repeat; width:860px; min-height:500px; float:left; margin-top:1px; padding:70px 20px;}
#preamble #prelude #corps{background:url(img/incontent.jpg) repeat-y; margin-top:100px;}


#preamble h3.titre {color:#400000;font-weight:bold; font-size:15px; font-family:Tahoma; text-align:left}
#preamble b.posteur  a{font-weight:bold; color:#323232}
#preamble b.posteur  a:hover{color:#FF9900}
#prelude p.intronews  {font-size:11px; text-align:left; font-family:Tahoma}
#prelude h3.message {font-size:12px; text-align:left; font-family:Tahoma; font-weight:normal}
#prelude p.totalcommentaire  {font-size:11px; color:#400000; font-family:Tahoma; text-align:left}

#prelude p.messagecomm  {padding-left:15px; font-size:10px; font-family:Tahoma;}
#prelude .commentaire2  {background:url(img/fdtitrecom.jpg); margin-left:-7px;height:20px; width:543px; padding:4px 0 0 0;}
#prelude #fondcom2 {padding:0 0 0 6px; background:url(img/corpmessagecom.jpg) repeat-y; width:543px; margin-left:-7px; margin-top:-15px;}



#prelude b.introcom {padding:-20px 3px 12px; margin-left:6px; font-size:10px; color:#D9D9D9; font-weight:normal}
#prelude p.commentaire  {background:url(img/fondtitrecom.jpg); margin-left:-10px;height:22px; width:550px; padding:3px 0 0 0;}
#prelude h4.addcom  {font-size:10px; color:#400000; font-family:Tahoma; margin-top:70px; text-align:center}
#prelude b.posteurcom  a{font-size:10px; color:#FFF}
#prelude b.posteurcom  a:hover{font-size:10px; color:#FF9900}
#prelude h3.messagecom { margin-left:-3px; font-size:11px; font-family:Tahoma; font-weight:normal}





/* Content*/
#content{background: url(img/content.jpg) repeat-x; min-height:330px; padding:-8px 19px 27px 50px; position:relative;}
#content #incontent{ background:url(img/inc.jpg) repeat-y;}
  #content #left_content{width:556px; float:left; min-height:10px}
  #content #news_content{background: url(img/cadrelistnews.jpg); width:321px; height:610px; float:right; margin-top:9px; margin-right:5px; min-height:600px;}


/* Footer */
#footer{background:url(img/infooter.jpg);color:#fff; position:relative; min-height:10px}
#footer #infooter{background:url(img/footer.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/copyright.jpg) no-repeat 0 100%;margin: 0 -15px; padding:60px 20px 10px;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#accueil{background:url(img/accueil.jpg);width:111px; padding:0}
#speedbar li#contact{background:url(img/contact.jpg);width:117px;padding:0}
#speedbar li#accueil2{background:url(img/accueil2.jpg);width:111px; padding:0}
#speedbar li#accueil a:hover{background:none;}
#speedbar li#contact a:hover{background:url(img/contact_hover.jpg)} 
#speedbar li#actif{background:url(img/actif.jpg);width:112px; padding:0}
#speedbar li#actif a:hover{background:none;}
#speedbar li#contact2 {background:url(img/contact_hover.jpg); width:115px} 
#speedbar li#contact2 a:hover{background:none;}

/* 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.9em; 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.8em; 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:13px; margin:52px 5px 10px 10px; font-family:Tahoma;list-style:none; font-size:10px }
#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 #friends ul{margin:10px; font-family:Tahoma; list-style:none; font-size:10px; color:#400000; margin-top:30px }
#footer #friends ul a{font-size:9px;margin-left:5px; color:#400000; font-weight:bold}
#footer #news_forum ol{ padding: 10px 10px 10px 30px; color:#000; line-height:14px;}
#footer #news_forum ol a{ color:#000;}
#news_forum p.question  {padding: 19px; margin-left:27px; font-size:12px; color:#400000; font-weight:bold}
#news_forum p.choix  {padding: 20px; text-align:center; font-size:12px; color:#400000}
#news_forum p.log  {text-align:center; font-size:10px; color:#400000}

#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 #friends ul a:hover, #footer p#copyright a:hover, #content #news_content ul a:hover, #connection dl a:hover, #connection #p_links a:hover
{ color: #FF9900;}


#none display:none