/* CSS Document */

/*----------------------------------------------------------------------------------*/
/* Accueil */
/*----------------------------------------------------------------------------------*/
	#accueil{
		height: 580px;
		width: 910px;
		margin: 0 auto 0 auto;
	}
	
	#accueil2{
		height: 580px;
		width: 910px;
		/*margin: 0 auto 0 auto;*/
		left: 50%;
		margin-left: -455px; 
		position: absolute;
		z-index: 0;
	}
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------*/
/* Header */
/*----------------------------------------------------------------------------------*/
	
	#logo{
		height: 101px;
		width: 255px;
		margin: 5px 0 -20px 11px;
		/margin: 5px 0 0 16px;
		-margin: 5px 0 0 8px;
		float: left;
		background: url(../images/logo-trans.png) no-repeat;
	}
	
	#logo_conf{
		height: 101px;
		width: 255px;
		margin: 5px 0 -20px 11px;
		/margin: 5px 0 0 16px;
		-margin: 5px 0 0 8px;
		float: left;
		background: url(../images/logo_conf-trans.png) no-repeat;
	}
	
	#logoUK{
		height: 101px;
		width: 255px;
		margin: 5px 0 -20px 11px;
		/margin: 5px 0 0 16px;
		-margin: 5px 0 0 8px;
		float: left;
		background: url(../pictures/logo-trans.png) no-repeat;
	}
	
	#logoUK_conf{
		height: 101px;
		width: 255px;
		margin: 5px 0 -20px 11px;
		/margin: 5px 0 0 16px;
		-margin: 5px 0 0 8px;
		float: left;
		background: url(../pictures/logo_conf-trans.png) no-repeat;
	}
	
	#menuUK{
		height: 60px;
		width: 545px;
		margin: -13px 0 0 0;
		float: right;
	}
	
	#menu_top{
		height: 30px;
		/* width: 545px; */
		text-align: center;
		margin: 6px 0 0 0;
	}
	
	.btnHead{
		/*width: 162px;*/
		width: 282px;
		padding: 30px 0 0 225px;
		/padding: 16px 0 0 220px;
		-padding: 10px 0 0 220px;
		
	}
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------*/
/* Footer */
/*----------------------------------------------------------------------------------*/

	hr.footer{
		height: 7px;
		background-color: #CA1A1C;
		border: 0;
		clear: both;
	}

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



/*----------------------------------------------------------------------------------*/
/* Contenu */
/*----------------------------------------------------------------------------------*/
	
	#title{
		height: 70px;
		width: 836px;
		margin: -22px auto 0 auto;
		-margin: -20px auto 0 auto;
		/margin: -22px auto 0 auto;
		display: none;
	}
		/*---------------------------*/
		/* barre de titre */
		/*---------------------------*/
		
			/* Titre image sur fond rouge */
			img.title_cat{
				margin: 28px 0 15px 5px;
			}
			
			/* Titre image en dessous de la barre rouge */
			img.title_form{
				padding: -10px 0 15px 0;
			}
			
			/* Titre image "de la formation" */
			img.title_sousform{
				padding: 15px 0 0;
			}
			
			/* Titre image "de la formation" colonne droite */
			img.title_sousform2{
				padding: 0 0 4px 0;
			}
			
			/* Titre image "nb de jour de formations" */
			img.jour_for{
				margin: 5px 0 0 5px;
			}
		
		.title_for{
			float: left;
			padding: 0 0 0 0;
			/padding: 0 10px 0 5px;
			-padding: 0 10px 0 5px;
		}
		
		.imgLG_for{
			float: left;
			padding: 0 0 0 0;
			width: 207px;
			height: 90px;
			background: url(../images/imgLG_for-trans.png) no-repeat;
		}
		
		/*---------------------------*/
		/*---------------------------*/
		
	#contain{
		width: 1000px;
		margin: 0 auto 20px;
		padding: 0 0 20px;
		/padding: 20px 0 20px 10px;
		clear: both;
		overflow : hidden;
		background-color : white;
	}

/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
#intervenant {
	width: 180px;
	margin: 40px 30px 20px;
	float: left;
	text-align: left;
}

#intervenant img {
	margin-bottom: 10px;
}

