/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #3776A4;
	background-image: url(images/bg-int.gif);
	background-position: center;
	background-repeat: repeat-y;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
p{
font-size: 13px;
}
	p.cat{
		background: #F2F5F7;
		padding: 7px;
	}
	
#posBody{
	margin-left: 35px;
}
#conteneur{
	width: 763px;
}


#header1{
	width: 289px; 
	float: left;
}
#header2{
	width: 442px; 
	height: 219px; 
	float: left; 
	clear: right; 
	background-image: url(images/annuaire-2.jpg);
	position: relative;
}
#header3{
	float: left;
}
#seo h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #776D57;
	padding: 3px 6px 0px 0px;
	margin: 0px;
}
a img{
border: none;
}
#AGsearch{
	margin: 147px 12px 0px 0px;
	text-align: right;
}
input{
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	padding: 1px;
}

#mainMenu{
	position: absolute;
	top: 198px;
	left: -94px;
	width: 390px;
	text-align: left;
	}
	/**** sous menu ****/

	
	#hmenu{
		width: 390px;
		margin: 0px;
		padding: 0px;
		}
			
		#mainMenu #hmenu li{
			display: inline;
			margin: 0px;
			padding: 0px;
			list-style: none;
			float: left;
		}
			
		#mainMenu #hmenu li ul li, #mainMenu #hmenu li ul{
			width: 210px;
			}
			#mainMenu #hmenu #sm1 ul, #mainMenu #hmenu #sm2 ul{
				margin: 0px;
				padding: 0px 0px 10px 0px;
				list-style: none;
				left: -999em;
				position: absolute;
				float: left;
				background: #2EBF13;
				border: #138C00 solid 2px;
				border-top: 6px solid #ffffff;
				}
					#mainMenu #hmenu #sm1:hover ul, #mainMenu #hmenu #sm2:hover ul, #mainMenu #hmenu #sm2.sfhover ul, #mainMenu #hmenu #sm1.sfhover ul{
						left: auto;
						}
						
				#mainMenu #hmenu li ul li a{
					color: #ffffff;
					font-size: 13px;
					display: block;
					height: 15px;
					padding: 5px 5px 5px 10px;
					font-weight: normal;
					}
					#mainMenu #hmenu li ul li a:hover{
						color: #ffffff;
						background-color: #5CCD47;
						border-bottom: dashed 1px #ffffff;
						border-top: dashed 1px #ffffff;
						border-left: #009900 6px solid;
						border-right: #009900 1px solid;
						}
						#mainMenu #hmenu li ul li a img{	
							margin: 0px 8px -2px 0px;
							}
							
						#mainMenu #hmenu li ul span{
							background-color: #5CCD47;
							margin: 1px 0px 0px 0px;
						}
						
						#mainMenu #hmenu li ul span li a{
								background-color: #5CCD47;
								margin: 1px 0px 0px 0px;
							}
						
						
				#mainMenu #hmenu li ul li{
				margin: 0px;
				padding: 0px;
				list-style: none;
				float: left;
				}
			
			
	
	
	#mainMenu #hmenu li a{
		color: #15A000;
		font-size: 16px;
		font-weight: bold;
		padding: 0px 9px 0px 9px;
		text-decoration: none;
		
		}
		#mainMenu #hmenu li a:hover{
			text-decoration: none;
		}
			
.pub1{
	border-top: 0px solid #4973AF;
	border-bottom: 2px solid #4973AF;
	border-left: 10px solid #ffffff;
	border-right: 9px solid #4973AF;
	margin: 10px 0px 20px 0px;
	
	float: left;
	clear: both;
	}			
		
		
		

/* -------  BOUTONS  ------  */

#btnLangue{
	margin-top: 17px;
	float: right;
	padding-right: 6px;
}
	#btnLangue a{
	color: #003366;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}
.btn, .btn2, .btn3, #listing #btn4, #paging #btn4{
	background-color: #FFDF16;
	border-width: 1px;
	color: #115794;
	border-style: solid;
	border-color: #FFFFFF;
}
.btn2, .btn3, #listing #btn4, #paging #btn4{
	border-color: #003366;
}
.btn3{
	background-color: #FFDF16;
	display: block;
	width: 170px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 4px 12px 20px 0px;
	text-decoration: none;
}
.btn3 span, #listing #btn4 span, #paging #btn4 span{
	padding: 6px;
	display: block;
	color: #003366;
}
#btn4{
	width: 255px;
	
}
#listing #btn4 a, #paging #btn4 a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
	#listing #btn4 a:hover, #paging #btn4 a:hover{
		color: #66FF33;
	}
