@charset "utf-8";

/* CSS Document */

.noprint {
display: none;
}

#toPrint {display:block;}


/*======================GENERAL=========================================================*/
* {
	margin: 0;
	padding: 0;
}

ul, li, h2, h3, input, fieldset{
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
}


body {
	color: #333333;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	background-color:#ffffff;
	height:100%;
}

.fr{font-family: Arial, Verdana, Helvetica, Sans-Serif;}
.en{font-family: Arial, Verdana, Helvetica, Sans-Serif;}
.ch{font-family:Georgia, "Times New Roman", Times, serif;}
.co{font-family: Arial, Verdana, Helvetica, Sans-Serif;}
.jp{font-family: Arial, Verdana, Helvetica, Sans-Serif;}

h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}
body.fr h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}
body.en h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}
body.ch h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}
body.co h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}
body.jp h2{font-size:13px; font-family: Palatino Linotype,Arial,Verdana , serif; font-weight:bold;}


#site{
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width:600px;
	height:900px;	
	background-color:#ffffff;
}

a{
	color:#333333;
	text-decoration:none;
}

img{border:0;}


/*==============================HAUT DE LA PAGE=================================================*/


#logo{
	margin:10px 0pt 30px 10px;
}

.flag
{
	padding-top:50px;
	margin-right:10px;
	float:right;
}
	.flag a img
	{
		border:0;
		margin-left:2px;
	}

/*--------------barre grise du haut---------------*/
#barre_haut
{
	background:url(../images/design/fond_barre_haut.gif) repeat-x;
	height:29px;
	margin:0 10px 0 10px;
}

	#barre_haut #bt_accueil
	{
		background:url(../images/design/bt_accueil_bg.gif) repeat-x;
		height:29px;
		float:left;
	}
		#barre_haut #bt_accueil a
		{
			padding:0 5px 0 5px;
			position:relative;
			bottom:10px;
			text-decoration:none;
		}
		
	#barre_haut #fil_ariane
	{
		float:left;
		margin-left:5px;
		padding:8px 0 0 0;
	}
		
	#barre_haut #champs
	{
		background:url(../images/design/fond_champs.gif) ;
		height:29px;
		width:259px;
		float:right;
		padding:0 0 0 30px;
	}
	
		#barre_haut #champs fieldset
		{
			border:0;
		}
		#barre_haut #champs #recherche
		{
			margin:8px 0 0 0;
			width:115px;
			border:0;
			float:left;
			font-size:12px;
		}
		#barre_haut #champs #code
		{
			width:50px;
			border:0;
			margin:8px 0 0 25px;
			float:left;
			font-size:12px;
		}
		#barre_haut #champs #ok
		{
			margin:3px 0 0 25px;
			float:left;
		}

/*======================CONTENU DE LA PAGE===============================================================*/
#fond_contenu{
	margin-top:10px;
	background:url(../images/design/contenu_cadre_fond.gif) repeat-y;
	width : 900px;
	
}
#contenu{
	background:url(../images/design/contenu_cadre_haut.gif) top no-repeat;
	width : 900px;
	overflow:hidden !important;
	overflow:visible;
	min-height:350px;
	height:auto !important;
	height:350px;

}
#fin{
	background:url(../images/design/contenu_cadre_bas.gif) top no-repeat;
	width : 900px;
	height:7px;
}


/*=================MENU=======================*/
#menu_gauche{
	padding:10px 0 0 15px;
	width:232px;
	float:left;
}

