/* --------------Ensemble des styles © La Félixe sauf mentionné ---------------   */


/* ------"External" from Gerard Ferrandez at http://www.dhteumeuleu.com --------   */

#center {
	position: relative;
	/*left: 50%;
	top: 50%;*/
	text-align:center;
}
#screen {
	position:relative;
	text-align:center;
	/*left: -250px;
	top: -150px;*/
	/*width: 500px;
	height: 300px;*/
	width:370px;
	height:220px;
	background: #634a0b;
	overflow: hidden;
	border-top:#f7f7d7 solid 2px;
	border-right:#634a0b solid 2px;
	border-bottom:#634a0b solid 2px;
	border-left:#f7f7d7 solid 2px;
	color: #bca84c;
	font-family: arial;
}
#screen img {
	position: absolute;
	/*-ms-interpolation-mode:nearest-neighbor;*/
}









/* ---------- Conteneurs ---------- */



body {
	background-color:#ffffc8;
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

.principal {
  	margin:5px;
    padding: 0px;
	min-width: 760px;
	height: auto;
    position: relative;
	top: 1px;
	border:#b22cb7 solid 0px;
}

.secondaire {
  	margin: 0px;
    padding: 0px;
    position: relative;
	left: 160px;
	height: 450px;
	width: 78%;
	border:#00ff00 solid 0px;
    overflow: hidden;	
}

.menus_V {
	margin: 0px;
  padding: 0px;
	border:#f0f0f0 solid 0px;
	position: absolute;
	left:5px;
	top: 65px;
	text-align:center;
}

.menus_H {
	margin: 0px 0px 0px 3px;
  padding: 0px;
	border:#ff55f0 solid 0px;
}

.menus {
	margin: 0px 0px 8px 0px;
  padding: 0px;
	border:#ff0000 solid 0px;
	position: relative;
}

.fond_menu {
	background-color: #634a0b;
	width: 140px;
	height: auto;
	text-align:center;
	position:relative;
}

.fond_ss_menu {
	/*position:relative;
	left:35%;*/
	padding: 5px 30px 5px 30px;
	background-color: #634a0b;
	width: 180px;
	height: auto;
}



.pave {
	border-top:#f7f7d7 solid 2px;
	border-right:#634a0b solid 2px;
	border-bottom:#634a0b solid 2px;
	border-left:#f7f7d7 solid 2px;
	overflow: hidden;
	background: #bca84c;
	padding:10px 10px 10px 10px;
}

		
.popup {
	top:80px;
	left:130px;
	width:auto;
	height:auto;
	border-top:#ffffff solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#cccccc solid 3px;
	border-bottom:#cccccc solid 3px;
	background-color:#634a0b;
	position: absolute;
	padding: 10px;
	z-index:50;
	display:none;
	}
	
.popupB {
	width:120px;
	height:auto;
	border-top:#ffffff solid 2px;
	border-left:#ffffff solid 2px;
	border-right:#cccccc solid 3px;
	border-bottom:#cccccc solid 3px;
	background-color:#efefc8;
	position: absolute;
	top: 70px;
	left: 40px;
	padding: 10px;
	z-index:500;
	display:none;
	}

.popupC {
	position: relative;
	display:none;
	}
	
.quart {
	position:relative;
	border-top:#f7f7d7 solid 2px;
	border-right:#634a0b solid 2px;
	border-bottom:#634a0b solid 2px;
	border-left:#f7f7d7 solid 2px;
	/*overflow: hidden;*/
	background: #bca84c;
	width: 245px;
	height: 180px;
	padding:10px 10px 10px 10px;
	margin:3%;
	
}
	


/* ---------- Liens ---------- */

a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
    color: #ff8800;
    text-decoration: none;
	text-align:center;
}

a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
    color: #ff8800;
    text-decoration: none;
	text-align:center;
}

a:hover, a:focus {
    font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
    color: #7dffee;
    text-decoration: none;
	text-align:center;
}

.pave a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
    color: #ffee7c;
    text-decoration: none;
	text-align:center;
}

.pave a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
    color: #ffee7c;
    text-decoration: none;
	text-align:center;
}

.pave a:hover, .pave a:focus {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.6em;
    color: #7dffee;
    text-decoration: none;
	text-align:center;
}

.fond_menu {
	list-style:none;
	padding:0 0 5px 0;
	margin:0;
}


.fond_menu a:link, .popup a:link  {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
    color: #ffee7c;
    text-decoration: none;
}

.fond_ss_menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
    color: #ffee7c;
    text-decoration: none;
}

.fond_menu a:visited, .popup a:visited  {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
    color: #ffee7c;
    text-decoration: none;
}

.fond_ss_menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
    color: #ffee7c;
    text-decoration: none;
}

.fond_menu a:hover, .popup a:hover, .fond_menu a:focus, .popup a:focus {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
    color: #7dffee;
    text-decoration: none;
}

.fond_ss_menu a:hover, .fond_ss_menu a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
    color: #7dffee;
    text-decoration: none;
}

.fond_menu .encours a  {
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
    color: #ff8800;
    text-decoration: underline;
}

.fond_ss_menu .encours a {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
    color: #ff8800;
    text-decoration: underline;
}

