/* d�finition des valeurs par d�faut des balises fondamentales */
* {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
body {
	margin:0;
	padding:0;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align:center;
	background-image:url('repeat.png');
	color:#000;
}
img {
	vertical-align:middle;
	border:none;
}
form, div {
	margin:0;
	padding:0;	
}
p { 
	padding:3px 0;
	margin:0;
}

a, a:link, a:visited {
	text-decoration:none;
	color:#023F89;
}
a:hover, a:active {
	text-decoration:underline;
}
a span {
	display:none;
}

h1 { font-size:17px;margin:5px 0;padding:0; }
h2 { font-size:15px;margin:5px 0;padding:0; }
h3 { font-size:12px;margin:5px 0 0 0;padding:0; }
h4 { font-size:12px;margin:5px 0;padding:0; }
h4 { font-size:12px;margin:0;padding:0; }
h5 { font-size:12px;margin:0;padding:0; }


fieldset {
	margin:5px;
	padding:10px;
	border:1px solid #95948a;
}
fieldset legend {
	font-weight:bold;
	color:#884B02;
}
small {
	font-size:9px;
}

select { font-size:11px; } 
label  {   }
input, textarea {
	border:1px solid #023F89;
	font-size:12px;
}
textarea {
	width:380px;
	height:100px;
}
button {
	width:43px;
	height:42px;
	background-image:url('bouton_ok_form.png');
	background-repeat: no-repeat;
	border:none;
	cursor:pointer;
}
button:hover {
	background-position:center bottom;
}

/************************************************/
/*					STRUCTURE					*/
/************************************************/



/* CADRE PRINCIPAL */
#main {	
	text-align:center;
	margin:0 auto;
	width:950px;
	text-align:left;
	
	background:url('parchemin_repeat.png') repeat-y;
}

/* BANDEAU HAUT */
#top {
	position:relative;
	width:950px;
	height:214px;	
}
#submain {	
	width:950px;	
}
/* MENU GAUCHE */
#left {
	position:relative;
	float:left;
	width:210px;
}	
/* COLONNE DU MILIEU */
#middle {
	float:left;			
	width:470px;	
}	
#content {
	width:450px;		
	margin:10px auto;
	padding-left:5px;
}
#content-boutique {
	width:700px;		
	margin:10px auto;
	padding-left:5px;
}

#search-site {
	width:450px;
	height:55px;
	background:url('rechercher_fd-03.png') no-repeat right top;
}	
#search-site div {
	float:left;
	width:312px;
	height:55px;	
	background:url('rechercher_fd.png') no-repeat;
}
#search-site div input {
	display:block;
	margin:20px 0 0 200px;
	border:none;
	width:105px;
}	
#search-site a {
	float:left;
	display:block;
	width:61px;
	height:55px;	
	background:url('rechercher_ok.png') no-repeat center top;	
}
#search-site a:hover {
	background-position:center bottom;
}
/* MENU DROITE */
#right {
	float:right;
	width:260px;	
	color:#023F89;	
}
#bottom {
	text-align:center;
	margin:0 auto;
	width:950px;
	height:144px;	
	background:url('pied.png') no-repeat center bottom;
}


/************************************************/
/*				BANDEAU HAUT					*/
/************************************************/
#top h1 {
	margin:0 auto;
	width:901px;
	height:214px;	
	background:url('bandeau.png') no-repeat center top;
}
#top h1 a {
	float:left;
	display:block;
	margin-right:15px;
	margin-top:185px;
}
#top h1 a.accueil {
	margin-left:200px;
}

/************************************************/
/*				CONTENUS MENUS					*/
/************************************************/
#bunny {
	position:absolute !important;
	top:55px;
	left:-30px;
	width:88px;
	height:296px;	
	background:url('pin-up.png') repeat-y;
}

