/* CSS Document */

/* concernant l'ensemble des pagess */

body /* On travaille sur la balise body, donc sur TOUTE la page */
{
	/* background-color:#99B2D7; */
	color: black; /* Le texte de la page sera blanc */
	font-family: Verdana; /* On essaie d'avoir Arial Black en priorit */
	font-size: 12px;
	margin:0px;
}

.left_background {
	background-position:left;
	BACKGROUND-IMAGE:url(images/fond/fond_gauche.jpg);
	BACKGROUND-REPEAT: repeat-y;
}
.right_background {
	background-position:right;
	BACKGROUND-IMAGE:url(images/fond/fond_droite.jpg);
	BACKGROUND-REPEAT: repeat-y;
}

/* concernant les images */

img
{
border:0;
}

/* concernant les tableaux */

.table
{
	background-image: url(images/fond/ago_fond_degrade.jpg); /*image de fond*/
	background-repeat: repeat-x; /* Le fond ne se répète horizontalement, no-repeat, repeat-x, repeat-y, repeat */
	background-position: bottom; /* Le fond est align bas */
	background-color:white;
}

/* concernant les listes */

.flech {
	margin: 1px;
	list-style-image: url(images/fleche.gif);
}

/* concernant les paragraphes */

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size:14px;
   color:rgb(13,102,166); /*bleu plaquette*/
}

/* concernant les liens */

.a_question:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:18px; /* Les liens sont de taille 22 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_question
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:18px; /* Les liens sont de taille 22 */
}
.a_contactez:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_contactez
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
}
.a_lien:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: red; /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:12px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_lien
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(247,152,20); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:12px; /* Les liens sont de taille 14 */
}
.a_page:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_page
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
}
.a_italique:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-size:14px; /* Les liens sont de taille 14 */
   font-weight:normal; /* Les liens ne sont pas en gras */
   font-style:italic; /* Les liens sont en italique */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_italique
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-size:14px; /* Les liens sont de taille 14 */
   font-weight:normal; /* Les liens ne sont pas en gras */
   font-style:italic; /* Les liens sont en italique */
}
.a_email:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: red; /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:16px; /* Les liens sont de taille 16 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_email
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(247,152,20); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:16px; /* Les liens sont de taille 16 */
}
.a_22_bleu_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:22px; /* Les liens sont de taille 22 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_22_bleu_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:22px; /* Les liens sont de taille 22 */
}
.a_18_bleu_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:18px; /* Les liens sont de taille 18 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_18_bleu_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:18px; /* Les liens sont de taille 18 */
}
.a_16_bleu_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:16px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_16_bleu_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:16px; /* Les liens sont de taille 14 */
}
.a_14_bleu_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_14_bleu_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
}
.a_14_orange_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(13,102,166); /* Les liens sont crit en bleu quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_14_orange_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(247,152,20); /* Les liens sont en orange */
   font-weight:bold; /* Les liens sont en gras */
   font-size:14px; /* Les liens sont de taille 14 */
}
.a_menu:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:11px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_menu
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:11px; /* Les liens sont de taille 14 */
}
.a_12_bleu_gras:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:bold; /* Les liens sont en gras */
   font-size:12px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_12_bleu_gras
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: rgb(13,102,166); /* Les liens sont en bleu */
   font-weight:bold; /* Les liens sont en gras */
   font-size:12px; /* Les liens sont de taille 14 */
}
.a_texte_classique:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Les liens ne sont pas souligns quand on pointe dessus */
   color: rgb(247,152,20); /* Les liens sont crit en orange quand on pointe dessus */
   font-weight:normal; /* Les liens sont en normal */
   font-size:12px; /* Les liens sont de taille 14 */
   /* background-color: #FFCC66; /* Les liens ont un fond orange quand on pointe dessus */
}
.a_texte_classique
{
   text-decoration: none; /* Les liens ne sont pas souligns */
   color: black; /* Les liens sont en bleu */
   font-weight:normal; /* Les liens sont en normal */
   font-size:12px; /* Les liens sont de taille 14 */
}

/* concernant les textes */

.ago_titre_page
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:22px; /* Les textes seront de taille 22 */
	font-weight:bold /* Les textes seront en gras */
}
.ago_compteur
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:20px; /* Les textes seront de taille 22 */
	font-weight:bold /* Les textes seront en gras */
}
.ago_ago
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:14px; /* Les textes seront de taille 14 */
	font-weight:bold /* Les textes seront en gras */
}

