/* STYLES PAR DEFAUT DES TAGS NON CIBLES */
body {
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	background-color:#e8f2fc;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4F4F4F;
}

a {
	color:#4F4F4F;
}

/* STRUCTURE */
#container {
	width: 770px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding:0;
	background-image:url(../img/layout.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
}

#header {
	height:100px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#header a {
	text-decoration:none;
}

#header h1{
	position:relative;
	top:45px;
	/*left:320px;*/
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#0460b2;
	font-size:17px;
}

#header>h1 {
	top:35px;
}

#header #logo{
	position:absolute;
	top:18px;
	left:15px;
}

#header #flag{
	position:absolute;
	top:18px;
	right:30px;
}

img {
	border:0;
}

#header p {
	float:right;
	padding:0;
	margin: 5px 5px 0 0;
}

#header form {
	position:absolute;
	bottom:-8px;
	right:22px;
}

input {
	font-size: 10px;!important
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	border:1px solid #9D9D9D;
	margin:1px;
}

#header ul.menu {
	margin:0;
	padding:0;
	position:absolute;
	top:-12px;
	right:80px;
	z-index:100;
}

#header ul.menu li {
	height:23px;
	padding:0;
	background-image:url(../img/menuMain.png);
	background-repeat:no-repeat;
	list-style:none;
	float:left;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#header ul.menu li a {
	padding: 5px 15px 0 15px;
	display:block;
	background-image:url(../img/menuDroite.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	font-style:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

#header ul.menu li ul { /* second-level lists */
	position: absolute;
	top: 22px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 1px 0 0 0;
	list-style: none;
	width: 210px;
	margin:0;
}

#header ul.menu li ul li {
	height:18px;
	background-image:url(../img/ssmenuMain.gif);
	background-repeat:no-repeat;
	list-style:none;
	float:none;
	padding:0;
	margin: 0 3px 0 0;
	/*display:inline;*/
}

#header ul.menu li ul.submenu li a {
	padding: 2px 15px 0 15px;
	display:block;
	background-image:url(../img/ssmenuDroite.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
	font-style:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	height:18px;
}

#header ul.menu li:hover ul.submenu, #header ul.menu li.sfhover ul.submenu { /* lists nested under hovered list items */
	left: auto;
}

/* la meme en over */
#header ul.menu li:hover, #header ul.menu li.sfhover {
	background-image:url(../img/menuMain-over.png);
	background-repeat:no-repeat;
	list-style:none;
	margin-right:3px;
}

#header ul.menu li:hover a, #header ul.menu li.sfhover a {
	background-image:url(../img/menuDroite-over.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	color:#FFFFFF;
	text-decoration:none;
}

#header ul.menu li:hover ul.submenu li:hover, #header ul.menu li.sfhover ul.submenu li.sfhover {
	background-image:url(../img/ssmenuMain-over.gif);
	background-repeat:no-repeat;
}

#header ul.menu li:hover ul.submenu li:hover a, #header ul.menu li.sfhover ul.submenu li.sfhover a {
	background-image:url(../img/ssmenuDroite-over.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
	color:#FFFFFF;
	text-decoration:none;
}

#flashBann {
	margin-bottom:3px;
	padding-left:6px;
}


#content {
	/*position:relative;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
}

#content #left {
	border-right:1px solid #DDDDDD;
	color:#636363;
}

#content #left table {
	border:1px solid #999999;
	padding:0;
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content #left div.membre {
	background-color:#ECF9FF;
}

#content #left table.ontdit {
	border:0;
}

#content #left table tr td {
	padding:3px;
	text-align:center;
	vertical-align:middle;
}

#content #left table.ontdit tr td {
	padding:3px;
	text-align:left;
}

#content #left table.ontdit tr td img.quote{
	margin-right:8px;
}


#content #left h1 {
	font-size:14px;
	
}

#content #left h2.acc {
	height:22px;
	margin-right:12px;
	background-image:url(../img/accueil.png);
	background-position:right;
	background-repeat:no-repeat;
}

#content #left h2.news {
	height:22px;
	background-image:url(../img/news.png);
	background-position:right;
	background-repeat:no-repeat;
}

#content #left h3 {
	color:#4387c5;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0;
}

#content #left h4 {
	color:#4F4F4F;
	font-size:10px;
	margin-bottom:0;
	margin-top:0;
}

#content #left p, #content #left div {
	padding-right:15px;
	margin-top:5px;
	text-align:justify;
}

#content #left p.news {
	margin-right:120px;
}

#content #left img.news {
	float:right;
	margin:0px 15px 5px 10px;
}

#content #left div.hr {
	height:8px;
	background-image:url(../img/bg_hr.gif);
	margin: 5px 10px 5px 5px;
	clear:both;
}

#content table tr td form #form tr td {
	text-align:left;
}

#content #right {
	width:180px;
	background-image:url(../img/bg_rss.gif);
	padding:0 10px 10px 10px;
}

#content #right h2{
	margin-top:10px;
	color:#8a8a8a;
	font-size:14px;
}

#content #right h3 {
	font-size:11px;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
}

#content #right h4 {
	font-size:11px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:5px;
}

#content #right p {
	margin-top:0;
	margin-bottom:2px;
	padding-bottom:0;
}

#content #right a {
	display:block;
	text-align:right;
	font-size:11px;
	margin-top:0;
	margin-bottom:15px;
	font-weight:bold;
}

#content #right ul#nav {
	margin-left:0;
	padding-left:0;
}

#content #right ul#nav li {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#content #right ul#nav li a {
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	text-decoration:none;
	background-color:#EEEEEE;
}

#content #right ul#nav li.selected a {
	text-align:center;
	padding:5px;
	text-decoration:none;
	background-color:#90c2e7;
	margin-bottom:10px;
	color:#FFF;
}

#content #right ul#nav li a:hover {
	background-color:#df603d;
	color:#FFF;
}

#footer {
	position:relative;
	text-align:center;
	padding-top:0px;
	font-size:12px;
	height:20px;
	background-image:url(../img/bg_footer.gif);
	background-repeat:no-repeat;
	width: 770px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer span {
	position:relative;
	top:-7px;
}

#footer span a {
	text-decoration:none;
}