body {font-family: Arial, Helvetica, sans-serif, 'Trebuchet MS', Verdana, Tahoma; font-size:12px; text-align:center; width:99%; margin:0; background-image:url(../img/bkg.png); background-repeat:repeat-x;}
img {border:0;}
form {margin:0;}
input, texterea, select {font-family:'Trebuchet MS', Verdana, Tahoma; font-size:12px;}

a {color:navy;  text-decoration:none;}
a:hover {color:red; text-decoration:none;}

.titre1 {font-size:20px; font-weight:bold;}
.titre2 {font-size:16px; font-weight:bold;}
.titre3 {font-size:12px; font-weight:bold;}
.mini {font-size:10px;}

table {border:1px solid #ccc;}
th {background-color:#e5e5e5; font-size:12px; font-weight:bold;}

h1 {color:#2F3640; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:24px;}

/** generic **/
#spacer {heigh:10px;}
#center {width:791px; text-align:left; margin-left:auto; margin-right:auto; border-left:1px solid #666666; border-right:1px solid #666666; background-image:url(../img/center_bkg.png); background-repeat:repeat-y;}

#header {height:164px; background-image:url(../img/hearder_bkg.jpg);}
#top_menu {font-family:Verdana; font-size:12px;  color:#C10000; text-align:right; padding-top:125px; padding-right:15px;}
#top_menu a {font-family:'Trebuchet MS', Verdana, Tahoma; font-size:15px; font-weight:bold; color:#C10000; text-decoration:none;}
#top_menu a:hover {color:#2F3640;} 

#main {/*background-image:url(../img/accueil_bkg.gif);*/ background-repeat:no-repeat;  min-height:400px;}
#left {float:left; margin-left:20px; background-image:url(../img/left_bkg.gif); background-repeat:no-repeat;   min-height:350px;  width:205px; margin-top:35px; text-align:center; padding-top:10px; padding-bottom:40px;}   

#espace_entreprise ul, 
#espace_salarie ul 
	{width:175px; /*list-style-image:url(../img/bullet_maroon.gif); list-style-position:inside;*/ background-color:#fff; border:1px solid #ccc; padding:0; margin:0; text-align:left; padding-left:10px; padding-top:5px; padding-bottom:5px; margin-left:9px; list-style-type:none;}

#espace_salarie ul {/*list-style-image:url(../img/bullet_pink.gif);*/ list-style-type:none;}

#espace_entreprise ul li a,
#espace_salarie ul li a
	 {text-decoration:none; color:#2F3640;} 
#espace_entreprise ul li a:hover,
#espace_salarie ul li a:hover
	{text-decoration:none; color:C10000}
	
#catalogue_visualisation {width:182px; border:0px solid #bdc7b6; margin-left:10px; padding-top:10px; background-color:#E8E7E7}


#right {float:left; width:550px;  background-image:url(../img/right_bkg.png); background-repeat:no-repeat; min-height:409px; height:auto; margin-top:21px; margin-left:10px; padding-bottom:10px; padding-top:20px;}
#content {padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:30px;}
#content ul {list-style: url(/img/puce.gif) inside;}
#content ul ul{list-style: url(/img/puce2.gif) inside;}

#clients {margin-top:20px;}

#bottom {clear:both; height:80px; background-image:url(../img/bottom_bkg.gif); background-repeat:repeat-x; text-align:center; padding-top:10px; background-color:#2F3640;}
#bottom #menu {color:#fff; }
#bottom #menu a {color:#fff; text-decoration:none;}
#bottom #menu a:hover {color:#666;}
#bottom  p {margin-top:30px; text-align:center; color:#c5c3c3; line-height:14px; font-size:11px;}


/* mod:contact ************************************************************************************/
table#contact {border:1px solid #ccc; background-color:#ccc; width:100%;}
#contact th {background-color:#eee; color:#000; font-size:12px; text-align:left; padding:10px;}
#contact td {background-color:#fff; font-style:normal; } 
#contact .input {width:400px;}
#contact .bottom {background-color:#eee;  padding:10px;}