/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 11px;
	color               : #595959;
	background          : #FFFFFF url(images/gabarit/background.jpg) top left repeat-x;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #595959;
	text-decoration     : underline;
}

a:hover, a:active {
	text-decoration     : none;
}

p {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 20px;
    font-weight         : bold;
    color               : #323232;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #595959;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #FF7200;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h4 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #457FA3;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

td {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ol {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/

/* Menu */
div.menu {
    background-color    : transparent;
    padding-top         : 1px;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 10px;
	font-weight         : normal;
	color               : #595959;
	text-decoration     : none;
	padding-top         : 2px;
	margin              : 0px 0px 0px 0px;
	padding             : 0px 0px 0px 0px;
}
div.menu a:active, div.menu a:hover {
    display             : block;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : normal;
	color               : #FF7200;
	text-decoration     : none;
	padding-top         : 1px;
}

div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : normal;
	color               : #457FA3;
	text-decoration     : none;
	padding-top         : 1px;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    background-color    : #396486;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 10px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 10px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/*  Styles specifiques  */
div#conteneur_site {
    background          : #FFFFFF url(images/gabarit/background.jpg) top left repeat-x;
    width               : 100%;
}

div#fond_header {
    background          : transparent url(images/gabarit/header_background.jpg) top center no-repeat;
}

div#container {
    width               : 920px;
    margin-left         : auto;
    margin-right        : auto;
}

div#header {
    width               : 100%;
    height              : 178px;
    padding-top         : 22px;
    padding-bottom      : 3px;
}

div#header_top {
    background          : transparent url(images/gabarit/header_top_background.gif) top center repeat-x;
    width               : 905px;
    height              : 17px;
    padding-top         : 2px;
    padding-right       : 15px;
    text-align          : right;
}

div#header_top a , div#header_top a:visited, div#header_top a:link {
    text-decoration     : none;
    color               : #595959;
}

div#header_top a:hover , div#header_top a:active {
    text-decoration     : none;
    color               : #FF7200;
}

div#header_middle {
    /*background          : transparent url(images/gabarit/header_top_background.gif) top center repeat-x;*/
    width               : 100%;
    height              : 140px;
}

div#header_bottom {
    background          : transparent url(images/gabarit/header_top_background.gif) top center repeat-x;
    width               : 920px;
    height              : 19px;
}

div#header_bottom table {
    width               : 920px;
    border-collapse     : collapse;
    border              : 0px;
}

div#bloc_contenu {
    clear               : both;
    width               : 100%;
    background          : transparent url(images/gabarit/menu_gauche_background.gif) top left repeat-y;
}

div#menu_gauche {
    float               : left;
    width               : 230px;
}

div#titre_page {
    width               : 205px;
    padding-left        : 25px;
    background          : transparent url(images/gabarit/fleche_titre.gif) left 8px  no-repeat;
}

div#ss_titre_page {
    width               : 205px;
    padding-left        : 25px;
    color               : #457FA3;
    font-weight         : bold;
}

div#separateur_menu_gauche {
    padding-top         : 30px;
}

div#contenu_alternatif_gauche {
    width               : 180px;
    padding-left        : 25px;
    padding-right       : 25px;
    padding-bottom      : 15px;
    background          : transparent url(images/gabarit/fleche_orange.gif) left 3px no-repeat;
}
span.titre_contenu_alternatif_gauche {
    color               : #FF7200;
    font-weight         : bold;
}

div#contenu_alternatif_gauche_accueil {
    width               : 180px;
    padding-left        : 25px;
    padding-right       : 25px;
    padding-bottom      : 15px;
    background          : transparent url(images/gabarit/fleche_orange.gif) left 5px no-repeat;
}
div#contenu_alternatif_gauche_actu {
    width               : 180px;
    padding-left        : 25px;
    padding-right       : 25px;
    padding-bottom      : 15px;
    background          : transparent;
}

ul#actu_accueil li {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 10px 0px;
    list-style-type     : none;
    background          : transparent url(images/gabarit/trait_v_menu_2.gif) left top repeat-y;
}

ul#actu_accueil li a {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 15px;
    background          : transparent url(images/gabarit/fleche_menu_2.gif) left top no-repeat;
    display             : block;
    font-size           : 10px;
    text-decoration     : none;
}


div#menuniveau2 {
    width               : 196px;
    padding-left        : 9px;
    padding-right       : 25px;
    padding-bottom      : 15px;
    background          : transparent url(images/gabarit/trait_h_menu_2.gif) left 2px no-repeat;
}

div#menuniveau2 li {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 10px 0px;
    list-style-type     : none;
    background          : transparent url(images/gabarit/trait_v_menu_2.gif) left top repeat-y;
}

div#menuniveau3 {
    width               : 196px;
    padding             : 5px 25px 10px  9px;
    background          : transparent;
}

div#menuniveau3 li {
    margin              : 0px 0px 0px 0px;
    padding             : 2px 0px 0px 0px;
    list-style-type     : none;
    background          : transparent;
}

div#menu_gauche li a, div#menu_gauche li a:link, div#menu_gauche li a:visited {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 15px;
    background          : transparent url(images/gabarit/fleche_menu_2.gif) left top no-repeat;
    display             : block;
    font-size           : 10px;
    text-decoration     : none;
}

