/*  ---------  CSS generated for skn5_guppy01  ----------- */

html { /*  document */
    background: url(img/cfs.png);
}
.T0entrow0, .T1entrow0 { background: #404040; height: 36px; }
#TopBoxes .row, #BottomBoxes .row, #footer .row { padding: 0 calc(50% - 640px); }
.txtspeG {
    padding: 20px 0 0;	
}
.top {
    color: #C0C0C0; /* modification de la couleur */
    font-size: 1.5em; /* modification de la taille de l"affichage */
}	
div.quote { /* block citation */
    box-shadow: 2px 5px 5px #808080;
    border-radius: 50%;
	min-height: 70px;
}
.WST0, .WST1 {
	margin-top: -5px;
}
div.menuIcons {
    margin-top: -7px;
}
div.menuIcons ul li.menu_connect {
    position: absolute; top: 2px; right: 100px;
    padding-right: 3px;
}
div.menuIcons ul li.menu_connect a span {
    color: #404040;
    background-color: #FAE553;
    border: 0;
    border-radius: 6px;
}
div.menuIcons ul li.menu_connect a:hover span {
    color: #404040;
	border-radius: 6px;
}
div.menuIcons ul li.menu_admin {
    position: absolute; top: 2px; right: 2px;
    padding-right: 3px;
}
div.menuIcons ul li.menu_admin a span {
    color: #404040;
    background-color: #FAE553;
    border: 0;
    border-radius: 6px;
}
div.menuIcons ul li.menu_admin a:hover span {
    color: #404040;
	border-radius: 6px;
}
div.menuIcons ul li a span { /* lien */
    font-variant: small-caps; /* Menu en petites majuscules */
    border-right: 1px solid #FFF; /* bordure à droite */
    box-shadow: 1px 0px 0px #C0C0C0; /* ombre */
}
div.menuIcons ul li a span.current { /* lien actif */
    border: 1px inset #FFF; /* bordure de l"onglet actif */
    text-decoration: none; /* pas de soulignement underline */
}
div.menuIcons ul li a:hover span { /* lien survolé*/
    border: 1px outset #FFF; /* bordure de l"onglet survolé */
    text-decoration: none; /* pas de soulignement underline */	
}
.titrebox { /* Titre boite latérale */
    font-variant: small-caps;
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.titre { /* Titre boite centrale */ 
	letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */
}
.rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2  {
    margin: 1em auto;  /* Ajout marges au dessus et au dessous pour rubriques */
	font-weight: bold; /* modification pour style texte en gras */
    color: #0C8ED4; /* modification couleur pour les rubriques */
}
.curr_item, ul.item li.curr_item, ul.item li.curr_item a, ul.item li.curr_item a:hover { /* titre article est affiché */
    font-weight: bold;/* modification pour style texte en gras */
    color: #0C8ED4; /* modification couleur pour le titre article affiché */
    background: transparent; /* modification de la coumeur de fond */
}
.item {
    font-weight: bold;/* modification pour style texte en gras */
    color: #0C8ED4; /* modification couleur pour le titre */
    background: transparent; /* modification de la coumeur de fond */	
}
fieldset.dwnld {
    background-color: #FFF; /* modification de la couleur du fond de la popup de téléchargement */
}
.cal {
    border: 0px solid #FFF; /* pour supprimer encadrement agenda */
}
tr.cal { /* calendar nav bar */
    color: #FFF;
    background-color: #00BEF2;
}
td.cals { /* week */
    color: #FFF;
    background-color: #00BEF2;
}
.calagd { /* lien vers agenda du mois */
    color: #FFF; /* modification de la couleur du texte */
}
a:hover.calagd {
    color: #404040;	/* modification de la couleur du texte du lien */
}			  
select.cal { /* select month and year */
    color: #000; /* modification pour les champs mois et année du calendrier */
    background-color: #FFF;
    border: 1px solid #C0C0C0;
}
.selMonthCal { /* largeur champ mois */
	width: 118px;
}
.forum, .forum a, .forum2, tr.forum2, tr.forum2 a, tr.forum2 a:hover  {
    font-weight: bold; /* modification pour texte en gras */
	font-size: 16px; /* modification pour taille */
    color: #FFF; /* modification couleur du texte */
}
.thtbldiv {
    font-weight:bold; /* modification pour texte en gras */
    padding: 4px; /* ajout padding */
}
.thheadbodyW a:hover{
    color: #FFF; /* modification couleur du texte */
}
.frtdtbldiv a:hover {
    color: #0C8ED4; /* modification couleur du texte */	
}
.FB1E394 { /* habillage boîte slider camera */
    margin: -5px 3px -60px;
    background-color: transparent;
}
#EditoBoxes .tbl.FB444 { /* boite edito */
    color: inherit;
    background: transparent;
}
.DDV421 { /* ajustement menu vertical */
    margin: 2px 0 7px 1px;
    width: 100%;
    background-color: transparent;	
}
ul.dropdown li, ul.dropdown ul li {
	margin:0 auto 1px;  /* modification marges extérieures */
    font-variant: small-caps; /* ajout pour petites majuscules */
}
.tbl.DDH460, .tblover.DDH460 { /* fond menu déroulant horizontal */
    background: transparent;
}	
.tbl.DDL461, .tblover.DDL461 { /* fond menu déroulant linéaire */
    background: transparent;
}
.DDL461 ul.dropdown-linear li { /* personnalisation onglets DDL */
    width: 12em;
    font: bold 16px Verdana, "Bitstream Vera Sans", sans-serif;
	letter-spacing: 0.1em;	
    background-color: transparent;
    text-align: center;	
}
.DDL461 ul.dropdown-linear li:hover { /* personnalisation onglets DDL over */
	color: #FFF;
    background-color: #60C4EA;	
}
.DDL461 ul.dropdown-linear li ul li { /* personnalisation menu DDL */
    font-weight: normal;
    width: 840px;
    border: 4px solid #60C4EA;
}
.DDL461 ul.dropdown-linear li:hover ul li { /* personnalisation menu DDL over */
	background-color: #FFF;
    border: 4px solid #60C4EA;
    border-radius: 0px 0px 10px 10px;	
}
.titrebox.TrUSRB0 { /* positionnement boite Préférences à BottomBoxes */
    margin-left: 5px;
    padding: 7px 0;
	background-color: #D786FE;
	text-align: center;
	border-radius: 4px 4px 0 0;
}
.tblbox.USRB0 {  /* Corps boite Préférences et positionnement à BottomBoxes */ 
	margin: 0px 6px 50px;	
    color: inherit;
    background-color: #F2F2F2;
    box-shadow: 1px 1px 0px #CBC7B8;
}	
.titrebox.TrWEBB0 { /* positionnement boite Webmestre-Infos à BottomBoxes */
    margin: 0 10px 0;
    padding: 7px 0;
	background-color: #77BE32;
	text-align: center;
	border-radius: 4px 4px 0 0;	
}
.tblbox.WEBB0 {  /* Corps boite Webmestre-Infos et positionnement à BottomBoxes */
    margin: 0 11px 50px;
    color: inherit;
    background-color: #F2F2F2;
    box-shadow: 1px 1px 0px #CBC7B8;
}
.titrebox.TrNWLB0 {/* positionnement boite Newletter à BottomBoxes */
    margin-right: 5px;
    padding: 7px 0;
	background-color: #E0548C;
	text-align: center;
	border-radius: 4px 4px 0 0;
}
.tblbox.NWLB0 {  /* Corps boite Newsletter et positionnement à BottomBoxes */
    margin: 0 6px 50px;
    color: inherit;
    background-color: #F2F2F2;
    box-shadow: 1px 1px 0px #CBC7B8;
}
#gyaccordion li a {
    padding: 10px 4px; /* modification marges intérieures */
}
#gyaccordion li a.closed, #gyaccordion li.firstitem a.closed, #gyaccordion li.lastitem a.closed {
    margin: 6px 0;
    color: #FFFFFF !important;
    background-color: #404040;	/* ajustement marges externes et couleurs */
}
#gyaccordion li li {
    margin: 10px auto;
    line-height: 20px;
    border: 1px solid #FFF; /* ajustement marges externes et couleurs */
}