/*
======================
STYLES GENERAL
======================
*/

body {
background: url(../design/images/bg_body.png) repeat-x;
font-family: Arial, Tahoma, Verdana, Courier, sans-serif;
background-color: #53548f;
background-position: 0 286px;
font-size: 12px;

}

* {
margin: 0;
padding: 0;
outline: none;

}

img {
border: none;

}

ul {
list-style-type: none;

}

a {
text-decoration: none;

}

div#content_top_header, div#content_menu, div#conteneur {
width: 1015px;
margin: 0 auto;

}

/*
======================
HEADER
======================
*/

div#top_header {
background: url(../design/images/bg_top.png) repeat-x;
height: 73px;

}

div#content_header {
background: url(../design/images/bg_header.png) repeat-x;
height: 181px;

}

/*
======================
MENU
======================
*/

div#menu {
background: url(../design/images/bg_menu2.png) repeat-x;
height: 34px;
line-height:32px;

}

div#content_menu {
width: 600px;
margin: 0 auto;

}

div#content_menu li {
float: left;
margin-right: 10px;

}

div#content_menu li a {
color: #fff;

}

/*
======================
CONTENT
======================
*/

div#conteneur {
background: url(../design/images/bg_conteneur2.png) repeat-y;
padding-bottom: 40px;
padding-top: 10px;

}

/*
======================
CORPS
======================
*/

div#top_corps {
background: url(../design/images/top_corps.png) no-repeat;
width: 974px;
height: 21px;
margin: 0 auto;

}

div#bottom_corps {
background: url(../design/images/bottom_corps.png) no-repeat;
width: 972px;
height: 21px;
margin: 0 auto;

}

div#content_corps {
background: url(../design/images/bg_corps.png) repeat-y;
width: 932px;
padding: 0 20px;
margin: 0 auto;

}

img.cadre {
border: 3px solid #0e0f62;
background-color: #a3a3a4;
padding: 2px;
margin-right: 10px;

}

/*
======================
LISTING
======================
*/

div#listing {
background: url(../design/images/listing.png) no-repeat;
margin: 20px auto;
width: 700px;
height: 370px;
padding-top: 30px;
padding-left: 15px

}

div#listing a{
font-size: 10px;
text-decoration: underline;
font-weight: bold;

}

/*
======================
CLES DIFFERENTS STYLES
======================
*/

.style1, .style2, .style3, .style4, .style5, .style6, .style7 ,.style8, .style10, .style11, .style12, .style13, .style15, .style16, .style21, .style22, .style23, .style24, .style25 {
text-align: center;

}

.style1 {
font-size: 24px;
color: #0080C0;

}

.style2 {
font-size: 18px;
color: #FF5300;
padding: 15px 0;
}

.style3 {
color: #FF0000;
font-size: 14px;
padding: 5px 0;

}

.style4 {
color: #FF8000;
padding: 5px 0;
font-size: 12px;

}

.style5 {
color: #0080C0;
font-size: 14px;
padding: 5px 0;

}

.style6 {
font-family: "Rod Transparent",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
color: #ff6600;
padding: 10px 0;

}

.style7 {
font-size: 12px;
padding: 5px 0;

}

.style8 {
font-size: 12px;
color: #0000FF;
padding: 10px;

}

.style9 {
color: #FF0000;

}

.style10 {
color: #FF0000;
font-size: 11px;

}

.style11 {
font-size: 11px;

}

.style12 {
color: #0080C0;
font-size: 14px;

}

.style13 {
color: #D26900;
font-size: 14px;
margin-bottom: 10px;

}

.style14 {
color: #737373;
font-size: 12px;

}

.style15 {
color: #FF8000;
font-size: 14px;
padding: 10px 0;

}

.style16 {
font-size: 12px;
padding: 20px 0;
font-weight: bold;
padding-bottom: 30px;

}

.style17 {
color: #FF8000;

}

.style18 {
color: #0080C0;
font-size: 14px;
margin: 10px;

}

.style19 {
margin-bottom: 30px;
color: #737373;

}

.style20 {
font-size: 14px;
color: #FF8000;
margin-bottom: 20px;

}

.style21 {
font-size: 12px;
font-weight: bold;
padding: 5px 0;

}

.style22 {
font-size: 12px;
padding: 3px 0;

}

.style23 {
font-size: 16px;
padding: 10px 0;

}

.style24, .style25 {
padding: 10px 0;

}

.style26 {
color: #0080C0;
padding: 10px 0;

}

.style27 {
color:#737373;
padding-bottom: 10px;
}

.style28 {
color: #0000A0;
padding-bottom: 10px;
font-size: 18px;
}