@import url("content.css");
@import url("superfish.css");
/* ------------------------------------ */
/* GENERAL */
/* ------------------------------------ */
body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : transparent url(../images/fond_ecran_new.jpg) fixed;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
div.contenu_global {
    width              : 400px;
    height             : 480px;
    overflow           : auto;
    padding            : 5px;
}
div#container {
    width              : 1024px;
    margin             : 0 auto;
    background         : transparent url(../images/background_container.jpg) no-repeat;
    padding            : 0px;
}
/* ------------------------------------ */
/* LES FONDS */
/* ------------------------------------ */
div.gab_formation {
    margin             : 0 auto;
    background         : transparent url(../images/gabarit_formation/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    padding            : 0px;
}
div.gab_actu {
    background         : transparent url(../images/gabarit_actu/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_offre {
    background         : transparent url(../images/gabarit_offre/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_adherent {
    background         : transparent url(../images/gabarit_adherent/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_apprentissage {
    background         : transparent url(../images/gabarit_apprentissage/background_new.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_association {
    background         : transparent url(../images/gabarit_association/background_new.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_contact {
    background         : transparent url(../images/gabarit_contact/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_autre {
    background         : transparent url(../images/gabarit_apprentissage/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
div.gab_coordonnees {
    background         : transparent url(../images/gabarit_coordonnees/background.jpg) no-repeat !important;
    width              : 1024px;
    height             : 768px;
    margin             : 50px;
    padding            : 0px;
}
/* ------------------------------------ */
/* HOME - PARTIE GAUCHE ET DROITE */
/* ------------------------------------ */
div#left_side_home {
    width              : 426px;
    float              : left;
}
div#right_side_home {
    width              : 488px;
    float              : right;
    margin-right       : 24px;
    margin-top         : 25px;
}
div#right_content {
    position            : absolute;
    top                 : 84px;
    left                : 35px;
}
/* ------------------------------------ */
/* HOME - ACTUS */
/* ------------------------------------ */
div#actus {
    width              : 405px;
    height             : 112px;
    margin-top         : 30px;
    margin-left        : 55px;
    padding-top        : 42px;
    color              : #000;
    background         : url(../images/background_actu.jpg) no-repeat;
}
div.actu_content {
    margin-left        : 10px;
    width              : 350px;
    height             : 77px;
    display            : block;
}
div.titre_description_actus {
    width              : 210px;
    float              : left;
    color              : #000;
    text-align         : left;
}
div.img_actu {
    float               : right;
    border              : 2px solid #c9d200;
}
.lireSuiteActu {
    float               : right;
}
div#home_content_diapo {
    width              : 405px;
    height             : 112px;
    margin-top         : 30px;
    margin-left        : 55px;
    padding-top        : 42px;
    color              : #fff;
    background         : url(../images/background_actu.jpg) no-repeat;

}
#mycarousel_contenu {
    height              : 112px;
    float               : left;
}
/* ------------------------------------ */
/* HOME - RECHERCHER UNE FORMATION */
/* ------------------------------------ */
div#formation_home_search {
    width              : 405px;
    height             : 111px;
    margin-top         : 10px;
    margin-left        : 55px;
    background         : url(../images/formation_search.jpg) no-repeat;
    padding-top        : 55px;
}
div#formation_home_search img {
    float              : right;
    margin-top         :-55px;
    height             : 169px;
    width              : 191px;
    border             : none;
}
div#recherche_formation {
    margin-left        : 24px;
    width              : 185px;
    height             : 77px;
    float              : left;
}
#recherche_diplome {
    width              : 150px;
    margin-bottom      : 10px;
}
#recherche_departement {
    width              : 150px;
    margin-bottom      : 10px;
}
#recherche_secteur {
    width              : 150px;
}
#submit_form {
    margin-left        : 5px;
}
/* ------------------------------------ */
/* HOME - LES ESPACES */
/* ------------------------------------ */
div#space {
    width              : 405px;
    height             : 86px;
    margin-top         : 15px;
    margin-left        : 55px;
}
div#job_space {
    color              : #F6A800;
    width              : 147px;
    height             : 86px;
    float              : left;
}
div#titre_job_space {
    padding-left       : 8px;
}
div#contenu_job_space {
    background         : transparent url(../images/fond_deposer_offre.gif) top left no-repeat;
    color              : #fff;
    height             : 61px;
}
div#deposer_offre {
    margin-top         : 5px;
    margin-left        : 15px;
    font-weight        : bold;
    padding-top        : 8px;
}
div#space_adherent {
    width              : 242px;
    height             : 86px;
    float              : left;
    margin-left        : 16px;
}
div#titre_space_adherent {
    padding-left       : 8px;
    float              : left;
}
div#picto_adherent {
    float              : right;
}
a#devenir_adherent {
    margin-top         : 5px;
    float              : right;
}
div#contenu_space_adherent {
    background         : transparent url(../images/fond_espace_adherent.gif) top left no-repeat;
    position: relative;
    margin-top         : 3px;
    margin-left        : 0px;
    height             : 61px;
}
input#input_text {
    width              : 100px;
    height             : 13px;
    float              : left;
    margin-left        : 6px;
    margin-top         : 10px;
    font-size           : 9px;
    border              : 1px solid gray;
    padding             : 2px;
}
input#input_passwd {
    width              : 100px;
    height             : 13px;
    float              : left;
    margin-left        : 18px;
    margin-top         : 10px;
    font-size           : 9px;
    border              : 1px solid gray;
    padding             : 2px;
}

