/* CONSTRUCTION */

body{
font-family:'verdana';
font-size:1vw;
background:rgba(255,255,255,0.85);
margin:0px;
color:white;
}


img{
border:0;
}

#wrapper {
  margin-left: 220px;
  height:100%;
}
#sidebar {
  float: left;
  width: 200px;
  margin-left: -220px;
  position:fixed;
}

#content {
  float: right;
  width: 100%;
  padding-top:40px;


}

.content_div {
padding-left:20px;
}


#separation {
  float: left;
  margin-left: -10px;
  width: 10px;
  height:600px;
  position:fixed;
}
#cleared {
  clear: both;
}


/* CONTENU */


.jolink{
    text-decoration:none;
    width:100%;
    height:50%; 
    vertical-align:middle;
    color:white;
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}
.jolink:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.jolink:hover:after {
	width: 100%;
	background: grey;
}

.icon{
 vertical-align:middle;
width:30px;
filter: grayscale(50%);
        -webkit-filter: grayscale(50%);
        -moz-filter: grayscale(50%);
        -o-filter: grayscale(50%);
        -ms-filter: grayscale(50%);

}

.inactif{
filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
opacity:0.2;}
li {
list-style-type: square;       
margin:0;
}

body{
    background-image: url("./images/pistolet.jpg"); 
    background-position-y: -200px;
    background-size: auto;
}

.titre_page{
font-family: 'Baloo Paaji';
color:white;
font-size:100px;
text-align:center;
margin:0;
line-height:35px;
opacity:0.9;
}

.titre_personne{
font-family: 'Baloo Paaji';
color:white;
font-size:50px;
text-align:center;
line-height:35px;
margin:0;
padding:0px;    
opacity:0.9;
}

.titre_page_2{
font-family: 'Baloo Paaji';
color:rgba(221,6,136,0.9);
font-size:30px;
text-align:center;
margin:0;
padding:0px;

}

  /*  MENU FILTRE  */
  
#filtres{
	background-color:#34495e;
	border:1px solid #3498db;
	border-width: 0px 0px 1px 0px;
	margin-bottom:30px;
}

button.type_comp{
	font-family: 'Alegreya Sans';
	font-size:20px;
	font-weight:bold;
	color:white;
	padding:10px;
	border:none;
	background:none;
}
 
  /*  LISTE DE COMPETITIONS */
  
.ligne-mois{
width:100%;
height:25px;
padding-bottom:5px;
padding-top:5px;
text-align:left;

}

.mois-libelle
{
color:#2980b9;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
padding-left:5px;
height:50px;

}

.titre{
border-right:1px solid #3498db;
height:auto;
width:25px;
}

.titre70{
/*border-left:1px solid #3498db;*/
height:70px;
width:25px;
}

.mois-titre {
width:40px;
color:#2980b9;
font-size: 12px ;
font-weight:bold;
font-family:arial;
font-weight:normal;
vertical-align:middle;
text-align:center;
 -ms-transform: rotate(-50deg); /* IE 9 */
    -webkit-transform: rotate(-50deg); /* Chrome, Safari, Opera */
    transform: rotate(-50deg);
  padding-top: 20px;
  padding-left: 2px;
}

.ligne-compet{
width:100%;
height:50px;
padding-bottom:5px;
padding-top:5px;
margin:0;
}
.ins
{
    width:70px;
    font-size:13px;
}

label{
    color:white;
}

.libelle_fixe
{
    display:inline-block;
    font-size:18px;
    background-color: white;
    color:black;
    padding:5px;
}

.com-libelle{
color:white;
font-family: 'Baloo Paaji';
   font-size:17px;
   text-transform:uppercase;
margin:0px;padding:0px;
}
.com_sous-titre{
font-size:13px;
font-weight:normal;
}

.com-2lignes
{
    display:inline-block;
    margin:0;
    height:35px;
}
.com-icon{
width:25px;
text-align:center;
border-right:1px solid #3498db;
}

.alt{
background-color:white;
}

#puce {
    display: inline-block;
    width: 10px;
    height: 35px;
    margin-right:5px;
    vertical-align: bottom;

}


.puce1
{

background-color:#c0392b;
/*    border:1px solid #c0392b; 
    background-image: -webkit-linear-gradient(left,#c0392b,transparent);
    background-image: -moz-linear-gradient(left,#c0392b,transparent);
    background-image: -ms-linear-gradient(left,#c0392b,transparent);
    background-image: -o-linear-gradient(left,#c0392b,transparent);
    background-image: linear-gradient(left,#c0392b,transparent);
*/
}

