/* -------------------------------------------------------------
POUR TOUT LE SITE
------------------------------------------------------------- */

* {
border: 0;
margin: 0 auto;
padding: 0;
font-size: 13px;
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
color: #fff;
text-align: justify;
text-decoration: none;
list-style: none;
}

/* -------------------------------------------------------------
CORPS
------------------------------------------------------------- */

html, body {
background: #000 url('images/fond/fond.png') repeat-x scroll center top;
}

#site {
width: 800px;
padding: 0 0 20px 0;
background: #000 url('images/fond/fond_site.png') no-repeat scroll center top;
}

/* -------------------------------------------------------------
BANNIERE HAUT
------------------------------------------------------------- */

#banniere_haut {
width: 750px;
height: 51px;
background: #000 url('images/fond/banniere_haut.png') no-repeat scroll center top;
}

#banniere_haut * {
font-size: 11px;
color: #ccc;
}

#banniere_haut p {
padding: 22px 0 0 25px;
}

#banniere_haut p span {
font-style: italic;
}

#banniere_haut p a:hover {
color: #4caebb;
}

/* -------------------------------------------------------------
BANNIERE MILIEU
------------------------------------------------------------- */

#banniere_milieu {
width: 750px;
height: 198px;
background: #000 url('images/fond/banniere_milieu.png') no-repeat scroll center top;
}

/* -------------------------------------------------------------
MENU
------------------------------------------------------------- */

#banniere_milieu ul#menu {
float: right;
margin: 164px -1px 0 0;
}

#banniere_milieu ul#menu li {
float: left;
padding: 0 1px;
}

#banniere_milieu ul#menu li a {
height: 34px;
line-height: 34px;
font-weight: bold;
text-align: center;
padding: 6px 15px 8px 15px;
background: transparent url('images/fond/menu.png') no-repeat scroll left top;
}

#banniere_milieu ul#menu li.evidence a, #banniere_milieu ul#menu li a:hover {
color: #4caebb; 
background: transparent url('images/fond/menu.png') no-repeat scroll left -34px;
}

/* -------------------------------------------------------------
BANNIERE BAS
------------------------------------------------------------- */

#banniere_bas {
width: 750px;
height: 74px;
padding: 0 0 0 0;
background: #000 url('images/fond/banniere_bas.png') no-repeat scroll center top;
}

#banniere_bas h1 {
color: #0071b5;
font-size: 22px;
padding: 48px 25px 0 25px;
text-align: right;
}

/* -------------------------------------------------------------
CONTENU
------------------------------------------------------------- */

#contenu {
width: 700px;
background: #000;
}

#contenu h2 {
color: #0071b5;
font-size: 15px;
font-weight: bold;
padding: 21px 0 20px 0;
}

#contenu h3 {
font-size: 13px;
font-weight: bold;
padding: 0 0 10px 0;
}

#contenu p {
padding: 0 0 15px 0;
}

#contenu ul {
padding: 0 0 15px 0;
}

#contenu ul li {
padding: 2px 0 0 0;
}

#contenu a {
color: #0071b5;
}

#contenu a:hover {
text-decoration: underline;
}

/* BLOC */

#contenu .bloc, #contenu .bloc_droite {
width: 233px;
float: left;
margin: 10px 0 0 0;
padding: 15px 0 0 0;
background: #000 url('images/fond/fond_box_contenu.png') no-repeat scroll center top;
}

#contenu .bloc_gauche {
width: 402px;
float: left;
padding: 0 27px;
}

#contenu .bloc_gauche h2 {
padding: 0 0 20px 0;
margin: 25px 0 0 0;
}

#contenu .bloc h2, #contenu .bloc_droite h2 {
color: #0071b5;
font-size: 15px;
font-weight: bold;
padding: 0 34px 20px 34px;
}

#contenu .bloc_droite h3 {
font-size: 13px;
font-weight: bold;
padding: 0 34px 10px 34px;
}

#contenu .bloc p, #contenu .bloc_droite p {
padding: 0 34px 15px 34px;
}

#contenu .bloc ul, #contenu .bloc_droite ul {
padding: 0 34px 15px 34px;
}

#contenu .bloc a img, #contenu .bloc_gauche a img {
display: block;
text-align: center;
}

/* PORTFOLIO */

#contenu .portfolio {
width: 700px;
text-align: center;
}