#listing #btn4 span, #paging #btn4 span{
	padding: 3px;
	font-weight: bold;
}

/* -------  FIN BOUTONS  ------  */


#menu{
	width: 188px;
	height: 880px;
	float: left;
}
#contenu{
	width: 486px;
	float: left;
	clear: right;
	margin: 14px 0px 30px 18px;
	text-align: justify;
}
p{
	margin: 0px 0px 20px 0px;
}
a{
	color: #0066CC;
}
#pageTitle{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 11px 0px;
	color: #4A74AF;
}
	#pageTitle a{
		color: #15A000;
		font-size: 15px;
		font-weight: normal;
	}
	#pageTitle a:hover{
		text-decoration: none;
	}

#listing {
	margin-bottom: 22px;
}
#listing span, #listing span a{
	font-size: 10px;
	font-size: 11px;
	color: #339900;
}
#TopSite span, #listing span.details{
	font-size: 12px;
	color: #4973AF;
}
#TopSite, #results{
	margin: 0px 0px 8px 0px;
	float: left; 
	clear: both;
}	
	#TopSite img, #results img{
	margin: 3px 4px 12px 0px; 
	border: 1px solid  #669966;
	padding: 4px;
	background: #FFFFFF;
	}

	.div1{
	border-top: #669966 solid 1px;
	border-left: #669966 solid 1px;
	width: 350px;
	float: right;
	clear: right;
	margin-top: 3px;
	height: 100px;
	}
	.div2{
	padding: 6px;
	}
		.div2 span{
		color: #4973AF;
		font-weight: bold;
		}
		.div2 em{
		color: #4973AF;
		}
		
a.sList{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding: 1px 5px 0px 5px;
	background: #8BACCD;
	}
	a:hover.sList{
	text-decoration: underline;
	}
	p.siteList{
		margin: 0px;
		}
a.maj{
	text-transform: uppercase;
	text-decoration: underline;
}	
a:hover.maj{
	text-transform: uppercase;
	text-decoration: none;
}
		
#listing span.commandit, #listing span.commandit a{
	color: #6699CC;
}
h3{
	font-size: 17px;
	font-style: italic;
	line-height: 19px;
	color: #4A74AF;
	padding: 0px;
	margin: 2px 0px 10px 0px;
}
h4{
	font-size: 16px;
	font-style: italic;
	line-height: 22px;
	color: #4A74AF;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.hrBas{
	clear: both;
	/*width: 486px;*/
	margin: 90px 0px 0px 0px;
	}
	.hrHaut{
		clear: both; 
		margin-bottom: 18px;
		}
	
	
.h3Bas{
	clear: left;
	padding: 0px;
	margin: 0px;
	}

.imgMember{
	border: 1px solid #4973AF;
	padding: 6px;
	background: #FFFFFF;
	margin: 14px 0px 0px 0px;
	}

/* <<<<<<<<  ANNUAIRE & repertoire >>>>>>> */


	#annu1, #annu2{
	margin-top: 0px;
		}
	#annu2{
	float: left;
	margin-bottom: 30px;
	}
	#annu1 div, #annu2 div{
		text-align: left;
		width: 159px;
		background-color: #009900;
		float: left;
		margin: 3px 3px 0px 0px;
		height: 50px;
		color: #ffffff;
		}
		#annu1 div span, #annu2 div span{
			padding: 4px;
			display: block;
			}
		#annu1 div a, #annu2 div a{
			color: #ffffff;
			}
		#annu1 div a:hover, #annu2 div a:hover{
			text-decoration: none;
			}
			#annu1 .ABold, #annu2 .ABold{
			font-weight: bold;
			}
		#contenu #results{
		margin-top: 5px;
		}	
		#results .div2{
		padding: 0px;
		}
		#results .div1{
		background: none;
		}
