* {margin:0px;padding:0px;font-family:Georgia, Trebuchet MS;}
body {background-image:url(style/background.png);background-repeat:repeat-x;background-color:#404257;}

h1 {font-size:20px;font-weight:bold;}
a {cursor:pointer;}
a:hover {color:#3366FF;}
ul {padding-left:30px;padding-top:5px;}

table {margin-left:auto;margin-right:auto;width:95%;padding:0px;margin:2px;border:1px solid #DDD;}
table th {background-color:#DDD;}

#header {
        margin-left:auto;
        margin-right:auto;
        width:1000px;
        height:280px;
        background-image:url(style/ban.jpg);
}

#main {
        margin-left:auto;
        margin-right:auto;
        width:1000px;
        background-color:#ccd3e5;
}

#footer {padding-top:20px;margin-left:auto;margin-right:auto;border:1 px #888;width:1000px;height:80px;font-size:12px;color:#717173;text-align:center;background-image:url(style/footer.jpg);margin-bottom:20px;}
#footer a {color:orange;}

#fr {color:#555;margin-top:3px;padding-left:25px;background-image:url(style/flag-fr.jpg);background-repeat:no-repeat;}
#en {color:#888;padding-left:25px;background-image:url(style/flag-en.jpg);background-repeat:no-repeat;}

#content {
  padding-left:14px;
  padding-right:14px;
  padding-top:18px;
  width:770px;
  min-height:650px;
  height:auto;
  background-color:#ccd3e5;
  font-size:14px;
  display:inline-block;
}

#content h2 {font-size:18px;color:#222;border-bottom:1px solid #CCC;padding-left:10px;margin-bottom:10px;}
#content h3 {font-size:20px;font-weight:bold;color:#666;padding:10px;padding-left:5px;}

#bulle {
  -moz-border-radius:8px;
  background-color:white;
  padding:15px;
}

#bulle h2 {
  background-image:url(style/h2-icon.png);
  background-repeat:no-repeat;
  font-size:23px;
  margin-left:5px;
  margin-bottom:0px;
  padding-left:35px;
}
#bulle h2  a {text-decoration:none;color:black;}

#menu {
  padding-bottom:50px;
  float:left;
  display:block;
  width:200px;
  min-height:200px;
  background-color:#536186;
}

#menu    {letter-spacing:.4px;}
#menu h2 {font-size:22px;color:#CCC;padding-bottom:5px;padding-top:3px;margin-bottom:15px;border-bottom:solid 1px #DEDEDE;}
#menu a {color:black;text-decoration:none;}
#menu ul {padding-left:0px;}
#menu li {
  margin-bottom:5px;
  font-size:19px;
  padding-left:40px;
  padding-top:2px;
  display:block;
  height:27px;
  text-decoration:none;
  color:black;
  background:url(style/puce.png) #f8ed3b no-repeat;
  overflow:hidden;
  }


#menu a:hover {
  color:gray;
  -moz-border-radius-topright:1px;
  -moz-border-radius-bottomright:1px;
}

#cadre_compte {width:200px;height:320px;background-image:url(style/compte.png);background-repeat:no-repeat;margin-left:8px;}
#cadre_compte .pseudo {position:absolute;font-size:22px;margin-left:44px;margin-top:20px;position:absolute;}
#cadre_compte img {position:absolute;margin-left:34px;margin-top:61px;}
#cadre_compte .infos {position:absolute;margin-left:55px;margin-top:214px;}
#cadre_compte .infos:hover {border-left:0px;background:none;color:white;}
#cadre_compte .liendeco {position:absolute;width:180px;margin-top:261px;color:#DDD;text-align:center;}
#cadre_compte .liendeco a {color:#DDD;}
#cadre_compte .lien {position:absolute;margin-left:35px;margin-top:245px;color:black;font-size:20px;}
#cadre_compte .lien:hover {border-left:0px;background:none;color:orange;}

#classement {
  background:url("style/classement.png") no-repeat scroll 0 0 transparent;
  border:3px solid yellow;
  color:white;
  height:164px;
  margin-left:15px;
  padding-right:0;
  padding-top:183px;
  text-align:right;
  width:168px;
}

#classement ul {margin:0px;padding:0px;}
#classement li {background:none;overflow:hidden;font-size:14px;height:17px;margin:0px;padding:0px;border:0px;color:white;margin-bottom:-2px;}

#classement_header {
  background-image:url(style/ban_classement.jpg); 
  margin-top:-25px;
  margin-left:-14px;
  padding:0px;
  padding-left:520px;
  padding-top:65px;
  width:280px;
  height:135px;
}
#classement_header, #classement_header a {color:white;}

#classement_complet {
  width:800px;
  margin-left:-14px;
  color:#0a0a0a;
  border:0px none;
  border-collapse: collapse;
}
#classement_complet a {color:#0a0a0a;text-decoration:none;}
#classement_complet a:hover{font-weight:bold;text-decoration:underline;}
#classement_complet td {margin:0px;padding:0px;border:0px none;}
#classement_complet tr {background-color:#e9ebf7;}
#classement_complet .alt {background-color:white;}

#classement_pages {
  margin-right:auto;
  margin-left:auto;
  width:420px;
  text-align:center;
  border-radius:8px;
  background-color:white;
  padding:5px;
  margin-top:10px;	
 }
