header {
    background-image: url("../images/espaceperso/bg_header.png");
    height: 50px;
    z-index: 9;
}

#menu-header {
    margin: 3px 0;
    padding: 0;
}

#menu-header li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.bl {
    border-right: 0px #A8B3C5 solid;
}

.btn a:hover {
    color: #FFF !important;
    text-decoration: none;
}

.ml5 {
    margin-left: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.align-right {
    float: right;
}

#m_etape1 {
    margin-right: 90px;
}

.imageHeaderLayout {
    float: left;
    position: relative;
    top: 15px;
}

.titreHeaderLayout {
    float: left;
    display: inline;
    font-size: 1.3em;
    color: #fff;
    padding-left: 5px;
    position: relative;
    top: 15px;
    text-decoration: none;
}

#chargement_bloc {
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 14px;
    color: black;
    background: grey;
    z-index: 3;
    position: fixed;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: auto;
    display: none;
    text-align: center;
    vertical-align: middle;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;

}

#chargement_texte {
    text-align: center;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    font-size: 14px;
    background: white;
    width: 50%;
    height: 50px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 25%;
    margin-top: 20%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    position: absolute;
    border: black 1px solid;
    padding: 10px;
    font-variant: small-caps;
    visibility: hidden;
    z-index: 4;
}

#chargement_texte_login {
    text-align: center;
    vertical-align: middle;
    color: black;
    font-weight: bold;
    font-size: 14px;
    background: white;
    width: 50%;
    height: 50px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 25%;
    margin-top: 20%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    position: absolute;
    border: black 1px solid;
    padding: 10px;
    font-variant: small-caps;
    visibility: hidden;
    z-index: 4;
}

/*************************************************

ESPACE PRO

*************************************************/

.rouge {
    background-color: red;
}

.gray {
    background-color: #EEEEEE;
}

.white {
    background: white;
}

.uppercase {
    text-transform: uppercase;
}

.strong {
    font-weight: bold;
}

.right {
    float: right !important;
}

.margin5 {
    height: 3px !important;
}

.content-page-pro .grid_12 {
    width: 664px;
}

.content-page-pro {
    padding: 20px 0;
    margin: 10px 0;
}

.content-page-pro .rouge {
    margin-top: 45px;
}

.notif .content-notif {
    padding: 11px;
    color: white;
}

.fhome {
    float: right;
    text-align: left;
    margin-top: 27px;
    margin-right: 81px;
    font-size: 1.3em;
    width: 327px;
}

#hlien1 {
    text-align: right;

    font-size: 1.5em;
    font-weight: bold;
    color: white;
    width: 300px;
    float: right;

    position: absolute;
    margin-top: 231px;
    margin-left: 630px;
}

#login_login {
    height: 41px;
    width: 262px;
    font-size: 2em;
    text-align: center
}

/*ce que j'ai rajout�*/
#login_pass {
    height: 41px;
    width: 262px;
    font-size: 2em;
    text-align: center
}

.labellogin {
    color: white
}

#home_submit {
    font-size: 1.2em;
    background: url(/images/img_home.png);
}

#hlien2 {

    background-image: url("../../images/espaceperso/bg_header.png");
    border: 1px solid #E2E2E2;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 5px;
    webkit-border-radius: 5px;
    font-weight: bold;
    color: white;
    width: 300px;
    float: right;
    margin-top: 25px;
    font-size: 0.9em;
    text-align: center;
    position: relative;
    left: 2px;

    color: white;
}

#hlien2 a {
    color: white;
}

#hlabel {
    color: white;
    text-align: center;
    /*text-decoration:underline;*/
    font-weight: bold;
    font-size: 1em;
}

#barre-avancement {
    width: 710px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    display: inline-block;
}

#t-barre-avancement {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    color: rgb(100, 100, 100);
}

#bouton-valider {
    width: 386px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;

}

#bouton-valider-ok:hover {
    border: 1px green solid;
}

#tab-famille table {
    width: 1014px;
    text-align: center;
    color: white;
}

