/************************************************/
/* Site de la FAAQ                              */
/************************************************/

a { font-family:Arial; font-size:10pt} 
a:link {color: #0000DD;text-decoration: none}
a:visited {color: #0000DD;text-decoration: none}
a:hover {color:#0000DD; text-decoration: underline}
a:active {color: #0000DD;text-decoration: none}

a.linkgras {font-family:Arial; font-size:10pt; font-weight:bold;} 
a:hover img  {border-color: rgb(255,0,0);}
a.small {font-family:Arial; font-size:8pt} 

/**** Lien en haut a droite Retour a la page entree ****/
a.retourmenu:link   {color: #FFFFFF;text-decoration: none; }
a.retourmenu:hover {color: #FFFFFF;text-decoration: underline; }
a.retourmenu:visited {color: #FFFFFF;text-decoration: none; }
a.retourmenu:active {color: #FFFFFF;text-decoration: none}

a.redcolor:link {color: #00FF00;text-decoration: none}
a.redcolor:visited {color: #00FF00;text-decoration: none}
a.redcolor:hover {background: #aa0000; color:#00FF00; text-decoration: underline}
a.redcolor:active {color: #C3913B;text-decoration: none}

a.redcolorquestion:link {color: #00FF00;text-decoration: none}
a.redcolorquestion:visited {color: #00FF00;text-decoration: none}
a.redcolorquestion:hover {background: #770000; color:#00FF00; text-decoration: underline}
a.redcolorquestion:active {color: #C3913B;text-decoration: none}

a.blackcolor:link {color: #00FF00;text-decoration: none}
a.blackcolor:visited {color: #00FF00;text-decoration: none}
a.blackcolor:hover {background: #000000; color:#00FF00; text-decoration: underline}
a.blackcolor:active {color: #C3913B;text-decoration: none}

h1 {color: rgb(0,0,0); font-family:Arial; }
h2 {color: rgb(0,0,0); font-family:Arial; }
h3 {color: rgb(0,0,0); font-family:Arial; }
h4 {color: rgb(0,0,0); font-family:Arial; }
h5 {color: rgb(0,0,0); font-family:Arial; }

font.small {color: rgb(0,0,0); font-family:Arial; font-size: 8pt;}
font.smallphoto {color: rgb(0,128,0); font-family:Arial; font-size: 7pt;}
font.small6 {color: rgb(173,90,90); font-family:Arial; font-size: 8pt;}

pre {color: rgb(0,0,0); font-family:Arial }
i {color: rgb(113,113,113); font-family:Arial;  font-size: 10pt; }
p {color: rgb(0,0,0); font-family:Arial;  font-size: 10pt;}
hr {height:2px;border:1px solid #0D4561;}
li {color: rgb(0,0,0); font-family:Arial; font-size:10pt; }
img {border-color: rgb(0,0,192);}
img.cadre {border-style: double;} 

b {font-family:Arial; font-size:10pt}

/**** Titre principal des pages (titre en haut) *******/
b.menu {color: rgb(192,0,0); font-family:Arial; font-size:10pt;}

table {font-family:Arial; font-size:10pt; }
table.information {background-color: rgb(255,160,0); color: rgb(0,0,0); font-family:Arial; font-size:10pt; }
table.entete {background-image: url(entetelogo.gif); }
td.menu {color: rgb(255,255,255); font-family:Arial; font-size:10pt; }
tr.gris {color: rgb(128,128,128)} 
table.cadre {border-color:rgb(64,108,130); border-style: double;}
table.cadreblanc {border-color: #FF0000; border-style: double;border-width:2px; }


/**** tableau de la page d'entre index.htm *******/
table.body-mainpage {background-color: rgb(221,229,233); border-style: solid; border-width:1px; border-color: rgb(86,117,132); width:100%;} 
td.title-mainpage {background-color: rgb(102,138,155); height:15px; color:rgb(255,255,255); font-weight:bold;text-align:left;} 
td.title-mainpageright {background-color: rgb(102,138,155); height:15px; color:rgb(255,255,255); font-weight:bold;text-align:right} 

/**************** TABLEAU USAGE GENERALE *****************/

	/**** tableaux entete *******/
	table.info  {background-color: rgb(163,186,195); } 
	td.info  {background-color: rgb(163,186,195); } 
	tr.info  {background-color: rgb(163,186,195); } 

	/**** tableaux range fonce *******/
	table.info-fonce  {background-color: rgb(198,213,218); } 
	td.info-fonce  {background-color: rgb(198,213,218); } 
	tr.info-fonce {background-color: rgb(198,213,218); } 

	/**** tableaux range pale *******/
	table.info-pale  {background-color: rgb(221,232,233); } 
	td.info-pale  {background-color: rgb(221,232,233); } 
	tr.info-pale {background-color: rgb(221,232,233); } 

	/**** tableaux pour erreur ou avertissement *******/
	table.infoalert  {background-color: rgb(255,192,0); } 
	td.infoalert  {background-color: rgb(255,192,0); } 
	tr.infoalert  {background-color: rgb(255,192,0); } 

	/**** tableaux pour alert low*******/
	table.infoalertlow  {background-color: rgb(255,192,192); } 
	td.infoalertlow  {background-color: rgb(255,192,192); } 
	tr.infoalertlow  {background-color: rgb(255,192,192); } 

/**************************************************************************/

li.menu {list-style: disc outside; margin-left:15px;}
ul.menu {padding-left:0;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px}
ul.menuimage {padding-left:0;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; list-style-image: url("point1.gif") }

p.rightalign {text-align:right}


/*object.iframeobject  {border-width: -1px; border-style:none;}*/

/************************************************/
/* page index.htm                                  */
/************************************************/
body.ColorForMainPage
{
 -webkit-text-size-adjust: none;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
 background-color : rgb(240,244,255);
 background-image: url(backgroundmainpage.gif); 
 background-repeat: repeat-x;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-3dlight-color:#0D4561;
 scrollbar-highlight-color: #89A5B2;
 scrollbar-face-color:#89A5B2;
 scrollbar-shadow-color: #0D4561;
 scrollbar-track-color:  #9FB5C0;
 scrollbar-darkshadow-color: #0D4561;
}

/***************************************************/
/* pages ASP (IFRAME) inclu dans page principale  */
/***************************************************/
body.ColorForMainPageASP
{
 -webkit-text-size-adjust: none;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
 background-image: none; 
 background-color : rgb(221,229,233);
}


/************************************************/
/* Toutes les autres pages du site web      */
/************************************************/
body 
{
 -webkit-text-size-adjust: none;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
/* background-image: url(background.gif); */
/* background-image: url(backgroundmainpage.gif); */
/* background-repeat: repeat-x;*/
 background-color : rgb(240,244,245);
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-3dlight-color:#0D4561;
 scrollbar-highlight-color: #89A5B2;
 scrollbar-face-color:#89A5B2;
 scrollbar-shadow-color: #0D4561;
 scrollbar-track-color:  #9FB5C0;
 scrollbar-darkshadow-color: #0D4561;
}

		
/************************************************/
/* Menu de la page principale compatible IPAD et les autre browser   */
/************************************************/
.bg {background: url(backgroundmainpagemenu.gif);}
.menu_style {padding:0 0 0 1px; margin:0; list-style:none; height:24px; background:#ffffff url(backgroundmainpagemenu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu_style li.top {display:block; float:left; position:relative;}
.menu_style li a.top_link {display:block; float:left; height:24px; line-height:20px; color:#ffffff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 2px; cursor:pointer;}
.menu_style li a.top_link span {float:left; font-weight:bold; display:block; padding:0 10px 0 10px; height:24px;}
.menu_style li a.top_link:hover {color:#000; background: url(backgroundmainpagemenu.gif) no-repeat;}
.menu_style li a.top_link:hover span {background:url(backgroundmainpagemenu.gif) no-repeat right top;}
.menu_style li:hover > a.top_link {color:#ffffff; background: url(backgroundmainpagemenubg.gif) }
.menu_style li:hover > a.top_link span {background:url(backgroundmainpagemenubg.gif) right top;}
.menu_style table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu_style a:hover {visibility:visible;}
.menu_style li:hover {position:relative; z-index:200;text-align: left;}
.menu_style ul, 
.menu_style :hover ul ul, 
.menu_style :hover ul :hover ul ul,
.menu_style :hover ul :hover ul :hover ul ul,
.menu_style :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*************************/
/* sous Menu item Generalite  */
/*************************/
.menu_style :hover ul.sub {left:2px; top:24px; right:2px; background: #DDE5E9; padding:0px 0; border:1px solid #999999; white-space:nowrap; width:240px; height:auto;}
.menu_style :hover ul.sub li {display:block; height:28px; position:relative; float:left; width:240px;}
.menu_style :hover ul.sub li a {font-weight:normal;display:block; font-size:13px; height:28px; width:240px; line-height:28px; text-indent:5px; color:#0000DD; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;}
.menu_style :hover ul.sub li a:hover {background:#49A3FF; color:#fff;}

/*************************/
/* sous Menu item Services Au membres,activite  */
/*************************/
.menu_style :hover ul.sub2 {left:2px; top:24px; right:2px; background: #DDE5E9; padding:0px 0; border:1px solid #999999; white-space:nowrap; width:520px; height:auto;}
.menu_style :hover ul.sub2 li {display:block; height:28px; position:relative; float:left; width:520px;}
.menu_style :hover ul.sub2 li a {font-weight:normal;display:block; font-size:13px; height:28px; width:520px; line-height:28px; text-indent:5px; color:#0000DD; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;}
.menu_style :hover ul.sub2 li a:hover {background:#49A3FF; color:#fff;}


/*************************/
/* sous Menu item observation ,documentation */
/*************************/
.menu_style :hover ul.sub3 {left:2px; top:24px; right:2px; background: #DDE5E9; padding:0px 0; border:1px solid #999999; white-space:nowrap; width:320px; height:auto;}
.menu_style :hover ul.sub3 li {display:block; height:28px; position:relative; float:left; width:320px;}
.menu_style :hover ul.sub3 li a {font-weight:normal;display:block; font-size:13px; height:28px; width:320px; line-height:28px; text-indent:5px; color:#0000DD; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;}
.menu_style :hover ul.sub3 li a:hover {background:#49A3FF; color:#fff;}


.menu_style :hover ul :hover ul,
.menu_style :hover ul :hover ul :hover ul,
.menu_style :hover ul :hover ul :hover ul :hover ul,
.menu_style :hover ul :hover ul :hover ul :hover ul :hover ul{left:90px; top:-4px; background: #fff; padding:0px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}