#menu_gauche ul.titres{}

	#menu_gauche ul.titres li
	{
		padding:1px 0 1px 0;
		margin:0 0 3px 0;
		width:222px;
		color:#FFFFFF;
	}
	#menu_gauche ul.titres li a
	{
		display:block;
		padding:0 0 0 7px;
		color:#FFFFFF;
	}
	
		#menu_gauche ul.titres li.neutre{ background:url(../images/design/menu/bt_neutre.gif) no-repeat; padding:0 0 0 7px;}
		
		#menu_gauche ul.titres li.carcasse{ background:url(../images/design/menu/bt_carcasse.gif) no-repeat; }
			#menu_gauche ul.titres li.carcasse ul.sous_nav li{ background:url(../images/design/fleches/fleche_carcasse.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.carcasse ul.sous_nav li.active{background-color:#b7e0ff;}
			
		#menu_gauche ul.titres li.epaule{ background:url(../images/design/menu/bt_epaule.gif) no-repeat; }
			#menu_gauche ul.titres li.epaule ul.sous_nav li{ background:url(../images/design/fleches/fleche_epaule.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.epaule ul.sous_nav li.active{background-color:#fce59f;}
			
		#menu_gauche ul.titres li.longe{ background:url(../images/design/menu/bt_longe.gif) no-repeat; }
			#menu_gauche ul.titres li.longe ul.sous_nav li{ background:url(../images/design/fleches/fleche_longe.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.longe ul.sous_nav li.active{background-color:#bfe182;}
			
		#menu_gauche ul.titres li.jambon{ background:url(../images/design/menu/bt_jambon.gif) no-repeat; }
			#menu_gauche ul.titres li.jambon ul.sous_nav li{ background:url(../images/design/fleches/fleche_jambon.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.jambon ul.sous_nav li.active{background-color:#d9c1ef;}
			
		#menu_gauche ul.titres li.poitrine{ background:url(../images/design/menu/bt_poitrine.gif) no-repeat; }
			#menu_gauche ul.titres li.poitrine ul.sous_nav li{ background:url(../images/design/fleches/fleche_poitrine.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.poitrine ul.sous_nav li.active{background-color:#ffd5e9;}
			
		#menu_gauche ul.titres li.quartier{ background:url(../images/design/menu/bt_quartier.gif) no-repeat; }
			#menu_gauche ul.titres li.quartier ul.sous_nav li{ background:url(../images/design/fleches/fleche_quartier.gif) no-repeat 10px; }
			#menu_gauche ul.titres li.quartier ul.sous_nav li.active{background-color:#a8dcd2;}
		
		#menu_gauche ul.titres li span
		{
			float:right;
			margin-right:5px;
			cursor:pointer;
		}
			
			#menu_gauche ul.titres li ul.sous_nav li
			{
				list-style-type:none;
				color:#333333;
				margin:3px 0 0 0;
				padding:0 0 0 20px;
				width:205px;
				font-size:11px;	
				font-weight:normal;		
				line-height:12px;
			}
				#menu_gauche ul.titres li ul.sous_nav li span{
					float:right;
					margin-right:14px;
				}
				
				#menu_gauche ul.titres li ul.sous_nav li a{
					color:#333333;
				}
		
		
/*============ CONTENU A DROITE=============*/		
#contenu_droite{
	padding-top:10px;
	float:left;
}

/*-----------GENERAL----------*/
#contenu_droite h2{
	width:638px;
	height:17px;
	padding:0 0 4px 5px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	}
#contenu_droite h2.intro{
	height:auto;
	text-align:center;
	width:350px;
	padding:20px 0 0 150px;
	font-size:24px;
	color:#c90035;
	font-weight:bold;
	}
#contenu_droite img.logo_prehome{
	margin:20px 0 0 120px;
	}

#contenu_droite h3{
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
	color:#d25b04;
	}

#contenu_droite div.rub
	{
	width:645px;
	position:relative;
	overflow:hidden;
	padding:0 0 15px 0 ;
	}
	#contenu_droite div.rub .case
		{
		width:157px;
		margin:0 0 2px 0;
		float:left;
		padding-right:4px;
		}
		#contenu_droite div.rub .case ul
			{
			list-style-type:none;
			margin:2px 0 5px 5px;
			}
			#contenu_droite div.rub .case ul li ul.niv5
				{
				color:#CCCCCC;
				margin:0 0 0 5px;
				padding:0 0 0 5px;
				}
				#contenu_droite div.rub .case ul li ul.niv5 a
					{
					color:#7e7e7e;
					}
	#contenu_droite div.rub .groupe_case
		{
		position:relative;
		clear:both;
		}

/*--------Style pour chaque Rubrique----------*/

#neutre{}
	#neutre h2{ background:url(../images/design/titre/neutre.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#neutre h3{color:#cf3570; padding-top:5px;}
	#neutre p{color:#2f2f2f; padding:0 10px 10px 5px;}

