/* ------------------------------------------------------ */

/* TOURINFRANCE */

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */

/* TOURINFRANCE RECHERCHE */

/* ------------------------------------------------------ */

#tifCherche {
	clear: both;
	margin-bottom: 10px;
	background-image: url(images/82_bg_resa.gif);
	background-repeat: repeat-y;
}

#tifCherche .tifTitre {
	background-color: #AF2280;
}

#tifCherche .tifTitre h3 {
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	padding: 5px;
}

#tifCherche #tifForm {
	padding: 5px;
}

#tifCherche #tifForm .libtext_tif {
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFC2ED;
	line-height: 20px;
}

#tifCherche #tifForm .text_tif {
	height: 15px;
	margin-bottom: 7px;
	border: 1px solid #AF2280;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AF2280;
	text-indent: 2px;
	width: 40px;
}

#tifCherche #tifForm .resaPop {
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AF2280;
	text-indent: 2px;
}

#tifCherche #tifForm .libselect_tif {
	display: block;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
}

#tifCherche #tifForm .select_tif {
	width: 99%;
	height: 15px;
	margin-bottom: 7px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#tifCherche #tifForm .libcheckbox_tif {
	margin-bottom: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
}

#tifCherche #tifForm .checkbox_tif {
	font-size: 5px;
	color: #352f36;
	border: 0px solid #fff;
}


#tifCherche #tifForm .libcheckbox_tif {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
}

#tifCherche #tifForm .submit {
	width: 99%;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #AF2280;
	margin-top: 10px;
	border: 1px solid #AF2280;
	background-color: #fff;
}

#tifCherche .text_tif:focus, .select_tif:focus {
	background: #fff;
}

.resaPers {
	width:60px;
	border: 1px solid #AF2280;
}

/* ------------------------------------------------------ */

/* TOURINFRANCE RESULTATS */

/* ------------------------------------------------------ */

#tifResult {
	margin-bottom: 15px;
}


/* ---------------------------------------------------------
   TOURINFRANCE RESULTATS : Affichage des quantit�s
--------------------------------------------------------- */

#tifResult h3 {
	border-top: 1px dotted #57505a;
	border-bottom: 1px dotted #57505a;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 25px;
}


/* ---------------------------------------------------------
   TOURINFRANCE RESULTATS : Affichage des objets
--------------------------------------------------------- */

#tifResult .objet {
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

#tifResult .vignette {
	float: left;
	width: 60px;
	height: 60px;
}

#tifResult .vignette .titre01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	background-color: #57505a;
}

#tifResult .vignette .photo img {
	width: 60px;
	height: 60px;
}

#tifResult .resume {
	width: 275px; /* pour ie au lieu d'un simple margin-left: 65px */
	float: left; /* pour ie au lieu d'un simple margin-left: 65px */
	margin-left: 5px; /* pour ie au lieu d'un simple margin-left: 65px */
	height: 77px;
	border-bottom: 1px dotted #57505a;
}

#tifResult  .resume .titre02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	background-color: #352f36;
}

#tifResult .resume .titre02 a {
	text-decoration: none;
	color: #fff;
}

#tifResult .resume .titre02 a:hover {
	color: #57505a;
}

#tifResult .texte01 {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
}

#tifResult .texte02 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}

#tifResult .texte03 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tifResult .cadre {
	border-left: 1px solid #000;
	padding: 0px 0px 0px 5px;
	margin-left: 10px;
}

#tifResult a {
	color: #000;
	text-decoration: none;
}

#tifResult a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* TOURINFRANCE DETAIL */

/* ------------------------------------------------------ */

#conteneurTif {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurTif #pageTif {
	width: 500px;
	background-color: #938e8a;
	padding: 10px;
}


#pageTif #contentTif {
	background-color: #fff;
	padding: 5px;
}


/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : CONTENU
--------------------------------------------------------- */


/*-------------------- Navigation photo */

#pageTif #mediaTif {
}

#mediaTif #photoTif, #mediaTif #cartoTif {
	text-align: center;
}

#mediaTif #photoTif img {
	width: 500px;
}

#mediaTif #navPhotoTif {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 15px;
	line-height: 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*filter: Alpha(Opacity=50, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=0, Finish=0);*/
}

#navPhotoTif img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

#navPhotoTif a {
	color: #000;
	text-decoration: none;
}

#navPhotoTif a:hover {
	color: #57505a;
}


/*-------------------- Menu Tif */

#pageTif #menuTif {
	line-height: 27px;
}

#menuTif ul.level01 {
	border-top: 1px #FFF solid;
	background-image: url(images/82_bg_menu_off.gif);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 27px;
}

#menuTif ul.level01 li {
	display: inline;
	
}

#menuTif ul.level01 li .a1 {
	padding:5px 5px 5px 5px;
	line-height: 27px;
	background-image: url(images/82_bg_menu.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	text-decoration: none;
	color: #fff;
	
	
}

#menuTif ul.level01 li .a1:hover {
	padding:5px 5px 5px 5px;
	line-height: 27px;
	background-position: left top;


	
}

