/* Attributs HTML */
body {
    margin-top: 20px ; 
}

img { 
    border:none  ;
}

/* Definition des classes */

.site {
    font-family: Arial, Verdena, sans-serif, times ;
    background-color: white ; 
    margin: 5px auto ; 
    width: 1024px ;
    background-image: url("/images/cadre_fond.gif"); 
    background-repeat:  repeat-y; 
}

/* Menu superieur du site, entete */

.entete {
}

.entete_logo {
    text-align: center ;
    float:left ;
    width: 173px ;
    height: 111px ;
    padding-left: 27px ;
    background-color: white;
}

.entete_menu {
    float: right ;
    position: relative ;
    right: -30px ;
    padding-right: 97px ;
    padding-top: 24px ;
    text-align: right ;
    font-size:  14px ;	    
    height: 66px ;
    width: 720px ;
    background-image: url("/images/cadre_entete.gif"); 
    background-repeat:  no-repeat; 
}

.em_element {
    text-align: center;
    float: right;
    background-image: url("/images/em_element.gif"); 
    background-repeat: no-repeat; 
    width: 104px;
    height: 55px;
    padding-top: 18px ;
    margin-left: 2px ;
    color: #364447;
    font-weight: bold;
}

.em_selection {
    background-image: url("/images/em_selection.gif"); 
    background-repeat: no-repeat; 
    text-align: center;
    float: right;
    width: 104px;
    height: 55px;
    padding-top: 18px ;
    font-weight: bold  ; 
    color: #d62628 ;
}

.em_element A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.em_selection A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.em_selection A:hover {
    color: #d62628;
}

.em_element A:hover {
    color: #d62628;
}

/* Corps principal du site */

.corps {
    margin-top: 10px ;
    margin-bottom: 10px ;
    clear: both ;
}

/* Menu gauche */

.corps_menu {
    float: left ;
    display: block ; 
    margin-bottom: 10px ;
    overflow: hidden ;
    width: 220px ;
    height: 400px ;
}

.corps_sousmenu {
    border-style: dotted ;
    border-width: 0px ;
}

.cm_nom {
    width: 220px ;
    height: 29px ;
    padding-top: 12px;
    font-weight: bold ;
    font-size: 14px ;
    text-align: center ;
    background-image: url("/images/cm_entete.gif"); 
    background-repeat: no-repeat; 
    color: #364447;
}

.cm_pied {
    width: 220px ;
    height: 33px ;
    background-image: url("/images/cm_pied.gif"); 
    background-repeat: no-repeat; 
}

.cm_element {
    font-size: 14px ;
    width: 220px ;
    height: 28px ;
    background-image: url("/images/cm_element.gif"); 
    background-repeat: no-repeat; 
    padding-top: 7px;
    padding-left: 25px;
}

.cm_element A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.cm_selection A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.cm_sousselection A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.csm_element A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.csm_selection A {
    text-decoration: none ;
    font-weight: bold ;
    color: #364447;
}

.cm_element A:hover {
    color: #d62628;
}

.cm_selection A:hover {
    color: #d62628;
}

.csm_element A:hover {
    color: #d62628;
}

.csm_selection A:hover {
    color: #d62628;
}

.cm_sousselection A:hover {
    color: #d62628;
}

.cm_selection {
    font-size: 14px ;
    width: 220px ;
    height: 28px ;
    padding-top: 7px;
    padding-left: 25px;
    font-weight: bold;
    background-image: url("/images/cm_selection.gif"); 
    background-repeat: no-repeat; 
}

.cm_sousselection {
    font-size: 14px ;
    width: 220px ;
    height: 28px ;
    padding-top: 7px;
    padding-left: 25px;
    background-image: url("/images/cm_sousselection.gif"); 
    background-repeat: no-repeat; 
}

.csm_element {
    font-size: 12px ;
    width: 220px ;
    height: 23px ;
    padding-top: 5px;
    padding-left: 35px;
    background-image: url("/images/csm_element.gif"); 
    background-repeat: no-repeat; 
}

.csm_selection {
    font-size: 12px ;
    width: 220px ;
    height: 23px ;
    padding-top: 5px;
    padding-left: 35px;
    font-weight: bold;
    background-image: url("/images/csm_selection.gif"); 
    background-repeat: no-repeat; 
}

.csm_element A:hover {
    font-weight: bold;
}


/* Corps principal du site */

.corps_contenu {
    font-size: 12px ;
    float: left ;
    border-style: dotted ;
    border-width: 0px ;
    margin-left: 10px ;
    margin-bottom: 10px ;
    width: 590px ;
    text-align: justify ;
}

.colonne {
    float: left ;
    margin-left: 10px ;
    margin-right: 10px ;
    width: 267px ;
}

.colonne_tiers {
    float: left ;
    margin-left: 10px ;
    margin-right: 10px ;
    width: 175px ;
}

.colonne_deuxtiers {
    float: left ;
    margin-left: 10px ;
    margin-right: 10px ;
    width: 365px ;
}

