html,body{margin:0;padding:0;background-color: #D8E8F6;}
body{font: 76% arial,sans-serif;text-align:center}
p{
	margin:0 10px 10px;
	text-align: justify;
}
a{padding:5px; text-decoration:none; color:#000000;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#container{text-align:left}
div#content p{line-height:1.4;}
div#navigation{background:url(decor/decor/testdec1_04.gif) repeat-y top left;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}
div#footer{
margin-bottom:15px;
height:34px;
background:url(decor/testdec1_08.gif);
clear:left;
text-align:center;
width:100%}
div#footer p{margin:0;padding:5px 10px}
div#container{width:955px;margin:0 auto}
div#content{
min-height:350px;float:right;width:688px;background:url(decor/testdec1_05.gif) top right;padding-top:20px;
}
div#navigation{float:left;width:257px;margin-left: 10px; margin-top: 25px;
}
div#footer{clear:both;width:100%}

div#body{
background:url(decor/testdec1_04.gif) repeat-y top left;
overflow:auto
}

div#menu{
height:27px;
width:100%;
background:url(decor/nav.gif) no-repeat;
}

#menu ul {
	list-style: none;
	height: 27px;
	margin: 0px 0px 0px 20px;
	padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: right;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
					  font-size: 14px;
					  font-style: bold;

	height: 27px;
	text-decoration: none;
	line-height: 27px;
	background: url(../images/menu_bg_separator.jpg) top left no-repeat;
	padding: 0 20px;
}
#menu ul li a.active {
	background: #204264 url(../images/menu_bg_separator.jpg) top left no-repeat;
}
#menu ul li a.first {
	background: top left no-repeat;
}
#menu ul li a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
						font-size: 14px;
	text-decoration: none;
	color: #FF6666;
}




#menuDeroulant
{
 width: 644px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top: 0;
 left: 0;
 width: 220px;

}

/*On positionne les elements du menu */
#menuDeroulant li {
				left: 20px;
                position:relative;
                list-style: none; /*on enleve les icones de liste */
               }

#menuDeroulant  ul {
                position: absolute;
                top: -15px;
                left: 200px; 
				display:none/*100px correspond au décalage a droite, on décale de la taille du ul de base*/
               }  
			   
#menuDeroulant .sousMenu li
{
 margin: 0;
 padding: 0;
 border: 0;
 width: 240px;
 
}



#menuDeroulant li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              }
            
#menuDeroulant li.sousmenu {
                      
                     }

#menuDeroulant li:hover > .sousMenu { display: block; }



#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 2px 8px;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: #3B4E77;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}

fieldset {
 padding:20px;
 margin-bottom:10px;
 margin-right:20px;
 margin-left:10px;
 }

div#intro1{
height:208px;
width:100%;
background:url(decor/testdec1_03.jpg) no-repeat;
}


div#intro2{
height:208px;
width:100%;
background:url(decor/testdec1_03.jpg) no-repeat;
}

div#header
{
height:90px;
width:100%;
background:url(decor/testdec1_01.jpg) no-repeat;

}

#header #right_header {
	float: right;
	text-align: right;
	width: 255px;
	color: #000000;
	padding: 10px 20px 0 0;
	font-size: 1.1em;
}

#header #right_header2 
{
	
	float:right;
	
	
}
form.inline  
{
	
	margin-left:550px;
}
form.inline p 
{
	display: inline;
	margin-left:-30px;
}

form.inline2  
{
	margin-left:10px;
	
}
form.inline2 p 
{
	display: inline;
	
}

form.inline2 label 
{
	width : 100px;
	
}
.input-prompt{
	text-align:left;
	margin-top:2px;
	font-style: italic;
    color: gray;
    text-indent: 5px;
    cursor: pointer;
}


.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000033;
text-decoration: none;
margin-right: 40px;
font-style: normal;
margin-left: 70px;
text-align: justify;
}
.txtcategboutique{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000033;
text-decoration: none;
margin-right: 40px;
font-style: normal;
margin-left: 70px;
text-align: justify;
}

