/* -------------------------------------------------------------- 
   GLOBAL
-------------------------------------------------------------- */
/*
on utilise hr pour rompre le flottement des éléments
*/
hr {
visibility: hidden;
clear: both;
}
/* -------------------------------------------------------------- 
   ÉLÉMENTS DE FORMULAIRE
-------------------------------------------------------------- */
#bloc_formulaire {
padding: 0 18px 0 18px;
}
form {
background-color:#1e2222;
padding:10px;
/*
l'iframe fait 649px de largeur, 
nous enlevons 18px à gauche et à droite du padding de #bloc_formulaire : reste 613px
*/
width:432px;
}

.form_newsletter {
padding:18px;
width:261px;
background-color:transparent;
}

.champ_news {
width: 180px;
border: 0;
background-color: #ad2232;
}

.form_haut {
background: url(design/bg_form_haut_452.png);
width: 452px;
height: 9px;
}

.form_bas {
background: url(design/bg_form_bas_452.png);
width: 452px;
height: 9px;
}


fieldset {
padding: 9px 18px 0 18px;
margin-bottom:9px;
border: 1px solid #406164;
}
fieldset p {
/*
padding-top: 6px;
padding-bottom: 6px;*/
margin-top: 9px;
margin-bottom: 9px;
clear: both;
}
legend {
color:#77c7d0;
font-weight:bold;
font-size: 14px;
color: #4d8990;
}
label.label_texte {
margin: 0 18px 0 0;
display:block;
float: left;
width: 100px;
text-align: right;
color: #4d8990;
}
label.label_grand {
color: #4d8990;
}
label.labelRadio {
margin: 0 18px 0 0;
color: #4d8990;
}
label.labelRadioDer {
margin: 0;
color: #4d8990;
}
label.inline {
display:inline
}
/* -------------------------------------------------------------- 
   INPUTS
-------------------------------------------------------------- */
input {
padding: 3px;
border:1px solid black;
background-color:#4a6669;
color: #eee;
}
.champ {
width: 230px;
background-color:#4a6669;
color: #eee;
}
.champLarge {
width: 350px;
background-color:#4a6669;
color: #eee;
}
input.radio {
margin-right:9px;
background-color:transparent;
border:none;
}
select, option {
background-color:#4a6669;
color: #eee;
}
textarea {
border: 0;
width: 100%;
background-color:#4a6669;
color: #eee;
}
/* -------------------------------------------------------------- 
   INPUT SUBMIT + RESET
-------------------------------------------------------------- */
input.boutonSubmit, input.boutonReset {
border:0;
padding: 4px 36px 4px 36px;
font-weight:bold;
cursor:pointer;
color:#1e2222;
}
input.boutonSubmit:hover, input.boutonReset:hover {
background-color:#da001a;
color:#eee;
}
input.boutonSubmit:active, input.boutonReset:active {
background-color:#da001a;
color:#eee;
} 
/* -------------------------------------------------------------- 
   TYPOGRAPHIE
-------------------------------------------------------------- */
/*sup {
font-size: 8px; 
vertical-align: 3px;
}*/
.avertissement {
font-weight: bold;
font-size: 1.5em;
color: #da001a;
padding-left: 9px;
}
.note {
font-size: 0.75em;
padding-left: 9px;
}
/* -------------------------------------------------------------- 
   COULEURS
-------------------------------------------------------------- */
.bleu_ciel {
color: #77c7d0;
}
.bleu_vif {
color: #0097d5;
}
.rouge {
color: #da001a;
}