body {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
background-color: #333;
color: white;
margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
text-align: center;
}
fieldset {
border: 2px solid #2daebf;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
background-color: rgba(255, 255, 255, 0.2);
width: 60%;
margin: 0 auto;
text-align: left;
}
label {
display: block;
width: 150px;
float: left;
text-align: right;
padding-right: 10px;
}
a img {
border: none;
}
input[type=text],input[type=password] {
border: 2px solid #2daebf;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.e_incorrect {
color: red;
}
.e_correct {
color: green;
}
.e_optionnel {
color: yellow;
}
.texte {
margin: 0 auto;
width: 80%;
border: 2px solid #2daebf;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
height: 80px;
}
.centre {
text-align: center;
border: 0 auto;
}
a {
color: #2daebf;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
text-decoration: none;
}
a:hover {
color: white;
}

.awesome, .awesome:visited {
	background: #222 url('../images/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border: none;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

.awesome.largem {
width: 250px;
}
.bloc_centre {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
background-color: #2daebf;
margin-top: -100px;
margin-left: -200px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,0,0.25);
}
.erreur {
background-color: #e33100;
}
.right {
float: right;
}
.left {
float: left;
}

.bande {
width: 75%;
min-width: 900px;
height: 150px;
margin: 0 auto;
background-color: #2daebf;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,0,0.25);
text-align: center;
padding: 2px;
vertical-align: top;
}
#footer {
width: 75%;
min-width: 900px;
min-height: 80px;
margin: 0 auto;
background-color: #2daebf;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border: 1px solid rgba(0,0,0,0.25);
text-align: center;
padding: 2px;
font-size: 12px;
padding-bottom: 20px;
}
.cat {
display: inline-block;
height: 146px;
width: 146px;
font-size: 12px;
}
.cat a {
color: white;
text-decoration: none;
}
#corps {
margin-top: 10px;
width: 75%;
min-width: 900px;
margin: 0 auto;
text-align: justify;
padding: 4px;
}
.cadrec {
margin: 0 auto;
text-align: center;
}
.cadreg {
display: inline-block;
min-width: 30%;
margin: 20px;
text-align: left;
vertical-align: top;
}
.cadreg table {
width: 100%;
}
.cadreg th {
text-align: center;
}
.grandd {
width: 80%;
margin: 0 auto;
}
table {
border: 2px solid #2daebf;
border-collapse: collapse;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
th,td,tr {
background-color: rgba(255, 255, 255, 0.2);
}
.l1 {
background-color: rgba(255, 255, 255, 0.2);
}
.l0 {
background-color: #333;
}

.bloc {
display: inline-block;
width: 40%;
margin: 20px;
}

.docd {
display: inline-block;
width: 80px;
text-align: center;
font-weight: bold;
font-size: 12px;
}

.tabgrand {
width: 85%;
margin: 0 auto;
}

.spetit {
font-size: 12px;
}
.barreh {
border-top: 1px solid #2daebf;
}
.barreh img {
vertical-align: middle;
}

.labelgrand {
width: 250px;
}

.colpseudo {
width: 120px;
}
.colgmin {
min-width: 300px;
}

.new_mp {
width: 32px;
height: 32px;
display: inline-block;
background: url('../images/new_mp.png') no-repeat;
position: relative;
bottom: 54px;
left: 54px;
font-size: 22px;
text-align: center;
padding-top: 3px;
overflow: hidden;
}
.gros {
font-size: 14px;
}
.ttgros {
font-size: 40px;
font-weight: bold;
}

.catn0 {
border-top: 2px solid white;
background-color: rgba(255, 255, 255, 0.2);
}
.catn1 {
background-color: #333;
}
.catn2 {
background-color: #222;
}
.catmargen0 {
}
.catmargen1 {
padding-left: 40px;
}
.catmargen2 {
padding-left: 80px;
}

.legende_doc {
font-size: 10px;
height: 12px;
}
.marge {
margin-left: 50px;
display: inline-block;
}

#maintenance {
position: fixed;
height: 30px;
width: 100%;
top: 0px;
left: 0px;
background-color: #888;
padding-left: 10%;
padding-right: 10%;
border-bottom: 2px solid black;
display: none;
z-index: 300;
}

