/* @group Structure de la page */

html,body{margin: 0; padding: 0; height: 100%}
body{font: 11px arial,sans-serif;text-align:center;background-image:url(icononav/fd_main.gif); background-repeat:repeat-x; background-position:top; background-color:#ebebeb;}

/* @end */


div#container{width:930px; height: 100%; margin:0 auto; text-align:left; }

div#header {height:168px; width:930px; margin:0; padding-left:0px;}



div#navcontainer{height:35px;}
#navcontainer #current {color: #0080ff; font-weight: bold; background: #EEE;}
#navcontainer ul { padding: 0px 0 0px 0; margin: 11px 0px 0px 0px;}
#navcontainer li { float: left; list-style-type: none;}
	
	
td #navcontainer a { position: relative; text-decoration: none; color: #2c2c2c; text-align: center; margin-bottom: 0px; margin-left: 0px; padding: 11px 20px 12px 20px; white-space: nowrap; height: 35px; text-shadow: 0px 1px 0px #ffffff; background-image:url(icononav/bt_nav.gif); background-repeat:repeat-x; background-position:top right; font-size:11px; font-weight:bold; color:#444;}

#navcontainer a:hover {  color:#000; background-image:url(icononav/bt_nav_on.gif); background-repeat:repeat-x; background-position:top right;   }


#cadre_main{top:0px;  width:766px; background-image:url(icononav/fd_cadre.gif); background-repeat: repeat-y; } /*border: 1px solid #1D1D1D;*/ 
#haut_cadre{ height:7px; width:766px; font-size:1px;background-image:url(icononav/haut_cadre.gif); background-repeat: no-repeat;  }
#bas_cadre{ height:7px; width:766px; font-size:1px;background-image:url(icononav/bas_cadre.gif); background-repeat: no-repeat;  }

#content { padding:10px; margin: 0.5em; /*gestion des espaces interparagraphes */}
#content p a{ color:#000000;}
#content p a:hover{ text-decoration:none;}


#image_main {float:right; background-repeat:no-repeat; margin-left:10px;}

.bloc{display:table;}

.gauche{width:49%;}
.droit{float:right; width:49%;}
.large{width: 100%;}


#pied{width: 766px; height:22px; background-image:url(icononav/fd_pied.gif); background-repeat:no-repeat; margin-bottom:15px; margin-top:15px;text-align: right; }
#pied p, #pied p a{font: 11px; Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif; font-weight:bold; font-style:normal;
padding: 3px 10px; text-align: right; color:#FFFFFF;}
pied p a{ text-decoration:none; color:#FFFFFF;}



#filet{display:block; height:2px;width:100%; border-bottom: 1px solid #BEBAB9; margin-top:0px; margin-bottom:0px;
 border-width:1px;}
.filet{display:block; height:2px;width:100%; border-bottom: 1px solid #BEBAB9; margin-top:5px; margin-bottom:5px;
 border-width:1px;}


#cadre { /* taille du cadre, à titre d'exemple */
position: relative;
width: 15em;
background-color: #909090;
}



#cadre_titre{ /* taille du cadre, à titre d'exemple */
position: relative;
width: auto;
}
.jaune{
color:#00000; background-color: #ccc}
.noir{
	color:#000000;
	background-color:#CCCCCC
}


/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit,#hautgauchej, #hautdroitj, #basgauchej, #basdroitj {
height: 4px; width: 4px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(icononav/hautgauche_trnoir.gif);
}
#hautdroit {
float: right;
background: url(icononav/hautdroit_trnoir.gif);
}
#basgauche {
background: url(icononav/basgauche_trnoir.gif);
}
#basdroit {
float: right;
background: url(icononav/basdroit_trnoir.gif);
}
#hautgauchej{
background: url(icononav/hautgauche_trjaune.gif);
}
#hautdroitj {
float: right;
background: url(icononav/hautdroit_trjaune.gif);
}
#basgauchej {
background: url(icononav/basgauche_trjaune.gif);
}
#basdroitj {
float: right;
background: url(icononav/basdroit_trjaune.gif);
}

#cadretitre {
font: 140% Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif; font-weight:bold; font-style:normal;
margin: 0 0.5em;  /*gestion des espaces interparagraphes */
}

#cadretitre a {
text-decoration: none; color:black;
}




/*TEXTES TEXTES*/


