body {
  background-color: #5db3d6;
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#fff;
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
}

#entete{
	position: relative; /* on positionne le conteneur */
	margin-left: auto;  /*********************/
    margin-right: auto; /* Permet le Centrage*/
	width:1000px;
	height:auto;
}

#logo1 {
	width:263px;
	height:100px;
	float:left;
}

#logo3 {
	background-image:url(../images/charte/logo-i-kadi-3.jpg); 
	background-repeat:no-repeat;
	width:1000px; 
	height:5px; 
	font-size:5px;
	text-align:left; 
	clear:both;
}

#pud_entete{
	float:left;
	margin-top:5px;
	width:737px;
	height:90px;
}

#barre_menu {
	background-image:url(../images/charte/logo-i-kadi-2.jpg);
	background-repeat:no-repeat;
	float:left;
	width:1000px;
	height:23px;
	padding-top:7px;
	font-family: Verdana, Arial;
	color:#e1a64a;
	font-size: 12px;
}

#barre_menu a{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
}

#liste_articles{
	width:440px;
	height:500px;
	border:#000000 solid 1px;
	float:left;
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
	background-image:url(../images/charte/fond_liste_articles.gif);
	background-repeat:repeat;
	overflow : auto; 
	/*
	La propriété de feuille de style overflow css peut prendre la valeur de :
	- visible, rend visible tout ce qui dépasse.
	- hidden, cache tout ce qui dépasse.
	- scroll, met toujours une barre de défilement horizontale et verticale.
	- auto, met une barre de défilement horizontale ou verticale si besoin.	
	- inherit, hérite de son parent (css2).
	*/
}

#liste_panier{
	width:230px;
	height:500px;
	border:#000000 solid 1px;
	float:left;
	margin-top:5px;
	margin-right:5px;
	background-image:url(../images/charte/fond_liste_panier.gif);
	background-repeat:repeat;
	
}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }

h1 {
	background-image:url(../images/charte/fond_liste_panier.gif);
	background-repeat:repeat;
	text-align:left;
	margin:0;
	clear:both;
	font-size:20px;
	padding-left:10px;
	color:#FFFFFF;
}

h1 b{
	font-size:13px;
}

h4 {
	font-size:13px;
	font-weight:bold;
}

#article{
	width:130px;
	height:35px;
	float:left;
	margin:2px;
	padding-top:3px;
	/*background-image:url(../images/charte/fond_article.gif);
	background-repeat:repeat;*/
	
}

#article a{
	font-family: Arial, Helvetica, sans-serif;
	color: #a04401;
	font-size: 12px;
	font-weight:bold;
}

#liste_panier h1{
	background-image:url(../images/charte/fond_panier.gif);
	background-repeat:repeat;
	text-align:left;
	margin:0;
	clear:both;
}

#PanierAUpdate {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

#tableau {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
}

#tableau_interne{
	font-size: 11px;
	height:444px;
	overflow : auto; 
}

#bt_valider_panier{
	height:15px;
	text-align:left;
	margin-top:0px;
	font-size: 15px;
	font-weight:bold;
}

#bt_valider_panier a{
	color:#FFFFFF;
	display: block;
	text-align:center;
	padding:6px;
}

#bt_valider_panier a:hover{
	color:#FFFFFF;
	background-image:url(../images/charte/fond_panier.gif);
	background-color:#FF6600;
	text-decoration: none;
	padding:6px;
}

#colonne_droite
{
	margin-top:5px;
	margin-right:5px;
	width:300px;
	height:500px;
	float:right;
}

#pub_carre {
	width:300px;
	height:250px;
	float:right;
}

#conseil_carre {
	clear:both;
	margin-top:5px;
	width:300px;
	height:245px;
	background-color:#177ab7;
	float:right;
}

#valider_panier{
	clear:both;
	float:left;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:985px;
	text-align:center;
	background-color:#60bfe5;
}

#valider_panier a{
	font-size:12px;
	color:#fff;
	font-weight:normal;
	padding:2;
}
#valider_panier a:hover { 
	text-decoration:none;
	background-color:#177ab7;
	}