#tab-famille table tr th span {
    display: block;
    height: 42px;
    padding: 10px 0 10px;
    width: 95%;
    color: black;
    font-weight: bold;
    margin: 0 auto;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */

    -moz-box-shadow: 0 0px 10px #666; /* Firefox */
    -webkit-box-shadow: 0 0px 10px #666; /* Safari et Chrome */
    box-shadow: 0 0px 10px #666; /* Opera 10.5+, norme CSS3 */

}

#tab-famille table th, #tab-famille table td {
    vertical-align: middle;
    height: 40px;
}

#tab-famille table tr {
    height: 40px;
    line-height: 8px;
    font-size: 85%;
}

#tab-famille .t-bleu {
    background-color: #0653c7;
}

#tab-famille .t-jaune {
    background-color: #f5b134;
}

#tab-famille .t-rouge {
    background-color: #FF0000;
}

#tab-famille .t-bleu .first,
#tab-famille .t-orange .first,
#tab-famille .t-bleu .last,
#tab-famille .t-orange .last {
    width: 10px;
    height: 40px;
    background-color: white;
}

.wrap-tab .gbutton {
    margin: 15px 0;
}

/*************************************************

SLIDER

*************************************************/
#slider_image {
    background: url(../images/slider_1.png) 706px top no-repeat;
    margin-top: 15px;
}

#slider {
    background: url(../images/bg-slider-vide.png) no-repeat;
    height: 233px;

}

.slider-content {
    color: #012A68;
    font-family: "Times New Roman";
    font-size: 26px;
    font-weight: bold;
    height: 145px;
    padding: 21px 25px;
    width: 600px;
}

.slider-content span {
    display: block;
    font-family: Verdana;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 25px;
}

.c1, .c2, .c3 {
    display: none;
}

.cactive {
    display: block;
}

.ombre-large {
    background: url(../images/ombre-large.png) no-repeat;
    height: 24px;
}

#slider-pagination {
    margin-left: 27px;
}

#slider-pagination a {
    background: url(../images/slider-chiffre.png) no-repeat;
    height: 27px;
    display: block;
    width: 27px;
    float: left;
    text-decoration: none;
    font-weight: bold;
    margin-right: 5px;
}

#slider-pagination a span {
    color: white;
    display: block;
    font-family: Times New Roman;
    font-size: 15px;
    margin: 5px 5px 5px 10px;
}

#slider-pagination a.active {
    background: url(../images/slider-chiffre-active.png) no-repeat;
}

/*************************************************

DEMARCHE

*************************************************/
#demarche {
    background: url(../images/bg-demarche.png) no-repeat;
    height: 220px;
}

.titre-home {
    color: #002761;
    font-size: 14px;
    line-height: 12px;
    padding-left: 20px;
    font-weight: bold;
}

#etapes a {
    text-decoration: none;
}

.grid_c_5 {
    width: 210px;
    float: left;
}

.grid_c_6 {
    width: 175px;
    float: left;
}

.etape {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 108px;
    text-align: center;
    padding: 0 7px;
}

.bouton-etape {
    margin: 54px 0 0 3px;
}

a.bouton-commencer {
    background: url(../images/bouton-commencer2.png) no-repeat 0 0;
    width: 177px;
    height: 94px;
    display: block;
    text-indent: -9999px;
}

a.bouton-commencer:hover {
    background-position: 0 -94px;
}

a.bouton-continuer {
    background: url(../images/bouton-continuer2.png) no-repeat 0 0;
    width: 177px;
    height: 94px;
    display: block;
    text-indent: -9999px;
}

a.bouton-continuer:hover {
    background-position: 0 -94px;
}

/*************************************************

SERVICES

*************************************************/

.bloc-service {
    background: url(../images/colonne-grande.png) no-repeat;
    margin-right: 17px;
    width: 241px;
    height: 457px;
    float: left;
}

.lastBloc {
    margin-right: 0;
}

.bloc-chiffre {
    font-family: "Times New Roman";
    font-size: 40px;
    font-weight: bold;
    margin-top: 6px;
}

.bloc-rens .bloc-chiffre {
    background: url("../images/bloc-let.png") no-repeat scroll 144px 10px transparent;
    padding-left: 96px;
    padding-top: 18px;
}

