/* CSS Document */
/* Author: Binomia
   Update: 21/01/2010
   Site: altodis.fr - altodis.com
*/

/*  A VOIR ...

*/

body { margin:0px; padding:0px; 
	background:#323232 url('images/bg.jpg') repeat-x 0 0; 
	color:#202020; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family: Tahoma, Arial, Trebuchet ms, sans serif;
	 }

a { font-family: Helvetica, Tahoma, Arial, sans-serif; text-decoration:none; }

#PAGE { width: 980px; margin: 0 auto; background: #FFFFFF url('images/bgpage.jpg') repeat-x;  }
#HEADER { width: 980px; height: 290px; margin: 0;  }
#CONTENT { width: 980px; margin: 0;  border-bottom: 5px solid #999999; }
#FOOTER { width: 980px; margin: 0 auto; font-size: 90%;}

.relativ { position:relative; margin:0;  }


/*----HEADER PANEL----*/
#logo { position:absolute; top:10px; left:10px; z-index: 1; width: 180px;  }
#banner { position:absolute; top:100px; left:-10px; z-index: 2; width: 1000px; height: 180px; background: url('images/bgbanner.jpg') repeat-x;  }
#menu1 { position:absolute; top:40px; left:250px; z-index: 5;   }
#menu2 { position:absolute; top:130px; left:20px; z-index: 6; width: 180px;  }

/*----Menu1 Panel----*/
#menu1 ul {  list-style-type:none; height:30px; }
#menu1 ul li { display: inline;  height:28px;  background:url('images/pucegrise.gif') left center no-repeat; padding-left: 15px; padding-right: 15px;}
#menu1 ul li a { height:28px; color:#D2000A; font-size:16px; font-weight:bold; text-decoration:none;}
#menu1 ul li a:hover{ height:28px;  color:#555555; text-decoration:none; }

#menu1 ul li.grey a{ color:#353535; font-size:14px; font-weight:normal; text-decoration:none; background:none; }
#menu1 ul li.grey a:hover{ color:#111111; text-decoration:none;}


/*----/Menu2 Panel----*/
#menu2 ul { width:240px; list-style-type:none; }
#menu2 ul li {  background:url('images/bgmenu.png') left center no-repeat; padding: 8px 0 8px 35px;}
#menu2 ul li a { color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;}
#menu2 ul li a:hover{  color:#BBBBBB; text-decoration:none; }




/*----CONTENT PANEL----*/
#CONTENT a { color: #D2000A; }
#CONTENT a:hover { text-decoration:underline; }

/*----Left Panel----*/
#blocside11 { float: left; width: 330px; padding: 25px 20px 15px 20px;} 
#blocside21 { float: left; width: 700px; padding: 25px 20px 15px 20px;} 

/*----Center Panel----*/
#blocside12 { float: left; width: 350px; margin: 25px 0 15px 0;  } 

/*----Right Panel----*/
#blocside13 { float: right; width: 210px; padding: 25px 15px 20px 0 } 

/*----Different Panel and Classes----*/
#news { background: #DFDFDF; border: 1px solid #999999; padding:10px; }
#news li { color: #666666; margin-left:0; }
#news ul { margin-left:25px; margin-top: 0; }
.newsdate { margin-left:10px; font-size:13px; font-weight: bold; color: #111111;  }
.newstitle { margin-left:10px;     }
.newstext { margin-left:10px; color: #666666; margin-bottom: 5px;}
#news a { color: #666666; text-decoration:underline; }
#news a:hover {  text-decoration:none; }


.blocborder1 { padding: 2px 2px 0 2px;  border: 1px solid #AAAAAA; }
.bloccontent { padding: 10px;   background: url('images/bgfooter.jpg') repeat-x; }
.marg1 { margin-left:10px; }
.imgborder1 { border: 1px solid #AAAAAA; }



/*----FOOTER PANEL----*/
#FOOTER a { color: #353535; }
#FOOTER a:hover { text-decoration:underline; }

/*----Title----*/
h1,h2,h3,h4,h5,h6 { margin-top:0;  }

h1 { font-size: 18px; color: #FE7302; font-weight: normal; margin-bottom: 15px; }
h2 { font-size: 15px; color: #0A8AE4; font-weight: bold; margin-bottom: 8px; }
h3 { font-size: 16px; color: #888888; font-weight: normal; margin-bottom: 8px;  }
h4 { font-size: 14px; color: #666666; font-weight: bold; margin-bottom: 8px;  }
h5 { font-size: 17px; color: #FFFFFF; font-weight: normal; margin-bottom: 8px;  }

.grey { color: #AFAEAE; }
.lower { font-size: 14px; }


/*----Paragraph----*/
p { margin-bottom:6px; margin-top: 0; }


/*----Lists----*/
ul.puce1 {  list-style-image: url('images/bulletgrise.gif')}


/*----END css file----*/