/*Styles pour les pages externes du challenge JLB*/
/* TJP janvier 2018*/

body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 }
form {
 background-color:#FAFAFA;
 padding:10px;
 /*width:280px;*/
 /*width:460px;*/
 
   /* position:absolute;*/
   top:50%;
   left:50%;
   /* width:400px; /* A toi de donner la bonne largeur */
   /* height:200px; /* A toi de donner la bonne hauteur */
   /* margin-left:-150px; /* -largeur/2 */
   /* margin-top:-10px; /* -hauteur/2 */
   /* background:white; */
}
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 /*display:inline;*/
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:250px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 /* background-color:transparent;*/
 background-color:gray;
 border:none;
 width:30px;
 }
input[type=submit], input[type=reset] {
 width:300px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
centrage {
text-align: center;
width:900px;
margin-right:auto;
margin-left:auto;
margin-top:50px;
border-style:dashed;
}

/* des classes de couleurs pour les textes : */

	.blue {
	color:#2C54F4;
	} 
	
	.red {
	color:#FF3333 ; 
	}

 /*
Le display:block indiqué dans le label permet de passer à la ligne automatiquement.
Le display:inline indiqué dans le label.inline... pour éviter de passer à la ligne dans certains cas (ici pour les boutons radios)
Le input[type=radio] permet de styliser uniquement les boutons radio (c'est à dire les cases à cocher)  
de même input[type=submit] et input[type=reset] permettent de styliser les boutons de soumission et d'annulation.
cursor:pointer permet d'avoir le curseur sous forme d'une main pour les boutons.
Attention : border-radius et box-shadow sont des propriétés décoratives CSS3 qui ne sont pas implémentées par les navigateurs anciens.
 */