#pied{
	clear:both;
	float:none;
	background-color:#a04401;
	height:5px;
	text-align:left;
	
}

#pied2{
	clear:both;
	float:none;
	background-color:#abcad7;
	margin-top:10px;
	height:1px;
	text-align:left;
	
}


.champ_texte {
	font-family:Arial;
	font-size:12px;
	width:300px;
	height:20px;
}

#message {
	color:#FFFF00;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
}


/* Modifier article */
.rappel {
	width:30px;
	height:18px;
	border:0;
	font-weight:bold;
	color:#a04401;
}

.prix {
	width:40px;
	height:18px;
	border:0;
	font-weight:bold;
	color:#a04401;
}

/* Modifier données */
.donnees {
	width:100px;
	height:18px;
	border:0;
	font-weight:bold;
	color:#a04401;
}

.naissance {
	width:40px;
	height:18px;
	border:0;
	font-weight:bold;
	color:#a04401;
}
.texte_donnees {
	font-size:12px;
}

.texte_donnees2 {
	font-size:10px;
	color:#FFFFFF;
}

/* Page d'accueil */


#bouton_inscription_index{
	height:18px;
	text-align:left;
	font-size: 15px;
	font-weight:bold;
	border:2px solid #177ab7; 
}

#bouton_inscription_index a{
	color:#FFF;
	display: block;
	text-align:center;
	background-color:#177ab7;
}

#bouton_inscription_index a:hover{
	color:#FFFFFF;
	background-color:#FF6600;
	text-decoration: none;
}

#encart_fille_index {
	width:312px; 
	height:505px; 
	float:left; 
	margin-left:5px; 
	text-align:left; 
	background-image:url(../images/charte/fille-index-1.jpg); 
	background-repeat:no-repeat;
}

#menu_index {
	float:right;
	width:300px;
	margin-bottom:5px;
	font-size:12px;
	text-align:left;
	background-color:#abcad7;
}

#menu_index a{
	color:#177ab7;
	font-weight:bold;
}

li {
	margin-left:5px;
	color:#177ab7;
}



#encart_bulle_index {
	width:328px; 
	height:500px; 
	float:left; 
	text-align:left; 
	background-image:url(../images/charte/fille-index-2.jpg); 
	background-repeat:no-repeat; 
	color:#177ab7; 
	font-size:13px;
}

/* Inscription */
#style_formulaire_inscription {
	font-size:12px;
	color:#000;
}

.champ_inscription {
	font-size:12px;
	width:200px;
	margin-top:2px;
	border:0px;	
}

.style_formulaire_select{
	font-size:12px;
	width:50px;
}

#Submit_inscription {
	width:100%;
	height:25px;
	background:#177ab7;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	border:2px solid #177ab7; 
}

#Submit_inscription:hover {
	width:100%;
	height:25px;
	background:#FF6600;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border:2px solid #177ab7; 
}


#Submit_identification {
	width:200px;
	height:27px;
	background:#abcad7;
	font-size:16px;
	font-weight:bold;
	color:#177ab7;
	border:2px solid #177ab7;
}


#Submit_identification:hover {
	width:200px;
	height:27px;
	background:#FF6600;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border:2px solid #177ab7;
}

#champs_identification{
	width:150px;
	height:20px;
	border:0px;
	margin:5px;
}

h2 {
	font-size:20px;
	margin:5px;
	width:100%;
	text-align:left;
}

.passlost{
	font-size:11px;
	color:#FFFFFF;
}

#identification_carre {
	clear:both;
	margin-bottom:5px;
	width:300px;
	height:170px;
	background-color:#177ab7;
	float:right;
}

.texte_contact {
	width:500px;
	height:200px;
	margin-top:0px;
	border:0;
}

.couleur_contact{
	color:#000000;
	font-size:12px;
}

h3{
	font-size:20px;
	margin:5px;
	text-align:left;
}

/* COPYRIGHT */
#copyright {
	clear:both;
	margin-top:10px;
	font-size:10px;
}