/*----------------------- CSS MASTER PPS -----------------------*/

html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595959;
	background:url('images/bg_body.gif') 0px 0px repeat-x #efefef;
}

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

#container{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;
	left: 50%;
	margin-left: -500px;*/
}

	#top{
		height:163px;
		width: 1000px;
		background:url('images/top.jpg') 0px 0px repeat-x #efefef;
	}

		#top #flashLogo{
		height: 117px;
		width: 250px;
		float: left;
		}

	#shoppingCarts {
		padding-top: 8px;
		float: left;
	}
	
	#tools {
		float: right;
		width: 450px;
		height: 117px;
		margin-top: 15px;
	}

		#id {
			width: 400px;
			height: 35px;
			float: right;
			padding-right: 15px;
			margin-top: 5px;
		}
	

		#btnPresse {
			width: 126px;
			height: 42px;
			padding-top: 2px;
			background:url('images/btn_presse.jpg') 0px 0px no-repeat;
			float: right;
			display: block;
			color: white;
			text-align:center;
			text-decoration: none;
			font-size: 14px;
			margin-top: 3px;
		}

		#btnPresse .title {
			color: #4d4d4d;
			font-size: 10px;
			padding-bottom: 6px;
		}
			
			#btnPresse:hover {
			background:url('images/btn_presse_hover.jpg') 0px 0px no-repeat;
		}

		#btnClient {
			width: 126px;
			height: 42px;
			padding-top: 2px;
			background:url('images/btn_client.jpg') 0px 0px no-repeat;
			float: right;
			margin-left: 5px;
			display: block;
			color: white;
			text-align:center;
			text-decoration: none;
			font-size: 14px;
			margin-top: 3px;
		}

		#btnClient .title {
			color: #4d4d4d;
			font-size: 10px;
			padding-bottom: 6px;
		}

			#btnClient:hover {
			background:url('images/btn_client_hover.jpg') 0px 0px no-repeat;
		}

		/*#fillerImg {
		float: left;
		width: 257px;
		height: 47px;
		background:url('images/fillerImg.jpg') 0px 0px no-repeat;
		margin-top: -15px;
		}*/

		#connexion{
			float:left;
			width:320px;
			padding-left:10px;				
		}

		#menu{
			float: left;
			font-size: 11px;
			padding-left: 10px;
			margin-top: -2px;
		}

			#menu .formatstarifs{
				width: 120px;
				height: 19px;
				background:url('images/btn_formatstarifs.jpg') 0px 0px no-repeat;
				display: block;
				float: left;
				color: white;
				padding-top: 3px;
				text-align: center;
				margin-right: 10px;
				text-decoration: none;
			}

				#menu .formatstarifs:hover{
				filter:alpha(opacity=80);
			   -moz-opacity:0.8;
			   -khtml-opacity: 0.8;
			   opacity: 0.8;
			}
		

			#menu .conditions{
				width: 171px;
				height: 19px;
				background:url('images/btn_conditions.jpg') 0px 0px no-repeat;
				display: block;
				float: left;
				color: white;
				padding-top: 3px;
				text-align: center;
				margin-right: 10px;
				text-decoration: none;
			}

				#menu .conditions:hover{
				filter:alpha(opacity=80);
			   -moz-opacity:0.8;
			   -khtml-opacity: 0.8;
			   opacity: 0.8;
			}		
			
			#menu .moncompte{
				width: 120px;
				height: 19px;
				background:url('images/btn_formatstarifs.jpg') 0px 0px no-repeat;
				display: block;
				float: left;
				color: white;
				padding-top: 3px;
				text-align: center;
				margin-right: 10px;
				text-decoration: none;
			}

				#menu .moncompte:hover{
				filter:alpha(opacity=80);
			   -moz-opacity:0.8;
			   -khtml-opacity: 0.8;
			   opacity: 0.8;
			}

			.tellAFriend:hover {
				filter:alpha(opacity=80);
			   -moz-opacity:0.8;
			   -khtml-opacity: 0.8;
			   opacity: 0.8;
			}

		.btnAcheterCredits {
			width:119px;
			height:22px;
			display:block;
			padding-top:7px;
			text-align:center;
			font-size:11px;
			color:#ffffff;
			cursor:pointer;
			background:url('images/bg_acheterCredits.jpg') 0px 0px no-repeat;
			text-decoration: none;
			margin-left: -7px;
			position: absolute;
			margin-left: 491px;
			margin-top: 86px;
		}

			.btnAcheterCredits:hover {
			background:url('images/bg_acheterCredits_hover.jpg') 0px 0px no-repeat;
			text-decoration: none;
			}


			#lang{
			float: right;
			color: white;
			margin-right: 15px;
			padding:5px 0px 0px 0px;
			font-size: 11px;
			width:52px;
			height:23px;			
			}

				#lang a{
					display:block;
					float:right;
					width:16px;
					height:13px;
					margin-left:10px;
				}

				#lang .fr{background:url('images/lang_fr.gif') 0px 0px no-repeat;}
				#lang .nl{background:url('images/lang_nl.gif') 0px 0px no-repeat;}
				#lang .en{background:url('images/lang_en.gif') 0px 0px no-repeat;}

			#menuSecondaire {
			font-size: 11px;
			padding-top: 3px;
			color: white;
			float: right;
			margin-right: 10px;
			width: 60px;
			}

				#menuSecondaire a {
				color: white;
				}



	#page{
		margin-top: 12px;
		width: 1000px;
		background-color: white;
		_height: 600px;
		*margin-bottom: -15px;
		background:url('images/bg_page.jpg') left bottom repeat-y white;
	}

	html>body #page {
		min-height: 600px;
	}

		#page #pageLeft{
			float: left;
			width: 238px;
			background:url('images/bg_pageLeft.jpg') 0px 0px repeat-x;
			padding-left: 7px;			
			padding-top: 6px;
		}

		#page #pageRight{
		float: left;
		width: 748px;
		}

		#menuGaucheTop {
		margin-top: 10px;
		width: 233px;
		height: 30px;
		background:url('images/bg_menuGaucheTop.jpg') 0px 0px no-repeat;		
		}

		#menuGaucheTop h1 {
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		position: relative;
		top: 10px;
		left: 65px;
		width:135px;	
		border: none;
		}

		#menuGaucheTop2 {
		margin-top: 10px;
		width: 233px;
		height: 35px;
		background:url('images/bg_menuGaucheTop2.jpg') 0px 0px no-repeat #eeeeee;
		}

		#menuGaucheTop2 h1 {
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		position: relative;
		top: 21px;
		left: 50px;
		width:145px;
		border: none;
		}

		/*** HACKS FIREFOX IE6, IE7 ***/

		#menuGauche {
		padding-top: 15px;
		width: 233px;
		_margin-top: 0px;
		background:url('images/bg_menuGauche.jpg') 0px 0px no-repeat;
		}

		#menuGaucheBottom {
		width: 233px;
		_margin-top: -8px;
		height: 8px;
		background:url('images/bg_menuGaucheBottom.jpg') 0px 0px no-repeat;
		}


		#fastSearch {
		width: 231px;
		height: 180px;
		background:url('images/bg_fastSearch.jpg') 0px 0px no-repeat;
		margin-left: 1px;
		}

		#fastSearch h1 {
		padding-left: 12px;
		font-size: 14px;
		color: #21527a;
		}

		#fastSearch a {
		/*padding-left: 35px;		
		/*background:url('images/bg_fastSearch_a.jpg') bottom no-repeat;*/
		display: block;
		}

		#fastSearch .line {
			width: 231px;
			display: block;
			height: 18px;
		}

		#fastSearch .line:hover {
			color: white;
		}

			#fastSearch a:hover {
				text-decoration: none;
				color: white;
			}


			#fastSearch .line .flag {
			float: left;
			width: 19px;
			position: absolute;
			z-index: 2;
			padding-left: 5px;
			}

			#fastSearch .line .event a{
			float: left;
			height: 16px;
			width: 201px;
			padding-left: 30px;
			position: absolute;
			z-index: 1;
			display: block;
			padding-top: 1px;
			background:url('images/bg_fastSearch_a.gif') 0px 0px repeat-x;
			}

			#fastSearch .line .event .dajouts{
					background:none;
				}

				#fastSearch .line .event .dajouts:hover {
					background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
					color: white;
				}

				#fastSearch .line .event .dajoutsActif {
					background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
					color: white;
				}

				#fastSearch .line .event .dajoutsActif:hover {
					background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
					color: white;
				}

				#fastSearch .line .event a:hover {
				background:url('images/bg_fastSearch_a_hover2.jpg') 0px 0px;
				}

				#fastSearch .line .event .actif {
				background:url('images/bg_fastSearch_a_hover2.jpg') 0px 0px;
				color: white;
				}

			#fastSearch .line .nbr {
			position: relative;
			left: 87px;
			top: 2px;
			_top: 1px;
			*top: 1px;
			z-index: 3;
			width: 53px;
			font-size: 9px;
			margin-top: 2px;
			/*margin-left: 74px;*/
			text-align: center;
			color: white;
			padding: 0;
			}

			body:first-of-type #fastSearch .line .nbr { /* HACK GOOGLE CHROME */
				left: 0px;
				text-align: center;
				display: block;
			}

			body:nth-of-type(1) #fastSearch .line .nbr{
				margin-left: 87px;
			}

			#fastSearch .line .nbr .actifNbr {
			position: relative;
			left: 87px;
			top: 2px;
			_top: 1px;
			*top: 1px;
			z-index: 3;
			width: 53px;
			font-size: 9px;
			margin-top: 2px;
			/*margin-left: 74px;*/
			text-align: center;
			color: white;
			padding: 0;
			}
		
			#fastSearch TR.reportagesActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}

			#fastSearch TR.teamsActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}

			#fastSearch TR.driversActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}

			#fastSearch TR.carsActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}

			#fastSearch TR.photographerActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}
			
			#fastSearch TR.categoryActive {
			background:url('images/bg_fastSearch_a_hover.jpg') 0px 0px repeat-x;
			color: white;
			}

			#fastSearch .nombreDePhotos {
			display: block;
			float: left;
			width: 207px;
			height: 29px;
			background:url('images/bg_nbr_photos.jpg') 0px 0px;
			position: absolute;
			margin-top: -13px;
			font-size: 16px;
			color: #275384;
			padding-left: 12px;
			padding-right: 12px;
			padding-top: 15px;
			}

			#fastSearch .nombreDePhotos a{
			float: left;
			}

			#fastSearch .nombreDePhotos a:hover{
			text-decoration: underline;
			color: #275384;
			}

			#fastSearch .nbr2 {
			float: right;
			color: #1b1f25;
			font-size: 15px;
			height: 18px;
			padding-top: 3px;
			padding-left: 10px;
			padding-right: 10px;
			background:url('images/bg_nbr2.jpg') 0px 0px;
			}