.corps_contenu H1 {
    background-color: #d62628;
    padding-left: 10px ;
    font-weight: normal  ; 
    font-size: 18px;
    color: white;
}

.corps_contenu H2 {
    color: #d62628;
    font-weight: bold  ; 
    font-size: 16px;
    border-bottom: gray 1px solid ; 
}


.corps_contenu H3 {
    color: #d62628;
    font-weight: bold  ;
    font-size: 12px;
    margin-bottom: 0px ;
}

.coordonnees_agence {
    padding-left: 10px ;
    width: 175px ;
    float: left ;
}

.liens_agence {
    padding-right: 20px ;
    padding-top: 0px ;
    width: 155px ;
    float: left ;
    text-align : right;
}

.description_agence {
    clear: both ;
}

.bio_dirigeant {
    padding-left: 10px ;
    width: 375px ;
    float: left ;
}

.photo_dirigeant {
    padding-left: 10px ;
    width: 175px ;
    float: left ;
    text-align: center ;
    margin-bottom: 20px;
}

.dirigeant {
    clear: both ;
    padding-top: 20px ;
    border-top: 1px solid #d2d2d2 ;  
}

.parcours_dirigeant {
    text-align: justify ;
}

.nom_dirigeant {
    font-weight: bold  ; 
    color: #364447;
    font-size: 14px;
}

.fonction_dirigeant {
    font-weight: bold  ; 
    color: black ;
    font-size: 12px;
}

/* Barre d'info a droite */

.corps_info {
    background-color: #f7f7f7;
    float: left ;
    margin-left: 10px ;
    width: 165px ;
    text-align: justify ;
    font-size: 10px;
}

.info_element {
    border-style: dotted ;
    border-top: 0px solid #f2f2f2 ;  
    border-left: 2px solid #f2f2f2 ;  
    border-right: 0px solid #f2f2f2 ;
    border-bottom: 0px solid #f2f2f2 ;
    padding-left: 10px ;
    padding-right: 10px ;
}

.info_titre {
    font-weight: bold  ; 
    color: #d62628;
    text-align: left ;
}

.info_texte {
    color: gray;
    text-align: justify ;
}

.info_titre A {
    text-decoration: none ;
    color: #d62628;
    font-weight: bold ;
}

.info_titre A:hover {
    color: #d62628;
    text-decoration: none ;
}

/* Pied du site */

.pied {
    color: #364447;
    font-size: 10px ;
    clear: both ;
    text-align: center ;
    position: relative ;
    background-image: url("/images/cadre_pied.gif"); 
    background-repeat: no-repeat ; 
    padding-top: 30px ;
    padding-left: 170px ;
    height: 30px ;
}

.pied A {
    color: #364447;
    text-decoration: none;
}

.reference_contexte {
    font-weight: bold  ;
}

.reference_apport {
    font-weight: bold  ;
}

.reference_secteur {
    font-weight: bold  ;
}

.actualite_date {
    float: left ;
    margin-left: 10px ;
    width: 100px ;
    text-align: justify ;
    font-weight: bold  ;
    color: #d62628;
}

.actualite_titre {
    float: left ;
    text-align: justify ;
    font-weight: bold  ;
    width: 450px ;
}

.actualite_description {
    clear: both;
    float: left ;
    padding-left: 100px ;
    margin-left: 10px ;
    text-align: justify ;
    font-size: 10px;
    margin-bottom: 20px ;
    width: 450px ;
}

.actualite_description A {
    text-decoration: none;
}

.actualite {
}

.element_offre {
    clear: both;
    float: left ;
    width: 590px ;
    margin-bottom: 10px ;
    height: 20px;
}

.description_offre {
    float: left ;
    margin-left: 10px ;
    width: 400px ;
    text-align: justify ;
    font-weight: bold  ;
    color: #d62628;
}

.contrat_offre {
    float: left ;
    text-align: justify ;
    font-weight: bold  ;
    width: 50px ;
}

.localisation_offre {
    float: left ;
    margin-left: 10px ;
    text-align: left ;
    font-size: 10px;
    margin-bottom: 20px ;
    width: 100px ;
}

.description_offre A {
    text-decoration: none;
    color: #364447;
}

.retour_offre A {
    text-decoration: none;
    color: #364447;
}

.postuler_offre A {
    text-decoration: none;
    color: #364447;
}

.actualite_titre A {
    text-decoration: none;
    color: #364447;
}

.postuler_offre {
    float: left ;
    width: 280px ; 
}

.retour_offre {
    float: left ;
    width: 280px ; 
}

.pied_offre {
    font-size: 16px;
    margin-top: 20px ;
    text-align: center ;
    font-weight: bold  ;
    width: 560px ; 
    clear: both ;
    float: left ;
}

.champ_contact {
    clear: both;
    margin-bottom: 5px ;
    float: left ;
    width: 560px ; 
}

.label_champ_contact {
    float: left ;
    width: 100px ;
}

.input_champ_contact {
    float: left ;
}