/* INITIALISATION ----------------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; }
	html { height: 100%; background: url(../images/body_bg.png) no-repeat center top #f5f3f3; }
	img { border: 0; margin: 0; }
	form { margin: 0; padding: 0; }
	p { margin-bottom: 15px; }
	ul { margin-left: 0px; }
	body {		
		color: #3E3E3E;
		font-family: Arial, Verdana, Helvetica, Trebuchet MS ;
		font-size: 11px;
		height: 100%;
		margin: 0;
		padding: 0;
		}





/* STRUCTURE GÉNÉRALE ----------------------------------------------------------------------------------- */
	.global {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -35px; /* marge bas négative égale à la hauteur du footer et du push */		
		background: url(../images/global_bg.gif) repeat-y center top;
		}
	.push {height= 35px; } /* même hauteur que le footer - pour coller le footer en bas de page */

	.header { width: 960px; height: 230px; margin: 0 auto; }
		.headerContent {
			width: 715px;
			height: 230px;
			float: left;
			background: url(../images/header_menu_bg.png) repeat-x left 10px;
			}
		.menuCorporate {
			width: 235px;
			float: left;
			margin-left: 10px;			
			}

	.menu { background: url(../images/menu_bg.png) repeat-x; height: 70px; }

	.contenu { width: 960px; margin: 0 auto; padding-bottom: 20px; overflow: hidden;}
		.contenuContent { width: 715px; float: left; text-align: justify;}
			.contenuContent ul, .contenuContent li { padding-left:5px;list-style-position:inside; }
			.contenuContent label { display: block; text-align: left; }

		.contenuDroite { width: 235px; float: left; margin-left: 10px; }

	.footer { height: 35px; }
		.footerContent {
			width: 840px;
			margin: 0 auto;
			height: 35px;
			line-height: 35px;
			text-align: left;
			background: url(../images/footer_bg.png) no-repeat;
			color: #939393;
			padding-left: 120px;
			}
			.footerContent a { color: #939393; margin: 0 5px; text-decoration: none; }
			.footerContent a:hover { color: #939393; text-decoration: underline; }




/* HEADER ----------------------------------------------------------------------------------- */
	
	.headerMenu {
		height: 30px;
		margin-top: 10px;
		line-height: 30px;
		float: left;
		width:100%;
		}
		.headerMenu li {
			display: block;
			float: left;
			height: 30px;
			background: url(../images/header-menu_separateur.gif) no-repeat right 5px;
			}
		.headerMenu li a {
			height: 30px;
			display: block;
			float: left;		
			text-decoration: none;
			color: #939393;
			/*padding: 0 16px 0 38px;*/
			padding: 0 10px 0 32px;
			}
			.headerMenu li a:hover { background-position: 10px bottom; }

		.headerMenu .home { background: url(../images/header_menu_home.png) no-repeat 10px top; }
		.headerMenu .contact { background: url(../images/header_menu_contact.png) no-repeat 10px top; }
		.headerMenu .favoris { background: url(../images/header_menu_favoris.png) no-repeat 10px top; }
		.headerMenu .envoiAmi { background: url(../images/header_menu_envoi_ami.png) no-repeat 10px top;}
		.headerMenu .espaceCollaboratif { background: url(../images/header_menu_prive.png) no-repeat 10px top;}
		.headerMenu .espaceTwitter {margin-left:30px; padding: 0 10px 0 0px;}
		.headerMenu .espaceFacebook { padding: 0 0px 0 5px;}
		
		.headerMenu li a:hover { text-decoration: underline; }
		
		.langues {
			/*height: 30px;
			margin-top: 10px;
			line-height: 30px;
			float: right;
			padding-left: 15px;
			background: url(../images/header-menu_separateur.gif) no-repeat left 5px;*/
			}
			.langues li { display: block; float: left; height: 30px; }
			.langues li a {
				height: 30px;
				display: block;
				float: left;		
				text-decoration: none;
				color: #CED3D6;
				padding: 0 10px 0 28px;
				}
				.langues .fr { background: url(../images/flags.png) no-repeat left -120px; }
					.langues .frActif, .langues .fr:hover { background: url(../images/flags.png) no-repeat left 0px; color: #939393; }
				.langues .en { background: url(../images/flags.png) no-repeat left -150px; }
					.langues .enActif, .langues .en:hover { background: url(../images/flags.png) no-repeat left -30px; color: #939393; }
				.langues .nl { background: url(../images/flags.png) no-repeat left -180px; }
					.langues .nlActif, .langues .nl:hover { background: url(../images/flags.png) no-repeat left -60px; color: #939393; }
				.langues .pt { background: url(../images/flags.png) no-repeat left -210px; }
					.langues .ptActif, .langues .pt:hover { background: url(../images/flags.png) no-repeat left -90px; color: #939393; }
					

/* MENU CORPORATE ----------------------------------------------------------------------------------- */

		.menuCorporate ul { list-style: none; text-align: right; margin-top: 5px; }
			.menuCorporate ul li { background: url(../images/corporate_li.gif) no-repeat right 50%; }
				.menuCorporate ul li a {
					text-decoration: none;
					color: #FFFFFF;
					font-size: 20px;
					line-height: 20px;
					background: #ED1C24;
					padding: 0px 4px 0px 4px;
					margin-right: 20px;			
					}
					.menuCorporate ul li:hover {
					background: url(../images/corporate_li.gif) no-repeat left 50%;
					cursor: pointer;
					}

/* MENU PRINCIPAL ----------------------------------------------------------------------------------- */

		.menuPrincipal {
			height: 50px;
			width: 960px;
			margin: 0 auto;
			list-style: none;		
			}
			.menuPrincipal li {					
				float: left;				
				margin-right: 11px;
				text-align: center;
				}
				.menuPrincipal li a {
					text-decoration: none;					
					width: 110px;
					height: 43px;
					display: block;
					color: #FFFFFF;
					font-size: 14px;
					padding-top: 7px;
					background: url(../images/rubs_bg.png) no-repeat;
					}
				/*.menuPrincipal .rub1 { color: #A7223A; background-position: 0px 5px;}
					.menuPrincipal .rub1:hover, .menuPrincipal .rub1Actif { color: #A7223A; background-position: 0px 0px; }*/
				.menuPrincipal .rub1 { color: #738A96; background-position: -121px 5px;}
					.menuPrincipal .rub1:hover, .menuPrincipal .rub1Actif { color: #738A96; background-position: -121px 0px; }
				.menuPrincipal .rub2 { color: #802990; background-position: -242px 5px;}
					.menuPrincipal .rub2:hover, .menuPrincipal .rub2Actif { color: #802990; background-position: -242px 0px; }
				.menuPrincipal .rub10 { color: #008D9B; background-position: -363px 5px;}
					.menuPrincipal .rub10:hover, .menuPrincipal .rub10Actif { color: #008D9B; background-position: -363px 0px; }
				.menuPrincipal .rub4 { color: #007DC6; background-position: -484px 5px;}
					.menuPrincipal .rub4:hover, .menuPrincipal .rub4Actif { color: #007DC6; background-position: -484px 0px; }
				.menuPrincipal .rub9 { color: #e6c300; background-position: -726px 5px;}
					.menuPrincipal .rub9:hover, .menuPrincipal .rub9Actif { color: #e6c300; background-position: -726px 0px; }
				.menuPrincipal .rub7 { color: #A7223A; background-position: 0px 5px;}
					.menuPrincipal .rub7:hover, .menuPrincipal .rub7Actif { color: #A7223A; background-position: 0px 0px; }
				.menuPrincipal .rub11{ color: #A7223A; background-position: 0px 5px;}
					.menuPrincipal .rub11:hover, .menuPrincipal .rub11Actif { color: #A7223A; background-position: 0px 0px; }

				.menuPrincipal li a span { font-size: 9px;}

/* CONTENU DROITE ----------------------------------------------------------------------------------- */

	.parlent {
		width: 215px;
		height: 105px;
		background: url(../images/titre_parlent_bg.png);
		color: #ED1C24;
		font-size: 20px;
		padding: 45px 0px 0px 20px;
		}
	.liens { margin-bottom: 25px; }
		.liens .liensTitre {
			width: 215px;
			height: 27px;
			background: url(../images/titre_liens_bg.png);
			color: #ED1C24;
			font-size: 20px;
			padding: 8px 0px 0px 20px;
			margin-bottom: 5px;
			}
		.liens .liensTitre  a{
			display:inline;
			margin: 0px 0px 0px 5px;
			}
		.liens a {
			color: #FFFFFF;
			display: block;
			line-height: 16px;
			margin: 0px 0px 7px 20px;
			}
	.lienSondage a {
			color: #FFFFFF;
			display: block;
			line-height: 16px;
			margin: 0px 0px 7px 15px;
			text-decoration:none;
			border:0px;
			}
	

/* CONTENU ----------------------------------------------------------------------------------- */

	.backgroundTitre {
		/* background image dans la page */
		background: no-repeat right top;
		width: 705px;
		height: 155px;
		margin-bottom: 10px;
		}
	.contenuTitre {
		width: 685px;
		height: 142px;
		background: url(../images/titre_bg.png) no-repeat;
		padding: 12px 0px 0px 20px;
		}
		.contenuTitre .date { font-size: 18px; color: #000000; display: block; margin: 4px 0px; }

		.contenuTitre .lieu {
			font-size: 18px;
			color: #FFFFFF;
			display: block;
			-moz-opacity:0.65; /* Mozilla <= 1.6 */
			opacity: 0.65; /* FIREFOX */
			filter:alpha(opacity=65); /* IE */
			}

	.contenuTexte {
		width: 330px;
		padding: 0px 20px;
		float: left;
		line-height: 18px;
		text-align: justify;
		margin-bottom: 25px;
		
		}
		.contenuTexte:first-letter, #ajax_contenu:first-letter  { font-size: 18px; color: #5A5959; text-transform: uppercase;}
		
	.contenuMedias { width: 335px; float: left; }
		.contenuMedias .videos { width: 335px; text-align: center; float: left;}
			.contenuMedias .videos .video {
				width: 145px;
				/*height: 135px;*/
				background: url(../images/video_bg.png) no-repeat center bottom;
				float: left;
				margin: 0px 20px 12px 0px;
				}
			
		.contenuMedias .photos { width: 335px; }
			.contenuMedias .photos img { border: solid 1px #C4C3C3; margin: 0px 7px 7px 0px; }

	.btnInscr {
		width: 270px;
		height: 40px;
		display: block;
		margin-top: 10px; /* 50px */
		text-decoration: none;
		color: #FFFFFF;
		padding-left: 30px;
		font-size: 24px;
		padding-top: 14px;
		margin-bottom: 25px;
		background: url(../images/btn_inscription_bg.png);
		}

		/* styles CONFERENCE INAUGURALE */
		/*.content1 .btnInscr { background-position: 0px 0px; }
			.content1 .btnInscr:hover { background-position: 300px 0px; }*/

		/* styles RDV EXPERTS */
		.content2 .btnInscr { background-position: 0px -55px; }
			.content2  .btnInscr:hover { background-position: 300px -55px; }
			.content2 .backgroundTitre .contenuTitre { background-position: 0px -155px; }

		/* styles TOURISME D'AFFAIRE */
		.content3  .btnInscr { background-position: 0px -110px; }
			.content3 .btnInscr:hover { background-position: 300px -110px; }
			.content3 .backgroundTitre .contenuTitre { background-position: 0px -310px; }

		/* styles CCEF */
		.content10  .btnInscr { background-position: 0px -165px; }
			.content10  .btnInscr:hover { background-position: 300px -165px; }
			.content10 .backgroundTitre .contenuTitre { background-position: 0px -465px; }

		/* styles 4ème EDITION GRAND PRIX VIE */
		.content5  .btnInscr { background-position: 0px -220px; }
			.content5  .btnInscr:hover { background-position: 300px -220px; }
			.content5 .backgroundTitre .contenuTitre { background-position: 0px -620px; }
			
		/* styles ATTRACTIVITE */
		.content9  .btnInscr { background-position: 0px -330px; }
			.content9  .btnInscr:hover { background-position: 300px -330px; }
			.content9 .backgroundTitre .contenuTitre { background-position: 0px -930px; }

		/* styles LE NPDC AU MAROC */
		/*.content6  .btnInscr { background-position: 0px -275px; }
			.content6  .btnInscr:hover { background-position: 300px -275px; }
			.content6 .backgroundTitre .contenuTitre { background-position: 0px -775px; }*/

		/* style PROJECT CENTER */
		/*.content7 .backgroundTitre .contenuTitre { background-position: 0px -930px; }*/



/* AGENDA ----------------------------------------------------------------------------------- */

		#calendar { margin: 0 20px; width: 195px; }

		#moisCourant {
			background: #F03E45;
			color: #FFFFFF;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
			}
			#moisCourant img { margin: 3px; }
			

		#calendarTable { color: #FFFFFF;
			width: 195px;
			text-align: center;
			
			line-height: 20px;
			}
			#calendarTable td { border: solid 1px #ED1C24; }

				.jourCalendar, .jourCalendarWE {color: #F36B70; }

				#calendarTable a {
					color: #ED1C24;
					font-weight: bold;
					text-decoration: none;
					background: #FFFFFF;
					}
				#calendarTable a:hover {
					color: #FFFFFF;
					font-weight: bold;
					text-decoration: none;
					background: #F03E45;
					}


/* SOUS MENU RENDEZ-VOUS EXPERTS ----------------------------------------------------------- */
		.sousmenu {
			list-style:none;
			margin:0px 0px 10px -10px;
			text-transform: uppercase;
			line-height: 20px;	
			}

			.sousmenu li a {
				color : #3E3E3E;
				font-weight:normal;
				text-decoration: none;
				background: url(../images/sous-menu_select.png) no-repeat left bottom;
				padding-left: 25px;
				}
				.sousmenu li a:hover {
					color : #3E3E3E;
					font-weight:normal;
					background: url(../images/sous-menu_select.png) no-repeat left -14px;
					}
			.sousmenu li.actif a, .sousmenu li.actif a:hover {
				color : #ED1C24;
				font-weight:bold;
				background: url(../images/sous-menu_select.png) no-repeat left top;
				}

/* FORMULAIRE ------------------------------------------------------------------------------ */

	.input, textarea {
		border: solid 1px #939393;
		margin: 3px 0px 13px 0px;
		padding: 2px 5px;
		color: #000000;
		font-family: Arial, Verdana, Helvetica, Trebuchet MS ;
		font-size: 11px;
		}

	.btn {
		width: 229px;
		height: 41px;
		display: block;
		margin-top: 5px;
		text-decoration: none;
		color: #FFFFFF;
		padding-left: 30px;
		font-size: 24px;
		padding-top: 14px;
		background: url(../images/btn_rouge.png) no-repeat;
		}
		.btn:hover { background-position: -260px top; }
		
	.btnSecondaire {
		/*width: 18px;
		height: 41px;*/
		display: block;
		margin-top: 2px;
		margin-left: 15px;
		padding-left: 25px;
		font-size: 14px;
		padding-top: 0px;
		background: url(../images/sous-menu_select.png) no-repeat;
		height: 15px;
		}
		.btnSecondaire:hover { background-position: left -14px; }
	.btnSecondaire  a{
		text-decoration:underline;
		color: #3E3E3E;
		}


/* LIGHTBOX -------------------------------------------------------------------------------- */

#div_video
{
	display: none;
	position: absolute;
	width : 522px;
	padding: 0px;
	margin-left:100px;
	z-index: 999;
	background: #FFFFFF;
	border: solid 1px #C4C3C3;
}
.videoDisplay { margin: 10px;  }

/* ANIMATION PARTENAIRES -------------------------------------------------------------------------------- */

/*.blocAnimationCentrale .blocTop .blocMenuAnimation
{
	float:left;
	cursor:pointer;
	height:37px;
	margin-left:2px;
	margin-right:2px;
	background-image:url(/images/animation_menu.png);
	background-repeat:no-repeat;
	background-position:10px 31px;
	background-color:#ffffff;
}
.blocAnimationCentrale .blocTop .blocMenuAnimationHover
{
	float:left;
	cursor:pointer;
	height:37px;
	margin-left:2px;
	margin-right:2px;
	background-image:url(/images/animation_menu_hover.png);
	background-repeat:no-repeat;
	background-position:10px 31px;
	background-color:#ffffff;
}
.blocAnimationCentrale .blocTop  img
{
	width:31px;
}*/
.blocAnimationCentrale .blocFlecheGauche
{
	float:left;
	width:40px;
	height:190px;
	margin-top:80px;
}
	.blocAnimationCentrale .blocFlecheGauche a
	{
		text-decoration:none;
		color: #3E3E3E;
	}
.blocAnimationCentrale .blocFlecheDroite
{
	float:right;
	width:40px;
	height:190px;
	margin-top:80px;
}
	.blocAnimationCentrale .blocFlecheDroite a
	{
		text-decoration:none;
		color: #3E3E3E;
	}

.blocAnimationCentrale .blocMiddle .blocImagesAnimation
{
	position:absolute;
	margin-top:5px;
	margin-left:45px;
	width:600px;
	border:1px dotted #e0d9d6;
	padding:10px;
	height:190px;
	overflow:hidden;	
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocGaucheIllustration
{
	float:left;
	width:200px;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite
{
	float:left;
	width:400px;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite a
{
	text-decoration:none;
	color: #3E3E3E;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite .nomPartenaire
{
	font-weight:bold;
	color:#ED1C24;
	text-transform: uppercase;
	text-decoration:none;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite .nomPartenaire a
{
	color:#ED1C24;
	text-decoration:none;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite .btn
{
	color:#ffffff;
}
.blocAnimationCentrale .blocMiddle .blocImagesAnimation .blocDroite .description a
{
	text-decoration:none;
	color: #3E3E3E;
}
 
.blocAnimationCentrale .blocBottom
{
	clear:both;
	margin-bottom:10px;
}


/* FACEBOOK -------------------------------------------------------------------------------- */
.facebook {
			height: 34px;
			background: url(../images/facebook_bg.gif) repeat-x left top;
			text-align: right;
			padding: 6px 10px 0px 0px;
			width: 374px;
			float: right;
			margin: 20px 0px;
			}
				.facebook .avis { float: left; padding-left: 7px; text-align: left; }
				.facebook .avis a, .facebook .avis b { color: #007AA1; font-weight: bold; }
				.facebook img { vertical-align: middle; }
				.facebook .partager {
					text-align: left;
					float: left;
					padding-left: 10px;
					color: #007AA1;
					font-weight: bold;
					font-size: 11px;
					}
					.facebook .partager a { margin: 0px 3px; }	
					
.formInscription label
{
	font-weight:bold;
}

/* TYPOS ----------------------------------------------------------------------------------- */

	h1 { font-size:24px; color: #FFFFFF;}
	h2 { font-size:24px; color: #ED1C24; margin-bottom: 30px; text-transform: uppercase;}
	h3 { }
	h4 { }

/* STYLES IE 6 ----------------------------------------------------------------------------------- */ 


/*########### SLIDE ACCUEIL ################  */
.clearfix {float: none;clear: both;}
#wrapper {
	width: 690px;
	margin: auto;
	/*border:solid 1px red;*/
	/*min-height: 100%;*/
}

#content {
	padding: 5px;
}

.list_carousel {
	margin: 0 auto;
	
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	height:auto;

}
.list_carousel li {
	width: 605px;
	height: 250px;
	padding: 0;
	display: block;
	float: left;
	background-color:#FFF;
	background-image:url(/images/bg-anim-accueil.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	border:solid 1px #999; 
}
.clearfix {
	float: none;
	clear: both;
}


#listeImage {
	margin-right: 0px;
	float:left;
}
#lienPrev {
	margin-right: 10px;
	float:left;
	margin-top:10px;
	padding-top:90px;
}
#lienPrev img {border:0}

#lienNext {
	margin-left: 10px;
	float:left;
	margin-top:10px;
	padding-top:90px;
}
#lienNext img {border:0}
			
/*########### FIN SLIDE ACCUEIL ################  */