/* Style Ultras Sapiac by Francky */

/* deplacement icone dernier message OK*/
.lastpost a + a {
	position: absolute;
	right: 10px;
	top: 40%;
}

/* déplacement icone 1er msg non lu */
.imageset.icon_topic_newest {
       float: right;
}

/* image fond écran entier OK */
html, body {
	//background-image: url("./images/fondFofo31.jpg");
	background-color: #ff33cc;
	background-position: center center; /*image centree */
	background-attachment: fixed; /* image fixe */
	background-repeat: repeat-repeat; /* image repetee largeur et hauteur */
}

/* banniere en logo  */
.imageset.site_logo {
	background-image: url("./images/forum3_1_logo1440.png");/* origine site_logo.gif */
}

.imageset.site_logo {
	-webkit-animation: logo-image 1s linear infinite;
	-moz-animation: logo-image 1s linear infinite;
	-ms-animation: logo-image 1s linear infinite;
	animation: logo-image 1s linear infinite;
}


@keyframes "imageset.site_logo" {
 0% {
    -webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	transform: scale(1.1);
 }
 50% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
}

@-moz-keyframes imageset.site_logo {
 0% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
}

@-webkit-keyframes "imageset.site_logo" {
 0% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
}

@-ms-keyframes "imageset.site_logo" {
 0% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
}

#logo > img {
	width: 100%;
	height: auto
}

.headerbar {
    margin: 0 auto;
    max-width: 100%;
    background-color: #148214;
	background-image: url("./images/bg_header.gif");
	/*padding: 0px 0px; ça permet le dégradé de contour */
}

#site-description {
    width: 100%;
}

.logo {
    float: center;
    padding: 0;
    width: auto;
}

/* le forum himself: contour et dimensions */
#wrap {
	border: 6px double green;
	//ça supprimme la double black en haut du wrap border-top: none; 
	border-radius: 7px;
	margin: 10px auto;
	min-width: 290px;
	max-width: 85%;
	padding: 15px 20px 20px 15px;
}

@media only screen and (max-width: 85%), only screen and (max-device-width: 85%) {
	#wrap {
		margin: 10px auto;
	}
}

/* OK couleur navbar=accés rapide et index  OK*/
.navbar {
    background-color: #1a1a1a;
}

/* OK couleur des 3 barres horizontales à côté de Accès Rapide=bouton accés rapide  */
ul.linklist li.responsive-menu a.responsive-menu-link:before {
	border-color: #e3e3e3; /*#ff33cc;*/
}

/*  couleur survol 3 traits accés rapide */
ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
	border-color: #ffffff;
}

