/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #000000;
    text-decoration     : none;
	background          : #FFFFFF url(images/gabarits/background.gif);
}

html, body {
    height              : 100%;
    width               : 100%;
    margin              : 0;
    padding             : 0;
    border              : none;
}

a, a:visited, a:link {
	color               : #ffA110;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

a:focus {
    outline             : 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           : 18px;
    font-weight         : bold;
    color               : #3648A0;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #ffA110;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    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;
}

/*  Menu */
div.menu {
	font-size           : 11px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
}
div.menu a.niveau1, div.menu a.niveau1:visited, div.menu a.niveau1:link {
    display             : block;
	font-weight         : bold;
	color               : #FFFFFF;
	text-decoration     : none;
	background-color    : #3E8AB3;
	border-left         : 12px solid #256CA0;
	line-height         : 20px;
	padding-left        : 4px;
}
div.menu a.niveau1:active, div.menu a.niveau1:hover,
div.menu a.niveau1_on, div.menu a.niveau1_on:visited, div.menu a.niveau1_on:link, div.menu a.niveau1_on:active, div.menu a.niveau1_on:hover {
    display             : block;
	font-weight         : bold;
	color               : #FFFFFF;
	text-decoration     : none;
	background-color    : #64B3D1;
	border-left         : 12px solid #256CA0;
	line-height         : 20px;
	padding-left        : 4px;
}
div.menu a.niveau2, div.menu a.niveau2:visited, div.menu a.niveau2:link {
    display             : block;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
	border-left         : 12px solid #DFEBF2;
	line-height         : 15px;
	padding-left        : 10px;
}
div.menu a.niveau2:active, div.menu a.niveau2:hover,
div.menu a.niveau2_on, div.menu a.niveau2_on:visited, div.menu a.niveau2_on:link, div.menu a.niveau2_on:active, div.menu a.niveau2_on:hover {
    display             : block;
	color               : #407471;
	text-decoration     : none;
	background-color    : #EFF6FA;
	border-left         : 12px solid #DFEBF2;
	line-height         : 15px;
	padding-left        : 10px;
}
div.menu div.separateur {
	background-color    : #FFFFFF;
    color               : inherit;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
	text-decoration     : none;
}
table.plan a.extremite {
	text-decoration     : none;
}

/*  Spécifique  */
div#conteneur_haut {
    margin-right        : auto;
    margin-left         : auto;
    width               : 980px;
    background-color    : #071456;
    height              : 10px;
}

div#conteneur {
    margin-right        : auto;
    margin-left         : auto;
    width               : 980px;
    background          : #071456 url(images/gabarits/fond_contenu_ombre.jpg) top left repeat-y;
}

div#header {
    margin-left         : 5px;
    margin-right        : 5px;
    width               : 970px;
    height              : 141px;
}

div#header div.logo {
    float               : left;
    padding-left        : 23px;
    padding-top         : 16px;
    /*background          : transparent;*/
}

div#header div.drapeaux {
    float               : right;
    padding-right       : 23px;
    padding-top         : 11px;
    background          : transparent;
}

img.drapeau_header {
    padding-left        : 4px;
}

div#contenu {
    clear               : both;
    width               : 100%;
    height              : 100%;
    background          : transparent url(images/gabarits/fond_contenu_border_left.gif) 5px top  repeat-y;
}

div#contenu_compte {
    width               : 971px;
    background-color    : white;
	margin-left			: 5px;
}

div#contenu_fond {
    width               : 100%;
    height              : 100%;
    background          : transparent url(images/gabarits/fond_pattes.jpg) 5px top  no-repeat;
}

div#contenu div#menu_gauche {
    float               : left;
    width               : 205px;
    height              : 512px;
    /*background          : transparent url(images/gabarits/fond_menu_gauche.jpg) 5px top no-repeat;*/
}

div#contenu div#corps {
    float               : right;
    width               : 770px;
    padding-right       : 5px;
    height              : 100%;
}

div#contenu div#corps_compte {
    float               : right;
    width               : 770px;
    padding-right       : 5px;
    height              : 300px;
}

div.bandeau_compte_sup {
	width				: 971px;
}