.bloc-rec .bloc-chiffre {
    background: url("../images/bloc-env.png") no-repeat scroll 138px 17px transparent;
    padding-left: 96px;
    padding-top: 18px;
}

.bloc-sign .bloc-chiffre {
    background: url("../images/bloc-lettre.png") no-repeat scroll 138px 8px transparent;
    padding-left: 96px;
    padding-top: 18px;
}

.bloc-ras .bloc-chiffre {
    background: url("../images/bloc-tel.png") no-repeat scroll 146px 5px transparent;
    padding-left: 96px;
    padding-top: 18px;
}

.bloc-service .bloc-title {
    text-align: center;
    color: white;
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
}

.bloc-service .bloc-content {
    margin-top: 25px;
    color: #FFFFFF;
    padding: 0 15px;
}

.btn-commencer {
    height: 55px;
    left: 854px;
    position: absolute;
    top: -25px;
    width: 115px;

}

.btn-commencer div {
    font-size: 15px;
    font-weight: bold;
    padding: 19px 0;
    text-align: center;
    text-transform: uppercase;
}

#notre-service .content-page {
    margin: 15px 0;
}

#notre-service1 .content-page {
    margin: 15px 0;
}

.notif-service {
    color: white;
    font-size: 17px;
    padding: 11px;
}

#wrap-prix {
    height: 70px;
    margin-top: 30px;
}

#wrap-prix .notif {
    height: 44px;
}

.color1 {
    color: #888888;
}

.color2 {
    color: #191919;
}

.color3 {
    color: #353535;
}

.size1 {
    font-size: 20px;
}

.size2 {
    font-size: 18px;
}

.size3 {
    font-size: 15px;
}

.ombre-service {
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */

    -moz-box-shadow: 0 0px 10px #666; /* Firefox */
    -webkit-box-shadow: 0 0px 10px #666; /* Safari et Chrome */
    box-shadow: 0 0px 10px #666; /* Opera 10.5+, norme CSS3 */
    margin: 15px 0 30px;
}

/*************************************************

HOMEPAGE NON CONNECTE

*************************************************/

.home_gauche {
    display: inline-block;
    float: left;
    text-align: left;
    width: 443px;
    height: 337px;
    margin-top: 52px;
}

.home_droite {
    text-align: left;

    width: 298px;

    background-image: url("../../images/espaceperso/bg_header.png");
    border: 1px solid #E2E2E2;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 5px;
    webkit-border-radius: 5px;

    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
}

.footer2 {
    width: 100%;
    background-image: url("../images/espaceperso/bg_global.png");
}

.footer {
    width: 100%;
    background-image: url("../images/espaceperso/bg_global.png");
    position: fixed;
    z-index: 9;
    bottom: 0;
}

.centreFooter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.flecheGaucheFooter {
    float: left;
}

.flecheGaucheFooter img {
    width: 70px;
}

.texteGaucheFooter {
    float: left;
}

.texteGaucheFooter {
    font-size: 1.1em;
}

.aideGaucheFooter {
    font-family: 'Cookie-Regular';
    float: left;
    position: relative;
    left: 120px;
    top: 60px;
    color: rgb(109, 109, 109);
}

.texteDroiteFooter {
    float: right;

}

.texteDroiteFooter p {
    display: inline;
    font-size: 1.2em;
    position: relative;
    top: -5px;
    left: -5px;
}

.flecheDroiteFooter {
    float: right;
}

.flecheDroiteFooter img {
    width: 70px;
}

.aideDroiteFooter {
    font-family: 'Cookie-Regular';
    float: right;
    position: relative;
    left: -120px;
    top: 60px;
    color: rgb(109, 109, 109);
}

.logoFooter {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -25px;
    height: 0px;
}

.logoFooter img {
    width: 60px;
}

.contactFooter {
    background-image: url("../images/espaceperso/bg_header.png");
    height: 40px;
    border-top: #fff 1.5px solid;
    width: 100%;;

}

.contactGaucheFooter {
    float: left;
    padding-left: 20px;
    position: relative;
    top: 7px;
}

