body, html {
    margin:0;
    background:#cacaca url(/templates/images/body.png) repeat-x;
}

body {
    padding:0 0 50px 0;
}

.hidden {
    display:none;
}

img {
    border:0;
}

* {
    outline:none;
}

.corner {
    position:relative;
}

.clear {
    clear:both;
}

.clear-after:after {
    content: '.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    width:0;
    overflow:hidden;    
}

#top {
    background:#6b6b6b;
    height:43px;
    line-height:43px;
    overflow:hidden;
    border-top:1px solid #7e7e7e;
    border-bottom:1px solid #7e7e7e;
}

#top-content {
    width:974px;
    margin:auto;
    font-family:Calibri, Verdana;
    font-size:12px;
    color:#cdcdcd;
}

#top-content a {
    color:#cdcdcd;
    text-decoration:none;
}

#top-content a:hover, #main-menu li a:hover {
    text-decoration:underline;
}

#facebook, #connexion {
    height:43px;
    line-height:43px;
    display:block;
    border-top:2px solid #999
}

#facebook {
    float:left;
    padding:0 7px 0 30px;
    background:#757575 url(/templates/images/facebook.png) 7px 12px no-repeat;    
}

#connexion {
    float:right;
    padding:0 7px 0 30px;
    background:#757575 url(/templates/images/connexion.png) 7px 12px no-repeat; 
}

#connexion ul {
    margin:0;
    padding:0 0 0 4px;
}

#connexion li {
    display:table-cell;
    padding:0 5px 0 0;
    margin:0;
}

#connexion li:first-child:after {
    content: '  |';
}

#main-menu ul {
    font-family:Calibri, Verdana;
    width:975px;
    margin:0 auto;
    padding:0;
    overflow:visible;
}

#main-menu li {
    width:195px;
    height:75px;
    list-style:none;
    float:left;
    padding:2px 0 0 0;
}

#main-menu li a {
    display:block;
    height:41px;
    line-height:41px;
    color:#fff;
    text-decoration:none;
    font-size:24px;
    padding:0 15px 0 15px
}

#main-menu details {
    font-size:12px;
    color:#fff;
    padding:0 15px 0 15px; 
    margin:0;   
}

#menu-accueil {
    background:#8a1a1b;
}

#menu-propositions {
    background:#e47d32; 
}

#menu-discussions {
    background:#c5b725; 
}

#menu-contact {
    background:#b6d313;
}

#menu-recherche {
    background:#a56d4b; 
}

#menu-accueil a {
    background:#A34A4B;
}

#menu-propositions a {
    background:#EA995D;
}

#menu-discussions a {
    background:#D1C653;
}

#menu-contact a {
    background:#C5DC45;
}

#menu-recherche a {
    background:#B88C71;
}

#content {
    font-family:Calibri, Verdana;
    clear:both;
    background:#fff;
    width:960px;
    margin:auto;
    padding:10px 0;
}

.articles {
    float:left;
}

.art-title {
    width:730px;
    height:40px;
    line-height:40px;
    background:#306a9b;
    margin-left:-14px;
    text-indent:35px;
    font-size:16px;
    z-index:5;
    color:#fff;
}

.art-title h2 {
    font-weight:normal;
}

.art-title a {
    color:#fff;
    text-decoration:none;
}

.art-title a:hover {
    text-decoration:underline;
}

.art-meta {
    width:710px;
    margin-left:14px;
    height:50px;
    z-index:2;
    background:#ededed;
    border:1px solid #ccc;
}

.art-meta-content {
    padding:7px 17px 5px 7px;
}

.preview {
    float:left;
}

.preview img {
    width:34px;
    height:34px;
    background:#fff;
}

.preview figcaption {
    display:none;
}

.date {
    font-size:14px;
    color:#303030;
    padding-left:5px;
    float:left;
}

.date a {
    text-decoration:none;
    font-style:italic;
    color:#306a9b;
}

.date a:hover {
    text-decoration:underline;
}

.info-commentaires {
    margin-top:18px;
    line-height:19px;
    font-size:12px;
    margin-left:33px;
}

.info-commentaires a {
    color:#616161;
    text-decoration:none;
}

.info-commentaires a:hover {
    color:#717171;
}

.info-commentaires span {
    padding:3px 9px 5px 9px;
    margin-left:5px; 
    text-align:left;
    margin-right:2px;
    background:url(/templates/images/bulle.png) center center no-repeat;    
}

