/* Les éléments HTML en général
-------------------------------------------------------- */

body
{
    background:             #464547 url('images/commun/background.gif') repeat-y center top;
	color:                  #666;
	font-family:            Arial, Verdana, sans-serif;
    margin:                 0px;
    text-align:             center;
}

h1,h2,h3,h4,h5,h6{font-weight:bold;font-family:arial;padding:0px;margin:0px;margin-bottom:6px;}
h1{font-size: 16px;}
h2{font-size: 14px;}
h3{font-size: 12px;margin-bottom:4px;}
h4{font-size: 11px;margin-bottom:2px;}
h5{font-size: 10px;margin-bottom:2px;}
h6{font-size: 9px;margin-bottom:2px;}

hr.violet {border:1px solid #5a357c;}

table{font-size:11px;}

a{color: #000;text-decoration:none;font-weight:bold;}
a:hover{color: #636;text-decoration:underline;}

.vert{color:#77AE27;}
.orange{color:#ED911B;}
.bleu{color:#047AB5;}
.blanc{color:#fff;}
.violet{color:#5a357c;}

select, textarea, input.txt
{
    font-size:                  11px;
    font-family:                arial;
    color:                      #808080;
    background-color:           #fff;
    border-top:                 1px solid #888;
    border-left:                1px solid #888;
    border-bottom:              1px solid #ccc;
    border-right:               1px solid #ccc;
    padding:                    0px;
    padding-left:               2px;
    margin:                     0px;
}

img{border:0px;}
div.clear{clear:both;}

p{font-size:12px;text-align:justify;}

h2.titre_page_bleu,
h2.titre_page_vert,
h2.titre_page_orange,
h2.titre_page_gris,
h2.titre_page_violet
{
    width:                      100%;
    margin:                     0px;
    padding-top:                10px;
    text-indent:                20px;
    text-align:                 left;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    height:                     20px;
}

h2.titre_page_bleu{border-bottom:3px solid #047AB5;color:#047AB5;}
h2.titre_page_vert{border-bottom:3px solid #77AE27;color:#77AE27;}
h2.titre_page_orange{border-bottom:3px solid #ED911B;color:#ED911B;}
h2.titre_page_gris{border-bottom:3px solid #666;color:#666;}
h2.titre_page_violet{border-bottom:3px solid #5a357c;color:#5a357c;}


/* La ligne tricolore
-------------------------------------------------------- */
.lignecouleurs
{
	height:                 6px;
	width:                  760px;
	background:             #fff url('images/commun/ligne-couleurs.gif') repeat-y left top;
	margin:                 auto;
	clear:                  both;
}

/* Structure de la page
-------------------------------------------------------- */

#page_container
{
    width:                      760px;
    margin:                     auto;
    text-align:                 center;
}

#page_top
{
    height:                     20px;
    background-color:           #000;
}

#page_banniere
{
    height:                     100px;
    background-image:           url('images/commun/banniere.png');
}

#page_banniere_titre
{
    float:                      left;
    margin-top:                 40px;
    margin-left:                160px;
    text-align:                 left;
}

#page_banniere_menu
{
    float:                      right;
    margin-top:                 20px;
    margin-right:               16px;
}

a.banniere_menu_lien
{
    color:                      #fff;
    font-size:                  12px;
    font-weight:                normal;
}

a.banniere_menu_lien_actif
{
    color:                      #bbb;
    font-size:                  12px;
    font-weight:                normal;
}

#page_content
{
    height:                     500px;
	width:                      758px;
	background-color:           #fff;
	border-left:                1px solid #888;
	border-right:               1px solid #888;
}

#page_footer
{
    height:                     18px;
    background-image:           url('images/commun/banniere-bottom.png');
    background-repeat:          no-repeat;
}

a.footer
{
    color:                      #A8A6A9;
    font-family:                arial;
    font-size:                  11px;
    padding-right:              10px;
    padding-left:               10px;
}

a.lien_activite
{
    color:                      #fff;
    text-decoration:            none;
}

a:hover.lien_activite
{
    text-decoration:            underline;
}

a.contenu
{
    color:                      #555;
    font-family:                arial;
    font-size:                  11px;
    text-decoration:            none;
}

a:hover.contenu
{
    text-decoration:            underline;
}

/********** Styles divers **********/

div.sous_menu_gris              {background-image:url('images/commun/bandeau-gris.png');}
div.sous_menu_vert              {background-image:url('images/commun/bandeau-vert.png');}
div.sous_menu_bleu              {background-image:url('images/commun/bandeau-bleu.png');}
div.sous_menu_orange            {background-image:url('images/commun/bandeau-orange.png');}
div.sous_menu_violet            {background-image:url('images/commun/bandeau-violet.png');}

div.sous_menu_gris,
div.sous_menu_vert,
div.sous_menu_bleu,
div.sous_menu_orange,
div.sous_menu_violet
{
    border-top:                 1px solid #fff;
    width:                      759px;
    width:                      100%;
    height:                     22px;
    text-align:                 center;
}

a.sous_menu_lien
{
    color:                      #fff;
    font-size:                  11px;
    text-decoration:            none;
    padding-left:               15px;
    padding-right:              15px;
}

a.sous_menu_lien_actif_bleu     {color:#047AB5;}
a.sous_menu_lien_actif_vert     {color:#77AE27;}
a.sous_menu_lien_actif_orange   {color:#ED911B;}
a.sous_menu_lien_actif_gris     {color:#666;}
a.sous_menu_lien_actif_violet    {color:#5a357c;}

a.sous_menu_lien_actif_gris,
a.sous_menu_lien_actif_bleu,
a.sous_menu_lien_actif_vert,
a.sous_menu_lien_actif_orange,
a.sous_menu_lien_actif_violet
{
    background-color:           #fff;
    font-size:                  11px;
    text-decoration:            none;
    padding-top:                1px;
    padding-bottom:             1px;
    padding-left:               15px;
    padding-right:              15px;
}

div.page_text
{
    width:                      90%;
    font-family:                arial;
    font-size:                  11px;
    text-align:                 left;
    padding-left:               40px;
    padding-top:                20px;
}

/********** Styles pour la page d'accueil **********/

div.accueil_introduction
{
    width:                      100%;
    height:                     187px;
    text-align:                 left;
    padding-left:               20px;
}

div.accueil_edition
{
    float:                      left;
    width:                      258px;
    height:                     240px;
    color:                      #fff;
    text-align:                 center;
    font-family:                arial;
    font-weight:                bold;
    font-size:                  14px;
    padding-top:                5px;
    background-image:           url('images/activites/bloc_ac1.png');
    background-repeat:          no-repeat;
    background-position:        0px 28px;
    background-color:           #77AE27;
}

div.accueil_gestion_commerciale
{
    float:                      left;
    width:                      258px;
    height:                     240px;
    color:                      #fff;
    text-align:                 center;
    font-family:                arial;
    font-weight:                bold;
    font-size:                  14px;
    padding-top:                5px;
    background-image:           url('images/activites/bloc_ac2.png');
    background-repeat:          no-repeat;
    background-position:        0px 28px;
    background-color:           #ED911B;
}

div.accueil_developpement
{
    float:                      left;
    width:                      258px;
    height:                     240px;
    color:                      #fff;
    text-align:                 center;
    font-family:                arial;
    font-weight:                bold;
    font-size:                  14px;
    padding-top:                5px;
    background-image:           url('images/activites/bloc_ac3.png');
    background-repeat:          no-repeat;
    background-position:        0px 28px;
    background-color:           #047AB5;
}

/********** Styles pour les pages "societe" **********/

h2.societe_titre
{
    width:                      100%;
    margin:                     0px;
    padding-bottom:             0px;
    padding-top:                10px;
    text-indent:                20px;
    text-align:                 left;
    color:                      #808080;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    height:                     20px;
    border-bottom:              3px solid #808080;
}

div.societe_contenu_presentation
{
    width:                      100%;
    height:                     370px;
    background-image:           url('images/societe/fond_pag_pres.png');
    background-position:        0px -32px;
    text-align:                 left;
    font-family:                arial;
    font-size:                  11px;
}

div.societe_contenu_actualites,
div.societe_contenu_chiffres,
div.societe_contenu_equipe,
div.societe_contenu_historique,
div.societe_contenu_infrastructures,
div.activites_contenu_1,
div.activites_contenu_2,
div.activites_contenu_3
{
    width:                      100%;
    height:                     445px;
    background-repeat:          no-repeat;
    text-align:                 left;
    overflow:                   auto;
    font-size:                  11px;
}

div.societe_contenu_actualites{background-image:url('images/societe/fond_pag_actus.png');}
div.societe_contenu_chiffres{background-image:url('images/societe/fond_pag_chiffres.png');}
div.societe_contenu_equipe{background-image:url('images/societe/fond_pag_equipe.png');}
div.societe_contenu_historique{background-image:url('images/societe/fond_pag_historique.png');}
div.societe_contenu_infrastructures{background-image:url('images/societe/fond_pag_infrastructures.png');}

div.activites_contenu_1{background-image:url('images/activites/fond_page_act1.png');}
div.activites_contenu_2{background-image:url('images/activites/fond_page_act2.png');}
div.activites_contenu_3{background-image:url('images/activites/fond_page_act3.png');}



img.screenshot_edition
{
    border:                     1px solid #76ae25;
    padding:                    10px;
    background-color:           white;
    margin-right:               20px;
}

img.screenshot_gc
{
    border:                     1px solid #ef921b;
    float:                      left;
    padding:                    10px;
    padding-bottom:             5px;
    background-color:           white;
    margin-right:               30px;
}


div.photo
{
    float:                      left;
    padding-left:               20px;
    font-family:                arial;
    font-size:                  11px;
    text-align:                 left;
    color:                      #808080;
    width:                      165px;
}

h4.societe
{
    text-indent:                20px;
}

h3.societe
{
    width:                      95%;
    border-bottom:              2px solid #A8A6A9;
    color:                      #808080;
    font-family:                arial;
    margin-left:                10px;
    padding-top:                5px;
}

/********** Styles pour les pages "activites" **********/

div.activites_menu
{
    width:                      100%;
    height:                     32px;
}

div.activites_menu_edition
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #76ae25;
}

a.menu_edition_lien
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

div.activites_menu_edition_actif
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #76ae25;
    background-image:           url('images/activites/ligne_fond_menus.gif');
    vertical-align:             middle;
}

a.menu_edition_lien_actif
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

h2.edition_titre
{
    width:                      100%;
    margin:                     0px;
    padding-top:                10px;
    text-indent:                20px;
    text-align:                 left;
    color:                      #76ae25;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    height:                     20px;
    border-bottom:              3px solid #76ae25;
}

div.activites_menu_gestion_commerciale
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #ef921b;
    vertical-align:             middle;
}

a.menu_gestion_commerciale_lien
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

div.activites_menu_gestion_commerciale_actif
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #ef921b;
    background-image:           url('images/activites/ligne_fond_menus.gif');
    vertical-align:             middle;
}

a.menu_gestion_commerciale_lien_actif
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

h1.gestion_commerciale_titre
{
    width:                      100%;
    margin:                     0px;
    padding-top:                10px;
    text-indent:                20px;
    text-align:                 left;
    color:                      #ef921b;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    height:                     20px;
    border-bottom:              3px solid #ef921b;
}

div.activites_menu_developpement
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #0e7bb6;
    vertical-align:             middle;
}

a.menu_developpement_lien
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

div.activites_menu_developpement_actif
{
    width:                      258px;
    height:                     22px;
    border-top:                 1px solid #ccc;
    border-bottom:              1px solid #888;
    padding:                    0px;
    margin:                     0px;
    float:                      left;
    background-color:           #0e7bb6;
    background-image:           url('images/activites/ligne_fond_menus.gif');
    vertical-align:             middle;
}

a.menu_developpement_lien_actif
{
    color:                      #fff;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    text-decoration:            none;
    line-height:                22px;
}

h2.developpement_titre
{
    width:                      100%;
    margin:                     0px;
    padding-top:                10px;
    text-indent:                20px;
    text-align:                 left;
    color:                      #0e7bb6;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    height:                     20px;
    border-bottom:              3px solid #0e7bb6;
}

div.edition_site
{
    font-family:                arial;
    font-size:                  11px;
    color:                      #808080;
    text-align:                 left;
    padding-left:               40px;
    padding-top:                40px;
    vertical-align:             top;
}

div.site
{
    font-family:                arial;
    font-size:                  11px;
    color:                      #808080;
    text-align:                 left;
    padding-left:               40px;
    padding-top:                40px;
    vertical-align:             top;
}

h4.edition_site
{
    color:                      #76ae25;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    margin-top:                 0px;
}

a.edition_site
{
    color:                      #76ae25;
    font-family:                arial;
    font-size:                  11px;
    text-decoration:            none;
}

a:hover.edition_site
{
    text-decoration:            underline;
}

div.gestion_commerciale
{
    font-family:                arial;
    font-size:                  11px;
    color:                      #808080;
    text-align:                 left;
    width:                      700px;
    padding-left:               20px;
    padding-right:              20px;
    padding-top:                20px;
    height:                     300px;
}

h3.gestion_commerciale
{
    color:                      #ef921b;
    font-family:                arial;
    font-size:                  16px;
    font-weight:                bold;
    margin-top:                 0px;
}

h4.gestion_commerciale
{
    color:                      #ef921b;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    margin-top:                 0px;
}

a.gestion_commerciale
{
    color:                      #ef921b;
    font-family:                arial;
    font-size:                  11px;
    text-decoration:            none;
}

a:hover.gestion_commerciale
{
    text-decoration:            underline;
}

div.developpement
{
    font-family:                arial;
    font-size:                  11px;
    color:                      #555;
    width:                      420px;
    padding-left:               60px;
    padding-right:              20px;
    padding-top:                20px;
    height:                     300px;
    line-height:                16px;
    text-align:                 justify;
}

div.formation
{
    font-family:                arial;
    font-size:                  11px;
    color:                      #555;
    width:                      560px;
    padding-left:               60px;
    padding-right:              20px;
    padding-top:                20px;
    height:                     300px;
    line-height:                16px;
    text-align:                 justify;
}

h4.formation
{
    color:                      #0e7bb6;
    font-family:                arial;
    font-size:                  12px;
    font-weight:                bold;
    margin-top:                 0px;
    margin-bottom:              2px;
}

h4.formation-speciale
{
    color:                      #ef921b;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    margin-top:                 0px;
    margin-bottom:              2px;
}

h4.developpement
{
    color:                      #0e7bb6;
    font-family:                arial;
    font-size:                  14px;
    font-weight:                bold;
    margin-top:                 0px;
}

a.developpement
{
    color:                      #0e7bb6;
    font-family:                arial;
    font-size:                  11px;
    text-decoration:            none;
}

a:hover.developpement
{
    text-decoration:            underline;
}

/********** Styles pour la page "partenaires" **********/

h4.partenaires
{
    width:                      95%;
    border-bottom:              2px solid #A8A6A9;
    color:                      #808080;
    font-family:                arial;
    margin-left:                10px;
    padding-top:                5px;
}

img.partenaires
{
    background-color:           #fff;
    padding:                    5px;
    border:                     1px solid #A8A6A9;
    margin-right:               5px;
}

/********** Styles pour la page "actualites" **********/

td.actu_date
{
    font-size:                  12px;
    font-weight:                bold;
    line-height:                16px;
    vertical-align:             top;
    width:                      60px;
    color:                      #5a357c;
}

td.actu_contenu
{
    color:                      #000000;
    font-size:                  11px;
    line-height:                16px;
    padding-left:               20px;
    text-align:                 justify;
}

/********** Styles pour la page "historique" **********/

td.histo_date
{
    font-size:                  14px;
    font-weight:                bold;
    line-height:                14px;
    vertical-align:             top;
    padding:                    6px;
    width:                      60px;
    color:                      #5a357c;
}

td.histo_contenu
{
    font-size:                  11px;
    line-height:                14px;
    padding:                    6px;
    width:                      510px;
    text-align:                 justify;
    color:                      #666;
}

td.histo_stats
{
    font-size:                  11px;
    line-height:                14px;
    padding:                    8px;
}

/********** Styles pour la page "chiffres" **********/

td.chiffre
{
    font-size:                  14px;
    font-weight:                bold;
    line-height:                14px;
    vertical-align:             top;
    padding:                    4px;
    text-align:                 right;
    width:						80px;
}

td.chiffre_description
{
    color:                      #000000;
    font-size:                  11px;
    line-height:                14px;
    padding:                    4px;
    text-align:                 justify;
    vertical-align:             middle;    
}

/********** Styles pour la page "plan" **********/

div.bloc_plan
{
    float:                      left;
    padding:                    20px;
}

/********** Styles pour la page recrutement **********/

span.details
{text-decoration:underline;color:#ED911B;}