/* Style des boutons */

.boutton { 
Display: block;
Width: 126px; 
Height: 55px;
Background-image: url(Img\BtBis.png); 
Background-color: transparent; 
Text-Decoration: none;
Border: 1px solid #222222;
Font: small Verdana;
Color: White;
Font-Size: 9px;
Text-Align: center;
font-weight: bold;
} 

.boutton a { 
display: block; 
Width: 126px; 
Height: 55px; 
background: white url(Img\Bt.png);
Background-color: transparent; 
Border: none;
Text-Decoration: none;
Font-Family: Verdana;
Color: White;
Font-Size: 11px;
Text-Align: center;
font-weight: bold;
Padding: 6px;
} 
.boutton a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.util { 
Display: block;
Width: 142px; 
Height: 55px;
Background-image: url(Img\UtilitairesBis.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
} 

.util a { 
Display: block;
Width: 142px; 
Height: 55px;
Background-image: url(Img\Utilitaires.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
Padding: 15px;
Padding-right: 28px;
} 

.util a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.breizh { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\BretagneBis.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
} 

.breizh a { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\Bretagne.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
Padding: 15px;
Padding-right: 28px;
} 

.breizh a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 
.créat { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\CreationsBis.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
} 

.créat a { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\Creations.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
Padding: 15px;
Padding-right: 28px;
} 

.créat a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.article { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\ArticleBis.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
} 

.article a { 
Display: block;
Width: 152px; 
Height: 55px;
Background-image: url(Img\Article.png); 
Background-color: transparent; 
Text-Decoration: none;
Color: Red;
Font-Size: 16px;
Text-Align: center;
font-weight: bold;
Padding: 15px;
Padding-right: 28px;
} 

.article a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.bande {
Background-image: url(Img\Barre.png) ; 
background-repeat: repeat ; 
}
.barre {
Background-image: url(Img\BarreV.png) ; 
background-repeat: repeat ; 
}

.compteur {
Background-image: url(/tinc?key=9ZDzcKki) ;
background-color: transparent; 
}

.dern_Art { 
width: 218px; 
height: 50px; 
background-image: url(Img\Dern_ArtBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.dern_Art a { 
width: 218px; 
height: 50px; 
background-image: url(Img\Dern_Art.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.dern_Art  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.arch_Art { 
width: 218px; 
height: 50px; 
background-image: url(Img\Arch_ArtBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.arch_Art a { 
width: 218px; 
height: 50px; 
background-image: url(Img\Arch_Art.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.arch_Art  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.mois_Art { 
width: 218px; 
height: 50px; 
background-image: url(Img\Mois_ArtBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.mois_Art a { 
width: 218px; 
height: 50px; 
background-image: url(Img\Mois_Art.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.mois_Art  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.rech_Art { 
width: 218px; 
height: 50px; 
background-image: url(Img\Rech_ArtBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.rech_Art a { 
width: 218px; 
height: 50px; 
background-image: url(Img\Rech_Art.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.rech_Art  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.hist_Bzh { 
width: 120px; 
height: 55px; 
background-image: url(Img\Hist_BzhBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.hist_Bzh a { 
width: 120px; 
height: 55px; 
background-image: url(Img\Hist_Bzh.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.hist_Bzh  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.tour_Bzh { 
width: 120px; 
height: 55px; 
background-image: url(Img\Tour_BzhBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.tour_Bzh a { 
width: 120px; 
height: 55px; 
background-image: url(Img\Tour_Bzh.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.tour_Bzh  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.cuis_Bzh { 
width: 120px; 
height: 55px; 
background-image: url(Img\Cuis_BzhBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.cuis_Bzh a { 
width: 120px; 
height: 55px; 
background-image: url(Img\Cuis_Bzh.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.cuis_Bzh  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.bPlan_Bzh { 
width: 120px; 
height: 55px; 
background-image: url(Img\BPlan_BzhBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.bPlan_Bzh a { 
width: 120px; 
height: 55px; 
background-image: url(Img\BPlan_Bzh.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.bPlan_Bzh  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.log_Utl { 
width: 119px; 
height: 55px; 
background-image: url(Img\Log_UtlBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.log_Utl a { 
width: 119px; 
height: 55px; 
background-image: url(Img\Log_Utl.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.log_Utl  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.tuto_Utl { 
width: 119px; 
height: 55px; 
background-image: url(Img\Tuto_UtlBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.tuto_Utl a { 
width: 119px; 
height: 55px; 
background-image: url(Img\Tuto_Utl.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.tuto_Utl  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.div_Utl { 
width: 119px; 
height: 55px; 
background-image: url(Img\Div_UtlBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.div_Utl a { 
width: 119px; 
height: 55px; 
background-image: url(Img\Div_Utl.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.div_Utl  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.trav { 
width: 190px; 
height: 134px; 
background-image: url(Img\TravauxBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.trav a { 
width: 190px; 
height: 134px; 
background-image: url(Img\Travaux.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.trav  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.tete_Tab {  
color: red;
background-color: transparent; 
} 

/* Effet rollover pour la flèche retour*/

.retour { 
width: 47px; 
height: 48px; 
background-image: url(Img\RetourBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 
.retour a { 
display: block; 
width: 100%; 
height: 100%; 
background: url(Img\Retour.png) top left no-repeat; 
} 
.retour  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.ajout { 
width: 50px; 
height: 50px; 
background-image: url(Img\Ajout.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.suppr { 
width: 50px; 
height: 50px; 
background-image: url(Img\SupprBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 

.accueil { 
Display: block;
Width: 61px; 
Height: 54px;
Background-image: url(Img\Bt_AccueilBis.png); 
background-repeat: no-repeat; 
background-color: transparent; 
} 
.accueil a { 
display: block; 
Width: 61px; 
Height: 54px; 
background: white url(Img\Bt_Accueil.png);
background-repeat: no-repeat; 
background-color: transparent; 
} 
.accueil  a:hover { /* masquage de la première image au survol */ 
background: transparent none; 
} 

.Tab {
text-align:center;
color:#000099;
font-size:12px ;
font-family:Comic sans ms;
background-color: #FFDAB9;
}

.Tab a {
text-decoration: none ;
}

.EnTete {
background-color: orange ;
}

.Case {
background-color: gold;
} 

.Cent td {
Background: url(Img\Band.png);
Text-Align: Center;
}

#menub tr{
Background: url(Img\Band.png);
}

#menub td{
Text-Align: Center;
}

/* Menu CSS */
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	background-color:white;
	color:black;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	padding:0px;
	
/* width et margin sont au cas où le javascript est désactivé. */
	width:120;
	height:34;
	margin:1em;
}

.haut {
margin-top:0px;
}

.bloc {
position: middle;
}

/* Les cases toujours visibles */
.menu {
	background-color:black;
	background: url(Images\Bt.png);
	text-align:center;
	border: 1px solid #222222;
	position:center;
	Height: 32px;
}
/* Les parties déroulantes qui s'affichent au survol d'un .menu */

.ssmenu {
/* Transparence à 25% = opacité à 75%:
		
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5); */
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=77);
	white-space : no-break;
}

.ssmenu ul, .ssmenu li {
/* Enlève les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.ssmenu a , .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
	height:22px;
}

.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
	border:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
	height:100%;
}