/* CSS Document */
body
{
position:relative;
top:0px;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:0px;
width:800px;
font:arial;
}
.invisible { position: absolute; top: -3000em; height: 1%; }
img
{
border:0;
}
form
{
padding:0;
margin:0;
}
div.conteneur {background-color:#FFFFFF;width:800px;}
div.banniere {background-color:#FFFFFF;padding:0;margin:0;
height:80px;}
#logo
{
position:absolute;
background-color:#ed008c;
height:80px;
text-align:center;

width:140px;
}
#carre_ban
{
position:absolute;
background-color:#ed008c;
margin-left:620px;
margin-top:45px;
width:40px;
height:35px;
}
#sous_menu
{
width:140px;
height:40px;
background:#ed008c;

}
#flash_header
{
position:absolute;
margin-left:140px;
background-color:#FFFFFF;
width:520px;
height:85px;
}
#right_header
{
position:absolute;
margin-left:660px;
background-color:#FFOOOO;
width:140px;
height:75px;
}
#square
{
position:relative;
background-color:#ed008c;
width:40px;
height:35px;
}
#right_header{padding: 0;}
/* positionnement du cadre, que vous pouvez modifier */
#right_header dl {width:140px;  /* largeur du cadre, selon votre image de fond */}
#right_header dl, dt, dd {margin: 0;padding: 0;}
#right_header dl {background:#ed008c;padding-bottom: 10px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */}
/* définitions du titre du cadre */
#right_header dt { height: 10px;background:#ed008c;font-size:12px;font-weight: bold;text-align: center;padding-top:0px;color:#FFFFFF;}
#right_header dd {padding-top:5px;background:#ed008c;  /* arrière-plan intérieur qui va se répéter */height:10px;}
#right_header p{margin:0;text-align:right;}
#right_header p.centrer{margin:0;text-align:center;color:#FFFFFF;font-weight:bold;}
.formsmall{margin:0;text-align:right;color:#FFFFFF;font-size:12px;}
#right_header input{width:60px;height:10px;font-size:10px;}


#drapeau_ban{position:absolute;background-color:#FFFFFF;margin-left:660px;
margin-top:45px !important;
margin-top:42px;
width:140px;height:35px;text-align:right;}
#drapeau_ban p{margin:0;padding:0;}
.gauche 
{
	
	padding:0;
	margin:0;
	width:140px;
	z-index:1;
	float:left;
	background:#ffffff;
}
#gauche
{
	position:inherit;
	font-weight:bold;
	font-size:14px;
	font-family:arial;
	text-decoration:none;
	background-color:#FFFFFF;
	padding-top:Opx;
	padding-bottom:0px;
}

#gauchebox
{
width:140px;
height:36px;
text-align:right;
margin:O;
padding:0;
background-color:#FFFFFF;
}
/****** Hack CSS pour IE *****/
*html #gauchesousbox
{
position:absolute;
top:400px;
width:140px;
height:120px;
text-align:center;
background-color:#ed008c;
/*margin-top:127px;*/
padding:0;

/************** fin hack css IE ********/
}
#gauchesousbox
{
position:absolute;
top:400px;
width:140px;
height:120px;
text-align:center;
background-color:#ed008c;
/*margin-top:127px;*/
padding:0;


}
#gauchesousbox dl {width:140px;text-align:center; /* largeur du cadre, selon votre image de fond */}
#gauchesousbox dl, dt, dd {margin: 0;padding: 0;}
#gauchesousbox dl {background:#ed008c; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */}
/* définitions du titre du cadre */
#gauchesousbox dt {height: 10px;background:#ed008c;font-size: 12px;font-weight: bold;text-align: center;padding-top:2px;color:#FFFFFF;}
#gauchesousbox dd {text-align: center;padding-left:1px;padding-right:1px;background:#ed008c;padding-top:5px;}
#gauchesousbox p{margin:0;text-align:center;}
#gauchesousbox p.centrer{margin:0;text-align:center;color:#FFFFFF;font-weight:bold;}
.formsmall{margin:0;text-align:center;color:#FFFFFF;font-size:10px;padding-top:2px;}
#gauchesousbox input{height:10px;font-size:10px;}
#gauchesousbox a{color:#FFFFFF;
text-decoration:none;}
#gauchesousbox a:hover{color:#000000;text-decoration:none;}


div.centre{margin-right:0px;margin-left:0px;padding:0px;background-color:white;position:relative;
overflow:auto;

height:430px;
width:520px !important;
width:514px;
text-align:center;}
div.centre2{margin-right:140px;margin-left:140px;padding:0px;background-color:white;position:relative;
text-align:center;
}
#menu_centre
{
margin-right:0px;margin-left:0px;
position:relative;
/*width:100% !important;*/
width:480px;

height:30px;
text-align:left;
}
#menu_centre  ul, li {font-family:Helvetica;
font-size:12px;
display:inline;
}
#menu_centre li {text-align: left;background: #FFFFFF;margin-left:0px;
}
#menu_centre li, a{color: #ed008c;text-decoration: none;border: 0 none;}
/*************** couleur des liens de menu au survol*********************/
#menu_centre a:hover {background: #FFFFFF;color:#000000;}
#menu_centre a.actif {background: #FFFFFF;color:#000000;}
/*************** couleur des liens de sous menu au survol*****************/
#menu_centre li a:hover{background-color:#FFFFFF;color:#000000;}
#menu_centre li a.actif
/***********************************************************************
*********** fin du menu centre *****************************************
************************************************************************/
.flash{width:500px;}
#menu
{
	background:#ffffff;
	height:35px;
	text-align:center; 
	margin-left:140px;
	margin-top:45px;
    list-style:none;
	position:absolute;
	width:480px;
}
#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
/*puces de menu contenat le dégradé gris argenté*/
#menu li 
{
    float:left;
    margin:0;
    padding:0;
    background:#ffffff;

}
/*leins dans le menu contient l'image a droite*/
#menu a 
{
    display:block;
	font-weight:bold;
	font-size:13px;
	color:#ed008c;
	font-family:arial;
	padding-right:6px;
	padding-left:5px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
    no-repeat right top; 
}
#menu a:hover
{
    display:block;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	font-family:arial;
	padding-right:6px;
	padding-left:5px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
    no-repeat right top; 
}
#menu a.actif
{
    display:block;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	font-family:arial;
	padding-right:6px;
	padding-left:5px;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration:none;
    no-repeat right top; 
}
div.pied {background-color:#FFFFFF;height:18px;line-height:18px;
font-family:arial;
font-weight:bold;
font-size:12px;
padding:O;
position:absolute;
top:521px;
} 
.tire {clear:both;padding:0 px;display:block;}
div.droite {width:140px;float:right;
	background:#FFFFFF;
margin-left:0px;
text-align:center;}
/******************************************************
*********   bloc de droite en haut ********************
******************************************************/
#droitehaut{margin: 0;padding: 0;background:#ed008c;height:120px;width:140px;}
/* positionnement du cadre, que vous pouvez modifier */
#droitehaut dl {width:140px;  /* largeur du cadre, selon votre image de fond */}
#droitehaut dl, dt, dd {margin: 0;padding: 0;}
#droitehaut dl {background:#ed008c;padding-bottom: 2px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */}
/* définitions du titre du cadre */
#droitehaut dt {   height: 12px;background:#ed008c;font-size: 12px;font-weight: bold;text-align: center;padding-top:2px;color:#FFFFFF;}
#droitehaut dd {text-align: justify;padding-left:1px;padding-right:1px;background:#ed008c;padding-top:5px;}
#droitehaut p{margin:0;text-align:center;}
#droitehaut p.centrer{margin:0;text-align:center;color:#FFFFFF;font-weight:bold;}
.formsmall{margin:0;text-align:center;color:#FFFFFF;font-size:12px;}
#droitehaut input{width:100px;height:10px;font-size:10px;}
#droitehaut a{color:#FFFFFF;
text-decoration:none;}
#droitehaut a:hover{color:#000000;text-decoration:none;}
/***************************************************************
********* fin du bloc droite haut*******************************
**************************************************************/
#droitehaut2{margin: 0;padding: 0;background:#ffffff;height:277px;width:140px; }
#droitehaut2 dl {width:140px;  /* largeur du cadre, selon votre image de fond */}
#droitehaut2 dl, dt, dd {margin: 0;padding: 0;color:#ed008c;}
#droitehaut2 dl {background:#ffffff; bottom left no-repeat;padding-bottom: 10px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */}
/* définitions du titre du cadre */
#droitehaut2 dt {height: 12px;background:#ffffff;font-size: 12px;font-weight: bold;text-align: center;padding-top:2px;}
#droitehaut2 dd {text-align: center;padding-left:1px;padding-right:1px;background:#ffffff;padding-top:5px;}
#droitehaut2 p.centrer{margin:0;text-align:center;color:#ed008c;}
#droitehaut2 p{margin:0;text-align:right;}
#droitesousbox
{
width:140px;
text-align:left;
background:#FFFFFF;
margin:0;
padding-top:1px;
}
p
{
margin:2px;
padding:1px;

}
#menuliens dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;font-family:Helvetica;
font-size:12px;}
#menuliens {position: relative;padding:O;}
dl#menuliens {width: 140px;}
dl#menuliens dt{cursor: pointer;margin:2px 0;height: 18px;line-height: 18px;text-align:left;font-weight: bold;background: #FFFFFF;color:#ed008c;padding-top:0px;}
dl#menuliens li {text-align: left;background: #FFFFFF;margin-left:10px;}
dl#menuliens li a, dl#menuliens dt a {color: #ed008c;text-decoration: none;display: block;border: 0 none;height: 100%;}
/*************** couleur des liens de menu au survol*********************/
dl#menuliens dt a:hover {background: #FFFFFF;color:#000000;}
dl#menuliens dt a.actif {background: #FFFFFF;color:#000000;}
/*************** couleur des liens de sous menu au survol*****************/
dl#menuliens li a:hover{background-color:#FFFFFF;color:#000000;}
dl#menuliens li a.actif
{
    
	color:#000000;
	
}
#flashcontent {
		/*border: solid 1px #000;*/
		width: 500px;
		height: 400px;
		padding:1px;
		margin:0;
		
		
	}
