/* 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:#afd33d;/*d5ede2*/
text-align:center;
border-color:black;
border-width:1px;
}
h2 {
font-family:verdana, sans-serif;
font-size:100%;
color:#1E4162;
background-color:transparent;
text-align:left;
}
h3 {
font-family:verdana, sans-serif;
font-size:85%;
color:black;
background-color:transparent;
text-align:left;
}

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:#d5ede2;
/*#d5e6ed*/
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:#d5ede2;
}

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


input.bouton {
cursor:pointer;
}
input.bouton:hover {
background-color:#D5EDE2;
}
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.puce {
 list-style-type: none;
 background-image: url("http://www.axiomeconcept.fr/templates/defaut/front/images/big-puce.png");
 background-size: 15px 15px;
 background-repeat: no-repeat;
 background-position: top left;
 padding-left: 20px;
}