/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
	padding			   : 30px auto 0 auto;
    color              : #000;
	background		   : #a8b5bc;
}
.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#container {
	width              : 1068px;
	height             : 614px;
	margin             : 36px auto 0 auto;
	padding            : 27px 0 0 59px;
	background         : #a8b5bc url(../images/common/fond_conteneur.gif) no-repeat ;
}

/* --- HEADER --- */
#header {
    width              : 1009px;
    position           : relative;
}
#header_background {
    width              : 999px;
    padding            : 0 0 0 10px;
}
#header_menu {
    width              : 1003px;
    padding            : 0 0 0 6px;
}
#header ul {
	margin             : 0;
}
#header ul li {
	display            : inline;
	list-style         : none;
	margin             : 0;
	background         : transparent url(../images/common/fond_menu_off.gif) repeat-x;
    margin-right       : 1px;
}
#header .on {
    background         : transparent url(../images/common/fond_menu_on.gif) repeat-x !important;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
	text-decoration    : none;
	color              : #FFF;
	font-weight        : bold;
	padding            : 7px 29px 7px 30px;
	font-size          : 14px;
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
	background         : #ACC958;
	color              : #FFF;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
	padding            : 7px 20px;
	font-size          : 14px;
    color              : #FFF;
}
#header ul li a:hover {
    background         : transparent url(../images/common/fond_menu_on.gif) repeat-x;
	color              : #FFF;
}
#header_recherche {
    position           : absolute;
    top                : 55px;
    right              : 0;
    vertical-align     : middle;
	width              : 170px;
}
#header_recherche input {
    border             : 1px solid #989fa5;
    padding            : 0px 2px 2px 2px;
    margin             : 0;
    font-size          : 11px;
}
#recherche_champ {
	height             : 16px;
	width              : 110px;
}
#recherche_ok {

}

/* --- SIDEBAR --- */
#sidebar {
	float              : left;
	width              : 180px;
	background         : #DDD;
}
#sidebar ul {
	margin             : 0;
}
#sidebar li {
	list-style         : none;
	width              : 180px;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
	text-decoration    : none;
	color              : #333;
	display            : block;
	padding            : 5px 0 5px 10px;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
	background         : #ACC958;
	color              : #FFF;
}
#sidebar ul li a:hover {
	background         : #333;
	color              : #FFF;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
	left               : 180px;
	top                : 0;
}

/* --- CONTENT --- */
#main {
    width              : 996px;
    padding            : 0 0 0 6px;
    position           : relative;
}
#content {
    height             : 474px;
    width              : 986px;
    padding            : 0 0 0 10px;
    background         : transparent url(../images/common/fond_main.gif) no-repeat;
    position           : absolute;
    top                : 0px;
}
#page_title {
    border-bottom      : 1px solid #474D4D;
}
/* CONTENT HOME */
#content_home_left {
    width              : 628px;
    height             : 398px;
    background         : transparent url(../images/common/fond_accueil.png) 28px 26px no-repeat;
    padding            : 26px 0 0 28px;
    position           : relative;
    float              : left;
}
#content_home_wys, #content_home_wys p {
    width              : 250px;
    height             : 164px;
    padding            : 23px 0 0 0;
    color              : #FFF;
    font-weight        : bold;
    text-indent        : 80px;
    font-size          : 14px;
}
#content_home_flash {
    width              : 271px;
    height             : 188px;
    padding            : 3px 0 0 0;
}
#content_home_right {
    width              : 303px;
    height             : 416px;
    float              : left;
    background         : transparent url(../images/common/fond_actus.png) 0px 19px no-repeat;
    padding            : 42px 0 0 16px;
}
.content_home_actu {
    width              : 293px;
    height             : 160px;
    padding-bottom     : 20px;
}
.content_home_actu h2 {
    color              : #000;
    font-size          : 18px;
    padding            : 0 0 0 0;
    margin             : 0;
}
.content_home_actu h3 {
    color              : #003366;
    font-size          : 14px;
    padding            : 0 0 0 0;
    margin             : 0;
}
.content_home_actu h4 {
    color              : #d21921;
    font-size          : 14px;
    padding            : 0 0 0 0;
    margin             : 0;
}
/* CONTENT CLASSIQUE */
#content_classique_left_titre {
    position           : absolute;
    top                : 8px;
    left               : 0px;
    width              : 560px;
    text-align         : right;
	z-index            : 2;
}
#content_classique_left_titre h1 {
    font-family        : Arial;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -1px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 0;
}
#content_classique_left {
    float              : left;
    width              : 485px;
    height             : 379px;
    background         : transparent url(../images/common/fond_classique.png) 25px 23px no-repeat;
    padding            : 85px 25px 0 40px;
    position           : absolute;
}
#content_classique_titre_menu {
    position           : absolute;
    top                : 55px;
    left               : 120px;
    width              : 400px;
}
#content_classique_titre_menu h1 {
    font-family        : Times;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -0.5px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 0;
    text-transform     : uppercase;
}
#content_classique_left_contenu {
    width              : 485px;
    height             : 327px;
    overflow           : auto;
}
#content_classique_left h2 {
    font-family        : Times;
    font-size          : 14px;
    border-top         : 1px solid #696969;
    border-bottom      : 1px solid #696969;
    color              : #696969;
    padding            : 10px 0;
    text-transform     : uppercase;
}
#content_classique_left p {
    font-family        : Verdana;
    font-size          : 11px;
    color              : #696969;
}
#content_classique_right {
    right              : 4px;
    width              : 432px;
    height             : 454px;
    position           : absolute;
}

