/* 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 url(../images/bg.jpg) repeat-x top;
}
FOOTER {
    width:100%;
    margin:auto;
    margin-top:-50px;
    background:#3F4040 url(../images/space.jpg) repeat-x;
}
HEADER {
    margin:auto;
    height:400px;
    margin-bottom:20px;
    box-shadow:0 0 1.5em #000;
}
H1 {
    color:#355790;
    position:relative;
    text-align:center;
    margin:0 0 30px 0;
    letter-spacing:2px;
    font:normal 26px/1 Cuprum;
    text-shadow:0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
}
H1:after, H1:before {
    top:15px;
    content:"";
    height:1px;
    width:120px;
    background:#777;
    position:absolute;
}
H1:after { 
    background-image:-webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image:-webkit-linear-gradient(left, #777, #fff);
    background-image:-moz-linear-gradient(left, #777, #fff);
    background-image:-ms-linear-gradient(left, #777, #fff);
    background-image:-o-linear-gradient(left, #777, #fff);
    background-image:linear-gradient(left, #777, #fff);      
    right:0;
}
H1:before {
    background-image:-webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image:-webkit-linear-gradient(right, #777, #fff);
    background-image:-moz-linear-gradient(right, #777, #fff);
    background-image:-ms-linear-gradient(right, #777, #fff);
    background-image:-o-linear-gradient(right, #777, #fff);
    background-image:linear-gradient(right, #777, #fff);
    left:0;
}
SECTION {
    margin:auto;
    width:1000px;
    margin-bottom:20px;
}
.bar {
    width:1px;
    float:left;
    height:205px;
    background:#F1F2F2;
    display:inline-block;
}
#bar_con {
    width:220px;
    height:32px;
    margin-top:5px;
    margin-left:230px;
    display:inline-block;
    background:url(../images/bar_con.png) center;
}
.blanc {
    color:#FFF;
    font-size:14pt;
}
.blanc A {
    color:#FFF;
    font-size:10pt;
    text-decoration:none;
}
.blanc A:hover {
    color:#FFF;
    text-decoration:underline;
}
#btn_up {
    right:25px;
    bottom:15px;
    display:none;
    position:fixed;
    cursor:pointer;
}
.carre_orange {
    width:15px;
    float:left;
    height:15px;
    margin-top:2px;
    margin-right:10px;
    background:#FB773D;
}
#champoligatoire {
    color:#F00;
    font-size:11pt;
    text-align:center;
}
#container {
    float:left;
    width:430px;
    margin-top:8px;
    display:inline-block;
}
#fcbk {
    margin:0;
    border:0;
    width:340px;
    height:156px;
    overflow:hidden;
    background:#FFF;
}
#autocomplete {
    position:relative;
}
#footer {
    margin:auto;
    width:1000px;
    height:220px;
    padding-top:30px;
}
.footer {
    float:left;
    margin-left:10px;
    display:inline-block;
}
#header {
    margin:auto;
    width:1000px;
    height:400px;
    text-align:center;
    background:url(../images/banniere.png) no-repeat center;
}
#home {
    width:910px;
    height:80px;
    margin:5px auto;
    background:#FFF;
    padding:10px 20px;
    border-radius:8px;
    line-height:1.5em;
    text-align:justify;
    border:1px solid #BBB;
}
.imgfooter {
    float:left;
    width:70px;
    height:60px;
    margin-right:10px;
    border-radius:5px;
}
.imgreseau {
    border:0;
    float:left;
    width:20px;
    height:20px;
    margin-top:5px;
    margin-right:5px;
}
.imgpartner {
    width:80px;
    height:70px;
    margin:10px 30px;
    border-radius:5px;
}
.imgservice {
    width:120px;
    height:90px;
    margin:10px 0;
    border-radius:5px;
}
.imgzone {
    float:left;
    width:120px;
    height:120px;
    margin-right:10px;
    border-radius:5px;
}
#lang {
    color:#AAA;
    width:120px;
    font-size:10pt;
    margin-top:10px;
    text-align:right;
    font-family:Cuprum;
    display:inline-block;
}
.liencenter A {
    color:#FFF;
    padding:10px;
    font-size:14px;
    border-radius:8px;
    text-align:center;
    font-family:Cuprum;
    text-decoration:none;
    background:#FB773D url(../images/grad-mask.png) repeat-x;
}
.liencenter A:hover {
    background:#2364A4 url(../images/grad-mask.png) repeat-x;
}
.lienwrite A {
    color:#FFF;
    font-size:13pt;
    margin-top:10px;
    border-radius:8px;
    text-align:center;
    padding:14px 20px;
    font-family:Cuprum;
    text-decoration:none;
    display:inline-block;
    background:#FB773D url(../images/grad-mask.png) repeat-x;
}
.lienwrite A:hover {
    background:#2364A4 url(../images/grad-mask.png) repeat-x;
}
.maj {
    text-transform:uppercase;
}
.min {
    text-transform:lowercase;
}
.majmin {
    text-transform:capitalize;
}
#partner {
    width:1000px;
    display:block;
    background:#FFF;
    text-align:center;
    border:1px solid #B0BAC4;
    box-shadow:0 0 0.8em #999;
}
#popup {
    float:left;
    margin:auto;
    line-height:1.5em;
    text-align:justify;
}
#popuptitre {
    color:#6D6E71;
    margin-bottom:5px;
    font:bold 16pt Cuprum;
}
#popuptxt {
    color:#58595B;
    font-size:12pt;
    line-height:1.5em;
    font-family:Cuprum;
}
#result_contact {
    color:#F00;
    display:block;
    font-size:11pt;
    text-align:left;
    text-indent:20px;
    margin-bottom:5px;
    font-family:Cuprum;
    background:url(../images/error.png) left no-repeat;
}
#result_ville ul {
    margin:0;
    width:100%;
    padding:3px;
    list-style:none;
    list-style-position:outside;
}
#result_ville {
    top:30px;
    z-index:0;
    padding:0;
    right:4px;
    color:#FFF;
    margin:0px;
    width:355px;
    display:block;
    cursor:pointer;
    font-size:12pt;
    list-style:none;
    text-align:left;
    position:absolute;
    border:1px solid #666;
    background:rgba(53, 87, 144, 0.8);
}
#result_ville li:hover {
    width:98%;
    background:#FB773D;
}
#result_login, #result_nom, #result_prenom, #result_date, #result_num, #result_mail, #result_vil, #result_quest, #result_reponse, #result_typab, #result_exp, #result_rc, #result_com {
    color:#F00;
    display:block;
    font-size:11pt;
    text-align:left;
    text-indent:210px;
    font-family:Cuprum;
    margin:-10px 0 5px;
    background:url(../images/error_inscrit.png) left no-repeat;
}
#result_error {
    color:#F00;
    display:block;
    font-size:12pt;
    text-align:center;
    font-family:Cuprum;
    margin:20px auto 10px;
}
.savoirplus A {
    color:#FFF;
    float:right;
    font-size:12px;
    margin-top:5px;
    padding:2px 10px;
    border-radius:5px;
    text-align:center;
    font-family:Cuprum;
    text-decoration:none;
    background:#FB773D url(../images/grad-mask.png) repeat-x;
}
.savoirplus A:hover {
    background:#2364A4 url(../images/grad-mask.png) repeat-x;
}
.section {
    margin:auto;
    width:1000px;
    display:inline-block;
}
.service {
    border-radius:5px;
    box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.7);
}
.spacelarg {
    color:#FB773D;
    font-weight:bold;
    letter-spacing:2px;
}
.separator {
    height:10px;
    width:1000px;
    margin:-5px 0 10px;
    background:url(../images/trait.jpg) repeat-x;
}
#table1 {
    width:100%;
    border:2px solid #000;
    border-collapse:collapse;
}
#table1 TH {
    color:#FFF;
    padding:5px 2px;
    text-align:center;
    font:bold 18pt Cuprum;
    border:1px solid #FFF;
    background:rgba(114, 181, 247, .8);
    text-shadow:2px 2px 0 rgba(0, 0, 0, .5);
}
#table1 TD {
    color:#000;
    height:25px;
    padding:0 10px;
    font-size:11pt;
    text-align:left;
    border:1px solid #FFF;
}
.titre1 {
    color:#FFF;
    width:230px;
    font-size:13pt;
    margin-top:10px;
    text-align:right;
    font-family:Cuprum;
    display:inline-block;
}
.titre2 {
    color:#6D6E71;
    margin-bottom:5px;
    font:bold 11pt Cuprum;
}
.titre3 {
    color:#6D6E71;
    letter-spacing:2px;
    font:normal 1.5em Cuprum;
    text-shadow:0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
}
.titre4 {
    color:#F1F2F2;
    margin-bottom:10px;
    font:bold 12pt Cuprum;
}
.titre5 {
    color:#FB773D;
    margin-bottom:5px;
    font:bold 14pt Cuprum;
}
.titre6 {
    color:#FB773D;
    position:relative;
    text-align:center;
    margin-bottom:20px;
    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);
}
.titre7 {
    color:#6D6E71;
    padding-bottom:5px;
    margin-bottom:20px;
    font:bold 16pt Cuprum;
    border-bottom:2px dotted #6D6E71;
}
.titre8 {
    color:#000;
    height:25px;
    padding-top:5px;
    text-align:center;
    margin-bottom:10px;
    letter-spacing:1px;
    background:#F7BB1A;
    font:bold 12pt Cuprum;
}
.triangle {
    float:left;
    width:100%;
    height:20px;
    padding-left:20px;
    margin-bottom:10px;
    background:url(../images/triangle.png) no-repeat left;
}
.txt1 {
    width:220px;
    font-size:14pt;
    text-align:left;
    margin-top:150px;
    margin-left:460px;
    line-height:1.7em;
}
.txt2 {
    color:#58595B;
    font-size:10pt;
    line-height:1.3em;
    font-family:Cuprum;
}
.txt3, .txt3 A {
    color:#F1F2F2;
    font-size:10pt;
    line-height:1.6em;
    font-family:Cuprum;
    text-decoration:none;
}
.txt3 A:hover {
    color:#FB773D;
    text-decoration:underline;
}
.txt4 {
    color:#FFF;
    padding:0 5px;
    font-size:12pt;
    line-height:1.5em;
    font-family:Cuprum;
    margin-bottom:20px;
}
.txt5 {
    color:#58595B;
    font-size:11pt;
    line-height:1.3em;
    font-family:Cuprum;
}
.txt6 {
    color:#58595B;
    font-size:14pt;
    line-height:2em;
    font-family:Cuprum;
    margin-bottom:15px;
}
.txt_red {
    color:#F00;
    font-size:12pt;
    font-family:Cuprum;
}
.txt_vert {
    color:#13BB42;
    font-size:12pt;
    font-family:Cuprum;
}
.zone {
    margin:auto;
    width:1000px;
    display:block;
}
.zone1 {
    float:left;
    width:320px;
    line-height:1.5em;
    margin-bottom:20px;
    text-align:justify;
    display:inline-block;
}
.zone2 {
    float:left;
    width:450px;
    line-height:1.5em;
    margin-bottom:20px;
    text-align:justify;
    display:inline-block;
}
div.zone3 {
    float:left;
    width:230px;
    height:300px;
    cursor:pointer;
    border-radius:8px;
    text-align:center;
    line-height:1.5em;
    margin-bottom:20px;
    background:#4398C0;
    display:inline-block;
    border:4px solid rgb(216, 216, 217);
}
div.zone3:hover {
    background:#FB773D;
}
.zone4 {
    float:left;
    width:825px;
    padding:13px;
    color:#6D6E71;
    background:#FFF;
    border-radius:8px;
    text-align:center;
    line-height:1.5em;
    display:inline-block;
    margin:10px 20px 0 0;
    font:bold 14pt Cuprum;
}
#zone5 {
    padding:5px;
    margin:auto;
    width:600px;
    color:#6D6E71;
    background:#FFF;
    text-align:center;
    line-height:1.5em;
    background:#F5F5F5;
    padding-bottom:20px;
    font:bold 14pt Cuprum;
    box-shadow:0 0 0.8em #666;
}
.zone5 {
    margin:auto;
    width:550px;
    line-height:1.5em;
    text-align:center;
}
#zone6 {
    margin-top:5px;
    background:#B5B5B5;
    padding:5px 0 0 10px;
    border:2px solid #000;
}
.zone6 {
    float:left;
    width:320px;
    padding:5px;
    display:inline-block;
    border:2px solid #000;
    background:rgba(114, 181, 247, .3);
}
.zone7 {
    float:right;
    width:640px;
    display:inline-block;
}