/* CSS Document */
blockquote {
display:block;
margin:1em 1em 1em 40px;
}


/* Redefinitions des balises HTML */ 

body {
	height:				100%;
	}

body, h1, h2, h3, h4, h5, h6, a, p, select, textarea {
	font-family:		Arial, Verdana, Trebuchet, Helvetica, Sans-serif;
	font-weight:		normal;
	color:				#7A6E79;
	font-size:			11px;
	margin:				0;
	padding:			0;
}



ul, ol {



	padding:           0;



	margin:            0;



	list-style:        none;



}



img {



	border:				0;



	margin:				0px;



	padding:			0px;



}



a {



	text-decoration: 	none;



	outline:			none;



}



form {



	margin:				0;



	padding:			0;



}



/* Structure generale */



body {
	background: url(/img/common/bg_body.jpg) repeat-x #D2CFD2;
}



.PostionLogo {
	width:              948px;
	margin:             0 auto;
	position:relative;
	z-index:10;
}

#global {
	width:              948px;
	margin:             0 auto;
	text-align:         left;
/*	overflow:           hidden;*/
    background: url(/img/common/pxl_fond_global.jpg) repeat-y;
    position:relative;
}



#cont {



	width:947px;



/*	overflow:hidden;*/



	background:url(/img/common/bg_cont.jpg) bottom right no-repeat ;



	border-right:1px solid #918791;

         

}



#contentLeft {


height:100%;
	float:left;



/*	display:inline;*/



	width:400px;



	position:relative;



}



#content {



	float:left;



	display:inline;



	width:600px;



	width:547px;



	overflow:hidden;



       padding:0 0 25px 0;







}





/*-------------PostionLogo----------------*/



	.PostionLogo h1 {



	position:absolute;



	top:32px;



	left:245px;



	z-index:9;



	display:block;



}



/*-------------Mise en page contentLeft----------------*/



		#contentLeft img {



	display:block;



}



.anim{ 



	position:	relative;
	width:400px;
	height:	785px;




}



.blockNavDroit {



	width:194px;



	position:absolute;



	top:208px;



	right:0;





	height:507px;



}

.forpng{


	background:url(/img/common/bg_degradeGauche.png) center bottom no-repeat;
}


.navAcc {



	width:194px;



	margin:40px 0 124px 0;



}







.navAcc ul {



       border-top:1px solid #FFFFFF;



	margin:0 4px 0 2px;



}



.navAcc ul li {



	border-bottom:1px solid #FFFFFF;
    
	background:url(/img/common/bg_lienNav1.gif) 2px 10px no-repeat;

}



.navAcc ul li a {



	font-size:12px;


	color:#FFFFFF;


	font-weight:bold;


	display:block;


	padding:7px 0 7px 16px;
       
       

}

.navAcc ul li a.sublinks{
	position: 			relative;
}


.navAcc ul li a:hover {

background:url(/img/common/bg_nav_normal.png) 0 0 repeat-y ;

}



.visiterLieux {



	margin:			25px 0 36px 20px;



}



.visiterLieux span {



	display:		block;



	text-indent:	-5000px;



	font-size:		0;



}



.enImage {
	display:			block;
	width:				152px;
	height:				58px;
	background:			url(/img/common/btn_visitezOff.png) no-repeat;
	cursor:				pointer;
	position: 			relative;
}



.enImage:hover {



	display:		block;



	width:			152px;



	height:			58px;



	background:		url(/img/common/btn_visitezOn.png) no-repeat;
        cursor:pointer;



}



.etablissement {
	width:194px;
   /* position:absolute;*/
    bottom:40px;
}



