@import url(http://www.google.com/cse/api/branding.css);
html {font-size: 100%;}  /* + fond .08 = corrige bug IE */
body {
margin: 0; /* sans marges, la page sera collée aux bords */
font-family: Times; /*  la police de base dans la page */
font-size: .8em; /* la taille de police de base dans la page */
background:#910000;
}
.head1
{
background-image: url("../img/header.jpg");
width: 701px;
height: 98px;
}
#googlesearch{
     width: 400px;
     height: 68px;
     text-align: center;
     color: #000;
     margin-left: 3px;
     margin-right: 5px;
     float: right;
     margin-top: 3px;
     font-size: .8em;
     font-weight: bold;
     font-family: Times;

}
.left {
position: absolute;
left: 4px;
width:100px;
background:#910000;
}
#spspal table{
 background: #910000;
 text-decoration: none;
 font-size: .9em;
 font-family: Times;
 color= #c99;
 display: block;
}
.theme table th{
  background: #d4d4a1;
  text-decoration: underline;
   }
.right{
float: right;
text-align: right;
margin-right: 20px;
background:#910000;
}


.centre
{

margin-left: 150px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-top: 0px;
width: 82%;
height: 100%;
background:#FFE7BC;
}
.indexin{

margin-top: 0px;
text-align: left;
font-family: times;
color: #000000;
font-weight: bold;
font-size: 180%;
}

.contenu{
margin-left: 3%;
margin-top: 0px;
text-align: left;
font-family: times;
color: #000000;
font-weight: bold;
font-size: 180%;
}
.info{
 margin-left: 5%;
 margin-right: 5%;
 padding-top:10px;
 padding-left:5px;
 padding-right:5px;
 background:#d4d4a1;
 color:#000;
 font-size:120%;
}
.titre h3 h2 h1 p{
font-size: 150%;
font-weight: bold;
font-family: times;
text-align: bottom;
color: #fff;
text-align: center;
}
.page1
{
margin-left: 5%;
background:#000;
width: 90%;
height: 100%;
text-align: center;
font-family: times;
color: #fc6;
font-size: 130%;
font-weight: bold;
}
.page2{
margin-left: 7%;
background:#910000;
width: 86%;
height: 100%;
text-align: center;
font-family: times;
color: #fc6;
font-size: 105%;
font-weight: bold;
}
.page3{
margin-left: 2%;
background:#fff;
width: 96%;
height: 100%;
color: #000;
font-family: times;

font-size: 105%;
font-weight: bold;
}
.page4 span{
  margin-right: 2%;
  width: 95%;
  color: #9c9;
  font-size: 110%;
  font-weight: bold;
  font-family: times;
}
h1
{
font-size: 40pt;
font-weight: bold;
text-align: center;
font-family: times;
margin-right: 5px;
padding-top: 0px;
color: #FFE7BC;
}
h2
{
font-size: 30pt;
font-weight: bold;
text-align: right;
font-family: times;
margin-right: 5px;
color: #910000;
padding-bottom: 0px;
padding-top: 3px;
}

h3
{
font-size: 15pt;
font-weight: bold;
text-align: center;
font-family: times;
margin-left: 5px;
font-variant:small-caps;
color: #CF401B;
}
h4
{
font-size: 14pt;
text-align: right;
font-family: times;
margin-right: 5px;
font-variant: small-caps;
color: #3B661B;
font-weight: bold;
}
h5 {
font-size: 13pt;
font-family: times;
text-align: left;
margin-left: 15px;
margin-right: 4px;
color:#ffc;
}
h6
{
font-size: 12pt;
font-weight: bold;
text-align: left;
font-family: times;
font-variant:small-caps;
color: #CF401B;

}
h5 a {

font-size: 14pt;
text-decoration: underline;
color: #FEFACA;
text-align: center;
background: #d4d4a1;
padding:2px;
}
table
{
background: #FFE7BC;
position: float;
margin-right:2px;
font-size: 115%;
font-weight: bold;
font-family: times;

margin-left: 15px;
}
th ,th p
{
font-size: 110%;
font-weight: bold;
text-align: left;
font-family: times;
font-variant:small-caps;
color: #910000;
text-align: center;
}
#rayon  a, a:link  a:visited   a:active
{
font-size: 95%;
color: #fc6;
text-decoration: underline;

}


a {
text-decoration: none;
}
a img {
border : none;

}

p
{
font-size: 66%;
font-weight: bold;
text-align: left;
font-family: times;
margin: 5px;
padding : 0;
line-height: 18px;
}
.accueil{
margin-left: 40px;
margin-right: 10px;
margin-top: 0px;
width: 90%;
height: 100%;
background: #FFE7BC;

}

.modif1
{
font-size: 130%;
text-align: left;
font-weight: normal;
margin: 15px;
line-height: 23px;
font-family: times, new roman;
color: #ffffcc;
}

