/*------------------------------------------------------------
    Créé par REP Solution :: www.repsolution.com
	Date: 2 juin 2008
	E-Mail: pat_land@msn.com	  
------------------------------------------------------------*/

/*	TABLE DES MATIERES

	GLOBAL RESET
	STRUCTURE
	GENERAL
	FOOTER

------------------------------------------------------------*/

/*	GLOBAL RESET
	Reset tout les styles par défaut des navigateurs 
	pour qu'ils soient tous pareil en startant.	
------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,blockquote,th,td,hr,img{margin:0;padding:0;border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

* {
	margin 0;
	padding:0;
}

/*	STRUCTURE
------------------------------------------------------------*/

body { background:#f5f5f5; font:12px Arial, Helvetica, sans-serif;}

h1 {
	width:720px;
	height:35px;
	margin:0 0 20px 30px;
	padding-top:30px;
	position:relative; 
}

h2 {
	font-size:22px;
	color:#394754;
	font-weight:normal;
	padding:10px 0;
}


h3 {
	font-size:10px;
	color:#394754;
}

a, a:visited {color:#0077b3;text-decoration:none;}
a:hover {text-decoration:underline;}

/*	GENERAL
------------------------------------------------------------*/
#container {
	width:900px;
	margin:0 auto;
	background:url(../img/arc_container_bg.gif) repeat-y;
}


/*	LANGUAGE
------------------------------------------------------------*/

#language {	width:820px;
	margin:10px auto;
	text-align:right;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#language a, #language a:visited {color:#0077b3;text-decoration:none;}
#language a:hover {text-decoration:underline;}

/*	FOOTER
------------------------------------------------------------*/
#footer {
	width:100%;
	font-size:10px;
	background:#161616 url(../img/arc_footer_top.gif) no-repeat top;
	color:#b8b8b8;
	clear:both;
	text-align:center;
}	

#footer a, #footer a:visited {color:#b19410;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*	CONTENT
------------------------------------------------------------*/
#left_col {
	width:300px;
	float:left;
	height:100px;
	background:#e4e6e7 url(../img/arc_menucol_top.jpg) no-repeat top;
}


#right_col {
	width:600px;
	background:#ffffff;
	float:right;
}


/*	ARTICLE
------------------------------------------------------------*/

#article_container {
	width:590px;
	float:right;
	padding-top:15px;
}

#article_body {
	width:414px;
	border:1px dotted #cbcbca;border-left:none;border-bottom:none;
	padding-bottom:50px;
	padding-right:10px;
	float:left;
}

#article_body ul { margin:10px 0 10px 30px; }
#article_body ul li { margin:5px 0 5px 0; }

#article_option {
	width:165px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px dotted #cbcbca;
	float:right;
}

#article_option_table td {
	border-bottom:1px dotted #cbcbca;
	padding:10px 0;
}

.source {font-size:10px;color:#93a0a8;}
.date{font-size:11px;color:#999999;display:block;}

/*	RÉCENTS ARTICLES
------------------------------------------------------------*/

#article_option_table .date{font-size:10px;}

#article_option_table ul li {list-type-style:none;padding-bottom:20px;}
#article_option_table ul {list-type-style:none;padding-bottom:20px;}


/*	MENU
------------------------------------------------------------*/

#menu_frame {
	margin:0 auto;	
	width: 264px;
	background:url(../img/arc_menu_top.gif) top no-repeat;
	text-align:center;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding-top:7px;
}

#menu_frame ul li {list-style-type:none;}

#menu_head {
	background:url(../img/menu_bouton/arc_menu_btn_head.gif) repeat-x;
 	width: 228px; 
    height: 28px;
	line-height:28px;
	padding-left:20px;
	border:1px solid #cea10a;
	text-align:left;
}

#menu_footer {
	background:url(../img/arc_menu_bottom.gif) bottom no-repeat;
	height:15px;
}

ul#year, ul#month, ul#menu, /*#menu_article ul*/ {list-style-type: none;} 

ul#menu li {margin-bottom:0;list-style-type:none;}


ul#year a {
     width: 238px; 
     height: 28px;
	 line-height:28px;
	 padding-left:10px;
     display: block;
     text-align:left;
     border: 1px solid #cccccc;border-top:none;
     text-decoration: none;
     color: #000;
     background:url(../img/menu_bouton/arc_year_btn_close.gif) no-repeat;
	 }
ul#year a:hover {background:url(../img/menu_bouton/arc_year_btn_open.gif) no-repeat;}
	 
ul#month a {
     width: 228px; 
     height: 28px;
	 line-height:28px;
	 padding-left:20px;
     display: block;
     text-align:left;
     border: 1px solid #cccccc;border-top:none;
     text-decoration: none;
     color: #000;
     background:url(../img/menu_bouton/arc_month_btn_close.gif) no-repeat;
}
ul#month a:hover {background:url(../img/menu_bouton/arc_month_btn_open.gif) no-repeat;}

ul#menu a {
     width: 218px; 
     height: 28px;
	 line-height:28px;
	 padding-left:30px;
     display: block;
     text-align:left;
     border: 1px solid #cccccc;border-bottom:1px dotted #cccccc;border-top:none;
     text-decoration: none;
     color: #a18506;
     background:url(../img/menu_bouton/arc_menu_btn_close.gif) no-repeat;
}
ul#menu a:hover {background:url(../img/menu_bouton/arc_menu_btn_open.gif) no-repeat;}


#menu_article {
	background:#ffffff;
	border:1px solid #cccccc;border-top:none;
	width: 218px;
	padding-left:30px;			
}

#menu_article ul {
	margin:0;
	padding:0;
	
}
#menu_article li {
	margin:0;
	padding:0;
	background:url(../img/menu_arrow.gif) no-repeat 0px 13px;
	
}
#menu_article li a {
	 padding:10px 10px;	
	 height: auto;
	 line-height:normal;
     text-align:left;
	 display:block;
     border:none;
     text-decoration: none;
     color: #0077b3;
     background:none;
	 width:200px;
}
#menu_article li a:hover {background:none;text-decoration:underline;}


#year .year_current {background:url(../img/menu_bouton/arc_year_btn_open.gif) no-repeat; font-weight:bold;}
#month .month_current {background:url(../img/menu_bouton/arc_month_btn_open.gif) no-repeat; font-weight:bold;}
#menu .menu_current {background:url(../img/menu_bouton/arc_menu_btn_open.gif) no-repeat; font-weight:bold;}

#menu_head {
	background:url(../img/menu_bouton/arc_menu_btn_head.gif) repeat-x;
 	width: 228px; 
    height: 28px;
	line-height:28px;
	padding-left:20px;
	border:1px solid #cea10a;
	text-align:left;
}

#month .tata {
	background:url(../img/menu_bouton/arc_month_btn_open.gif) no-repeat;
}