/* ORGANISATION DE LA PAGE */
body {
    background-color:#ECECEC;
    width:950px;
    margin:0 auto;
    font-family:'Trebuchet MS', Tahoma, Verdana, serif;
    font-size:0.8em; 
    color:#444444;
}
#content, #contentAttachement, #partenaires {  
    background-color:#F5F5F5;
    border:1px solid #9B9B9B;
    clear:both;
    width:auto;
    margin:5px auto;
    padding:5px;
}
#linkBottomRight {
    float:right;
    font-size:0.8em;
}
#copyright {
    text-align:center;
    font-size:0.8em;
}



/* SPÉCIFICITÉS DE LA BANNIÈRE */
#site_logo {
    float:left;
    width:128px; height:128px;
    margin-right:30px;
}
#banner h1 {
    font-size:25px;
    padding-top:42px;
    margin-bottom:0;
}
#banner h2 {
    font-size:15px;
    margin-top:0;
}



/* SPÉCIFICITÉS DU BANDEAU PARTENAIRES */
div#partenaires {
    margin-bottom:0px;
    border-width:1px 1px 0 1px;
    font-size:0.8em;
    text-align:center;
}



/* DISCLAIMER */
#disclaimer_top, #disclaimer_bottom {
    width:90%;
    margin:25px auto;
    clear:both;
}
#disclaimer_top { border-bottom:2px solid #DCDCDC; }
#disclaimer_bottom { border-top:2px solid #DCDCDC; }
#disclaimer_top img, #disclaimer_bottom img {
    float:left;
    width:48px; height:48px;
}
#disclaimer_top img { margin:0 15px 12px 0; }
#disclaimer_bottom img { margin:12px 15px 0 0; }



/* SPÉCIFITÉS DU CONTENU */
#menu_top, #menu_bottom {
    height:25px; line-height:25px;
    text-align:center;
    background-color:#DBE6E8;
}
#menu_top {
    border-bottom:2px solid #DCDCDC;
    margin:-5px -5px 0 -5px;
}
#menu_bottom {
    border-top:2px solid #DCDCDC;
    margin:0 -5px -5px -5px;
}
#adminlink { float:right; }
#adminlink a {
    color:#ECECEC;
    display:block;
    padding:0;
}
#adminlink a:hover {
    color:navy;
    text-decoration:none;
}

.souligne { text-decoration:underline; }
.centre { text-align:center; }
.droite { text-align:right; }

a,a:visited {
    text-decoration:none;
    color:navy;
    font-weight:bold;
}
a:hover {
    color:blue;
}
img {
    vertical-align:middle;
    border:none;
}
ul { list-style-image: url(../img/next.png); }
h3.annonceCategorie, .pagination, .adGoogle {
    text-align:center;
}
.adGoogle { height:90px;clear:both; }
.adminLinks { float:right; }
.souligne { text-decoration:underline; }
.encadre { border:1px solid #9B9B9B; }
.resultatRecherche {
    font-weight:bold;
    color:red;
    background-color:yellow;
}
.clear { clear:both; }

hr {
    border:2px solid #DCDCDC;
    margin:15px 0;
}



/* MISE EN PAGE DE L'ACCUEIL */
#lastArticle {
    width:80%;
    margin: 0 auto 15px auto;
    clear:both;
}
#homeLeft {
    width:49%;
    height:auto;
    float:left;
    padding:1px 5px 0 5px;
    margin-bottom:15px;
}
#homeRight {
    height:auto;
    margin:0 0 0 51%;
    padding:1px 5px 0 5px;
}
#homeLeft h3, #homeRight h3, h3#gotoarticles {
    font-size:16px;
}
h3#gotoarticles { margin:0 0 15px 5px; }
#homeLeft h3 img, #homeRight h3 img {
    vertical-align:bottom;
}
#homeLeft .row1, #homeRight .row1, #homeLeft .row2, #homeRight .row2 {
    overflow:hidden;
}
a.nb_commentaires  {
    float:right;
    display:block;
    width:24px;
    height:21px;
    text-align:center;
    color:#fff;
    background:url('/img/comments.png') no-repeat left top;
    font-weight:normal;
}
a.nb_commentaires:hover {
    background-position:left -22px;
    color:#fff;
} 
a.nb_commentaires_fixBug { height:23px; background:url('/img/comments.png') no-repeat left 2px; }
a.nb_commentaires_fixBug:hover { background-position:left -20px; }


