/* CSS Document */

/*######################################### Corps de la page #########################################*/

body{
margin:10 0;
padding:0;
text-align:center;/* text align center pour centrer les elements de la page */
background-color:#C4BFF2;
}

strong {
color:#021F41;
font-size:16px;
}

#colonne-droite{
	background:url(../img/colonne-droite.jpg) top center no-repeat #FFF;	
} 

#panier {
	background:url(../img/panier.jpg) top center no-repeat #FFF;	
	width:204px;
	height:206px;
}

#livraison {
	background:url(../img/livraison.jpg) top center no-repeat #FFF;
	width:204px;
	height:129px;
	text-align:center;
}

/*######################################### Charte #########################################*/

/* Modification de la zone texte en page index (sites avec intro) */
#texte-index{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}

#texte-index a{
font-size:1.2em;
text-decoration:none;
color:#003399;
}

#texte-index a:hover{
color:#CC0066;
text-decoration:underline;
}
/* FIN */

.fond_body{
background:url(../img/body.jpg) no-repeat;
}

.bordure{
border:1px solid #FFF;
}

/* Zone du menu */
div.menu{
}

/* Balise adress */
address{
}

#logo{
width:204px;
height:256px;
}

/*######################################### Intégration #########################################*/

/* Element devant contenir la div integration, replace les elements à gauche, ,ne rien modifier */
div#wrapper{
text-align:left; 
width:960px; 
height:100%; 
margin:0 auto;
}

/* La div intégration  */
div#integration{
	font:13px "Trebuchet MS";
	color:#000000;
	padding:10px;
	margin-top: 10px;
}

/* Pour le lien haut de page */
div#hautdepage{
padding:0px 15px 0px 150px;
font-size:0.8em;
color:#2B628E;
font-family:"Tahoma";
text-align:left;
float:right;
}

/* div laissée à l'usage d'un encart */
div.encart1{ 
color:#FFFFFF;
background-color:#996699;
padding:10px;
border:1px solid #000000;
}

/* div laissée à l'usage d'un second encart */
div.encart2{ 
color:#FFFFFF;
background-color:#996699;
padding:10px;
border:1px solid #000000;
}

/* Pour que le paragraphe suivant un élément flottant ne s'imbrique pas dans l'espace laissé libre */
.clear{
clear:both;
}
 
/* Mise en forme d'un paragraphe */
.txt1{
color:#000000;
}

/* Mise en forme d'un paragraphe */
.txt2{
	color:#29A0BE;
	font-weight: bold;
}

/* Mise en forme d'un paragraphe */
.txt3{
	color:#FF0000;
	font-weight: bold;
}

 .txt4 {/*mise en forme d'un paragraphe*/
 color:#000000;
 font-size:10px;
 margin-bottom:0
 }

/* Pour mettre en forme un texte ou une citation compris dans la balise cite (par defaut en italique) */
cite{
}

/* Pour les listes à puces principales */
.element_liste{
list-style-image:url(../img/puce.gif);
}

/* Pour les listes à puces contenues dans une liste principale */
.element_liste ul{
list-style-image:url(../img/puce2.gif);
}

/* Image ou flash en float à droite */
.element_flottant_droite{
float:right; 
margin-right:10px;
}

/* Image ou flash en float à gauche */
.element_flottant_gauche{
float:left; 
margin-left:10px;
}

/* Pour les bordures des animations flash, compatible firefox */
.bordure_flash{
border:1px solid #ffffff;
display:block;
}

/*------ LES LIENS ------*/

a {
	color:#000000;
	font: bold 14px "Trebuchet MS";
}
a:hover {
	color:#000000;
	text-decoration: underline;
}
/* Les liens contenus dans l'encart */
div.encart1 a{
color:#CCCCCC;
}

div.encart1 a:hover{
color:#99CC33;
}

/*------ LES TITRES ------*/

h1 {
	letter-spacing: 6px;
	font-size:35px;
	text-align:right;
	color: #0D6A96;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-size:16px;
	color: #0F71A2;
}

/*------ LES TABLEAUX ------*/

.tableau1{
border:thin dashed #000000;
background-color:#FFFFFF;
}

.tableau1 th{
color:#FFFFFF;
background-color:#000000;
}
.tableau1 td{
color:#000000;
}

/* Pour appliquer une bordure à un tableau */
.bordure_tableau{
}

/* Tailles de la police dans les tableaux si rien de précisé */
table td{
font-size:13px;
}

/* Intitulés des tableaux si rien de précisé */
th{
}

/*------ LES FORMULAIRES ------*/

/* Couleur du texte des énoncés du formulaire */
.formulaire td{ 
color:#000000;
}

/* Couleur de texte et de fond des input, select et textaera */
.formulaire input, textarea, select{
color:#000000;
background-color:#ffffff;
}

/*------ LES EFFETS ------*/

/* Permet l'effet de transparence */
.transparent{
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity:0.60;
}

/* Pour créer un effet de rollover sur une vignette */
.tableau_vignette  a img{ 
border:2px solid #DC942E;
}	

.tableau_vignette a:hover img{
border:2px solid #fff
}

/*------ DIVERS ------*/

/* Pour le txt en fin de formulaire */
.mention{
font-style:italic;
font-size:10px;
}

div.lien_bas { /*div laissée à l'usage d'un encart */
	color: #333333;
	font: bold 9px "Trebuchet MS";
}

div.lien_bas a {/*les liens contenus dans l'encart  */
	color:#333333;
	font: 9px "Trebuchet MS";
}
div.lien_bas a:hover {
color:#000000;
font-size:9px;
text-decoration: none;
}

#contenu_panier{
padding:70px 0 0 10px;
text-align:center;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
}