.imageContactGaucheFooter {
    float: left;
}

.texteContactGaucheFooter {
    float: left;
    position: relative;
    top: 5px;
    left: 8px;
}

.imageContactDroiteFooter {
    float: left;
}

.texteContactDroiteFooter {
    float: left;
    position: relative;
    top: 5px;
    left: 8px;
}

.contactDroiteFooter {
    float: right;
    padding-right: 20px;
    position: relative;
    top: 7px;
}

.contactFooter p {
    display: inline;
    color: white;
}

/*************************************************

HOMEPAGE CONNECTE

*************************************************/

.ombre-homepage {
    font-weight: bold;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */

    -moz-box-shadow: 0 0px 10px #666; /* Firefox */
    -webkit-box-shadow: 0 0px 10px #666; /* Safari et Chrome */
    box-shadow: 0 0px 10px #666; /* Opera 10.5+, norme CSS3 */
    margin: 10px 0 5px;
}

.home_etapes_vert {
    color: green;
}

.home_etapes_bleu {
    color: blue;
}

.home_etapes_gris {
    color: gray;
}

.home_etapes_right {
    display: inline;
    position: absolute;
}

.home_etapes_validees {
    margin-left: 176px;
}

.home_etapes_enregistrees {
    margin-left: 151px;
}

.home_etapes_nivnie {
    margin-left: 50px;
}

.padding-box {
    padding: 5px 0px 5px 20px;
}

#bold-bleu {
    font-weight: bold;

}

/*************************************************

QUI SOMMES NOUS

*************************************************/

#blocs-quisn {

}

.content-bloc-quisn {
    background: url(../images/bg-quisn.png) no-repeat;
    margin: 0 auto 10px;
    width: 696px;
    height: 590px;
}

.content-bloc-quisn .bloc-content {
    padding: 45px;
    font-size: 14px;

}

/*************************************************

NOUS CONTACTER

*************************************************/

#nous-contacter .grid_11 {
    width: 607px;
}

#nous-contacter .label {
    display: none;
}

#nous-contacter input, #nous-contacter textarea {
    width: 590px;
    border: 2px #d0d0d0 solid;
}

#nous-contacter textarea {
    height: 189px;
}

#nous-contacter .element {
    padding: 2px 0;
}

#contact-form {
    margin-top: 15px;
}

#nous-contacter .bloc-contact {
    margin-top: 30px;
}

#nous-contacter .bloc-title {
    font-weight: bold;
    font-size: 14px;
}

#nous-contacter .bloc-orange {
    background: url(../images/carre-orange.png) no-repeat;
    width: 202px;
    height: 75px;
    margin: 17px 0 10px;
    font-size: 25px;
    text-align: center;
    padding-top: 22px;
}

#nous-contacter a.genbutton span {
    color: #000;
}

#nous-contacter .action_button {
    margin: 10px 0 15px;
}

/*************************************************

NOS ENGAGEMENTS

*************************************************/
#notre-service1 {
    background: url(/images/home-bg.png) no-repeat;
    height: 600px;
    margin-top: 33px;
}

#blocs-engagements {
    background: url(../images/bg-engagement.png) no-repeat;
    padding-left: 100px;
    padding-top: 13px;
    height: 610px;
    margin-top: 20px;
}

.bloc-engagement {
    float: left;
    height: 282px;
    margin: 5px;
    width: 269px;
    background: url(../images/cadre-engagement.png);
}

.bloc-engagement .bloc-title {
    text-align: center;
    padding-top: 65px;
    margin-top: 13px;
    font-size: 28px;
    font-weight: bold;
    font-family: "Times New Roman";
}

.bloc-engagement .bsimple {
    background: url(../images/icon-simple.png) no-repeat top center;
}

.bloc-engagement .bcomplet {
    background: url(../images/icon-complet.png) no-repeat top center;
}

.bloc-engagement .bbenefique {
    background: url(../images/icon-benefique.png) no-repeat top center;
}

.bloc-engagement .bsur {
    background: url(../images/icon-sur.png) no-repeat top center;
}

