*{ 
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height:14px; 
}

.souris{cursor:hand}

/* ----------------------------------------------------
le graphisme du site
-------------------------------------------------------*/
BODY{
	height:100%;
	text-align:center;
	background:#aebbd1 url('fond.jpg') repeat-x;
}
td{text-align:justify}
#fond-site{width:990px;background:#ffffff url("haut.jpg") no-repeat;border-left:1px solid #000000;border-right:1px solid #000000}
#site{width:990px}
#titre_rubrique{position:absolute;top:176px;left:176px;width:450px;text-align:center}
#haut_de_page{}
ul{ list-style-type:none;text-align:left; }
li{ list-style-type:none;text-align:left; }
#menu_gauche{
position:absolute;
top:203px;
left:0px;
width:174px;
background:url("gauche.jpg");
min-height:1500px;
}

#menu_gauche P,#menu_droite P{margin-top:5px;margin-left:5px;margin-right:5px;height:14px;text-align:center;border:1px solid #000000;background:#f9f9f9;font-weight:bold}
#menu_gauche .separateur{height:5px;margin-left:10px;margin-right:10px;text-align:center;border:1px solid #000000;background:#f9f9f9;width:135px}
#menu_gauche blockquote{color:#ffffff;border:1px dashed #000000;padding:2px;width:135px;margin-bottom:10px}
#menu_droite blockquote{color:#ffffff;border:1px dashed #000000;padding:2px;width:135px;margin-bottom:10px;margin-left:5px}
#menu_droite blockquote P{border:0px;background:none;font-weight:normal}
#menu_gauche li{padding-left:20px}
#menu_gauche li a:link,#menu_gauche li a:active,#menu_gauche li a:visited{color:#ffffff}
#menu_gauche P A:link,#menu_gauche P A:active,#menu_gauche P A:visited{text-decoration:none;color:#496390;font-weight:bold;font-size:11px;}
#menu_gauche li a:hover{color:red}
#menu_gauche P A:hover{color:red}


#menu_droite{
position:fixed;right:0%;
padding-top:20px;
-position:absolute; top: expression(body.scrollTop);
-left: expression(body.clientWidth - 159);
height:500px;
width:149px;
background:url("droite.gif");
margin:5px;
-margin-top:110px}

#contenu{
text-align:center;margin-left:180px;margin-right:10px;}

#bas_de_page{}