.tags {
    float:right;
    font-size:12px;
    color:#989ba6;
    font-style:italic;
}

.tags a {
    color:#5b5c60;
    text-decoration:none;
    padding-left:3px;
}

.tags a:hover {
    text-decoration:underline;
}

.tags nav {
    display:inline;
    margin:0;
    padding:0;
}

.note-rss {
    right:14px;
    margin-top:18px;
}

.note-rss img {
    border:0;
    margin:0;
    height:16px;
    line-height:17px;
}

.note-rss a.rss {
    display:block;
    width:16px;
    float:right;
    height:16px;
    text-indent:-100000px;
    margin-left:3px;
    background:url(/templates/images/feed.png) no-repeat;
}

.lire-suite {
    width:117px;
    text-align:center;
    height:21px;
    line-height:21px;
    background:#96c3ea;
    margin:10px 0 20px -11px;
    font-size:12px;
}

.lire-suite a {
    color:#374b5d;
    text-decoration:none;
}

.lire-suite a:hover {
    text-decoration:underline;
}

#page-footer {
    clear:both;
    height:60px;
    width:992px;
    margin:auto;
    background:#6b6b6b;
    display:block;
    text-align:center;
}



#page-footer p {
    margin:0;
    padding:15px;
    color:#ccc;
    font-family:Calibri, Verdana;
    font-size:12px;
}

#page-footer p a {
    color:#ccc;
    font-weight:bold;
}

#page-footer img {
    vertical-align:middle;
    margin:3px 3px 0 0;
}

#sous-footer {
    color:#6b6b6b;
    padding:4px 0 0 0;
    width:992px;
    margin:auto;
    font-family:Calibri, Verdana;
    font-size:12px;
    text-align:center;
}

#sous-footer p {
    margin:0;
    padding:0;
}

#sous-footer a {
    text-decoration:none;
    color:#6b6b6b;
    text-transform:uppercase;
    padding:0 3px;
}

#sous-footer a:hover {
    text-decoration:underline;
}

#sidebar {
    float:right;
    font-family:Calibri, Verdana;
    padding-top:20px;
}

.module h2 {
    width:207px;
    height:35px;
    line-height:17px;
    background:#96c3ea;
    margin:0 -7px 0 0;
    text-indent:15px;
    font-size:24px;
    color:#374b5d; 
    padding-top:5px;
    font-weight:normal;   
}

.module h2 span {
    font-size:12px;
    display:block;
    margin:0;
    padding:0;
}

.module-links {
    border:1px solid #d6d6d6;
    width:193px;
    margin:0 -7px 20px 6px;
    background:url(/templates/images/module_liens.jpg) repeat-x bottom;
}

.module-links nav {
    margin:0;
    padding:0;
    position:static;
}

.module-links ul {
    margin:0;
    padding:5px;
    list-style:none;
}

.module-links li {
    margin:0;
    padding:7px 0;
    font-size:13px;
    color:#374b5d;
    border-top:1px solid #ccc;
    width:100%;
    display:table;
}

.module-links li.lihover {
    display:none;
}

.module-links:hover li.lihover {
    display:table;
}

.module-links li:first-child {
    border:0;
}

.module-links li img {
    width:16px;
    margin:0 3px 0 0;
    padding-top:3px;
    vertical-align:middle;   
}

.module-links li a:hover {
    text-decoration:underline      
}

.module-links li a {
    color:#374b5d;
    text-decoration:none;
    vertical-align:middle; 
}

#side-menu-categories li span {
    color:#a5bdd3;
    vertical-align:middle;
    padding:0 3px;
}


