@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
* (en) central stylesheet
* (de) zentrales Stylesheet
*
* @creator       YAML Builder V1.2 (http://builder.yaml.de)
* @file          my_layout.css
* @-yaml-minver  3.1
*
*/

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);


/* Regles personnalisées */

/**
*
* LAYOUT
*
**/


h1 {
color: white;
font-variant: small-caps;
}

#page {    
    height: 75px;
    width: 100%;
    background-image: url('/css/../images/bg-header.jpg');
    background-repeat: repeat-x;
}

#header {
    height: 100%;
    margin: 0 auto;
    width: 940px;
}

#logo {
    padding-left: 10px;
    padding-top: 5px;
}

#topnav {
    position: absolute;    
    margin-top: 40px;
    z-index: 1;
}


#topnav ul {
    margin-right: 70px;
    list-style: none;
}

#topnav ul li {
    margin-right: 15px;
    display: inline;
}

#topnav li a {
    font-size: 1.5em;
    text-decoration: none;
    font-variant: small-caps;
    color: white;
}

#topnav li a:hover, #topnav li a:focus, #topnav li a:active {
    border-bottom: 4px solid #8fd5ff;
}

#topnav li.actif a {
    border-bottom: 4px solid #fff;
}

#header-light {
    z-index: 0;
    right: 0px;
    top: 0px;
    width: 481px;
    height: 72px;
    position: absolute;
    background-image: url('/css/../images/bg-header-light.jpg');
    background-repeat: no-repeat;
}

#ombrage-haut {
    z-index: -1;
    position: absolute;
    height: 12px;
    width: 100%;
    background-image: url('/css/../images/bg-haut-main.jpg');
    background-repeat: repeat-x;
}

#main-bg {
    padding-top: 12px;
    margin: 0 auto;
    width: 940px;
    background-image: url('/css/../images/bg-main.jpg');
    background-repeat: no-repeat;
}


#main {
    margin-bottom: 15px;
}

#footer {
    height: 106px;
    width: 100%;
    background-image: url('/css/../images/bg-footer.jpg');
    background-repeat: repeat-x;
    text-align: center;
    font-variant: small-caps;
    font-size: 0.8em;
    font-weight: bold;
}

#wrapper-cadre-footer {
    padding-top: 12px; 
    margin: 0 auto; 
    width: 940px;
}

#cadre-note-footer {
    width: 880px;
    top: 100px;
    margin: 0 auto;
    display: none;
}

#cadre {
    position: absolute;
    margin-top: -475px;
    width: 880px;
    height: 425px;
    background-image: url('/css/../images/cadre.png');
    text-align: left;
    font-variant: normal;
    font-size: 1.2em;
}

.text-cadre {
    padding: 20px;
    color: black;
    display: none;
    font-weight: normal;
}

.fleche {
    position: absolute; 
    top: 421px;
    display: none;
}

#fleche-symfony {
    left: 100px;
}

#fleche-jquery {
    left: 320px;
}

#fleche-cufon {
    left: 500px;
}

#fleche-yaml {
    left: 680px;
}

.logo-vendor {
    width: 25%;
    float: left;
    text-align: center;
    padding-top: 25px;
}

#logo-yaml {
    padding-top: 30px;
}

#wrapper-bagdes-center {
    padding-top: 12px;
    margin: 0 auto;
    width: 940px;
    text-align: center;
}

#badges-cadre {
    text-align: center;
    font-variant: small-caps;
    font-size: 0.8em;
}

#badges {
    text-align: center;
    padding-top: 7px;
}


/**
*
* INDEX
*
**/


ul.ul-index {
    list-style-image: url('/css/../images/puce.gif');
    padding-left: 20px;
}

.ul-index li {
    padding-top: 10px;
    line-height: 12px;
    font-variant: small-caps;
}

.sous-titre-li-index {
    font-size: 0.9em;
    font-variant: normal;
}

#td-reussite {
    background-image: url('/css/../images/bg-reussite.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.reussite-slot {
    padding-top:20px;
    padding-left: 30px;
}

.reussite-embedded {
    float: left;
    margin-right: 10px; 
    padding-top: 10px;
}

.reussite-quote {
    padding-right: 10px;
}


/**
*
* A PROPOS
*
**/

  #col1 { float: left; width: 20%;  margin:0; text-align: center;}
  #col2 { float: left; width: 40%;  margin:0 }
  #col3 { width: auto; margin: 0 0 0 60%}
  #col1_content { padding: 0 10px 0 20px }
  #col2_content { padding: 0 10px }
  #col3_content { padding: 0 20px 0 10px }


  /**
  *
  * CONTACT
  *
  **/

  .erreur {
    font-size: 90%;
    color: #931A2E;
    
    }
#cadre-contact {
    color: black;
    margin: 0 auto;
    width: 638px;
    height: 383px;
    padding-top: 60px;
    padding-left: 120px;
    background-image: url(/css/../images/bg-contact-form.jpg);
    background-repeat: no-repeat;
    background-position: top;
    }

#cadre-contact-sent {
    text-align: center;
    color: black;
    margin: 0 auto;
    width: 638px;
    height: 383px;
    padding-top: 260px;
    padding-left: 160px;
    background-image: url(/css/../images/bg-contact-form.jpg);
    background-repeat: no-repeat;
    background-position: top;
    }