/*Feuille de style du site de la commission natinale pour la francophonie V4*/

body {
  background-color: white;
  color: black;
  font-family: Helvetica, Times;
  font-size: 10pt;
  margin: 1em;
  border: 2px  solid #000000;
  text-align: center; /* pour ie, centrer les blocs */
}

/* suppression des puces dans les listes */
ul {list-style-type: none;}

h1 {
  font-size: 14pt;
}

a {
  color: #ff0000;
  text-decoration: none;
}

a:active {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

.entete {
  width: 97%;
  height: 85px;
  border: 0px dotted #ff0000;
  margin: 1em;
  margin-left: auto;
  margin-right: auto;
}

.logo-gauche {
  background-color: #0000ff;
  border: 0px solid #00ff00;
  float: left;
  width: 75px;
  height: 75px;
}

.titre-site {
  background-color: #ffffff;
  border: 0px solid #00ff00;
  height: 75px;
  width: auto;
}

.logo-droite {
  background-color: #0000ff;
  border: 0px solid #00ff00;
  width: 75px;
  height: 75px;
  float: right;
}

.page-2colonnes {
  margin: 1em;
  border: 0px dotted #000000;
}

.colonne-gauche {
  background-image: url(image/drapeau-bf-300-clair3.jpg);
  width: 300px;
  height: 320px;
  float: left;
  text-align: left;
  border: 0px solid #ff0000;
}

.colonne-droite {
  background-color: #ffffff;
  margin: 0px;
  margin-left: 310px;
  border: 0px solid #ffff00;
}

.frame-spip {
  text-align: justify;
  background-color: #ffffff;
  padding: 1em;
  margin: 1em;
  border: 2px solid #0000ff;
}

.drapeau {
  border: 0px solid #0000ff;
  position: absolute;
  left: 3em;
  margin-top: 19em;
}

.logo-sommet {
  left: 11.5em;
  margin-top: 9em;
  position: absolute;
  width: 166px;
  border: 0px dotted #ff0000;
}

a.accueil:hover {
  background-image: url(image/texture/batik-accueil.jpg);
}

a.menu-1 {
  font-size: 10pt;
  width: 8em;
  height: 1.5em;
  text-align: center;
  position: absolute;
  margin-top: 16em;
  margin-left: 3px;
  border: 0px dotted #ff0000;
}

a.menu-1:hover {
  background-color: #6b5bf9;
  background-image: url(image/texture/batik-bleu.jpg);
}

a.menu1 {

}

a.menu1:hover {
  background-color: #6b5bf9;
  background-image: url(image/texture/batik-bleu.jpg);
}

.menu1-fixe {
  background-color: #6b5bf9;
  background-image: url(image/texture/batik-bleu.jpg);
}


a.menu-2 {
  width: 9em;
  height: 1.5em;
  text-align: center;
  position: absolute;
  margin-top: 11em;
  border: 0px dotted #ff0000;
}

a.menu-2:hover {
  background-color: #f2fd29;
  background-image: url(image/texture/batik-jaune.jpg);
}

a.menu2 {

}

a.menu2:hover {
  background-color: #f2fd29;
  background-image: url(image/texture/batik-jaune.jpg);
}

.menu2-fixe {
  background-color: #f2fd29;
  background-image: url(image/texture/batik-jaune.jpg);
}

.menu-3 {
  width: 6em;
  height: 1.5em;
  text-align: center;
  position: absolute;
  margin-top: 6.5em;
  margin-left: 3.5em;
  border: 0px dotted #ff0000;
}

a.menu-3:hover {
  background-color: #00e281;
  background-image: url(image/texture/batik-vert.jpg);
}

a.menu3 {

}

a.menu3:hover {
  background-color: #00e281;
  background-image: url(image/texture/batik-vert.jpg);
}

.menu3-fixe {
  background-color: #00e281;
  background-image: url(image/texture/batik-vert.jpg);
}

.menu-4 {
  width: 11em;
  height: 1.5em;
  text-align: center;
  position: absolute;
  margin-top: 3.5em;
  margin-left: 7em;
  border: 0px dotted #ff0000;
}

a.menu-4:hover {
  background-color: #e629fd;
  background-image: url(image/texture/batik-violet.jpg);
}

a.menu4 {

}

a.menu4:hover {
  background-color: #e629fd;
  background-image: url(image/texture/batik-violet.jpg);
}

.menu4-fixe {
  background-color: #e629fd;
  background-image: url(image/texture/batik-violet.jpg);
}

.menu-5 {
  width: 7em;
  height: 1.5em;
  text-align: center;
  position: absolute;
  margin-top: 2em;
  margin-left: 15em;
  border: 0px dotted #ff0000;
}

a.menu-5:hover {
  background-color: #ff0000;
  background-image: url(image/texture/batik-rouge.jpg);
}

a.menu5 {

}

a.menu5:hover {
  background-color: #ff0000;
  background-image: url(image/texture/batik-rouge.jpg);
}

.menu5-fixe {
  background-color: #ff0000;
  background-image: url(image/texture/batik-rouge.jpg);
}

.un-lien {
  position: absolute;
  margin-top: 26em;
  margin-left: 2em;
  width: 8em;
  padding: 2px;
  border: 0px solid #4929fd;
  background-color: #dbf5f5;
}

.deux-lien {
  position: absolute;
  margin-top: 26em;
  margin-left: 12em;
  width: 8em;
  padding: 2px;
  border: 0px solid #4929fd;
  background-color: #dbf5f5;
}

a.info:hover {
  color: #4929fd;
}

.page-2colonnes-bis {
  margin: 1em;
  border: 0px dotted #000000;
}

.menu-rubriques-sommet {
  float: left;
  background-color: #084de0;
  padding: 2px;
  width: 11em;
  margin-top: 3em;
  margin-left: 1em;
  font-weight: bold;
  border: 1px dotted #084de0;
}

.frame-sommet {
  text-align: justify;
  background-color: #d1dfff;
  padding: 1em;
  margin: 1em;
  border: 1px dotted #ff0000;
  float: left;
  width: 70%;
}

.logo-sommet-bas {
  background-image: url(image/logo/logo-sommet2004-100.jpg);
  background-repeat: no-repeat;
  float: right;
  margin: 1em;
  width: 100px;
  height: 109px;
  border: 2px solid #000000;
}

.colonne-batik-sommet {
  background-image: url(image/texture/decors-gauche-bleu-ligne.jpg);
  width: 98%;
  float: left;
  text-align: left;
  border: 1px solid #ff0000;
}

.rubrique-sommet {
  float: left;
  background-color: #d1dfff;
  color: #000000;
  width: 9em;;
  padding: 2px;
  margin-left: 1em;
  border: 1px dotted #084de0;
}

a.rubrique-sommet:hover {
  background-color: #084de0;
  background-image: url(image/texture/batik-bleu.jpg);
}

.colonne-batik-pratique {
  background-image: url(image/texture/decors-gauche-jaune-ligne.jpg);
  width: 98%;
  float: left;
  text-align: left;
  border: 1px solid #ff0000;
}

.frame-pratique {
  text-align: justify;
  background-color: #ffffaa;
  padding: 1em;
  margin: 1em;
  border: 1px dotted #ff0000;
  float: left;
  width: 70%;
}

.menu-rubriques-pratique {
  float: left;
  background-color: #fada00;
  padding: 2px;
  width: 11em;
  margin-top: 3em;
  margin-left: 1em;
  font-weight: bold;
  border: 1px dotted #fada00;
}

.rubrique-pratique {
  float: left;
  background-color: #ffffaa;
  color: #000000;
  width: 9em;
  padding: 2px;
  margin-left: 1em;
  border: 1px dotted #fada00;
}

a.rubrique-pratique:hover {
  background-color: #fada00;
  background-image: url(image/texture/batik-jaune.jpg);
}

.colonne-batik-calendrier {
  background-image: url(image/texture/decors-gauche-vert-ligne.jpg);
  width: 98%;
  float: left;
  text-align: left;
  border: 1px solid #ff0000;
}

.frame-calendrier {
  text-align: justify;
  background-color: #c5ffb7;
  padding: 1em;
  margin: 1em;
  border: 1px dotted #ff0000;
  float: left;
  width: 70%;
}

.menu-rubriques-calendrier {
  float: left;
  background-color: #20bd03;
  padding: 2px;
  width: 11em;
  margin-top: 3em;
  margin-left: 1em;
  font-weight: bold;
  border: 1px dotted #20bd03;
}

.rubrique-calendrier {
  float: left;
  background-color: #c5ffb7;
  color: #000000;
  width: 9em;
  padding: 2px;
  margin-left: 1em;
  border: 1px dotted #20bd03;
}

a.rubrique-calendrier:hover {
  background-color: #20bd03;
  background-image: url(image/texture/batik-vert.jpg);
}

.colonne-batik-francophonie {
  background-image: url(image/texture/decors-gauche-rouge-ligne.jpg);
  width: 98%;
  float: left;
  text-align: left;
  border: 0px solid #ff0000;
}

.frame-francophonie {
  text-align: justify;
  background-color: #ffd8d8;
  padding: 1em;
  margin: 1em;
  border: 1px dotted #ff0000;
  float: left;
  width: 70%;
}

.menu-rubriques-francophonie {
  float: left;
  background-color: #d70101;
  padding: 2px;
  width: 11em;
  margin-top: 3em;
  margin-left: 1em;
  font-weight: bold;
  border: 1px dotted #d70101;
}

.rubrique-francophonie {
  float: left;
  background-color: #ffd8d8;
  color: #000000;
  width: 9em;
  padding: 2px;
  margin-left: 1em;
  border: 1px dotted #d70101;
}

a.rubrique-francophonie:hover {
  background-color: #d70101;
  background-image: url(image/texture/batik-rouge.jpg);
}

.colonne-batik-cnof {
  background-image: url(image/texture/decors-gauche-violet-ligne.jpg);
  width: 98%;
  text-align: left;
  border: 1px solid #ff0000;
  float: left;
}

.frame-cnof {
	text-align: justify;
	background-color: #fed6ff;
	padding: 1em;
	margin: 1em;
	border: 1px dotted #ff0000;
	float: left;
	width: 70%;
	list-style-type: circle;
}

.menu-rubriques-cnof {
  float: left;
  background-color: #bd03bd;
  padding: 2px;
  width: 11em;
  margin-top: 3em;
  margin-left: 1em;
  font-weight: bold;
  border: 1px dotted #bd03bd;
}

.rubrique-cnof {
  float: left;
  background-color: #fed6ff;
  color: #000000;
  width: 9em;
  padding: 2px;
  margin-left: 1em;
  border: 1px dotted #bd03bd;
}

a.rubrique-cnof:hover {
  background-color: #bd03bd;
  background-image: url(image/texture/batik-violet.jpg);
}

.menu-horizontale {
  margin: 1em;
  border: 0px dotted #000000;
}

.barre-horizontale-batik {
  text-align: center;
  height: 1em;
  border: 0px dotted #0000ff;
}

.texture-batik-bleu {
  background-color: blue;
  background-image: url(image/texture/batik-bleu.jpg);
  border: 0px solid #00ff00;
  float: left;
  width: 20%;
  height: 1em;
}

.texture-batik-rouge {
  background-color: red;
  background-image: url(image/texture/batik-rouge.jpg);
  border: 0px solid #00ff00;
  float: left;
  width: 20%;
  height: 1em;
}

.texture-batik-jaune {
  background-color: yellow;
  background-image: url(image/texture/batik-jaune.jpg);
  border: 0px solid #00ff00;
  float: left;
  width: 20%;
  height: 1em;
}

.texture-batik-vert {
  background-color: green;
  background-image: url(image/texture/batik-vert.jpg);
  border: 0px solid #00ff00;
  float: left;
  width: 20%;
  height: 1em;
}

.texture-batik-violet {
  background-color: purple;
  background-image: url(image/texture/batik-violet.jpg);
  border: 0px solid #00ff00;
  float: left;
  width: 20%;
  height: 1em;
}

.masque {
  float: left;
  margin-top: 6em;
  margin-left: 1em;
}

.bas-page {
  text-align: left;
  font-weight:bold;
  background-color: #ffffff;
  color: #000;
  margin-left: 1em;
  margin-right: 1em;
  height: 55px;
  font-size: 8pt;
  border: 0px dotted #000000;
}

.contact {
  float: left;
  margin-top: 1em;
  border: 0px dotted #ff0000;
}

.aide {
  float: right;
  margin-top: 2em;
  border: 0px dotted #ff0000;
}

.logo-auf {
  float: right;
  border: 0px dotted #ff0000;
}

.validation {
  text-align: right;
  border: 0px dotted #000000;
}

.spacer {
  clear: both;
}


/* fin de la feuille de style */