* {
margin: 0;
padding: 0;
}

body {
background-color: #1188e4;
width: 1280px;
margin: auto;
font-family: Verdana, Helvetica, Arial;
font-size: 11px;
}

a {
color : #7B7B7B;
}

a:hover {
color : #7B7B7B;
text-decoration : none;
}

h2 {
padding: 5px;
}

h3 {
color: #000000;
font-size: 18px;
}

h4 {
color: #0099FF;
font-size: 14px;
}

#codenoir {
background: url(../images/codenoir.jpg) no-repeat;
width: 330px;
height: 498px;
float: left;
margin-left: 0px;
}

#slave {
background: url(../images/slave.jpg) no-repeat;
width: 310px;
height: 347px;
float: left;
border: 10px #000000 solid;
}

#content_all {
padding-left: 150px;
width: 690px;
height: auto;
float: left;
}

#header {
background: url('../images/header.gif') no-repeat 0px 0px;
height: 93px;
width: 679px;
}

#head {
background: url('../images/head.gif') repeat-x 0px 0px;
height: 93px;
width: 55px;
float: right;
}

#menu {
background: url('../images/menu_bar.gif') no-repeat 0px 0px;
width: 740px;
height: 50px;
}

#menu ul {
height : 33px;
}

#menu li {
padding : 0px;
height : 33px;
float : left;
display : block;
}

#menu li.mleft a {
background: url(../images/menu_left.gif) no-repeat;
width: 64px;
height: 33px;
float: left;
display: block;
}

#menu li.mleft a:hover {
background: url(../images/menu_left.gif) no-repeat;
width: 64px;
height: 33px;
float: left;
display: block;
}


#menu li.lorganisation a {
background: url(../images/menu_lorganisation.gif) no-repeat;
width: 113px;
height: 33px;
float: left;
display: block;
}

#menu li.lorganisation a:hover {
background: url(../images/menu_lorganisation.gif) no-repeat;
width: 113px;
height: 33px;
float: left;
display: block;
}

#menu li.news a {
background: url(../images/menu_news.gif) no-repeat;
width: 74px;
height: 33px;
float: left;
display: block;
}

#menu li.news a:hover {
background: url(../images/menu_news.gif) no-repeat;
width: 74px;
height: 33px;
float: left;
display: block;
}

#menu li.blog a {
background: url(../images/menu_blog.gif) no-repeat;
width: 67px;
height: 33px;
float: left;
display: block;
}

#menu li.blog a:hover {
background: url(../images/menu_blog.gif) no-repeat;
width: 67px;
height: 33px;
float: left;
display: block;
}

#menu li.forum a {
background: url(../images/menu_forum.gif) no-repeat;
width: 80px;
height: 33px;
float: left;
display: block;
}

#menu li.forum a:hover {
background: url(../images/menu_forum.gif) no-repeat;
width: 80px;
height: 33px;
float: left;
display: block;
}

#menu li.contact a {
background: url(../images/menu_contact.gif) no-repeat;
width: 142px;
height: 33px;
float: left;
display: block;
}

#menu li.contact a:hover {
background: url(../images/menu_contact.gif) no-repeat;
width: 142px;
height: 33px;
float: left;
display: block;
}

#menu li.mright a {
background: url(../images/menu_right.gif) no-repeat;
width: 149px;
height: 33px;
float: left;
display: block;
}

#menu li.mright a:hover {
background: url(../images/menu_right.gif) no-repeat;
width: 149px;
height: 33px;
float: left;
display: block;
}

#menu li.separate {
background: url(../images/separate.gif) no-repeat;
width: 10px;
height: 33px;
float: left;
display: block;
}

#page {
float: left;
width: 679px;
background-color: #FFFFFF;
}

#topcontent {
background: url(../images/topcontent.gif) no-repeat;
width: 700px;
height: 13px;
}

#topcontentfin {
background: url(../images/content_right.gif) repeat-y;
width: 38px;
height: 738px;
float: right;
}

#left {
background: url(../images/left.gif) repeat-y;
width : 153px;
height: 725px;
float : left;
}

.title {
font-family: Verdana;
font-size: 17px;
font-weight: normal;
color: #1088e4;
text-align: center;
padding-top: 26px;
padding-bottom: 20px;
}

.subtitle {
font-family: Verdana;
font-size: 14px;
font-weight: normal;
color: #777777;
padding-top: 4px;
padding-left: 10px;
text-decoration: none;
}

.subtitle a {
text-decoration: none;
}

.subtitle a:hover, .subtitle a:hover:before{
text-decoration: none;
color: #FF6600;
border-bottom: 1px #777777 dashed;
content: "-> ";
}

.subtitle a:hover:before{
content: "-> ";
}

#main {
background: url(../images/content.gif) repeat-y;
margin-left : 0px;
width : 500px;
height: auto;
float: left;
}

#content_main {
min-height: 500px;
}

#content_edito {
overflow : hidden;
margin-right: 0px;
width: 500px;
height: 300px;
margin-left: 0px;
float: left;
}

#content_edito h2 {
font-size: 14px;
color: #0066FF;
}

#content_edito .sideimg {
background: url('../images/edito.gif') no-repeat top left;
width: 200px;
height: 134px;
float: left;
padding: 5px;
margin-left: 3px;
}

#content_edito .editorial {
position: relative;
margin-left : 5px;
color: #666666;
font-size: 12px;
}

#content_bottom {
width : 532px;
float : left;
margin-left: 0px;
height: auto;
padding-top: 0px;
}

#content_news {
width: 250px;
height: auto;
float: left;
text-align: center;
background-color: #000000;
}

#news {
width: 250px;
margin-left: 4px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
background-color: #0066FF;
}

.news {
font-size: 14px;
}

.datenews {
color: #FFFFFF;
font-size: 14px;
}

.newsline {
border-top: #333333 1px dashed;
padding-bottom: 4px;
padding-top: 4px;
}

.newsplus, .newsplus a {
margin-left: 30px;
text-align: center;
text-decoration: underline;
}

#lastnews {
float: left;
width: 250px;
min-height: 187px;
margin-left: 4px;
padding-top: 0px;
}

#lastnews ul, #lastnews li {
list-style: none;
}

#lastnews a {
color: #333333;
text-decoration: none;
font-size: 14px;
width: 250px;
}

#lastnews a:hover {
color: #0066FF;
background-color: #FFCC00;
text-decoration: none;
}

#rfg {
margin-top: 0px;
margin-left: 4px;
}

#sondage {
background: url(../images/sondage.gif) no-repeat;
width: 149px;
height: 407px;
float: right;
margin-right: 0px;
padding-right: 0px;
margin-top: 0px;
}

#pub {
height: auto;
/* et le patch pour IE */ 
float: expression("none");
}

#footer {
	/* background: url('../images/footer.gif') no-repeat 0px 0px; */
	text-align: center;
	/* width: 629px;
	height: 35px; */
	padding-top : 0px;
	margin-top: 0px;
	padding: 0px;
	font-size : 11px;
	color : #000;
	margin-left: 0px;
	width: 690px;
}

#footerfin {
background: url(../images/footerfin.gif) no-repeat;
width: 38px;
height: 70px;
float: right;
}

.linkbottom {
padding-top: 10px;
margin-bottom: 14px;
color: #FFFFFF;
font-weight: bold;
}

.linkbottom a {
color: #FFFFFF;
font-weight: bold;
}