.Style1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000033; text-decoration: none; margin-right: 40px; font-style: normal; margin-left: 70px; }
.bas {	
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
margin-top: 6px;
}
.lienbas {	
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}
a.lienbas:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
a.lienbas:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
a.lienbas:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
label
{
	float: left;
	width: 250px;
	text-align: left;
}
input
{
	margin-bottom: 5px;
	margin-right: 20px;
	
}
select
{
	margin-bottom: 5px;
	
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #993300;
	margin-right: 40px;
	margin-left: 70px;
}

.contgal {
	width: 540px;
	float: right;
	margin-right: 78px;
}
.blocg {
	width: 250px;
	border: 1px solid #CC3333;
	float: left;
}
.blocd {
	width: 250px;
	border: 1px solid #CC3333;
	float: right;
}
.sstextbloc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
	text-align: left;
}
.textbloc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	margin-right: 20px;
	margin-left: 20px;
}

.cadrecateg {
	clear: both;
	width: 580px;
	margin-left: 70px;
	border: 1px solid #993300;
	margin-bottom: 20px;
	padding-top: 6px;
}
.cadreprod {
	clear: both;
	width: 500px;
	margin-left: 70px;
	border: 1px solid #3399CC;
	margin-bottom: 20px;
}
.cadreboutique {
	width: 500px;
	margin-left: 70px;
	border: 1px solid #CC0000;
	margin-bottom: 20px;
}
div#products{
height:208px;
width:936px;
background:url(decor/tit1_en.jpg) no-repeat;
}
div#intro1_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro2_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro3_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro4_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro5_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro6_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro7_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro8_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro9_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro10_en{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}

div#intro1_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro2_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro3_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro4_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro5_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro6_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro7_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro8_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro9_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}
div#intro10_fr{
height:208px;
width:955px;
background:url(decor/titgal.jpg) no-repeat;
}

.cadreboutique { text-align: center; }

.tabboutique {
	border-top: 1px solid #930;
	border-bottom: 1px solid #930;
}

.cadreboutique table tbody td { border-top: 0; }
.cadreboutique table tbody > tr:first-child > td { border-top: 1px solid #930; }

.txtprix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993300;
}
.lienrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
a.lienrouge:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
a.lienrouge:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
a.lienrouge:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
.lienbleuclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3399CC;
}
a.lienbleuclair:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3399CC;
	text-decoration: underline;
}
a.lienbleuclair:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3399CC;
	text-decoration: underline;
}
a.lienbleuclair:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
.lienbleufonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}
a.lienbleufonce:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
a.lienbleufonce:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
a.lienbleufonce:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
.animacc {
	margin-left: 40px;
}
.liennewsacc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
}
a.liennewsacc:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	text-decoration: none;
	margin-left: 340px;
}
a.liennewsacc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	text-decoration: none;
	margin-left: 340px;
}
a.liennewsacc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 340px;
}
.listenews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000033;
}

#menu > ul > li > a#active_on { color: #f66; font-weight: bold; }

.img_cat {
	clear: left;
	float: left; 
	margin-right: 10px; 
	margin-bottom: 15px;
	border: 1px solid #003;
	width: 171px;
	text-align: center;
}

.nav > strong { font-size: 14px; }

.cadreprod h4 { padding-left: 10px; }

.table_panier tr, .table_panier td, .table_panier th { text-align: center; }
.table_panier th, .table_panier td, .table_panier tr { height: 40px; }

.paiement { width: 280px; float: right; margin-bottom: 40px;}
.paiement div.first-child { float: left; }


.account { margin: 0; }
.account p, .account ul, .account form, .account h4, .account h3, .account table { margin-left: 70px; margin-top: 0; }
.account ul { padding-left: 15px; }
.account ul > li { padding-bottom: 7px; }
.account form  p { margin-left: 0; }
.account a, .account a:hover, .account a:visited { color: #5F879D;}
.account a:hover { text-decoration: underline; font-weight: bold; }
.account fieldset { margin-left: 0; padding-left: 5px;}
.account table, .account tr { padding: 0; border: 1px solid #5F879D;}
.account tr, .account td, .account th { margin: 0; padding: 0; }
.account table th, .account table td{ 
	width: 80px; 
	border-left: 1px solid #5F879D; 
	border-top: 1px solid #5F879D;
	text-align: center;
}

.account table th { border-top: 0; }
.account tr > th:first-child, .account tr > td:first-child { border-left: 0; }
.account table { margin-bottom: 20px; }