img{border:0;}
.flash_footer
{
margin-left:140px;
color:#ed008c;
font-size:10px;}
.bloc_fiche_comp
{
	width:50% !important;
	width: 47%;
	float:left;
	text-align: left;
	padding: 0;
}
.bloc_fiche ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	
	list-style:none;
}
.bloc_fiche_comp ul.pave li {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
}
.bloc_fiche_comp ul.pave li.head {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche ul.pave li.photo {
	padding: 0 0 0px Opx;
	margin: 0;
	height:100px;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche ul.pave li.tab {
	padding: 0 0 0px 30px;
	margin: 0 0 0px 0;
	font-size:9px;
	color:#000000;
}
.bloc_fiche_right_comp
{
	width: 25%;
	float:left;
	text-align: left;
	padding: 0;
}
.bloc_fiche_right ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
.bloc_fiche_prog
{
	width:50% !important;
	width: 47%;
	float:left;
	text-align: left;
	padding: 0;
	background-color:#ffe487;
}
.bloc_fiche_prog ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_prog ul.pave li {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
}
.bloc_fiche_prog ul.pave li.head {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche_prog ul.pave li.tab {
	padding: 0 0 0px 30px;
	margin: 0 0 0px 0;
	font-size:9px;
	color:#000000;
}
.bloc_fiche_right_prog
{
	width:25% !important;
	width: 24%;
	float:left;
	text-align: center;
	padding: 0;
	background-color:#ffe487;

}
.bloc_fiche_right_prog ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right_prog ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right_prog ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
/************************************************
************* cas de comparaison ****************
************************************************/
.bloc_fiche_right_comp
{
	width:25% !important;
	width: 24%;
	float:left;
	text-align: center;
	padding: 0;
}
.bloc_fiche_right_comp ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right_comp ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right_comp ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
.bloc_fiche_prog_comp
{
	width: 25%;
	float:left;
	text-align: left;
	padding: 0;
	background-color:#ffe487;
}
.bloc_fiche_prog ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_prog ul.pave li {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
}
.bloc_fiche_prog ul.pave li.head {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche_prog ul.pave li.tab {
	padding: 0 0 0px 30px;
	margin: 0 0 0px 0;
	font-size:9px;
	color:#000000;
}
.bloc_fiche_right_prog_comp
{
	width: 25%;
	float:left;
	text-align: center;
	padding: 0;
	background-color:#ffe487;

}
.bloc_fiche_right_prog_comp ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right_prog_comp ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right_prog_comp ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
form
{
padding:0;
margin:O;
}
select, option {
font-size:10px;
}
/**************************************************************************
*******************puces pour gallery rajoutée par arnaud
****************************************************************************/
#gallery
{
width:100% !important;
width:96%;
float:left;
}
#gallery .vignette
{
	width:33%;
	float:left;
}
.galleryul
{
list-style:none;
}
.galleryli
{
text-align:center;
list-style:none;
padding-left:15px;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
}
/***********************************************************************
******************* debut fiche unik************************************
***********************************************************************/
.bloc_fiche_unik
{
	width: 50% !important;
	width: 49%;
	float:left;
	text-align: left;
	padding: 0;
}
.bloc_fiche_unik ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_unik ul.pave li {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:9px;
}
.bloc_fiche_unik ul.pave li.head {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche_unik ul.pave li.photo {
	padding: 0 0 0px Opx;
	margin: 0;
	height:100px;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche_unik ul.pave li.tab {
	padding: 0 0 0px 30px;
	margin: 0 0 0px 0;
	font-size:12px;
	color:#000000;
}
.bloc_fiche_right_unik
{
	width: 50%;
	float:left;
	text-align: center;
	padding: 0;
}
.bloc_fiche_right_unik ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right_unik ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right_unik ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
.bloc_fiche_prog_unik
{
	width:50% !important;
	width: 49%;
	float:left;
	text-align: left;
	padding: 0;
	background-color:#ffe487;
}
.bloc_fiche_prog_unik ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_prog_unik ul.pave li {
	padding: 0 0 0px Opx;
	margin: 0 0 0px 0;
	font-size:9px;
}
.bloc_fiche_prog_unik ul.pave li.head {
	padding: 0 0 0px Opx;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
}
.bloc_fiche_prog_unik ul.pave li.tab {
	padding: 0 0 0px 30px;
	margin: 0 0 0px 0;
	font-size:9px;
	color:#000000;
}
.bloc_fiche_right_prog_unik
{
	width: 50%;
	float:left;
	text-align: center;
	padding: 0;
	background-color:#ffe487;

}
.bloc_fiche_right_prog_unik ul.pave 
{
	display: block;
	padding: 0px 0 0 0;
	margin: 0;
	list-style:none;
}
.bloc_fiche_right_prog_unik ul.pave li {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
.bloc_fiche_right_prog_unik ul.pave li.head {
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	color:#ed008c;
}
/***************************************************************
*********** fiche unik *****************************************
****************************************************************/
.fiche
{
	padding: 0 0 0px 0px;
	margin: 0;
	font-size:9px;
	text-align:center;
}
#droitehaut2 a
{
	color:#ed008c;
	
	font-size:11px;
	text-decoration:none;

}
/***************************************************
*************** bloc entete photo*******************
***************************************************/

.head_photo_prod
{
	width: 75% !important;
	width:74%;
	float:left;
	text-align:center;
	padding: 0;
	
	
}
.head_photo_prod_2
{
	width: 25%;
	float:left;
	text-align:center;
	padding: 0;
}
.head_photo_prod_3
{
	width: 25%;
	float:left;
	text-align: center;
	padding: 0;
}
/*******************************************************************************
************* style des pages fixes ********************************************
*******************************************************************************/
div.centre3{margin-right:0px;margin-left:0px;padding:0px;background-color:white;position:relative;
overflow:auto;

height:400px;
/*width:520px !important;*/
width:514px;
text-align:center;}

.centre2_titre
{
width:96%;
font-weight:bold;
font-size:18px;
height:30px;
}
.centre2_cartouche
{
font-size:11px;
width:54%;
font-family:Arial;
text-align:justify;
float:left;
margin-right:4px;
font-weight:bold;
}
.centre2_photo_cartouche
{
width:40%;
float:left;
margin-left:3px;
}
.centre2_texte_left
{
font-size:12px;
width:100%;
font-family:Arial;
text-align:justify;
float:left;
margin-left:4px;
}
.centre2_texte_right
{
font-size:10px;
width:49%;
font-family:Arial;
text-align:justify;
float:right;
margin-left:2px;
}
.centre2_conteneur
{
width:96%;
float:left;
display:block;
}
.gras_texte
{
font-weight:bold;
font-size:11px;
}