/* CSS Document */

body{
/*--background-color: #474559;--*/
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #474559;
background-color:#474559;

}

	#container {
		width:700px;
position:relative;
float:left;
left:50%;
margin-left:-350px;
background-color: #474559;
margin-bottom:50px;
	}
	
#container-index {
		width:700px;
position:relative;
float:left;
left:50%;
margin-left:-350px;
background-color:#474559;

	}	
	



/*/////////////////////////////////HEADER///////////////////////////////*/

div#gros-titre-index{
padding:20px 0 0 0;
width:700px;
height:86px;


background-color:#474559;

}


div#gros-titre{
padding:20px 0 10px 0;
width:700px;
height:90px;

background-color:#474559;

}



.header-centre{
margin: 0 72px 0 72px;

position: relative;
padding:0;
text-align:center;
background-color: #FFFFFF;
height:180px;
}


/*/////////////////////////////////Flash Accueil///////////////////////////////*/	

.flash1{
margin-left:150px;
}


/*/////////////////////////////////DEBUT ACCORDEON///////////////////////////////*/	
	
#container-accordeon {
background-color: #FFFFFF;
margin-top:-20px;
width:556px;
margin-left:72px;

	}
	
.inter-titre{

margin-top:20px;
height:30px;
}	



.tog {
		display: block;
		padding: 0 0 5px 0;
		font-size: 12px;
		font-weight: normal;
		cursor: pointer;
		margin-top:2px;
		text-align:center;
		
	}
  	
  	/* if ever you need that sort of thing */
  	.mySuperbColor {  color: white; }
  	/*--------- */



.bloctexte-web{

width:520px;
margin-left:17px;

}



/*/////////////////////////////////liens-hypertexte///////////////////////////////*/
*{
margin:0;
padding:0;
} 

a img{
border-style:none;
padding:1px;
margin:1px;
}
a {
color: #cc0033;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}



/*/////////////////////////////////TITRES-gras-itallique///////////////////////////////*/

h1{
margin-top:0px;
font-variant: normal;
color: #cc0033;
font-size:11px;
}

h2{
color: #474559;
font-size:10px;
height:15px;
font-style:italic;
 }
 
h3{
color:#cc0033;
font-size: 24px
}

h4{
color: #D6132B;
font-size:10px;
font-style:oblique;
}
 
.italic{
font-style:italic;}

 
.bold{
font-weight:bold;}

.rouge{
color:#990000;}



/*/////////////////////////////////IMAGES-COTE///////////////////////////////*/


.blocimages-spots-left{
position:relative;
float:left;
width:72px;
background-color:#474559;
height:1100px;

padding:0 ;
margin:-3px 0 0 0px;
}

.blocimages-spots-right{
position:relative;
height:1100px;
float:right;
width:72px;
position:relative;
background-color:#474559;
padding:0 ;
margin:-3px 0px 0 0px;
}




/*/////////////////////////////////FOOTER///////////////////////////////*/


div#footer{
text-align:center;
height:100px;
background-color:#474559;}



/*/////////////////////////////////popups///////////////////////////////*/


#popup-lien{
width:450px;
position:relative;
margin-top:20px;
margin-left:30px;
margin-right:30px;
background-color: #474559;
color:#FFFFFF;
	}

ul {list-style: outside;
margin-left:20px;
}



/* #popup-credit{
width:300px;
position:relative;
text-align:center;
margin-top:70px;
background-color: #474559;
color:#FFFFFF;
margin-bottom:50px;	
	} */
	
	

#popup-son{
width:200px;
margin-left:50px;
position:relative;
text-align:center;
margin-top:20px;
background-color: #474559;
color:#FFFFFF;

	}