/*  ---------  CSS for GuppY 5.0
skin : 2012skin10V5
Original : Juin 2012 - version 4.6
Upgrade : Janvier 2014 - version 5.0
By Sabine Jeangerard - http://4avril.com
  ----------- */

html { /*  document */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: #d0b288;
}
body { /*  corps du document */
    margin: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: url(img/casqueL.png) no-repeat 15% 40%, url(img/aviator.png) no-repeat 90% 5%, url(img/top.png) repeat-x top, url(img/cfs.png);
}
@font-face {
    font-family: 'journalregular';
    src: url('font/journal-webfont.eot');
    src: url('font/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/journal-webfont.woff') format('woff'),
         url('font/journal-webfont.ttf') format('truetype'),
         url('font/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#EditoBoxes .tblbox.GHOST0, #EditoBoxes .tblboxover.GHOST0 {
    background: url(img/cfs.png);
	box-shadow: 0 0 0;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
	border-radius: 8px;
}
/************
 * Général */
a { /* lien */
    color: #381b10;
    background: inherit;
    text-decoration: none;
}
a.titre { /* lien titres */
    color: #381b10;
    background-color: inherit;
    text-decoration: none;
}
a:hover { /* lien survolé */
    color: #732504;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
    position: relative;  top: 1px;  left: 1px;
}
p { /* paragraphe */
    margin: 16px 0;
    color: inherit;
    background: inherit;
}
hr { /* ligne horizontale */
    height: 0px;
    border: 0px solid #d0a874;
    width: 98%;
}
ul, ol, dl, dd, dt { /* listes */
    padding: 0;
    margin: 0;
}
h1 { /* titre niveau 1 */
    font-size: 24px;
}
h2 { /* titre niveau 2 */
    font-size: 18px;
}
h3 { /* titre niveau 3 */
    font-size: 16px;
}
h4 { /* titre niveau 4 */
    font-size: 14px;
}
img {
    border-style: none !important;
}
/******************************************
* Mise en page des blocks div principaux */
#noscriptWarning {
    background: #B5121B;
    color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-weight: 700;
    font-size: 11px;
    font-family: Arial, sans-serif;
}
#screen_choice {
    z-index: 20;
    position: absolute;
    top: 2px;
    right: 50%;
}
#page{ /* all the page */
    color: inherit;
    background: transparent;
}
#header { /* header */
    color: inherit;
    background: transparent;
	height: 85px;
}
#TopBoxes { /* header top and middle (logo-banner + citation) */
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    border-width: 0;
    background: transparent;
}
#MainContent { /* main page */
    margin: 8px 4px;
    padding: 20px;
	background: url(img/mainTH.png) repeat-x top, url(img/mainTH.png) repeat-x bottom, url(img/mainTiret.png) repeat-y left, url(img/mainTiret.png) repeat-y right, url(img/mainC.png);
	border-radius: 22px;
}
#LeftBoxes { /* leftboxes area */
    margin: 0;
	margin-right: 6px;
	padding-top: 96px;
	padding-bottom: 110px;
    width: 200px;
	background: url(img/boxesTop.png) no-repeat 50% 0%, url(img/mainC.png) repeat-x top, url(img/boxesBottom.png) no-repeat 50% 100%, url(img/mainC.png) repeat-x bottom, url(img/boxes.png);
}
#RightBoxes { /* right boxes area */
    margin: 0;
	margin-left: 6px;
	padding-top: 96px;
	padding-bottom: 110px;
    width: 200px;
	background: url(img/boxesTop.png) no-repeat 50% 0%, url(img/mainC.png) repeat-x top, url(img/boxesBottom.png) no-repeat 50% 100%, url(img/mainC.png) repeat-x bottom, url(img/boxes.png);
}
#AboveBoxes { /* boîtes au-dessus dans la partie centrale */
    background : inherit;
}
#EditoBoxes { /* boîtes qui apparaissent dans la page d"accueil - CONFIG ACCUEIL */
    background: inherit;
	margin-top: -3px;
}
#UnderBoxes { /*boîtes en-dessous dans la partie centrale */
    background: inherit;
}
#BottomBoxes { /* optionnal area between main page and bottom */
    margin: 4px 8px;
    text-align: left;
    background: url(img/fleurs.png) no-repeat 50% 0%;
}
#footer { /* footer Copyright */
    font: 11px Arial, Helvetica, sans-serif;
    text-align: right;
    color: #fff;
    background: url(img/footer1.png) no-repeat left, url(img/footer.png) no-repeat right;
    border-width: 0;
    padding: 8px;
	padding-top: 20px;
	height: 165px;
}
#footer a {
    color: #fff;
	background: transparent;
}
#skinCopyright {
    width: 100%;
	margin-left: 250px;
	padding: 70px 0 0;
    text-align: right;    
}
#BlogTop {
    width: 100%;
    padding: 0;
    margin: 0;
    color: inherit;
    background-color : inherit;
}
#BlogLeftBoxes { /* colonne gauche du blog */
    padding: 0;
	padding-top: 8px;
    margin: 0;
    color: inherit;
	background: url(img/boxes.png);
    width: 190px;
	border-radius: 8px;
}
#BlogRightBoxes { /* colonne droite du blog */
    padding: 0;
	padding-top: 8px;
    margin: 0;
    color: inherit;
	background: url(img/boxes.png);
    width: 190px;
	border-radius: 8px;
}
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /* block logo */
    padding: 0 8px;
    text-align: center;
}
div.banner { /* block bannière */
    background-repeat: no-repeat;
    padding: 8px;
    text-align: center;
}
/*************************
 * block boite citation */
