body {
color: white;
background-color: #334455;
min-width: 980px;
}
a {
color: #F8F8FF;
}
a img {
border: none;
}
a:hover {
font-style: italic;
color: #fffaaa;
}
#boxtop {
min-width: 980px;
height: 100px;
}
#topvide {
width: 100%;
height: 10px;
}
#logo {
float: left;
width: 75%;
height: 80px;
background-color: #556677;
}
#logo img {
float: left;
}
#logo div {
float: right;
margin-top:20px;
}
#infojour {
float: right;
width: 25%;
height: 80px;
}
#nbrconct {
text-align: center;
height:38px;
padding: 1px;
background-color: #556677;
}
#date {
background-color: #556677;
text-align: center;
font-size: 0.9em;
height:40px;
}
#boxcenter {
background-color:#334455;
}
#imgprof a {
float: left;
margin-left: 1px;
padding: 0 0 0 8px;
text-decoration: none;
background: url("../pgst/inc/img/boutons/gh_menu.png") no-repeat left top;
color: #001122;
border-width:0;
background-position: 0% -41px;
vertical-align: middle;
}
#imgprof a span {
float: left;
display: block;
background: url("../pgst/inc/img/boutons/dt_menu.png") no-repeat right top;
padding: 5px 14px 4px 6px;
color: #001122;
border-width:0;
background-position: 100% -41px;
}
#imgprof a:hover {
background-position: 0% 1px;
color: #223344;
cursor: pointer;
}
#imgprof a:hover span {
background-position: 100% 1px;
color: #223344;
}
#imgprof a span img {
display: inline;
float: left;
padding: 2px;
}
.tipg {
float: left;
margin-left: 100px;
margin-top: 15px;
margin-right: 10px;
}
#Hpage {
border: none;
text-decoration: none;
}
.ital {
font-style: italic;
}
.encreBp {
text-align: center;
margin-top:5px;
}
#boxleft {
float: left;
width: 200px;
}
#menuleft1, #menuleft2, #menuleft3, #menuleft4, #menuleft5 {
margin-top: 10px;
padding:5px;
background-image: url("../pgst/inc/img/design/fond.png");
color: #001122;
}
#menuleft1 {
height: 210px;
padding-bottom: 2px;
}
#menuleft2 {
height: 180px;
}
.apergal {
width: 110px;
background: black;
margin-left:35px;
}
.apergal img {
border: black;
border-left: 5px dotted white;
border-right: 5px dotted white;
}
#menuleft3 {
height: 160px;
}
#menuleft4 {
height: 35px;
overflow: hidden;
}
#menuleft4:hover {
height: 200px;
overflow: visible;
}
#menuleft5 {
height: 140px;
}
.textleft {
font-weight: bold;
color: #C0C0C0;
}
.tleftItal {
font-weight: bold;
color: #C0C0C0;
font-style: italic;
}
.imgflot {
margin-left: 50px;
margin-top: 13px;
margin-bottom: 13px;
}
.imgAprtflot {
margin-left: 50px;
margin-top: 5px;
}
.fgras {
width: 190px;
height: 30px;
background: url("../pgst/inc/img/design/bttop2.png") no-repeat;
text-align: center;
padding-top: 5px;
margin-bottom: -15px;
}
.gras {
font-weight: bold;
}
#subMleft {
float: right;
width: 180px;
margin-top: 10px;
padding: 5px;
background-color: #991122;
}
#boxcorpage {
margin-left: 200px;
min-width: 780px;
background-color: #334455;
margin-bottom: 10px;
}
#bttop {
width: 100%;
height: 60px;
}
#bttopA {
width: 100%;
height: 60px;
}
#onglBtct {
width: 60%;
height: 100px;
float: right;
background: url("../pgst/inc/img/design/ct_big.png") no-repeat;
position: absolute;
right: 100px;
top: 120px;
z-index: 1;
}
#onglBtgh {
width: 550px;
height: 100px;
float: left;
background: url("../pgst/inc/img/design/gh_big.png") no-repeat left top;
padding-left: 15px;
padding-top: 9px;
position: absolute;
left: 220px;
top: 120px;
z-index: 2;
}
#onglBtdt{
width: 195px;
height: 100px;
float: right;
background: url("../pgst/inc/img/design/dt_big.png") no-repeat right top;
padding-top: 9px;
margin-left: 100px;
position: absolute;
right: 20px;
top: 120px;
z-index: 2;
}
#banniere {
width:98%;
border: none;
border-collapse: collapse;
color: #001122;
text-align: center;
margin: auto;
margin-top: 10px;
}
#banniere a {
color: #001122;
}
#banniere a:hover{
color: #001122;
background-color: #FAEDD7;
padding:3px;
border: inset 4px #bcc0bf;
}
#banniere .gh {
width:30%;
height: 60px;
float: left;
display: block;
background: url("../pgst/inc/img/design/gh_big.png") no-repeat left top;
margin: 0px;
padding: 20px 0px 0px 0px;
text-align: center;
}
#banniere .ct {
width:40%;
height: 60px;
float: left;
display: block;
background: url("../pgst/inc/img/design/ct_big.png") no-repeat left top;
margin: 0px;
padding: 15px 0px 0px 0px;
font-size: 1.6em;
}
#banniere .dt{
width:30%;
height: 60px;
float: right;
display: block;
background: url("../pgst/inc/img/design/dt_big.png") no-repeat right top;
margin: 0px;
padding: 20px 0px 0px 0px;
text-align: center;
}
#aCmes {
margin: auto;
margin-top: 20px;
padding: 5px 5px 1px 5px;
width: 600px;
}
#aCmes3 {
margin: auto;
padding: 5px 5px 3px 5px;
width: 700px;
background-color: #667788;
}
#vidaCmes3, #vidIns3 {
min-width:49px;
}
#aCmes3 a {
text-decoration: none;
}
#aCmes3 .lien {
padding-left: 10px;
padding-right: 5px;
}
a .lien, .lien:first-letter {
font-size: 1.2em;
font-weight: bold;
}
#aCmes3 a:hover {
background-color: #778899;
color: white !important;
}
.refMem {
margin-left: 30px;
}
#vidIns, #vidPlan, #vidaCmes, #vidCon, #vidDeco, #vidConfir {
min-width:89px;
}
#corPlan {
padding-top: 20px;
margin: auto;
margin-top: 20px;
width: 600px;
background-color: #001122;
}
.titre h2, .titre2 h2  {
text-align: center;
background-color: #991122 !important;
padding: 10px;
}
#inscript, #connex, #deconnex, #insconfir {
margin: auto;
width: 600px;
background-color: #001122;
}
#inscript, #corPlan , #connex, #deconnex, #insconfir, #profil, #mp, #contmess {
-moz-border-radius: 25px;
}
.titre h2 {
-moz-border-radius: 25px 25px 0px 0px;
}
.titre2 h2 {
-moz-border-radius: 0px 0px 25px 25px;
}
/*voir exemple page zero pour changer apparence des input,etc... */
.centfield, .centfield input {
margin-left: 80px !important;
margin-right: 80px !important;
}
fieldset {
background-color: #778899;
margin-left: 10px;
margin-right: 10px;
}
legend {
font-size: 1.2em;
background-color: #992233;
-moz-border-radius: 5px 5px 0px 0px;
padding: 2px 5px 2px 5px;
}
label {
display: block;
float: left;
text-align: right;
padding-left: 20px;
}
input, textarea {
float: right;
text-align: center;
}
.ok {
float: none !important;
text-align: center;
}
input:hover, .ok input:hover, a :hover {
cursor: pointer;
}
#boxbottom {
width: 100%;
background-color: #667788;
}
#vidotom2 {
float: left;
height: 80px;
width: 200px;
margin: 5px 0px 5px 5px;
background-color: #556677;
}
#boxbottom1 {
margin-left: 200px;
margin-top: 10px;
height: 80px;
padding: 5px;
background: url("../pgst/inc/img/icons/logo80.png") no-repeat center;
position: absolut;
}
#boxstat {
float: left;
width: 44%;
height: 80px;
background-color: #556677;
}
#boxstat a {
text-decoration: none;
}
#plan {
float: right;
width: 44%;
margin:auto;
height: 80px;
background-color: #556677;
}
#plan1{
float:left;
width: 55%;
margin-left: 20px;
margin-top: 10px;
}
#plan1 span {
display: bolck;
float: right;
}
#plan2 {
float: right;
width: 30%;
margin-right: 21px;
margin-top: 21px;
}
.hplan {
text-align: center;
background-color: #991122;
}
.tplan {
margin-left: 80px;
margin-right: 80px;
}
.tplan:first-letter {
font-size: 1.5em;
font-weight: bold;
margin-left: 20px;
}
#boxbottom2 {
margin-top: 10px;
margin-bottom: 20px;
background-color: #334455;
text-align: center;
padding: 5px;
}
#boxbottom2 span{
margin-left: 200px;
background-color: #778899;
-moz-border-radius: 10px 10px 10px 10px;
padding: 5px;
}
#contforu {
margin: auto;
margin-left: 10px;
margin-right: 10px;
min-width: 700px;
background-color: #334455;
}
#contmess {
margin: auto;
width: 680px;
background-color: #001122;
}
.inp {
float: left;
margin: auto;
margin-right: 10px;
width: 150px;
}
#pgAc, #pgAc2 {
border-color: #ffffff !important;
border: solid 2px;
}
#titf {
background-color: #223344;
width: 98%;
}
.titf, .nbrmess, .nbrsujets, .dermess {
background-color: #778899;
padding: 2px;
}
.titf {
width: 50%;
padding-left: 20px;
}
.nbrmess {
width: 7%;
text-align: center;
}
.nbrsujets {
width: 7%;
text-align: center;
}
.dermess {
width: 36%;
}
#titf2 {
background-color: #223344;
width: 98%;
}
#titf3 {
background-color: #778899;
width: 98%;
}
.icomess2, .titof2, .nbrmess2, .nbrvu2, .auteur2, .dermess2 {
background-color: #778899;
padding-left: 10px;
}
.icomess2 {
width: 6%;
}
.titof2 {
width: 40%;
background-color: #778899 !important;
}
.nbrmess2, .nbrvu2 {
width: 7%;
text-align: center;
}
.auteur2 {
width: 10%;
text-align: center;
}
.dermess2 {
width: 30%;
text-align: center;
}
#trvpf {
width: 98%;
}
.pgfAuteur {
width: 30%;
background-color: #eeaabb;
}
.pgfMess {
width: 70%;
background-color: #eebbcc;
}
.pgfqui {
width:150px;
background-color: #112233;
padding: 10px;
}
.pgfConmess {
min-width:530px;
background-color: #334455;
padding: 0px 10px 10px 10px;
}
.mpf_mess {
color: #001122;
background-color: #ddddee;
}
.mpf_ico {
width: 5%;
}
.mpf_titre {
width: 35%;
background-color: #eeaabb;
}
.mpf_exped {
width: 15%;
background-color: #eebbcc;
}
.mpf_time {
width: 30%;
background-color: #eeccdd;
}
.mpf_action {
width: 15%;
background-color: #eeddee;
}
#profil, #mp {
margin: auto;
width: 640px;
background-color: #001122;
}
#mp #imgprof, #profil #imgprof, #contmess #imgprof {
margin-left: 20px;
}
.avatar {
display: block;
float: left;
}
.supavatar
 {
display: block;
float: right;
text-align: rigth;
}
a.info {
position: relative;
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
bottom: 30px; /* on positionne notre infobulle */
left: 20px;
background: #665577;
color: white;
padding: 5px;
border: 1px solid #12c4fe;
border-top: 4px solid #12c4fe;
border-bottom: none;
}