html { /*  document */
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  color: #330099;

}

body {
margin: 0;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color:white;
background-color:black;

}

a { /* lien */
  color: white;
  background: inherit;
  text-decoration: none;
}
a:hover { /* lien survolé */
  color: #FF3366;
  text-decoration: none;
  font-weight: bold;
  background-color: inherit; position: relative; top: 1px; left: 1px;
}

p { /* paragraphe */
  margin: 4px 0px;
}

h1 { /* titre niveau 1 */
	font-size: 26px;
	color: #CC0000;
	text-align: center;
		margin-left: 1px;
margin-top: 15px;
margin-bottom: 1px;
margin-right: 10px; 
padding:0px;
}

h1.avecli { /* titre niveau 1 */
	font-size: 26px;
	color: #CC0000;
	text-align: left;
margin-top: 10px;
margin-bottom: 1px;
margin-right: 1px; 
padding:0px;

}

h2 { /* titre niveau 2 */
	font-size:18px;
		margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 1px; 
padding:0px;
}
h3 { /* titre niveau 3 */
	font-size:16px;
}
h4 { /* titre niveau 4 */
	font-size:14px;
}

table.maintable  { /*  */
  border: 3px ridge #E9E9E9;
  width: 80%;
  height: 700px ;
  font: inherit;
  color: inherit;
  text-align: left;
  background-color: inherit;

}

table.tablesecondaire  { /*  */
  border: none;
  width: 100%;
  font: inherit;
  color: inherit;
  text-decoration: none;
  text-align: left;
}

table.tabletitre  { /*  */
  border: medium solid #000000;
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: left;

}

table.tableformulaire  { /*  */
  font: 12px Arial, Helvetica, sans-serif;
  background-color: inherit;
  border: none;
  color: inherit;
  text-align: left;
  border: medium solid #000000;
  width: 100%;
}

table.tablemoitie  { /*  */
  font: 12px Arial, Helvetica, sans-serif;
  background-color: inherit;
  width: 50%;
  border: none;
  color: inherit;
  text-align: left;
  border: medium solid #000000;
}

td.tdformulaire { /*  */
font: inherit;
text-align: left;
color: inherit;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 1px; 
padding:0px;
 }

td.tdteteformulaire { /*  */
font: 14px Arial, Helvetica, sans-serif;
text-align: left;
color: black;
background-color: white;
}
 
td { /*  */
  font: inherit;
  font-style: inherit;
  color: inherit;
  text-decoration: none;
  text-align: left;
  padding:10px;
  margin-left: 10px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 10px;
}

td.tdtete { /*  */
  font: bold 20px Arial, Helvetica, sans-serif;
  color: inherit;
  text-decoration: none;
  text-align: center;
  width: 100%;
  height: 100px ;
  padding:1px;
  margin-top: 2px;
margin-bottom: 2px;
 
}


td.tdmenu1 { /*  */
  font: bold 15px Arial, Helvetica, sans-serif;
  color: inherit;
  text-decoration: none;
  width: 100%;
  border-bottom: 3px ridge #E9E9E9;
  padding:1px;
  margin-top: 2px;
margin-bottom: 2px;
}

td.cadre2barre { /* titre niveau 1 */
border-left: 3px ridge #E9E9E9;
border-right: 3px ridge #E9E9E9;
margin-left: 6px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 6px;
text-align: left;
}


span.spantitre { /*  */
  border: medium solid #000000;
  font: bold 18px Helvetica, sans-serif;
  color: blue;
  text-decoration: none;
  text-align: center;
  padding:2px;
  width: 100%;
  background-color:white;

}

span.PourMenu { /*  */
  border: medium solid blue;
  font: bold 15px Helvetica, sans-serif;
  color: white;
  text-decoration: none;
  text-align: center;
  padding:2px;
  width: 120px;
  background-color:red;
  border-top: 10px ridge red;
border-right: 1px ridge red;
border-bottom: 10px ridge red;
border-left: 3px ridge red;
}

	
div { /*  */
  font: inherit;
  color: inherit;
  margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
  text-decoration: none;
  width: 95%;
   padding:2px;
}

div.fond1 { /*  */
border: medium solid red;
font: inherit;
color: black;
background-color:#FF9966;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
text-decoration: none;
width: 90%;
height: 495px ;
padding:2px;
border-top: 20px ridge red;
border-right: 20px ridge red;
border-bottom: 30px ridge red;
border-left: 20px ridge red;
text-align: left;
}

div.divclassique12 { /*  */
  font: 12px Helvetica, sans-serif;
  color: #330099;
  margin: 25px 25px;
  text-decoration: none;
  text-align: left;
  width: 90%;
}

div.cadrearrondi1{
font-style:italic ;
height: 495px ;
  width: 95%;
 padding:1px;
  margin-top: 5px ; 
  margin-right: 25px ; 
  margin-bottom: 5px ; 
  margin-left: 25px ; 
  border-bottom: 5px ridge #FFCCCC;
  background-color:#FF6699 ;
border-top: 20px ridge red;
border-right: 20px ridge red;
border-bottom: 30px ridge red;
border-left: 20px ridge red;
 -moz-border-radius: 10px 10px 10px 50px;
 -webkit-border-radius:10px 10px 10px 50px;
 behavior:url(border-radius.htc);
}

div.cadrearrondi4{
font-style:italic ;
height: 495px ;
  width: 95%;
 padding:1px;
  margin-top: 5px ; 
  margin-right: 25px ; 
  margin-bottom: 5px ; 
  margin-left: 25px ; 
  border-bottom: 5px ridge #FFCCCC;
  background-color:#FF6699 ;
border-top: 20px ridge red;
border-right: 20px ridge red;
border-bottom: 30px ridge red;
border-left: 20px ridge red;
 -moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius:10px 10px 10px 10px;
 behavior:url(border-radius.htc);
}

div.cadrearrondid{
font-style:italic ;
height: 495px ;
  width: 95%;
 padding:1px;
  margin-top: 5px ; 
  margin-right: 25px ; 
  margin-bottom: 5px ; 
  margin-left: 25px ; 
  border-bottom: 5px ridge #FFCCCC;
  background-color:#FF6699 ;
border-top: 20px ridge red;
border-right: 20px ridge red;
border-bottom: 30px ridge red;
border-left: 20px ridge red;
 -moz-border-radius: 10px 50px 10px 10px;
 -webkit-border-radius:10px 50px 10px 10px;
 behavior:url(border-radius.htc);
}

input.boutonsumit {
font-family: inherit;
font-size: 20px;
background-color: #CCCCCC;
color: #000000;
font-style: normal;
text-transform: none;
border-top: 1px ridge red;
border-right: 1px ridge red;
border-bottom: 6px ridge red;
border-left: 6px ridge red;

}
#navigation li a {
	display: block ;
	background: #c00 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	}