/* CSS Global : structure générale du site */

body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center; /* pour corriger le bug de centrage IE */
	font-weight: normal;
	line-height: 15px;
}

#global{
	margin: 0 auto 0 auto;
	width: 990px;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

	/*******************************************/
	/* pub */
	/*******************************************/
	#pub{
		position: relative;
		top: 0;
		left: 0;
		background:#FFF url(../images/css/pub_728x90.gif) top left no-repeat;
	}
	/* Fin pub */


	/*******************************************/
	/* header */
	/*******************************************/
	#header{
		background-color: #FFF;
		position: relative;
		top: 5px;
		left: 0;
		width: 990px;
		height: 250px;
		margin: 0;
		padding: 0;
	}
		#header_gauche{
			background: #00a6c3 url(../images/css/header_gauche_bg.gif) top left no-repeat;
			float: left;
			display: inline;
			width: 705px;
			height: 250px;
		}	
			#header_logo{
				float: left;
				display: inline;
				width: 370px;
				height: 153px;
				margin: 0;
				padding: 0;
			}
			#header_date{
				float: left;
				display: inline;
				width: 310px; /* 335 */
				height: 25px;
				margin: 25px 25px 0 0;
				color: #006680;
				font-size: 1.6em;
				font-style: italic;
				text-align: right;
			}
			#header_outils{
				float: left;
				display: inline;
				width: 332px; /* 335 */
				height: 31px;
				margin: 27px 3px 0 0;
				text-align: right;
			}
			#menu_pictos{
				float: left;
				display: inline;
				width: 335px;
				height: 67px;
				margin: 42px 0 0 0;
				text-align: right;
			}	
			#menu_texte{
				float: left;
				display: inline;
				width: 695px;
				height: auto;
				margin: 5px 0 0 10px;
				color: #e54715;
				font-size: 1.4em;
				font-weight: normal;
				text-align: left;
			}
				#menu_texte a.menu_texte_lien_fonce, #menu_texte a.menu_texte_lien_fonce:hover, #menu_texte a.menu_texte_lien_fonce:visited{
					color: #666666;
					text-decoration: none;
				}
				#menu_texte a.menu_texte_lien_clair, #menu_texte a.menu_texte_lien_clair:hover, #menu_texte a.menu_texte_lien_clair:visited{
					color: #999999;
					text-decoration: none;
				}
				
		
		
		#header_droite{
			background: #f9bf00 url(../images/css/header_droite_bg.gif) top left no-repeat;
			float: left;
			display: inline;
			width: 285px;
			height: 250px;
		}
			#header_identification{
				float: left;
				display: inline;
				width: 265px;
				height: 150px;
				margin: 3px 0 0 15px;
			}
				#header_identification form{
					float: left;
					display: inline;
					width: 265px;
					margin: 0;
					padding: 0;
				}
				#header_identification label{
					float: left;
					display: inline;
					clear: left;
					width: 75px;
					height: 25px;
					margin: 5px 0 0 0;
					color: #006680;
					font-size: 1.1em;
					font-weight: bold;
					line-height: 25px;
				}
				#header_identification .identifiant{
					float: left;
					display: inline;
					width: 180px;
					height: 21px;
					margin: 5px 0 0 5px;
					border: 1px solid #FFF;
					font-size: 1.1em;
				}
				#header_identification .motdepasse{
					float: left;
					display: inline;
					margin: 5px 0 0 5px;
					width: 130px;
					height: 21px;
					border: 1px solid #FFF;
					font-size: 1.1em;
				}
				#header_identification .bt_valid_ident{
					float: left;
					display: inline;
					width: 39px;
					height: 25px;					
					margin: 5px 0 0 7px;
				}
				#header_identification .activer_compte{
					float: left;
					display: inline;
					margin: 4px 0 0 0;
					width: 150px;
					text-align: left;
					color: #ab0400;
					font-size: 1.3em;
					font-weight: bold;
					line-height: 12px;
				}
					#header_identification .activer_compte a, #header_identification .activer_compte a:visited, #header_identification .activer_compte a:hover{
						color: #da040e;
						font-size: 11px;
						font-style: italic;
						text-decoration: none;
					}
				#header_identification .mdp_oublie{
					float: left;
					display: inline;
					margin: 2px 0 0 0;
					width: 115px;
					line-height: 10px;
					text-align: right;
				}
					#header_identification .mdp_oublie a, #header_identification .mdp_oublie a:visited, #header_identification .mdp_oublie a:hover{
						color: #cd2d1b;
						font-style: italic;
						text-decoration: none;
					}
				#header_identification #nom_uti{
					float: left;
					display: inline;
					width: 260px;
					height: auto;
					color: #BE1E2D;
					font-size: 1.1em;
					font-weight: bold;
					line-height: 13px;
				}
				#header_identification .liens_espace_abonnes{
					float: left;
					display: inline;
					width: 130px;
					height: auto;
					margin: 5px 0 0 0;
					color: #663333;
					font-size: 1.1em;
					font-weight: bold;
				}
					#header_identification .liens_espace_abonnes a, #header_identification .liens_espace_abonnes a:hover, #header_identification .liens_espace_abonnes a:visited{
						color: #663333;
						text-decoration: underline;
					}
				#header_identification .bt_deconnexion{
					float: right;
					display: inline;
					width: 90px;
					height: auto;
					margin: 5px 0 0 0;
					color: #FFFFFF;
					font-size: 1.2em;
					font-weight: bold;
				}
					#header_identification .bt_deconnexion a, #header_identification .bt_deconnexion a:hover, #header_identification .bt_deconnexion a:visited{
						color: #FFFFFF;
						text-decoration: underline;
					}
				