#footer{
	color: #878787;
	height:26px;
	width:995px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5px;
	*margin-top: 20px;
	_margin-top: 10px;
} 

#poweredby {
	position: relative;
	margin-left: 80px;
	margin-top: 35px;
	margin-bottom: 15px;
	_margin-top: 15px;
	_margin-bottom: 25px;
	width: 88px;
	height: 45px;
	_height: 45px;
	background:url('images/powered_by.jpg') 0px 0px no-repeat;
}

	#footer A{
	color: #878787;
	text-decoration: underline;
	}
	
	#footer A:hover{
	color:#265188;
	text-decoration: none;
	}

#paiements{
		margin-top: 3px;
		width:246px;
		height:26px;
		display:block;
		background:url('images/bg_payements.jpg') 0px 0px no-repeat;
	}

	#pubs {
		float: right;
		height: 26px;
	}

	#pubs #speedaction {
		width: 66px;
		height: 26px;
		background:url('images/speedaction.jpg') 0px 0px no-repeat;
		display: block;
		float: right;
	}

	#pubs #autoblog {
		width: 44px;
		height: 26px;
		background:url('images/autoblog.jpg') 0px 0px no-repeat;
		display: block;
		float: right;
	}

.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}
 
 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:18px;
 display:block; 
 font-weight:normal;
 border-bottom: 1px solid #b3b8bd;
 color:#36639b;
 margin:0px 0px 10px 0px;
 padding:0px;
}