.ago_30_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:30px;
}
.ago_28_noir
{
	 /* Les textes seront au couleur noir */
	font-size:28px; /* Les textes seront de taille 28 */
}
.ago_28_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:28px; /* Les textes seront de taille 28 */
}
.ago_26_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:26px; /* Les textes seront de taille 26 */
}
.ago_24_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:24px; /* Les textes seront de taille 24 */
}
.ago_22_orange_gras
{
	color:rgb(247,152,20); /* Les textes seront au couleur orange de la plaquette */
	font-size:22px; /* Les textes seront de taille 22 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_22_orange
{
	color:rgb(247,152,20); /* Les textes seront au couleur orange de la plaquette */
	font-size:22px; /* Les textes seront de taille 22 */
}
.ago_22_noir
{
	 /* Les textes seront au couleur noir */
	font-size:22px; /* Les textes seront de taille 22 */
}
.ago_20_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:20px; /* Les textes seront de taille 20 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_18_orange_gras
{
	font-size:18px; /* Les textes seront au couleur orange de la plaquette */
	color:rgb(247,152,20); /* Les textes seront de taille 18 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_18_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:18px; /* Les textes seront de taille 18 */
}
.ago_18_bleu_gras
{
	font-size:18px; /* Les textes seront au couleur orange de la plaquette */
	color:rgb(13,102,166); /* Les textes seront de taille 18 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_18_noir
{
	 /* Les textes seront au couleur noir */
	font-size:18px; /* Les textes seront de taille 18 */
}
.ago_16_orange_gras
{
	font-size:16px; /* Les textes seront au couleur orange de la plaquette */
	color:rgb(247,152,20); /* Les textes seront de taille 16 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_16_orange
{
	font-size:16px; /* Les textes seront au couleur orange de la plaquette */
	color:rgb(247,152,20); /* Les textes seront de taille 16 */
}
.ago_16_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:16px; /* Les textes seront de taille 16 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_16_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:16px; /* Les textes seront de taille 16 */
}
.ago_16_noir_gras
{
	 /* Les textes seront au couleur noir */
	font-size:16px; /* Les textes seront de taille 16 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_16_noir
{
	 /* Les textes seront au couleur noir */
	font-size:16px; /* Les textes seront de taille 16 */
}
.ago_15_orange_gras
{
	font-size:15px; /* Les textes seront au couleur orange de la plaquette */
	color:rgb(247,152,20); /* Les textes seront de taille 16 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_15_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:15px; /* Les textes seront de taille 16 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_14_orange_gras
{
	color:rgb(247,152,20); /* Les textes seront au couleur orange de la plaquette */
	font-size:14px; /* Les textes seront de taille 14 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_14_orange
{
	color:rgb(247,152,20); /* Les textes seront au couleur orange de la plaquette */
	font-size:14px; /* Les textes seront de taille 14 */
}
.ago_14_bleu_italique
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:14px; /* Les textes seront de taille 12 */
	font-style:italic; /* Les textes seront en italique */
}
.ago_14_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:14px; /* Les textes seront de taille 14 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_14_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:14px; /* Les textes seront de taille 14 */
}
.ago_14_noir_gras
{
	 /* Les textes seront au couleur noir */
	font-size:14px; /* Les textes seront de taille 14 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_14_noir
{
	 /* Les textes seront au couleur noir */
	font-size:14px; /* Les textes seront de taille 14 */
}
.ago_13_noir
{
	 /* Les textes seront au couleur noir */
	font-size:13px; /* Les textes seront de taille 13 */
}
.ago_12_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:12px; /* Les textes seront de taille 12 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_12_bleu_italique
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:12px; /* Les textes seront de taille 12 */
	font-style:italic; /* Les textes seront en italique */
}
.ago_12_bleu
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:12px; /* Les textes seront de taille 12 */
}
.ago_10_bleu_gras
{
	color:rgb(13,102,166); /* Les textes seront au couleur bleu de la plaquette */
	font-size:10px; /* Les textes seront de taille 12 */
	font-weight:bold; /* Les textes seront en gras */
}
.ago_10_noir
{
	 /* Les textes seront au couleur noir */
	font-size:10px; /* Les textes seront de taille 10 */
}

/* divers */

div#tooltip3 {
   position:absolute;
   visibility:hidden;
   z-index:1000;
   left : -120px;
   filter:alpha(opacity=100);   /* IE */
   -moz-opacity:1;           /* Firefox */
   opacity: 1;               /* standard CSS3 */
   -khtml-opacity: 1;        /* Konqueror */
  }
div#tooltip2 {
   position:absolute;
   visibility:hidden;
   z-index:100;
   left : -120px;
   /* background-color:#666;	gris */
   /* padding:0.5em; */
   font-size:0.8em;
   font-weight : bold;
   color : #f00;
  filter:alpha(opacity=100);	/* IE */
  -moz-opacity:0.8;           /* Firefox */
  opacity: 0.8;               /* standard CSS3 */
  -khtml-opacity: 0.8;        /* Konqueror */
  }
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   left : -120px;
   /* background-color:#fff;	blanc */
   padding:0.5em;
   font-size:0.8em;
   font-weight : bold;
   color : #f00;
  filter:alpha(opacity=100);   /* IE */
  -moz-opacity:0.7;           /* Firefox */
  opacity: 0.7;               /* standard CSS3 */
  -khtml-opacity: 0.7;        /* Konqueror */
  }
#li_1,#li_2,#li_3,#li_4,#li_5,#li_6,#li_7,#li_8,#li_9,#li_10,#li_11,#li_12,#li_13,#li_14,#li_15,#li_16,#li_17,#li_18,#li_19
{ 
 display:none; 
}
#div_1,#div_3,#div_5
{ 
 display:block; 
}
#div_2,#div_4,#div_6
{
 display:none;
}
#proc_1,#proc_2,#proc_3,#proc_4
{
 display:none;
}
#slideCode {position: absolute; z-index: 200; visibility: hidden; background-color: #000080;}
#slideCode IFRAME.blockSEL {position: absolute; top: 0; left: 0; z-index: 250; width: 100%; margin-top: 14px; border: none;}
#slideCode .popCont {position: relative; z-index: 300; border: 2px solid #000080; cursor: pointer;}
#slideCode .popHead {padding: 0 4px 0 0; line-height: 18px; height: 18px; text-align: right; font-weight: bold; color: #FFF; background-color: #000080;}
.msgfixe {
position: absolute;
top:25%;
left:40%;
background-image:url(images/accueil_message_ago.jpg);
width:372px;
height:297px;
visibility:visible;
position:fixed;
}
.msgcache {
visibility:hidden;
}