/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */
html{font-size:100%}

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #011e56;
	font-size: 0.8em;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 10px auto;
	padding: 0;
	text-align:center;
}
h2{
	font-size: 1.4em;
	font-weight:normal;
	margin: 0;
	padding: 0;
	text-align:center;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	text-align:center;
}

h4{font-size:0.9em;margin:0;padding:0;font-weight:normal;text-align:center;}

a {
	color: #011e56;
	text-decoration: none;
}

a:visited {
	color: #011e56;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000; /*#f8f8ff;*/
}

img {
	border: 0
}

/* Page
-------------------------------------------------------- */

.nettoyage{clear:both;visibility:hidden;}

#wrapper {
	width: 750px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}


#content {
	padding: 0;
	clear: both;
	margin:0;
	background-color:#f8f8ff;
	border:1px solid #f8f8ff;
	
}

.cadre_info{margin:10px auto;padding:10px;width:480px;background-color:#EBE7FD;border:2px ridge #011E56;text-align:justify;}

.bouton_retour{
	text-align:center;
}
.bouton_navigation{
	width:400px;
	margin:5px auto;
	padding:0;
	height:1.5em;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	border:1px solid #011E56;
}
#contenu {
	display:inline;
	float:left;
	width:496px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-color:#f8f8ff;
	
}
#contenu_formulaire {
	width:500px;
	padding: 5px;
	margin: 10px auto;
	background-color:#EBE7FD;
	
}
#contenu_formulaire .designation{
	width:450px;padding:10px 0 0 10px;margin:0;text-align:left;color#000;font-weight:bold;
}

#contenu_formulaire .sous_designation{
	width:450px;padding:10px 0 0 20px;margin:0;text-align:left;color#000;font-weight:normal;
}

#contenuLarge{

	width:748px;
	padding: 0 0 10px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color:#f8f8ff;

}

#contenu h1{
	color:#011e56;
	text-align:center;
	margin-top:50px;

}

#contenuLarge .descriptionRub{
	color:#011e56;
	width:500px;
	text-align:center;
	margin:20px auto;
	font-weight:bold;

}
.bouton_navigation{
	width:400px;
	margin:5px auto;
	padding:0;
	height:1.5em;
	text-align:center;
	font-weight:bold;
	background-color:#FFF;
	border:1px solid #011E56;
}

#ficheRepas{
	border:1px solid green;
}
.titrePage {
	/*display:inline;
	float:left;*/
	color: #011e56;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.titrePageRubrique {
	display:inline;
	float:left;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	width: 490px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #12335B;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 95%;
	margin:0 auto;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
}

.recapCourtoisie{
	margin:15px 30px 15px 30px;
	padding:0;
}

.separationLarge{
	height: 1px;
	width: 748px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	
	

}

.titreDate{
	margin:0;
	padding:0;
	text-align:left;
	margin-left:40px;

}

.titreDate a{color:#011e56;background-color:transparent}

#menuDroite{
	display:inline;
	float:right;
	width:243px;
	background:#EBE7FD;
	padding:  0 0 0px;
	font-family: Arial Narrow;
	text-align:center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	
}

/* Entête
-------------------------------------------------------- */

#entete {
	
	background-color: #011e56;
	width: 750px;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #FFFFFF;
}

#entete_connexion{
	margin:20px auto;

}

#bandeau{
	background-color: #011e56;
	margin: 0;
	padding:10px 0;
}



/*
.logo {
	float: left;
	width: 260px;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
*/

#monCompte {
	/*display:inline;
	float: left;*/
	width: 400px;
	margin: 0 auto;
	/*border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;*/
	padding-top: 0;
	padding-right: 0;
	padding-bottom:10px;
	padding-left: 10px;
	border:1px solid #000;
	text-align:center;
}

.formMonCompte {
	/*float: left;*/
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	/*float: left;*/
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #12335B;
	background-color: #FFF;
	border: 1px solid #12335B;
	overflow: hidden;
	zoom: 1;
}

