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


*{
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-size:12px;

}




body{
	background:url(images/stripe.png) top center;
}

#deco{
	background:url(images/headerv2.png) top center no-repeat;
}

#conteneur{
	width:900px;
	margin:auto;
	padding-top:130px;
}

#IE6 #conteneur, #IE7 #conteneur{
	padding-top:130px;
}


#onglets{
	position:relative;
	left:25px;
	height:100px;
}

#IE6 #onglets {
	position:relative;
	left:25px;
	top:0; 
  	width:100%;
   }

#IE7 #onglets {
	position:relative;
	left:25px;
	top:0; 
	width:100%;
   }
	


#onglets ul {
	margin:0;
	padding:10px 30px 0 0;
	list-style:none;
  }
#onglets li {
	display:inline;
	margin:0;
	padding:0;
  }
#onglets a {
	float:left;
	height:100px;
	background:url("images/ongletGauche.png") no-repeat 0% 54px;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
  }
#onglets a span {
	float:left;
	height:100px;
	font: 12px/1.5em Verdana;
	color:#000;
	display:block;
	background:url("images/ongletDroit.png") no-repeat 100% 64px;
	padding:75px 15px 0px 15px;
}

/* Tricky trick \*/
#onglets a span {float:none;}
/* end */

#onglets a:hover span {
	color:#000;
}
  
  
#onglets a:hover {
	background: url(images/ongletGauche.png) 0% 54px no-repeat;
}

#onglets a:hover span {
	background:url(images/ongletDroit_on.png) 100% 14px no-repeat;
}

#onglets #current a {
	background:url(images/ongletGauche.png) 0% 54px no-repeat;
}

#onglets #current a span {
	background:url(images/ongletDroit_on.png) 100% 14px no-repeat;
}
  
#header{
	 width:900px;
	 height:70px;
	 background:url(images/header.png) bottom left no-repeat;
}
 
#corps{
	 width:900px;
	 background:url(images/motif.png) top left repeat-y;
	 padding-left: 30px;
}
 
#corps p{
	 padding : 0 20px 20px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:lighter;
}
 
#footer{
	 width:900px;
	 height:70px;
	 background:url(images/footer.png) bottom left no-repeat;
}
 
#content{
	 width:800px;
	 height:650px;
	 overflow:hidden;
}
 
#trick{
	 width:7000px;
}
 

 
#dock{
width:770px;
height:130px;
margin:auto;

}

#dock a{
	padding:0 5px 0 5px;
}

#dock img{
	width:60px;
	height:60px;
	border:0;
	vertical-align:top;
}

/* Mise en forme du contenu des pages assoces */

div.pageassoce{
	 float:left;
	 width:730px;
	 padding-left:57px;
}

.pageassoce img{
	float:left;
}

.pageassoce div.soustitre{
	height:125px;
	padding-top :15px;
	font-variant:small-caps;
	font-weight:500;
	font-size:14px;
	background:url(images/bgSoustitre.png) bottom center no-repeat;
	border:1px solid #d4d4d4;
}

.pageassoce div.soustitre p{
	height:28px;
	margin-left:20px;
	
}

.pageassoce p.description {
	text-align:justify;
	margin-top:20px;
	padding-top:20px;
	background:url(images/bgDescription.png) top right no-repeat;
}

.pageassoce p span.description{
	display:block;
	padding:30px 10px 10px 0;
}

.pageassoce ul{
	padding: 10px 30px 30px 30px;
	list-style:none;
	color:#5c5c5b;
	font-size:10px;
	background:url(images/bgContact.png) bottom left no-repeat;
	
}

.pageassoce li{
	padding-top:3px;
	font-weight:500;
	font-size:10px;
}

.pageassoce div.web{
	padding-left:500px;
}

.pageassoce span.web a{
	text-decoration:none;
}

.pageassoce span.email{
	font-style:italic;
}

/* Enleve la putain de bordure pointillée :p */

a:active{
  outline: none;
}

a:focus{
  outline: none;
}