/* couleur de liens uniquement dans la navbar */
.navbar a { color: #e3e3e3; }
.navbar a:hover	{ color: #ffffff; }

/* couleur bloc citation OK */
blockquote {
    background-color: #9aff97;
    border-color: #01bd01;
}

blockquote blockquote {
    background-color: #b5ffb3;
    //border-color: #01bd01;
}

blockquote blockquote blockquote {
    background-color: #ceffcc;
}

blockquote blockquote blockquote blockquote {
    background-color: #d8ffd6;
}

blockquote blockquote blockquote blockquote blockquote {
    background-color: #e6ffe5;
}

/* OKcouleur fléche menus déroulants */
.dropdown .pointer-inner {
    border-color: #9bee97 transparent;
}

/* OK couleur fond menus déroulants */  
.dropdown .dropdown-contents {
    background: #85EE81 none repeat scroll 0 0;
    border-color: #1a1a1a style="4px double";
    border-radius: 10px;
}

/* couleur des liens dans les menus dropdown  */
.dropdown a { color: #000000; }
.dropdown a:hover { color: #000000; 
}

/* couleur du fond des listes de forums.  */
ul.forums {
	background-color: #b1eeaf;
	background-image: url("./images/gradient.gif");
}

li.row:hover {
	background-color: #85ff85;
}

/* couleur du contour des forums  */
.forabg {
    background-color: #6f6f6f;
    background-image: url("./images/bg_header.gif");
}

/* fond pair et impair  */
.bg1 {
	background-color: #85ee81;
}

.bg2 {
    background-color: #B1EEAF;
}

/* OK texte sur boutons éditer et citer */
.hastouch .post-buttons .edit-icon {
	padding: 2px;
}

.post-buttons .edit-icon span {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: normal;
	position: static;
}

.hastouch .post-buttons .quote-icon {
	padding: 2px;
}

.post-buttons .quote-icon span {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: normal;
	position: static;
}

/*  couleurs boutons citer, répondre etc OK manque hover */
.button {
    background-color: #ffffff;
    background-image: linear-gradient(to bottom, #B3B3B3, #1a1a1a);
    border-color: #000000;
    border-radius: 0 10px;
    box-shadow: 0 0 0 1px #000000 inset;
    color: #00ff00;
}

/* hover bouton recherche citer repondre editer etc */
.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
	border-color: #000000;
	border-radius: 10px 0;
	background-image: -moz-linear-gradient(top, #55DE49, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #55DE49, #FFFFFF);
	background-image: -o-linear-gradient(top, #55DE49, #FFFFFF);
	background-image: linear-gradient(to bottom, #55DE49, #FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#55DE49', EndColorStr='#FFFFFF')";
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(26, 26, 26, 0.8);
}

/* OK couleur de fond bloc réponse  id="postingbox" class="panel"   */
.panel {
	background-color: #B1EEAF;
	color: #28313F;
}

/* couleur boutons options dans réponse */
#tabs .activetab > a, #tabs .activetab > a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b1eeaf 0%, #b1eeaf 100%) repeat scroll 0 0;
    border-color: #cadceb;
    box-shadow: 0 1px 1px #f2f9ff inset;
    color: #333333;
}

/*  OK centrer la zone de réponses rapide sous les sujet de mes forums  */
#qr_postform #message-box {
	margin: 0 auto;
}

/*  contour sujets récents forumbg recent-topics */
.forumbg {
    background-color: #6f6f6f;
    background-image: url("./images/bg_header.gif");
}

/* couleur bleuliens et hover rouge ligne250 colours .css  */
a { color: #000000; }
a:hover	{ color: #148214; }

/* hover ultras forums/autres forums etc colours cssligne 257 */
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #49e35d;
}

/* centre le titre des catégories( ultras forums,autres forums etc) */
li.header dl.icon dt {
	padding-right: -50px;
	text-align: center;
	font-size: 1.2em;
}

/* centrer dernier messages */
li.header dt, li.header dd {
    text-align: center;
}

/* couleur heures au format, derniere visite, marquer ts les fofos... */
ul.linklist > li.rightside, p.rightside, a.rightside {
    color: #1a1a1a;
}

/* couleur menu notifications dans header */
.dropdown-extended .header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #9bee97 0%, #55de49 100%) repeat scroll 0 0;
}

/* couleur texte pas de notifications */
.dropdown-extended ul {
        color: #000;
}

/* couleur hover pas de notifications */
.dropdown-extended ul li:hover {
    background-color: #9aff97;
    color: #000000;
}	

/* Page 1 sous navbar, au dessus des forums.sans hover */
.pagination li.active span {
    background-color: #148214;
    border-color: #55de94;
    color: #ffffff;
}

/* les autre pages avec avec hover  */
.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    background-color: #148214;
    border-color: #55de49;
    color: #FFFFFF;
}

/* centrage + texte dernier message page preced text size marche pas(élément inline???) */
.content p {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
    line-height: 1.4em;
    text-align: center;
    color: #1a1a1a;
    //text-decoration: underline;
}

/* contour hover bleu photo: marche pas
.element.style {
    border: 3px solid #ff33cc;
    border-radius: 6px;
    cursor: pointer;
    max-width: 400px;
    transition: border-color 0.1s ease-out 0s;
}*/

/* couleur texte h2 titres */
.content h2, .panel h2 {
    color: #1a1a1a;
    border-bottom-color: #CCCCCC;
}

/* hover brouillon apercu envoyerds reponses */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border-color: #55de49;
    color: #148214;
	border-radius: 7px 3px
}

/* active brouillon aperçu envoyer reponse */
input.button1:focus, input.button2:focus, input.button3:focus {
    border-color: #1a1a1a;
    color: #1a1a1a;
}

/* pcu/ucp apercu/profil...amis ligne 765 colours.css */
#tabs .tab > a {
    background:  #55de49;
    color: #1a1a1a;
}

#tabs .tab > a:hover {
	background: #9bee97;
	color: #1a1a1a;
	border-color: #49e35d;
}

#tabs .activetab > a, #tabs .activetab > a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b1eeaf 0%, #b1eeaf 100%) repeat scroll 0 0;
    border-bottom: none;
	border-color: #49e35d;
	box-shadow: 0 1px 1px #f2f9ff inset;
    color: #333333;
}

/* pcu/ucp page principale==>gestion de notis/de haut en bas col gauche */
#navigation #active-subsection a {
    background: #9bee97;
    color: #1a1a1a;
	border: 2px solid #49e35d;
	border-right: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a:hover {
    color: #1a1a1a;
	background-color: #9bee97;
}

