/* --- CONTENEUR --- */

@import url("content.css");

body {
    margin              : 0;
    padding             : 0;
    color               : #000;
    text-align          : justify;
}

#conteneur {
    margin-left         : auto;
    margin-right        : auto;
    width               : 990px;
    height              : 707px;
}

img {
	border              : 0;
}

/* --- HEADER --- */

#header {
    height              : 84px;
    background          : url(../images/bandeau_haut.gif) top center no-repeat; 
}

/* ------ MENU HAUT ------ */

#header_gauche {
    height              : 55px;
    width               : 780px;
    float               : left;
}
               
#header_droite {
    float               : left;
    position            : relative;
    padding-top         : 21px;
    margin-left         : 0px;
}

#bandeau_beige {
    background          : transparent url(../images/bandeau_beige.gif) right no-repeat;
    height              : 22px;
    position            : relative;
    width               : 450px;
    float               : right;
    top                 : 62px;
}
#menu_haut_acces {
	float               : right;
    margin-left         : 30px;
    margin-top          : -6px;
}
#menu_haut_acces ul li {
    display             : inline;
    list-style-type     : none;
}
/* --- MENU SIDEBAR SECURISE NIVEAU 2 --- */
ul.sf-menu_niveau2 li.hor_niv_2 a {
    color               : #000; 
    display             : block;
}

li.hor_niv_2 {
    list-style-type     : none;
}

ul.sf-menu_niveau2 {
    position            : absolute;
    left                : 300px;
    width               : 150px;
    background          : #fff;
}
/* --- MENU PRINCIPAL --- */

#menu {
	clear               : both;
	background          : transparent url(../images/bandeau_menu.jpg) top left no-repeat;
    padding-left        : 295px;
    height              : 38px;
}

div#menu a.lien_menu, div#menu a.lien_menu:link {
    display             : block;
    float               : left;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
    /*font-size           : 12px;*/
    /*font-weight         : bold;*/
    width               : auto;
    padding             : 0px;
   text-align          : center;
   background-color    : inherit;
    text-decoration     : none;
}

div#menu a.lien_menu:active, div#menu a.lien_menu:hover,
div#menu a.on, div#menu a.on:visited, div#menu a.on:link, div#menu a.on:active, div#menu a.on:hover  {
    color               : #224869;
    background-color    : inherit;
    text-decoration     : none;
    z-index             : 100;
    visibility          : visible;
    display             : block;
    float               : left;
    background          : transparent url(../images/perle.gif) center bottom no-repeat;
}

#simul_menu {
	background          : transparent url(../images/perle.gif) center bottom no-repeat;
	margin-top          : 8px;
	_margin-top         : 4px;
	margin-left         : 2px;
}

/* --- MENU NIVEAU 2 --- */

div.ssmenu {
    position            : absolute;
    z-index             : 5;
    background-url      : inherit;
    width               : 249px;
    height              : 10px;
    visibility          : hidden;
    margin-top          : 18px;
    padding-top         : 5px;
}

div.pngfix a:link,
	div.pngfix a:active,
	div.pngfix a:visited,
	div.pngfix a:hover,
	div.pngfix a:focus {
	background         : transparent url(../images/bande_sous_menu.gif) no-repeat;
	display            : block;
	width              : 249px;
    text-align         : center;
    height             : 13px;
    padding-bottom     : 1px;
}

/* --- CORPS PRINCIPAL --- */

#corps_fond {
    width               : 990px;
    height              : 500px;
    position            : relative;
    _margin-top         : -3px;
}

#image {
	position            : absolute;
	padding-left        : 600px;
    float               : right;
}

#corps_fond_2 {
    background          : transparent url(../images/fond.png) no-repeat;
    position            : absolute;
    width               : 990px;
    height              : 600px;
}

.corps_texte {
    display             : block;
    position            : absolute;
    left                : 280px;
    padding-right       : 200px;
    height              : 80px;
    width               : 470px;
}

.contenu {
	padding-top         : 0px;
	height              : 373px;
    overflow            : hidden;
    width               : 488px;
}

#maison_collin {
	background          : transparent url(../images/maison_collin.gif) top no-repeat;
    position            : absolute;
    width               : 188px;
    height              : 102px;
    padding-left        : 810px;
    margin-top          : -80px;
}

/* ------------------------------------------------------------*/
/* -------------------->>> DIAPORAMAS <<<----------------------*/
/* ------------------------------------------------------------*/

div.titreDiapo {
    font-weight         : bold;
    color               : #673E27;
    font-size           : 10px;
    text-align          : center;
}

tr.diaporama {
	padding             : 10px;
}

/* ------------------------------------------------------------*/
/* ---------->>> FORMULAIRES ACCES DISTRIBUTEURS <<<-----------*/
/* ------------------------------------------------------------*/

form.formulaire_login {
    font-size           : 11px;
    font-family         : arial, verdana, helv;
    width               : 22em;
    padding             : 0;
    margin              : 0;
    background-color    : #fff;
}

form.formulaire_login label {
    width               : 8em;
    float               : left;
    text-align          : right;
    margin-right        : 0.5em;
    display             : block;
}

form.formulaire_login .champ {
    background-color    : #fff;
    color               : #673E27;
    border              : 1px solid #673E27;
    font-size           : 11px;
}

form.formulaire_login div.piedform {
    text-align          : right;
    margin-right        : 0.5em;
    margin-bottom       : 0.1em;
}

form.formulaire_login .bouton {
    background-color    : #DAB98A;
    color               : #673E27;
    border              : 1px solid #673E27;
    font-weight         : bold;
    font-size           : 11px;
}