H2{ 
 font-size:16px;
 display:block; 
 font-weight:normal;
 color:#36639b;
 margin:0px 0px 10px 0px;
 padding:0px;
}

H3{ 
 font-size:14px;
 display:block; 
 font-weight:normal;
 color: #36649e;
 margin:0px 0px 10px 0px;
 padding:0px;
} 

H4{ 
 font-size:12px;
 display:inline; 
 font-weight:normal;
 color:#ff8021;
 margin:0px;
 padding:0px;
}

A{
 color:#36649e;
 font-weight:normal;
 text-decoration:none;
}

A:hover{
 text-decoration:underline;
}

HR{
 color:#D7D7D7;
 background-color:#D7D7D7;
 height:1px;
 border:0px;
}


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                                   */
/* ------------------------------------------------------------------ */
.noclass {
	background-color: transparent;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
div.noborder input {border-width:0;background-color: transparent;font-size:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

input, select, textarea {
	border:1px solid #e3e3e3;
	/*background-color:#fbfafa;*/
	background-color: white;
	/*color:#7d7d7d;*/
	color: #333333;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

.fieldTitle{ 
 font-size:14px;
 margin-top:15px;
 margin-bottom:10px;
 display:block; 
 font-weight:normal;
 color:#990000;
}

.btn{
	padding:1px 5px 1px 5px;
	color:white;
	font-size:11px;
	text-align:center;
	cursor:pointer;
	border:1px solid #5a8ac2;
	background:url('images/bg_btn.jpg') 0px 0px repeat-x #336298;
}

.btn:hover{
	padding:1px 5px 1px 5px;
	color:white;
	font-size:11px;
	text-align:center;
	cursor:pointer;
	border:1px solid #ffad70;
	background:url('images/bg_btn_hover.jpg') 0px 0px repeat-x #f08a3f;
}

.button {
	border: 1px solid black;
}


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

.formulaire{
	border:1px solid #E9E9E9;
	padding:5px;
	background:url('images/bg_form.jpg') repeat-x;
}


.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #737373;
	color:#31A5B4;
}

	.formulaire .asterisque{
		color: #2a578e;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
		font-family: "Times New Roman", Times, serif;
	}

	.formulaire .alert{	
		color:red;
	}

/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */


#infoBulle{
	border-top: 1px solid #81abd3;
	border-left: 1px solid #4678a9;
	border-right: 1px solid #4678a9;
	border-bottom: 1px solid #5a8ac2;
	background-color:white;
	padding:3px;
	font-size:10px;
	z-index: 999;
	font-family:arial;
	visibility: hidden;
	position:absolute;
	margin-left:-25px;
	margin-top:30px;
}

/* ------------------------------------------------------------------ */
/* -                    sendtofriend   			                    - */
/* ------------------------------------------------------------------ */


#popSendToFriend{
	width:545px;
    height:350px;
    position:absolute;
    padding-left:25px;
    padding-top:50px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}