.bloc-engagement .bconfidentiel {
    background: url(../images/icon-confidentiel.png) no-repeat top center;
}

.bloc-engagement .brapide {
    background: url(../images/icon-rapide.png) no-repeat top center;
}

.bloc-engagement .bloc-content {
    padding: 7px 30px;
}

/*************************************************

TEMOIGNAGE

*************************************************/

#evaluation {
    margin-top: 9px;
}

.bouton-eval {
    float: right;
}

.bouton-eval span {
}

#eval-left {
    width: 729px;
    float: left;
}

.entete-eval {
    height: 35px;
    margin-bottom: 5px;
}

.box-temoin {
    background: #EAEAEA;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
    width: 233px;
    height: 174px;
    float: left;
    margin-right: 8px;
}

.titre-eval, .titre-service {
    color: #002761;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    margin-top: 14px;
}

.titre-eval {
    float: left;
}

.bouton-eval {

}

.bouton-eval a {

    color: black;
}

.media {
    float: left;
    width: 291px;
    height: 183px;
    margin-top: 36px;
}

.media span {
    color: #002761;
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
}

.box-temoin div {
    padding: 13px;
}

.box-temoin img {
    padding-bottom: 3px;
}

.box-temoin div span {
    float: right;
}

.box-media {

    text-align: center;
    height: 149px;
    width: 291px;
    margin-top: 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari et Chrome */
    border-radius: 5px; /* Opera 10.5+, norme CSS3 */

    -moz-box-shadow: 0 0px 5px #000; /* Firefox */
    -webkit-box-shadow: 0 0px 5px #000; /* Safari et Chrome */
    box-shadow: 0 0px 5px #000; /* Opera 10.5+, norme CSS3 */
    background-color: #FFFFFF;
}

.box-media div {
    padding: 25px;
}

.box-media div img {
    -webkit-box-shadow: 0 0px 5px #000; /* Safari et Chrome */
    box-shadow: 0 0px 5px #000; /* Opera 10.5+, norme CSS3 */
    behavior: url(pie/PIE.htc);
}

.ombre-temoignage {
    width: 600px;
    float: left;
}

/*************************************************

FOOTER

*************************************************/

footer {
    /*height: 81px;
    width: 100%;
    background: url(../images/bg-footer.png) repeat-x;
    text-align: center;
    padding-top: 10px;
    width: 100%;*/
}

/*footer a { text-decoration: none; color: #000; font-size: 10px; }*/

.logo-paypal {
    margin-top: 10px;
}

/*******************************************************

Bloc Notifications

*******************************************************/
.notif {
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
}

.notif-orange {
    background-color: #f7b63a;
}

.notif-orange-fonce {
    background-color: #f19305;
}

.notif-content {
    padding: 20px 10px;
}

/*******************************************************

Etapes

*******************************************************/

.et {
    float: left;
    height: 130px;
    width: 130px;
    margin-top: 20px;
    text-decoration: none; /*border-right: 1px solid white;*/
}

.etb {
    float: left;
    height: 158px;
    width: 203px;
    margin-top: 20px;
}

.etape-d-vert {
    background: url(/images/etapes/e5-vert.png) no-repeat;

}

.etape-d-bleu {
    background: url(/images/etapes/e5-bleu.png) no-repeat;

}

.etape-m-gris {
    background: url(/images/etapes/e5-gris.png) no-repeat;

}

.etape-m-vert {
    background: url(../images/etapes/e5-vert.png) no-repeat;
    background-color: #3CB402;
}

.etape-m-bleu {
    background: url(../images/etapes/e5-bleu.png) no-repeat;

}

.etapeb-m-bleu {
    background: url(../images/etapes/e5-bleu.png) no-repeat;
    background-color: #02398B;
}

.etapeb-d-bleu {
    background: url(../images/etapes/e5-bleu.png) no-repeat;
    background-color: #02398B;
}

.etapeb-f-bleu {
    background: url(../images/etapes/e5-bleu.png) no-repeat;
    background-color: #02398B;
}

.etape-f-gris {
    background: url(/images/etapes/e5-gris.png) no-repeat;

}