div#deconnect a, div#deconnect a:link, div#deconnect a:visited {
    color              : #fff;
    text-decoration    : none;
}
div#deconnect a:hover {
    text-decoration    : underline;
}
div#oublie {
    float              : left;
    margin-right       : 10px;
    margin-top         : 10px;
    margin-left        : 70px;
}
div#oublie a, div#oublie a:link, div#oublie a:visited  {
    color              : #fff;
    text-decoration    : underline;
}
div#oublie a:hover {
    color              : #000;
}
input#input_image {
    float              : right;
    margin-top         : 10px;
    margin-right       : 17px;
}
/* ------------------------------------ */
/* HOME - MENU */
/* ------------------------------------ */
#header_menu {
    text-align         : left;
    margin-left        : 36px;
    margin-bottom      : 0;
    height             : 38px;
}
#header ul {
    margin             : 0;
    padding            :0;
}
#header ul li {
    display            : inline;
    list-style         : none;
    margin-bottom      : -1px;;
    background         : #B5D45D;
    position           : relative;
    z-index            : 20;
}
ul.sf-menu {
    margin             : 0;
}
/* ------------------------------------ */
/* HOME - FOOTER */
/* ------------------------------------ */
#footer_home {
    height             : 33px;
    margin-right       : 34px;
}
#footer_menu_home {
    text-align         : right;
}
#footer_home ul {
    margin             : 0;
}
#footer_home ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 16px;
}
#footer_home ul li, #footer_home ul li a, #footer_home ul li a:link, #footer_home ul li a:visited {
    text-decoration    : none;
    color              : #FFF;
}
#footer_home ul li a:hover {
    text-decoration    : underline;
}
#footer_home img {
    margin-top         : 2px;
    vertical-align    : middle;
}
/* ------------------------------------ */
/* CLASSIQUE - PARTIE GAUCHE ET DROITE */
/* ------------------------------------ */
div.left_side_classique {
    width              : 486px;
    float              : left;
    padding-left       : 26px;
}
div.right_side_classique {
    float              : left;
    width              : 478px;
    padding            : 0 0 0 10px;
    position           : relative;
}
div.logo_classique {
    padding-top        : 13px;
    margin-bottom      : 0;
}
/* ------------------------------------ */
/* CLASSIQUE - MENU */
/* ------------------------------------ */
.header_menu_classique {
    position            : absolute;
    top                 : 22px;
}
/* ------------------------------------ */
/* CLASSIQUE - ACTUS */
/* ------------------------------------ */
div#actus_classique {
    width              : 405px;
    height             : 112px;
    margin-top         : 68px;
    margin-left        : 45px;
    padding-top        : 42px;
    color              : #000;
    background         : url(../images/gabarit_formation/actus_background.gif) no-repeat;
}
/* ------------------------------------ */
/* CLASSIQUE - ENCART */
/* ------------------------------------ */
#encart_assoc {
    position           : absolute;
    width              : 198px;
    height             : 166ppx;
    top                : 250px;
    left               : 245px;
}
#encart_titre_assoc {
    width              : 147px;
    background-color   : #7a905c;
    color              : #FFF;
    height             : 24px;
    padding            : 3px 0 0 5px;
}
#encart_content_assoc {
    width              : 193px;
    height             : 137px;
    border-top         : 1px solid #757e85;
    border-bottom      : 1px solid #757e85;
    background-color   : #c9d200;
    padding            : 3px 0 0 5px;
}
/* Hack Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #encart_assoc {
        left               : 329px;
    }
}
#encart_content_assoc p {
    font-family: trebuchet;
}
div#contenu_left_classique {
    position           : relative;
}
#encart_appre {
    position           : absolute;
    width              : 198px;
    height             : 166ppx;
    top                : 250px;
    left               : 245px;
}
#encart_titre_appre {
    width              : 147px;
    background-color   : #c99100;
    color              : #FFF;
    height             : 24px;
    padding            : 3px 0 0 5px;
}
#encart_content_appre {
    width              : 193px;
    height             : 137px;
    border-top         : 1px solid #757e85;
    border-bottom      : 1px solid #757e85;
    background-color   : #ffdc00;
    padding            : 3px 0 0 5px;
}
/* Hack Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #encart_appre {
        left               : 329px;
    }
}
#encart_content_appre p {
    font-family: trebuchet;
}
#encart_forma {
    position           : absolute;
    width              : 198px;
    height             : 166ppx;
    top                : 350px;
    left               : 250px;
}
#encart_titre_forma {
    width              : 181px;
    background-color   : #860058;
    color              : #FFF;
    height             : 24px;
    padding            : 3px 0 0 5px;
}
#encart_content_forma {
    width              : 193px;
    height             : 137px;
    border-top         : 1px solid #757e85;
    border-bottom      : 1px solid #757e85;
    background-color   : #f2dde7;
    padding            : 3px 0 0 5px;
}
/* Hack Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #encart_forma {
        left               : 329px;
    }
}
#encart_content_forma p {
    font-family: trebuchet;
}
/* ------------------------------------ */
/* CLASSIQUE - FIL D'ARIANE */
/* ------------------------------------ */
div#fil_ariane {
    margin-top         : 20px;
}
div#fil_ariane ul li {
    display            : inline;
    list-style         : none;
}
div#fil_ariane  img {
    vertical-align     : middle;
}
div#fil_ariane a, div#fil_ariane a:link, div#fil_ariane a:visited {
    text-decoration    : none;
    color              : #838A90;
}
div#ifil_ariane a:hover {
    text-decoration     : underline;
}
div#fil_ariane_bis {
    margin-top         : 15px;
}
div#fil_ariane_bis ul li {
    display            : inline;
    list-style         : none;
}
div#fil_ariane_bis  img {
    vertical-align     : middle;
}
div#fil_ariane_bis a, div#fil_ariane_bis a:link, div#fil_ariane_bis a:visited {
    text-decoration    : none;
    color              : #838A90;
}
div#ifil_ariane_bis a:hover {
    text-decoration     : underline;
}
/* ------------------------------------ */
/* CLASSIQUE - PARTIE DROITE */
/* ------------------------------------ */
div.contenu_global {
    width              : 405px;
    height             : 480px;
    overflow           : auto;
    padding            : 5px;
}
/* ------------------------------------ */
/* ADHERENT */
/* ------------------------------------ */
div#contenu_right_adherent {
    width               : 478px;
}
div#contenu_left_adherent {
    height              : 670px;
}
div#titre_adherent_page {
    margin-left         : 238px;
    margin-top          : 30px;
}
div#menu_gauche {
    background          : url(../images/gabarit_adherent/background_menu.jpg) no-repeat;
    height              : 110px;
    margin-top          : 68px;
    margin-left         : 20px;
    padding-top         : 35px;
    padding-left        : 20px;
}
div#menu_gauche div {
    float: left;
    width: 100px;
    height: 55px;
    margin-right : 48px;
    text-align: center;
    padding-top: 20px;
}

