/*
** Par theo7
** Pour www.feuille-de-style.net
**
** Icone du globe a cot� du "feuille-de-style" de la banniere prise sur le th�me SnowIsh :

-- http://www.kde-look.org/content/show.php/SnowIsh?content=42905

** Télécharger sur http://www.kde-look.org/
*/

/****************************************/
/**** Remise a zéro des valeurs *********/
/****************************************/
*{
  margin:0;
  padding:0;
  border:0;
  font-family:arial,sans-serif;
  font-size:1em;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
}
/****************************************/
/**** Mise en forme principale **********/
/****************************************/
body{
  padding-top:0.1%;
  padding-bottom:0.1%;
  font-family:arial,serif;
  font-size:0.80em;
  width:760px;
  margin:auto;
  background-color:#565656;
}
.header{
  background-image:url('http://www.feuille-de-style.net/images/extra/baanFDS.png');
  height:170px;
  width:760px;
}
.corp,.corp2,.CC,.menu,.menuUp{
  background-color:#fff;
}
.CC{
  text-align:center;
  color:#a0a0a0;
  border-top:1px solid #d4d4d4;
  padding-top:1%;
  background-image:url('http://www.feuille-de-style.net/images/extra/bas.png');
  background-position:bottom;
  background-repeat:no-repeat;
  clear:both;
}
.menuUp{
  padding-top:1%;
  padding-bottom:1%;
  background-color:#e5e7ef;
  text-align:center;
}
.menu{
  float:left;
  width:16.4%;
  margin-top:15px;
  margin-bottom:5px;
  padding-top:1.5%;
  padding-bottom:1.5%;
  border-right:1px solid #d4d4d4;
  border-top:1px solid #d4d4d4;
  border-bottom:1px solid #d4d4d4;
  
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
  -khtml-border-radius-topright:15px;
  -khtml-border-radius-bottomright:15px;
  -webkit-border-bottom-left-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  border-radius-topright:15px;
  border-radius-bottomright:15px;
}
.menu *[class=menuElement]{padding-left:10%;}
#menuPub{
  text-align:center;
  display:block;
  border-top:1px solid #cdcdcd;
  margin-top:10px;
}
.corp{
  padding-left:20%;
  padding-top:2%;
  padding-bottom:2%;
  padding-right:2%;
}
/****************************************/
/**** Finissions ************************/
/****************************************/
a{
  color:#779ca6;
}
a:hover{
  color:#464646;
  text-decoration:underline;
}
.menu strong{
  font-size:0.95em;
  font-family:"arial bold";
  font-weight:bolder;
  line-height:45px;
}
optgroup{
  font-weight:bolder;
  font-size:0.95em;
}
option{
  padding-left:10px;
}

