/* --------------------------- */
/*  style général */

body
{ 
font-family: Tahoma, verdana, serif;
font-size: 14px;
color: #1b1b1b;
background-color: #080853;
background-image: url('../images/bg.jpg');
background-repeat: repeat-x;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}

a:link
{
font-family: Tahoma, verdana, serif;
font-size: 12px; 
color: #1b1b1b;
text-decoration: none;
}

a:visited
{
font-family: Tahoma, verdana, serif;
font-size: 12px; 
color: #1b1b1b;
text-decoration: none;
}

a:hover
{
font-family: Tahoma, verdana, serif;
font-size: 12px; 
color: #000076;
text-decoration: underline;
}

a:active
{
font-family: Tahoma, verdana, serif; 
font-size: 12px; 
color: #1b1b1b;
text-decoration: none;
outline: none;
}

a:focus
{
-moz-outline-style: none;
}



p
{
margin-top: 0px;
margin-bottom: 10px;
}

a img
{
border: 0px;
}

.clear
{
clear: both;
}


/* ----------------------- */
/*  Styles définis */

#SITE
{
width: 983px;
margin: auto;
}

#haut
{
width: 983px;
height: 142px;
background-image: url('../images/bg-header.jpg');
background-position: top right;
background-repeat: no-repeat;
}

.banniere
{
width: 983px;
height: 117px;
margin-top: 17px;
}

#corps
{
width: 900px;
background-color: #0d0d0d;
}

#footer
{
width: 900px;
text-align: center;
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#logo
{
float: left;
margin-top: 28px;
}

#langues
{
width: 138px;
height: 18px;
float: right;
padding-top: 5px;
background-image: url('../images/bg-langues.jpg');
text-align: center;
}

#menu
{
width: 983px;
height: 51px;
background-image: url('../images/bg-menu.jpg');
}

#corps-haut
{
background-image: url('../images/corps-haut.jpg');
width: 983px;
height: 30px;
}

#corps-centre
{
background-image: url('../images/corps-centre.jpg');
width: 883px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
}

#corps-bas
{
background-image: url('../images/corps-bas.jpg');
width: 928px;
height: 51px;
padding-top: 38px;
font-size: 10px;
padding-left: 55px;
margin-bottom: 100px;
}

#gauche
{
float: left;
width: 620px;
}

#milieu
{
float: left;
width: 282px;
background-color: #151515;
}

#droite
{
margin-left: 620px;
}

#gauche h1
{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 18px;
color: #002454;
}

#gauche h2, #gauche h3
{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 14px;
text-decoration: underline;
color: #002454;
}

#gauche-entier h1
{
margin-top: 0px;
margin-bottom: 30px;
padding: 0px;
font-size: 20px;
color: #002454;
}

#gauche-entier h2, #gauche-entier h3
{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 16px;
color: #002454;
}

#droite h2
{
margin-top: 30px;
margin-bottom: 10px;
padding: 0px;
font-size: 16px;
color: #002454;
border-bottom: 1px solid #002454;
}

#droite h3
{
margin-top: 30px;
margin-bottom: 10px;
padding: 0px;
font-size: 14px;
color: #002454;
border-bottom: 1px solid #002454;
}

.service
{
width: 588px;
height: 42px;
background-image: url('../images/bg-service.jpg');
margin-bottom: 10px;
padding: 0px;
font-size: 15px;
color: #002454;
text-indent: 60px;
padding-top: 24px;
}

.nouveaute
{
margin-bottom: 10px;
}

.nouveaute em
{
display: block;
background-color: #ededed;
margin-bottom: 3px;
}

.ref
{
float: left;
margin-bottom: 0px;
padding: 20px;
width: 400px;
}

.ref p
{
background-color: #ededed;
margin-bottom: 0px;
padding: 20px;
border: 1px solid #d0d0d0;
}

.ref p img
{
margin-bottom: 10px;
}

.comp
{
float: left;
margin-bottom: 0px;
padding: 0px;
width: 200px;
}

.comp p
{
background-color: #ededed;
margin-bottom: 0px;
padding: 10px;
border: 1px solid #d0d0d0;
}

.comp p img
{
margin-bottom: 0px;
}


/* menu */

.lien_liste
{
padding-top: 16px;
padding-bottom: 0px;
margin: 0px;
display: block;
float: left;
width: 195px;
text-align: center;
}

.liste_de_liens

{
padding: 0px;
margin: 0px;
}

a.lien_menu, a:link.lien_menu, a:visited.lien_menu, a:active.lien_menu
{
font-family: Arial, verdana, serif;
color: white;
font-weight: bold;
font-size:18px;
}

a:hover.lien_menu
{
font-family: Arial, verdana, serif;
color: #e7f1f5;
font-weight: bold;
font-size:18px;
}