html,body
{
	padding:0px;
}

body
{
  background-color: #3b3b3b;
	margin:0px;
	padding:0px;

	text-align:center;
	font-size: 13px;
	font-family: Verdana,Sans-serif;
}

.page
{
	width: 997px;
	padding: 0px;
	
	background-image:url("../design/page/fond.gif");
	background-position:top center;
	background-repeat:repeat-y;
	
	text-align: left;
}
/*
td
{
  border: 1px solid black;
}
*/
.logo_haut
{
  position: absolute;
  width: 349px;
  height: 96px;
	background-image:url("../design/page/logo_haut.gif");
	background-repeat: no-repeat;
}
.logo_bas
{
  position: absolute;
  width: 349px;
  height: 93px;
  top: 94px;
	background-image:url("../design/page/logo_bas.gif");
	background-repeat: no-repeat;
}

.onglets
{
  padding: 0px 25px;
}
.onglets a
{
	float:left;
	display:block;
	display:inline;
  
  width: 95px;
  height: 51px;
  
	font-family: "Trebuchet MS",Verdana,Sans-serif;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
  font-size: 14px;
	line-height:18px;
	letter-spacing:0px;

	color: black;
}
.onglets a:hover
{
}
.onglets a.selected
{
	color: white;
}

.onglets span a span
{
	display:block;
	padding-top:9px;
	vertical-align: middle;
}


.onglets .rouge a.selected
{ background:url("../design/onglet/onglet_select_rouge.jpg") no-repeat; }
.onglets .rouge a.unselected
{ background:url("../design/onglet/onglet_rouge.jpg") no-repeat; }
.onglets .rouge a:hover.unselected
{ background:url("../design/onglet/onglet_over_rouge.jpg") no-repeat; }

.onglets .bleu a.selected
{ background:url("../design/onglet/onglet_select_bleu.jpg") no-repeat; }
.onglets .bleu a.unselected
{ background:url("../design/onglet/onglet_bleu.jpg") no-repeat; }
.onglets .bleu a:hover.unselected
{ background:url("../design/onglet/onglet_over_bleu.jpg") no-repeat; }

.onglets .jaune a.selected
{ background:url("../design/onglet/onglet_select_jaune.jpg") no-repeat; }
.onglets .jaune a.unselected
{ background:url("../design/onglet/onglet_jaune.jpg") no-repeat; }
.onglets .jaune a:hover.unselected
{ background:url("../design/onglet/onglet_over_jaune.jpg") no-repeat; }

.onglets .vert a.selected
{ background:url("../design/onglet/onglet_select_vert.jpg") no-repeat; }
.onglets .vert a.unselected
{ background:url("../design/onglet/onglet_vert.jpg") no-repeat; }
.onglets .vert a:hover.unselected
{ background:url("../design/onglet/onglet_over_vert.jpg") no-repeat; }

.onglets .violet a.selected
{ background:url("../design/onglet/onglet_select_violet.jpg") no-repeat; }
.onglets .violet a.unselected
{ background:url("../design/onglet/onglet_violet.jpg") no-repeat; }
.onglets .violet a:hover.unselected
{ background:url("../design/onglet/onglet_over_violet.jpg") no-repeat; }

.onglets .rose a.selected
{ background:url("../design/onglet/onglet_select_rose.jpg") no-repeat; }
.onglets .rose a.unselected
{ background:url("../design/onglet/onglet_rose.jpg") no-repeat; }
.onglets .rose a:hover.unselected
{ background:url("../design/onglet/onglet_over_rose.jpg") no-repeat; }


.titre
{
	font-family: "Comic Sans MS",Verdana,Sans-serif;
  font-size: 22px;
	font-weight: bold;
	font-variant:small-caps;
	
	vertical-align: bottom;
	text-align: center;
	padding-right: 40px;
	
  color: #d300d6;
}

.pub_top
{
  text-align: center;
  padding: 20px;
}

.pub_top td.multilingue
{
  width: 40px;
  text-align: right;
  padding-right: 40px;
}

.pub_top .multilingue img.drapeau
{
  width: 21px;
  height: 14px;
  margin: 3px;
  border: none;
}

.body
{
}

.body .menu
{
  text-align: left;
  width: 222px;
}
.body .menu .rouge, 
.body .menu .bleu, 
.body .menu .jaune, 
.body .menu .vert, 
.body .menu .violet, 
.body .menu .rose,
.pub_menu
{
  padding-left: 61px;
}
.body .content
{
  padding-right: 46px;
}
.menu div.menu_top
{
  width: 100%;
  height: 40px;
  
  background-position: top;
  background-color: white;
  background-repeat: no-repeat;
}
.menu div.menu_top
{
  margin-top: 5px; /* espace de séparation entre les cadres du menu */
}
.menu div.menu_top div
{
  width: 100%;
  height: 100%;
  text-align: center;

	font-family: Verdana,Sans-serif;
  font-size: 14px;
	font-weight: bold;
	
	padding-top: 13px;
}
.menu div.menu_top div a
{
	text-decoration: none;
	color: inherit;
}

