#principale {
	width: 800px;
	height:auto;
	/*background-color: #FFFFFF;*/
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(IMG/in00header.jpg);
	background-repeat: repeat-x;
}

#header {
	height: 130px;
	width: 800px;
	border-bottom:1px solid #CCCCCC;
	}
	
#headerleft {
	height: 110px;
	width: 290px;
	float: left;
	padding-top:20px;
}

#menugauche {
	width:145px;
	background-color: #FFF;
	float: left;
	background-image: url(IMG/in00fd01.jpg);
	background-repeat: repeat-y;
	height: 480px;
	padding-left: 5px;
	padding-top:15px;
}

html>body #menugauche {
	height: auto;
	min-height: 500px;
} 
#menugauche a {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#menugauche a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background-color: black;	
}

#centre {
	height: auto;
	width: 800px;
	float: left;
	background-image: url(IMG/in00fd01.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#contenu {
	padding-top:25px;
	height: 450px;
	width: 630px;
	background-color:#FFF;
	padding-right: 6px;
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;
	float:left;
}

html>body #contenu {
	height: auto;
	min-height: 480px;
} 

#contenu a {
	color: #0099cc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenu a:hover {
	color: #0099cc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#col_gauche {
	height: auto;
	width: 360px;
	float: left;
	padding-right:20px;
	margin-left:10px;
}

#col_droite {
	height: auto;
	width: 225px;
	float: left;
	margin-left:15px;
	margin-top:90px;
}


#menubas {
	height: 20px;
	width: 800px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: right;
	text-align: center;
	vertical-align: bottom;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#menubas a {
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#menubas a:hover {
	text-decoration: underline;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.rub_acc {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

.rub1 {
	font-size: 13px;
	color: #990000;
	font-weight: bold;
}

.rub2 {
	font-size: 13px;
	color: #339966;
	font-weight: bold;
}

.rub3 {
	font-size: 13px;
	color: #cc9900;
	font-weight: bold;
}

.rub4 {
	font-size: 13px;
	color: #0099cc;
	font-weight: bold;
}

.rub5 {
	font-size: 13px;
	color: #660099;
	font-weight: bold;
}

.rub6 {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.rub7 {
	color: #808080;
	font-size: 13px;
	font-weight: bold;
}

#sousrubrique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	margin-left: 8px;
	margin-bottom: 1px;
}

.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.sinscrire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.menubas {
	text-decoration: underline;
	color: #666666;
}

.present {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #666;
	text-align: justify;
}

.textedefile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
}

.lien_article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
}

.titrearticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.chapoarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.textearticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.titrearticle_une {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.chapoarticle_une {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.textearticle_une {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.a.on {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
}

a img
{
border: none;
}
	
p.spip {
margin-top:0px;
}
	
/***************** styles du slideshow ********************/

#s3slider {
   width: 510px; /* important to be same as image width */
   height: 130px; /* important to be same as image height */
   position: relative;  /*important */
   overflow: hidden; /* important */
   float: left; /* important */
}

#s3sliderContent {
   width: 510px; /* important to be same as image width or wider */
   position: relative; /* important */
   margin-top: 0px; /* important */
   float: right; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style-type:none; 
}

.s3sliderImage span {
   position: absolute;  /*important */
   /* left: 0; */
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px 5px;
   width: 500px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0px;
   text-transform:uppercase;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 



#slideshow {
position:relative;
width:510px;
height:130px;
float:left;
/*overflow:hidden;*/
}

.slide {
position: absolute;
width:510px;
height:130px;
}