body{
    font-size: 16px;
    font-family: Verdana sans-serif, Tahoma, Arial, serif;
    color: blue;}
h1
{
  font-size: 40px;
  text-shadow: -1px -1px #9df, 1px 1px #49d, -3px 0 4px #000;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
  color:#6bf;
  padding:18px 26px 26px 26px;
  font-weight:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:inline;
  line-height:110px;
  background-image:url(images/participants2018.jpg);
  background-size:contain;
}
h2
{
  font-size: 24px;
  text-shadow: -1px -1px #eee, 1px 1px #888, -3px 0 4px #000;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
  color:blue;
  padding:16px;
  font-weight:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:inline;
  line-height:92px;
  background-color: #F5F5DC;
}
a.berr {
   position: relative;
   text-decoration: none;
   background-color: red;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.binfo {
   position: relative;
   text-decoration: none;
   background-color: #BDE5F8;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.binfo span {
   display: none; /* On masque l'infobulle. */
}
a.binfo:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On dC)finit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par dC)faut par un curseur d'aide. */
}
a.binfo:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriC)tC) white-space pour qu'il n'y ait pas de retour C  la ligne non dC)sirC). */
   top: -40px; /* On positionne notre infobulle. */
   right: -7px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
   font-weight: normal;
   font-size: 14px;
}
a.binfo2 {
   position: relative;
   text-decoration: none;
   background-color: #BDE5F8;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.binfo2 span {
   display: none; /* On masque l'infobulle. */
}
a.binfo2:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On dC)finit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par dC)faut par un curseur d'aide. */
}
a.binfo2:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriC)tC) white-space pour qu'il n'y ait pas de retour C  la ligne non dC)sirC). */
   top: -40px; /* On positionne notre infobulle. */
   left: -1px;
   background: white;
   color: green;
   text-transform: none;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
   font-weight: normal;
   font-size: 14px;
}
#section-1{
    background-color: #F5F5DC;
    Line-Height: 1.5;
    padding: 8px;
    margin: 16px 0px;}
#section-2{
    background-color: #DCDCDC;
    Line-Height: 1.5;
    padding: 8px;
    margin: 16px 0px;}
#section-1:hover, #section-2:hover{
    box-shadow: 0px 0px 5px #444;}
#section-radio{
}
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('validation.png');
}
legend{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #444;}
#section-1 input{
    width: 600px;
    height: 20px;}
#section-2 input{
    width: 600px;
    height: 20px;}
#section-1 input[type="radio"]{
    border: 0px;
    width: 20px;
    height: 20px;}
#section-2 input[type="radio"]{
    width: 1px;
    height: 10px;}
#section-1 label{
    display: inline-block;
    width: 200px;
    padding: 10px 0px 15px 40px;}
#section-2 label{
    display: inline-block;
    width: 200px;
    padding: 5px 0px 15px 10px;}
input[type="submit"]{
    float: left;
    padding: 8px;
    font-size: 16px;
    color: blue;
    text-transform: uppercase;
    background-color: #BDE5F8;
    border-radius: 5px;}
input[type="text"]{
    padding: 1px;
    color: #333;
    size: 10;
    font-weight: bold;
    background-color: #BDE5F8;
    border-radius: 5px;}
input[type="password"]{
    padding: 1px;
    color: #333;
    size: 10;
    font-weight: bold;
    background-color: #BDE5F8;
    border-radius: 5px;}
button[type="submit"]{
    font-size: 16px;
    color: blue;
    padding: 5px;
    margin: 5px;
    background-color: #BDE5F8;
    border-radius: 5px;}
button[type="reset"]{
    font-size: 16px;
    color: blue;
    padding: 5px;
    margin: 5px;
    background-color: #BDE5F8;
    border-radius: 5px;}
input[type="submit"]:hover{
    box-shadow: 0px 0px 3px #555;
    font-size: 16px;
    background-color: #BDE5F8;}
.lienp{
    box-shadow: 0px 0px 3px #555;
    background-color: #BDE5F8;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /*Marge intérieure*/
    padding: 8px;
    /*Marge extérieure*/
    margin: 8px;
    border-radius: 5px;
    float: right;
}
.lieni{
    background-color: #BDE5F8;
    color: blue;
    font-weight: bold;
    width: 300px;
    padding: 4px;
    margin: 4px;
    border-radius: 5px;
}
.lienis{
    background-color: #BDE5F8;
    color: blue;
    width: 200px;
    padding: 1px;
    margin: 1px;
    border-radius: 5px;
}
a:link
{
text-decoration:none;
}
select{
    margin:4px;
    background: #BDE5F8;
    color:blue;
    font-size: 16px;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
option:not(:checked) { 
    background-color: white; 
}
div.cs_sommaire {
	display:block;
	float:right;
	margin-left:1em;
	margin-right:0.4em;
	overflow:auto;
	z-index:100;
	max-height:350px;
	text-align:left;
	border-right: 1px solid rgb(153, 153, 153);
	border-bottom: 1px solid rgb(153, 153, 153);
	padding-bottom:0.1em;

}