/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #484848;
	text-align: center;
	font-size: 1em;
	color: black;
	margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
}

img, table, div, span, td, tr,table,ul,li,p,a,i,form { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
div.nettoyeur{clear:both;}
a{text-decoration:none;color:black;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
div.page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

div#contenu_left{
margin-right:275px;
position:relative;
}

div#contenu_right{
float:right;
width:248px;
}

/********************Entete**********************/
div#entete{
background:#3b3b3b;
border-top:30px solid #1c1c1c;
background-image: url(images/entete_bg.png);
background-repeat: repeat-x;
background-position:bottom left;
}

div#entete_bordure{
border-bottom:1px solid #727373;
margin-left:31px;
padding-top:28px;
margin-right:31px;
padding-bottom:8px;
}

table.entete{
width:100%;
}

table.entete td{
text-align:left;
vertical-align:top;
color:white;
padding-bottom:5px;
font-size:0.82em;
}

td#logo{
vertical-align:middle;
width:250px;
}

table.entete td.bordure{
background-image: url(images/entete_bordure.gif);
background-repeat: repeat-y;
background-position:top center;
padding-right:20px;
padding-left:20px;
}

h3.login,h3.panier{
text-transform:uppercase;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
margin-bottom:7px;
}


div.input{
padding-bottom:5px;
}

div.input input{
font-size:0.88em;
background-color:#868686;
border:1px solid #2f2f2f;
color:white;
font-family: arial, helvetica, sans-serif;
padding:2px 3px 2px 3px;
}

a.lien_login,a.panier{
font-size:0.88em;
color:white;
}

a.lien_login:hover,a.panier:hover{
color:#00c8ff;
}

a.lien_login span{
background-image: url(images/puce_login.gif);
background-repeat: no-repeat;
background-position:center left;
padding-left:9px;
}

div.blocMonCompte a.bouton img{
vertical-align:middle;
margin-right:0px;
}

div.nom_login{
font-size:1em;
padding-bottom:5px;
width:194px;
}
/********************Menu**********************/
div#menu{
background:#4b4c4c;
background-image: url(images/menu_bg.png);
background-repeat: repeat-x;
background-position:top left;
}

div#menu_bordure{
padding-left:31px;
padding-top:0px;
padding-right:31px;
padding-bottom:0px;
}

table.menu{
width:100%;
}

table.menu td.menu{
text-align:center;
vertical-align:middle;
width:20%;
}

a.menu{
text-transform:uppercase;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:normal;
font-size:1.15em;
color:white;
}

a.menu img{
}

/**********************Page********************/
div#page{
background:#484848;
background-image: url(images/page_bg.png);
background-repeat: repeat-x;
background-position:top left;
}
div#page_center{
background-image: url(images/page_center_bg.png);
background-repeat: repeat-y;
background-position:top center;
}
div#page_top{
background-image: url(images/page_top_bg.png);
background-repeat: no-repeat;
background-position:top center;
}
div#page_bottom{
background-image: url(images/page_bottom_bg.png);
background-repeat: no-repeat;
background-position:bottom center;
}
div#page_top_left{
background-image: url(images/page_bg_top_left.png);
background-repeat: no-repeat;
background-position:top left;
}
div#page_top_right{
background-image: url(images/page_bg_top_right.png);
background-repeat: no-repeat;
background-position:top right;
}

/***********************Contenu*********************/
div#contenu{
padding-left:30px;
padding-right:30px;
padding-top:30px;
padding-bottom:30px;
}

/**********************Pied de page************************/
div#pied_de_page{
color:#727273;
font-size:0.71em;
text-align:left;
position:relative;
}

div#pied_de_page_contenu{
padding-bottom:25px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
}

a.pied_de_page{
color:white;
}

a.pied_de_page:hover,a.studio_pixel:hover{
color:#00C8FF;
}

a.studio_pixel{
color:#727273;
text-decoration:underline;
}

div#pied_de_page span.separation{
padding-left:10px;
padding-right:12px;
}

div.rappel_menu{
padding-bottom:4px;
}

div.cgv{
padding-top:4px;
}

div.label{
width:325px;
float:right;
}

div.label .visa{
width:83px;
height:39px;
display:block;
float:right;
margin-right:5px;
margin-left:5px;
}

div.label .master_card{
width:92px;
height:39px;
display:block;
float:right;
}

div.label .credit_agricole{
width:140px;
height:39px;
float:right;
display:block;
}