.puce2
{
background-color:#2ecc71;
/*    border:1px solid #f1c40f; 
    background-image: -webkit-linear-gradient(bottom left,#f1c40f,transparent);
    background-image: -moz-linear-gradient(bottom left,#f1c40f,transparent);
    background-image: -ms-linear-gradient(bottom left,#f1c40f,transparent);
    background-image: -o-linear-gradient(bottom left,#f1c40f,transparent);
    background-image: linear-gradient(bottom left,#f1c40f,transparent);
*/
}

.puce3
{
background-color:#f1c40f;
/*    border:1px solid #bdc3c7; 
    background-image: -webkit-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -moz-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -ms-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -o-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: linear-gradient(bottom left,#bdc3c7,transparent);
*/
}

.puce4
{
background-color:#eeeeee;
/*    border:1px solid #bdc3c7; 
    background-image: -webkit-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -moz-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -ms-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -o-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: linear-gradient(bottom left,#bdc3c7,transparent);
*/
}
.puce5
{
background-color:#9b59b6;
/*    border:1px solid #bdc3c7; 
    background-image: -webkit-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -moz-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -ms-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: -o-linear-gradient(bottom left,#bdc3c7,transparent);
    background-image: linear-gradient(bottom left,#bdc3c7,transparent);
*/
}

.separation-boutton{
height:100px;
}

/* MENU GAUCHE */

h1 {
padding-left:10px;
font-family: 'Alegreya Sans', sans-serif;
font-size:20px;
color:white;
margin-bottom:0;
}

h2{
font-family: 'Alegreya Sans', sans-serif;
font-size:15px;
color:#222;
}
 
ul{
  -webkit-padding-start: 20px;
  -moz-padding-start:20px;
}

.menu li {
list-style-type: square;       
font-family: 'Alegreya Sans', sans-serif;
font-size:15px;
color:#222;
}


/* SEPARATEUR */
  
.separation {
  border : 0;
  height : 100%; /*your own value to suit your content*/
  margin-left:5px;
  width : 1px;
  text-align:center;
background-image: -webkit-linear-gradient(top,transparent,#aeaeae,transparent);
background-image: -moz-linear-gradient(top,transparent,#aeaeae,transparent);
background-image: -ms-linear-gradient(top,transparent,#aeaeae,transparent);
background-image: -o-linear-gradient(top,transparent,#aeaeae,transparent);
background-image: linear-gradient(top,transparent,#aeaeae,transparent);
  }
  
  
  /*   BOUTONS   */
  
  .btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 12px;
  background: #2c3e50;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  color: #ffffff !important;
  background: #3cb0fd;
  text-decoration: none;
}

  
/* COMPET */

.desc_compet{
    font-size:20px;
}

/*  TABLEAU */
  
.datagrid table {
 border-collapse: collapse;
 text-align: left;
 width: 99.8%;
 } 

.datagrid a,.datagrid a:hover,.datagrid a:visited{
    border-bottom :1px dotted #aaa;
}

.pave_categorie{
 page-break-inside: avoid;
}


.datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif;
 background: rgba(255,255,255,0.8);
 overflow: hidden;
 border: 1px solid #006699;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin-top:10px;
 margin-bottom:10px;
 }

.datagrid table td, .datagrid table th { 
padding: 7px 7px;
 }

.datagrid table thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #34495e), color-stop(1, #34495e) );
background:-moz-linear-gradient( center top, #34495e 5%, #34495e 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#34495e', endColorstr='#34495e');
background-color:#34495e;
 color:#FFFFFF;
 font-size: 13px;
 } 

.datagrid table thead th:first-child { 
border: none;
 }

.odd{
 background: rgba(255,255,255,0.8)!important;
 }
 
 .datagrid table tbody td { 
color: #00496B;
font-size: 11px;
font-weight: normal;
color:white;
}

.datagrid table tbody .alt td { 
 background: #EFEFEF;
 color: #00496B;
 }

.datagrid table tbody td:first-child { 
border-left: none;
 }

.datagrid table tbody tr:last-child td { 
border-bottom: none;
 }
  
#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 1vw;
    width: 100%;
    text-align: left;
 vertical-align: middle;
    border-collapse: collapse;
}

#tableau thead {
    font-size:14px;
    color: white;
    font-weight:bolder;
    text-align: center;
    vertical-align:top;
}
 
#tableau td {
    width:auto;
    text-align: center;
    height:30px;
}

#tableau th {
    width:auto;
    height:30px;
    text-align: center;
}

