body {
 font: 0.7em Tahoma, Arial, sans-serif; 
 line-height: 1.6em; 
 background : #383732; 
 color : #383732; 
 margin-left:auto; 
 margin-right: auto; 
 margin-top:0px;}

/* liens */
a { color: #ff6633; }
a:hover { color: #9EC068; }	

/* entêtes */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h5 { font: bold 1.1em "Arial", Sans-Serif; margin: 0; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b;  text-decoration: none; text-align:center; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* Elements "list" et "form"*/
ul { margin: 0; padding : 0; list-style : none; }

/* contenu */
#content { 
margin-left:auto;
margin-right:auto; 
width:980px;  
background: white;
}

/* head */
#header { height: 200px; background: url(../images/bandeau.jpg) no-repeat; padding: 0 0  10px 0;}
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* Bandeau pub */
#pub{
	padding: 87px 0 0 256px; 
}
#icra { background : #383732;}

/* horizontal tabbed menu */	
#tabs { color: #000;  text-align: center; padding: 0 0 0 450px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background:  url(../images/barbg.gif) no-repeat; color: #ff6633; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(../images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(../images/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }


/* grey subheader */
.gboxtop {  height: 10px; background: url(../images/gboxtop.gif) no-repeat top; color: #000;  }
.gbox { clear: both; background: #dedede url(../images/gbox.gif) no-repeat bottom; color: #444; margin: 0 15px 20px 15px ; overflow: hidden; padding: 0 0 10px 0;}
.gbox h1 {text-align:center;}

/* colonne de gauche */
#left { float: left; width: 150px; margin: 0 0 10px 15px; }

.left_articles {
		margin: 0 15px 15px 15px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}
	
	/* colonne central */
#middle { float: left; width: 600px; padding: 0 0 0 10px; text-align:center; }
#middle p {padding: 0 0 10px 10px;}

#peepshow-top {
	background: url(../images/boxtop.gif) no-repeat; height:15px;
}
#peepshow { background: #000000 url(../images/bbox.gif) no-repeat bottom ; text-align:center; }

.boxtop { height: 19px; background: #fff url(../images/boxtop.gif) no-repeat; color: #000; }
.box {
	color: #5b5b5b;
	border-left :2px solid #FBB06C; border-right :2px solid #FBB06C; padding: 0 10px 0 10px;
}
.boxbottom {height: 19px; background: #fff url(../images/box.gif) no-repeat; margin: 0 0 10px 0;}
	
.box p { padding: 0; margin: 0; }
.image { float: right; margin: 0 9px 3px 0; }
.nav { clear: both; margin: 20px 165px 10px 165px; color:#ff6633;} 	
.clear {
clear:both;
}
.droite {
float:right;
text-align:right;
margin-right: 20px;
}
.gauche {
float:left;
text-align:left;
margin-left: 20px;
}
	
	/* colonne droite */
#right {
	float: right;
	width: 150px;
	margin: 0 15px 0 0;

}

/* deux colonnes */
#un { float: right; width: 460px; margin:0 15px 0 0 ; padding-left:5px; color: #5d5d5d; }
#deux {  float: left; width: 460px; margin:0 0 0 15px; padding-right:5px; color: #5d5d5d; }
	.boxdeuxtop { height: 14px; background: #fff url(../images/deuxboxtop.gif) no-repeat; color: #000; margin: 15px 0 0 0 ;}
	.boxdeux { background:  url(../images/deuxbox.gif) no-repeat bottom left;  height:70px; color: #444; padding: 1px 10px 10px 10px;  }
	.boxdeuxbotton { background: #fff url(../images/deuxbox.gif) no-repeat bottom left;  height:50px; color: #444; margin:15px 0 15px 0;}
	.boxdeux p { padding: 0; margin: 0; }
		
/* une colonnes */
.one { clear:both; text-align:center; margin: 0 15px 0 0 ; color: #5d5d5d; }
.imageone{ margin: 10px 0 0 15px;}
	
	.calendar { height: 50px; float: left; background: #fff url(../images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(../images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(../images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }






/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(../images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(../images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

.numero{
	font-size: 32px;
	text-align: center;
	margin: 10px 0 20px 0;
	color: #ff6633;
	font-weight: bold;
	font-style: italic;
}

.prefixe {
	font-size: 27px;
	color:#333333;
}

.ch-be{
font-size: 15px; 
text-align: center;
margin: 0 0 10px 0;
}
.orange {
	color: #FF9900;
}
.commentaire {
	font-size: 11px;
	text-align: center;
	margin: 0 0 10px 0; 
}
.bold{
	font-weight:bold;
}