@charset "utf-8";
/* CSS Document */

*{	
	padding:0px;
	margin:0px;
	font-family:arial,sans-serif;
	} 

body{
	background:#6aa6ff;
	font-size:100%;
	background-image:url(../../ImagesCommunes/fdaccueilbleuAccueil.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px auto;
	}
	
#conteneur{
	width:1000px;
	margin:0px auto;
	}	
	
#header{
	width:1000px;
	height:192px;
	background:url(../../ImagesCommunes/headerTest3.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	}	
	
#logo{
	width:83px;
	height:110px;
	background-image:url(../../ImagesCommunes/LogoFinal.jpg);
	background-repeat:no-repeat;
	position:relative;
	left:13px;
	top:70px;
	/*float:left;*/
	}

/*//////////////////////////////////////////////////////////////////
//////////////////////////MENU//////////////////////////////////////
//////////////////////////////////////////////////////////////////*/

.menu {
	/*white-space:nowrap /*IE hack;*/
	/*width:1000px;*/ 
	/*height:30px;*/
	height:29px !important /*Non-IE6*/; 
	/*border:none;*/ 
	/*background:#000;*/ 
	/*background-image:url(../accueil_htmlcss/images/btbleu.png);*/ 
	font-size:14px;
	/*padding:0px;*/
	/*margin: 0px auto;*/
	}
	
.menu1	{background:#0098ff;}
.menu2	{background:#87c12c;}
.menu3	{background:#A732D7; }
.menu4	{background:#F00; }
.menu5	{background:#FF9300; }

.menu ul {
	list-style-type:none;
	}
	
.menu ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	width:200px;
	}
	
.menu ul li a {
	float:none !important /*Non-IE6*/;
	float:left /*IE-6*/; 
	display:block;
	height:2.1em; 
	line-height:2.1em;
	padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold; 
	color: #fff;
	text-align:center;
	/*text-align:center*/
	width:168px;
}

.menu ul li ul {
	display:none;
	}
	
/*Non-IE6 hovering*/
.menu ul li:hover {
	position:relative;
	}
	
.menu ul li:hover a {
	text-decoration:none;
	color:#fff;
	} /*Color main cells hovering mode*/
	
.menu ul li:hover ul {
	display:block; 
	width:168px; 
	position:absolute; 
	z-index:999; 
	top:2.0em; 
	left:0;
	}	

/*sous menus firefox et ie7*/	
.menu ul li:hover ul li a {
	white-space:normal; 
	display:block; 
	/*height:auto;*/ 
	/*line-height:4em;*/ 
	text-align:left;
	/*padding:4px 16px 4px 16px;*/ 
	/*border-left:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175); */
	font-weight:bold; 
	font-size:13px;
	background-color:#fff;
	height:26px;
	}

.menu1:hover ul li a {color:#0098ff;}
.menu2:hover ul li a {color:#87c12c;}
.menu3:hover ul li a {color:#A732D7;}
.menu4:hover ul li a {color:#F00;}
.menu5:hover ul li a {color:#FF9300;}

.menu ul li:hover ul li a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	/*text-align:center;*/
	}

.menu2:hover .typo a:hover{
	font-size:13px;
	font-weight:bold;}

.menu1:hover ul li a:hover {background-color:#0098ff;}
.menu2:hover ul li a:hover {background-color:#87c12c;}
.menu3:hover ul li a:hover {background-color:#A732D7;}
.menu4:hover ul li a:hover {background-color:#F00;}
.menu5:hover ul li a:hover {background-color:#FF9300;}
	
/*IE6 hovering*/
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}
	
.menu ul li a:hover {
	position:relative /*IE hack*/;
	z-index:1000 /*IE hack*/;
	text-decoration:none;
	}
	
.menu ul li a:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:999; 
	top:2.1em; 
	left:0; 
	}
	
.menu ul li a:hover ul li a {
	/*white-space:normal;*/ 
	display:block; 
	/*line-height:1.3em;*/ 
	/*padding:4px 16px 4px 16px;*/ 
	/*border-left:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175);*/ 
	text-align:left;
	background-color:#FFF; 
	font-size:13px;
	font-weight:bold; 
	}

/*pr ie6 ss menu*/
.menu ul li a:hover ul li a:hover {
	text-align:right;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	} /*Color subcells hovering mode*/

/*//////////////////////////////////////////////////////////////////
//////////////////////////CONTENU///////////////////////////////////
//////////////////////////////////////////////////////////////////*/


h1{
padding:24px 10px 10px 51px;
}

#entete{	
	width:1000px;
	height:80px;
	background:#fff;
	padding:0px;
	} 

#partieGauche{
	float:left;
	background:#fff;
	/*background-image:url(images/fondbienvenue.png);
	behavior:url(iepngfix.htc);*/
	width:500px;
	height:458px;
	}
	
#lecteurVideo{
	width:400px;
	height:270px;
	padding-left:46px;
	}
	
#partieGauche p{
	padding:0px 0px 0px 8px;
	text-align:justify;
	margin-top:30px;
	margin-left:43px;
	color:#584E3F;
	width:424px;
	font-size:0.9em;
	font-weight:normal;
	}

#intro{
	font-weight:bold;
	color:#0098ff;
	}

#partieDroite{
	padding-right:0px!important /*Non-IE6*/;
	margin-left:500px!important /*Non-IE6*/;
	float:none!important /*Non-IE6*/;
	float:left/*IE-6*/;
	margin-left:0px/*IE-6*/;
	width:500px;
	height:458px;
	background:#fff;
	}		

#partieDroite h1{
	padding:0px 0px 0px 0px;
	font-size:1.5em;
	text-align:justify;
	color:#0098ff;
	}

.image1{
	/*float:left;*/
	margin-left:51px;
	/*margin-right:10px;*/
	width:420px;
	height:103px;
	background:#333; 
	padding:0px 66px 0px 0px;
	background:url(../images/imgaccueil.jpg) no-repeat;
	}

.MotBienvenue{
	color:#09F;
	text-align:center;
	/*margin-left:51px;*/
	font-size:1em;
	font-style:normal;
	}	

.MotSociete{
	margin-left:20px;
	color:#EEC639;
	font-size:1.3em;
	font-style:normal;
	}	
	
.MotMarque{
	margin-left:20px;
	color:#0098ff;
	font-size:1.7em;
	font-weight:bold;
	}	
	
.Accroche1 a{
	margin-left:51px;
	color:#0098ff;
	font-size:1.3em;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	}	
	
.Accroche1 a:hover{
	color:#F90;
	}		
	
.Accroche1 a:visited{
	color:#F90;
	}	
	
.Accroche2 a{
	margin-left:51px;
	color:#0098ff;
	font-size:1.3em;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	}	
	
.Accroche2 a:hover{
	color:#F90;
	}	
	
.Accroche2 a:visited{
	color:#F90;
	}	
	
.citation{
	padding-top:64px;
	width:230px;
	padding-left:190px;
	text-align:justify;
	margin-left:20px;
	}

.citation p{
	font-style:italic;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#77BCE1;
	}

/*//////////////////////////////////////////////////////////////////
//////////////////////////FOOTER//////////////////////////////////////
//////////////////////////////////////////////////////////////////*/
.footer {
	height:76px; 
	background:#4569a3; 
	font-size:12px;
	}

#contact{
	color:#FFF;
	text-decoration:none;	
	font-size:1.2em;
	font-weight:bold;
	margin-left:74px;
}

#contact:hover{
	text-decoration:underline;	
}