#tableau tbody {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color:white;
    background-color:rgba(255,255,255,0.2);
}

.NM{
    display:inline-block;
    font-size:1vw;
    background-color: rgba(200,200,200,0.3);
    margin:2px;
    text-align: center;
    width:2vw;
    border-radius: 5px;
    font-weight:bold;
    color:rgba(0,0,0,0.7);
}

.MEDAILLE{
    display:inline-block;
    font-size:12px;
    width:20px;
    height:20px; 
    padding-top:0px;
    text-align:center;
    vertical-align:middle;
    border-radius: 50px;
}

.TRANS{
    opacity:0.2;
}

.OBTENU{
    color:grey;
    opacity:1;
    border-width:3px;
    border-style:solid;
    background-color:white;
    border-color:white;
}

.OK{
    background-color:green;
    color:white;
    font-weight:bold;
}

.DEMI{
    background-color:green;
    color:white;
    font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.BRONZE {
    background-color: #e9d4b3;
    font-weight:bolder
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,b68d4c+97,e9d4b3+100 */
    background: #f3e2c7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f3e2c7 0%, #b68d4c 97%, #e9d4b3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f3e2c7 0%,#b68d4c 97%,#e9d4b3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f3e2c7 0%,#b68d4c 97%,#e9d4b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */        
    
}
.ARGENT {
    background-color: #949494;
    font-weight:bolder;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,aaaaaa+97 */
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f2f2f2 0%, #aaaaaa 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f2f2f2 0%,#aaaaaa 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f2f2f2 0%,#aaaaaa 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.OR {
    background-color: #FFCE00;
    font-weight:bolder;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+81,fbdf93+100 */
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 81%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 81%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fceabb 0%,#fccd4d 81%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.MAX {
    color:white;
    font-size:18px;    
    font-weight: bold;
    text-align:center;
}

.logo_ffrs_print{
float:right;
margin-right:20px;
}

@media (max-width: 860px) {

.NM{
    font-size:10px;
    width:15px;
}

#tableau td {
    font-size:7px;
}
#wrapper {
  margin-left: 0px;
  height:100%;
}
#sidebar {
  display:none;
}

.com-libelle{
    color:white;
    width:70%;
    font-family: 'Alegreya Sans', sans-serif;
    font-size:13px;
    text-transform:uppercase;
    font-weight:bold;
}
.com_sous-titre{
   width:70%;
font-size:11px;
font-weight:normal;
}

.com-2lignes
{
	width:80%;
    display:inline-block;
    margin:0;
    height:70px;
}
.com-icon{
width:20px;
    height:70px;
text-align:center;
border-right:1px solid #3498db;
}

#puce {
    display: inline-block;
    width: 10px;
    height: 70px;
    margin-right: 5px;
    vertical-align: bottom;
}

}

@media screen{

.logo_ffrs_print{
display:none;
}

}

@media print
{    

.no-print, .no-print *
    {
        display: none !important;
        width:0;
    }

#wrapper{margin:0}

.datagrid table td, .datagrid table th { 
padding: 2px 5px;
 }

.logo_ffrs_print{
display:block !important;
}

.datagrid a,a:hover,a:visited{
    border-bottom :0px dotted #EEE;
}


}	

@media (max-width: 500px){
	.no-media
    {
        display: none !important;
        width:0;
    }
	
}

form{
    margin-bottom:2px;
}
.red{
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
        width:25px;
        height:20px;
 	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}

.red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.red:active {
	position:relative;
	top:1px;
}


.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
        width:25px;
        height:20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #92b879;
}
.green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.green:active {
	position:relative;
	top:1px;
}



.black {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
        width:25px;
        height:20px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.black:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.black:active {
	position:relative;
	top:1px;
}


.blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #84bbf3;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
        width:25px;
        height:20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
} 
.blue:active {
	position:relative;
	top:1px;
}


.degrade_titre{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100&1+0,0+2,1+100;White+3D */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(254,254,254,0) 2%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(254,254,254,0) 2%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(254,254,254,0) 2%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

padding:3px;
text-align:right;
float:left; 
display:inline;
width:200px
}


form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
 }

form div + div {
  margin-top: 1em;
}

label {
  /* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
  display: inline-block;
  width: 90px;
  text-align: right;
}


.button {
  /* Pour placer le bouton à la même position que les champs texte */
  padding-left: 90px; /* même taille que les étiquettes */
}

button {
  /* Cette marge supplémentaire représente grosso modo le même espace que celui
     entre les étiquettes et les champs texte */
  margin-left: .5em;
}


h3{
    color:white;
    font-size:3em;
}