/* le CSS facile http://www.css-faciles.com/premiers-pas-css.php */ /* le . déinit la classe :  /* Le # défini un ID :•Il ne doit y avoir qu'un seul élément ayant un ID donné.*/  div#bandeau {	width:660px;	height:167px;	/*background-color:#00CCFF;*/	-moz-border-radius: 5px;	border-radius: 5px;	float: right;	}div#logo {	width:185px;	height:167px;	/*background-color:#FFF444;*/	float: left;	text-align: center; /* permet de centrer dans le div l'image ou le texte*/	-moz-border-radius: 5px;	border-radius: 5px;	}div#contenu {	width:850px;	height:500x;	/*background-color:#FFCC00;*/	-moz-border-radius: 5px;	border-radius: 5px;	}div#piedpage {	width:850px;	height:60px;	display:block;	/*background-color:#33FF99;*/	border-radius: 5px;	}	 input {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }select { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}textarea {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}	html{	font-family:Eurostyle LT, sans-serif; margin:0; padding:0; font-size:.88em; 	background: -moz-linear-gradient(top,  rgba(36,159,183,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,159,183,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  rgba(36,159,183,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  rgba(36,159,183,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  rgba(36,159,183,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */	background: linear-gradient(top,  rgba(36,159,183,1) 0%,rgba(125,185,232,0) 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249fb7', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */	 }body{	width:850px; margin:0 auto; padding:0;  }textarea{ width:840px; }label{display:block; font-weight:bold; }p#welcome{ padding:10px 20px; border:1px dotted #00f; color:#00f; font-weight:bold;  }ul{ padding:10px 20px; border:1px dotted #f00; color:#f00; font-weight:bold;  } /* pas utilisé icip#success{ padding:10px 20px; border:1px dotted #0f0; color:#0f0; font-weight:bold;  } */p em{ display:block; font-weight:normal; }p.alert{ color:red; font-size:25px; font-weight:bold;}.button {   border-top: 1px solid #96d1f8;   background: #65a9d7;   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);   background: -moz-linear-gradient(top, #3e779d, #65a9d7);   background: -ms-linear-gradient(top, #3e779d, #65a9d7);   background: -o-linear-gradient(top, #3e779d, #65a9d7);   padding: 5px 10px;   -webkit-border-radius: 8px;   -moz-border-radius: 8px;   border-radius: 8px;   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;   box-shadow: rgba(0,0,0,1) 0 1px 0;   text-shadow: rgba(0,0,0,.4) 0 1px 0;   color: white;   font-size: 14px;   font-family: Georgia, serif;   text-decoration: none;   vertical-align: middle;   }.button:hover {   border-top-color: #28597a;   background: #28597a;   color: #ccc;   }.button:active {   border-top-color: #1b435e;   background: #1b435e;   }