body {
	background:url(/images/2008/header/fond2.jpg) top left repeat-x;
}

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

input.radio { 
	margin:0px !important; /* firefox */
	margin:-2px;			/* ie */
	/* pour opera, utiliser input[type="radio"] {  } mais ne comprend pas les margin et padding */
}

img .cadre {
	border:1px solid #d3dbe0;
}






/**************************** HEADER ****************************/
.header {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.header .logo {
	width:186px;
	height:91px;
	float:left;
}

.header .bloc_droite {
	width:790px;
	height:91px;
	float:right;
}

.login {
	width:600px;
	float:left;
	font-size:9px;
	color:#999999;
	margin-left:22px;
}
.login form, .login input.form_cadre, .login input.erreur {
	font-size:9px;
	color:#999999;
	vertical-align:baseline;
}
.login a, .login a:link, .login a:hover, .login a:active, .login a:visited {
	text-decoration:none;
	font-size:9px;
	color:#999999;
}

.bloc_recherche {
	width:148px;
	float:right;
}
.bloc_recherche, .recherche form, .bloc_recherche input.form_cadre, .bloc_recherche input.erreur {
	font-size:9px;
}




.header_right {
	float:right;
	padding-top:4px;
	color:#FFFFFF;
}

h1 {
	position:absolute;
	top:28px;
	left:202px;
	color:#90b531;
	background:url(/images/2008/puce_fleche.gif) center left no-repeat;
	padding-left:10px;
}

.header_menu {
	width:625px;
	height:30px;
	float:left;
	margin-top:36px !important;
	margin-top:37px;
	background:url(/images/2008/header/menu_fond_m.jpg) top left repeat-x;
}

.header_menu a, .header_menu a:link, .header_menu a:visited {
	color:#FFFFFF;
}
.header_menu a:hover, .header_menu a:active {
	color:#404040;
}

.header_panier {
	width:90px;		/* 150 - 60 */
	height:28px;	/* 30 - 2*/
	float:right;
	margin-top:36px !important;
	margin-top:37px;
	padding:2px 25px 0px 35px;
	background:url(/images/2008/trame/3x3_blanc_gris.gif) top left repeat;
	border:1px dotted #abc929;
	position:relative;
}
.header_panier img {
	border:1px solid #abc929;
}

.header_panier .coin {
	position:absolute;
	top:-5px !important;
	top:-3px;
	right:-1px;
	width:8px;
	height:7px;
}
.header_panier .coin img, .header_panier .caddy img, .header_panier .fleche img {
	border:none;
}

.header_panier .caddy {
	width:30px;
	height:35px;
	position:absolute;
	top:-7px;
	left:-5px;
}

.header_panier .fleche {
	position:absolute;
	top:5px;
	right:3px;
}

.header_panier .liste {
	width:146px;	/* 150 -4 */
	position:absolute;
	top:27px;
	left:-1px;
	padding:2px;
	background:url(/images/2008/trame/3x3_blanc_gris.gif) top left repeat;
	border-right:1px dotted #abc929;
	border-left:1px dotted #abc929;
	border-bottom:1px dotted #abc929;
	display:none;
	z-index:100;
}

.header_panier .liste a, .header_panier .liste a:link, .header_panier .liste a:active, .header_panier .liste a:visited, .header_panier .liste a:hover {
	color:#858D65;	
}

.header_panier hr {
	margin:5px;
}









/**************************** FOOTER ****************************/
.footer {
	width:980px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/2008/footer/fond.gif) top left repeat-x;
	text-align:center;
	color:#FFFFFF;
	padding-top:6px;
}

.footer a, a:link, a:hover, a:active, a:visited {
	text-decoration:none;
	color:#FFFFFF;
}











/**************************** CONTENU ****************************/
.contenu {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/2008/contenu_fond.jpg) bottom left repeat-x;
	padding-bottom:30px;
}

.contenu a:link, .contenu a:active, .contenu a:visited, .contenu a:hover {
	color:#000000;
}


.bloc_gauche {
	width:811px;
	float:left;
}

.bloc_droite {
	width:152px;
	float:right;
}

.bloc_ope {
	width:721px;
	padding-left:90px;
	position:relative;
}







/**************************** BLOC DE DROITE ****************************/
.bloc_newsletter {
	width:142px;		/* 152 - 10 */
	height:40px;		/* 115 - 75 */
	padding-top:75px;
	padding-left:5px;
	padding-right:5px;
	background:url(/images/2008/droite/bloc-newsletter.jpg) center no-repeat;
}

.bloc_newsletter p {
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 10px 0px 10px;
}

