CSS VERSION AMERICAN DREAM AND COW.

Code:: /* PA TEST */

.anna {
border: 1px #BDBF6F solid;
padding: 2px;
opacity: 1;
}
.anna:hover {
border: 1px #8CB9B8 solid;
opacity: 0.8;
}

a.pann {
color: #8C5C64;
padding-left: 27px;
padding-right: 27px;
}
.pann {
color: #A8BE38;
margin-left: -15px;
margin-right: -15px;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 9px;
font-weight: bold;
}

a.forumlink {
color: #B70A4C;
}
a.forumlink {
text-transform: lowercase;
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -2px;
font-size: 22px;
cursor: help;
text-align: left;
color: #463624;
}
.forumlink {
color: #B70A4C;
font-size: 10px;
font-weight: 700;
}

/* PROFIL */

.fondavatar
{border: 4px outset olive;background-color:white;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;padding: 5px; -webkit-box-shadow: 1px 2px 2px gray;
-moz-box-shadow: 1px 2px 2px gray;
box-shadow: 1px 2px 2px gray; }

.fondavatar2
{background-color : white;
border : 4px outset olive;
-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;padding: 5px;
-webkit-box-shadow: 1px 2px 2x gray;
-moz-box-shadow: 1px 2px 2px gray;
box-shadow: 1px 1px 2px gray;}

textarea {align: center; color: couleurdutexte ; background-color: white;
border: 4px outset olive;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
width: 170px;}

.code{
font-family: Tahoma;
font-size: 11px;
color: black;
background-color: white;
border: sienna;
border-style: solid ;
border-left-width: 6px;
border-top-width: 6px;
border-right-width: 6px;
border-bottom-width: 6px;
-moz-border-radius: 10px 10px 10px 10px;
}

/* BARRE NAVIGATIONLIENS */

a.mainmenu:hover {
font-family: arial;
text-transform: lowercase;
font-size: 15px;
font-style: italic;
color: #92C4C5;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -1px;
text-decoration: underline;
}

a.mainmenu {
font-family: arial;
text-transform: lowercase;
font-size: 15px;
font-style: italic;
color: #9F6B61;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -1px;
text-decoration: underline;
}

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

/* BODYLINE & MARGES */

.bodyline{
border-top: none !important;
border-bottom: none !important;
border:8px solid white;
}
body {
margin: 0 auto;
}

tr.post span.gensmall { display: none; }

/* FICHE PRESENTATION */

.titrepresa{
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: white 1px 1px 2px;
font-size:45px;
color: #375D81;
text-align: center;
font-weight: bold;
text-transform:lowercase;
font-style: italic;
text-decoration:none!important;
}

.titrepresa:hover {
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: white 1px 1px 2px;
font-size:45px;
color: white;
text-align: center;
font-weight: bold;
text-transform : lowercase;
font-style: italic;
text-decoration:none!important
}

/* PA */

.grostitre{
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: black 1px 1px 2px;
font-size:60px;
color: #375D81;
text-align: center;
font-weight: bold;
text-transform:lowercase;
font-style: italic;
text-decoration:none!important;
}

.grostitre:hover {
FONT-FAMILY: times new roman;
letter-spacing:-3px;
text-shadow: black 1px 1px 2px;
font-size:60px;
color: white;
text-align: center;
font-weight: bold;
text-transform : lowercase;
font-style: italic;
text-decoration:none!important
}

a.titre1{
font-size: 20px;
color: #2D1503;
font-family: georgia;
text-shadow: 1px 1px 2px black;
}
.titre1{
font-size: 20px;
color: #375D81;
font-family: georgia;
text-shadow: 1px 1px 2px black;
text-align:center;
}
a.lien_pa{
font-size: 20px;
color: #73D1FF;
font-family: georgia;
text-shadow: 1px 1px 2px #0084A9;
}
.titre_pa{
font-size: 20px;
color: #2D1503;
font-family: georgia;
text-shadow: 1px 1px 2px black;
text-align:center;
}
.contexte_pa{
text-align:justify;
height:210px;
overflow:auto;
padding:3px;
}
a.infobulle {position:relative;}
a.infobulle:hover {
background: none;
z-index: 999;
}
a.infobulle span {display:none;}
a.infobulle:hover span {
display: inline;
position: absolute;
width:100px;
top:0px;
right:0px;
background-color:#FFFFFF;
padding: 2px;
border:2px solid #375D81;
color:#9C9C9C;
}

ul, li{
list-style: none;
}
.mon_onglet{
padding: 5px ;
margin: 7px;
color: #ffffff;
background: #375D81;
-moz-border-radius: 0px 0px 0px 0px;
cursor: pointer;}

.mon_onglet_selected{
padding: 7px ;
margin: 5px;
color: #375D81;
-moz-border-radius:10px;
background: #ffffff;
cursor: pointer;
}

.mon_contenu{
font-size: 11px;
width: 450px;
height: 290px;
background-image : url("http://i48.servimg.com/u/f48/16/28/22/98/fond10.png");
background: #;
border: 3px solid #375D81;
padding: 7px;
color: #055159;
line-height: 15px;
-moz-border-radius: 0px 0px 0px 0px;
}

.select
{
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
z-index: 999;
}

/* QEEL */

.partiedroite {
font-size : 12px ;
border-left : 2px solid #2D1503 ;
padding-left : 10px } *veuillez ne pas toucher à cette partie

.groupes{
background-color: white ; *peut-être un fond de couleur ?
border: 1px color #2D1503 ; *contour du QEEL
-moz-border-radius : 2px 1px 1px 2px; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : black ; *couleur du texte
text-decoration: none !important; *pas touche
}

#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/181185imagedefond.jpg) center no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #ffffff;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 400px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

» PA AMERICAN DREAM