div.quote { /* block citation */
    text-align: center;
	margin: 12px 0px;
    padding: 8px;
    background-color: #ebcfa7;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
	border-radius: 8px;
}
div.quote span.labelcita { /* label */
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: inherit;
    border: 0;
    margin: 0;
    padding: 0 8px;
}
div.quote span.cita { /* texte */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: inherit;
    font-style: normal;
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0 8px;
}
div.quote span.author { /* auteur */
    font: italic 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: inherit;
}

/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
    padding: 8px 0;
}
div.menuIcons ul { /* block liste du menu */
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
div.menuIcons ul li { /* toutes les sections */
    float: left;
    margin-right: 8px;
    text-align: center;
}
div.menuIcons ul li span { /* toutes les sections */
    display: block;
    white-space: nowrap;
}
div.pop.menuIcons_flag { /* section drapeau */
    float: left;
    margin-right: 4px;
    margin-left: 4px;
    margin-top: 10px;
    text-align: center;
}
#LeftBoxes div.pop.menuIcons_flag, #RightBoxes div.pop.menuIcons_flag { /* section drapeau */
    float: left;
    margin-right: 2px;
    margin-left: 4px;
    margin-top: 0px;
    text-align: center;
}
div.menuIcons ul li.menu_admin { /* section admin */
    float: right;
	margin-right: 10px;
}
div.menuIcons ul li a span { /* lien */
    padding: 4px 6px;
    color: #f4e7d6;
    background: url(img/mainC.png);
    text-decoration: none;
    font: 13px arial, helvetica, sans-serif;
	border-top: 1px solid #d6bd96;
	border-right: 1px solid #d6bd96;
	border-bottom: 1px solid #f4e7d6;
	border-left: 1px solid #f4e7d6;
}
div.menuIcons ul li a span.current { /* lien actif */
    color:#f4e7d6;
    background: #f05e03;
    text-decoration: none;
	text-shadow: 0 0 0;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 0;
    background: #8ba027;
	border-top: 1px solid #d6bd96;
	border-right: 1px solid #d6bd96;
	border-bottom: 1px solid #f4e7d6;
	border-left: 1px solid #f4e7d6;
}
/************************************
 * block box lateral Menu Sections */