.pub {
	width:120px;			/* 150 - 30 */
	padding:25px 15px 0px 15px;
	background:url(/images/2008/droite/bloc-pub.jpg) top left no-repeat;
}
/************************************* PROFILER *************************************/.profiler_vertical_pub {	background: url(/images/2008/profiler/vertical_pub.jpg) no-repeat;	display: block;	height: 351px;	margin: 10px 0 0 0;	position: relative;	width: 152px;}.profiler_vertical_pub .titre1 {	color: black;	display: block;	float: left;	font-size: 22px;	letter-spacing: -1.5px;	margin: 0;	padding: 8px 0 0 10px;	position: relative;	text-align: left;}.profiler_vertical_pub .titre2 {	color: black;	display: block;	float: left;	font-size: 24px;	font-weight: bold;	letter-spacing: -1.5px;	margin: 0;	padding: 6px 0 0 5px;	position: relative;	text-align: right;}.profiler_vertical_pub .titre3 {	color: black;	display: block;	float: right;	font-size: 24px;	font-weight: bold;	letter-spacing: -1.5px;	margin: 0;	padding: 0 10px 8px 0;	position: relative;	text-align: right;	width: 142px;}.profiler_vertical_pub .texte1 {	display: block;	float: left;	font-size: 12px;	font-weight: bold;	letter-spacing: -0.8px;		margin: 0;	padding: 3px 3px 0 10px;	position: relative;}.profiler_vertical_pub .texte2 {	display: block;	float: left;	font-size: 12px;	font-weight: bold;	letter-spacing: -0.8px;		margin: 0;	padding: 3px 3px 3px 55px;	position: relative;}.profiler_vertical_pub .texte_colore {	color: #f23694;	display: block;	float: left;	font-size: 12px;	font-weight: bold;	letter-spacing: -0.8px;	margin: 0;	padding: 3px 0 0 0;	position: relative;}.profiler_vertical_pub .bout {	font-size: 12px;	color: white;	display: block;	float: left;	margin: 0;	padding: 214px 0 3px 80px;	position: relative;}
/**************************** FORMULAIRES ****************************/
.form_vert {
	border:1px solid #858D65;
	background-color:#CAD3A8;
	cursor:text;
	color:#708528;
	padding:1px 2px 1px 2px;
}

.form_bleu {
	border:1px solid #739CB7;
	background-color:#B3DDFA;
	cursor:text;
	color:#7e7c7d;
	padding:1px 2px 1px 2px;
}

.form_cadre {
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#7e7c7d;
	padding:1px 2px 1px 2px;
}

select.form_cadre {
	padding:0px;
}

.erreur {
	border:1px solid #950E50;
	background-color:#EFC1D8;
	padding:2px;
	cursor:text;
}

.select {
	margin-top:5px;
	border:1px solid #CCCCCC;
}
select option {
	display:block;
}

.rib_cheque{
	margin: auto;
	font-size: 8.5px; 	
	text-align:center;
}
.spanrib{
	margin: auto; 
	display: block;
	text-align: center;
	font-size: 8.5px;
} 




/******************************** LIENS *****************************/
.puce, .puce:link, .puce:active, .puce:hover, .puce:visited {
	background:url(/images/2008/puce_fleche.gif) center left no-repeat;
	padding-left:10px;
}










/******************************** BOUTONS *****************************/
.bouton, .bouton_gris {
	height:21px;
	background:url(/images/2008/bouton/bouton_corps.gif) top left no-repeat;
	position:relative;
	padding:3px 0px 0px 6px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	color:#FFFFFF;
}
.bouton_gris {
	background:url(/images/2008/bouton/bouton_gris_corps.gif) top left no-repeat;
}
.bouton a:link, .bouton a:active, .bouton a:hover, .bouton a:visited,
.bouton_gris a:link, .bouton_gris a:active, .bouton_gris a:hover, .bouton_gris a:visited {
	color:#FFFFFF;
	font-weight:bold;
}
.bouton img, .bouton_gris img {
	position:absolute;
	top:0px;
	right:-6px;
}





/******************************** TABLEAUX *****************************/
.vert {
	background-color:#F6FAE9;
}
.bleu {
	background-color:#ECFDFF;
}
.rose {
	background-color:#FFEDF3;
}
.gris {
	background-color:#F3F1F1;
}
.border_2 {
	border-right:1px solid #CCCCCC;
}
.border_23 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.border_234 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
.border_3 {
	border-bottom:1px solid #CCCCCC;
}
.vert_border_24 {
	background-color:#F6FAE9;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}







/******************************** OPERATEURS *****************************/
.operateur_txt {
	width:150px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#a4a7ab;
}
.operateur_on, .operateur_gris, .operateur_off {
	padding:7px;
	float:left;
	text-align:center;
}
.operateur_on, .operateur_gris {
	/*cursor:pointer;*/
}
.operateur_on strong {
	color:#444444;
}
.operateur_gris {
	background-color:#D9D9D9;
}
.operateur_gris strong {
	color:#d3002b;
}







/******************************** COINS *****************************/
.coin_tg {
	position:absolute;
	/*top:0px !important;*/
	top:-1px;
	/*left:0px !important;*/
	left:-1px;	
}
.coin_td {
	position:absolute;
	/*top:0px !important;*/
	top:-1px;
	/*right:0px !important;*/
	right:-1px;	
}
.coin_bd {
	position:absolute;
	bottom:-2px !important;
	bottom:-1px;
	/*right:0px !important;*/
	right:-1px;
}
.coin_bg {
	position:absolute;
	bottom:-2px !important;
	bottom:-1px;
	/*left:0px !important;*/
	left:-1px;
}








/******************************** LIENS ********************************/
.link {
	background:url(/images/2008/puce_fleche.gif) center left no-repeat;
	padding-left:10px;
	float:right;
	margin-top:5px;
	margin-right:5px;
}

.link2, .link2:link, .link2:active, .link2:hover, .link2:visited {
	background:url(/images/2008/puce_fleche.gif) center left no-repeat;
	padding-left:10px;
	/*float:left;*/
	margin-top:5px;
	margin-left:5px;
}


/******************************** FLOATS ********************************/
.left {
	float:left;
}
td .left {
	text-align:left;
}
.right {
	float:right;
}
td.right {
	text-align:right;
}

.center {
	text-align:center;
}

.espace1 {
	height:1px;
	clear:both;
	overflow:hidden;
}
.espace {
	height:10px;
	clear:both;
	overflow:hidden;
}

.espace2 {
	height:30px;
	clear:both;
	overflow:hidden;
}