body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Trebuchet MS", helvetica, sans-serif ;}
body,td,div,p,pre,ul {font-size: 13px;}
BODY {
	text-align: center;
	background-color: #cdd0d1;
	background-image: url(/Templates/images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;

}
#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(/Templates/images/bg_contenu.jpg);
	background-repeat: repeat-y;
	background-position: left bottom, right top, center;
}

#liens {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
       padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

	}

#conteneurmenu {
 width: 900px;
 text-align: center;
 float: center;
 margin-left: auto;
 margin-right: auto;
}

/* pour centrer le texte si contenu < 950 px - intégrer <table class="center"> dans list_articles_complet.php*/
.center {
  margin-right:auto;
  margin-left:auto;
}

h1 {
	font-size: 18px;
	width: 895px;
}
h3 {font-size: 13px;}
p {
	text-align: justify;
	text-indent: 0em;
}

.small {font-size: 12px;}
.mini {        font-size: 11px;}
.minimini {font-size: 10px;}
.gras {
	font-size: 13px;
	font-weight: bold;
}

.h1 {
	color: #474E38;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #C1022B;
	padding-left: 25px;
	font-weight : bold;
	font-size: 16px;
	background-image: url(/Templates/images/h1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
}
.h2{
	color: #96ba2d;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-color: #C1022B;
	padding-left: 55px;
	font-weight : bold;
	font-size: 16px;
	background-image: url(/Templates/images/h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: -15px;
	margin-top: 0px;
}
.h3{
	color: #474E38;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #C1022B;
	padding-left: 25px;
	font-weight : bold;
	font-size: 16px;
	background-image: url(/Templates/images/h3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
}
a {
	font-size: 13px;
	text-decoration: none;
	font-weight : bold;
}
a:link {
	color:#96ba2d
}
a:visited {
	color:#96ba2d
}
a:active {color:#003366;}
a:hover{
	color: #660033;
	text-decoration: underline;
}

div.float {
 	float: left;
	 	text-align: justify ;
	 padding: 10px;
 }

 div.floatanim {
 	float: left;
	 	text-align: justify ;
	 padding: 10px;
 }

div.float p {
 	text-align: justify ;
	font-style: italic;
	font-size: 12px;
  }

div.floatd {
 	float: right;
	 	text-align: justify ;
	 padding: 10px;
 }

 div.floatdrapeau {
 	float: right;
	 padding-right: 10px;
 }

div.floatd p {
 	text-align: justify;
	font-size: 12px;
  }

 .spacer {
  clear: both;
  	border-bottom-style:dotted; border-bottom-width:1px; border-color:#ED1C24;
}

 div.floatimgcentre{

 	float: center;
	 	text-align: center;
	 padding-right: 0px;
 }

 a.info {
  position:relative;
}
a.info:hover {
   background: none;
   z-index: 500;
}
a.info span {display: none;}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   font-size:15px;
   font-weight:normal;
   width:150px;
   top: 40px;
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}

/* Style du s3slider*/
#s3slider { 
   width: 400px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   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 */
   top: 0;

   /*
       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
   */
}

/* Page Slide */
#secondary {
    color: #FFF;
    padding: 15px 35px;
    
}

#pageslide-slide-wrap {
    background-color: #ddd;
}

#pageslide-content h2 {
  color: #C60;
}

#pageslide-content a { 
  font-size:12px;
  padding:20px;
}

.pageslide-close {
  font-size: 12px;
  font-weight: bold;
  padding:10px !important; 
  border: 1px solid #C60;
}
/* Fin Page Slide */
.clear {
   clear: both;
}
/*Fin style s3Slider*/



.clearer {
	clear: both;
	}

#foot {
 width: 900px;
 margin-left: auto;
 margin-right: auto;
}

/* ajout par natice le 2011-04-19 12:12:11 */
#encadre{
     border : 1px solid black;
     padding-left : 10px;
     padding-right : 10px;
     background : pink;
}

/* fin de l'ajout */