ul.boxmenu { /* block liste */
    margin: 0;
    padding: 5px 0;
    list-style: none;
}
ul.boxmenu li { /* items liste */
    margin-bottom: 10px;
}
ul.boxmenu li .curr_item { /* items actifs liste */
    margin-bottom: 10px;
	margin-left: -4px;
	border: 0px;
}
ul.boxmenu li img { /* icons */
    vertical-align: middle;
    margin-right: 10px;
}
/*****************
 * Fil d"ariane */
.ariane { /* bloc fil d"ariane */
    text-align: left;
    padding: 4px;
    margin: 0px;
}
div.ariane span.arianeOn { /* adresses actives */
    font-style: italic;
    color: inherit;
}
div.ariane span.arianeOff { /* page courante */
    font-style: italic;
    color: #381b10;
}
/******************************************
 * Mise en page des blocks dans le corps */
/* block lateral boxes */
.htable {
    margin-bottom: 8px;
}
.htable1 {
    margin-bottom: 8px;
}
.tblbox {  /* Corps */
    color:inherit;
    padding: 4px;
    margin-bottom: 8px;
    text-align:left;
}
.tblboxover { /* Corps survolé */
    background: transparent;
}
.tblboxout { /* Corps non survolé */
    background: transparent;
}
.titrebox { /* Titre */
	background: #fff;
    padding: 2px 5px;
	height: 35px;
    white-space: nowrap;
    font: 30px journalregular;
    color: #FFFFFF;
    text-align: center;
    color: #f06114;
}
.titrebox a {
    color: #fff;
	background: transparent;
}
#LeftBoxes .titrebox, #RightBoxes .titrebox, #BlogRightBoxes .titrebox, #BlogLeftBoxes .titrebox {
    border-radius: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #6d240b;
	background: url(img/titrebox.png) no-repeat;
}
.NWLB0 { /*newsletter en bas de page*/
    width: 297px;
    padding-left: 20px;
	padding-right: 30px;
}
.titrebox.TrNWLB0 {
	height: 75px;
	background: url(img/NWLtop.png) no-repeat;
	color: #6d341b;
	text-shadow: 1px 1px 1px #a97d4e;
	text-align: left;
	padding-top: 0px;
	padding-left: 30px;
	padding-top: 5px;
}
.tblbox.NWLB0, .tblboxover.NWLB0 {
    min-height: 300px;
	margin-top: -2px;
    background: url(img/NWLbottom.png) no-repeat bottom, url(img/NWLcenter.png) repeat-y;
}
.USRB0 { /*preferences en bas de page*/
    width: 297px;
    padding-left: 20px;
	padding-right: 30px;
}
.titrebox.TrUSRB0 {
	height: 75px;
	background: url(img/NWLtop.png) no-repeat;
	color: #6d341b;
	text-shadow: 1px 1px 1px #a97d4e;
	text-align: left;
	padding-left: 30px;
	padding-top: 5px;
}
.tblbox.USRB0, .tblboxover.USRB0 {
    min-height: 320px;
	margin-top: -2px;
    background: url(img/NWLbottom.png) no-repeat bottom, url(img/NWLcenter.png) repeat-y;
}
.titrebox.TrWEBB0 {
    margin: 0 20px;
}
.tblbox.WEBB0, .tblboxver.WEBB0 {
	margin: 0 20px;
}	
#BottomBoxes input.bouton, #BottomBoxes button { /* bouton */
    cursor: pointer;
    margin: 4px 0;
    color: #fff;
    border: 1px dotted #df9515;
    background: #8d431d;
    font: 11px Arial, Helvetica, sans-serif;

}
#LeftBoxes input.texte, #RightBoxes input.texte, #BottomBoxes input.texte, #TopBoxes input.texte { /* champ texte */
    background-color: #ebcfa7;
    font: 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
    margin: 4px 0;
}
#LeftBoxes select, #RightBoxes select, #BottomBoxes select, #TopBoxes select { /* champ select */
    background-color: #ebcfa7;
    font: 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
    margin: 4px 0;
}
/* block central boxes */
.titre, .titre a {
    background: url(img/titre.png) repeat-x;
    padding: 5px;
	padding-left: 20px;
	height: 35px;
    white-space: nowrap;
    font: 35px journalregular;
	text-shadow: 1px 1px 0 #6d240b;
    color: #FFFFFF;
    text-align: left;
	border: 0px solid #913305;
	border-bottom: 0px;
	border-radius: 10px 10px 0 0;
	box-shadow: 1px 1px 0 #6d240b;
}
.titre a {
    background: transparent;
	box-shadow: 0 0 0;
	border-radius: 0;
}
.tbl {
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    padding: 4px;
    margin-bottom: 8px;
    text-align:left;
	background: #fff;
	border: 0px solid #913305;
	border-top: 0px;
	border-radius: 0 0 10px 10px;
	box-shadow: 1px 1px 0 #6d240b;
}
.tblover {
    background: #fff;
}
#TopBoxes .tbl, #TopBoxes .tblover {
    background: transparent;
	box-shadow: 0 0 0;
	border-radius: 0px;
	border: 0px;
}
div ul, ol { /* listes */
    padding: 8px 0 8px 8px;
    margin-left: 16px;
}
div li{
    padding: 0;
    margin-left: 12px;
}
.box {
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background-color: inherit;
    text-align: left;
}
p.box {
    margin: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background-color: inherit;
}
.box a, .item a {
    color: #381b10;
    background-color: inherit;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.box a:hover, .item a:hover {
    color: #732504;
    text-decoration: none;
    background-color: inherit;
    position: relative;  top: 1px;  left: 1px;
}
.boxnet {
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: transparent;
}
.boxprint { 
    margin: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: inherit;
    background-color: inherit;
}
.thinboxsearch {
    background-color: inherit;
    text-align: center;
}
.wideboxsearch {
    background-color: inherit;
    text-align: center;
}
.thinboxsearch1 {
    background-color: inherit;
    text-align: center;
}
.wideboxsearch1 {
    background-color: inherit;
    padding-bottom: 8px;
    margin: auto;
    text-align: center;
    width: 172px;
}
.thinboxsearch2 {
    background-color: inherit;
    text-align: center;
}
.wideboxsearch2 {
    background-color: inherit;
    padding-bottom: 8px;
    margin: -10px auto auto;
    text-align: center;
    width: 172px;
}
/****************************
 * block box lateral Article
 * (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { /* catégories des articles */
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #381b10;
	text-shadow: 1px 1px 0 #f4e7d6;
    background-color: inherit;
    text-align: left;
    margin: 1px;
    padding: 4px 2px;
}
p.rubr { 
    padding: 0 2px;
    margin: 1px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #6d341b;
    background-color: inherit;
    text-align: left;
}
.phrubr { /* catégories des photoramas */
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #404040;
    background: transparent;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
}
.phrubr2 {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #404040;
    background-color: #E0E0E0;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 0px;
    border: 0px;
    cursor: pointer;
}
.phsubrubr { 
    text-align: justify;
    padding-left: 35px;
}
.phitem2 {
    float: left;
    text-align: right;
    margin-left: 20px !important;
    margin-left: 12px;
    height: 15px;
}
.phcomment {
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 0 10px;
}
.phimgs {
    font: bold 12px Arial, Helvetica, sans-serif;
    margin: 5px;
    background-color: transparent;
    padding: 10px 5px 5px 5px;
}
.phimgs2 {
  padding-left: 4px; 
}
.phimg {
    margin: 4px 4px 10px;
    background: transparent;
    border-color: 1px solid #000 !important;
    border-radius: 6px;
    box-shadow: 1px 1px 4px #1A1A1A;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#1A1A1A, Direction=134, Strength=2);
}
.phcpt {
    font: bold 12px Arial, Helvetica, sans-serif;
    float: right;
    font-weight: normal;
    padding: 0px 6px;
}
.phtitlebox {
  text-align:center;
  margin-bottom:6px;
}
.facatlink {
    padding: 5px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.fatitlecat {
	text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
}
.licatlink {
    padding: 5px;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.lititlecat {
	text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
}
.dncatdwnl {
	text-align: left;
    font: bold 12px Arial, Helvetica, sans-serif;
	margin: 3px 80px;
	padding: 4px 0;
}
.dntitlecat {
	text-align: center;
    font: bold 14px Arial, Helvetica, sans-serif;
}
.dnrubr {
    text-align: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #404040;
    background: transparent;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;	
}
.item {
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background-color: inherit;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 2px 0;
}
ul.item {
    margin: 0;
    padding: 0;
}
ul.item li.item { /* titres des articles */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background-color: inherit;
    text-align: left;
    list-style: none;
    padding: 2px 0px 2px 2px;
}
.curr_item {
    background-color: #ebcfa7;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
    text-align: left;
    list-style: none;
    padding: 2px 0 2px 4px;
}
ul.item li.curr_item a { /* titre article est affiché */
    background-color: #ebcfa7;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    text-align: left;
    list-style: none;
    padding: 2px 0 2px 0px;
}
/***************
 * info bulle */
.pop {
    text-align: justify;
    cursor: help;
    float: left;
	position: relative;
    z-index: 30;
}
.pop a {
    display: block;
}
.pop span {
    display: none;
    z-index: 30;
}
.pop a:hover span {
    color: #381b10;
    background-color: #FFFFFF;
    font: normal 12px Arial, Helvetica, sans-serif;
    border: 1px solid #d0a874;
    border-radius: 6px;
    display: block;
    position: absolute;
    width: 280px;
    text-decoration: none;
    padding: 4px;
    margin-top: 8px;
    text-shadow: 0px 0px 0px;
}
.pop a:hover span em {
    position: absolute;
    top: -7px;
    left: 8px;
    height: 7px;
    width: 11px;
    background: transparent url(img/infobullet.png);
    border: none;
}
/*************
 * Calendar */
.cal {
    width: 100%;
    text-align: center;
    margin: auto;
    border-collapse: separate;
    border: 0px solid #d0a874;
    border-radius: 0px;
    border-spacing: 0px;
    color: inherit;
    background: url(img/boxes.png);
}
tr.cal { /* calendar nav bar */
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background: transparent;
    text-align: center;
}
td.cals { /* week */
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #732504;
    width: 14%;
    text-align: center;
}
td.cal0 { /* empty cell*/
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: transparent;
    width: 14%;
    text-align: center;
}
td.cal1 { /* days */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: transparent;
    width: 14%;
    text-align: center;
}
td.cal2 { /* today */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: #fff;
    border: 0px solid #d0a874;
    border-radius: 0px;
    width: 14%;
    text-align: center;
}
td.cal3 { /* sunday or special */
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #c84d07;
    border: 0px solid #d0a874;
    border-radius: 0px;
    width: 14%;
    text-align: center;
}
td.cal4 { /* today is sunday or special */
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    background: #FFFFFF;
    border: 0px solid #d0a874;
    border-radius: 0px;
    width: 14%;
    text-align: center;
}
td.calevt { /* planner event */
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #f06114;
    text-decoration: none;
    text-align: center;
    width: 14%;
}
td.calevt a {
    color: #fff;
}
select.cal {
    background: #ebcfa7;
    font: 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
}
/************************
 * Formulaires (Forms) */
form { /* formulaire */
    margin: 3px 0;
}
fieldset { /* Encadrement des champs */
    border: 1px solid #d0a874;
    border-radius: 0px;
    margin: 8px;
}
legend { /* légende des encadrements */
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #d0a874;
    font-weight: bold;
	border-radius: 4px;
}
input.bouton, button { /* bouton */
    cursor: pointer;
    margin: 4px 0;
    color: #fff;
    border: 1px solid #2c5569;
    background: #2c5569;
    font: 11px Arial, Helvetica, sans-serif;

}
input.texte { /* champ texte */
    background-color: #FFFFFF;
    font: 11px Arial, Helvetica, sans-serif;
    color: #381b10;
    border: 1px solid #d0a874;
    margin: 4px 0;
}
select { /* champ select */
    color: #381b10;
    background-color: #FFFFFF;
    font: 11px Arial, Helvetica, sans-serif;
    border: 1px solid #d0a874;
    margin: 4px 0;
}
textarea { /* champ textarea */
    color: #381b10;
    background-color: #FFFFFF;
    border: 1px solid #d0a874;
    overflow: auto;
    margin: 4px 0;
}
/*************************************
 * block box central forum - tables */
.row {
    width: 100%;
    border: none;
}
.col {
    width: 100%;
    vertical-align: top;
}
.forum, .forum a {
    background: url(img/forum.png);
    padding: 0px 5px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
}
.forum2, .forum2 td a {
    background: url(img/forum.png);
    padding: 5px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
}
tr.forum2, tr.forum2 a {
    color:#f4e7d6;
    background: #f05e03;
    padding: 5px 5px;
    font: 14px Arial, Helvetica, sans-serif;
    text-align: left;
}
.quest {
    background-color: #fff;
    padding: 0px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    text-align: left;
}
.rep {
    background-color: #f6eee4;
    padding: 10px 5px 5px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    text-align: left;
}
.rep .cite { /*cadre citation dans le forum*/
  border: 1px dashed #cfb287;
  background: #fff;
}
.rep .cite p { /*texte de la citation*/
  color: #381B10;
  background: #fff;
}
.rep div.cite span.cite { /*auteur de la citation*/
  color: #fff;
  background: #cfb287;
  border: 1px solid #cfb287;
}
.tbl p.titre { /*titre charte du forum*/
  color: #381B10;
  font: 14px arial, helvetica, sans-serif;
  background: #fff;
  text-shadow: 0 0 0;
  height: auto;
}
span.Code { /*titre item de la charte*/
    background: #cfb287;
    border: 1px solid #cfb287;
    color: #381b10;
}
.tbl .titre, .tblover .titre { /* titre reactions article*/
    box-shadow: 0 0 0;
	background: transparent;
	font: 32px journalregular;
	color: #381b10;
	text-shadow: 0 0 0;
	border-radius: 0px;
}
.tbl .tbl, .tbl .tblover {
    box-shadow: 0 0 0;
	border-radius: 0;
}
.bord {
    border: 0px solid #d0a874;
    padding: 1px;
}
.bord2 {
    border: 0px double #FFFFFF;
}
/**********************
 * Editeur CKEditor */
.Code {
    border: 1px solid #d0a874;
    padding-right: 5px;
    padding-left: 5px;
    color: #381b10;
    font: 11px Arial, Helvetica, sans-serif, Monospace;
    background-color: #FFFFFF;
}
/*********************
 * Editeur pgeditor */
div.pgeditor {
    color: inherit;
    background-color: inherit;
    border: 1px solid inherit;
}
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
    color: inherit;
    background-color: #f0e4d4;
    border: 1px solid #f0e4d4;
}
/************************
 * Divers, inclassables */
.f-right {
    float: right;
}
.f-left {
    float: left;
}
.c-right {
    clear: right;
	display: none;
}
.c-left {
    clear: left;
	display: none;
}
.c-both {
    clear: both;
	display: none;
}
.top {
    font: 1.0em Arial, Helvetica, sans-serif;
    color: #381b10;
    background-color: inherit;
    text-align: center;
}
#footer a.top {
    color: #381b10;
}
.timer {
    font: italic 0.9em Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: inherit;
    text-align: right;
    padding: 8px;
}
.clsCursor {
    cursor: pointer;
}
.notice { 
    color: red;
    background-color: #FF9;
    padding: 2px;
}
.errorInputText {
    background-color: #FFE5E5;
    font: 11px Arial, Helvetica, sans-serif;
    color: #000099;
    border: 1px solid #8F916A;
    margin: 4px 0;
}
.visits {
    z-index: 15;
    position: absolute;
	margin: -64px 0 0 24px;
	padding: 0 4px;
	width: 180px;
    display: none;
	color: #000;
	background: #f05e03;
    border: 1px solid #000;
}
/********************
 * Menus déroulants */
