@charset "iso-8859-1";
/* CSS Document */

tr h2 {
	line-height:35px;
	font-size:14px;
}

.div_titre h2 {
	line-height:35px;
	font-size:16px;
	font-weight:bold;
}

.div_titre_2 h2 {
	line-height:20px;
	font-size:16px;
	font-weight:bold;
}

.div_titre_long h2 {
	line-height:16px;
	font-size:14px;
	font-weight:bold;
}

.description_lien h2 {
	line-height:35px;
	font-size:14px;
}

.description_lien strong{
	color:#000000;
	font-size:12px;
	line-height:35px;
}
		
.description_lien li{	
	font-size:11px;
	line-height:20px;
	color:#e50e0e;	
}
		
.description_lien p{
	line-height:18px;
	padding-left:20px;
	padding-top:10px;
}	

.maquette_sur_container {
	width:980px;
	overflow:hidden;
	float:left;
}

.maquette_container {
	width:10000px;
}

/* div contenant la maquette  (l'ensemble)*/
.maquette_container .maquette {
	width:196px;
	float:left;
	overflow:hidden;
	border-left:1px solid #e5e5e5;
}

/* des complements pour la big maquette */
.height_big {
	height:516px;
}
.no_border {
	border-left:0px;
}
.with_border {
	border-left:1px solid #e5e5e5;
	height:340px;
}

/* div contenant la maquette  ouverte ( tout est visible) */
.maquette_container .open_maquette {
	width:500px;
}

/* le contener */
.maquette_container .maquette .content  {
	text-align:justify;
	width:500px;	
	float:left;
	height:310px;
}
/* complement pour le big slide */
.maquette_container .maquette .content_big {
	width:588px;
	height:600px;
}
/* div contentant le titre de la maquette */
.maquette_container .maquette .content .div_titre {
	clear:both;
	width:155px;
	overflow:hidden;
	padding:15px 0px 20px 30px;
}

/* div contentant le titre de la maquette */
.maquette_container .maquette .content .div_titre_long {
	clear:both;
	width:325px;
	overflow:hidden;
	padding:15px 0px 20px 30px;
}

/* div contentant le titre de la maquette */
.maquette_container .maquette .content .div_titre_2 {
	clear:both;
	height:93px;
	width:525px;
	overflow:hidden;
	padding:15px 0px 0px 30px;
}

/* div contentant l'image de la maquette */
.maquette_container .maquette .content .div_image {
	float:left;
	padding:0 38px 0 38px;
}


.maquette_container .maquette .content .fermer_maquette {
	background:url(../img/maquettes/fermer.gif) no-repeat;
	height:15px;
	width:15px;
	float:right;
	margin-right:25px;
	cursor:pointer;
}

.maquette_container .maquette .content .fermer_maquette:hover {
	background:url(../img/maquettes/fermer_over.gif) no-repeat;
	height:15px;
	width:15px;
	float:right;
	margin-right:25px;
	cursor:pointer;
}


.maquette_container .maquette .content .div_image_lo {
	float:left;
	padding:0 38px 0 38px;
	cursor:pointer;
}

.maquette_container .maquette .content .div_image .div_option img{
	margin:0px 20px 0 0;
	cursor:pointer;
}

/* div contentant le desc de la maquette */
.maquette_container .maquette .content .div_texte {
	padding-top:5px;
	float:left;
	width:250px;
	text-align:justify;
}

.maquette_container .maquette .content .div_texte_4 {
	padding-top:20px;
	float:left;
	width:160px;
	text-align:justify;
}

.maquette_container .maquette .content .div_texte_4 a{
	text-align:center; 
	line-height:40px; 
	color:#000000;
	padding-left:13px;
	margin-left:5px;
	background:url(../img/maquettes/descriptif.gif) no-repeat;
}

.maquette_container .maquette .content .div_texte_4 a:hover{
	text-align:center; 
	line-height:40px; 
	color:#e50e0e;
	padding-left:13px;
	margin-left:5px;
	background:url(../img/maquettes/descriptif_over.gif) no-repeat;
}


.maquette_petite {
	width:1005px;
	height:350px;
}

/* les fleches */
#maquette_move_gauche {
	float:left;
	width:11px;
	height:21px;
	text-align: center;
	cursor:pointer;
	background: url(../img/maquettes/arrow_precedent.gif) no-repeat;
	margin-top:160px;
}

#maquette_move_gauche:hover {
	float:left;
	width:11px;
	height:21px;
	text-align: center;
	cursor:pointer;
	background: url(../img/maquettes/arrow_precedent_over.gif) no-repeat;
	margin-top:160px;
}

#maquette_move_droite {
	float:left;
	width:13px;
	height:310px;
	text-align: center;
	cursor:pointer;
	background: url(../img/maquettes/arrow_suivant.gif) no-repeat;
	background-position:2px 160px;
  border-left:1px solid #e5e5e5;
}

#maquette_move_droite:hover {
	float:left;
	width:13px;
	cursor:pointer;
	background: url(../img/maquettes/arrow_suivant_over.gif) no-repeat;
	background-position:2px 160px;
}


/* lien */
.maq_point_prod {
	width:23px;
	height:23px;
	background-image:url(/img/maquettes/cible-prod.png);
	cursor:pointer;
	float:left;
	position:absolute;
	display:none;	
}

.maq_point_prod_over{
	background-image:url(/img/maquettes/cible-prod_over.png);
}

.maq_point_notice {
	width:23px;
	height:23px;
	background-image:url(/img/maquettes/cible-notice.png);
	cursor:pointer;
	float:left;
	position:absolute;
	display:none;
}

.maq_point_notice_over{
	background-image:url(/img/maquettes/cible-notice_over.png);
}

.ajax_loader {
	width:100%;
	height:400px;
	text-align:center;
}
.ajax_loader img {
	padding-top:150px;
}

.tablo_notice {
	margin:0;
	padding:0;
	text-align:left;
	font-size:11px;
}
.tablo_notice td {
	border-bottom:1px solid #e5e5e5;
}

.tablo_notice p {
	margin:0;
	padding:0;
}
.tablo_notice  h2 {
	font-size:13px;
	line-height:15px;
	margin-top:5px;
	margin-bottom:5px;
}

.tablo_notice strong {
	line-height:15px;
}



.produit_fiche h2 {
	font-size:12px;
	font-weight:bold;
}

#produit{
	width:100%;
}

.image_produit {

	max-height:100px;
	max-width:110px;
	
	margin-bottom:10px;
}


.bloc_produit {
	float:left;
	margin:0 0px 25px 0;
	padding:14px;
	width:250px;
}

a{
	color:#e50e0e;
}


.produit_fiche {
	float:left;
	width:240px;
}

.produit_desc {
	clear:both;
	text-align:justify;
	float:left;
	width:240px;
	margin-top:8px;
}

.produit_bas_voir_situation{
	cursor:pointer;
}

.produit_bas_desc{
	cursor:pointer;
}

.produit_bas_produit{
	color:#000000;
	cursor:pointer;
}