/*  ---------  CSS generated for skn5_guppy2015  ----------- */

html { /* Taille équivalente à 10px - Ne pas modifier */
	font-size: 62.5%;
    background: url(img/cfs.png);
}
body { /* Taille équivalente à 14px - Modifier en fonction de la taille choisie */
	font-size: 1.4rem; /* par exemple 1.6rem pour 16px */
}
#TopBoxes .tbl, #TopBoxes .tblover {
    background: transparent; /* modification pour l'affichage boites dans TopBoxes */
}
#BlogCenterBoxes {
    margin: 2px 0 0; /* modification marge externe en haut boite centrale blog */
}
#footer {
	padding-top: 15px; /* modification du padding pour le haut */
    color: #C0C0C0; /* modification de la couleur */	
}
.txtspeG {
    padding: 8px 0;	
}
.copyright, .timer {
    font-size: .8em; /* modification de la taille de l'affichage */
    color: #C0C0C0; /* modification de la couleur */	
}
.top {
    color: #C0C0C0; /* modification de la couleur */
    font-size: 1.5em; /* modification de la taille de l'affichage */
}
div.logo { /* block logo */
    padding: 20px 8px 8px; /* modification du padding pour le haut */
}	
div.banner { /* block bannière */
    padding: 80px 20px 10px; /* position bannière en fonction de la hauteur du logo */
}	
div.quote { /* block citation */
    margin: 20px 5px 5px; /* modification marges externes */
	padding: 30px; /* modification marges internes */
    background: url(img/citation.png) no-repeat 50% 100%; /* position de l'image de fond */
	min-height: 130px; /* hauteur minimum pour l'affichage */
}
div.menuIcons ul li {
  margin-left: 0;
  margin-right: 0;
}
div.pop.menuIcons_flag {
	top: 32px; /* ajustement positionnement du drapeau */
}
div.menuIcons ul li.menu_connect { /* positionnement de l'onglet en haut à droite */
    position: absolute; top: 2px; right: 100px;
    padding-right: 3px;
}
div.menuIcons ul li.menu_connect a span { /* lien Connexion */
    color: #C0C0C0; /* couleur texte lien connexion */
    border: 0; /* bordure à droite */
    box-shadow: none;
}
div.menuIcons ul li.menu_admin { /* positionnement de l'onglet en haut à droite */
    position: absolute; top: 2px; right: 2px;
    padding-right: 3px;
}
div.menuIcons ul li.menu_admin a span { /* lien Admin */
    color: #C0C0C0; /* couleur texte lien admin */
    border: 0; /* bordure à droite */
    box-shadow: none;
}
div.menuIcons ul li a span { /* lien */
    padding: 0 10px; /* espacement des items */
    font: small-caps 16px Verdana, "Bitstream Vera Sans", sans-serif; /* Menu en petites majuscules */
    line-height: 30px;
    border-right: 1px solid #FFF; /* bordure à droite */
    box-shadow: 1px 0px 0px #C0C0C0; /* ombre */
}
div.menuIcons ul li a span.current { /* lien actif */
    color: #FFF; /* couleur texte lien actif */
    background-color: #EF9911; /* couleur de fond de l'onglet actif */
    padding: 0 10px;  /* espacement des items */
    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é*/
    color: #404040; /* couleur texte lien survolé */
    background-color: #ADE02E; /* couleur de fond de l'onglet survolé */
    padding: 0 10px;  /* espacement des items */
    border: 1px outset #FFF; /* bordure de l'onglet survolé */
    text-decoration: none; /* pas de soulignement underline */	
    position: relative;top:0;left:0; /* pas de décalage liens */
}
.titrebox { /* Titre boite latérale */
    font: small-caps 20px Verdana, "Bitstream Vera Sans", sans-serif;
	letter-spacing: 0.1em; /* ajout pour augmenter l'espacement des lettres */
}
.tblbox {  /* Corps boite latérale */
    margin-bottom: 15px; /* marge bas de boite */
}
.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 */	
}
.phimg { /* position, encadrement, ombre pour les miniatures des galeries photos */
    margin: 4px 4px 10px;
	border: 1px solid #C0C0C0 !important;
	border-radius: 4px;
    box-shadow: 1px 2px 2px #C0C0C0;	
}
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;
}
.selYearCal { /* largeur champ année */
	width: 72px;
}
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
    border: 1px solid #000; /* ajout d'une bordure */
}
.forum, .forum a, .forum2, tr.forum2, tr.forum2 a, tr.forum2 a:hover  {
    font: bold 16px Verdana, "Bitstream Vera Sans", sans-serif; /* modification pour texte en gras et taille */
    color: #FFF; /* modification couleur du texte */
}
.thtbldiv {
    font-weight:bold; /* modification pour texte en gras */
    padding: 4px; /* ajout padding */
}
.visits { 
    background-color: #EEE; /* personnalisation background popup */
}	
.SWPHL0 { /* habillage boite photorama */
    margin-top: 10px;
	color: inherit;
    background: transparent;
    border: 1px solid #C0C0C0;
	padding: 5px;
    border-radius: 8px;		
    box-shadow: 1px 4px 4px #C0C0C0;
}
.FB394 { /* habillage boîte slider camera */
    margin: -5px 3px 30px;
    padding-bottom: 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: 560%;
    height: 100%;
	color: #404040;
    background-color: #FFF;
    border: 4px solid #404040;	
    border-radius: 0px 0px 10px 10px;
}
.DDL461 ul.dropdown-linear li:hover ul li { /* personnalisation menu DDL over */
	background-color: #FFF;
    border: 4px solid #404040;
    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 */
}