/* STYLE DES FORMULAIRES */
textarea {
    width:70%;
    height:200px;
    border:2px solid #DCDCDC;
    font-family: serif;
    color:#444444;
}
textarea:focus { border:2px solid #DBE6E8; }
textarea.comment_submit {
    width:350px;
    height:100px;
    margin: 0 auto 5px auto;
    font-size:1em;
}

@media screen {
    input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, label {
        cursor:pointer;
    }
}
input[type="submit"], input[type="button"], input[type="reset"] {
    border:2px solid #DCDCDC;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
    border:2px solid #DBE6E8;
}
input[type="submit"], input[type="button"], input[type="reset"], input[type="text"], input[type="password"], textarea, select { color:#444444; }

input[type="text"], input[type="password"] { border:2px solid #DCDCDC; }
input[type="text"]:focus, input[type="password"]:focus { border:2px solid #DBE6E8; }
input.formMove { display:inline; }
input[type="text"]#champRecherche { color:#717171; }

optgroup { font-style:normal; }



/* STYLE DES ASTUCES */
.astuceNone {
    font-weight:bold;
    line-height:20px;
    width:60%;
    margin:auto;
    text-align:center;
    border-top:2px solid #DCDCDC;
    border-bottom:2px solid #DCDCDC;
}
span.auteurInfos {
    font-size:0.8em;
}
.row1, .row2 {
    width:95%;
    margin:auto;
    padding: 0 5px;
    border-top:2px solid #DCDCDC;
    border-bottom:2px solid #DCDCDC;
}
.row1 { background-color:#E8F1F3; }
p.astuceInfos {
    margin:0;
    padding:5px 0 3px 0;
    border-bottom:1px dotted #DCDCDC;
}
p.astuceInfos,p.adminLinks {
    height:20px;
    line-height:20px;
    vertical-align:middle;
    overflow:hidden;
}



/* SPÉCIFICITÉS DU FOOTER */
#linkBottomRight, #linkBottomRight a {
    color:silver;
    font-weight:normal;
}
#linkBottomRight a:hover {
    text-decoration:underline;
}



/* SPÉCIAL: PAGE D'ATTACHEMENT D'IMAGE */
body#Attachement {
    width:450px;
    font-size:0.7em;
}
#bannerAttachement #site_logo {
    float:left;
    width:90px; height:90px;
    margin-right:12px;
}
#bannerAttachement h1 {
    font-size:20px;
    padding-top:35px;
    margin-bottom:0;
}
#bannerAttachement h2 {
    font-size:10px;
    margin-top:0;
}
#contentAttachement #menu_top, #contentAttachement #menu_bottom, #contentAttachement #disclaimer_bottom { display:none; }
#contentAttachement #disclaimer_top img { width:32px; height:32px; }
#contentAttachement #disclaimer_top { margin:0 auto; }
#contentAttachement fieldset {
    width:350px;
    margin:15px auto;
    clear:both;
}
#contentAttachement legend { font-weight:bold; }
#contentAttachement input#uploadResultat { width:80%; }



/* SPÉCIAL: PAGE DES STATISTIQUES */
table#statsPagesVues {
    width:auto;
    margin:5px auto;
    border:1px solid #9B9B9B;
}
#statsPagesVues th, #statsPagesVues td {
    width:20px;
    font-size:0.8em;
    padding:5px;
}
#statsPagesVues td {
    text-align:center;
    vertical-align:bottom;
    height:210px;
}
#statsPagesVues td img { vertical-align:bottom; }
#statsPagesVues caption {
    font-weight:bold;
    margin-bottom:5px;
}
#statsPagesVues caption img {
    margin: 0 15px;
}



