html {background-color:#fff;}
body {
	width: 900px;
	margin: auto;
	font-size: 11pt;
	font-family : Arial,Helvetica,sans-serif;
	color:#333;
	text-align: justify;
	background-color:#FFF;
    
}



h1 {text-align: center; font-weight: bold ; }
.gros {font-size: 42px; font-weight: bold;}



h2 {text-align: center; font-weight: bold ; color:#DF7401;}

h3 {text-align: left; color:#DF7401;}
.v {text-align:left; color:#15bcbc;}

h4 {text-align: center; vertical-align: top ; }

h5 { text-align: center}

h6 {text-align: right; }


p {color: #333 ; text-align: justify ; text-indent: 40px ;}
.mm {padding:0; margin:0;text-indent: 0;}
.v {text-align:left; color:#15bcbc}
.vg {color: #15bcbc;}
.b {color: #ffffff; }
.bss { text-indent: 0; color: #ffffff }
.bsscenter { text-indent: 0; color: #ffffff; text-align:center; }
.r { color: #da1d5d}
.rd { color: #da1d5d; text-align:right; }
.j {color:#ffe300 }
.orange {color:#F78f1c;}
.anthra {background-color:#7401DF;}
.bleu {color:#13boe6;}
.vert {color:#8fcfaf; text-indent:0; margin:5px;}
.ss {text-indent:0; padding:0;}
.d { text-align: right } 
.di { text-align: right; font-style:italic; } 
.g { text-align: left } 
.m { text-align: center }
.dpetit { text-align: right ; font-size: 10px } 

.s { text-indent: 0; color: #999; font-size: 10pt }
.rg { color:#ff0033; text-align: left; }
.pg { text-indent: 0; color: #cccccc ; font-size: 0.9em; } 
.gris { color:#CCC; }
.db {text-align: right ; color: #ffffff; font-size:0.9em; margin:0;}
.p {padding:0.5em;}
.bp {color:#fff; font-size:0.9em; margin:0;}
span { color: #da1d5d; font-size:1.5em; font-weight:bold;}
note {font-size:small; margin:40px; text-indent: 0;}

link {text-align: left ; color: #2E9AFE; text-decoration : none ;}    
a { color: #7401DF; text-decoration: none; }
a:hover { color: #7161AE; }

ul { text-align: left; margin: 0 0 0 5px; padding-left: 5px }


.haut    { vertical-align:top}
.milieu  { vertical-align:middle}

table { vertical-align:top; text-align: center ; border : none;}
.tr {vertical-align:top;}
.td {vertical-align:top; padding:5px; margin:2px 5px;}
.tdss {padding:0; margin:0;}
.border  {  border : 1px ; border-color: #cccccc }
.gris {background-color:#CCC; vertical-align:top; padding:10px;}
.form { vertical-align:middle; text-align: left ; margin:10px; padding:10px;}
.saison {background-image:url(images/saison2.jpg); margin-bottom: 0; margin-right: 0; background-repeat:no-repeat;}
.vg {background-color:#91CAB5;}


.icone {width:20px; float:right; }
.grande {width:200px; float: left; margin:10px; padding:5px;}
.grandd {width:200px; float: right; margin:10px; padding:10px;}
.droite {width:100px; float:right; margin:5px;}
.gauche {width:100px; float:left; margin:5px;}
.gg {width:400px; float:left; margin:5px;}

li {text-indent:10px;}
.cercleb{
  background:#13boe6;
  border-radius:50%;
  width:150px;
  height:150px;
  border:2px solid #679403;
  vertical-align: middle;
  text-align:center;
   
}
.cercleo{
  background:#F78F1c;
  border-radius:50%;
  width:100px;
  height:100px;
  border:2px solid #679403;
  vertical-align: middle;
  text-align:center;
   
}

.cerclev{
  background:#8fcfaf;
  border-radius:50%;
  width:100px;
  height:100px;
  border:2px solid #679403;
  vertical-align: middle;
  text-align:center;
   
}
.cercler{
  background:#da1d5d;
  border-radius:50%;
  width:180px;
  height:180px;
  border:2px solid #679403;
  vertical-align: middle;
  text-align:center;
   
}
.box {width:220px; float:right; margin 10px; padding:10px;} 
.boxg {width:180px; float:left; padding:10px; margin:10px;}