.etape-f-bleu {
    background: url(/images/etapes/e5-bleu.png) no-repeat;

}

.etape-f-vert {
    background: url(/images/etapes/e5-vert.png) no-repeat;

}

.etape-numero, .etape-numero_f {
    font-size: 14px;
    font-family: "Times New Roman";
    font-size: 40px;
    font-weight: bold;
    margin-top: 6px;
}

.etape-d .etape-numero {
    text-align: center;
}

.etape-f .etape-numero {
    text-align: center;
}

.etape-m .etape-numero {
    text-align: center;
}

.etape-d .etape-numero_f {
    text-align: center;
}

.etape-f .etape-numero_f {
    text-align: center;
}

.etape-m .etape-numero_f {
    text-align: center;
}

.etape-name {
    color: white;
    font-size: 14px;
    text-align: center;
    width: 95%;
}

.etape-exp {
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin-top: 6px;
    text-align: center;
}

.etape-texte {
    color: white;
    font-size: 12px;

    margin-top: 3px;
    text-align: center;
}

/*************************************************

MODAL BOX CONNECTION / INSCRIPTION

*************************************************/

.connection-div {
    display: none;
    width: 730px;
    margin-top: 5px;
}

.creation-part-pro-div {
    display: none;
    width: 450px;
    margin-top: 5px;
}

.connection-pro-div, .connection-simple-div, .validation-form-div, .save-form-div {
    display: none;
    width: 300px;
    margin-top: 5px;
}

.connection-div .title, .connection-simple-div .title, .inscription-div .title, .connection-pro-div .title, .creation-part-pro-div .title, .validation-form-div .title, .save-form-div .title {
    font-weight: bold;
}

.inscription-div .title {
    margin-top: 5px;
}

.connection-div .inner-modal {
    width: 300px;
    height: 120px;
    margin-top: 10px;
    background-color: #eaeaea;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
    padding: 10px;
}

.connection-pro-div .inner-modal, .creation-part-pro-div .inner-modal, .connection-simple-div .inner-modal {
    width: 280px;
    margin-top: 10px;
    background-color: #eaeaea;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
    padding: 10px;
}

.connection-div .inner-modal .element, .connection-pro-div .inner-modal .element, .creation-part-pro-div .inner-modal .element,
.connection-simple-div .inner-modal .element {
    margin: 0 0 5px 0;
}

.connection-pro-div .inner-modal .element .label, .connection-div .inner-modal .element .label, .inscription-div .inner-modal .element .label,
.connection-simple-div .inner-modal .element .label {
    padding-right: 10px;
    text-align: right;
    width: 85px;
}

.creation-part-pro-div .inner-modal .element .label {
    padding-right: 10px;
    text-align: right;
    width: 65px;
}

.connection-pro-div .element .widget input,
.creation-part-pro-div .element .widget input,
.connection-pro-div .element .widget select,
.creation-part-pro-div .element .widget select,
.connection-pro-div .element .widget textarea,
.connection-simple-div .element .widget input {
    width: 160px;
}

.connection-div .element .widget input, .connection-div .element .widget select, .connection-div .element .widget textarea {
    width: 160px;
}

.ui-tooltip-light .ui-tooltip-titlebar {
    background-color: #F7B63A;
    color: white;
    font-size: 12px;
}

.connection-div .action_button, .connection-pro-div .action_button, .creation-part-pro-div .action_button, .connection-simple-div .action_button {
    margin-right: 6px;
    margin-top: 10px;
}

.label-radio label {
    vertical-align: text-bottom !important;
}

.bloc_left {
    float: left;
    width: 320px;
    margin-right: 60px;
    margin-top: 5px;
}

.bloc_left .radio {
    width: 20px !important;
}

.rm_margin_r {
    margin-right: 0;
}

#ui-tooltip-17 {
}

#ui-tooltip-modal-connection-2, #ui-tooltip-modal-creation-part-pro, #ui-tooltip-modal-creation-part-pro-2 {
    max-width: 760px;
}

#ui-tooltip-modal-connection {
    max-width: 320px;
}

