/* Live@ParK CSS3 WebSite Version: 3.0 (jul 2009) */
/* Menu accordeon horizontal CSS */

@charset "utf-8";

/*Background blanc de largeur fixe*/

body { 
background-color:#FFFFFF; 
margin:0 auto; 
padding:0;
text-align:center;
}

/*Element d'affichage */

	/*Element du header */

		#header{
		margin:0 auto; 
		padding:0;
		text-align:center;
		height:100px;
		width:1000px;
		}

		#bloc_gauche{
		background : url(../img/fondsite.jpg) no-repeat 0 -20px; 
		margin:0; 
		padding:0;
		text-align:center;
		height:100px;
		width:440px;
		float : left;
		}

		#bloc_droit{
		margin:0 0 0 440px; 
		padding:0;
		text-align:center;
		height:100px;
		width:557px;
		}

		#bloc_droit h3{
		background-color:#e8d4f0;
		margin:0 auto;
		float : right;
		padding:0 10px;
		text-align:right;
		font-family:Arial; 
		font-weight : bold ; 
		font-size:10pt;
		white-space: nowrap;
		}

		#bloc_droit h1{
		margin:0; 
		height:26px;
		padding: 54px 10px 0 10px;
		text-align:left;
		font-family:Arial; 
		font-weight : bold ; 
		font-size:15pt;
		white-space: nowrap;
		}
		
		#bloc_droit h2{
		margin:0; 
		padding:0 10px 0 10px;
		text-align:left;
		font-family:Arial; 
		font-weight : bold ; 
		font-size:11pt;
		white-space: nowrap;
		}

	/*Element du corps de site */

		#corps {
		background-image : url(../img/top.jpg),url(../img/bottom.jpg);
		background-repeat : no-repeat;
		background-position : top,bottom;
		margin: 0 auto; 
		padding:0;
		text-align:center;
		border-top: 1px solid #000000 ;
		border-bottom: 1px solid #000000 ;
		}
		
		#corps_centre {
		position : relative;
		width:1000px;
		margin: 0 auto;
		padding: 10px 0;
		text-align:center;
		}
		
		
		#connexion {
		position : absolute;
		top : 0;
		right : 0;
		height : 30px;
		margin :0;
		padding : 0;
		}
		
		#connexion #left {
		float : left ;
		background : url(../img/bord_gauche_connexion.png) no-repeat;
		height: 30px;
		width : 30px;
		margin : 0;
		}
		
		#connexion #center {
		float : left ;
		background : url(../img/fond_connexion.png) repeat-x;
		height: 30px;
		margin: 0;
		}
		
		#connexion #right {
		float : left ;
		background : url(../img/bord_droit_connexion.png) no-repeat;
		height: 30px;
		width : 30px;
		margin : 0;
		}
		
		#connexion #center p{
		margin : 3px auto ;
		text-align:left; 
		font-family:Arial; 
		font-weight : bold ; 
		font-size:10pt;
		color:#FFFFFF;
		}
		
		#cadre {
		background : url(../img/bg.jpg) repeat-y center;
		margin: 0 auto; 
		padding:0;
		width : 1000px;
		text-align:center;
		}
		
		#cadre_top {
		background : url(../img/bg_top2.png) no-repeat center top;
		height: 50px;
		margin: 0 auto; 
		padding:0;
		width : 1000px;
		text-align:center;
		}
		
		#cadre_top ul{
		list-style: none;
		height: 25px;
		margin: 0 auto;
		margin-left: 33px;
		padding: 0;
		}
		
		#cadre_top ul li{
		float: left;
		display: block;
		margin : 0;
		margin-top: 2px;
		height : 25px;
		width : 120px;
		background:url(../img/bg_onglet.png) no-repeat center top;
		}
		
		#cadre_top #current_page {
		margin-top :2px;
		background:url(../img/bg_onglet_actif.png) no-repeat center top;
		}
		
		#cadre_top ul li a{
			display: block;
			overflow: hidden;
			height: 21px;
			width: 100px;
			margin : 0 10px;
			margin-top : 4px;
			outline: none;
			cursor: pointer;	
			font-family:Arial; 
			font-weight : bold ; 
			font-size:12pt;
			white-space: nowrap;
			color : #944eb0;
			text-decoration:none ;
			text-align: center;
		}
		
		#cadre_bottom {
		background : url(../img/bg_bottom.png) no-repeat center bottom;
		height: 25px;
		margin: 0 auto 10px auto; 
		padding:0;
		width : 1000px;
		text-align:center;
		}

		#bloc {
		margin: 0 auto ; 
		padding: 20px 0 ;
		text-align:center; 
		width : 900px;
		}
		
		#sous_bloc {
		float : left;
		margin: 0 ; 
		padding: 0 ;
		text-align:center; 
		width : 900px;
		}
		
		#bandeau {
		height: 24px;
		width : 900px;
		margin: 0 auto 20px auto; 
		padding: 0;
		text-align:center;
		}		
		
		#bandeau #left {
		float : left;
		background : url(../img/item2_bg_left.png) no-repeat;
		height: 24px;
		width : 25px;
		margin: 0;
		}
		#bandeau #right {
		float : left ;
		background : url(../img/item2_bg_right.png) no-repeat;
		height: 24px;
		width : 25px;
		margin: 0;
		}
		#bandeau #center {
		float : left ;
		background : url(../img/item2_bg.png) repeat-x;
		height: 24px;
		width : 850px;
		margin: 0;
		}
		
		#bandeau #center p{
		margin : 2px auto ;
		text-align:left; 
		font-family:Arial; 
		font-weight : bold ; 
		font-size:12pt;
		}
		
		#text{
		margin: 0 25px ;
		}
		
		#text p{
		text-align:justify;
		font-family:Arial; 
		font-weight : normal ; 
		font-size:10pt;
		}
		
		#text ul{
		text-align:left;
		font-family:Arial; 
		font-weight : normal ; 
		font-size:10pt;
		}
		
		#text li{
		text-align:left;
		font-family:Arial; 
		font-weight : normal ; 
		font-size:10pt;
		}
		
		#text h1{
		text-align:justify;
		font-family:Arial; 
		font-weight : bold ; 
		font-size:11pt;
		color:#663399;
		}
		
		

	/*Element du footer */
	
		#footer{
		margin:0 auto;
		text-align:center; 
		font-family:Arial; 
		font-weight : bold ; 
		font-size:10pt;
		}


	/* Accordeon */

		
		#accordeon {
			height: 200px;
			width:850px;
			margin: 0 auto;
			padding : 0;
			}
		#accordeon ul{
			list-style: none;
			height: 200px;
			width:850px;
			margin: 0 auto;
			padding: 0;
		}

		#accordeon ul li{
			float: left;
			display: block;
			margin-left: 5px;
			margin-right: 5px;
			/*background:#fff;
			-o-border-radius: .5em;
			-icab-border-radius: .5em;
			-khtml-border-radius: .5em;
			-webkit-border-radius: .5em;
			-moz-border-radius: .5em;
			border-radius: .5em;
			-o-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			-icab-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			-khtml-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			box-shadow: 1px 1px 2px rgba(0,0,0,.2);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E3', endColorstr='#FCFCFC'); 
			background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#FCFCFC), to(#E3E3E3), color-stop(1,#E8E8E8));
			background: -moz-linear-gradient(19% 75% 90deg,#FCFCFC, #E3E3E3, #E8E8E8 100%);*/
		}

		#accordeon ul li a{
			display: block;
			overflow: hidden;
			height: 200px;
			width: 50px;
			outline: none;
			cursor: pointer;	
		}

		#accordeon #current{
			width: 600px;
		}


		#accordeon ul li .texte-presentation {
			text-align: right;
			width: 540px;
			display: block;
			margin-top: 100px;
			margin-left: 50px;
			margin-right: 10px;
			color:#000;
			font-size:14px;
			text-shadow:1px 1px 1px #FFFFFF;	
		}

		#accordeon ul li p{
			font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
		}

		#accordeon ul li .accordeon-box {
			width:150px;
			height:50px;
			font-size:30px;
			text-align: left;
			position:relative;
			top:85px;
			left:-50px;
			color:#111111;
			text-shadow:#666666 1px 2px 2px;
			-webkit-transform: rotate(-90deg); 
			-moz-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);	
		}