#contenu .portfolio a img {
float: left;
padding: 6px;
}

/* LIENS */

#contenu .liens {
width: 640px;
text-align: center;
}

#contenu .liens img {
float: left;
padding: 0 10px;
}

/* FORMULAIRE */

#contenu .bloc_gauche label, #contenu .bloc_gauche .box, 
#contenu .bloc_gauche .npa, #contenu .bloc_gauche .lieu, 
#contenu .bloc_gauche .radio, #contenu .bloc_gauche .texte, 
#contenu .bloc_gauche .checkbox, #contenu .bloc_gauche .bouton {
cursor: pointer;
}

#contenu .bloc_gauche .box, #contenu .bloc_gauche .texte {
width: 400px;
font-size: 12px;
}

#contenu .bloc_gauche .box, #contenu .bloc_gauche .npa, 
#contenu .bloc_gauche .lieu, #contenu .bloc_gauche .texte {
color: #222;
border: 1px solid #0071b5;
}

#contenu .bloc_gauche .npa {
width: 30px;
font-size: 12px;
}

#contenu .bloc_gauche .lieu {
width: 356px;
margin: 0 0 0 8px;
font-size: 12px;
}

#contenu .bloc_gauche .radio, #contenu .bloc_gauche .checkbox {
margin: 0 0 2px 0;
vertical-align: middle;
}

#contenu .bloc_gauche input.bouton {
width: 199px;
color: #4caebb;
line-height: 30px;
padding: 0 0 5px 0;
text-align: center;
background: transparent url('images/icones/bouton.png') no-repeat scroll center center;
}

/* CLASSES SPECIALES */

#contenu h2.bordure_pleine {
padding: 20px 0 0 0;
margin: 0;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu p.bordure_pleine {
padding: 15px 0;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu .italique {
font-style: italic;
}

#contenu .gras {
font-weight: bold;
}

#contenu p.bouton, #contenu .bloc p.bouton {
line-height: 30px;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
text-align: center;
background: transparent url('images/icones/bouton.png') no-repeat scroll center center;
}

#contenu p.bouton a, #contenu .bloc p.bouton a {
color: #4caebb;
}

#contenu ul.avantages li {
padding: 8px 0;
}

#contenu li.indent {
text-indent: 13px;
}

#contenu li.telephone {
font-style: italic;
padding-left: 14px;
background: url('images/icones/telephone.png') no-repeat scroll 1px 4px;
}

#contenu p.obligatoire, #contenu span.obligatoire {
color: #cc0000;
}

#contenu p.erreur, #contenu p.confirmation {
font-style: italic;
padding-left: 18px;
}

#contenu p.erreur {
color: #cc0000;
background: url('images/icones/erreur.png') no-repeat scroll left 3px;
}

#contenu p.confirmation {
color: #33cc00;
background: url('images/icones/confirmation.png') no-repeat scroll left 3px;
}

#contenu p.lien a {
padding-left: 18px;
background: url('images/icones/lien.png') no-repeat scroll left 3px;
}

#contenu p.lien_casse {
padding-left: 18px;
background: url('images/icones/lien_casse.png') no-repeat scroll left 3px;
}

#contenu .colonne {
width: 201px;
float: left;
}

#contenu .colonne .non, #contenu .colonne .oui {
font-style: italic;
padding-left: 18px;
}

#contenu .colonne .non {
color: #cc0000;
background: url('images/icones/erreur.png') no-repeat scroll left 4px;
}

#contenu .colonne .oui {
color: #33cc00;
background: url('images/icones/confirmation.png') no-repeat scroll left 4px;
}

/* -------------------------------------------------------------
BAS
------------------------------------------------------------- */

#bas {
width: 750px;
height: 41px;
padding: 15px 0 0 0;
background: #000 url('images/fond/bas.png') no-repeat scroll center bottom;
}

#bas * {
font-size: 11px;
color: #ccc;
}

#bas p.gauche {
float: left;
color: #0071b5;
font-size: 20px;
font-weight: bold;
font-style: italic;
padding: 7px 0 0 25px;
}

#bas p.droite {
float: right;
padding: 6px 25px 0 0;
text-align: right;
}

/* -------------------------------------------------------------
DIVERS
------------------------------------------------------------- */

.espace {
clear: both;
}

.cache {
display: none;
}