.menu_accueil:before{
  content:url('http://www.feuille-de-style.net/images/extra/accueil.png')" ";
}
.menu_contenu:before{
  font-size:15px;
  color:#cdcdcd;
  content:"| "url('http://www.feuille-de-style.net/images/extra/contenu.png')" ";
}
.menu_administration:before{
  font-size:15px;
  color:#cdcdcd;
  content:"| "url('http://www.feuille-de-style.net/images/extra/administration.png')" ";
}
.menu_forum:before{
  font-size:15px;
  color:#cdcdcd;
  content:"| "url('http://www.feuille-de-style.net/images/extra/forum.gif')" ";
}
.menu fieldset{
  border:0;
}
#menuSite:before{
  content:url('http://www.feuille-de-style.net/images/extra/menusite.png')" ";
}
#menuDocs:before{
  content:url('http://www.feuille-de-style.net/images/extra/menudoc.png')" ";
}
#menuDesign:before{
  content:url('http://www.feuille-de-style.net/images/extra/menudesign.png')" ";
}
#menuMembre:before{
  content:url('http://www.feuille-de-style.net/images/extra/menumembre.png')" ";
}
#menuOutils:before{
  content:url('http://www.feuille-de-style.net/images/extra/administration.png')" ";
}
.inscription:before{
  content:url('http://www.feuille-de-style.net/images/extra/inscription.png')" ";
}
.connexion:before{
  content:url('http://www.feuille-de-style.net/images/extra/connexion.png')" ";
}
.sujet_ferme:before{
  content:url('http://www.feuille-de-style.net/images/extra/sujet_ferme.png')" ";
}
.lecture_seul:before{
  content:url('http://www.feuille-de-style.net/images/extra/lecture_seul.png')" ";
}
fieldset{
  border:1px solid #565656;
  padding:1%;
}
legend{
  margin-left:20px;
}
p{
 margin-bottom:1%;
}
h1,h2,h3,h4,h5,h6{
  font-weight:bolder;
  text-align:center;
  background-color:#e5e7ef;
  margin-bottom:1.5%;
  
  -moz-border-radius:15px;
  -khtml-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  
}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
.CSSPop h3{margin-top:1.5%;}
input,textarea{
  border:1px solid #e5e7ef;
}
label{
  width:150px;
  float:left;
}
li{margin-left:20px;}
.recherche{
  position:absolute;
  margin-left:528px;
  margin-top:40px;
  background-image:url('http://www.feuille-de-style.net/images/extra/recherche.png');
  height:90px;
  width:220px;
}
.recherche p{margin-left:20px;margin-top:20px;}
.recherche_result{color:#FFaf11}
input[type=submit],input[type=button]{
  background-color:#e5e7ef;
}
.recherche input[name=recherche]{width:128px;border:1px solid #565656;}
.subch{
  background-image:url('http://www.feuille-de-style.net/images/extra/go.png');
  width:25px;
  height:25px;
  margin-left:5px;
  border:0;
}
.subch_fast{
  background-image:url('http://www.feuille-de-style.net/images/extra/go_fast_search.png');
  width:25px;
  height:25px;
  margin-left:5px;
  border:0;
}
.recherche_tutos:before, .recherche_news:before{
  content:url('http://www.feuille-de-style.net/images/extra/contenu.png')" ";
}
.recherche_forum:before{
  content:url('http://www.feuille-de-style.net/images/extra/forum.gif')" ";
}
.recherche_forum, .recherche_news,.recherche_tutos{padding-left:15px;padding-bottom:10px;}
/****************************************/
/**** Les news **************************/
/****************************************/
.news{
  width:100%;
  background-color:#e5e7ef;
  margin-top:1%;
  margin-bottom:1%;
}
.contenuRound{
  padding-left:2%;
}
.topRound:before{
   content:url(http://www.feuille-de-style.net/images/extra/bord_tl.png);
}
.topRound{
   background:url(http://www.feuille-de-style.net/images/extra/bord_tr.png) no-repeat top right;
}
.bottomRound div{
   background:url(http://www.feuille-de-style.net/images/extra/bord_bl.png) no-repeat bottom left;
}
.bottomRound{
   background:url(http://www.feuille-de-style.net/images/extra/bord_br.png) no-repeat bottom right;
}

.news .titreNews{
  margin-bottom:2%;
  padding-bottom:3.5%;
  font-size:18px;
  display:block;
  text-align:center;
}
.news .petit{
  font-weight:bolder;
  font-size:0.75em;
  font-style:italic;
}
select{border:1px solid orange;}
code{font-size:0.8em;}
/****************************************/
/**** Le forum **************************/
/****************************************/

table{border-collapse:collapse;width:100%;text-align:center;}
tr{border:1px solid #565656;width:100%;}
td{border:1px solid #565656;}
th{background-color:#e5e7ef;font-size:0.95em;}

.forum_cat{background-color:#edeef3;}
.avatars_forum{max-height:100px;max-width:100px;}

.forum_resolut{color:green;}
.forum_resolut:before{content:url(http://www.feuille-de-style.net/images/extra/resolut.png);width:16px;height:16px;}
.forum_ferme{color:red}
.forum_ferme:before{content:url(http://www.feuille-de-style.net/images/extra/ferme.png);width:16px;height:16px;}
.forum_lu:before{content:url(http://www.feuille-de-style.net/images/extra/lu.gif);width:16px;height:16px;}
.forum_non_lu:before{content:url(http://www.feuille-de-style.net/images/extra/nonlu.gif);width:16px;height:16px;}
table .forum_lu,table .forum_non_lu,table .postit,table .forum_ferme,table .forum_resolut{text-align:left;margin-left:20%;}

.forum_post{background-color:#e5e7ef;font-weight:normal;text-align:left}
.forum_post1{background-color:#e5e7ef;font-weight:normal;text-align:left;padding-left:20px}

.avatars{float:left; max-height:20%; max-width:20%; padding-right:10px}
.avatars_upload{max-height:100px; max-width:100px;border:0px;text-align:center}
.geshi{font-size:11px;}

.quote
{
padding:5px;
overflow:auto;
border:1px dashed #000;
float:left;
width:95%;
}
.message{text-align:left;padding-left:2%;}
.b{font-weight:bolder;font-size:13px;}
.i{font-style:italic}
.h1{font-size:20px}
.h2{font-size:18px}
.h3{font-size:16px}
.h4{font-size:14px}
.h5{font-size:12px}
.h6{font-size:10px}
textarea{width:100%;height:250px;}
.postit{color:#e7e3a6}
.postit:before{content:url('http://www.feuille-de-style.net/images/extra/postit.png');width:16px;height:16px;}
.administrateur{color:green}
.moderateur{color:blue}
.validateur{color:purple}
.banni{color:red}
.membre_disconnect{background-image:url("http://www.feuille-de-style.net/images/extra/deconnecter.png");background-repeat:no-repeat;}
.membre_connect{background-image:url("http://www.feuille-de-style.net/images/extra/connecter.png");background-repeat:no-repeat;}
.acronym_img{text-decoration:none}
.tutoriels{float:right;font-size:10px;}
.keyword{color:black}
.keyword2{color:blue}
.erreur{color:red;font-weight:bolder;}
.petit{font-size:0.67em}
.infosMembrePost{width:25%;vertical-align:top;border-right:1px solid #fff;background-color:#efefef;padding-top:20px;}
.verse{padding-left:10px;}
.pagin_actual_page{font-weight:bolder;}
.clicToggle{cursor:pointer;color:#779ca6;}
.clicToggle2{cursor:pointer;}
.clicToggle:hover{color:#464646;}
.centrer{display:block;text-align:center}
/****************************************/
/**** Pops-ups **************************/
/****************************************/
.CSSPop
{
  position:absolute;
  color:#565656;
  opacity:0.85;
  width:45%;
  border:1px solid #565656;
  border-top:0.9em solid #565656;
  background-color:#fff;
  z-index:100;
  padding-left:2px;
  -moz-border-radius:15px;
}
.hidden span{display:none}
.hidden:hover{background:none;z-index:10;}
.hidden:hover span{
  display:inline;
  position:absolute;						
  margin-right:1px;
  margin-top:3px;
  font-size:11px;
  opacity:0.65;
  color:#565656;
  padding:3px;
  border:1px solid #565656;
  border-left:0.4em solid #565656;
  background-color:#fff;
  -moz-border-radius:15px;
}

.hidden1 span{display:none}
.hidden1:hover{background:none;z-index:10;}
.hidden1:hover span{
  display:block;
  position:absolute;						
  margin-right:1px;
  margin-top:-50px;
  font-size:11px;
  opacity:0.85;
  width:70%;
  color:#565656;
  padding:3px;
  border:1px solid #565656;
  border-left:0px;
  background-color:#fff;
  -moz-border-radius:15px;
}
/****************************************/
/**** Administration ********************/
/****************************************/
.admin_tout{
  width:100%;
}
.admin_bloc{
  margin:5px;
  float:left;
  width:45%;
  background-color:#e5e7ef;
}

/* Couleurs */

.rose{color:pink}
.rouge{color:red}
.vert{color:green}
.jaune{color:yellow}
.violet{color:purple}
.argent{color:silver}
.blanc{color:white}
.gris{color:gray}
.olive{color:olive}
.noir{color:black}

/* Smileys */
.smi1{background-image:url('http://www.feuille-de-style.net/images/smileys/-_-.png');background-repeat:no-repeat;}
.smi2{background-image:url('http://www.feuille-de-style.net/images/smileys/:(.png');background-repeat:no-repeat;}
.smi3{background-image:url('http://www.feuille-de-style.net/images/smileys/:).png');background-repeat:no-repeat;}
.smi4{background-image:url('http://www.feuille-de-style.net/images/smileys/|D.png');background-repeat:no-repeat;}
.smi5{background-image:url('http://www.feuille-de-style.net/images/smileys/:\\.png');background-repeat:no-repeat;}
.smi6{background-image:url('http://www.feuille-de-style.net/images/smileys/:D.png');background-repeat:no-repeat;}
.smi7{background-image:url('http://www.feuille-de-style.net/images/smileys/:o.png');background-repeat:no-repeat;}
.smi8{background-image:url('http://www.feuille-de-style.net/images/smileys/:p.png');background-repeat:no-repeat;}
.smi9{background-image:url('http://www.feuille-de-style.net/images/smileys/:|.png');background-repeat:no-repeat;}
.smi10{background-image:url('http://www.feuille-de-style.net/images/smileys/;).png');background-repeat:no-repeat;}
.smi11{background-image:url('http://www.feuille-de-style.net/images/smileys/^^.png');background-repeat:no-repeat;}