#carcasse{}
	#carcasse h2{ background:url(../images/design/titre/carcasse.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#carcasse .case{background:url(../images/design/colones/colone_carcasse.gif) no-repeat;}
		#carcasse .case h3 a{color:#d25b04;}	/*--> couleur titre niv3*/
		#carcasse .case ul.niv5{border-left:2px #66CC66 solid;}	/*--> couleur barre niv5*/
	#carcasse .on{background:url(../images/design/colones/colone_carcasse_on.gif) no-repeat;} /*--> couleur titre on*/
		#carcasse .on h3 a{color:#FFFFFF;}

#epaule{background:url(../images/design/colones/fond_epaule.gif) left bottom no-repeat;}
	#epaule h2{ background:url(../images/design/titre/epaule.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#epaule .case{background:url(../images/design/colones/colone_epaule.gif) no-repeat;}
		#epaule .case h3{ background-color:#efb168; }
		#epaule .case h3 a{color:#d25b04;}	
		#epaule .case .niv5{border-left:2px #eb7937 solid;}
	#epaule .on{background:url(../images/design/colones/colone_epaule_on.gif) no-repeat;}
		#epaule .on h3{ background-color:#e15429; }
		#epaule .on h3 a{color:#FFFFFF;}

#longe{background:url(../images/design/colones/fond_longe.gif) left bottom no-repeat;}
	#longe h2{ background:url(../images/design/titre/longe.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#longe .case{background:url(../images/design/colones/colone_longe.gif) no-repeat;}
		#longe .case h3{ background-color:#bfe182; }
		#longe .case h3 a{color:#316614;} 
		#longe .case ul.niv5{border-left:2px #93d626 solid;}
	#longe .on{background:url(../images/design/colones/colone_longe_on.gif) no-repeat;}
		#longe .on h3{ background-color:#87c523; }
		#longe .on h3 a{color:#FFFFFF;}

#jambon{background:url(../images/design/colones/fond_jambon.gif) left bottom no-repeat;}
	#jambon h2{ background:url(../images/design/titre/jambon.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#jambon .case{background:url(../images/design/colones/colone_jambon.gif) no-repeat;}
		#jambon .case h3{ background-color:#c3a4e6; }
		#jambon .case h3 a{color:#483564;}	
		#jambon .case ul.niv5{border-left:2px #9052d4 solid;}
	#jambon .on{background:url(../images/design/colones/colone_jambon_on.gif) no-repeat;}
		#jambon .on h3{ background-color:#703dbe; }
		#jambon .on h3 a{color:#FFFFFF;}
		 
#poitrine{background:url(../images/design/colones/fond_poitrine.gif) left bottom no-repeat;}
	#poitrine h2{ background:url(../images/design/titre/poitrine.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#poitrine .case{background:url(../images/design/colones/colone_poitrine.gif) no-repeat;}
		#poitrine .case h3{ background-color:#ffb7d9; }
		#poitrine .case h3 a{color:#b30137;}
		#poitrine .case ul.niv5{border-left:2px #e55e96 solid;} 
	#poitrine .on{background:url(../images/design/colones/colone_poitrine_on.gif) no-repeat;}
		#poitrine .on h3{ background-color:#d53b77; }
		#poitrine .on h3 a{color:#FFFFFF;}

#quartier{background:url(../images/design/colones/fond_quartier.gif) left bottom no-repeat;}
	#quartier h2{ background:url(../images/design/titre/quartier.gif) no-repeat; padding:0pt 0pt 4px 5px;}
	#quartier .case{background:url(../images/design/colones/colone_quartier.gif) no-repeat;}
		#quartier .case h3{ background-color:#a8dcd2; }
		#quartier .case h3 a{color:#0b4d47;}
		#quartier .case ul.niv5{border-left:2px #1cb69d solid;} 
	#quartier .on{background:url(../images/design/colones/colone_quartier_on.gif) no-repeat;}
		#quartier .on h3{ background-color:#2ea49a; }
		#quartier .on h3 a{color:#FFFFFF;}
		 