#menuTif ul.level01 li .a1Actif {
	padding:5px 5px 5px 5px;
	line-height: 27px;
	background-position: left top;
}

#menuTif ul.level01 li.dim1 {
}

#menuTif ul.level02 {
	line-height: 22px;
	border-top: 1px #FFF solid;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #000;
}

#menuTif ul.level02 li {
	display: inline;
	line-height: 22px;
	list-style-type: none;
}

#menuTif ul.level02 li .a2 {
	text-decoration: none;
	line-height: 22px;
	color: #fff;
	padding: 3px 5px 3px 5px;
}

#menuTif ul.level02 li .a2:hover {
	color: #fff;
	line-height: 22px;
	background-color: #333333;
	padding: 3px 5px 3px 5px;
}

#menuTif ul.level02 li .a2Actif {
	text-decoration: none;
	color: #fff;
	padding: 1px 5px 1px 5px;
}

#menuTif ul.level02 li.dim2 {
}


/*-------------------- Titre */

#contentTif #titreTif {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: dotted 1px #57505a;
	border-bottom: dotted 1px #57505a;
}

#contentTif #titreTif h1 {
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentTif #titreTif h2 {
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
}


/*-------------------- Chapitre TIF */

#contentTif h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dotted #57505a;
	text-decoration: none;
	display: block;
}

#contentTif h3 a {
	color: #000;
	text-decoration: none;
}

#contentTif h3 a:hover {
	color: #57505a;
}

#contentTif .chapTif {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	margin-bottom: 20px;
}

#contentTif .chapTif p { /* Super important */
	position: relative;
	clear: left;
}

#contentTif .chapTif a {
	color: #57505a;
	text-decoration: none;
}

#contentTif .chapTif a:hover {
	color:#000;
}

#contentTif .libTif01 {
	color: #000;
}

#contentTif .valTif01 {
	color: #57505a;
}

#contentTif .libTif02 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentTif .valTif02 {
	color: #352f36;
	font-weight: bold;
	padding-bottom: 3px;
}

#contentTif .libTif03 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif03 {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	color: #625F58;
}

#contentTif .libTif04 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif04 { /* R�duction des checkbox */
	float: left;
	font-size: 5px;
	color: #000;
	border: 0px solid #fff;
	margin-right: 10px;
	margin-left: 5px;
}

#contentTif .chapTifSpe  {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	margin-bottom: 20px;
	clear: both;
}

#contentTif .chapTifSpe p { /* Super important */
	float: left;
	width: 45%;
	text-align: right;
	padding-right: 5%;
}

#contentTif .libTifSpe {
	text-align: right;
}

#contentTif .valTifSpe { /* R�duction des checkbox */
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
	margin-right: 10px;
	margin-left: 5px;
}

#contentTif .interligne {
	margin-bottom: 3px;
}

#contentTif .bgligne {
	margin-bottom: 2px;
	background-color: #ececec;
}

#contentTif #tif06, #tif07a, #tif07b, #tif07c, #tif07d {
	display: none;
}


/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : MENU PRATIQUE
--------------------------------------------------------- */

#pageTif #menuPratiqueTif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
}

#menuPratiqueTif .gauche {
	float: left;
	width: 33%;
}

#menuPratiqueTif .gauche a {
	color: #fff;
	text-decoration: none;
}

#menuPratiqueTif .gauche a:hover {
	color: #57505a;
}

#menuPratiqueTif .gauche img {
	margin-left: 10px;
	vertical-align: top;
}

#menuPratiqueTif .droite {
	float: right;
	width: 33%;
	text-align: right;
}

#menuPratiqueTif .droite a {
	color: #fff;
	text-decoration: none;
}

#menuPratiqueTif .droite a:hover {
 	color: #57505a;
}

#menuPratiqueTif .droite img {
	margin-left: 10px;
	vertical-align: top;
}

#menuPratiqueTif .centre {
	float: left;
	width: 33%;
	text-align: center;
}

#menuPratiqueTif .centre a {
	color: #fff;
	text-decoration: none;
}

#menuPratiqueTif .centre a:hover {
 	color: #57505a;
}

#menuPratiqueTif .centre img {
	margin-left: 10px;
	vertical-align: top;
}


/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navTif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 5px;
	padding-bottom: 10px;
}

#navTif .gauche {
	float: left;
	width: 40%;
}

#navTif .gauche a {
	color: #000;
	text-decoration: none;
}

#navTif .gauche a:hover {
	color: #57505a;
}

#navTif .gauche img {
	margin-right: 10px;
	vertical-align: center;
}

#navTif .droite {
	float: right;
	width: 40%;
	text-align: right;
}

#navTif .droite a {
	color: #000;
	text-decoration: none;
}

#navTif .droite a:hover {
 	color: #57505a;
}

#navTif .droite img {
	margin-left: 10px;
	vertical-align: center;
}

#navTif .centre {
	float: left;
	width: 20%;
	text-align: center;
}

#navTif .centre a {
	color: #000;
	text-decoration: none;
}

#navTif .centre a:hover {
 	color: #57505a;
}