/* RECHERCHE */	
			#header_recherche{
				background: #e7e5e7 url(../images/css/header_recherche_bg.gif) top left no-repeat;
				float: left;
				display: inline;
				width: 260px;
				height: 92px; /* */
				margin: 0 0 0 10px;
				padding: 3px 0 0 0;
				color: #8F827C;
				font-size: 1.2em;
				font-weight: bold;
			}
				#header_recherche ul{
					margin: 0 0 0 35px;
					padding: 2px 0 0 0;
				}
					#header_recherche li{
						margin: 0;
						padding: 0 0 5px 0;
						list-style-image: url(../images/css/header_fleche_jaune.gif);
						list-style-position: outside;
					}
				#header_recherche form{
					margin: 0;
					padding: 0;
				}
				#header_recherche .champ_recherche{
					float: left;
					display: inline;
					width: 215px;
					height: 24px;
					margin: 0 0 0 5px;
					padding: 0;
					border: #FFFFFF solid 1px;
				}
				#header_recherche .bouton_valid_recherche{
					float: left;
					display: inline;
					width: 29px;
					height: 26px;
					margin: 0 0 0 5px;
					padding: 0;
				}
				#header_recherche #lien_recherche_avancee a, #header_recherche #lien_recherche_avancee a:hover, #header_recherche #lien_recherche_avancee a:visited{
					float: left;
					display: inline;
					width: 250px; /* 260 */
					height: auto;
					margin: 5px 10px 0 0;
					color: #6A5D55;
					font-size: 10px;
					font-style: italic;
					font-weight: normal;
					text-decoration: none;
					text-align: right;
				} 
	