#navigation a:hover {
    background: #9bee97;
    color: #1a1a1a;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation a {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #b1eeaf , #9bee97 50%) repeat scroll 0 0;
    color: #808080;
}

/* hover liste membres */
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #49e35d;
    color: #000;
}

/* couleur des liens */
.postlink:visited {
	border-bottom-color: fff;
	color: #10670d;
}
.postlink:focus {
    background-color: #9aff97;
    color: #595959;
	text-decoration: underline ;
}

.postlink:hover {
    background-color: #9bee97;
    color: #376b34;
	text-decoration: underline	;
	border-bottom-color: ff33cc;
}
/* hover lien signature*/
.signature a:visited, .signature a:hover {
    background-color: #9aff99;
}

/* titre des rubriques de la faq */
.content h2, .panel h2 {
    color: #1a1a1a;
    border-bottom-color: #CCCCCC;
}

/* texte d'apercu de nouveau post/topic+??? */
h3 {
    border-bottom-color: #CCCCCC;
    color: #404040;
}

/* fond ucp/aperçu ==> amis et ignorés */
.bg3 {
    background-color: #b1eeaf;
}

/* autour du bloc réponse des mp*/
.panel-container .panel {
    background-color: #9bee97;
}

/* couleur utisateur enregistré dans choix groupes mp */
.sep {
    color: #4c4c4c;
}

/* trait signature*/
.signature {
    border-top-color: #6e986de6;
}
 
 /* Back to top of page */
a.top {
	background-image: url("./images/icon_back_top.gif");
	width: 15px;
	height: 15px;
	text-indent: 15px;
}
/*Icones abbc3 */
.abbc3_button:hover {
	border-radius: 7px 3px;
}

/* countdow.css */
.timecount{
	color:#1a1a1a;
	background-color : #fff;
	border: 2px solid #148214;
	border-radius: 7px
}

span.cd-time{
	color:#148214;
}

/* positionnement de labarre des boutons citer, editer....+1 en responsive 
.has-profile .post-buttons {
	right: 20px;
	top: 55px;
}
.post .postprofile {
        margin-bottom: 25px;
} */

/* les icones saphic Forum icons & Topic icons ligne 675 colours.css */
.global_read													{ background-image: url("./images/announce_read.gif"); }
.global_read_mine												{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked												{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine										{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread													{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine												{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked											{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine										{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.announce_read													{ background-image: url("./images/announce_read.gif"); }
.announce_read_mine												{ background-image: url("./images/announce_read_mine.gif"); }
.announce_read_locked											{ background-image: url("./images/announce_read_locked.gif"); }
.announce_read_locked_mine										{ background-image: url("./images/announce_read_locked_mine.gif"); }
.announce_unread												{ background-image: url("./images/announce_unread.gif"); }
.announce_unread_mine											{ background-image: url("./images/announce_unread_mine.gif"); }
.announce_unread_locked											{ background-image: url("./images/announce_unread_locked.gif"); }
.announce_unread_locked_mine									{ background-image: url("./images/announce_unread_locked_mine.gif"); }

.forum_link														{ background-image: url("./images/forum_link.gif"); }
.forum_read														{ background-image: url("./images/forum_read.gif"); }
.forum_read_locked												{ background-image: url("./images/forum_read_locked.gif"); }
.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.gif"); }
.forum_unread													{ background-image: url("./images/forum_unread.gif"); }
.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.gif"); }
.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.gif"); }

.sticky_read													{ background-image: url("./images/sticky_read.gif"); }
.sticky_read_mine												{ background-image: url("./images/sticky_read_mine.gif"); }
.sticky_read_locked												{ background-image: url("./images/sticky_read_locked.gif"); }
.sticky_read_locked_mine										{ background-image: url("./images/sticky_read_locked_mine.gif"); }
.sticky_unread													{ background-image: url("./images/sticky_unread.gif"); }
.sticky_unread_mine												{ background-image: url("./images/sticky_unread_mine.gif"); }
.sticky_unread_locked											{ background-image: url("./images/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine										{ background-image: url("./images/sticky_unread_locked_mine.gif"); }

.topic_moved													{ background-image: url("./images/topic_moved.gif"); }
.topic_read														{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine												{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot													{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked												{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.gif"); }
.topic_unread													{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.gif"); }

.pm_read														{ background-image: url("./images/topic_read.gif"); }
.pm_unread														{ background-image: url("./images/topic_unread.gif"); }