ul.dropdown {
    font-weight: bold;
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.dropdown li {
    padding: 7px 10px;
    background-color: #ebcfa7;
    font: 12px Arial, Helvetica, sans-serif;
    color: #381b10;
    border-bottom: 1px solid #f4e3cc;
	border-left: 1px solid #f4e3cc;
	border-top: 1px solid #d0a874;
	border-right: 1px solid #d0a874;
    list-style: none;
    margin: 0;
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}
ul.dropdown li:hover {
    background-color: #e65c0a;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    border-top: 1px solid #f4e3cc;
	border-right: 1px solid #f4e3cc;
	border-bottom: 1px solid #d0a874;
	border-left: 1px solid #d0a874;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.dropdown a:link, ul.dropdown a:visited	{
    color: #381b10;
    text-decoration: none;
}
ul.dropdown a:hover {
    color: #fff;
}
ul.dropdown ul {
    width: 150px;
    margin-top: 1px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
}
ul.dropdown ul li {
    font-weight: normal;
    float: none;
}
ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown li *.dir {
    padding-right: 20px;
}
ul.dropdown-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}
ul.dropdown-vertical {
    width: 160px;
}
ul.dropdown-vertical ul {
    top: 1px;
    left: 99%;
}
ul.dropdown-vertical li {
    float: none;
}
ul.dropdown-linear {
    width: 100%;
}
ul.dropdown-linear li {
    font: bold 11px Arial, Helvetica, sans-serif;
}
ul.dropdown-linear ul li {
    float: left;
}
ul.dropdown-linear li:hover {
    position: static;
}
ul.dropdown-linear ul li:hover {
    background-color: #F3F3F3;
}
ul.dropdown-linear ul ul {
    display: none !important;
}
/*************
 * Mots-clés */
ul.keyword {
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.keyword li {
    margin: 0;
	padding: 0 6px;
    background-color: transparent;
    color: #000;
    list-style: none;
    float: left;
	line-height: 2.0em;
	vertical-align: bottom;
}
ul.keyword li:hover {
    background-color: transparent;
    color: #000;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.keyword ul {
    width: 180px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 75%;
    left: 0;
    z-index: 598;
}
ul.keyword-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.keyword li:hover > ul {
    visibility: visible;
}
ul.keyword div {
    border: 1px solid #000;
	border-radius: 4px;
	background-color: #FFFFFF;
	padding: 4px 8px;
	line-height: 1.3em;
}
.keyword0 { /* nombre d"occurrences nulle */
    font-size : 0.8em;
}
.keyword1 { /* entre 1 et 3 */ 
    font-size : 1.2em;
}
.keyword2 { /* entre 4 et 5 */
    font-size : 1.6em;
}
.keyword3 { /* plus de 5 */
    font-size : 2.0em;
}
/************************
 * Cryptogrammes texte */
.cryptogram0 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
.cryptogram1 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
.cryptogram2 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
/***** Diaporama - accueil ******/
.FB431 {
    color: inherit;
	background-color: #eee;
	padding-bottom: 60px;
}