#ui-tooltip-modal-connection-pro {
    max-width: 320px;
}

#ui-tooltip-modal-inscription, #ui-tooltip-modal-inscription-2 {
    max-width: 760px;
}

#ui-tooltip-modal-inscription .element .widget input, #ui-tooltip-modal-inscription .element .widget textarea,
#ui-tooltip-modal-inscription-2 .element .widget input, #ui-tooltip-modal-inscription-2 .element .widget textarea {
    width: 150px;
}

.inscription-div {
    display: none;
    width: 730px;
}

.inscription-div .element .widget select {
    width: 150px;
}

.inscription-div .inner-modal {
    margin-top: 10px;
    width: 330px;
    background-color: #eaeaea;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
    padding: 10px;
}

.inscription-div #date_defunt_jour, .creation-part-pro-div #date_defunt_jour {
    width: 46px;
    font-size: 100%;
}

.inscription-div #date_defunt_mois, .creation-part-pro-div #date_defunt_mois {
    width: 88px;
    font-size: 100%;
}

.inscription-div #date_defunt_annee, .creation-part-pro-div #date_defunt_annee {
    width: 65px;
    font-size: 100%;
}

.etapes-inscriptions-1 {
    background: url(../images/etapes-inscription.jpg) no-repeat top left;
    width: 730px;
    height: 50px;
}

.etapes-inscriptions-2 {
    background: url(../images/etapes-inscription.jpg) no-repeat top left;
    width: 730px;
    height: 50px;
    background-position: 0 -50px;
}

.etapes-inscriptions-3 {
    background: url(../images/etapes-inscription.jpg) no-repeat top left;
    width: 730px;
    height: 50px;
    background-position: 0px -100px;
}

.ei2 {
    background-position: 50px left;
}

.ei3 {
    background-position: 100px left;
}

.inscription-div select {
    padding: 2px !important;
}

.btn_paiement {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
    height: 34px;
    background: transparent url(../images/bouton-generique-bleu.jpg) no-repeat top left;
}

/*******************************************************

Formulaire

*******************************************************/

select.date {
    width: auto !important;
}

.aide {
    display: none;
    background-color: #F2F5A9;
    margin-left: 25px;
    position: absolute;
    padding: 7px;
}

.group {
    background-color: #fff;
    -webkit-border-radius: 5px; /* for Chrome + Safari */
    -moz-border-radius: 5px; /* for Firefox */
    -khtml-border-radius: 5px; /* for Konqueror */
    border-radius: 5px; /* for Opera 10.5, IE9 and future-proofing */
    padding: 10px 10px 40px 10px;
    margin-top: 20px;
    position: relative;
}

.group_name {
    font-size: 1.5em;
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(21, 59, 118);
    color: rgb(21, 59, 118);
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.duplicable_content {
    border-top: 1px solid black;
}

#simplifia_form {
    margin: 20px 0;
}

.element {
    padding: 5px 0;
    clear: both;
}

.element .label_title {
    font-weight: bold;
    display: block;
    float: left;
    font-size: 1.05em;
    border-bottom: 1px dotted #000;
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
    width: 540px;
    text-align: left;
}

.element .label {
    display: block;
    width: 220px;
    float: left;
    text-align: right;
    padding-right: 10px;
    padding-left: 50px;
}

.element .label label {
    vertical-align: sub;
}

.element .widget input, .element .widget select, .element .widget textarea {
    /*padding: 5px;*/
    width: 300px;
}

.element .widget select {
    width: 300px;
}

.bypass_validate {
    display: none;
}

label .etoile {
    padding: 0px 5px 0px 5px;
    color: #FF0000;
}

.action_button {
    float: right;
    margin-top: 20px;
    z-index: 33;
    position: relative;
}

.ajout_groupe {
    padding: 5px;
    border: 1px dashed #FCFCFC;
    background-color: #FCFCFC;
    margin-bottom: 20px;
}

.ajout_groupe span.label {
    font-size: 1.2em;
    padding: 10px;
}

.ajout_groupe p span.intitule {
    padding: 10px;
    font-weight: bold;
}