/*------------Cochon cliquable---------*/
#cochon{
	padding-top:10px;
	text-align:center;
}

/*===================================PIED DE PAGE=====================================*/

#footer{
	position:relative;
	text-align:center;
	color:#686868;
}
#footer span{
	position:relative;
	top:-17px;
}

#footer a{
	color:#686868;
}
#footer img{
}


/*===================================POPUP=====================================*/
#popup_bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity : 0.5;
    filter : alpha(opacity=50);
}

#popup_conteneur{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#popup{
	text-align:left;
	background:#ffffff;
	margin-left : auto;
	margin-right : auto;
	width:750px;
	height:500px;
	margin-top:2%;
	font-size:12px;
}
	#popup #entete{
		width:750px;
		height:24px;
		cursor:pointer;
	}
		#popup .jambon{background:url(../images/design/popup/entete_jambon.gif) no-repeat;}
		#popup .longe{background:url(../images/design/popup/entete_longe.gif) no-repeat;}
		#popup .poitrine{background:url(../images/design/popup/entete_poitrine.gif) no-repeat;}
		#popup .epaule{background:url(../images/design/popup/entete_epaule.gif) no-repeat;}
		#popup .quartier{background:url(../images/design/popup/entete_quartier.gif) no-repeat;}
		#popup .carcasse{background:url(../images/design/popup/entete_carcasse.gif) no-repeat;}
	
		#popup #entete span
		{
			width:130px;
			float:right;
			color:#4d4c4c;
			margin:12px 308px 0 0;
		}
				#popup #entete span a.prec{float:left;}
				#popup #entete span a.suiv{float:right;}
				
				
		#popup #entete h2
		{
			padding:3px 0 0 10px;
			color:#FFFFFF;
			font-weight:bold;
		}
/*===============*/	
	
#popup_gauche{
	float:left;
	width:210px;
	height:435px;
}
	#popup_gauche img.logo{
		margin:20px 0 20px 10px;
	}
	
	#popup_gauche .apercu{
		display:block;
		width:140px;
		height:auto;
		text-align:center;
		border:1px #333333 solid;
		margin:20px 0 0 30px;
		overflow:hidden;
	}
/*===============*/	

#popup_droite{
	position:relative;
	float:left;
	width:600px;
	height:435px;
}

	#popup_droite span.code{
		float:right;
		font-family: Arial, Verdana, Helvetica, Sans-Serif;
		background:url(../images/design/popup/cadre_code.gif) no-repeat;
		margin:10px 0 0 0;
		padding:10px 0 0 10px;
		font-size:22px;
		font-weight:bold;
		width:142px;
		height:34px;
	}
	#popup_droite p.nom{
		margin:35px 0 0 0;
		font-size:16px;
	}
	#popup_droite p.description{
		margin:15px 0 0 0;
	}
	#popup_droite .grande{
		position:absolute;
		bottom:-50px;
		border:1px #333333 solid;
		overflow:hidden;
		text-align:center;
		height:350px;
		width:600px;
	}
	#popup_droite img.logo_img{
		position:absolute;
		bottom:5px;
		right:5px;
	}
	
/*===============*/		
#popup_bas{
	clear:both;
	width:732px;
}	
	#popup_bas div.flag
	{
		padding:0;
		margin:5px 0 0 0;
		float:right;
	}
	#popup_bas span.print_dl{
		float:left;
		margin:5px 0 0 30px;
	}
		#popup_bas span.print_dl a{
			text-decoration:underline;
		}


/*::::::::::::Mise en page des resultats de recherche::::::::::::*/

#liste_resultat{}
#liste_resultat h3{color:#000000; font-size:16px; font-weight:bold; padding:15px 0 15px 5px;}
#liste_resultat p{color:#000000; font-size:12px; padding:0 0 2px 25px; position:relative; margin:0;}
#liste_resultat p a span{ text-decoration:underline; position:absolute; right:100px;}
#liste_resultat p.pagination{padding:20px 0 0 20px;text-align: center;}

#liste_resultat p.pagination a{ text-decoration:none;}
#liste_resultat p.pagination a.on, #liste_resultat p.pagination a:hover{ text-decoration:underline; color:#cf3570;}