#menu-left {
	float:right;
	width:186px;
	background:url('boutique_repeat.png') repeat-y;
}
#menu-left h3 {
	margin:0;padding:0;
	width:186px;
	height:91px;	
	background:url('boutique_ht.png') no-repeat;	
}
#menu-left div {
	width:186px;	
	background:url('boutique_pied.png') no-repeat center bottom;
	padding:5px 0 50px 0;
}
#menu-left ul {
	color:#023F89;
	margin:0 20px 0 0;
}
#menu-left ul li {
	margin:5px 0;
	text-align:center;	
}
#menu-left ul li a {
	font-family:'Georgia', Arial, Verdana;
	font-size:12px;
}
.menu-left {
	padding-left:17px;
}


#menu-right-fond {
	width:240px;
	background:url('chaudron_repeat.png') repeat-y left;
	margin:20px 0;
}
#menu-right-top {
	width:240px;
	background:url('chaudron_ht.png') no-repeat left top;
	padding-top:55px;
}
#menu-right-bottom {
	text-align:center;
	border-bottom:1px solid #95948a;
	margin:0 8px 0 19px;
	padding:5px;
	font-weight:bold;
}
#panier {
	padding:5px 10px 0 25px;
}
#panier .bouton-blanc {
	background:#FFF;
	border:#FFF;
	color:#023F89;
	display:block;
	text-decoration:underline;
	margin-top:5px;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
#panier a.bouton-blanc {
	margin-left:7px;
}
#panier h2 {
	border-bottom:1px dashed #023F89;
	margin:0 5px 5px 2px;
}
#commander {
	display:block;
	width:240px;
	height:54px;
	background:url('chaudron_commander.png') no-repeat center top;
}
#commander:hover {
	background-position:center bottom;
}

#right dl {
	margin:0 0 20px 0;
	padding:0;		
}
#right dl dt {
	width:250px;
	margin:5px 0 5px 0;
}
#right dl dt a {
	padding-left:10px;
}
#right dl dt img.spip_logos {
	margin:0 10px 0 0;
}
#right dl dd {
	margin:0;
	padding:0 35px;	
}
#sondage {
	margin:0 10px 0 0;
}

/************************************************/
/*				CONTENUS MILIEU					*/
/************************************************/
#chemin {
	color:#023F89;
	margin:10px 0;
}
#content h2 {
	margin:15px 0;
}
.produit-rub {
	width:290px;
	float:right;
}
.produit-liens {	
	margin-top:15px;
	width:347px;
	float:right;
}
.produit-liens .ajout {
	background:url('ajout_chaudron.png') no-repeat center top;
	width:219px;
	position:relative;z-index:9;
}
.produit-liens .savoir {
	background:url('savoir_plus.png') no-repeat center top;
	width:128px;
}
.produit-liens a {
	display:block;
	float:left;	
	height:41px;
}
.produit-liens a:hover {
	background-position:center bottom;
}

a.produit-ajouter {
	display:block;
	margin:5px auto;
	background:url('ajout_chaudron_seul.png') no-repeat center top;
	width:213px;
	height:39px;
}
a.produit-ajouter:hover {
	background-position:center bottom;
}
.gras-bleu {
	color:#023F89;
	font-weight:bold;
	font-size:12px;
}
.promo {
	color:#FF2101;
	font-weight:bold;	
	font-size:12px;
}
.barre {
	text-decoration:line-through;
}
.ligne {
	clear:both;
	margin:5px auto;
	width:450px;
	height:15px;
	background:url('filet.png') no-repeat;	
	position:relative;
	/*z-index:5;*/
}
.logo-produit {
	float:left;
	margin:0 5px 5px 5px;
	position:relative;
}
.nouveaute {
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	background:url('picto_new.png') no-repeat top left;
}

.coms {
	background:url('picto_commentaires.jpg') no-repeat left top;	
	padding:5px 10px 5px 50px;
}
.commentaire {
	border:1px dashed #4589B6;
	margin:10px;
	padding:5px 10px;
}
a.blog {
	font-size:14px;
	color:#808A8F;
}

#ancre {
	display:block;
	margin:10px auto;	
	background:url('ht_page.png') no-repeat left top;
	
	width:120px;	
	padding-left:15px;
	line-height:26px;
}

/************************************************/
/*					BOUTIQUE					*/
/************************************************/

#content-boutique fieldset ul {
	list-style:none;	
}