div#menuniveau3 li a, div#menuniveau3 li a:link, div#menuniveau3 li a:visited {
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 16px;
    background          : transparent url(images/gabarit/fleche_menu_3.gif) left top no-repeat;
    display             : block;
    font-size           : 10px;
    text-decoration     : none;
}

div#menu_gauche li a:hover, div#menu_gauche li a:active {
    color               : #AAAAAA;
    text-decoration     : underline;
}
div#menu_gauche li a.lien_on, div#menu_gauche li a.lien_on:hover, div#menu_gauche li a.lien_on:link,
div#menu_gauche li a.lien_on:visited, div#menu_gauche li a.lien_on:active,
a.lien_on, a.lien_on:hover, a.lien_on:link, a.lien_on:visited, a.lien_on:active {
    color               : #FF7200;
    text-decoration     : underline;
}

div#menu_gauche li a.lien_on:hover, div#menu_gauche li a.lien_on:active, a.lien_on:hover, a.lien_on:active {
    color               : #FF7200;
    text-decoration     : none;
}

div#contenu {
    float               : right;
    width               : 680px;
    padding             : 10px 0px 10px 10px;
}

div#footer {
    clear               : both;
    width               : 100%;
    height              : 21px;
    padding-top         : 11px;
    background          : transparent url(images/gabarit/footer_background.gif) top right repeat-x;
    text-align          : center;
}

div.actu_titre {
    color               : #457FA3;
    font-size           : 15px;
    font-weight         : bold;
    padding-bottom      : 20px;
}

div.actu_date {
    font-weight         : bold;
    padding-bottom      : 10px;
}

a.orange, a.orange:visited, a.orange:link, a.orange:hover, a.orange:active {
	color               : #FF7200;
}

div.actu_titre_liste {
    color               : #457FA3;
    font-weight         : bold;
    padding-bottom      : 10px;
}


/*  Module Agence   */
div#map_agence {
    clear               : both;
    width               : 100%;
}

div#infos_agence {
    clear               : both;
    width               : 100%;
}

div#infos_agence_left {
    float               : left;
    width               : 220px;
}

div#agen_nom {
    color               : #457FA3;
    padding-left        : 22px;
    padding-bottom      : 20px;
    font-weight         : bold;
    background          : transparent url(images/gabarit/fleche_titre.gif) left 2px no-repeat;
}

div#agen_plan {
    color               : #AAAAAA;
    margin-left         : 22px;
    padding-left        : 12px;
    background          : transparent url(images/gabarit/fleche_menu_2.gif) left top no-repeat;
}

div#agen_immeuble {
    color               : #AAAAAA;
    margin-left         : 22px;
    padding-left        : 12px;
    background          : transparent url(images/gabarit/fleche_menu_2.gif) left top no-repeat;
}

div#agen_contact {
    color               : #595959;
    margin-left         : 22px;
    padding-top         : 20px;
}

div#infos_agence_right {
    float               : right;
    width               : 450px;
}

div#titre_acces {
    color               : #457FA3;
    padding-left        : 22px;
    padding-bottom      : 20px;
    font-weight         : bold;
    background          : transparent url(images/gabarit/fleche_titre.gif) left 2px no-repeat;
}

div#infos_agence_right table tr td {
    width               : 50%;
}

div.transport_nom {
    padding-left        : 25px;
    padding-bottom      : 10px;
}

div#transport_avion {
    background          : transparent url(images/gabarit/fleche_avion.gif) left 2px no-repeat;
}

div#transport_train {
    background          : transparent url(images/gabarit/fleche_train.gif) left 2px no-repeat;
}

div#transport_metro {
    background          : transparent url(images/gabarit/fleche_metro.gif) left 2px no-repeat;
}

div#transport_bus {
    background          : transparent url(images/gabarit/fleche_bus.gif) left 2px no-repeat;
}

div#transport_tramway {
    background          : transparent url(images/gabarit/fleche_tramway.gif) left 2px no-repeat;
}

div#transport_voiture {
    background          : transparent url(images/gabarit/fleche_voiture.gif) left 2px no-repeat;
}



/*  SAS */
div#filiale_left {
    float               : left;
    width               : 420px;
}

div#filiale_right {
    float               : right;
    width               : 244px;
}

div#filiale_right_haut {
    width               : 244px;
    height              : 11px;
    background          : transparent url(images/filiales/cadre_haut.gif) bottom right no-repeat;
}

div#filiale_right_milieu {
    clear               : both;
    width               : 204px;
    padding             : 0px 20px;
    background          : transparent url(images/filiales/cadre_milieu.gif) top right repeat-y;
}

div#filiale_right_milieu div.titre_rubrique {
    color               : #457FA3;
    font-size           : 12px;
    font-weight         : bold;
    width               : 100%;
    clear               : both;
    padding-top         : 10px;
    padding-bottom      : 5px;
}



div#filiale_right_bas {
    clear               : both;
    width               : 244px;
    height              : 11px;
    background          : transparent url(images/filiales/cadre_bas.gif) top right no-repeat;
}

div#image_logo {
    clear               : both;
    width               : 100%;
    text-align          : center;
}