.etablissement h2 {
	color:#7581AE;
	font-size:11px;
	padding:0 0 6px 14px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.etablissement ul {
	margin:0 22px 0px 14px;
	padding-bottom:40px;
}

.etablissement ul li {
	background:url(/img/common/bg-li-etablissement.gif) 0 100%  no-repeat;
}

.etablissement ul li.first {
	border-top:1px solid #CBCED9;
}

.etablissement ul li a{
	position: 			relative;
	display: 			block;
	cursor:				pointer
}

.etablissement ul li a span{
	display: 			none;
}

.etablissement ul li a.sublinks9{
	background:url(/img/common/etablissement_9.png) 0 0  no-repeat;
	height:				39px;
}

.etablissement ul li a.sublinks10{
	background:url(/img/common/etablissement_10.png) 0 0  no-repeat;
	height:				41px;
}

.etablissement ul li a.sublinks11{
	background:url(/img/common/etablissement_11.png) 0 0  no-repeat;
	height:				55px;
}

/*-------------Mise en page content----------------*/



#content {



}



.header {



	width:100%;



	text-align: right;



	height:148px;



}



.nav2 h2 {



	font-size:25px;



	color:#A9A4A7;



	margin:0 0 0 17px;



	padding:0 0 4px 0;



}



.nav2 ul {



	margin:0 48px 17px 39px;/*--48--*/



	list-style:none;



	overflow: hidden;



       border-right:1px solid #D4D2D4;



}



.nav2 ul li {



	line-height:28px;














	float:left;





	border-left:1px solid #D4D2D4;







}



.nav2 ul li a {



        display: block;











	color:#8DBA42;





	font-size:14px;








	text-transform: uppercase;




	font-weight:bold;



	line-height:28px;

        padding:0 10px;



	text-decoration: none;





	background:url(/img/common/bg_li_nav2.gif) center no-repeat;





}



.nav2 ul li a:hover {



	display: block;



	color:#8DBA42;



	font-size:14px;



	text-transform: uppercase;





	font-weight:bold;



	line-height:28px;



	text-decoration: none;





	background:url(/img/common/bg_li_nav2_on.jpg) center no-repeat;



}





.nav2 ul li.last {



	border-right:1px solid #D4D2D4;



}



.contentTxt {



	float:left;



	display:inline;



	width:304px;



	padding:13px 26px 0 23px;



}



.titre {



	color:#AC3374;



	font-size:14px;



	font-weight:bold;



	padding:4px 0 4px 6px;



}



.contentTxt p {
	text-align:justify;
	padding:0 0 0 6px;
}
.contentTxt a {
color:#A763A1;
margin:0;
}
.contentTxt ul {
	text-align:justify;
	padding:0 0 0 15px;
}
.contentTxt ul li {
	background:transparent url(/img/Generique/bg_li.gif) no-repeat scroll 0 5px;
	color:#685963;
	padding:0 0 0 12px;
}

.contentTxt  p.color1 {



	color:#AC3374;



	padding-bottom:10px;



}



.contentTxt h3 {
color:#705294;
	font-size:23px;
	font-weight:normal;



	padding:0 0 0 6px;



}

.actusTop{width:304px;background:url(../img/common/bg_actus_top_arondis.png) 0 0 no-repeat; height:19px;font-size:0; }

.actus {
	width:278px;
	height:1%;
	background: url(../img/common/bg-actus.jpg) bottom no-repeat #FFFFFF ;
	padding:0 14px 6px 10px;
	border-left:1px solid #B6B1B5;
	border-right:1px solid #B6B1B5;
}



.actus h2 a {



	color:#603987;



	font-size:11px;



	font-weight:bold;



	background: url(/img/common/bg_titre_actus.gif) 0 2px no-repeat;



	padding:0 0 0 6px;



	margin:0;



	display:block;



}



.actus h2 a:hover {



	color:#AC3374;



	/*font-size:11px;



	font-weight:bold;



	background: url(/img/common/bg_titre_actus.gif) 0 2px no-repeat;



	padding:0 0 0 6px;



	margin:0;*/



}





.actusBas {



	width:280px;



	height:17px;



	background:url(/img/common/bg_actus_bas.png) 0 0 no-repeat;



	padding:2px 14px 0 10px;







}

