body{
margin:0;padding:0;
font:0.8em Arial,Helvetica,sans-serif;
color:#666666;background-color:white
}

/*STYLES CSS GENERAUX*/

a{color:#00A3F0;text-decoration:underline}
a:hover{text-decoration:none}
a img{border:0}

p{margin-top:0;margin-bottom:10px}
p.center,div.center{text-align:center}

form div {margin-top:5px}
input[type=text],input[type=password],textarea{border:1px solid #8c8c8c}
input[type=text]:hover,input[type=password]:hover,textarea:hover,
input[type=text]:focus,input[type=password]:hover,textarea:focus{
border:1px solid #B0C52C}

input[type=submit],a.submit{
cursor:pointer;
background-color:white;
border:0;padding:2px;
font-weight:bolder;color:black;
text-decoration:none
}
input[type=submit]:hover,a.submit:hover{color:#B0C52C}
input.disabled {border-color:#8C8C8C;color:#8C8C8C}
form.f-labels label {
float:left;
width:8em;
font-weight:bolder;
text-align:right;
margin-right:0.5em;
display: block;
}
form.f-labels p.instructions{
margin-top:25px;margin-left:8.5em;}

h1{
margin-top:0;
font-family:arial;color:#595959;
font-weight:bolder;font-size:24px;
line-height:0.75em;
}

h1 span.agreen a{
text-decoration:inherit;
color:inherit;
}

h1 .h1-mini{font-size:14px;font-weight:bolder}
h2 {color:#8c8c8c;font-size: 16px}

.red{color:#FF3300}
.green{color:#66CC66}
.agreen{color:#B0C52C}
.jaune{color:#FDD535}
.titre-rouge{color:#D84D5F;font-weight:bold}
.titre-cat{color:#8C8C8C;font-size:15px}
.titre-cat-mini-red{color:#D84D5F;font-size:12px;font-weight:bolder}
.justify{text-align:justify}
.cursor{cursor:pointer;}

.facebook {
background:url("http://static.ak.fbcdn.net/rsrc.php/zDYYQ/hash/deh9tyqv.png") no-repeat #5F78AB;
font-family:lucida grande,tahoma,verdana,arial,sans-serif;
color:#FFFFFF;
display:block;
font-weight:bold;
padding:2px 6px 3px;
text-decoration:none;
background-position:left -188px;
font-size:12px;
line-height:14px;
min-height:17px
}


/*STRUCTURE GENERALE*/
#col-g {
float:left;
width:25%;
text-align:center;
padding:20px;
min-width:250px;
}
#col-m {
padding-top:5px;
padding-left:30%;
}
#col-d{
float:right;
width:15%;
margin-left:15px
}
div.wrapper{width:95%;margin:20px auto 0}

/*HEADER*/
#header {
width:100%;
background:url(/img/bg/header.jpg) no-repeat #FDD535;
padding:0;margin-bottom:0;
height:100px;
}

#header #header-droit {
float:right;margin:10px;text-align:right
}

#header #form-connexion-membre input[type=text],
#header #form-connexion-membre input[type=password] 
{width:100px}
#header-separateur {background-color:#9A9A9A;height:7px}

#header-menu{
font-weight:bolder;font-size:1.2em;color:black;
background:url(/img/bg/menu.png) no-repeat #00A3F0;
padding:7px 10px 7px 0;
border:1px solid black;
border-width:0px 0 1px 1px;
margin-left:230px;
-moz-border-radius-bottomleft:25px;
-webkit-border-bottom-left-radius:25px
}

#header-menu ul {margin:0 0 0 20px;padding:0}
#header-menu ul li{
list-style:none;
display:inline;
padding:0px 15px
}

#header-menu ul li a#lien-ajouter {text-decoration:underline}

#header-menu a{color:white;text-decoration:none}
#header-menu a:hover{color:black}

#menu-non-membre a {text-decoration:none;color:black}
#menu-non-membre a:hover {text-decoration:underline;color:black}

#form-connexion-membre, #menu-membre, #menu-membre-fb  {
text-align:right;
background-color:white;
border:1px solid black;
padding:4px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#form-connexion-membre form {
margin:0;
padding:0
}

#menu-non-membre {text-align:right}
#menu-membre {text-align:left;}
#menu-membre img {vertical-align:middle}

#menu-membre-fb {min-height:60px;text-align:left;}

#fb-picture{
float:left;
margin:2px;
width:50px;
height:50px
}

#lien-logo-vers-accueil{
display:block;
height:100%;
width:450px
}

#cadre-infos {
float:right;
margin-top:5px;
color:#666666
}

#formulaire-recherche{margin-left:10%}
#formulaire-recherche img{vertical-align:-75%;margin-right:25px}

#chercherkeskiladi{
width:30%;
border:2px solid #CDDD70;
padding:4px;
font-weight:bolder;
-moz-border-radius:5px;-webkit-border-radius:5px;
/*background:url(/img/bg/cherche-une-definition-ici.png) no-repeat 5px 50% white;*/
}
#chercherkeskiladi:hover,#chercherkeskiladi:focus
{background-image:none}

/*CONTENT*/

form#inscription input[type=text],
form#inscription input[type=password]
{width:220px}
form#inscription {margin-top:20px}

form#contact input[type=text],
form#contact textarea,
form#contact select
{width:300px}

form#ajout input[type=text] {width:400px}
form#ajout textarea {width:400px}
form#ajout .group-header{
margin-top:20px;
font-weight:bolder;
border-bottom:1px solid #b0c52c;
cursor:pointer;
color:#b0c52c}
form#ajout .group-header span {color:#666666}

.cadre-fin-arrondi{
width:600px;
margin:30px auto 50px auto;
border:1px solid #FDD535;
padding:15px;
-moz-border-radius:5px;-webkit-border-radius:5px
}

.nuage-de-tags{
background:url(/img/bg/bg-tendance.png) no-repeat center top #E6F5D0;
/*border:2px solid #D0E7D1;*/
border:2px solid #8C8C8C;
padding:4px;
font-weight:bolder;
margin-bottom:20px;
-moz-border-radius:5px;-webkit-border-radius:5px
}

.liste-de-tags{
background-color:#E6F5D0;
border:2px solid #8C8C8C;
padding:4px;
font-weight:bolder;
margin-bottom:15px;
font-size:14px;
-moz-border-radius:5px;-webkit-border-radius:5px
}
.liste-de-tags a{text-decoration:none;color:#57744E}
.liste-de-tags a:hover{text-decoration:underline}


a.tendance1 {font-size:22px;color:#57744E}
a.tendance2 {font-size:20px;color:#7D9F71}
a.tendance3 {font-size:18px;color:#7D9F71}
a.tendance4 {font-size:16px;color:#B1C6AA;}
a.tendance5 {font-size:16px;color:#B1C6AA;}
a.tendance6 {font-size:14px;color:#BFCEB9}
a.tendance7 {font-size:12px;color:#E2E9E0}
a.tendance {text-decoration:none}
a.tendance:hover {color:black}

#le-mot-du-mois{
text-align:justify;
background-color:#FCFFF2;
border:1px solid #FDD535;
padding:6px;
color:#666666;
-moz-border-radius:5px;-webkit-border-radius:5px
}

#le-mot-du-mois a.perso{color:#666666;text-decoration:none}

#liste-de-defs-header {
width:78%;
margin:15px 0 20px 0;
}

ol#liste-de-defs {list-style-type:none;padding:0}
ol#liste-de-defs li.definition, ol#liste-de-defs li.illustrations{
width:78%;
margin-bottom:15px;
min-height:200px
}
ol#liste-de-defs li.definition-pub {
width:78%;
margin-bottom:15px;
text-align:center;
}

ol#liste-de-defs li.definition,ol#liste-de-defs li.definition-pub {
padding:8px;
background-color:#F2F2F2;
border:2px solid #FEE378;
-moz-border-radius:5px;-webkit-border-radius:5px;
}

ol#liste-de-defs li p.header-definition {font-size:20px;margin-left:70px}
ol#liste-de-defs li p.header-definition  span.small {color:grey;font-size:10px}

ol#liste-de-defs li div.definition a{text-decoration:none}
ol#liste-de-defs li div.definition a:hover{text-decoration:underline}
ol#liste-de-defs li div.definition {margin-top:20px;padding-left:70px;text-align:justify;}

ol#liste-de-defs li .vote {float:left;margin-top:30px;margin-right:20px;vertical-align:middle}
ol#liste-de-defs li .vote table {text-align:center;vertical-align:middle;padding:0}
ol#liste-de-defs li .vote td {padding:0}
ol#liste-de-defs li .vote td.scook,
ol#liste-de-defs li .vote td.scoko
{width:30px;font-size:18px;font-weight:bolder;padding:0px}

ol#liste-de-defs .exemples{color:#666666;font-style:italic}

#gallerie-illustrations { 
width:250px;
height:202px;
margin:0 0 10px;
padding:0;
display:block;position:relative;
float:left
}
#conteneur-minis{position:relative;overflow:hidden;width:200px;height:205px;margin:0 auto;}
#minis {white-space:nowrap}
#minis a {padding:0;margin:0}
#minis a img{border:1px #333333 solid}
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:50px; right:0px; background:url(/img/icons/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:50px; left:0px; background:url(/img/icons/gallery_back.jpg) no-repeat;  }
div.illustration-commentaire p:last-child a {text-decoration:none}

li.illustrations div#illustrations-pub {
border:1px solid #000000;width:200px;height:200px;float:left
}


ol#liste-simple-de-defs{
list-style-type:none;
padding:0;
padding-left:20px;
margin-top:30px
}
ol#liste-simple-de-defs div.defs{margin-bottom:30px}

tr.smiley{height:30px}
td.ok.actif,td.ko.actif{height:30px;width:30px;opacity:0.6;cursor:pointer;visibility:visible}
td.ok.passif,td.ko.passif  {height:30px;width:30px;opacity:1.0;cursor:auto;visibility:visible}
td.ok.actif,td.ok.passif{background:url(/img/icons/smileys/smiley-vote-ok.gif) no-repeat 0 0px;}
td.ko.actif,td.ko.passif{background:url(/img/icons/smileys/smiley-vote-ko.gif) no-repeat 0 0px;}
td.ok.passif,td.ko.passif{opacity:1.0;background-position:0 -30px}
td.ok.actif:hover,td.ko.actif:hover,td.ok.passif:hover,td.ko.passif:hover{opacity:1.0;background-position:0 -30px}

img.ok.rank,img.ko.rank {opacity:0.6;cursor:pointer}

.listeSimpleTags a{background-color:white;padding:2px 4px;border:1px solid #FDA30E;-moz-border-radius: 5px;color:#FDA30E;text-decoration:none}
.listeSimpleTags a:hover{border-color:#b0c52c;color:#b0c52c}

.pinkbullet li, p.pinkbullet {
background: url(/img/icons/bullet.gif) no-repeat 0pt 4px;
padding-left: 12px;
list-style-type: none;
}

#partager-def-ami img{
vertical-align:-3px
}


#partager {padding:10px}
#partager input,textarea {width:60%}

#pop-non-membre {
padding:10px
}

table.profil {
text-align:center;
}
table.profil thead tr{

}
table.profil td {
padding: 2px 6px;
}
table.profil th#ok {
width:20px;
}

/*FOOTER*/

#footer{
margin-top:20px;
clear:both;
text-align:center;
font-size:12px;
color:#666666
}

#footer span {
font-size:18px
}