.ajout_groupe p span.reponse {
    /*padding:10px;*/
    font-style: italic;
    float: right;
}

.btn-actualiser {
    /*float:right;*/
    margin-left: 230px;
}

.error {
    border: 1px solid red;
}

/*************************

See Answers

***********************/

.seeanswers_group {
    border: 1px solid black;
    padding: 10px;
    background-color: #023F9A;
    color: white;
}

.seeanswers_subtitle {
    border: 1px solid black;
    padding: 10px;
    background-color: orange;
    color: white;
}

.seeanswers_answer {
    padding: 5px 0 5px 10px;
}

.seeanswers_titles {
    border: 1px solid black;
    padding: 10px;
    background-color: #002863;
    color: white;
}

/*************************

Parametres

***********************/

/*.parametres th { display: none; }*/

.parametres td input {
    width: 590px;
    border: 2px #D0D0D0 solid;
    margin-bottom: 4px;
}

.parametres td input[type="submit"] {
    width: 150px;
    float: right;
    margin: 11px 0 15px;
}

/*******************************************************

Bouton g�n�rique effet hover // ombre et fond blanc

*******************************************************/

a.gbutton {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
    background: url(../images/bouton-generique.png) no-repeat left top;
    height: 34px;
}

a.gbutton span {
    display: block;
    float: left;
    background: url(../images/bouton-generique.png) no-repeat right top;
    height: 30px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 32px;
    margin-left: 22px;
    cursor: pointer
}

a.hbutton {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
    background: url(../images/bouton-generique-hover.png) no-repeat left top;
    height: 41px;
}

a.hbutton span {
    display: block;
    float: left;
    background: url(../images/bouton-generique-hover.png) no-repeat right top;
    height: 31px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 32px;
    margin-left: 22px;
    cursor: pointer
}

a.hbutton:hover {
    background-position: 0px bottom;
    color: #000000
}

a.hbutton:hover span {
    background-position: right bottom;
}

a.homebutton {
    display: block;
    float: left;
    background: url(../images/bouton-home.png) no-repeat right top;
    height: 41px;
    padding-left: 12px;
    padding-right: 43px;
    cursor: pointer;
}

a.homebutton:hover {
    background-position: right bottom;
}

a.genbutton {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    text-decoration: none;
    height: 34px;
}

/*a.bbutton { background:url(../images/bouton-generique-bleu.png) no-repeat left top; }
a.vbutton { background:url(../images/bouton-generique-vert.png) no-repeat left top; }
*/
a.genbutton span {
    display: block;
    float: left;
    height: 25px;
    padding-left: 10px;
    padding-top: 9px;
    padding-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    color: white;
}

a.bbutton span {
    background: url(../images/bouton-generique-bleu.png) no-repeat right top;
    border-radius: 13px;
}

a.vbutton span {
    background: url(../images/bouton-generique-vert.png) no-repeat right top;
    border-radius: 13px;
}

a.genbutton:hover {
    background-position: 0px bottom;
    color: #FFF
}

a.genbutton:hover span {
    background-position: right bottom;
}

a.active, a.bactive {
    background-position: 0px bottom;
    color: #FFFFFF;
}

a.active span, a.bactive span {
    background-position: right bottom;
}

/**************** TEMP ************************/

.height-500 {
    height: 500px;
    margin-top: 25px;
}

.tempyellow {
    background-color: yellow;
}

/*********************************
*
* IE SPECIFIC
*
*********************************/

#slider_image {
    height: 230px;
}

#retourEdit {
    clear: both;
    background-image: url("../images/bouton-generique-hover.png");
    background-repeat: no-repeat;
    background-position: -20px -5px;
}

#editMdpEmail {
    position: absolute;
    right: -0px;
    top: -90px;
    background-image: url("../images/bouton-generique-hover.png");
    background-repeat: no-repeat;
    background-position: -20px -5px;
}

#formSaveMdp {
    display: inline;
    float: left;
}

#formSaveEmail {
    display: inline;
    float: left;

}

#formSaveEmail table, #formSaveMdp table {
    border-style: none;
    border-collapse: separate;
}