.menu div.menu_content
{
  background-position: bottom;
  background-repeat: no-repeat;
}
.menu div.menu_content div
{
  width: 100%;
  height: 100%;
}
.menu div.menu_content ul
{
	margin: 0px -5px 0px -4px;
	padding: 5px 0px 10px 23px;
	color: white;
  font-size: 12px;
	list-style-type: circle;

}
.menu div.menu_content li
{
	padding: 2px 0px;
}
.menu div.menu_content a
{
	color: white;
	text-decoration:none;
}
.menu div.menu_content a:hover
{
	/*text-decoration: underline overline;*/
	color: black;
}



.menu .rouge div.menu_top
{ background-image:url("../design/menu/menu_haut_rouge.gif"); }
.menu .rouge div.menu_top div,
.menu .rouge div.menu_top div a,
.content .rouge, 
.onglets .rouge a:hover.unselected, 
.titre .rouge
{ color: #E00000; }
.menu .rouge div.menu_content
{ background-image:url("../design/menu/menu_bas2_rouge.gif"); }

.menu .bleu div.menu_top
{ background-image:url("../design/menu/menu_haut_bleu.gif"); }
.menu .bleu div.menu_top div,
.menu .bleu div.menu_top div a,
.content .bleu, 
.onglets .bleu a:hover.unselected, 
.titre .bleu
{ color: #0000c0; }
.menu .bleu div.menu_content
{ background-image:url("../design/menu/menu_bas2_bleu.gif"); }

.menu .jaune div.menu_top
{ background-image:url("../design/menu/menu_haut_jaune.gif"); }
.menu .jaune div.menu_top div,
.menu .jaune div.menu_top div a,
.content .jaune, 
.onglets .jaune a:hover.unselected, 
.titre .jaune
{ color: #e3a617; }
.menu .jaune div.menu_content
{ background-image:url("../design/menu/menu_bas2_jaune.gif"); }

.menu .vert div.menu_top
{ background-image:url("../design/menu/menu_haut_vert.gif"); }
.menu .vert div.menu_top div,
.menu .vert div.menu_top div a,
.content .vert, 
.onglets .vert a:hover.unselected, 
.titre .vert
{ color: #008000; }
.menu .vert div.menu_content
{ background-image:url("../design/menu/menu_bas2_vert.gif"); }

.menu .violet div.menu_top
{ background-image:url("../design/menu/menu_haut_violet.gif"); }
.menu .violet div.menu_top div,
.menu .violet div.menu_top div a,
.content .violet, 
.onglets .violet a:hover.unselected, 
.titre .violet
{ color: #8b20ce; }
.menu .violet div.menu_content
{ background-image:url("../design/menu/menu_bas2_violet.gif"); }

.menu .rose div.menu_top
{ background-image:url("../design/menu/menu_haut_rose.gif"); }
.menu .rose div.menu_top div,
.menu .rose div.menu_top div a,
.content .rose, 
.onglets .rose a:hover.unselected, 
.titre .rose
{ color: #d300d6; }
.menu .rose div.menu_content
{ background-image:url("../design/menu/menu_bas2_rose.gif"); }



.menu div.menu_top div a:hover
{ color: black; }



.pub_menu .top, .pub_menu .bottom
{
  width: 161px;
  height: 12px;
}
.pub_menu .middle
{
  text-align: center;
}
.pub_menu
{
  margin-top: 15px; /* espace de séparation entre les cadres du menu */
}

.pub_menu .top
{
  background:url("../design/menu/pub_haut.gif") no-repeat;
}
.pub_menu .bottom
{
  background:url("../design/menu/pub_bas.gif") no-repeat;
}


.cadre
{
  background-color: white;
}

.content>table
{
  width: 700px;
}

.content tr.cadre td
{
  padding: 5px 0px 0px 5px;
}
.content .intro, 
.content .intro_top, 
.content .intro_bottom
{
	width: 100%;
	height: 11px;
}
.content .intro_text
{
  text-align: left;
  padding: 5px 30px;
}
.content .intro_text a
{
  font-weight: bold;
  text-decoration: none;
  color: blueviolet;
}
.content .intro_text a:hover
{
  color: red;
}
.content a.facebook
{
  color: blue;
}
.content a.facebook:hover
{
  color: #000090;
}

.content .intro_top
{ background:url("../design/page/cadre_haut.gif") no-repeat top; }
.content .intro_bottom
{ background:url("../design/page/cadre_bas.gif") no-repeat bottom; }
.content .intro_text h2
{
  margin: 0px 0px 8px 0px;
  font-weight: normal;
}




.body .content .cadre
{
  width: 340px;
  margin-bottom: 7px; /* marge entre les cadre pour IE */
}

.content div.cadre_titre
{
  width: 100%;
  height: 42px;

	float:left;
	display:inline;
  
  background-position: top;
  background-repeat: no-repeat;
}

.content div.cadre_content
{
  width: 100%;
	text-align: left;
	display: inline;
	float: left;
	background-position: bottom;
	background-repeat: no-repeat;
	
	padding-bottom: 00px;
	margin-bottom: 10px;
}

.content div.cadre_content div
{
	margin: 12px 12px 13px 12px;

  font-size: 12px;
}
.content .cadre h1
{
  width: 326px;
  height: 27px;
  margin: 0px 5px;
  text-align: center;
  vertical-align: middle;

	font-family: "Trebuchet MS",Verdana,Sans-serif;
  font-size: 20px;
	font-weight: bolder;

  background-position: bottom right;
  background-repeat: no-repeat;
}
.content .cadre .cadre_titre h1
{
  margin-top: 12px;
  padding-bottom: 3px;
  padding-right: 2px;
}

.content .cadre .cadre_bouton
{
  width: 178px;
  height: 24px;

  text-align: center;

	display: inline;
	float: left;

	background-repeat: no-repeat;
	
	padding-bottom: 0px;

  margin: -10px 0px 7px 150px; /* 3e valeur: marge entre les cadre pour FF */
  
  text-decoration: none;
  color: white;
	font-family: "Trebuchet MS",Verdana,Sans-serif;
  font-weight: bold;
  font-size: 12px;
 	line-height:24px;
}
.content .cadre a.cadre_bouton:hover
{
  text-decoration: none;
}
.content .cadre img
{
  margin: 5px;
}


.content .rouge div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_rouge.gif"); }
.content .rouge div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_rouge.gif"); }
.content .rouge h1
{ background-image:url("../design/cadre/cadre_sep_rouge.gif"); }
.content .rouge .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_rouge.gif"); }
.content .cadre .rouge a.cadre_bouton:hover
{ color: #ffc0c0; }

.content .bleu div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_bleu.gif"); }
.content .bleu div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_bleu.gif"); }
.content .bleu h1
{ background-image:url("../design/cadre/cadre_sep_bleu.gif"); }
.content .bleu .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_bleu.gif"); }
.content .cadre .bleu a.cadre_bouton:hover
{ color: #d1d2ff; }

.content .jaune div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_jaune.gif"); }
.content .jaune div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_jaune.gif"); }
.content .jaune h1
{ background-image:url("../design/cadre/cadre_sep_jaune.gif"); }
.content .jaune .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_jaune.gif"); }
.content .cadre .jaune a.cadre_bouton:hover
{ color: #fff9cb; }

.content .vert div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_vert.gif"); }
.content .vert div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_vert.gif"); }
.content .vert h1
{ background-image:url("../design/cadre/cadre_sep_vert.gif"); }
.content .vert .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_vert.gif"); }
.content .cadre .vert a.cadre_bouton:hover
{ color: #b2eeb2; }

.content .violet div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_violet.gif"); }
.content .violet div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_violet.gif"); }
.content .violet h1
{ background-image:url("../design/cadre/cadre_sep_violet.gif"); }
.content .violet .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_violet.gif"); }
.content .cadre .violet a.cadre_bouton:hover
{ color: #ebc2fe; }

.content .rose div.cadre_titre
{ background-image:url("../design/cadre/cadre_haut_rose.gif"); }
.content .rose div.cadre_content
{ background-image:url("../design/cadre/cadre_bas2_rose.gif"); }
.content .rose h1
{ background-image:url("../design/cadre/cadre_sep_rose.gif"); }
.content .rose .cadre_bouton
{ background-image:url("../design/cadre/cadre_bouton_rose.gif"); }
.content .cadre .rose a.cadre_bouton:hover
{ color: #ffdbff; }




.foot
{
  display: block;
  background: url("../design/page/pied.gif") no-repeat top;
  width: 873px;
  margin: 15px 0px;
  padding: 6px 0px;
}

.foot_content
{
  margin: 0px 20px;
}
.foot_content, .foot_content a
{
  font-size: 10px;
  color: gray;
}
.foot_content a:hover
{
  color: black;
}


.content .td
{
	border: red solid 1px;
	border-collapse: collapse;
}
.div, .span
{
	border: blue solid 1px;
}
.td
{
	border: red solid 1px;
	border-collapse: collapse;
}



#G { color: #FF0000; }
#R { color: #0000FF; }
#A { color: #FFCC00; }
#F { color: #00CC00; }
#M { color: #9933FF; }
#E { color: #FF66FF; }
#G, #R, #A, #F, #M, #E
{ font-weight: bold; }