* {
padding : 0;
margin : 0;
}
body {
color : white;
background-color : #eeeeee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
width : 100%;
}
div {
padding : 20px;
padding-bottom : 0;
border : 0;
margin-bottom : 0;
}
acronym, abbr {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
text-align : center;
letter-spacing : 2px;
line-height : 1.5;
}
blockquote {
color : #5E1D00;
background-color : #EDD491;
border : 1px solid #5E1D00;
padding : 6px;
}
.console
{
background-color: #000000;
color:#FFFFFF;
font-family:sans-serif, Arial;
padding:6px;
}

strong.rouge{
color:#990100;
}
em {
font-size : 72%;
font-weight : normal;
}
h1, h2, h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-bottom : 1em;
}
h1 {
text-align : center;
color : #5e3500;
font-size : 180%;
}
h2 {
font-size : 150%;
font-style : normal;
letter-spacing : 2px;
padding-top : 10px;
border-top : 1px solid #a9155a;
margin-top : 20px;
}
hr {
background-color : #eaaf88;
border : 0;
margin : 6px auto;
}
kbd {
background : #eee;
color : #555;
font-weight : bold;
border-width : 1px 3px 4px 2px;
border-style : solid;
border-color : #ccc #aaa #888 #bbb;
padding : 1px 2px;
}
ol, ul, li {
margin-left : 16px;
}
li {
margin : 1em 0 0 1em;
}
p, ul {
margin : 0 0 1em 0;
}
a {
text-decoration : none;
outline : none;
}
a:link {
color : #d90000;
}
a:visited {
color : #cc6666;
}
a:hover, a:focus {
text-decoration : underline;
}
a:active {
color : #d99898;
background-color : transparent;
}
a.flash:link {
color : #d43230;
text-decoration : none;
}
a.flash:visited {
color : #944b20;
text-decoration : underline;
}
a.flash:hover {
color : #d43230;
text-decoration : overline;
border : 0;
}
table, th, tr, td {
border : 0;
}
#enveloppe {
color : black;
background-color : #eeeeee;
width : 90%;
border : 0;
margin : 5px auto;
}
#entete {
top : 0;
text-align : center;
color : #5E1D00;
background-image : url(/images/fond/oiseaux.jpg);
background-repeat : no-repeat;
background-position : left 0%;
background-color : #eeeeee;
}
#entete p {
padding : 5px 0;
margin-bottom : 0;
}
#entete img {
background-color : transparent;
border : 0;
}

#menu {
text-align : left;
color : black;
background-color : #eeeeee;
padding : 5px 0 4px 0;
border-bottom : 1px solid #857f6f;
}
#menu ul, #categorie ul {
margin-bottom : 0;
}
#menu li, #categorie li {
display : inline;
list-style-type : none;
margin : 0;
}
#menu a {
color : #333333;
font-weight : bold;
background-color : transparent;
padding : 4px 8px;
border : 1px solid #857f6f;
}
#menu a:active {
background-color : transparent;
}
#menu a:hover, #pageaccueil #menu1 a, #pagecontact #menu2 a, #pagesoumettre #menu3 a {
text-decoration : none;
color : black;
background-color : #e0caa5;
padding-bottom : 5px;
border-bottom : none;
}

#pub {
text-align:center;
background-color : #E0CAA5;
border-right : 1px solid #857f6f;
border-left : 1px solid #857f6f;
}

#categorie {
text-align : center;
padding : 5px 0 0 0;
}
#categorie {
text-align : center;
}
#categorie a {
color : #333333;
font-weight : bold;
font-size : xx-small;
background-color : #e0caa5;
padding : 2px 4px 0 4px;
border : 1px solid #857f6f;
border-bottom : 0;
}
#categorie a:active {
background-color : transparent;
}
#categorie a:hover, #pageaide #categorie1 a, #pageconcepteur #categorie2 a, #pageemploi #categorie3 a, #pageinfographie #categorie4 a, #pagereferencement #categorie5 a, #pagez #categorie6 a {
text-decoration : none;
color : #7b5644;
background-color : #fefcf5;
padding-bottom : 5px;
border-bottom : none;
}
#corpsaccueil {
text-align : left;
background-color : #e0caa5;
border : 1px solid #857f6f;
border-top : 0;
margin : 0;
}
img {
border:0;
}
#corpsaccueil img.capture {
background-color : #ffffff;
background-position : top center;
width : 120px;
height : 90px;
padding : 2px;
border : 1px solid #857f6f;
}