ul,li
{
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0px;
padding:0;
line-height: 20px; /* interligne */
}
#navleftcontainer
{
width: 8em;
border-right: 1px solid #000;
padding: 0 0 0.5em 0;
margin-bottom: 0.5em;
text-align: center;
font-family: times;
font-variant:small-caps;
font-weight: bold;
background-color: #F9CC83;
color: #CC3300;

}

#navleftcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navleftcontainer li
{
border-bottom: 1px solid #C30;
margin: 0;
}

#navleftcontainer li a
{
display: block;
padding: 4px 2px 2px 0.5em;
border-left: 2px solid #FFCC00;
border-right: 2px solid #FFCC99;
background-color: #FFDFAC;   /*  couleur surface menu vertical  */
color: #C30;
text-decoration: none;
width: 100%;
}

html>body #navleftcontainer li a { width: auto; }

#navleftcontainer li a:hover
{
border-left: 5px solid #CC9966;
border-right: 5px solid #CC9966;
background-image: url("../img/bouton1.png");
color: #CC3300;
}

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #F9CC83;
color: white;
width: 100%;
font-family: times;
font-variant:small-caps;
font-weight:bold;
line-height: 18px;

/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
color: #C10033;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-image: url("../img/bouton1.png");
color: #C10033;
font-size: 13px;
text-decoration: underline;
font-variant:small-caps;

}

#navcontainer #active {
border-left: 1px solid #fff;
}

.acro {
cursor:help;
border-bottom: #990000 1px dotted;
}
.sigle {
cursor:help;
border-bottom: #990000 1px dotted;
speak:spell-out;
}
acronym abbr{
cursor:help;
}
.corps
{
   border: none;
   width:100%;
   margin-left: 3%;
}

.element_flottant
{
   float: left; /*enveloppe mon texte à l*/
}

.el_flo
{
  float: right;
}

.clear{
  clear: both;
}
hr.clear
{
clear: both;
visibility: hidden;
}
.clearall{ clear:all; }
#case {
border: #910000 1px solid;
padding-left: 5px;
padding-right: 5px;
display: table;
text-align: left;
margin: 2px;
  }
#case img {
float: left;
  }
#case2{
  width : 200px;
  height: 150px;
  border:1px solid #fff;

  text-align: left;
  margin: 2px;
}
#case2 img {
float: left;
  }
#caseleft{
  border:1px solid #c99;
  width : 22%;
  margin: 10px;
  float: left;
  text-align : left;
  color : #9c9;
  font-size:12pt;
  font-variant: small-caps;
  font-weight:bold;
}
#caseright {
  width : 22%;
  margin: 10px;
  margin-left: 10px;
  float: right;
  text-align : left;
  color : #9c9;
  font-variant: small-caps;
  border:1px solid #c99;
  font-weight:bold;
}
#casecenter{
  margin-left: 24%;
  margin-right : 24%;
  border: 1px solid #c99;
  text-align : left;
  color : #9c9;
  font-size:12pt;
  font-family: times;
  font-weight:bold;
}

.fondcase {

    width: 500px;
    height: 340px;

    background-image : url ("../img/case-center.png");

}
.casetitre{
  color:#000;
  height:15px;
  margin: 0px;
  font-weight:bold;
  padding-bottom: 3px;
  background-color :#F9CC83;
  font-size:12pt;
  text-align: center;


}
/* ...........................image map.... */

#map {    /* bloc image en arrière-plan */
width : 143px;
height: 20px;
background: url ("../img/finalMap11.gif");
border:0;

}
/*...........pages liées....*/
#alert
{

color: #FFC;
font-size:11pt;
text-align: center;
border: 0;
}

a:link {
font-size: 10pt; color: #336; text-decoration: underline;
}
a:visited {
font-size: 10pt; color: #f00; text-decoration: underline;
}
a:active {
font-size: 10pt; color: #93c; text-decoration: underline;
}
img {
border: 0;
}
/* rechercher */
#search{
float: right;
margin-right: 10px;
}
#top{
  float: right;
  margin: 0;
  padding: 0;
}

/* conteneur nouvelles insertions */
#news {
     border:1px solid #c99;
     width: 250px;
     height: 82px;
     margin-right: 5px;
     margin-left: 4px;
     float:right;
     padding: 5px;  
     margin: 5px; 
     font-size: 120%;
  font-family: times;
  font-weight:bold;
  color: #F9CC83;
  text-align: center;
}
/* PIED DE PAGE */
#utile
{
  display: inline
  font-size: 150%;
  font-family: times;
  font-weight:bold;
  color: #F9CC83;
  text-align: center;
}

#footer  a:link  a:visited   a:active
{
font-size: 150%;
font-family: times;
font-weight:bold;
color: #F9CC83;
text-align: center;

}

#retour{
  float: right;
  margin-right: 30px;
}