/* --- ACTUALITES --- */
#content_actu {
    float              : left;
    width              : 868px;
    height             : 379px;
    background         : transparent url(../images/actualites/fond_gauche.png) 25px 23px no-repeat;
    padding            : 85px 25px 0 57px;
    position           : absolute;
	z-index            : 1;
}
#content_actu_left {
    width              : 360px;
}
#content_actu_right {
    width              : 400px;
    height             : 300px;
    position           : absolute;
    top                : 75px;
    left               : 500px;
    overflow           : auto;
}
h1#content_actu_titre_menu {
    font-family        : Times;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -0.5px;
    padding            : 0 0 0 0;
    text-transform     : uppercase;
	position           : absolute;
	z-index            : 2;
	margin             : 58px 0 0 140px;
}
#content_actu_right h2 {
    color              : #000;
    font-size          : 18px;
    padding            : 0 0 0 0;
    margin             : 0;
    margin-bottom      : 10px;
}
#content_actu_right p {
    padding            : 0 0 0 0;
}
.content_actu_liste_actu {
    width              : 355px;
    padding            : 0 0 0 0;
}
.content_actu_liste_actu h2 {
    color              : #000;
    font-size          : 18px;
    padding            : 0 0 0 0;
    margin             : 0;
}
.content_actu_liste_actu p {
    font-family        : arial;
    color              : #003366;
    font-weight        : bold;
    padding            : 0 0 0 0;
    margin             : 0;
    font-size:         : 12px;
}
.content_actu_liste_actu a,
.content_actu_liste_actu a:link,
.content_actu_liste_actu a:visited,
.content_actu_liste_actu a:hover {
    color              : #000;
    text-decoration    : none;
}
#content_actu_left_titre {
    position           : absolute;
    top                : 8px;
    left               : 0px;
    width              : 950px;
    text-align         : right;
	z-index				: 2;
}
#content_actu_left_titre h1 {
    font-family        : Arial;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -1px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 0;
}
#content_actu_page {
    position           : absolute;
    top                : 385px;
    left               : 337px;
    width              : 50px;
    height             : 19px;
    background         : transparent url(../images/actualites/bt_page.gif) no-repeat;
    padding            : 2px 0 0 33px;
    color              : #FFF;
    font-weight        : bold;
}
#page_fleche_gauche {
    position           : absolute;
    top                : 1px;
    left               : 0;
    width              : 26px;
    height             : 19px;
}
#page_fleche_droite {
    position           : absolute;
    top                : 1px;
    left               : 56px;
    width              : 26px;
    height             : 19px;
}

/* --- ACCORDEON --- */
#accordeon {
    position           : absolute;
    top                : 39px;
    left               : 200px;
}
.accordeonTitre {
    width              : 172px;
    height             : 22px;
    background         : transparent url(../images/common/fond_accordeon_off.gif) no-repeat;
    font-family        : verdana;
    font-size          : 12px;
    font-weight        : bold;
    color              : #FFF;
    padding            : 6px 0 0 30px;
    vertical-align     : middle;
    cursor             : pointer;
}
div.fake_accordeon {
    width              : 172px;
    height             : 22px;
    background         : transparent url(../images/common/fond_accordeon_off.gif) no-repeat;
    font-family        : verdana;
    font-size          : 12px;
    font-weight        : bold;
    color              : #FFF;
    padding            : 6px 0 0 30px;
    vertical-align     : middle;
    cursor             : pointer;
}
div.fake_accordeon a:link,
div.fake_accordeon a:active,
div.fake_accordeon a:visited,
div.fake_accordeon a:hover,
div.fake_accordeon a:focus {
	color              : #ffffff;
	text-decoration    : none;
}
.accordeonPanneau {
    width              : 177px;
    max-height         : 250px;
    overflow           : auto;
    background         : transparent url(../images/common/fond_accordeon.png) repeat-y;
    padding            : 18px 12px 18px 12px;
}
.accordeonTitreOn {
    width              : 202px;
    height             : 22px;
    background         : transparent url(../images/common/fond_accordeon_on.gif) no-repeat;

}