#actus a {
	font-size : 1em;
	}


a.panier:link {		
width:50px;
height: 50px;
display:block;
background-image:url(images/img_fixes/bouton_caddy_jaune.png);
background-repeat:no-repeat;
}

a.panier:visited {
width:50px;
height: 50px;
display:block;
background-image:url(images/img_fixes/bouton_caddy_jaune.png);
background-repeat:no-repeat;
}

a.panier:hover {
width:50px;
height: 50px;
display:block;
background-image:url(images/img_fixes/bouton_caddy_bleu.png);
background-repeat:no-repeat;
}

a.sup:link {		
width:25px;
height: 25px;
display:block;
background-image:url(images/img_fixes/bouton_sup_rouge.png);
background-repeat:no-repeat;
}

a.sup:visited {
width:25px;
height: 25px;
display:block;
background-image:url(images/img_fixes/bouton_sup_rouge.png);
background-repeat:no-repeat;
}

a.sup:hover {
width:25px;
height: 25px;
display:block;
background-image:url(images/img_fixes/bouton_sup_bleu.png);
background-repeat:no-repeat;
}

/* ---------- Textes ---------- */

p, .secondaire p, form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	color:#000000;
	margin: 5px 0px 0px 0px;
}

label, input, textarea, select {
	margin : 3px 0 3px 0;
	padding: 0 2px 0 2px;
}

.aligne_r {
	text-align:right;
	}



h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#634a0b;
	margin: 5px 0px 5px 0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	margin: 5px 0px 10px 0px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#000000;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.pave h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#000000;
	margin: 5px 0px 5px 0px;
	}
	
.pave ul {
	list-style-type: square;
	list-style-position:outside;
	margin-left:5px;
	padding-left:5px;
	text-align:left;
	}

.pave li, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:left;
	color:#000000;
	margin: 5px 0px 5px 0px;
	}	


#promos h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	color:#ffffff;
}

#promos p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:left;
	color:#ffffff;
}

#actus, #actus p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	color:#000000;
	float:right;
	margin:0px 0px 1px 8px;
	width:185px;
}

#actus h1{
	font-weight:bold;
	font-style:italic;
}

.popup p, .popup ul {
	color:#ffffff;
	font-size:12px;
	}
	
.popup h1 {
	color:#ffffff;
	font-size:16px;
	}

.quart h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:left;
	color:#ffffff;
	}

.quart h2 {
	clear: both;
	text-align:center;
	color:#ffffff;
	}
	
.quart p {
	text-align:left;
	font-size:0.7em;	
	color:#000000;
}

.quart h3 {
	text-align:left;
	font-weight:bold;
	font-style:italic;
	color:#634a0b;
}

.quart h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#634a0b;
	margin:0px;
	padding:0px;
}

#prod0, #cond0, #prix0, #qte0, #tot0 {
	color:#999999;
	}

/* ----------- Images et div---------- */


img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
.imgpresentH {
	width:200px;
	height:auto;
	margin: 1em;
	}
	
.imgpresentV {
	width:auto;
	height:180px;
	margin: 0.5em 1em 0.2em 1em;
	}		
	


.popup img {
	height:300px;
	margin:12px;
	border-top:#f2f4f6 solid 2px;
	border-right:#cecdcd solid 2px;
	border-bottom:#cecdcd solid 2px;
	border-left:#f2f4f6 solid 2px;
	}

.fermer {	/* --- A placer toujours apres .popup img --- */
	/*position: relative;*/
	float:right;
	width: 30px;
	z-index:60;
	display:inherit;
	cursor:default;
	border:#ffffff solid 0px;
	padding:0px;
	}
	
.fermer img {
	height: 20px;
	width: 20px;
	top:0px;
	left:0px;
	border:#ffffff solid 0px;
	margin:3px;
	}

.quart img {
	height:60px;
	margin:0 10px 5px 0;
	float: left;
}

.partners {
	float:left;
	width:100px;
	margin: 0 5px 5px 0;
	}	
	
/* -------------- Tableaux et formulaires ----------------- */	

table {
	width: 100%;
	margin: 0px;
	padding:0px;
	}
	
td, tr {
	border:#ff0000 solid 0px;
	margin: 0px;
	padding:0px;
}

.tabserieimg {
	margin: 0.5em 0px 0.5em 0px;
	padding:0px;
	width:100%;
	height:185px;
	text-align:center;
	border:#ff0000 solid 0px;
	}
	
.tabserieimg td, .tabserieimg tr {
	/*width:50%;*/
	text-align:center;
	border:#ffff00 solid 0px;
	padding:0px;
	}

#tab_comand {
	width:90%;
	border:#000000 solid 0px;
	border-spacing: 0;
	padding:0;
	text-align:center;
	margin: 10px 0 10px 0;
	}
	
#tab_comand td {
	border:#000000 solid 0px;
}

.result {
	text-align:right;
	padding:3px 15px 3px 0;
	background-color:  #f9f9d2;
	}
	
.result ul {
	text-align:left;
	font-style:italic;
	font-size: 0.8em;
	list-style-position:inside;
	}
	

.input_invisible {
	border:none;
	background-color:#ffffc8;
}

.input_visible {
	border:none;
	background-color:#ffee7c;
}