.actusBas h2 {

	background: none;

	text-align:right;

	margin:0;

	padding:0;

	float:left;

	width:260px;

        z-index:1;

        position:relative;



}

.actusBas img{

        float:left; 

        margin:0  0 0 4px;

        z-index:1;

        position:relative;

}







.actusBas h2 a {



	color:#603987;



	font-size:11px;



	font-weight:bold;



	padding:0 0 0 10px;



	background:url(/img/common/bg_lien_actus.gif) 0 4px no-repeat ;

       

}



.actusBas h2 a:hover {



	color:#AC3374;

        

        background:url(/img/common/bg_lien_actus_on.gif) 0 4px no-repeat;





}



.actus p {
	padding:0 10px 6px 6px;
}



.actuDate {
	padding:0px 0px 0px 6px;
	color:#AC3374;
}

.actuItem {
	border-bottom:	1px dotted #b4b2b3;
	margin:0 0 10px 0;
}

.blockDroit {



	float:left;



	display:inline;



	width:194px;



	padding:20px 0 0 0;



}



.infoPratique {



	width:175px;



	background: url(/img/common/bg_infoPratique.png) 0 0 no-repeat;



	padding:10px 0 16px 0;



}



.infoPratique_bas {



	width:175px;



	background:url(/img/common/bg_infoPratique_bas.png) 0 0 no-repeat;



	height:	10px;



	margin:	0 0 16px 0;

       



}



.infoPratique h2 {



	color:#8DBA42;



	font-size:20px;



	padding:0 0 10px 10px;



}



.infoPratique h2 span {



	color:#A8A3A7;



	display:block;



	font-size:15px;



	font-weight:bold;



	padding:0 0 0 30px;



}



.infoPratique ul {



	margin:0;



	padding:0;



}



.infoPratique ul li {



	margin:0 10px;



	background:url(/img/common/bg_tiret.gif) repeat-x 0 100%;



	padding:4px 0;



}



.infoPratique ul li a {



	color:#8DBA42;



	background:url(/img/common/bg_liste_info.gif) 0 4px no-repeat;



	padding:0 12px;



	display:block;



        z-index:1;



        position:relative;



}



.infoPratique ul li a:hover {



	color:#7E787D;



}



/*-------------Mise en page moteur de recherche----------------*/



.recherche {



	background: url(/img/common/bg_recherche.png)  no-repeat;



	height:22px;



	width:173px



} 



.recherche input {

        z-index:1;

        position:relative;



}





.recherche input.inputbox {



	border:none;



	width:140px;



	padding:0 0 0 6px;





	margin:4px 0 0 0;



	height:16px;



	background: none;



	font-size:11px;



	float:left;



}



.recherche input#button2 {



	float:left;







	margin:3px 0 0 4px;



}





.navDroit {






	width:194px;




	margin:27px 0 0 0;





}




.navDroit ul li {



}



.navDroit ul li a {



	color:#FFFFFF;



	font-weight:bold;



	display:block;



	line-height:27px;



	margin:0 0 7px 0;



	padding:0 0 0 15px;



	height:27px;



}



.navDroit ul li a.rouge:hover {
	background: url(/img/common/roseON.gif) 0 0 no-repeat;
}

.navDroit ul li a.bleue:hover {
	background: url(/img/common/bleuON.gif) 0 0 no-repeat;
}

.navDroit ul li a.vert:hover {
	background: url(/img/common/vertON.gif) 0 0 no-repeat;
}


.navDroit ul li a.rouge {
	background: url(/img/common/roseOFF.gif) 0 0 no-repeat;
}

.navDroit ul li a.bleue {
	background: url(/img/common/bleuOFF.gif) 0 0 no-repeat;
}

.navDroit ul li a.vert {
	background: url(/img/common/vertOFF.gif) 0 0 no-repeat;
}


#anim {
	position:	absolute;
	width:		100%;
	height:		100%;
	bottom:		0px;
	left:		0px;
	background: url(/img/common/img_fleur.png) left bottom no-repeat;

	}

.spacer {
	clear:		both;
	}