.menuMonCompte {
	/*float: left;*/
	color: #000;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	/*display:inline;
	float:right;*/
	text-align:center;
	width: 200px;
	margin:10px auto;
	color:#000;
	/*border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;*/
	border:1px solid #000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#monPanierRubrique{
	display:inline;
	float:right;
	text-align:center;
	width: 200px;
	margin:10px;
	color:#FFF;
	/*border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;*/
	border:1px solid #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.boutonMonCompteEntete {	
	/*float: left;*/
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link {
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #888;
	text-decoration: underline;
	font-weight: bold;
}

a.LIEN_enteterub:link {
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_enteterub:visited {
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_enteterub:hover {
	font-size: 0.8em;
	color: #888;
	text-decoration: underline;
	font-weight: bold;
}



/* inutile  voir CSS/StylepPal.css */

/*

#cadre_resa a.LIEN_resa:link {
	font-size: 1em;
	color: #F00;
	text-decoration: none;
	font-weight: normal;
}



#cadre_resa a .LIEN_resa:visited {
	font-size: 1em;
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

#cadre_resa a.LIEN_resa:hover {
	font-size: 1em;
	color: #F00;
	background-color:#D27B3C;
	text-decoration: underline;
	font-weight: bold;
}
*/

/* Chemin
-------------------------------------------------------- */

#chemin {
	/*float: left;*/
	width:730px;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #011e56;
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	/*float: left;*/
	width: 496px;
	margin: 0;
	padding: 0;
}

.ListeProduitsPetitsLarge {
	
	width: 746px;
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.produitPetit_160 {
	display:inline;
	float: left;
	width: 158px;
	margin-top: 10px;
	margin-right:0;
	margin-bottom: 0;
	margin-left: 4px;
	padding: 5px 0;
	text-align:left;
	border:1px solid #011e56;
}

.produitPetit_180 {
	display:inline;
	float: left;
	width: 178px;
	margin-top: 10px;
	margin-right:0;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 5px 0;
	text-align:left;
	border:1px solid #011e56;
}

.produitPetit_240 {
	display:inline;
	float: left;
	width: 239px;
	background-color:#efefff;
	margin-top: 10px;
	margin-right:0;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 5px 0;
	text-align:left;
	border-top:1px solid #011e56;
	border-right:2px solid #011e56;
	border-bottom:2px solid #011e56;
	border-left:1px solid #011e56;
}
.produitPetit_240 .image{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:125px;

}

.produitPetit_240 .table_prix{
	font-size:0.8em;
	/*height:7em;*/
	margin:0 auto;
	height:140px;
}


.produitPetit_240 .titreProduit{
 height:3em;
 vertical-align:middle;
 margin:0;
 padding:0;

}

.produitPetit_240 .chapoProduit{
 height:3em;
 vertical-align:middle;
 margin:0;
 padding:0;

}

.produitPetit_240 .titre{
	text-align:left;
	width:140px;
	
}

.produitPetit_240 .tablePrix{
	padding:0;
	margin:5px 0 5px 0;
	font-size:0.85em;
	height:13em;
	width:100%;
	border-collapse:collapse;
}

.produitPetit_240 .titrePrix{
	width:120px;
	text-align:left;
}

.produitPetit_240 .prix{
	text-align:right;
	padding:0 4px 0 0;
	width:50px;
}
.contourImage {
	border: 1px solid #0066CC;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	font-size:80%;
	color: #12335B;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #12335B;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	height:3em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #12335B;
	text-align: left;
	width:248px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left:250px;
}

.prixProduit {
	color: #EC8000;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}
.promo{
text-decoration:line-through;

}
.imageProduit{
	/*display:inline;
	float:left;*/
  height:132px;
	width:100%;
	padding:1px 0;
	border-collapse:collapse;

}

.ficheProduit {
	display:inline;
	float:left;
	width: 380px;
	margin:0 0 0 10px;
	

}


a.LIEN_commander:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
	
}

a.LIEN_commander:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
	
}

a.LIEN_commander:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
	
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 496px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;
}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	width: 96%;
	color: #f8f8ff;
	font-size: 0.9em;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #f8f8ff;
	margin: 10px 2% 10px 2%;
	padding-top: 10px;
}

a.LIEN_footer:link {
	color: #011e56;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #011e56;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.totauxTableau {
	color: #12335B;
	font-weight: bold;
	text-align:right;
	padding-right:20px;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
}

.lignePrix {
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	padding-right:20px;
	font-size: 0.9em;
}

.ligneQuantite {
	text-align:right;
	padding:0 30px 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
}

.ligneTotal {
	text-align:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
	font-weight:bold;
	padding-right:20px;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.footertotalTableau {
	color: #12335B;
	font-weight: bold;
	text-align:right;
	padding-right:20px;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 730px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}


/* Menu général
-------------------------------------------------------- */
#menu{
	width:300px;
	margin:30px auto;
	font-size:1.2em;
	font-weight:bold;
	border:1px solid #011e56;
	line-height:1.5em;
	padding:15px 80px;

}
/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 750px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}

a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}