html
 {
 background: #012b5d;
 }

body
 {
 background: url("./design/degrade.jpg") #012b5d repeat-x;
 /*font-family: Arial, Verdana, sans-serif;*/
 /*font-size: .8em;*/
 color: black;
 margin: 0;
 padding: 0;
 /*background-color:#012b5d;   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 }

a
 {
 /*font-size: .85em;*/
 /*text-decoration: none;*/
 border: 0;
 }

img
 {
 border: 0;
 }

#wrapper /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
 width: 960px;
 /*background: #FFF;*/
 margin: 0px auto;
 /*border-left:  solid 1px #336699;
 border-right: solid 1px #336699;*/
 }
#subwrapper{ /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
	background-image: url(design/cont_mid.gif);
	background-repeat: repeat-y;
	background-position:left;
	/*min-height:500px;*/
	}



#header /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
	line-height: 0; /* sinon y'a un espace sous l'image...*/
	height:107px;
	background-color: #012b5d; /*rgb(240,240,255);*/
	background-image: url(design/header.jpg);
	background-repeat: no-repeat; 
 }
 #header h1{ text-indent:-9999px; margin:0; padding:0;} /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/

#header a
 {
 margin:0;
 padding:0;
 }

#nav /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
	height: 41px;
	margin-top:5px;
	padding-top:10px;
	padding-left:30px;
	background-image: url(design/nav-1.jpg);
	background-repeat: no-repeat;
	background-position: left top; 
	
 }
*html #nav a{height:40px;}
#nav a /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
	font-family:"Palatino Linotype", Georgia, Times, Times New Roman, serif;
	color:#dcdbd4;
	font-size:17px;
	float: left;
	padding:0 15px 3px 15px ;
	/* padding: 12px 20px 12px 20px;
 background: rgb(224,240,255);
 border-right: 1px grey solid;
 color: black;*/
 text-decoration: none;
	letter-spacing: 0.2em;
 }

#nav a:hover /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
	color:#9DCFDF;
 }

#subnav
 {
 float: left;
 width: 210px; /*140px;*/

 margin-left: 10px;
 }
* html #subnav{ margin-left:5px; margin-right:10px;}
#subnav a
 {
	display: block;
	padding: 12px 0 12px 30px; /*15px 0 15px 35px;*/
	color:#1d74a8;
	font-size:12px;
	text-decoration: none;
	background-image: url(design/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
 }

#subnav a:hover
 {
	background-color:#e4e4db;
	color: black;
	text-decoration: none;
 }

#news
 {
 font-size: .85em;
 float: left;
 width: 200px; /*140px;*/
 margin-left: 15px;
 }

#content
 {
 width: 670px; /*780px;*/
 float: left;
 margin-left: 20px;
 }

#footer /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
	clear: both;
	margin: 0;
	padding: 0;
	height: 80px;
	color: #1b70a4;
	background-image: url(design/footer.jpg);
	/*background-image: url(design/footer_opt.jpg);  */     /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< option if there is more content----*/
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#012b5d;
	 
 }

#footer ul
 {
 list-style: none;
 margin: 0;
 padding: 0;
 /*background: rgb(127,128,240);*/
 width: 100%;
 float: left;
 }

.center /* utile de garder ?? */
 {
 text-align: center;
 }

.right
 {
 text-align: right;
 }

#copyright
 {
 float: left;
 padding: 32px;
 }

#design
 {
 float: right;
 padding: 32px;
 }

/* ajouts recherche */
#subnav form{/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
	width:210px;
	height:43px;
	margin:0 0 10px 0;
	background: url(design/cerca.jpg) no-repeat top;
}

input.bleu/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
  { font-size:11px;
	width:120px;
	margin : 10px 3px 0px 30px;
	background : none;
	border:none;
  }

#content img.f-left  { float: left;  margin: 0 14px 4px 5px; border: solid 5px #d4d3ca; }/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
#content img.f-right { float: right; clear:right; display: block; margin: 0 5px 4px 14px; border: solid 5px #d4d3ca; }/* <<<<<<<<<<<<<<change----*/
#content img.f-middle
  {
  display: block;
  text-align: center;
  margin: 0 auto;
  border: solid 5px #d4d3ca; /* <<<<<<<<<<<<<<change----*/
  }
  

  
  
#photo_paging img

{
margin: 0 5px 4px 5px ;
border:none;

}/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/


#content img{ margin: 0 5px 4px 5px; border: solid 5px #d4d3ca;}/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/

#content p /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 {
 text-align: justify;
 /*margin: 4px 4px 12px 4px;*/
 }
#content table p{ text-align:left;}/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/

#content a,
#content a.visited
 {
 font-size: 1em;
 border: 0;
 color: #e98a0e;/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 }

/* Ajout pour le pager */
/*=====================*/
div.navigateur
 {
 text-align: right !important;/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
 float: middle;
 
 margin: 2px 2px 20px 2px;
 }

/* TABLEAU */

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px; vertical-align:top;}/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
td.sep {/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<change----*/
	background-image: url(design/line.gif);
	background-repeat: repeat-x;
	background-position:center;
	height:20px;
}
table.table-style01 th {background:#A39A80; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #DAD6CB;}
table.table-style01 tr.bg td {background:#F1EEE8;}

div.blockdelien
  {
  display: block;
  padding: 0px 5px 0px 5px;
  }
hr.nonvisible
  {
  border: 0;
  color: rgb(0,174,255);
  background-color: rgb(0,174,255);
  height: 1px;
  clear: both;
  }

div.blockdelien h3
  {
  color: rgb(255,80,16);
  }

/* ajout pour tableau invisible dans <div id="affichageclassif"> */
/*================================================================*/

#affichageclassif table      { margin: 0;
                               border-collapse: collapse;
                               width: 100%;
                             }
#affichageclassif table td,
#affichageclassif table th   { border: 0px; padding: 1px; vertical-align:top;}
#affichageclassif table img  {/* margin: 0 1px 0 0; border: 0; */ border:0px;}
#affichageclassif table td p { margin: 0; padding: 0;}

#affichageclassif h1,
#affichageclassif h2,
#affichageclassif h3,
#affichageclassif h4 {margin: 0px 4px 4px 2px; padding: 0px;}

.couleurclaire
  {
  font-style : italic;
  font-weight : bold;
  }

p.centrerdansgalerie
  {
  text-align: center !important;
  }

span.redspan
  {
  font-weight : bold;
  color: red;
  }

/* ajout pour tableau invisible dans <div id="accueil"> */
/*================================================================*/

#accueil table      { margin: 4px 0px 10px 0px;
                               border-collapse: collapse;
                               width: 100%;
                             }
#accueil table td,
#accueil table th   {
                   
                    padding: 6px;
                    vertical-align:top;
                   
                    }
#accueil table img  { margin: 0 10px 3px 0; border: 1 solid black; }
#accueil table td p {
                    margin: 0px;
                    padding: 0;
                    text-align: left !important;
                    }


.accueil_box{
float:left;
 width:65%;
 padding-right:35px;

}


h3.accu
  {
  margin: 4px; padding: 0;
  clear: both;
  }

/* la classe suivante permet de mettre une video de youtube dans
un <p class="video-right"> script video embedded </p> pour la placer à gauche ou à droite
au sein d'une page contenant plusieurs paragraphes de texte */
.video-left  { float: left;  padding: 0 20px 10px 5px; }
.video-right { float: right; padding: 0  5px 10px 20px; }

#content img.aucunebordure
{
border: none;
}