div.bandeau_compte_sup_gauche {
	float				: left ;
	width				: 691px ;
    background          : transparent url(images/gabarits/compte/fd_ombre.gif) repeat-x;
}

div.bandeau_compte_sup_droite {
	float				: left ;
	width				: 280px;
	height				: 49px;
    background          : transparent url(images/gabarits/compte/compte_esp_client.gif) no-repeat;
}

div.logout_esp_client {
	float				: left ;
	margin-top			: 25px ;
	margin-left			: 20px ;
}

div.logout_esp_client a {
 	font-weight			: bold ;
	color				: #6975eb;
	text-decoration		: underline;
}

div.nom_esp_client {
	float				: left ;
	margin-top			: 15px ;
	margin-left			: 40px ;
	font-weight			: bold ;
}

div#contenu div#corps div#corps_degrade {
    background          : transparent url(images/gabarits/degrade_corps_page.jpg) left top repeat-x;
    width               : 100%;
    height              : 10px;
}

div#contenu div#corps div#corps_contenu {
    width               : 760px;
	padding				: 5px ;
    height              : 100%;
    /*background          : transparent url(images/gabarits/pattes_fond_corps.gif) left top no-repeat;*/
}

div#conteneur_bordure_bas_corps {
    margin-right        : auto;
    margin-left         : auto;
    width               : 970px;
    background-color    : #071456;
    padding-left        : 5px;
    padding-right       : 5px;
}

div#bordure_bas_corps {
    width               : 970px;
    height              : 5px;
    background          : #071456 url(images/gabarits/fond_bordure_bas_corps.gif) left top repeat-x;
}

div#conteneur_footer {
    margin-right        : auto;
    margin-left         : auto;
    width               : 980px;
    background-color    : #071456;
}

div#footer {
    clear               : both;
}

div#footer div#footer_left {
    float               : left;
    width               : 10px;
    height              : 26px;
    background          : #071456 url(images/gabarits/footer_left.gif) top right no-repeat;
}

div#footer div#footer_middle {
    float               : left;
    width               : 961px;
    height              : 20px;
    background-color    : #374AA4;
    text-align          : center;
    color               : #FFFFFF;
    padding-top         : 6px;
}

div#footer div#footer_middle a {
    color               : #FFFFFF;
}

div#footer div#footer_right {
    float               : right;
    width               : 9px;
    height              : 26px;
    background          : #071456 url(images/gabarits/footer_right.gif) top left no-repeat;

}

div#conteneur_bas {
    margin-right        : auto;
    margin-left         : auto;
    width               : 980px;
    background-color    : #071456;
    height              : 5px;
}

/* Menu gauche */
ul.menu_gauche li{
	list-style-type:none;
	margin: 0px;
	padding:0px;
}
ul.menu_gauche, ul.menu_gauche ul{
	margin: 0px;
	padding:0px;
}
ul.menu_gauche ul{
	margin-left:15px;
}
ul.menu_gauche li {
	margin-top:2px;
}
ul.menu_gauche li.niv1 {
	/*background          : url(images/picto_menu/menu1_haut.gif) no-repeat;*/
	padding: 10px 0px;
}
ul.menu_gauche img {
	/*margin-right: 5px;*/
}
ul.menu_gauche a {
	white-space: nowrap;
}