.css_global       { color:#FF3399; }
.css_accolades    { color:#FF3399; }
.css_parametres   { color:#0066CC; }
.css_ptvirgule    { color:#33CC33; }
.css_deuxpts      { color:#33CC33; }
.css_valeurs      { color:#666666; }
.css_quotes       { color:#CC0000; }
.css_commentaires { color:#FF9900; }

.js_global        { color:#0000BB; }
.js_functions     { color:#007700; }
.js_controles     { color:#009900; }
.js_quotes        { color:#DD0000; }
.js_commentaires  { color:#FF8000; }

.html_global            { color:#333333; }
.html_balises           { color:#0099CC; }
.html_balise_parametres { color:#006699; }
.html_balise_quotes     { color:#CC0000; }
.html_commentaires      { color:#FF8000; }

.php_blobal             { width:570px; overflow:auto}
.asp_blobal             { width:570px; overflow:auto}
.as_global              { width:570px; overflow:auto}
.console_global         { color:#333333;}

.phpcode {color:#666666;border:1px solid #CCCCCC;padding:5px;}
.html    {color:#333333;}
.default {color:#006699;}
.comment {color:#FF9933;}
.keyword {color:#009933;}
.string  {color:#CC3300;}

.ligne { margin:0 5px 0 0; color:#666666; }
.ligne2 { margin:0 5px 0 0; color:#666666; font-weight:bold; }
.centre {text-align:center;} 
.droite {text-align:right;} 
.fldroite {float:right;} 
.flgauche {float:left;}
.u {text-decoration:underline;}

.texte {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  padding:6px 4px 7px 4px;
  width:700px;
  margin-left:14px;
}

.texte a {
  color:#3C4857;
}

article .texte strong, article .texte strong a, article .texte a strong  {
  color:#36516F;
  font-weight:650;
}

.code, .quote {
  overflow:auto;
  padding:4px 10px 4px 20px;
  border:1px solid #cccccc;
  background:white url(/templates/images/quote.gif) repeat-y;
  margin:3px 5px; 
}

.auteur {
    font-weight:bold;
    color:#a8c4ee;
}

.sondage h4 {
    margin:0;
    padding:2px 0;
    font-size:12px;
}

.sondage ul {
    margin:5px 0;
    padding:0;
}

.sondage li {
    list-style:none;
    clear:left;
    padding:5px 0 3px 40px;
    margin:0;
    background:url(http://www.ville-beaucouze.fr/ImagesContenu/PuceSocial_Archiv.gif) no-repeat center left;
}

.sondage strong {
    color:#999;
}

.sondage p {
    padding-left:12px;
}
  
.galerie {
    padding:5px 0;
    width:700px;
    display:table;
}

.galerie a {
    display:table-cell;
    width:190px;
    text-align:center;
}

.galerie img {
    padding:3px;
    max-width:160px;
    border:1px solid #DDD;
}

.titleImg {
    position:absolute;
    background:#333;
    color:#fff;
    text-align:center;
    padding:3px 0;
    overflow:hidden;
} 

.mode_texte {
    float:right;
}

.mode_texte:hover {
    cursor:pointer;
}

.tcode {
    margin:4px;
    width:100%;
    height:100px;
    overflow:scroll;
}

.trackback {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#555;
  text-align:right;
  background:url(http://www.imagiers.net/imagiers/wp-content/themes/freshy2/images/icons/trackback-icon-16x16.gif) right center no-repeat;
  padding-right:23px;
  margin-left:14px;
  width:690px;
}

.trackback a {
  color:#555;
  text-decoration:none;
} 

.trackback a:hover {
    text-decoration:underline;
}

#trackback_link input {
    display:none;
} 

#trackback_link:hover > input {
    display:inline;
    width:450px;
}

#trackback_link:hover > span {
    display:none;
}


#liens_similaires {
    font-family:Verdana;
    width:700px;
    border:1px solid #ddd;
    padding:7px;
    margin:7px 0 20px 14px;
    background:url(/templates/images/liens_similaires.jpg) repeat-x;
}

#liens_similaires h2 {
    margin:0;
}

#liens_similaires ul {
    margin:0;
    padding:0;
    font-size:11px;
}

#liens_similaires ul a {
    color:#444;
}

#liens_similaires h2 {
    font-family:Calibri, Verdana; 
    font-size:16px;
    font-weight:normal;
    padding:0 0 3px 7px;
}

#liens_similaires li {
    padding:0 0 0 20px;
    margin:0 0 0 15px;
    list-style:none;
    height:22px;
    line-height:22px;
    background:url(http://apf.francophonie.org/IMG/graphisme/fleche04.gif) no-repeat center left;
}

.commentaire {
    width:700px;
    margin:7px 0 7px 14px;
    display:block; 
    font-family:Calibri, Verdana;
}

.commentaire .auteur {
    margin-left:110px;
    font-weight:normal;
    color:#999;
    clear:both;
    font-size:16px;
    
}

.commentaire .auteur strong,.commentaire .auteur a {
    color:#A8D8F9;
    font-weight:bold;
    text-decoration:none; 
}

.commentaire .auteur a:hover {
    text-decoration:underline;
}

.commentaire .avatar {
    float:left;
    padding:10px 0 0 0;
}

.commentaire .avatar img {
    width:70px;
}

.fleche {
    border-width:16px;
    border-style:solid;
    float:right;
    margin-top:13px;
    border-color: #fff #F0F0F0 #fff #fff;
}

.texte_commentaire {
    float:right;
    padding:10px;
    background:#F0F0F0;
    color:#333;
    font-size:12px;
    width:570px;
    min-height:65px;
    margin:5px 0 0 0;
    line-height:18px;
}

.texte_commentaire p {
    margin:0;
    padding:0;
}

.texte_commentaire a {
    color:#A8D8F9;
    font-weight:bold;
    text-decoration:none;
}
.texte_commentaire a:hover {
    text-decoration:underline;
}

.commentaire footer {
    clear:both;
    display:block;
    text-align:right;
    font-size:12px;
    padding:4px 0 0 0;
    color:#999;
}

.commentaire footer a {
    color:#999;
    text-decoration:none;
}

.commentaire footer span {
    padding:0 5px;
}

.commentaire footer span:hover {
    text-decoration:underline;
    cursor:pointer;
}

.formulaire {
    width:700px;
    margin:5px 0 5px 14px;
}

.formulaire h2 {
    background:#C5DC45;
    width:600px;
    margin-left:-30px;
    font-family:Calibri, Verdana;
    font-size:23px;
    height:40px;
    line-height:40px;
    color:#fff;
    text-indent:30px;
    font-weight:normal;
}

input[type=text], input[type=email], input[type=url] {
    border:1px solid #ccc;
    font-family:Calibri, Verdana;
    font-size:13px;
}

.formulaire input[type=text], .formulaire input[type=url], .formulaire input[type=email], .formulaire input[type=password] {
    margin:5px 0;
    border:1px solid #ccc;
    line-height:17px;
    height:17px;
    width:250px;
    padding:3px;
    font-family:Calibri, Verdana;
    font-size:13px;
}

.formulaire input[required], .formulaire textarea[required] {
    border:1px solid #C5DC45;
}

.formulaire select {
    margin:3px 0;
    border:1px solid #ccc;
    line-height:17px;
    height:22px;
    min-width:250px;
    padding:3px;
    font-family:Calibri, Verdana;
    font-size:13px;
}

.formulaire textarea {
    width:90%;
    height:150px;
    font-family:Calibri, Verdana;
    font-size:13px;
    border:1px solid #ccc;
    padding:3px;
    margin:5px 0;
}

.formulaire form {
    margin:0;
    padding:0;
}

.formulaire input:focus, .formulaire textarea:focus, .formulaire select:focus {
    border-color:#333;
    border-width:1px;
}

img#antibot {
  width:150px;
  height:40px;
  border:1px solid #666666;
  float:left;
  margin:0 15px 5px 0;
}

#admin_menu_div {
    text-align:right;
    font-size:13px;
    color:#333;
}

#admin_menu_div a {
    text-decoration:none;
    color:#333;
}

#admin_menu_div a:hover {
    text-decoration:underline;
}

#blockbbcode {
    height:300px;
}

#lien_rss_categorie img {
    vertical-align:middle;
}

#lien_rss_categorie {
    float:right;
    vertical-align:middle;
    padding:5px;
    margin-top:-3px;
}

#lien_rss_categorie a {
    color:#333;
    font-family:Calibri, Verdana;
    font-size:12px;
    text-decoration:none;
}

.lienspages {
    padding:5px;
    font-family:Calibri, Verdana;
    font-size:13px;
    color:#333;
    background:#f8f8f8;
    margin-left:14px;
    border:1px solid #ddd;
}

.lienspages a {
    color:#333;
    padding:0 4px; 
    text-decoration:none;
}

.lienspages a:hover {
    text-decoration:underline;
}

.lienspages span {
    color:#ccc;
}

#message_erreur, #message_bon {
    background:#fffbcf;
    border:1px solid #FFF58F;
    margin:0 0 15px 14px;
    padding:10px;
}

#message_erreur p, #message_bon p {
    margin:0;
    padding:0;
}

.formulaire a {
    color:#333;
}

.submit {
    border:1px solid #ccc;
    background:#ddd;
    color:#333;
    padding:2px 5px;
}