h1 {font: 120%  Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif; font-weight:bold; font-style:normal; color:#c19600; text-align:left;margin-bottom:1px; padding:0px;}
h2 {
	font: 140% Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#666666;
	margin-bottom:1px;
	padding:0px;
	text-align:left;
}

h3 {
	display:block;
	font: 160% Arial, Helvetica, Verdana;
	font-weight:bold;
	font-style:normal;
	color:#333333;
	margin-bottom:1px;
	text-align:left;
	padding:0px;
	text-align:left;
}
h4 {
	display:block;
	border:140% solid #e86500;
	padding: 5px;
	font: 11px Arial, Helvetica, Verdana;
	font-weight:bold;
	font-style:normal;
	color:#802730;
	margin-bottom:1px;
	text-align:left;
	line-height:1.6em;
}
h5 {display:table; width:96%; border:1px solid #547E51; padding: 5px 5px 4px 5px; font: 11px Arial, Helvetica, Verdana; font-style:normal; margin-top:0;margin-right:3px; margin-bottom:5px; text-align:left;line-height:1.3em;}
h5 img{ width: 80px; height: 80px;  }
h6 {
	display:block;
	font: 160% Arial, Helvetica, Verdana;
	font-weight:bold;
	font-style:normal;
	color:#000000;
	margin-bottom:3px;
	text-align:left;
	margin:0;
}
h7 {color:#336399; text-align:left; font: 120% Arial, Helvetica, Verdana;font-weight:bold;}

h8 {
	color:#802730;
	text-align:left;
	font: 120% Arial, Helvetica, Verdana;
	font-weight:bold;
}
h9 {
	color:#000000;
	text-align:left;
	font: 100% Arial, Helvetica, Verdana;
	font-weight:bold;
}


p{font: 100% Arial, Helvetica, Verdana; font-style: normal; line-height:1.5em;color:#333333;text-align:left; }
p img{margin:2px;}

#red {
	color: #f00;
}

.filet{display:block; height:2px;width:100%; border-bottom: 1px solid #BEBAB9; margin-top:5px; margin-bottom:5px;
 border-width:1px;}



/*#bloc list  ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}*/
#bloc   ul { 
margin-left: 10px;

	padding-left: 0px;

}

#bloc   li { 
list-style: none;
margin: 0px;
	padding: 0px;

}

#bloc  ul li  {
	display: block;
line-height:1.4em;
	color: #156398; font-weight:bold;
font-size:10px;
	text-decoration: none;
	border-bottom: 1px solid #c3c3c3;
	text-shadow: 0px 1px 0px #CCC;
padding-left: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#bloc  ul li#one{ background-color:  #F3F3F3;
}
#bloc  ul li#two{
 background-color: #EAF1F6    ; 
}
.ligne1{
	background-color:  #F3F3F3;
}
.ligne2{
	background-color:  #EAF1F6;
}

#bloc  ul li  a{ 	color: #156398;}
#bloc  ul li  a:hover { text-decoration:none; /*#E2E6D4background:#E9EAF3#E5E9E9 #EDEDED;*/}

/* Child - Level 1 */

#bloc ul ul {
	padding: 0px;
	margin: 0;
	border-bottom-style: none;
}

#bloc ul ul li { list-style: none;
margin: 0px;
	padding: 0px;
}

#bloc ul ul li {
line-height:1.1em;
font-size:10px;
color:#3974B7;
border-bottom: 1px solid #DFE2E6;
		padding: 2px 10px 3px 0px;
	margin: 0;
	text-decoration: none;

}

#legende{float:right; text-align:left;}
#txtgras{font-weight: bold;}


/*.pic1, .pic2, .pic3, .pic4 {display:block; float:left; height:50px; width:50px; margin:3px;}*/
a {
	text-decoration: none
}

a:link, a:hover, a:visited {
	text-decoration: none;
	font-weight: bold;
		color: #4049c0;

}


div#panier {
	font-family: Verdana, sans-serif;
}

div#login {
	font-family: Verdana, sans-serif;
	background: #e6e6e6;
}





/* store */



.identification_haut {
	font-size: 11px;
	margin-left: 140px;
}

.header_box {
	border: 1px solid black;
	padding: 3px 10px 3px 10px;
	margin: 3px
}

.address_box {
	border: 1px solid black;
	text-indent: 10px;
	margin: 3px;
}


.important {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.signature {
    margin-left: 65%;
	font-size: 12px;
}
.gros {
	font-size: 12px;
}

.reglement {
	width: 10cm;
}

.gris {
	background: #eeeeee;
}

#section_totaux {
	border: 1px solid black;
}

#clause_bas {
	font-size: 10px;
	padding-top: 20px;
}

.ligne {
	text-align: left;
	vertical-align: top;
	font-size: 9pt;
	padding-bottom: 3px;
}

.total_ligne {
	text-align: right;
	vertical-align: top;
	font-size: 9pt;
	white-space: nowrap;
	padding-left: 10px;
}

.total_ligne1 {
	text-align: right;
	vertical-align: top;
	font-size: 9pt;
	white-space: nowrap;
}

.total_ligne2 {
	display: none;
}

.commentaire {
	font-size: 8pt;
}

.serie {
	padding-left: 20px;
	display: block;
}

.trait_gauche {
	border-left: 1px solid black;
	padding-left: 4px;
	padding-right: 4px;
}

.trait_droit {
	border-right: 1px solid black;
	padding-left: 4px;
	padding-right: 4px;
}

.trait_bas {
	border-bottom: 1px solid black;
	padding-bottom: 6px;
}

.trait_haut {
	border-top: 1px solid black;
	padding-bottom: 6px;
}

.cellule {
	text-align: left;
	vertical-align: top;
}

.cellule1 {
	text-align: left;
	vertical-align: top;
}

.cellule2 {
	display: none;
}