Imagine on the beach

/* ------------------------------------- CLASSE PERSO -----------------------------------*/

/* Pour les sujets des règlements sur le forum */

.rulespost {
font-family: "Segoe UI";
font-size: 12px;
color: #333333;
background-color: #E2E2E2;
text-align: justify;
margin-left:0px;
padding-top: 0px !important;
padding-left: 30px !important;
padding-bottom: 0px !important;
padding-right:30px !important;
overflow: hidden;
display:block;
border: 1px #AAD9B9 solid;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
}

.newspost {
font-family: "Segoe UI";
font-size: 12px;
color: #333333;
background-color: #AAD9B9;
text-align: justify;
margin-left:0px;
padding-top: 0px !important;
padding-left: 30px !important;
padding-bottom: 0px !important;
padding-right:30px !important;
overflow: hidden;
display:block;
border: 1px #E2E2E2 solid;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
}

/*-------------------------------------- LIEN DU MENU DE NAVIGATION --------------------------------------------------*/

.mainmenu {
display:block;
background-color:#ffffff;
}

a.mainmenu {
color:#946D4D;
background-color:#ffffff;
font-size: 12px;
text-transform : uppercase;
display:inline-block;
margin: 5px;
}

a.mainmenu:hover {
}

a.mainmenu:link, a.mainmenu:visited{
font-family : segoe ui;
text-align:left;
}

.navig {
position: fixed;
top: 0px;
right: 0px;
left: 0px;
xborder-bottom:3px solid #7D5B47;
width: 100%;
background-color: #ffffff;
}

a.mainmenu img{
display: none;
}

/* ------------------------------------- PAGE D'ACCUEIL -----------------------------------*/

/* zone avec les liens de navigation en haut de la PA */

.lienrapide {
font-family: "Segoe UI";
font-size: 12px;
color: #ffffff;
background-color: #C6BD9C;
margin-left:0px;
padding-top: 1px !important;
padding-left: 30px !important;
padding-bottom: 3px !important;
padding-right:30px !important;
width: 90%;
overflow: hidden;
display:block;
}

/* ---------- TITRES DES CATEGORIES (ex : Hotel de ville, Avenue de la Compet')-------------*/

.categorie {
}

th.categorie {
height: auto;
}

.cat .hierarchy, .categorie {
font-family: segoe ui;
font-color:#946D4D;
margin: 0;
text-transform:uppercase;
}

