body {margin: 10px 0 ; padding: 0 ;	text-align: center ; font: 0.8em "Trebuchet MS", helvetica, sans-serif ; background: #8b959c ; }

div#conteneur	{width: 770px ; margin: 0 auto ; text-align: left ; background: #fff ; }
div#bandeau		{height:120px; font: 0.9em "Comic Sans MS", helvetica, sans-serif ; border: 2px solid #464c54 ; }
div#marge		{width: 770px ; height:10px; background: #8b959c ; margin: 0 auto ; clear:both; }
div#page		{height: auto; overflow:hidden; border: 2px solid #464c54 ; }

div#page input {border:1px solid black; background-color:#C1D1E8; font-family:"trebuchet ms",sans-serif; }
div#page input[type=radio] {margin-right:50px; background-color:transparent; border:none; }
div#page select, option {background-color:#C1D1E8; font-family:"trebuchet ms",sans-serif; }
div#page textarea {border:1px solid black; background-color:#C1D1E8; font-family:"trebuchet ms",sans-serif; }

div#piedpage	{margin: 0 ; padding-right: 10px ; line-height: 30px ; text-align: right ; color: #464c54 ; background: #8b959c ; clear:both; }
div#piedpage_haut	{margin: 0 ; padding-right: 10px ; line-height: 30px ; text-align: center ; color: #464c54 ; background: #8b959c ; clear:both; }
div#piedpage_haut a	{text-decoration: none; color: #464c54 ;}

.faq_section div { display: none; padding: 5px; margin: 5px 0px 5px 0px; border: 1px solid #CCCCCC; background-color: #EEEEEE; }
.zone_section div { display: none; padding: 5px; }

.gras			{ font-weight: bold; }
.italique		{ font-style: italic; }
.barre			{ text-decoration: line-through; }
.souligne	{ text-decoration: underline; }
.center		{ text-align: center; }
.cboth			{ clear:both; }
.cleft			{ clear:left; }
.adsense	{ margin-top: 20px; margin-bottom: 20px; }
.ads			{ width: 300px; float: right; padding: 15px; }
.hidden		{ display: none; }
.bouton { text-align: center;margin-top: 20px; margin-bottom: 20px; }

/* News */

div#news		{width: 500px ; margin: 0 auto ; text-align: center ; }
div#newstitre_1 {width: 500px; line-height: 25px; font-size: 1.4em ; color: #a0522d ; background: url(images/iChat.png) no-repeat left ; }
div#newstitre_2 {width: 500px ; line-height: 25px ; font-size: 1.4em ;  color: #a0522d ; background: url(images/mod_site.png) no-repeat left ; }
div#newstitre_3 {width: 500px ; line-height: 25px ; font-size: 1.4em ; color: #a0522d ; background: url(images/Finder.png) no-repeat left ; }
div#newsdate	{width: 90px ; float:right; }
div#newstexte	{text-align: justify ; width: 400px ; height:80px; float:left; }

.datej {font-size: 1.8em ;color: #c1c1c1 ; }
.datem {font-size: 0.8em ;color: #c1c1c1 ; }
.datea {font-size: 1.2em ;color: #c1c1c1 ; }

/* Divers */

.asterix {color: #f00 ; font-size: 1.8em ; }
.titre_zone{color: #a0522d ; font-size: 1.0em ;background: #000;}
.label_zone{font-size: 1.0em; background: #EEEEEE;}

ul#menu			{height: 20px ; margin: 0 ; padding: 0 ; list-style-type: none ;}
ul#menu li		{float: left ; 	text-align: center ; }
ul#menu li a	{margin-left: 5px; margin-right: 5px; letter-spacing: 2px ; color: #464c54 ; display: block ; text-decoration: none ; border-right: 2px solid #fff ; }

div#logo_site				{float:left; margin-left: 10px; margin-top: 5px; }
div#pub_logo_site		{float:right; width:500px; margin-top: 5px; }
div#pub_logo_site h2 {font-size: 1.6em ;color: #a0522d ;font-family:"trebuchet ms",sans-serif;}
div#pub_logo_site a {text-decoration:none;}
div#bandeau_menu		{color: #464c54; margin-top: 5px; clear:both;}

div#contenu			{ float:left; width:580px; margin-left: 10px;}
div#page h2		{text-align: center ;padding-left: 25px ;line-height: 25px ;font-size: 1.4em ;color: #a0522d ;}
div#page h3		{padding-left: 40px ;line-height: 25px ;font-size: 1.2em ;color: #000 ;border-bottom: 1px solid #a0522d ;}

div#page p				{text-align: justify ;text-indent: 2em ;line-height: 1.7em ;}
div#page a				{color: #000 ;}
div#page a:hover		{color: #006;}

div#blocnews					{float:right;width:170px;	margin: 0 auto ;height:400px;}
div#blocnews h2				{line-height: 25px ;font-size: 1.4em ;color: #a0522d ;}
div#blocnews a				{color: #000 ;	font-weight: bold;background-color:inherit;text-decoration: none;}
div#blocnews a:hover		{color: #000;	font-weight: bold;	background-color:inherit;	text-decoration:underline;}

div#blocconnection		{float:right;	width:165px;	margin: 0 auto ;height:400px;}

.zone_ok		{border:2px solid #33CC33;background-color:#CCFFCC;}
.zone_nok		{border:2px solid #FF3300;background-color:#FFCC00;}

div#content_2, div#content_3, div#content_4{ display:none; }

.content a			{color: #000 ;}
.content a:hover	{color: #006;}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(img.php.png) no-repeat bottom right}
.cssbox{
    /* intended total box width - padding-right(next) */
width:335px !important; /* IE Win = width - padding */
width: 320px; 
/* the gap on the right edge of the image (not content padding) */
padding-right:15px; /* use to position the box */
margin:20px auto}

    /* set the top-right image */
.cssbox_head{background-position:top right;margin-right:-15px; padding-right:40px}

    /* set the top-left image */
.cssbox_head h2{
background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */ 

#col_1	{float: left;margin-left: 10px; width: 220px;}
#col_2	{float: left;margin-left: 10px;width: 220px;}
#col_3	{float: left;margin-left: 10px;width: 220px;}

.table_graph {background-image:url(images/fond_graph.png);background-repeat:no-repeat;}
.carburant_td {border:1px solid black; background-color:#C1D1E8;font-size: 0.9em;text-align: left;  }
.entretien_td {border:1px solid black; background-color:#C1D1E8;font-size: 0.9em;text-align: left;   }
.assurance_td {border:1px solid black; background-color:#C1D1E8;font-size: 0.9em; text-align: left;  }
.autre_td {border:1px solid black; background-color:#C1D1E8;font-size: 0.9em;text-align: left;   }
.axegauche_td {border-left: 1px solid black;text-align: left;  }
.axebas_td {border-bottom: 1px solid black;text-align: left;  }
.axezero_td {border-bottom: 1px solid black; border-left: 1px solid black;text-align: left;  }

.content2 table {border:2px solid #a0522d;border-collapse:collapse;width:90%;margin:auto;}
.content2 th {border:1px dotted #a0522d;text-align:left;padding:5px;color: #a0522d ; font-size: 1.0em ;background: #000;}
.content2 td {border:1px solid #a0522d;text-align:left;padding:5px;}


div#annonce						{border:1px solid #a0522d;width: 450px; margin-left: 5px; margin-top: 5px; }
div#annonce_img				{float:left; width:60px; height:60px;margin-left: 5px; margin-top: 5px; }
div#annonce_titre				{float:right; width:380px;height:30px;text-align: left;font-size: 1.4em}
div#annonce_titre a				{text-decoration:none;}
div#annonce_description	{float:right; width:380px;height:15px;text-align: left;font-size: 1em }
div#annonce_date				{float:right; width:380px;height:15px;text-align: right;font-size: 0.9em }

/*
thead, tfoot {
background-color:#D0E3FA;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}*/