/* SPÉCIAL: PAGE DES ARTICLES */
#articlesLinks, #articlesLinks_index {
    float:right;
    text-align:center;
    width:25px;
}
#articlesLinks_index { position:relative;left:15px;}
.infobox, table.liste_articles  {
    background-color : #f8fafd;
    border : 2px solid #DCDCDC;
    margin-bottom : 15px;
}
.infobox h3 {
    background-color : #808080;
    font-size : 1em;
    height : 18px;
    margin : 0;
    padding : 5px;
    color : #fff;
    display : block;
    border : none;
}
.bouton_article  {
    margin : 5px;
    padding : 0;
    float : left;
    text-align : center;
    height : 190px;
    width : 158px;
}
.bouton_article .image_cat  {
    height : 100px;
    width : 158px;
    background-color : #DBE6E8;
    display : table-cell;
    vertical-align : middle;
}
.bouton_article hr.bouton_hr  {
    border-style : solid none;
    border-width : 2px 0 1px;
    margin : 0;
    padding : 0;
}

.liste_articles  {
    width : 98%;
    margin : auto;
    margin-top : 10px;
    border-collapse : collapse;
    border : 1px solid #c7d6e0;
    background-color : #f8fafd;
}
.liste_articles th {
    background : #808080;
    padding : 5px 3px;
    color : #fff;
    text-align : center;
}
.liste_articles tfoot td, .liste_articles thead td {
    padding : 2px 3px;
    border: 2px solid #DCDCDC;
}
.ligne_impaire td { background-color:#eceff2; }
a.read_more { font-weight:normal; }
img.petite_icone_articles  {
    margin:0 10px;
    width:40px;
}

#articlebox {
    width:80%;
    margin:10px auto;
    padding:15px;
    border:2px solid #DCDCDC;
}
h3#titreArticlebox {
    background-color : #808080;
    height : 18px;
    margin : -15px -15px 15px -15px;
    padding : 5px 14px;
    color : #fff;
    display : block;
    border : none;
}
img.moyenne_icone_articles  {
    float:right;
    width:50px;
    margin:0 0 10px 10px;
}
#creditsAuteur {
    margin:30px 0 0 0;
    font-style:italic;
    font-size:0.8em;
}

#article_else {
    width:80%;
    margin: 10px auto;
    padding: 10px;
}
#voir-aussi_articles {
    width:270px;
    float:right;
    margin-left:15px;
    padding-left:15px;
    border-left:4px solid #DCDCDC;
}
#commentairesbox {
    display : table-cell;
    vertical-align : middle;
}
div.un_commentaire {
    padding:0 11px;
    width:420px;
    margin-bottom : 15px;
    margin-top : 5px;
}
div.un_commentaire p {
    width:420px;
    margin:0 -11px;
    padding: 3px 8px;
    background:url('/img/comment_bg.png') repeat-y left top;
}
p.auteur  {
    margin : 20px 10px 0 0;
}
p.auteur strong {
    color : #AA0000;
}
div.un_commentaire span.bas, div.un_commentaire span.haut  {
    display : block;
    background-repeat : no-repeat;
    background-position : left top;
    margin : 0 -11px;
    width : 420px;
    height : 11px;
}
div.un_commentaire span.haut {
    background-image : url('/img/comment_top.png');
}
div.un_commentaire span.bas {
    height : 2px;
    background-image : url('/img/comment_bottom.png');
    background-position : left bottom;
}
div.pub250x250, div.pub180x150 {
    margin: 0 auto 5px auto;
    text-align:center;
}



/* TAILLE DE LA POLICE */
.petit { font-size:x-small; }
.hidden {
    visibility:hidden;
    display:none;
}
.fontsize_09  { font-size : 0.9em; }
.fontsize_08 { font-size : 0.8em; } 



/* DÉTAILS TYPOGRAPHIQUES */
em em { /*Deux mises en emphase ramènenent à l'état standard*/
	font-style:normal;
}

em em em { /*Trois mises en emphase : retour à l'italique.*/
	font-style:italic;
}



/* DIVERS */
div.space { height: 20px; clear:both; }