.nav .categorie { display: none;}
.cat .hierarchy a.cattitle, .categorie { color: #946D4D !important; font-size: 20px !important;}

/*-----------------------------------------------------CATEGORIES-----------------------------*/

.forumlink {
font-family: "Segoe UI", light;
text-transform: uppercase;
color: #311F1F !important;
letter-spacing: 2px;
}

.row1 .hierarchy {
background-color: #C6BD9C;
display: block;
margin: 0;
padding: 5px 10px;
}

body.chatbox {
background-color: #E0DBBC;
border-radius: 3px;
border: none !important;}

/*cadre où on tappe nos messages*/
.text_editor_iframe, input, select, textarea {
background-color: #C6BD9C;
border-radius: 0px;
border: none !important;
}



/*--------------------------------- LIENS HYPERTEXTE --------------------------------------*/

/* tous les liens */
a {
font-family: segoe ui;
font-size:12px;
font-variant: small-caps;
text-decoration: none;
letter-spacing : 1px;
}

/* liens quand on passe la souris */
a:hover{
text-decoration: none !important;
}

a:link {
text-decoration: none;
}

a:active{
background-color:#E7F5ED;
}

/* liens des sous forum + lien colonne */
a.gensmall{
position: relative;
}

/*-------------------------------- DESCRIPTION DES SECTIONS -------------------------------*/


/* texte de ? */
.gen {
font-size : 11px;
}

/* texte des descriptions des catégories */
.genmed {
font-size : 12px;
display : block;
}

.genmed:first-letter {
font-size:12px;
color:#311F1F;
font-weight: bold;
}

/* texte des sous forum + derniers messages ...etc */
.gensmall { font-size : 12px; }

/*------------------------------------ FOND DU FORUM --------------------------------------*/

body {
background-color: transparent;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
}

/*--------------------------------- CONTOURS DU FORUM -------------------------------------*/


body{
margin-top: 0px;
margin-bottom: 0px;
}

table.forumline {border: 0px #000000 solid;
}

.forumline {
background-color: #E0DBBC;
margin: 5px 0;
padding: 18px 20px;

border: 0px #000000 solid;}



/*-------------------------------------- TITRE DES SECTIONS --------------------------------------------------*/


a.forumlink:link, a.forumlink:visited {
font-family: segoe ui;
position: relative;
color:#311F1F;
}

a.forumlink:hover, a.forumlink:hover:visited {
text-shadow: 0 0px 0px #ffffff;
}

/*-------------------------------------------citation et code-----------------------------------------*/


.spoiler_content, .spoiler_closed {
background-color: #353535;
border-radius: 0 0 0 0;
border-style: none none none solid;
border-width: 0 0 0 8px;
border-color: #311F1F;
display: block;
font-size: 110%;
line-height: 125%;
}

.spoiler_content {
padding: 20px;
background-color: #F9F9F9;
border-color: #353535}

.quote, .code {
background-color: #BEDFAD;
border-color: #311F1F;
border-radius: 0 0 0 0;
border-style: none none none solid;
border-width: 0 0 0 8px;
font-size: 110%;
padding: 10px;
}
.quote {
font-style: italic;
font-family: segoe ui;
}
.code {
font-family: monospace;
}

/*---------------------------------------------INFOBULLE----------------------------------*/
a.infobulle {
position:relative;
z-index:24;
color:#306B35;
text-decoration:none;
font-variant: small-caps;
font-weight: bold;
font-style: none;
}

a.infobulle:hover{
z-index:45;
background-color:#472B1C
}

a.infobulle span{
display: none;
}

a.infobulle:hover span{
display:block;
position:absolute;
top:5px; left:-150px; width:auto;
border:1px solid #306B35;
background-color:#472B1C;
opacity:1;
color:#246334;
text-align: justify;
font-weight:none;
padding:5px;
overflow: auto;
}

/*-------teest bulle tournante----*/
img.pixPA {
border-bottom-color: rgb(140, 77, 49);
border-bottom-left-radius: 28.4833px;
border-bottom-right-radius: 28.4833px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(140, 77, 49);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(140, 77, 49);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(140, 77, 49);
border-top-left-radius: 28.4833px;
border-top-right-radius: 28.4833px;
border-top-style: none;
border-top-width: 0px;
box-shadow: rgb(255, 255, 255) 0px 0px 2px 0px;
color: rgb(140, 77, 49);
cursor: pointer;
font-family: arial;
font-size: 10px;
opacity: 0.9;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
text-align: -moz-center;
transition-delay: 0s;
transition-duration: 1.5s;
transition-property: transform;
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transition-delay: 0s;
-webkit-transition-duration: 1.5s;
-webkit-transition-property: transform;
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-o-transition-delay: 0s;
-o-transition-duration: 1.5s;
-o-transition-property: transform;
-o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-ms-transition-delay: 0s;
-ms-transition-duration: 1.5s;
-ms-transition-property: transform;
-ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition-delay: 0s;
-moz-transition-duration: 1.5s;
-moz-transition-property: transform;
-moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;}

.pixPA {
padding: 1px;
border-radius: 400px 400px 400px 400px;
box-shadow: 0px 0px 2px white;
opacity: 0.9;
transition: transform 1.5s ease-in-out 0s;
-webkit-transition: transform 1.5s ease-in-out 0s;
-ms-transition: transform 1.5s ease-in-out 0s;
-o-transition: transform 1.5s ease-in-out 0s;
-moz-transition: transform 1.5s ease-in-out 0s;
}

.pixPA:hover {
border-radius: 400px 400px 400px 400px;
box-shadow: 0px 0px 2px white;
opacity: 1;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 2s ease-in-out 0s;
-webkit-transition: transform 2s ease-in-out 0s;
-ms-transition: transform 2s ease-in-out 0s;
-o-transition: transform 2s ease-in-out 0s;
-moz-transition: transform 2s ease-in-out 0s;
}