/*@charset "utf-8";*/
/* CSS Document */

/*----------Button gris petit-------------------*/
a.boutongris {
	color:#333333;
    background: transparent url(/images/bouton-droite.gif) no-repeat scroll top right;
	display:inline-block;
    height:37px;
    margin:5px 6px 5px 0;
    padding-right: 15px; /* sliding doors padding */
	text-decoration:none;
	cursor:pointer;
}

a.boutongris span {
    background: transparent url(/images/bouton-gauche.gif) no-repeat;
	display: block;
    line-height:29px;
    padding: 4px 0 4px 10px;
} 

a.boutongris:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none
}

a.boutongris:hover span {
    background-position: bottom left;
    padding: 4px 0 4px 10px; /* push text down 1px */
} 


/*-------------------tableau new-----------------*/
.table{
width:98%;
border-collapse:collapse;
margin:auto;
border:5px solid #f5f5f5
}

.table td{
border:1px solid #e1e1e1;
padding:5px;
font-size:1.1em;
}
.table h1{
font-size:1.2em;
text-transform:uppercase;
margin:0
}
.table h2{
font-size:1.1em;
margin:0;
text-align:right;

}


/*------------------ boutons magazines-----------------*/

.bouton-magazine{
background: url(/images/encart-bouton-magazine.png);
width:199px;
height:249px;
padding:15px;
}

.bouton-magazine:hover{
background: url(/images/encart-bouton-magazine-hover.png);
width:199px;
height:249px;
padding:15px;
cursor:pointer;
text-decoration:none;
}

.bouton-magazine img{
padding-left:8px;
border:0px;
}

input.bouton[type=button]
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#f5f5f5 url(/images/fond-button.gif) repeat-x;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding:4px;
	width:90%;
	text-align:center;
	border:1px solid #c5c5c5;
	cursor:pointer;
 }
 
a.encart:hover{
text-decoration:none;
}


/*--------------------------------------------------------------------------------*/

#tab-mag td{
width:25%;
padding:10px;
}

#tab-mag img{
float:left;
padding-right:5px;
width:100px;
}
