body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 140%;
}
body {
	background-color: #F7F7F7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;	
	background: url("../images/fond_ronds_00.png") repeat;
}

a{outline: none;} :focus{-moz-outline-style: none;} // Supprimer les pointillés au click.

/* LAYOUT */
#wrapper {
	width: 98%;
	margin: 0 auto;
}
#pager {
	width: 820px;
	height: 100%; 
	margin: 0 auto;  
	border-width:1px; border-color:#cccccc; border-style:solid;
}
#top {
	height: 170px;
	width: 100%;
	display: inline-block;
	border-width:0px; border-color:#FF0000; border-style:solid;
}
#topwrapper {
	width: 820px;height: 170px;
	margin: 0 auto;	background:#ffffff;
}

#logo {
	float:left;
	width: 350px;
	margin-top: 10px;margin-left: 10px;
	border-width:0px; border-color:#FF00FF; border-style:solid;
}

#main {
	width: 100%;
	background: url("../images/bg.png") repeat-x;
	display: inline-block; background:#FFFFFF;
}

#header {
	width: 820px;
	margin: 0 auto;
	margin-top: 0px;
	height: 380px;
	border-width:0px; border-color:#00FF00; border-style:solid;background:#ffffff;
	
}

#header2 {
	z-index:1;
	width: 820px;
	margin: 0 auto;
	margin-top: 0px;
	height: 105px;
}

#header2 li,
#header li {
       list-style-image: none;
}

#bottom {
	width: 100%;
	margin-top: -3px;
	display: inline-block;
}	

#botmod {
	width: 820px;
	margin: 0 auto;
	margin-top: 5px;
	padding-bottom: 0px;
	border-width:1px; border-color:#00FF00; border-style:solid;
}

.hpMod {
	float: left;
	width: 260px;
	margin-left: 25px;
	margin-right: 0;
	margin-top: 10px;
	background: url("../images/hpmodbg.png") no-repeat right;
	padding-bottom: 30px;
}

.hpThree {
	float: right;
	width: 200px;
	margin-right: 0px;
	margin-top: 10px;
}

#mainin {
 	z-index:10;	position:relative;
	width: 820px; 
	height: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding-bottom: 0px;
	border-width:0px; border-color:#123456; border-style:solid;
}
#oiseau {
	z-index:1;
	position:absolute; 
	width: 820px; 
	height: 330px;
	border-width:0px; border-color:#0000FF; border-style:solid;
	background: url("../images/oiseau_01.png") no-repeat top right;
}
#content {
	width: 560px;
	float: left;
	padding-left: 10px; padding-right: 10px;
	min-height:300px;
	border-width:0px; border-color:#0000FF; border-style:solid;

}

#right {
	z-index:10;
	text-align:left;
	float: left;
	width: 240px;
	margin-top: 0;
	/* background: url("../images/hpmodbg.png") no-repeat left; */
	/*padding-bottom: 30px;padding-left: 10px; padding-right: 10px;*/
	border-width:0px; border-color:#000000; border-style:dotted;
}

#footer {
	width: 820px;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	color: #999999;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
	border-top: dotted 1px #CCCCCC;
}

h1 {
	font-size: 22px;
	color: #333;
}

h2 {
	font-size: 22px;
	color: #84a83e;
	font-family: Tahoma,Arial, Helvetica;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 100%;
	font-variant:small-caps;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom: 5px;
}

h3 {
	font-size: 15px;line-height: 150%;
	color: #ed403c; 
}

.clear {
	clear: both;
}

/* LET'S STYLE SOME MODULES */

.hpMod .moduletable {
	color: #666666;
	font-size: 10px;
	width: 200px;
}

.hpThree .moduletable {
	color: #7FA8CF;
	padding-right: 30px;
	font-size: 10px;
	width: 200px;
}

#right .moduletable {
	margin-left: 25px;
	margin-bottom: 20px;
	width: 200px;
	text-align:right;
}

#right h3,
.hpMod h3 {
	font-size: 15px;
	color: #333333;
	font-family: Tahoma, Arial, Helvetica;
	/*letter-spacing: -0.5px;*/
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 10px;
	line-height: 100%;
}


.hpThree h3 {
	font-size: 18px;
	color: #0099CC;
	font-family: Tahoma,Arial, Helvetica;
	letter-spacing: -0.5px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 10px;
	line-height: 100%;
}
#right .moduletable_menu li{
	width:100%;
	display: block;
	text-align:right;
	line-height: 250%;
	margin-left:20px;
	background: url("../images/mainmenubg.png") no-repeat right;
	list-style-type:none;
	border-width:0px; border-color:#FF00FF; border-style:solid;
}
#right .moduletable_menu li a{
	margin-right:30px;
	text-decoration: none; 
}
#right .moduletable_menu li a:hover{
	text-decoration: underline;
	color: #123456;
}
/* GENERAL TAGS */
a {
	text-decoration:none;
	color: #333; 
}

a:hover {
	color: #000;
}

img {
	border: none;
}

/* MENU */
td.menu_plat {
	color: #4F4905;
	text-transform: uppercase;
	font-weight:bolder;
	text-align:left;
	border-width:1px; border-color:#ccc; border-top-style:solid;
}
td.menu_prix {
	color: #b12528;
	text-align:right;
	border-width:1px; border-color:#ccc; border-top-style:solid;	
}
td.menu_description {
	color: #4F371D;
	text-align:left;
	font-style:italic;
}
/* MENU DE DROITE */
a.mainlevel_menu{
	width:170px;
	display: block;
	margin-left:25px;
	text-indent:25px; color: #4F371D; font-weight:bolder; letter-spacing:0,1em;
	line-height: 250%;
	background: url("../images/puces_ronds_00.png") no-repeat left;
	border-width:1px; border-color:#ccc; border-bottom-style:dotted;
}
a.mainlevel_menu:hover{
	text-decoration:underline;
}
a.sublevel_menu{
	width:176px;
	display: block;
	text-align:right; 
	line-height: 250%;
	padding-right:30px;
	background: url("../images/mainmenubg.png") no-repeat right;
}
a.sublevel_menu:hover{
	text-decoration:underline;
}
/* MENU DE DROITE Inscription à la newletter */
input.inputbox{
		width:150px;
}