#liste_etapes .en_cours {
	color:#880802;
	font-weight:bold;
}
.obligatoire {
	color:#884B02;
}
.erreur, .succes {
	color:#FF2101;
	font-weight:bold;	
}
#content-boutique input, #content-boutique textarea {
	border:1px solid #454545;
}
ul.boutons input {
	background:#884B02;
	color:#FFF;
	font-weight:bold;
	border:1px solid #884B02 !important;
}
#content-boutique dl dd {
	color:#028288;
}


#content-boutique table {
	border-collapse:collapse;
}
#content-boutique table th {
	text-align:center;
}
#content-boutique table th, #content-boutique table td {
	padding:5px;
}
#content-boutique table .bordure {
	border:1px solid #000;
}
#content-boutique table .nombre {
	text-align:right;
}
#content-boutique table .quantite {
	text-align:center;
}
#content-boutique table .total {
	font-weight:bold;
}

.spacer-accueil {
	clear:both;	
	padding:25px 0 15px 0; 
}


.champ_texte {
	width:50%;
}
.bouton_normal, .bouton_important {
	font-size:12px;
	font-weight:bold;
}

.bouton_continuer {
	float:right;
	display:block;
	width:98px;
	height:42px;
	background:url('continuer.png') center top;	
}
.bouton_valider {
	float:right;
	display:block;
	width:81px;
	height:42px;
	background:url('valider.png') center top;	
}
.bouton_oubli {
	float:right;
	display:block;
	width:227px;
	height:42px;
	background:url('mot-de-passe.png') center top;	
}
.bouton_creer {
	float:right;
	display:block;
	width:146px;
	height:42px;
	background:url('creer_compte.png') center top;	
}

.bouton_continuer:hover, .bouton_valider:hover, .bouton_oubli:hover {
	background-position:center bottom;
}

/************************************************/
/*						UTILS					*/
/************************************************/
.marge-min {
	margin:0 5px 5px 5px;
}

.no-marge {
	margin:0;
	padding:0;
}
.spacer {
	clear:both;	
	padding:7px 0; 
}

.hidden 	{ display:none;      }
.bold 		{ font-weight:bold;  }
.italic 	{ font-style:italic; }
.center 	{ text-align:center; }
.right	 	{ text-align:right;  }
.left	 	{ text-align:left ;  }
.justify 	{ text-align:justify;}

.f-right 	{ float:right; }
.f-left 	{ float:left;  }
.clear	 	{ clear:both;  }

.block 		{ display:block; }
.inline		{ display:inline; }

.noborder {
	border:none;
}

/************************************************/
/*						DIVERS					*/
/************************************************/
.marron { color:#867B4B !important; }
.bleu { color:#023F89 !important; }


/************************************************/
/*						SPIP					*/
/************************************************/
a.spip_out { }
a.spip_in { }

.spip_logos { margin:0 5px; }

.spip_documents { margin:0 8px; }
.spip_documents_center {}
.spip_documents_right {}
.spip_documents_left { }

p.spip, p.spip_note  { margin:3px 0; }
h3.spip, h4.spip {margin:4px 0; }
hr.spip {}
ul.spip { margin-left:15px; padding:0;}
li.spip {}

ul.boutons { list-style-type:none; }
ul.boutons li { clear:both;margin:5px 0; }
ul.boutons li input {  }

table.spip {
	border-collapse:collapse;
	border:1px solid #000;
	margin:10px;	
}
table.spip tr.row_first { text-align:center; }
table.spip tr.row_even { }
table.spip tr.row_odd { }
table.spip td {
	padding:5px;
	border:1px solid #000;
}

.spip_surligne {
	background-color:#666;
	color:#FFF;
}

/************************************************/
/*					DOCS JOINTS					*/
/************************************************/
.documents-images {
	float:left;
	width:150px;
	min-height:130px;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	/*background-image: url(	spacer.gif);*/
	background-color: transparent;
}
#ImageBoxPrevImage
{
	/*background-image: url(images/imagebox/spacer.gif);*/
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(next.gif);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(prev.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

.sommaire .ligne {
	display:none!important;
}


.une_ss_rubrique{
	float:left;
	width:225px;
	text-align:center;
	margin-bottom:8px;
}