/* BBCODE */
.code {
width: 95%;
background-color: white;
border: 2px dashed black;
margin: 0 auto;
padding: 8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
font-family:'Courier New', 'DejaVu Sans Mono', monospace;
font-size:1.0em;
color: black;
}
.c_console {
background-color: black;
color: white;
border: none;
}
.code_legende {
font-weight: bold;
margin-left: 40px;
}
.code_bbcode_interieur {
color: blue;
}
.code_bbcode_egal {
color: red;
}
.code_bbcode_variable {
color: green;
}
.code_bbcode_valeur {
color: yellow;
}
.bbcode_souligne {
text-decoration: underline;
}
.citation {
color: black;
width: 95%;
background-color: white;
border: 2px dashed black;
margin: 0 auto;
padding: 4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.citation_legende {
font-weight: bold;
margin-left: 40px;
}
.couleur_rouge {
color: red;
}
.couleur_bleu {
color: blue;
}
.couleur_jaune {
color: yellow;
}
.couleur_vert {
color: green;
}
.couleur_blanc {
color: white;
}
.centre {
text-align: center;
}
.gauche {
text-align: left;
}
.droite {
text-align: right;
}
.justifie {
text-align: justify;
}

.souligne {
text-decoration: underline;
}
.barre {
text-decoration: line-through;
}
.italique {
font-style: italic;
}
.gras {
font-weight:bold;
}
.datemes {
font-size: 10px;
}
.datemescacher {
display: none
}
.cacher {
display: none;
}

.math {
display: inline-block;
background-color: white;
padding: 3px;
vertical-align: middle;
color: black;
}

.ttpetit {
font-size: 10px;
}

/* RANGS */
.rang_couleur_membre {

}
.rang_couleur_admin {
color: red;
}
.rang_couleur_modo {
color: blue;
}
.rang_couleur_beta {
color: green;
}

/* Chat */
#chatg {
position: fixed;
bottom: 0;
left: 50%;
}
#chat {
width: 600px;
border: 2px solid #2daebf;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
background-color: rgba(0, 0, 0, 0.6);
margin: 0 auto;
padding: 0;
font-size: 0.9em;
position: relative;
left: -300px;
}
.hautc {
text-align: right;
border-bottom: 2px solid #2daebf;
}
.messages {
display: inline-block;
width: 442px;
padding: 2px;
height: 350px;
vertical-align: top;
overflow: auto;
}
.connectes {
display: inline-block;
width: 142px;
padding: 2px;
height: 350px;
border-left: 2px solid #2daebf;
vertical-align: top;
overflow: auto;
}
.poster {
width: 596px;
padding: 2px;
border-top: 2px solid #2daebf;
}
#lmessages {
list-style-type: none;
margin: 1px;
padding: 1px;
}
#linstant,.linstant {
list-style-type: none;
margin: 1px;
padding: 1px;
}
#lconnectes {
margin: 1px;
padding: 1px;
margin-left: 20px;
}
#notifchat {
font-style: italic;
color: red;
font-weight: bold;
}

select {
background-color: white; 
display: inline-block; 
padding: 5px 10px 6px; 
color: black;
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border: 2px solid black;
}
select option {
text-align: center;
}

h2 .petit {
font-size: 12px;
}
h2 .petit a {
color: white;
}
h2 .petit a:hover {
text-decoration: underline;
}
.bloc_centre h2 {
line-height: 12px;
}
.bloc_centre h3 {
margin-top: -5px;
}
.s20 {
width: 150px;
}
.s30 {
width: 200px;
}
.s40 {
width: 260px;
}

[data-tip] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: pointer;
    border-bottom: 1px dotted #aaa;
}
[data-tip]:hover:after,[data-tip]:active:after {
    display: inline-block;
    content: attr(data-tip);
    position: absolute;
    top: 1.5em; left: 0;
    white-space: pre;
    padding: 5px 10px;
    background: black;
    color: white;
    z-index: 100;
}

.infobox {
	position: fixed;
	top: 50%;
	left: 50%;
}
.infobox div {
	width: 300px;
	height: 80px;
	position: relative;
	left: -150px;
	top: -40px;
	background-color: rgba(100, 100, 100, 0.9);
	border: 2px solid #2daebf;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	text-align: center;
}

@media (max-width: 640px) {
 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 .aff_mobile {
 display: inline-block;
 }
}
@media (min-width: 640px) {
 .aff_mobile {
 display: none;
 }
}