/* ----------------------------------------------------
Fin le graphisme du site
-------------------------------------------------------*/
h1{font-weight:bold;font-size:16px;margin-bottom:20px;color:#990000}
h2{font-weight:bold;font-size:15px;margin-bottom:15px;color:#000044;text-decoration:underline}
h3{font-weight:bold;font-size:14px;margin-bottom:10px}
h4{font-weight:bold;font-size:13px;margin-bottom:5px}


A:link,A:active,A:visited{text-decoration:none;color:#496390;font-weight:bold;font-size:11px;}
A:hover{text-decoration:none;color:red;}
#haut_de_page{height:203px};
#menu_gauche A:link,#menu_gauche A:active,#menu_gauche A:visited{text-decoration:none;color:#ffffff;font-weight:bold;font-size:11px;}
#menu_gauche A:hover{text-decoration:none;color:red;}

#menu_droite A:link,#menu_droite A:active,#menu_droite A:visited{text-decoration:none;color:#ffffff;font-weight:bold;font-size:11px;}
#menu_droite A:hover{text-decoration:none;color:red;}

.popperlink { POSITION: absolute; VISIBILITY: hidden }

#fenetre_akticom
{
 position:absolute;
 top:220px;
 left : 250px;
 width:400px;
 height:150px;
 background:url('message.gif');
}

#fenetre_confirmer
{
position:fixed;
-position:absolute; top: expression(body.scrollTop + 200);
top:200px;
left:300px;
 width:400px;
 height:150px;
 visibility:hidden;
 background:url('message.gif');
}

.calque
{
 background: #FACB80;
 border:1px solid #000044;
 color:#1C474B;
 font-weight:bold;
 font-size:11px;
 width:300px;
 z-index=-1;
 filter:alpha(opacity=90);
 text-align:left;
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#848A84, Direction=135, Strength=4);
 padding:2px;
}

.cadre{border:1px solid #999999;background:#f0f0f0}

.titre{background:#eeeeee;font-weight:bold;color:#990000;text-align:center;padding:5px}

.plan{visibility:hidden}

html[xmlns] #content{ height:inherit; }
html>body #content{ height:inherit; }
IMG
{
 border:0px;
}

.separateur
{
 width:120px;
 height:1px;
 background:url('separateur.gif') no-repeat;
 margin-top:3px;
 }

#page h1{
	
	font-size:18px;
	font-weight:bold;
	padding-top:12px;
	padding-left:0px;
	text-align:center;
	
}
#page h2
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#page h3{
	padding-left:15px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:13px;
	text-align:left;
}
#page h4{
	
	padding-left:15px;
	margin-top:5px;
	font-size:11px;
	text-align:left;
	
}
#page h5{
	color:#1E3A4D;
	padding-bottom:10px;
	padding-left:25px;
}



INPUT,SELECT
{
 font-size:11px;
}

P{ list-style-type:none;text-align:left; text-align:justify}


HR
{
 border:1px solid #cccccc;
 margin:5px;
}

.li_famille
{
padding-bottom:2px;
padding-left:16px;
background:url('rond.gif') no-repeat;
}

.li_rubrique
{
padding-bottom:2px;
padding-left:26px;
height:24px;
background:url('rubrique.gif') no-repeat;
}

.li_admin
{
padding-bottom:2px;
padding-left:26px;
height:24px;
background:url('admin.gif') no-repeat;
}

.li_client
{
padding-bottom:2px;
padding-left:26px;
height:24px;
background:url('admin.gif') no-repeat;
}

.li_design
{
padding-bottom:2px;
padding-left:26px;
height:24px;
background:url('design.gif') no-repeat;
}


.float_left
{
padding:5px;
display:inline;
text-align:justify;
}

.float_right
{
padding:5px;
float:right;
text-align:justify;
}

.haut_de_page
{
 text-align:right;
}

.faq_reponse
{
 padding:5px;
 padding-left:15px;
 text-align:justify;


}

.liste_famille_catalogue
{
display:inline;
width:100px;
padding:5px;
margin:10px;
text-align:center;
height:80px;

}

.liste_catalogue
{
display:inline;
width:140px;
padding:5px;
margin:10px;
text-align:center;
height:100px;

}

.liste_galerie
{
display:inline;
width:140px;
padding:5px;
margin:10px;
text-align:center;
height:70px;
}


.titre_page{ 
	height:0px; 
	font-size:24px; color:#6D7B89;
	line-height:40px; 
}

/* agenda */
.date_agenda
{
 background:url('date_agenda.gif');
 width:100px;
 height:22px;
 text-align:center;
 color:#ffffff;
 font-weight:bold;
 padding-top:3px;
}

.cadre_agenda
{
 border:1px solid #f0f0f0;
 background:#f9f9f9;
}

.titre_forum
{
 padding:5px;
 font-weight:bold;
 background:#f0f0f0;
 border:1px solid #777777;
}

.contenu_forum
{
border:1px solid #cccccc;
padding:5px;
}

.contenu_paragraphe
{
 padding:5px;
 margin:10px;
 background:#E9F2F9;
 border:1px solid #999999;
}


.catalogue_niveau_0
{
text-align:left;
padding-left:22px;
padding-top:10px;
margin-left:10px;
font-weight:bold;
font-size:16px;
height:20px;
background:url('catalogue_niveau_0.gif') no-repeat;
}
.catalogue_niveau_1
{
text-align:left;
padding-left:42px;
margin-left:10px;
font-weight:bold;
font-size:13px;
height:18px;
background:url('catalogue_niveau_1.gif') no-repeat;
}
.catalogue_niveau_2
{
text-align:left;
padding-left:62px;
margin-left:10px;
font-size:13px;
height:18px;
background:url('catalogue_niveau_2.gif') no-repeat;
}
.catalogue_niveau_3
{
text-align:left;
padding-left:82px;
margin-left:10px;
font-size:13px;
height:18px;
background:url('catalogue_niveau_3.gif') no-repeat;
}