/* Merci à mammouthland.free.fr */

body {
/*background-color: rgb(238, 238, 238);*/
background-image: url(/puzzle.png);
}

h1 {
font-family:verdana, sans serif;
font-size:100%;
color:#1E4162;
background-color:#e9f3a5;
text-align:center;
border-color:black;
border-width:1px;
}
h2 {
font-family:verdana, sans-serif;
font-size:90%;
color:black;
background-color:transparent;
text-align:left;
}
h3 {
font-family:verdana, sans-serif;
font-size:85%;
color:black;
background-color:transparent;
text-align:left;
}
div {
/*font-family:comic sans ms, sans-serif;
font-size:80%;
*/
color:black;
background-color:transparent;
text-align:justify;
}
a:link                  { color: #336699; text-decoration:none; }
a:visited               { color: #336699; text-decoration:none; }
a:active                { color: #336699; text-decoration:none; }
a:hover                 { color: #1E4162; text-decoration:underline overline; }

table.formulaire {
border-color:black;
border-style:dotted;
border-width:1px;
border-collapse:collapse;
background-color:#e9f3a5;
width:100%;
}

/*
td {
font-family:verdana, sans-serif;
font-size:80%;
}
*/


tr.formulaire {
border-color:black;
border-style:dotted;
border-width:1px;
border-collapse:collapse;
}


input {
        border: 1px solid black;
        background-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
        color: #1E4162;
        font-weight: bold;
        text-align: center;
}

checkbox:hover,checkbox:focus {
background-color:#1E4162;
}



input:hover,input:focus {
background-color:#e9f3a5;
}
input:active {
border:2px inset;
} 


input.bouton {
cursor:pointer;
}
input.bouton:hover {
background-color:#e9f3a5;
}
input.bouton:active {
border:2px inset;
}

select, option {
        background-color: white;
        color: #1E4162;
        font-weight: bold;
        text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

select:hover,option:hover {
background-color:#D5EDE2;
}


textarea {
        border:1px solid black;
        background-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
	color: #1E4162;
	padding: 2em;
}

textarea:hover {
        background-color: #D5EDE2;    
}


.zoom p {
text-align:center;
}
.zoom img {
width:50%;
height:50%;
}
.zoom img:hover {
width:100%;
height:100%;
}

#menu a:hover {
background-image:url(images/fleche.png);
background-repeat:no-repeat;
background-position:1% 50%;
padding-left:15px;
}

.droite { text-align: right; }


li {
 margin-left:15px;
 padding-left: 5px;
}



li.puce {
 list-style-type: none;
 background-image: url(/images/puce.png);
background-size: 15px 15px;
 background-repeat: no-repeat;
 background-position: top left;
 padding-left: 30px;
}