ul.menu_gauche a.niv1, ul.menu_gauche a.niv1:visited, ul.menu_gauche a.niv1:link {
	font-family         : Arial, sans-serif;
	font-weight         : bold;
	font-size           : 14px;
	color               : #FFFFFF;
	text-decoration     : none;

}
ul.menu_gauche a.niv1:active, ul.menu_gauche a.niv1:hover,
ul.menu_gauche a.niv1_on, ul.menu_gauche a.niv1_on:visited, ul.menu_gauche a.niv1_on:link, ul.menu_gauche a.niv1_on:active, ul.menu_gauche a.niv1_on:hover {
	font-family         : Arial, sans-serif;
	font-weight         : bold;
	font-size           : 14px;
	color               : #EF6A00;
	text-decoration     : none;
}
ul.menu_gauche a.niv2, ul.menu_gauche a.niv2:visited, ul.menu_gauche a.niv2:link {
	font-family         : Arial, sans-serif;
	font-size           : 11px;
	color               : #FFFFFF;
	text-decoration     : none;
	/*background          : url(images/picto_menu/menu3_off.gif) no-repeat 0px 5px;*/
}
ul.menu_gauche a.niv2:active, ul.menu_gauche a.niv2:hover,
ul.menu_gauche a.niv2_on, ul.menu_gauche a.niv2_on:visited, ul.menu_gauche a.niv2_on:link, ul.menu_gauche a.niv2_on:active, ul.menu_gauche a.niv2_on:hover {
	font-family         : Arial, sans-serif;
	font-size           : 11px;
	color               : #EF6A00;
	text-decoration     : none;
	/*background          : url(images/picto_menu/menu3_off.gif) no-repeat 0px 5px;*/
}
ul.menu_gauche a.niv3, ul.menu_gauche a.niv3:visited, ul.menu_gauche a.niv3:link {
	font-family         : Arial, sans-serif;
	font-size           : 11px;
	color               : #FFFFFF;
	text-decoration     : none;
	/*background          : url(images/picto_menu/menu3_off.gif) no-repeat 0px 5px;*/
	padding-left        : 30px;
}
ul.menu_gauche a.niv3:active, ul.menu_gauche a.niv3:hover,
ul.menu_gauche a.niv3_on, ul.menu_gauche a.niv3_on:visited, ul.menu_gauche a.niv3_on:link, ul.menu_gauche a.niv3_on:active, ul.menu_gauche a.niv3_on:hover {
	font-family         : Arial, sans-serif;
	font-size           : 11px;
	color               : #EF6A00;
	text-decoration     : none;
	/*background          : url(images/picto_menu/menu3_on.gif) no-repeat 0px 5px;*/
	padding-left        : 30px;
}


img.img_niv_1 {
    display             : block;
    float               : left;
    width               : 19px;
    height              : 20px;
    padding-left        : 3px;
}

ul.menu_gauche a.niv1, ul.menu_gauche a.niv1_on {
    display             : block;
    float               : left;
    width               : 140px;
    border-bottom       : 1px solid #C0E0E2;
    height              : 19px;
    padding-left        : 12px;
}

img.img_niv_2 {
    padding-left        : 18px;
    padding-right       : 3px;
}

div.clear_both {
    clear               : both;
}

div#bloc_accueil_conteneur {
    background          : transparent url(images/gabarits/fond_bloc_right_accueil.jpg) bottom right  no-repeat;
}

div#bloc_left_accueil {
    width               : 540px;
    float               : left;
}

/*div#bloc_middle_accueil {
    width               : 250px;
    float               : left;
}*/

div#bloc_right_accueil {
    width               : 203px;
    float               : right;
    height              : 100%;
    /*background          : transparent url(images/gabarits/fond_bloc_right_accueil.jpg) left bottom no-repeat;*/
}

div#bloc_right_accueil div#bloc_espace_client {
    width               : 203px;
    height              : 165px;
    padding-bottom      : 10px;
}

div#bloc_right_accueil div#bloc_espace_fournisseur {
    width               : 203px;
    height              : 100px;
}

div#lien_mon_compte {
    width               : 195px;
    padding-right       : 8px;
    text-align          : right;
}

div#lien_mon_compte a {
    color               : #1F337A;
    text-decoration     : none;
}

div#form_espace_client {
    height              : 86px;
    padding-top         : 46px;
    width               : 100%;
    text-align          : center;
}
div#form_espace_client input.login_form_espace_client {
    width               : 116px;
    font-size           : 10px;
    font-weight         : bold;
    border              : 1px solid #071456;
    padding             : 1px;
}

div#form_espace_client input.bouton_submit_form_espace_client {
    width               : 116px;
    font-size           : 9px;
    font-weight         : bold;
    background-color    : #FFD425;
    border              : 1px solid #FFFFFF;
    padding             : 1px;
}

