html,body {
padding:0px;
margin:0px; 
background-color:#BDDAE8;

background-repeat: no-repeat;
background-position:center;


}

a:link {color: black; text-decoration:underline;text-decoration:none;}
a:visited {color: black; text-decoration:underline;text-decoration:none;}
a:hover {color:#FFCC33; text-decoration:none;text-decoration:none;}

.none {
border-style:none;
}

.div1 {
      width: 33%;
      }

.nav {
    height: 100%; 
    width: 100%; 
    margin-top: 0px; 

	}

.page_entete {
background-image:url(../images_site/entete.jpg);
width: 1000px;
height: 227px;
opacity: 1;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}
	
.page_centre {
background-image:url(../images_site/vueduciel.jpg);
width: 900px;
height: 572px;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}

.page_actu {
background-image:url(../images_site/fond.jpg);
width: 900px;
height: 572px;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}

.page_histoire {
background-image:url(../images_site/voie_galloromaine1.jpg);
width: 900px;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}


.fond_mail {
background-image:url(../images_site/fond_mail.gif);
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
background-color:white;
}

.incomplet { /** gros titre */
  font-family: serif;         /* On se permet un changement de police : pas plus de deux par page, et à utiliser avec parcimonie (c'est le cas) */
  background: red;   /* Fond du titre bleu (et sans image de fond) */
  color: white;               /*  Donc on utilise une police blanche pour que le texte soit visible */
  text-align: center;         /* Le titre doit être centré ! */
  letter-spacing: 0.3em;      /* On espace les caractères pour que ce soit joli :-) */
}


.titre { /** gros titre */
  font-family: serif;         /* On se permet un changement de police : pas plus de deux par page, et à utiliser avec parcimonie (c'est le cas) */
  background: #740e35 none;   /* Fond du titre bleu (et sans image de fond) */
  color: #ffffff;               /*  Donc on utilise une police blanche pour que le texte soit visible */
  border: 3px dotted #9999FF; /* On encadre le titre d'un bleu clair de 3 pixels de largeur */
  padding: 0.3em;             /* Espacement intérieur non nul pour que le texte ne colle pas à la bordure du cadre */
  text-align: center;         /* Le titre doit être centré ! */
  letter-spacing: 0.3em;      /* On espace les caractères pour que ce soit joli :-) */
}


.page_gauche {
background-color:#72032d;
}

.page_gauche.lio {
background-image:url(../images_site/fond_gauche.gif);
width: 157px;
height: 572px;
opacity: 1;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}

.pied {
font-size : 12px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color:white;
border-style:solid; 
border-width:0px; 
border-color:black; 
background-color:#72032D;
}

.font30 {
font-size : 30px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color: black;
}

.font12 {
font-size : 12px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color: black;
}

.font15 {
font-size : 15px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color: black;
}

.opaque {
background-color:white;
Opacity: 0.75;
}

.opaque75 {
background-color:white;
Opacity: 0.75;
}

.opaque50 {
background-color:white;
Opacity: 0.50;
}


.barre_menu {
font-size : 11px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
background-image:url("../images/barre_menu.jpg");
}	

.entete66 {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:0px; 
border-color:black; 
background-color:black;
}
	
.entete {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:0px; 
border-color:black; 
background-color:#FFCC33;
}

.fond {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:0px; 
border-color:black; 
background-color:#BDDAE8;
}


.bonjour_titre {
font-size : 12px; 
font-weight:bold;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
width: 550px;
padding:0;
margin:0;
}


.bonjour {
font-size : 12px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
width: 550px;
padding:0;
margin:0;
}

.case {
font-size : 11px; 
line-height: 1.5em ;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-left:solid 2px #FFCC33 ; 
border-right:solid 2px #FFCC33 ; 
background-color:white;
}

.occo {
font-size : 13px;
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
background-image:url(../images_site/voie_galloromaine1.jpg);
opacity: 1;
width: 900px;
height: 1000px;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
}


.occo_titre1 {
font-size : 12px;
font-weight: bold;
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
opacity: 1;
background-color:#FFFF99;
}


.occo1 {
font-size : 12px;
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
opacity: 1;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
background-color:#FFFF99;
}

.occo_titre2 {
font-size : 12px;
font-weight:bold;
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
opacity: 1;
background-color:#FFFF99;
}


.occo2 {
font-size : 12px;
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
opacity: 1;
background-repeat: no-repeat;
background-position:0px 0px;
padding:0;
margin:0;
background-color:#FFFFCC;
}

.case1 {
font-size : 11px; 
color : red;
padding-left :10;
padding-right : 5;
text-indent:0.1cm;
line-height: 1.5em ;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
//border-left:solid 2px #FFCC33 ; 
//border-right:solid 2px #FFCC33 ; 
background-color:white;
}

.case2 {
font-size : 11px; 
padding-left :10;
padding-right : 5;
text-indent:0.1cm;
line-height: 1.5em ;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
//border:solid 2px #FFCC33 ; 
background-color:white;
}

.case1_bleu {
font-size : 11px; 
padding-left :10;
padding-right : 5;
text-indent:0.1cm;
line-height: 1.5em ;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-left:solid 1px #0579C1 ; 
border-right:solid 1px #0579C1 ;
background-color:white;
}

.case1_bleu1 {
font-size : 11px; 
padding-left :10;
padding-right : 5;
text-indent:0.1cm;
line-height: 1.5em ;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border:solid 1px #0579C1 ; 
background-color:white;
}


.titre {
font-size : 13px; 
color : black;
text-decoration:underline; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
font-style: italic ;
font-weight: bold ;
}


.texte {
font-size : 13px; 
color : black; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
font-style: normal ;
font-weight: bold ;
}

.orange {
font-size : 11px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#FFCC33;
}
	
.jaune {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#FFFF99;
}

.rouge {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : white;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#FF0000;
}

.blanche {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#FFFFFF;
}

.post {
font-size : 12px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#FFFFFF;
}

.h0 {
font-size : 14px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
background-color:#FFFF66;
}
.h1{
font-size : 13px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : #FFFFCC; 
}
.h2{
font-size : 13px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : #CCFFFF; 
}
.h3{
font-size : 13px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : #CCCCFF; 
}

.poui{
font-size : 13px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : #FF0000; 
}

.pnon{
font-size : 13px; 
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; 
color : black; 
background-color : #66FF00; 
}

.scroll{
scroolbar-face-color : #00FF00
}


a.up {
  width: 200px;
  color: black;
  background-color: #C2CEFF;
  text-decoration: none;
  font-size : 12px;
  font-family : Arial, Verdana, Helvetica, Geneva, sans-serif;
  font-weight: Normal ;
  text-align: center;
  padding: 1px;
}

a.up:hover {
  background-color: #0066FF;
  color: white;
}
a.down {
  width: 100px;  
  color: white;
  background-color: #3399FF;
  text-decoration: none;
  font-size : 11px;
  font-weight: Bold ;  
  text-align: center;
  padding: 2px;
}

a.down:hover {
  background-color: #3399FF;
}

table.list tr.hover { 
 background-color: #ff3300; 
  color: black;
}



---