/* SPECIMEN */
	#header_specimen{
				float: left;
				display: inline;
				width: 260px;
				height: 92px; /* */
				margin: 0 0 0 10px;
				padding: 3px 0 0 0;
				text-align: center;
	}
	
	/* Fin header */


	/*******************************************/
	/* main */
	/*******************************************/
	#main{
		background: #FFF url(../images/css/main_bg.gif) top left repeat-y;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 15px 10px 20px 10px;
		width: 970px; /* 990 */
		height: auto;
		overflow: auto;
	}
		#main_col_droite{
			background-color: #FFF;
			float: right;
			display: inline;
			width: 300px;
			height: auto;
			margin: 0;
			padding: 0;
		}
			#pub_lea{
				float: left;
				display: inline;
				background-color: #FFF;
				width: 300px;
				height: 200px;				
			}
			#pub_300_250{
				float: left;
				display: inline;
				width: 300px;
				height: 265px;
				margin: 10px 0 0 0;
				padding: 0;
				/*color: #666666;*/
				/*font-size: 0.9em;*/
				/*	line-height: 8px;*/
			}
			#offre_parrainage{
				float: left;
				display: inline;
				background-color: #FFF;
				width: 300px;
				height: 200px;	
				margin: 10px 0 0 0;
				padding: 0;			
			}

		#fil_ariane{
			position: relative;
			top: 0;
			left: 0;
			width: 630px;
			height: 20px;
			margin: 0;
			padding: 0;
			color: #006680;
			font-size: 1.2em;
		}
			#fil_ariane a, #fil_ariane a:hover, #fil_ariane a:visited{
				color: #006680;
				text-decoration: none;
			}
		
		#main_titre{
			position: relative;
			top: 0;
			left: 0;
			width: 625px;
			height: auto;
			margin: 10px 0 0 5px;
			padding: 0;
			color: #ff9900;
			font-size: 2em;
			font-weight: bold;
			line-height: 25px;
		}
		
		#main_contenu{
			position: relative;
			top: 0;
			left: 0;
			width: 650px;
			height: auto;
			margin: 20px 0 0 5px;
			padding: 0;
			color: #666666;
			font-size: 1.2em;
		}
			#main_contenu p{
				margin: 15px 0 0 0;
				padding: 0;
			}
			
	/* MAIN elargie pour la boutique*/
		#main_large{
			background: #FFF ;
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
			width: 965px; 
			height: auto;
			font-size: 10px;
		}
	
	/* Voir aussi*/
			#Voir_Aussi {
				float: left;
				display: inline;
				background: #FFF url(../images/css/tiret_blc_gris_v.gif) top left repeat-y;
				margin: 10px 0 0 0;
				padding: 0;
				font-size: 1.2em;
			}
				
				#Voir_Aussi_Titre {
					float: left;
					display: inline;
					font-size: 1.4em;
					color: #666;
					font-weight: bold;
					margin: 10px 0 0 10px;
					padding: 0;
				}
				#Voir_Aussi_Contenu {
					float: left;
					display: inline;
					margin: 10px 0 0 15px;
					padding: 0;
				}
					#Voir_Aussi_Sous_Titre{
						float: left;
						display: inline;
						width: 280px;
						height: 30px; 
						margin: 0;
						padding: 0;
						color:#006680;
						font-size:1.2ems;
						font-weight:bold;
					}
					#Voir_Aussi_Image{
						float: left;
						display: inline;
						width: 280px;
						height: 210px; 
						margin: 0;
						padding: 0;
					}
					#Voir_Aussi_Boutique{
						float: left;
						display: inline;
						width: 280px;
						height: 230px; 
						margin: 20px 0 0 0;
						padding: 0;
					}
					#Voir_Aussi_Infos_regionales{
						background: #FFF url(../images/accueil/bloc_infos_regionales_bg.gif) top left no-repeat;
						float: left;
						display: inline;
						width: 280px;
						height: 215px; 
						margin: 10px 0 0 0;
						padding: 0;
					}

	
	/* Fin main */

	/***************************** FORMULAIRE *********************************/			
	.etape_formulaire{
		background: #FFF url(../images/accueil/pointilles_gris_16.gif) repeat-x bottom left;
		float: left;
		display: inline;
		width: 615px;
		height: 20px;
		margin: 20px 0 0 10px;
		padding: 0;
		color: #666666;
		font-size: 1.2em;
		font-weight: bold;
	}

	#form{
		float:left;
		display:inline;
		width: 560px;
		margin: 0 0 0 10px;
		padding: 0;
		font-size:1em;
		color:#666666;	
	}
	.bloc{
		background: #FFF url(../images/decouvrez/bloc_bg_bas.gif) bottom left no-repeat;
		float: left;
		display: inline;
		width: 280px;
		height: auto;
		padding: 0 0 10px 0;
		margin: 0;
	}
	#bloc3{
		float: left;
		display: inline;
		width: 380px;
		height: auto;
		padding: 0 0 10px 0;
		margin: 0;
	}
		#form .bloc h3{
			background: #FFF url(../images/decouvrez/bloc_bg_haut.gif) bottom left no-repeat;
			float:left;
			display:inline;
			width: 100%;
			height: 35px;
			font-size: 1.3em;
			font-weight:bold;
			color:#006680;
			margin: 14px 0 0 0;
			padding: 0 0 0 0;
		}

		.champs{
			background: #FFF url(../images/decouvrez/bloc_bg_milieu.gif) top left repeat-y;
			float: left;
			display: inline;
			width: 280px;
			padding: 5px 0 0 0;
		}
			#form label{
				float: left;
				display: inline;
				width: 95px; /* 150 */
				height: 23px;
				margin: 0;
				padding: 2px 5px 0 0;
				text-align: right;		
			}
			#form input{
				float: left;
				display: inline;
				width: 160px;
				height: 20px;
				margin: 0 0 7px 5px;
				padding: 0;
				border: 1px solid #aaaaaa;
				font-size: 11px;
			}
			#form select{
				float: left;
				display: inline;
				width: 163px;
				height: 20px;
				margin: 0 0 7px 5px;
				padding: 0;
			}
	
			#form span{
				color:#FF6600;
				font-size:14px;
				font-weight:bold;	
			}
			
			#form p{
				float:left;
				display:inline;
				width:640px;
				padding: 0px;
				margin: 5px 0 0 0;
				color:#E54715;
			}
			#form .bouton_valider{
				float:right;
				display:inline;
				width: 113px;
				height: 26px;
				border: 0;
			}
			
	/*******************************************/
	/* Page de visualisation des vidéos */
	/*******************************************/
		#main_main_video_visualisation {
			height: 360px;
			width: 650px;
			
		}
			#video_visualisation {
				height: 350px;
				width: 352px;
				text-align: center;
				margin: 0 0 40px;
				padding: 0;
			}


	/*******************************************/
	/* footer */
	/*******************************************/
	#footer{
		background: #00a6c3 url(../images/css/footer_bg.gif) top left no-repeat;
		position: relative;
		top: 0;
		left: 0;
		width: 990px;
		height: 100px;
		color: #006680;
		font-weight: bold;
	}
		#footer_logo_lea{
			background-color: transparent;
			float: right;
			display: inline;
			width: 130px;
			height: 55px;
		}
		#menu_footer{
			background-color: transparent;
			float: left;
			display: inline;
			width: 835px;
			height: 30px;
			margin: 15px 0 0 30px;
			text-align: right;
			font-size: 1.2em;
			font-style: italic;
			line-height: 13px;
		}
			#menu_footer a, #menu_footer a:hover, #menu_footer a:visited {
				color: #006680;
				text-decoration: none;
			}
		#copyright{
			background-color: transparent;
			float: left;
			display: inline;
			width: 115px;
			height: 25px;
			margin: 20px 0 0 10px;
			font-size: 1.4em;
			font-style: italic;
		}
	/* Fin footer */