div#menu_gauche div a, div#menu_gauche div a:link, div#menu_gauche div a:visited  {
    text-decoration     : none;
    color               : #000;
    font-size           : 14px;
    font-weight         : bold;
    font-family         : trebuchet;
    text-decoration     : underline;
}
div#menu_gauche div a:hover {
    text-decoration     : underline;
    color               : #000;
}
div#contenu_right_formation {
    position: absolute;
    top: 60px;
    left: 40px;
}
/* ------------------------------------ */
/* FORMATIONS */
/* ------------------------------------ */
/* ------------------------------------ */
/* RECHERCHER FORMATION */
/* ------------------------------------ */
div#formation_search {
    width              : 202px;
    height             : 136px;
    margin-top         : 36px;
    margin-left        : 248px;
    background         :  url(../images/gabarit_formation/search_background.gif) no-repeat;
    padding-top        : 40px;
}
/* ------------------------------------ */
/* AFFICHAGE FORMATIONS */
/* ------------------------------------ */
div#titre_formation {
    margin-top         : 30px;
}
div#resultat_recherche {
    margin-top         : 10px;
    width              : 410px;
    height             : 490px;
    overflow           : auto;
    padding-left       : 5px;
}
div.une_formation {
    margin-bottom      : 25px;
    margin-top         : 5px;
}
div.titre_secteur {
    background         : #860058;
    color              : #fff;
    text-align         : center;
    height             : 14px;
    text-transform     : uppercase;
    font-weight        : bold;
}
ul.contenu_par_secteur {
    margin: 0;
    padding-left: 13px;
    width: 360px;
}
ul.contenu_par_secteur a, ul.contenu_par_secteur a:link, ul.contenu_par_secteur a:visited {
    color              : #860058;
    margin              : 0;
    padding             : 0;
}
ul.contenu_par_secteur li {
    margin-bottom      : 2px;
    margin-top         : 10px;
    font-weight        : bold;
    width               : 360px;
    list-style          : none;
    background          : url(../images/puce.gif) left 3px no-repeat;
    padding-left        : 10px;
}
div.lieu_dept {
    float              : right;
    color              : #526066;
}
div.lieu_dept a, div.lieu_dept a:link, div.lieu_dept a:visited, div.lieu_dept a:hover {
    color              : #526066;
    font-weight        : normal;
}
div#intitule_diplome span  {
    color              : #526066;
    font-weight        : bold;
}
div#intitule_diplome {
    font-weight        : bold;
    width: 390px;
}
span#titre_diplome {
    text-transform     : uppercase;
}
div#haut_detail_formation {
    color              : #8B3972;
    font-weight        : bold;
    margin-bottom      : 30px;
}
div#haut_detail_formation span {
    font-size          : 14px;
}
div#contenu_detail_formation {
    border-bottom      : 1px solid #71757E;
}
div.titre_detail {
    background         : #860058;
    color              : #fff;
    text-align         : center;
    height             : 14px;
    width              : 382px;
    text-transform     : uppercase;
    font-weight        : bold;
    margin-bottom      : 6px;
}
div.contenu_detail {
    color              : #5C6770;
    padding-left       : 10px;
    width              : 372px;
    margin-bottom      : 30px;
}
a#retour_liste {
    margin-top         : 6px;
    float              : right;
    margin-right       : 10px;
}
div#titre_lieu {
    color              : #860058;
    font-size          : 14px;
    font-weight        : bold;
}
div#detail_lieu {
    margin-top         : 10px;
    padding-bottom     : 15px;
    border-bottom      : 1px solid #6F767E;
}
div#correspondant_lieu {
    background         : #E8DCE7;
    padding-top        : 15px;
    padding-bottom     : 15px;
    padding-left       : 7px;
    text-align         : left;
}
div#description_lieu {
    margin-top         : 5px;
    txt-align          : left;
    padding-left       : 7px;
}