#interv_swf {
	margin-bottom: 13px;
    overflow: hidden;
}

#intervenant h3 {
	margin-bottom: 5px 0;
	color: #CA1A1C;
}

#intervenant ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	font: 11px/16px arial;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/



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

#contenu_conf {
	background : url(../images/degTop.png) repeat-x;
	margin: 0 0 20px 0;
}

#contenu_conf h3 {
	color: #CA1A1C;
	margin: 20px 0 0 10px;
}

h2.conferences {
	font-size: 24px;
}

#contenu_conf ul {
	padding-left: 30px;
}

p.introduction {
	text-align: left;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/	
		
	
	/*---------------------------*/
	/* colonne Gauche */
	/*---------------------------*/
	
	#columnLeft{
		float: left;
		padding: 13px 0 0 20px;
		width: 750px;
		-padding: 8px 0 0 20px;
		line-height: 18px;
	}
	
	#columnLeft p{
		margin-top : 5px;
		line-height: 18px;
	}
	
	.columnL1{
		width: 250px;
		float: left;
		padding: 20px 0 0 5px;
	}
	
	.columnL2{
		width: 470px;
		float: right;
		padding: 20px 0 0 0;
	}
	
	.columnL1_conf{
		width: 250px;
		float: left;
		padding: 0 0 0 5px;
	}
	
	.columnL2_conf{
		width: 350px;
		float: right;
		padding: 0 0 0 0;
	}
	
	.avisL1{
		width: 187px;
		height: 603px;
		float: left;
		padding: 20px 0 0 5px;
		background-image: url(../images/LG_debout2.jpg);
		background-repeat: no-repeat;
	}
	
	.avisL2{
		width: 550px;
		float: right;
		padding: 20px 0 0 0;
	}
	
	.art_top{
		padding: 5px 8px;
		background : url(../images/degTop.png) repeat-x;
	}
	
	.art_top ul{
		line-height: 18px;
		padding: 4px 0 0 25px;
		margin: 0 0 4px 0;
	}
	
	.art_top p, h5{
		padding: 4px 0 0 10px;
	}
	
	.art_bottom{
		height: 12px;
		background-image:url(../images/degBottom.png);
		background-repeat: repeat-x;
		margin: 0 0 4px 0;
	}
	
	p.introForm ul {
		margin: 10px 0 0 20px;
	}
	
	.introForm_C1{
		width: 300px;
		float: left;
		padding: 10px 0 0 20px;
	}
	
	.introForm_C2{
		width: 265px;
		margin: 10px 19px 0 0;
		float: right;
	}
	
	.introForm_C2 a{
		float : left;
	}
	
	.introForm_C2 a img{
		border-radius: 10px 10px 10px 10px;
	}
	
	.introForm_C3{
		width: 705px;
		padding: 10px 0 0 20px;
	}
	
	.introFormBloc{
		height: 180px;
	}
	
	
	.introFormBloc22{
		height: 260px;
	}
	
	.introFormBloc23{
		width: 705px;
		margin: 10px 0 0 20px;
	}
	
	img.outdoor {
	margin: 10px 0 10px 20px;
	}

	.outdoor {
	margin: 10px 0 10px 20px;
	overflow: hidden;
	}
	
	.ICbtnLeft{
		padding: 0 5px 0 0;
		/padding: 0 3px 0 0;
	}
	
	.comments{
		-height: 140px;
		height: 200px!important;
		/height: 200px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsGNFA{
		height: 180px;
		/height: 190px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsCTE{
		height: 180px;
		/height: 190px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsIPW{
		height: 150px;
		/height: 160px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsAMPHENOL{
		height: 205px;
		/height: 215px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsARAYMOND{
		height: 290px;
		/height: 305px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsPSA{
		height: 180px;
		/height: 195px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsSOURIAU{
		height: 220px;
		/height: 220px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsAGEFA{
		height: 170px;
		/height: 170px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsETC{
		margin: 0 0 0 130px;
	}
	
	.commentsLIVRE1{
		height: 140px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsLIVRE2{
		height: 140px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsLIVRE3{
		height: 110px;
		width: 97%;
		margin: 0 0 0 5px;
	}
	
	.commentsTESTIMONIAUX{
		height: 100px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestUBISOFT{
		height: 60px;
		/height: 55px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestRAYNIER{
		height: 80px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestCONQUERIR{
		height: 110px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestEXPORT{
		height: 120px;
		/height: 130px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestG2I{
		height: 140px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	.commentsTestARPEGE{
		height: 110px;
		width: 100%;
		margin: 0 0 0 5px;
		padding: 0 0 40px 0;
		-padding: 0 0 0 0;
		font-size: 11px;
	}
	
	img.testimoniaux{
		margin: 10px;
	}
	
	.logoPros{
		height: 90px;
		width: 90px;
		margin: 5px 0 0 0;
		float: left;
	}
	
	.logoLivres{
		height: 90px;
		width: 90px;
		float: left;
		padding: 5px 0 0 50px;
	}
	
	.commentsPros{
		height: 100%;
		width: 410px;
		padding: 0 5px 5px 5px;
		float: right;
	}
	
	.commentsLivres{
		height: 100%;
		width: 340px;
		padding: 10px 5px 5px 5px;
		float: right;
	}
	
	.containIntervenant{
		width: 800px;
		height: 230px;
		padding: 10px 0 20px 0;
	}
	
	.containIntervenant4{
		width: 800px;
		height: 250px;
		padding: 10px 0 20px 0;
	}
	
	.containConseil{
		min-height:50px!important;
		overflow: hidden;
		padding: 20px 0 0 20px;
		width: 970px;
	}
	
	.containInt1{
		width: 290px;
		float: left;
		padding: 5px 0 0 5px;
	}
	
	.containInt2{
		width: 460px;
		float: right;
		padding: 5px 0 0 20px;
	}
	
	.containInt2_conseil{
		width: 645px;
		float: right;
		padding: 5px 0 0 20px;
		line-height : 18px;
	}
	
	.contact_01{
		width:200px;
		float: left;
	}
	
	.contact_02{
		width: 425px;
		float: right;
	}
	
	.containInt2_conseil ol{
		padding: 0 0 0 30px;
	}
	
	.containInt2 p{
		margin: 0;
		padding: 5px;
	}
	
	.livresCouv01{
		width: 535px;
		height: 305px;
	}
	
	.livresCouv02{
		width: 535px;
		height: 340px;
	}
	
	.livresCouv03{
		width: 535px;
		height: 400px;
	}
	
    .livresCouv04{
		width: 535px;
		height: 425px;
	}
    
    .livresCouv05{
		width: 535px;
		height: 340px;
	}
    
	.livreLeft{
		float: left;
		margin: 10px 5px 10px 5px;
	}
	
	.livreRight{
		width: 360px;
		float: right;
		margin: 10px 5px 10px 0;
	}
	
	/* Bloc logo SES LIVRES */
	
	.posLogoLivres{
		width: 100px;
		float: right;
	}
	
	/* -------------------- */
	
	/* NEWSLETTERS */
	
	#cartNews{
		width: 800px;
		height: 79px;
		margin: 0 0 0 10px;
		padding: 10px 0 1px 2px;
	}
	
	.infosNews{
		width: 147px;
		height: 75px;
		float: left;
		/*margin: 0 3px 0 0;
		padding: 5px 0 0 5px;*/
	}
	
	.imgNews{
		width: 75px;
		height: 75px;
		float: left;
		margin: 0 3px 0 3px;
		border: 1px solid #E8E8E8;
		background-color:#FFFFFF;
		overflow: hidden;
	}
	
	.descriptNews{
		width: 560px;
		height: 69px;
		border: 1px solid #E8E8E8;
		float: left;
		padding: 3px;
	}
	
	/* ----------- */
	
	/*  PRESSBOOK  */
	
	#cartPress{
		width: 800px;
		height: 100px;
		margin: 0 0 0 10px;
		padding: 10px 0 1px 2px;
	}
	
	.imgPress{
		width: 110px;
		height: 86px;
		border: 1px solid #E8E8E8;
		background-color: #FFFFFF;
		float: left;
		margin: 0 5px 0 0;
		overflow: hidden;
	}
	
	.blocPress{
		width: 682px;
		height: 90px;
		float: left;
	}
	
	.descriptPress{
		width: 672px;
		height: 50px;
		border: 1px solid #E8E8E8;
		float: left;
		padding: 3px;
	}
	
	/* ----------- */
	
	
	/* EMORISATION */
	
	#cartEmo1{
		width: 730px;
		height: 180px;
		margin: 0 0 0 5px;
		padding: 5px 0 0 0;
	}
	
	#cartEmo2{
		width: 800px;
		height: 560px;
		margin: 0 0 0 10px;
		padding: 10px 0 1px 2px;
	}
	
	.imgEmo{
		width: 265px;
		height: 169px;
		float: left;
		margin : 10px 0 0 0;
	}
	
	.imgEmo2{
		width: 265px;
		height: 169px;
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.txtEmo{
		width: 435px;
		float: left;
		margin: 0 15px 0 0;
	}
	
	.txtEmo2{
		width: 800px;
		float: left;
		margin: 0 15px 0 0;
	}
	
	/* ----------- */
	
	
	/* LIENS */
	
	#cartLiens{
		width: 400px;
		height: 43px;
	}
	
	.logoLiens{
		width: 100px;
		height: 43px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	.descriptLiens{
		width: 280px;
		height: 43px;
		float: left;
		padding: 3px;
	}
	
	a.aLiens{
		text-decoration: none;
		color: #000000;
	}
	
	a.aLiens:hover{
		text-decoration: none;
		color: #CA1A1C;
	}
	
	/* FORMULAIRE COMMANDE */
	
	#txtBook{
		width: 450px;
		margin: 0 0 10px 0;
	}
	
	#selectBook{
		width: 450px;
		margin: 0 0 20px 0;
	}
	
	.infosBook{
		text-align: left;
		margin: 0 0 10px 0;
		border: 1px #000000 dashed;
		padding: 10px 10px 10px 60px;
	}
	
	.commander{
		width:350px;
		float: left;
		margin: 0 0 0 60px;
		-margin: 0 0 0 30px;
	}
	
	h3.titleComm{
		color: #CA1A1C;
	}
	
	h5.titleForm{
		font-size: 12px;
		font-weight: bold;
		color: #CA1A1C;
		float: left;
	}                                                   
	
	input.champForm{
		float: right;
	}
	
	textarea.champForm{
		float: right;
	}
	
	input.btnRadio{
		margin: 0 10px 0 0;
	}
	
	input.envoyer{
		margin: 10px;
		-margin: 0;
	}
	
	span.infos{
		color: #CA1A1C;
	}
	
	
	/*---------------------------*/
	/*---------------------------*/
	
	
	
	/*---------------------------*/
	/* colonne Droite */
	/*---------------------------*/
	
	#columnRight{
		float: right;
		margin: 20px;
		width: 186px;
	}
	
	#btn_retour_intro_form{
		width: 186px;
	}
	
	#columnRight_top{
		width: 186px;
		float: left;
		-margin: 0 0 -4px 0;
	}
	
	#columnRight_middle{
		
		width: 186px;
		background-image: url(../images/columnR_middle.png);
		background-repeat: repeat-y;
		padding: 0 0 20px 0;
		
	}
	
	#columnRight_bottom{
		width: 186px;
	}
	
	/*---------------------------*/
	/*---------------------------*/

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


/*----------------------------------------------------------------------------------*/
/*------------- Page d'accueil ----------------------------------------*/
/*----------------------------------------------------------------------------------*/

#zoneMap{
	width: 70px;
	height: 108px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: 280px;
	top: 470px;
}

#zoneMap2{
	width: 70px;
	height: 50px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: 350px;
	top: 520px;
}

#zoneMapIntroConf{
	width: 368px;
	height: 204px;
	position: absolute;
	z-index: 1000;
	/*left: 50%;*/
	margin-left: 213px;
	top: 554px;
}

#global{
	width: 910px;
	height: 580px;
	margin: 0 auto 0 auto;
}

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


#zoneMapIntervenant {
	position: absolute;
	width: 180px;
	height: 156px;
	z-index: 3;
}

#myFlashContent object{
	float : left;
}