div#form_espace_fournisseur {
    padding-top         : 46px;
    width               : 100%;
    text-align          : center;
}
div#form_espace_fournisseur input.login_form_espace_fournisseur {
    width               : 116px;
    font-size           : 9px;
    font-weight         : bold;
    border              : 1px solid #071456;
    padding             : 1px;
}

div#form_espace_fournisseur input.bouton_submit_form_espace_fournisseur {
    width               : 116px;
    font-size           : 10px;
    font-weight         : bold;
    background-color    : #384AA5;
    border              : 1px solid #FFFFFF;
    padding             : 1px;
}

div.separateur_actu {
    width               : 100%;
    height              : 1px;
    background          : transparent url(images/gabarits/separateur_fond_actu.gif) top left repeat-x;
}

div.actu_fiche_accueil {
    padding-left        : 10px;
    padding-right       : 10px;
    padding-top         : 5px;
    padding-bottom      : 5px;
}

/**
 * LE TABLEAU DES PRODUITS
 */

table.produit {
	margin-top			: 40px ;
	margin-bottom		: 20px ;
	border 				: 1px solid #c0e0e2;
	text-align			: center;
}

table.produit th {
	background-color	: #374ba4;
	color				: #FFF;
	height				: 22px;
	border-right		: 1px solid #c0e0e2;
}

table.produit th.cas2 {
	border				: none;
}

table.produit td {
	background-color	: #e4f2f2;
	color				: #000;
	height				: 22px;
	border-right		: 1px solid #c0e0e2;
}

table.produit td.cas3 {
	background-color	: #FFF;
	color				: #000;
	height				: 25px;
	border-right		: 1px solid #c0e0e2;
}

table.produit select {
	font-size			: 10px;
}

table.produit td.bas {
	background   		: transparent url(images/gabarits/compte/bas_commande.gif) no-repeat;
	border				: none;
	text-align			: right;
	color				: #FFF;
	padding-right		: 20px;
	font-weight			: bold;
}

table.produit td.bas input {
	width				: 70px;
	height				: 14px;
	border				: 1px solid black;
	text-align			: right;
	padding-right		: 5px;
}

table.bas_page {
	width				: 100%;
	text-align			: right;
	margin-bottom		: 30px;
	padding-right		: 21px;
}

div.conteneur_resum {
	padding-top			:25px;
}

div.et2_titre {
	width				: 915px;
	margin  			: 0px 0px 0px 25px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	color				: #FFF;
	background-color	: #374ba4;
	font-size			: 13px;
	font-weight			: bold;
	padding				: 4px 0px 4px 5px;
}

div.tab_recap {
	margin-top			: 25px;
}


/**
 * LA PAGE DE RESUME DE COMMANDE
 */

table.produit_res {
	margin-top			: 6px ;
	margin-bottom		: 26px ;
	border 				: 1px solid #c0e0e2;
	text-align			: center;
}

table.produit_res th {
	background-color	: #374ba4;
	color				: #FFF;
	height				: 22px;
	border-right		: 1px solid #c0e0e2;
}

table.produit_res th.cas2 {
	border				: none;
}

table.produit_res td {
	background-color	: #e4f2f2;
	color				: #000;
	height				: 22px;
	border-right		: 1px solid #c0e0e2;
}

table.produit_res td.cas3 {
	background-color	: #FFF;
	color				: #000;
	height				: 25px;
	border-right		: 1px solid #c0e0e2;
}

table.produit_res td.bas {
	background   		: transparent url(images/gabarits/compte/bas_commande.gif) top right no-repeat;
	border				: none;
	text-align			: right;
	color				: #FFF;
	padding-right		: 20px;
	font-weight			: bold;
}

table.produit_res td.bas input {
	width				: 70px;
	height				: 14px;
	border				: 1px solid black;
	text-align			: right;
	padding-right		: 5px;
}

div.cont_bt_menu {
	margin-left			: 480px;
}

div.conteneur_resum {
	padding-bottom		: 230px;
}

div.msg_conteneur {
	text-align			: center;
	padding				: 20px;	
}

div.msg_conteneur a, div.msg_conteneur a:link, div.msg_conteneur a:visited, div.msg_conteneur a:hover, div.msg_conteneur a:active {
	color				: #374AA4;
}