#corpsaccueil img.rss
{
float:right;
width : 30px;
height : 15px;
border:0
}
#corpsaccueil img.w3c
{
background-color:transparent;
width : 88px;
height : 31px;
padding:0;
border:0;
}
p.video
{
height:185px;
}
object
{
margin-right:1em;
padding:1em;
}
#corpsaccueil .large {
width : 100%;
}
#corpsaccueil .imgTop {
vertical-align : top;
}
#corpsaccueil h2 {
text-align : left;
color : #FBDB52;
font-size : 117%;
font-style : normal;
letter-spacing : 2px;
background-color : #5E1D00;
padding : 2px 20px;
border : 0;
margin : 0;
}
#corpsaccueil h3 {
text-align : left;
color : #FACC30;
font-size : 108%;
font-style : normal;
letter-spacing : 2px;
background-color : #972D00;
padding : 2px 20px;
border : 0;
margin : 0;
}
#corpsaccueil p {
text-align : left;
}
#corpsaccueil .verif {
background-color : #ffedc0;
}
#piedpage {
color:#5E1D00;
background-image : url(/images/fond/david.png);
background-repeat : no-repeat;
background-position : right 0%;
padding : 20px;
padding-top : 10px;
margin-top : 20px;
}
#piedpage img {
border : 0;
}
#alert {
color : #ffeea0;
background-color : #F39C1B;
width : 85%;
padding : 6px;
border : 1px outset #8f542a;
margin : 2px auto 1em auto;
}
#alert h2 {
text-align : left;
color : #FBDB52;
}
#alert h3
{
text-align : left;
color:#FACC30;
}
#alert em {
font-size : 90%;
color : #6E4511;
}
.centre {
text-align : center;
}
.droite {
text-align : right;
}
.gauche {
text-align : left;
}


form {
background-color : #fefcf5;
width : 85%;
padding : 20px;
border : 1px solid #857f6f;
margin : 0 auto 6px auto;
}
fieldset {
top : 0.5em;
padding : 0.5em 1em;
}
input {
border : 1px inset;
background-color : #e9eaeb;
font-family : "Trebuchet MS", Georgia, sans-serif;
color : black;
}
input.bouton {
border : 2px outset #ffecb3;
background-color : #ffd85e;
font-size : 80%;
font-weight : bold;
cursor : pointer;
color : #020c0b;
}
input.select {
color : #ffffff;
border : 2px outset;
font-weight : bold;
cursor : pointer;
background-color : #929bc4;
}
input.select:active {
color : #000000;
border : 2px inset #ffffff;
background-color : #99ccff;
}
input:focus, textarea:focus {
background-color : #F7AE21;
}
label {
font-family : "trebuchet ms", sans-serif;
font-weight : bold;
display : block;
}
select, option {
font-size : 100%;
background-color : #dedff5;
border : 2px outset #eff0fa;
color : black;
}
textarea {
width : 100%;
border : 1px solid black;
background-color : #dedfe2;
font-family : "trebuchet ms", arial, sans-serif;
color : #000000;
}
p#notes {
border-bottom : 1px dotted black;
padding-bottom : 1em;
}
p#footer {
border-top : 1px dotted black;
padding-top : 1em;
}
code {
font-size : 0.9em;
}
html > body code {
font-size : 1.3em;
}
#formulaire, #form, #form2, #form3 {
border : 1px solid black;
color : black;
background : #fefcf5;
margin : 0;
padding : 1em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 {
margin : 0;
font-style : normal;
padding : 0 1em 1em;
}
#formulaire legend#form, legend #form2, legend #form3 {
font-weight : bold;
color : blue;
background-color : transparent;
}
#formulaire p #form, p #form2, p #form3 {
padding : 0.2em 0;
margin : 0 0 0.2em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 label {
float : left;
width : 45%;
text-align : right;
margin : 0;
padding : 0 0.5em 0 0;
line-height : 1.8em;
}
#formulaire, #fom2, #form3, label:hover, input {
cursor : pointer;
}
div label:hover, span {
cursor : default;
}
div.align span.left {
cursor : pointer;
float : left;
width : 5%;
text-align : left;
}
div.align span.center {
cursor : help;
float : left;
width : 33%;
text-align : left;
}
div.align span.right {
cursor : help;
float : left;
width : 60%;
text-align : left;
}