/* CSS Document */
@charset "UTF-8";

@font-face {
    font-family:'Cuprum';
    src:url('../fonts/Cuprum.eot') format('eot'),
    url('../fonts/Cuprum.woff') format('woff'),
    url('../fonts/Cuprum.ttf') format('truetype'),
    url('../fonts/Cuprum.svg') format('svg');
}
BODY {
    padding:0;
    margin:0 auto;
    color:#102145;
    font-size:12pt;
    font-family:Cuprum;
    background:#F1F2F2;
}
SECTION {
    margin:auto;
    text-align:center;
    margin-bottom:20px;
}
#error {
    color:#F00;
    display:block;
    font-size:12pt;
    text-align:center;
    font-family:Cuprum;
    margin:20px auto 10px;
}
.form-horizontal input[type=text],
.form-horizontal input[type=password],
.form-horizontal input[type=email],
.form-horizontal select,
.form-horizontal textarea {
    width:350px;
    height:30px;
    color:#102145;
    font-size:12pt;
    border-radius:5px;
    font-family:Cuprum;
    margin-bottom:10px;
    display:inline-block;
    vertical-align:middle;
    border:1px solid #999;
    box-shadow:0 0 5px #C0C0C0 inset;
}
.form-horizontal input:focus,
.form-horizontal select:focus,
.form-horizontal textarea:focus {
    border-color:rgba(82,168,236,0.8);
    outline:0;outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)
}
.form-horizontal input {padding-left:5px;}
.form-horizontal select {
    width:355px;
    height:35px;
    padding:3px;
}
.form-horizontal textarea {
    resize:none;
    overflow-y:auto;
}
.form-horizontal input[type=radio] {
    width:15px;
    height:15px;
    margin-top:-5px;
}
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea {
    *zoom:1;
    *display:inline;
    margin-bottom:10px;
    display:inline-block;
    vertical-align:middle;
}
.form-horizontal .control-label {
    float:left;
    width:180px;
    font-size:12pt;
    padding-top:5px;
    text-align:left;
}
.form-horizontal .control-contact {
    float:left;
    width:100px;
    font-size:12pt;
    text-align:left;
    padding-top:5px;
    margin-right:5px;
}
.form-horizontal .control-group {
    width:100%;
    margin:auto;
    display:block;
    margin-bottom:10px;
}
button {
    color:#FFF;
    cursor:pointer;
    padding:8px 15px;
    border-radius:5px;
    display:inline-block;
    font:bold 13pt Cuprum;
}
button.btn-vert {
    border:1px solid #05770F;
    background:#16E14F url(../images/grad-mask.png) repeat-x;
}
button.btn-vert:hover {
    background:#13BB42 url(../images/grad-mask.png) repeat-x;
}
button.btn-red {
    border:1px solid #841806;
    background:#FB2603 url(../images/grad-mask.png) repeat-x;
}
button.btn-red:hover {
    background:#B73620 url(../images/grad-mask.png) repeat-x;
}
button.btn-blue {
    border:1px solid #173298;
    background:#0568FC url(../images/grad-mask.png) repeat-x;
}
button.btn-blue:hover {
    background:#2465C5 url(../images/grad-mask.png) repeat-x;
}
button.btn-gris {
    border:1px solid #727273;
    background:#bebebe url(../images/grad-mask.png) repeat-x;
}
button.btn-gris:hover {
    background:#AAAAAB url(../images/grad-mask.png) repeat-x;
}
#formlog,
#formprwd {
    border-radius:3px;
    background:#f4f3f3;
    border:1px dashed #ccc;
    box-shadow:0 0 10px #C0C0C0 inset;
}
#radio {
    margin:0px;
    width:300px;
    text-align:left;
    margin-left:-50px;
    display:inline-block;
}
.lien1 A {
    color:#FFF;
    font-size:11pt;
    padding:8px 15px;
    border-radius:5px;
    text-align:center;
    font-family:Cuprum;
    text-decoration:none;
    background:#2364A4 url(../images/grad-mask.png) repeat-x;
}
.lien1 A:hover {
    background:#FB773D url(../images/grad-mask.png) repeat-x;
}
.maj {
    text-transform:uppercase;
}
.min {
    text-transform:lowercase;
}
.majmin {
    text-transform:capitalize;
}
.titre1 {
    color:#FB773D;
    position:relative;
    text-align:center;
    margin:50px 0 30px;
    letter-spacing:2px;
    font:normal 3em Cuprum;
    text-shadow:0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
}
#zone1 {
    padding:5px;
    margin:auto;
    width:400px;
    color:#6D6E71;
    background:#FFF;
    text-align:center;
    line-height:1.5em;
    background:#F5F5F5;
    font:bold 14pt Cuprum;
    box-shadow:0 0 0.8em #666;
}
.zone1 {
    margin:auto;
    width:350px;
    padding:10px 0;
    line-height:1.5em;
    text-align:center;
}