#annu2 div{
	height: 30px;	
}
#paging{
	float: left;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
	#paging #btn4{
		float: left;
		}

	#contenu #paging a img{
		border: none;
		margin: 4px 0px 0px 10px;
		float: left;
		clear: right;
	}
	#otherSearch{
	clear: left;
	}
	#otherSearch div{
	background-color: #FFFFFF;
	text-align: center;
	color: #009900;
	font-weight: bold;
	margin: 20px 3px 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #339900;
	float: left;
	height: 72px;
	width: 157px;
	}
		#contenu #otherSearch div img{
		clear: right;
		margin: 4px 0px 4px 0px;
		border: none;
		}
		#otherSearch div a{
		color: #339900;
		margin: 0px 4px 0px 4px;
		}
		#contenu #otherSearch #GOOGLESearch img{
		margin-bottom: 1px;
		}
		#contenu #otherSearch #YAHOOSearch img{
		margin-bottom: 11px;
		}
			

/* ---------  SECTION MENU  ----------- */

#listMenu {
	padding: 0px;
	margin: 0px;
}
	#listMenu div{
	padding: 0px 4px 9px 0px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
		}

#listMenu li {
	list-style: none;
	text-align: right;
}
#listMenu li a{
	background-image: url(images/directory-menu.gif);
	display: block;
	clear: right;
	width: 187px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
}
#listMenu li a:hover{
	background-image: url(images/menuhover.gif);
}

#listMenu li span {
	padding: 4px 4px 6px 0px;
	margin: 0px;
	display: block;
}

.menuTitre{
	padding: 4px 5px 6px 0px;
	background-color: #18569C;
	clear: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
}

	/*** Sous menu de gauche ***/
	
		.menu2 li a span{
			font-size: 11px;
			}
	
	/*** Fin Sous menu de gauche ***/
	

/* --------  FIN SECTION MENU  ----------- */

/* <<<<<<<<  SECTION : LES COMMUNIQUÉS DE PRESSE >>>>>>> */

#CPresse{
	float: left;
	clear: left;
}
	#CPresse div{
	background-color: #6699CC;
	float: left;
	border: solid 1px #003366;
	width: 239px;
	margin: 2px 2px 0px 0px;
	}
	#CPresse div a, #calender div a{
	width: 239px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	}
		#CPresse div a:hover, #calender div a:hover{
		color: #66FF33;
		}
	#CPresse div a span, #calender div a span{
	padding: 2px 4px 2px 4px;
	display: block;
	}
	/* --> Ajustement dans la page de communiqués --- > */
	
	#CP1{
	clear: right;
	float: left;
	}
	#CP2{
	float: left;
	width: 298px;
	}
		#CP2 p.t12{
		margin-right: 20px;
		clear: left;
		}
	#CP3{
	float: left;
	margin-bottom: 20px;
	}
	#CP4{
	float: left;
	}
	.posRel{
	position: relative;
	}
	.TVert{
	font-size: 18px;
	color: #0BAB09;
	font-weight: bold;
	margin-bottom: 10px;
	}
	.cb{
	clear: both;
	}
	#calender{
	width: 188px;
	float: left;
	clear: right;
	}
	
	/* Le tableau du calendrier */
	
	#calendrier{
		color: #FFFFFF;
		margin-bottom: 30px;
		float: left;
		clear: right;
		font-size: 11px;
		text-align: center;
	}
	.td1{
	background-color: #6699CC;
	font-weight: bold;
	font-size: 12px;
	}
	.td2{
	background-color: #4F77B0;
	}
	.td3{
	background-color: #0BAB09;
	}
	#calendrier a{
	color: #ffffff;
	font-weight: bold;
	}
	

/* --------  FIN SECTION : COMMUNIQUÉS DE PRESSE ------- */

/* --------  FOOTER  ----------- */

#footer {
	width: 730px;
	background-color: #FFFFFF;
	float: left;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #115794;
	padding: 7px 0px 4px 0px;
	background-image:url(images/bg-ligne.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#footer a{
	color: #115794;
}

/* --------  FIN FOOTER  ----------- */


/* -------- Les PUBS ------- */
.pubLeft{
	width: 160px;
	background: #FFFFFF;
	border: #FFFFFF solid 4px;
	border-right: none;
	margin: 16px 0px 20px 9px;
	padding: 0px;
	float: left;
	clear: both;
}