/* Generated by KaZcadeS */

#conteneur {
     position: relative; /* on positionne le conteneur au centre écran*/
     margin-left: auto;
     margin-right: auto;
     width: 1025px;
     text-align: left;
     }

h1 {
  border: 1px solid #000000;
  margin-top: 0%;
  font-family: Arial,Helvetica,sans-serif;
  color: #ffffff;
  text-align: center;
  background-color: #3333ff;
  padding-bottom: 90px;
  font-size: 32px;
}

body {
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 0%;
  background-color: #ccffff;
}

/* les élèments ID cadre*/
#cadre {
  border-style: groove ridge groove solid;
  border-color: #990000;
  border-width: 2px;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  color: #3366ff;
  background-color: #ffffff;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  font-size: 80%;
  visibility: visible;
}
#cadre h2 {
  border: 2px solid #006600;
  color: #993300;
  text-align: center;
  background-color: #ffff99;
}

#cadre h3 {
  color: #000000;
  background-color: #bfcfff;
  font-family: Arial,Helvetica,sans-serif;
}

#cadre p {

}

#cadre a {
  font-style: italic;
  color: #6633ff;
  font-weight: bolder;
  font-family: Arial,Helvetica,sans-serif;
  
}

#cadre a:hover {
	color:#FF0000;
	font-weight:bold;
}

/* les élèments class cadre (dito id cadre)*/
.cadre {
  border-style: groove ridge groove solid;
  border-color: #990000;
  border-width: 2px;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  color: #3366ff;
  background-color: #ffffff;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  font-size: 80%;
  visibility: visible;
}
.cadre h2 {
  border: 2px solid #006600;
  color: #993300;
  text-align: center;
  background-color: #ffff99;
}

.cadre h3 {
  color: #000000;
  background-color: #bfcfff;
  font-family: Arial,Helvetica,sans-serif;
}

.cadre p {

}

.cadre a {
  font-style: italic;
  color: #6633ff;
  font-weight: bolder;
  font-family: Arial,Helvetica,sans-serif;
  
}

.cadre a:hover {
	color:#FF0000;
	font-weight:bold;
}

/* le reste*/
#Critres p{
  font-weight: bolder;
}

#pages p {
	color:rgb(204, 102, 0);
	text-align: center;
}

#pages a {
	color:rgb(204, 102, 0);
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
}

#pages a:hover {
	color:rgb(51, 204, 0);
	font-weight:bold;
}

#petit_cadre {
  border-style: solid;
  border-color: #009900;
  font-family: "Comic Sans MS";
  color: #cc9933;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #ffcc66;
}

#petit_cadre a {
  font-size: small;
  
}

#petit_cadre span {
  font-size: 80%;
}

#cadre_jaune {
  border-style: solid;
  border-color: #009900;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  background-color: #ffff99;
}

#sous-menu {
  border: 2px solid #ff0000;
  font-family: Arial,Helvetica,sans-serif;
  color: #ff0000;
  font-weight: bold;
  background-color: #cfdce6;
}
#sous-menu a {
  color: #3333ff;
}
#sous-menu a:hover {
	text-decoration: none;
}

.cadre_actu {
  margin: 1em auto;
  width: 200px;
  padding-bottom: 10px;
  background: white url(/Images/cadre_actu_milieu-bas.png) no-repeat;
  background-position: center bottom;
  font-family: Arial,Helvetica,sans-serif;
  color: #3366ff;
  font-size: 80%;
}
.cadre_actu h2 {
  margin: 0;
  padding: 20px 20px 20px 20px;
  background: transparent url(/Images/cadre_actu_haut.png) no-repeat;
  background-position: center top;
  color: #993300;
  text-decoration: underline overline;
  text-align: center;

}
.cadre_actu h3 {
  margin: 1em 20px;
  text-align: justify;
  color: #006600;
  display: inline;
  background-color: #ffcc00;

}
.cadre_actu p {
	margin: 1em 20px;
	text-align: justify;
}
.cadre_actu ul {
	/* margin: 1em 0px 1em 10px ; */

}
.cadre_actu li {
 margin: 0em 20px 0em 0px ; 
}

/*Pied de page */
/* Pas position absolute de cadre avant */

  .footer {
   clear: both;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 10px;
   border-style: solid;
   border-color: #990000;
   border-width: 2px;
   text-align: center;
   background-color: #ffcc66;
   font-size: 60%;
   }
/*Remarque */
  .remarque {
   clear: both;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 10px;
   border-style: solid;
   border-color: #990000;
   border-width: 2px;
   text-align: center;
   color:#3333ff;
   background-color: #ccffff;
   font-size: 100%;
   }