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;
}
.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; }
	

.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;
}

#corps {
margin-top: 10px;
width: 75%;
min-width: 900px;
margin: 0 auto;
text-align: justify;
padding: 4px;
}

.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;
}

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

.spetit {
font-size: 12px;
}

.gros {
font-size: 14px;
}
.ttgros {
font-size: 40px;
font-weight: bold;
}


.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;
}

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;
}

.gonglet {
display: inline-block;
width: 80%;
height: 40px;
text-align: center;
margin: 0 auto;
color: #333;
margin-top: 10px;
margin-bottom: 10px;
}
.gonglet .titre {
font-size: 24px;
font-weight: bold;
color: white;
letter-spacing: 4px;
}