/* --- DIAPOMEDIA ---*/
#content_diaporama {
    width              : 884px;
    height             : 433px;
    background         : transparent url(../images/common/fond_diaporama.png) 25px 23px no-repeat;
    padding            : 85px 25px 0 57px;
    position           : relative;
}
#content_diaporama_left_titre {
    position           : absolute;
    top                : 8px;
    left               : 0px;
    width              : 975px;
    text-align         : right;
	z-index				: 2;
}
#content_diaporama_left_titre h1 {
    font-family        : Arial;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -1px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 0;
}
#content_diaporama_titre_menu {
    position           : absolute;
    top                : 55px;
    left               : 135px;
    width              : 400px;
}
#content_diaporama_titre_menu h1 {
    font-family        : Times;
    color              : #cc0033;
    font-size          : 25px;
    font-weight        : bold;
    letter-spacing     : -0.5px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 0;
    text-transform     : uppercase;
}
#conteneur_action_gauche_haut {
    width              : 474px;
    height             : 160px;
    position           : relative;
    padding-top        : 30px;
    color              : #666666;
    font-size          : 12px;
}
#conteneur_action_gauche_bas {
    width              : 474px;
}
#conteneur_action_droite {
    position           : absolute;
    top                : 40px;
    left               : 465px;
}
#action_client {
    margin-bottom      : 12px;
    width              : 317px;
}
#action_date {
    margin-bottom      : 12px;
    width              : 317px;
}
#action_lieu {
    margin-bottom      : 12px;
    width              : 317px;
}
#action_action {
    margin-bottom      : 12px;
    width              : 317px;
}
#action_vignette_client {
    position           : absolute;
    top                : 10px;
    left               : 300px;
}
#action_vignette_client_cadre {
    position           : absolute;
    width              : 98px;
    height             : 98px;
    top                : 0px;
    left               : 0px;
    z-index            : 50;
}
#action_vignette_client_contenu {
    position           : absolute;
    width              : 98px;
    height             : 98px;
    top                : 0px;
    left               : 0px;
    z-index            : 40;
}
#content_diapomedia_page {
    position           : absolute;
    top                : 415px;
    left               : 362px;
    width              : 50px;
    height             : 19px;
    background         : transparent url(../images/actualites/bt_page.gif) no-repeat;
    padding            : 2px 0 0 33px;
    color              : #FFF;
    font-weight        : bold;
}
#page_fleche_gauche {
    position           : absolute;
    top                : 1px;
    left               : 0;
    width              : 26px;
    height             : 19px;
}
#page_fleche_droite {
    position           : absolute;
    top                : 1px;
    left               : 56px;
    width              : 26px;
    height             : 19px;
}

/* --- FOOTER --- */
#footer {
	background         : #333;
	padding            : 10px;
}
#footer_menu {
	text-align         : center;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 5px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #FFF;
}
#footer ul li a:hover {
	text-decoration    : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

/********* CARTES SENSITIVES **********/
div#carte_sensitive_reg {
	position		   : absolute;
	top					: -6px;
}
div#carte_sensitive_idf {
	position		   : absolute;
	top					: -6px;
	margin				: 100px 0 0 50px;
}
div#content_carte {
    float              : left;
    width              : 908px;
    height             : 464px;
    background         : transparent url(../images/actualites/fond_gauche.png) 25px 23px no-repeat;
    padding            : 0 25px 0 17px;
    position           : absolute;
	z-index            : 1;
}
div#carte_resultat {
	position			: absolute;
	width				: 435px;
	height				: 285px;
	margin				: 60px 0 0 465px;
	overflow			: auto;
}
div#carte_resultat h1 {
	color				: #cb0a1c;
	font-size			: 28px;
	margin-top			: 0;
}
div#carte_resultat h2 {
	color				: #000;
}