* {font-size:11pt; font-family:Calibri,arial; }
tempo	{	background-image:url("images/fond-site-hinx.jpg");   background-position: top left;  background-repeat:Y-repeat;	}
.accueil {background-image:url("images/fond.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.haut {background-image:url("images/haut.jpg");   background-position: left top;  background-repeat:no-repeat;} 

.pratique {background-image:url("images/pratique.jpg");   background-position: left top;  background-repeat:no-repeat;} 

.prochainement {background-image:url("images/prochainement2.jpg");   background-position: left top;  background-repeat:no-repeat; padding-left:5px;} 
.prochainement A { color:#000000;    text-decoration:none; font-family:arial; font-size:10pt;  font-weight:normal; }
.prochainement A:hover { color:#000000;   font-family:arial; font-size:10pt; font-weight:bold; }

.contact {font-family:Calibri,arial;  color:#365F91;}

.basmenug {background-image:url("images/basmenug.jpg");   background-position: left top;  background-repeat:no-repeat;} 

.menug {background-image:url("images/menug.jpg");   background-position: left top;  background-repeat:Y-repeat; padding-left:8px;} 
.menug A { color:#0000FF;  background-color:#DEE7F2;  text-decoration:none; font-family:arial; font-size:10pt;  font-weight:normal; }
.menug A:hover { color:#0000FF;  background-color:#DEE7F2; font-family:arial; font-size:10pt; font-weight:bold; }

.misajour {background-image:url("images/ajour.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.misajour A { color:#0000FF;  background-color:#DEE7F2;  text-decoration:none; font-family:arial; font-size:8pt;  font-weight:normal; }
.misajour A:hover { color:#0000FF;  background-color:#DEE7F2; font-family:arial; font-size:8pt; font-weight:bold; }

.conseil {background-image:url("images/cm.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.conseil A { color:#0000FF;   text-decoration:none; font-family:arial; font-size:8pt;  font-weight:normal; }
.conseil A:hover { color:#0000FF;  font-family:arial; font-size:8pt; font-weight:bold; }

.services {background-image:url("images/services.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.services A { color:#0000FF;   text-decoration:none; font-family:arial; font-size:8pt;  font-weight:normal; }
.services A:hover { color:#0000FF;  font-family:arial; font-size:8pt; font-weight:bold; }

.entreprises1 {background-image:url("images/haut-entreprises.png");   background-position: left top;  background-repeat:no-repeat;} 
.entreprises2 {background-image:url("images/milieu-entreprises.png");   background-position: left top;  background-repeat:Y-repeat; } 
.entreprises3 {background-image:url("images/bas-entreprises.png");   background-position: left top;  background-repeat:no-repeat;} 


.entreprises2 A { color:#0000FF;   text-decoration:none; font-family:arial; font-size:8pt;  font-weight:normal; }
.entreprises2 A:hover { color:#0000FF;  font-family:arial; font-size:8pt; font-weight:bold; }

.haut-rechercher {background-image:url("images/haut-rechercher.jpg");   background-position: left top;  background-repeat:no-repeat;} 

.menucantine {background-image:url("images/tabcantine.png");   background-position: left top;  background-repeat:no-repeat;} 


.bas-formalites {background-image:url("images/bas-formalites.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.formalites {background-image:url("images/formalites.jpg");   background-position: left top;  background-repeat:Y-repeat;} 
.haut-formalites {background-image:url("images/haut-formalites.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.formalites A {font-family:Calibri,arial;  color:#365F91; font-size:8pt; font-weight:normal;}
.formalites A:hover {font-family:Calibri,arial;  color:#365F91; font-size:8pt; font-weight:bold;}

.derconseil {font-family:Calibri,arial;  color:#365F91; font-size:8pt; font-weight:normal;  text-decoration:none; }
.derconseil A {font-family:Calibri,arial;  color:#365F91; font-size:8pt; font-weight:normal;  text-decoration:none; }
.derconseil A:hover {font-family:Calibri,arial;  color:#365F91; font-size:8pt; font-weight:bold;  text-decoration:none; }


.asso {background-image:url("images/asso.jpg");   background-position: left top;  background-repeat:no-repeat;} 
.asso A {font-family:Calibri,arial;  color:#000066; text-decoration:none; font-size:11pt; font-weight:normal;}
.asso A:hover {font-family:Calibri,arial;  color:#000066; text-decoration:none; font-size:11pt; font-weight:bold;}

h4 {font-size:20pt; font-family:Comic Sans MS,arial; color:red;  font-weight:bold;}
h1 {font-size:10pt; font-family:Calibri,arial; color:#000066;  font-weight:normal;}
.rouge {font-size:14pt; font-family:Calibri,arial; color:red;  font-weight:bold;}

.annee {font-size:16pt; font-family:Andy,arial; color:white;  font-weight:bold;}
.adresse {font-family:Calibri,arial;  color:#365F91;}

.lien {font-family:Calibri,arial;  color:red; text-decoration:none; font-size:12pt;}
.lien A {font-family:Calibri,arial;  color:red; text-decoration:none; font-size:12pt;}
.lien A:hover {font-family:Calibri,arial;  color:red; font-size:12pt; text-decoration:underline ;}

.date1 {position:absolute; left:326px; top:266px; font-size:16pt; font-family:Andy,arial; color:white;  font-weight:bold; }
.date2 {position:absolute; left:326px; top:526px; font-size:16pt; font-family:Andy,arial; color:white;  font-weight:bold; }


.rechercher {position:absolute; left:725px; top:51px}
.loupe {position:absolute; left:920px; top:51px}

.responsable {position:absolute;z-index:21;left:800px;top:190px;width:121px;}
.carre {border:.75pt solid #5D949D; vertical-align: top;}
.carre A {font-family:Calibri,arial;  color:red; text-decoration:none; font-size:12pt;}
.carre A:hover {font-family:Calibri,arial;  color:red; font-size:12pt; text-decoration:underline ;}
.commune {font-family:Trebuchet MS,arial; color:#436A71; font-weight:bold;}
.annuaire {font-family:Trebuchet MS,arial;color:#436A71;  font-weight:bold;}
.fiche { vertical-align: top; font-family:Trebuchet MS,arial; color:#436A71;  font-weight:normal; margin-left:12pt; margin-right:12pt;}

.procha { vertical-align: top; font-family:Trebuchet MS,arial; color:#436A71;  font-weight:normal; padding-left:5pt; padding-right:68pt; font-size:12pt; }
.procha A {font-family:Calibri,arial;  color:#365F91; font-size:10pt; font-weight:normal;}
.procha A:hover {font-family:Calibri,arial;  color:#365F91; font-size:10pt; font-weight:bold;}

.gifprocha {position:absolute;left:274px;top:262px;}
.rndis {position:absolute; left:0px; top:700px;}


.logo {position:absolute;z-index:20;left:760px;top:320px;}
.texte {border:.75pt solid #5D949D; vertical-align: top; font-family:Trebuchet MS,arial;color:#436A71;  font-weight:normal; padding: 30px 30px 30px 30px;}
.tel {font-family:Arial;color:#5C677E;}
.contenu {background-image:url("images/fond-site-hinx.jpg");   background-position: left top;  background-repeat:no-repeat;}