/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

a:link {
	color: #ff8d00;
}

a:hover{
	text-decoration: underline;
	color: #353535;
}

a:visited {
	color: #ff8d00;
}

*
{
border: 0;
margin: 0;
}

body
{
	color: #666666;
	background: #000100 url(images/bg.jpg);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#main
{
margin: 0 auto;
width: 1022px;
background: #ffffff url(images/content.jpg);
}

#header
{
width: 998px;
height: 232px;
background: url(images/header.jpg) no-repeat center bottom;
margin-bottom: 11px;
margin-left: 11px;
padding-top: 3px;
}

#logo
{
padding-left: 180px;/*titre*/
text-align: left;
padding-top: 12px;

}

#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 19px;
	color: #000000;
	font-weight: bold;
}
#slogan{
padding-left: 420px;
text-align: left;
padding-top: 130px;
}
#logo H2 a
{
font-size: 10px;
}

#menu22{

/*background:url(images/menubg.gif) repeat-x top;*/
height: 163px;
margin-bottom: 8px;
}


#menu{
	margin:0px 0 0 5px;
	/*iciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii;*/
	background:#EEEEEE;
	height:765px;
	color:#fff;
	float:left;
	display:inline;
	margin-left: 1px;
}
#menu div{
	width:293px;
	text-align:left;
	
}
.menu{

	position:relative;
}
#menu div a:link, #menu div a:visited, #menu div a:hover{
	color:#000099;
	font-family:arial;
	font-size:14px;
	text-decoration:none;
	padding-top:3px;
	padding-left:10px;
	height:20px;
	display:block;
}
#menu div a:link, #menu div a:visited{
	background:#EEEEEE;
}
#menu div a:hover, #menu div a:active, #menu div a:focus{
	background:#FF6600;
}
.sousmenu{
	position:absolute;
	left:292px;
	top:0;
}

#buttons
{
width: 1022px;
margin: 0 auto;
padding: 0px;
}

#buttons ul {
    padding-left: 372px;
	padding-top: 126px;     
}

#buttons li {
	display: inline;		
}

#buttons a {
	display: block;
	float: left;
	width: 126px;
	height: 27px;
	background: url(images/menu.gif) no-repeat;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	margin-left: 4px;
}

#buttons a:hover {
	width: 126px;
    height: 27px;
	background: #FFFFFF url(images/menu_hover.gif) no-repeat;
}

#content
{
width: 1022px;
margin-bottom: 5px;
padding-bottom: 12px;
}

#left{
width: 645px;
border: 1px solid #bfbfbf;
margin-left: 325px;
padding-left: 18px;
padding-right: 18px;
padding-top: 18px;
padding-bottom: 8px;
background: #ffffff;
}

#left p{
	padding-left: 12px;
	padding-right: 12px;
}

#left H1
{
color: #FF6600;
font-size: 18px;
padding-bottom: 10px;
}

#left a
{
 color: #FF6600;
}

#left a:hover{
	text-decoration: none;
	color: #FF6600;
}

#left a:visited {
	color: #FF6600;
}

.line{
	 background:url(images/line.gif) no-repeat;
	 height: 3px;
	 width: 594px;
	 margin: 0 auto;
	 margin-top: 20px;
	 padding-bottom: 10px;
}

#right
{
width: 295px;
border: 1px solid #bfbfbf;
float:left;
margin-left: 11px;
}

#right a{
	color: #666666;
}

#google{
	border: 1px solid #bfbfbf;
	background: #ffffff;
}

#right h2 {
	height: 31px;
	background: url(images/title_right.gif) no-repeat;
	font-size: 12px;
	color: #ff8d00;
	padding-top: 9px;
	padding-left: 25px;
	margin: 5px;
}

.google{
	padding-left: 20px;
}

#rightbot{
	width: 337px;
	margin-top: 10px;
}

#rightbot h2 {
	height: 31px;
	background: url(images/title_right2.gif) no-repeat;
	font-size: 12px;
	color: #ff8d00;
	padding-top: 9px;
	padding-left: 25px;
	margin: 5px;
}

.rightbotleft{
	width: 164px;
	border: 1px solid #c3c3c3;
	padding-bottom: 10px;
	background: #ffffff;
}

.rightbotleft ul{
	padding: 0px;
}

.rightbotleft ul li{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 4px;
}

.rightbotleft ul li a{
	padding-left: 10px;
	background: url(images/list_style.gif) no-repeat left;
}

.rightbotleft2{
	width: 164px;
	border: 1px solid #c3c3c3;
	padding-bottom: 10px;
	margin-top: 7px;
	background: #ffffff;
}

#tags{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}

.rightbotright{
	width: 164px;
	border: 1px solid #c3c3c3;
	padding-bottom: 10px;
	float:right;
	background: #ffffff;
}

.rightbotright ul{
	padding: 0px;
}

.rightbotright ul li{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 4px;
}

.rightbotright ul li a{
	padding-left: 10px;
	background: url(images/list_style.gif) no-repeat left;
}

.date {
	margin: 0 auto;
	color: #ff8d00;
	font-size: 11px;
	padding: 10px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
	font-weight:bold;
}

.date a {
	color: #ff8d00;
	text-decoration:none;
}

.rss {
height: 16px;
	margin: 0 auto;
	color: #ff8d00;
	font-size: 11px;
	padding: 10px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight:bold;
}

.rss a {
	
	color: #ff8d00;
	text-decoration:none;
}

.dateleft{
	background:url(images/timeicon.gif) no-repeat left;
	padding-left: 20px;
	height: 16px;
	padding-top:2px;
	width:200px;
}

.dateright{
	margin-top: 2px;
	float:right;
	background:url(images/tages.gif) right no-repeat;
	padding-right: 20px;
	text-align:right;
	height: 16px;
}

.rssleft{
	background:url(images/rss.gif) no-repeat left;
	padding-left: 20px;
	height: 16px;
	padding-top:2px;
	width:200px;
}

.rssright{
	/*margin-top: 0px;*/
	float:right;
	background:url(images/comment.gif) right no-repeat;
	padding-right: 20px;
	text-align:right;
}


#footer
{
	margin: 0 auto;
	font-size: 10px;
	color: #ffffff;
	padding-top: 20px;
	text-align: center;
	clear:both;
	padding-bottom: 20px;
}

#footer a
{
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}

#conj{
position:relative;
right:-47%;
top:48%;
width:35%;
font-size:14px;
font-family:Tahoma;
color:#000000;
}
#conj a{
color:#0000FF;
}