div#formation_dispense span {
    color              : #860058;
    font-size          : 13px;
    font-weight        : bold;
    margin-top         : 5px;
    margin-bottom      : 5px;
}
div#formation_dispense {
    margin-top         : 5px;
}
/* ------------------------------------ */
/* FOOTER */
/* ------------------------------------ */
div.space_footer {
    width               : 974px;
    position            : absolute;
    padding             : 0 25px;
    top                 : 735px;
    _ top               : 393px;
}
div.space_adherent_footer {
    float              : left;
    border-bottom      : 1px solid #fff;
    color              : #fff;
    padding            : 3px 0;
    width              : 300px;
}
div.space_adherent_footer input.input_text {
    width              : 85px;
    height             : 13px;
    float              : left;
    margin-left        : 3px;
    font-size           : 9px;
    border              : 1px solid gray;
    padding             : 2px;
}
div.space_adherent_footer input.input_passwd {
    width              : 85px;
    height             : 13px;
    float              : left;
    margin-left        : 4px;
    margin-right         : 3px;
    font-size           : 9px;
    border              : 1px solid gray;
    padding             : 2px;
}
div.space_adherent_footer a{
    float              : left;
    margin-right       : 2px;
    color              : #fff;
}
.input_footer  {
    width              : 85px;
}
div.demander_offre_footer {
    float              : left;
    width              : 128px;
    padding            : 0 2px;
}
#footer_menu_classique{
    float              : right;
}
#footer_menu_classique ul {
    margin             : 0;
}
#footer_menu_classique ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 16px;
}
#footer_menu_classique ul li, #footer_menu_classique ul li a, #footer_menu_classique ul li a:link, #footer_menu_classique ul li a:visited {
    text-decoration    : none;
    color              : #FFF;
}
#footer_menu_classique ul li a:hover {
    text-decoration    : underline;
}
#footer_menu_classique img {
    margin-top         : 2px;
    vertical-align    : middle;
}
/* ------------------------------------ */
/* PAGE ACTU */
/* ------------------------------------ */
div#actu_element {
    width: 400px;
}

div#actu_element h2 {
    padding: 0;
    margin: 0;
    color: #7a905c;
    text-transform: uppercase;
    font-family: Times;
}

div#actu_element h3 {
    color: #7a905c;
    font-size: 12px;
    font-family: Times;
}