#classement_pages a {color:black;text-decoration:none;}
#classement_pages a:hover{color:black;font-weight:bold;background-color:#e9ebf7;border-radius:10px;padding:5px 0px 5px 0px;}

form {display:inline;}

#formulaire label {display:inline-block;width:150px;}
#formulaire input {width:200px;border:solid 1px #CCC;background-color:#E4EEF7;-moz-border-radius:3px;padding:2px;}
#formulaire input:focus {background-color:#FEF;color:blue;}
#formulaire input:hover {background-color:#FEF;}
#formulaire input[type="checkbox"]  {margin-left:30px;width:20px;vertical-align:top;}
#formulaire input[type="radio"]  {margin-left:30px;width:20px;vertical-align:top;}
#formulaire div {display:inline-block;width:80%;margin-bottom:10px;margin-top:-3px;}
input[type="submit"]    {background-color:#CCC;color:black;display:inline;border:2px solid #777;-moz-border-radius:5px;margin-left:5px;}

#formulaire fieldset, fieldset {border:none;background-color:#d9dde9;padding:10px;padding-bottom:25px;margin-bottom:10px;padding-left:15px;margin-right:20px;-moz-border-radius:5px;}
#formulaire fieldset h3, fieldset h3 {border-bottom:1px solid #CCD3E5;color:#536186;font-size:20px;padding:0px;margin-bottom:10px;}
#formulaire fieldset input[type="submit"], fieldset  input[type="submit"] {margin-top:10px;background-color:Cornsilk;border:#ccd3e5 solid;color:gray;font-size:18px;font-weight:bold;}
#formulaire fieldset input[type="submit"]:hover, fieldset input[type="submit"]:hover {background-color:#536186;color:Cornsilk;}


#formulaire .alt {
  -moz-border-radius:8px;
  background-color:white;
  padding:15px;
}

#formulaire .alt h3 {
  background-image:url(style/h3-icon-enquete.png);
  background-repeat:no-repeat;
  font-size:23px;
  margin-left:5px;
  margin-bottom:5px;
  padding-left:35px;
}


#formulaire textarea {width:640px;height:240px;border:solid 1px #CCC;background-color:#E4EEF7;-moz-border-radius:5px;}
#formulaire textarea:focus {background-color:#FEF;}
#formulaire .textarea_page {width:640px;height:240px;border:solid 1px #CCC;background-color:#E4EEF7;}

#formulaire .loginsec {display:none;}

#onglets {display:inline;list-style:none;}
#onglets li {padding:10px;border:1px #DDD solid;}


#forum {background:#377ca3;margin:5px;border:#377ca3 3px solid;border-collapse:collapse;}
#forum th {background:#377ca3;color:white;text-align:left;padding:2px;}
#forum td {background:#99c5de;}
#forum td, #forum a {color:black;text-decoration:none;padding:4px;padding-bottom:10px;}
#forum .pair {background:#e4eef7;}
#forum small {color:#333;font-size:10px;}


#cadre_infos {
  float:right;
  width:192px;
  padding:4px;
  margin-top:-25px;
  margin-right:-16px;
  margin-left:10px;
  padding-top:15px;
  padding-bottom:25px;
  border-left:1px solid #DDD;
  border-bottom:1px solid #DDD;
  background-color:#536186;
  color:#D9DDE9;
  -moz-border-radius:0px 0px 0px 8px;
}

#cadre_infos h1 {font-size:18px;margin-bottom:5px;color:#a4aec2;}
#cadre_infos h2 {color:#a4aec2;border-bottom:1px solid #a4aec2;padding-left:5px;margin-bottom:10px;font-size:20px;}
#cadre_infos h2:hover {color:#f8ee3e;text-shadow:1px 2px 3px black;}
#cadre_infos a {color:#c9d4ea;}
#cadre_infos a img, #cadre_infos img {max-width:180px;display:block;margin-left:auto;margin-right:auto;border:3px solid #f8ee3e;}
#cadre_infos ul {padding-top:0px;padding-bottom:10px;padding-left:8px;}
#cadre_infos li {list-style-type:circle;margin-left:10px;margin-bottom:10px;}
#cadre_infos li a {text-decoration:none;color:#D9DDE9;}
#cadre_infos li a:hover {text-decoration:underline;color:white;}
#cadre_infos .timer {background-image:url("style/timer.jpg");width:100px;height:28px;color:#002b40;padding-top:12px;padding-left:40px;font-weight:bold;}

#blocnote {width:198px;}
#blocnote textarea {width:172px;height:165px;
  padding:8px;
  padding-left:14px;
  padding-right:12px;
  background:#none;font-size:11px;background:url("style/blocnote.png") no-repeat;border:black;
}

#blocnote textarea:focus {color:DarkBlue;}

#fiche_perso .photo {float:left; max-width: 300px; border:5px solid gray; -moz-border-radius:5px; margin-right:20px; margin-bottom:10px;}

#element_enquete {
  width:560px;
  -moz-border-radius:5px 5px 5px 5px;
  background-color:#D9DDE9;
  border:medium none;
  margin-bottom:10px;
padding:10px 10px 25px;
}

#actionPending {border-bottom:1px solid #DDD;}
#actionPending .timeleft {color:darkblue;font-size:12px;float:right;}

#clearboth {clear:both;}