#header {background:#FF2100 url('../images/styles/base/fondHeader.png') bottom left repeat-x;}
#header #logo {background:url('../images/styles/base/logo.png') top left no-repeat;}
#header #logo:hover {background:url('../images/styles/base/logo_survol.png') top left no-repeat;}

#lateral {background:#373CAD url('../images/styles/base/fondLateral.png') top left repeat-x !important;background:#373CAD;margin-bottom:10px;}
#lateral li {margin-bottom:5px;list-style:url('../images/icones/page1.png');padding-left:0px !important;padding-left:5px;} 
#lateral li:hover {list-style:url('../images/icones/page2.png');}

body{padding:2px 10px;background:white url('../images/styles/base/fondPage.png') top left !important;background:#E8E8E8;}

* {font-size:14px;margin:0;padding:0;}
hr {width:75%;margin:10px 12%;}
p {margin-top:10px;margin-bottom:10px;}
h1,h2,h3 {margin:15px;text-decoration:underline;}
ul {margin-left:20px;}

#header, #lateral {padding:5px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;}

#header
{
    width:100%;
    overflow:hidden;
    color:white;
    margin-bottom:10px;
}
    #header #logo {border:1px solid white;float:left;clear:right;width:100px;height:100px;margin:10px 5px 10px 10px;}
    #header p {text-align:center;font-size:15px;color:yellow;margin-top:20px;}

    #header h1, #header h1 strong {font-size:28px;margin-top:15px;}
    #header h1 {font-weight:bold;text-decoration:none;}
        #header h1 strong {color:yellow;}

#lateral
{
    top:160px;
    width:20%;
    color:white;
    padding-top:10px;
    float:left;
}
    #lateral h3
    {
        margin:10px 0px;
        color:yellow;
        padding:5px;
        text-align:center;
        background:url('../images/styles/base/fondTitre.png') top left repeat-x;
        border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        border:1px solid white;
    }
    #lateral ul {margin:0px;padding-left:30px;}
    #lateral ul li {color:white;}
    #lateral ul li a {color:white;}
    #lateral ul li a:hover {color:#FF2100;}

#contennu
{
    width:78% !important;width:73%;
    float:right;
}

a img {border:0px;text-decoration:none;}
h1 {font-size:30px;text-decoration:underline;text-align:center;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:15px;}

table {width:90%;margin:0px 5%;}
table caption {margin-bottom:10px;text-decoration:underline;color:green;}
table th, table td {border:1px solid black;padding:5px;}
table th {text-decoration:underline;color:blue;text-align:center;font-weight:bold;}

#news h2 {text-decoration:underline;font-weight:bold;}
#news .infosNews {color:grey;font-size:12px;}
#news .infosNews:hover {color:black;}
#news hr {width:75%;border:1px solid grey;}

p.erreur, p.information, p.attention, p.valide {width:90%;margin:15px 5%;padding:5px;text-align:center;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.erreur {color:red;background-color:pink;border:1px solid red;}
p.information {color:white;background-color:rgb(77,109,243);border:1px solid blue;}
p.attention {color:orange;background-color:yellow;border:1px solid orange;}
    p.attention:hover {color:red;}
.valide {color:green;background-color:rgb(95,224,134);border:1px solid green;}

.boutonMenu
{
    border:2px solid #13b855;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    background:#003edb url('../images/styles/bases/boutonVide.png') top left repeat-x;

    display:block;

    font-size:90%;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    color:white;

    /*
    Avec les input[type=submit] :
    width:126px;
    height:6%;
    margin:1% 12px;
    */
    
    width:126px;
    margin-bottom:3px;
}
#lateral .boutonMenu {height:3%;padding-top:4%;margin:1% 12px;}
.boutonMenu:hover {color:red;background:#003edb url('../images/styles/bases/boutonVide_hover.png') bottom left repeat-x;}

textarea, .inputChamp, input[type=submit] {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}
.inputChamp, input[type=submit] {height:15px;font-size:13px;}
.inputChamp {border:1px solid black;color:black;}
input[type=submit] {border:1px solid white;background-color:black;color:white;width:50%;height:50px;margin:10px 25%;}
input[type=submit]:hover {border:1px solid black;background-color:white;color:red;}
textarea {border:1px solid black;background-color:white;color:black;}

form, .special {background:url(../images/styles/base/fondSpecial.png) top left;}
form {background-color:#373CAD;color:white;display:block;border:1px solid black;width:93%  !important 60%;margin-left:20%;margin-right:20%;padding:20px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
    form .labelChamp, form a {color:white;}

.labelChamp, .inputChamp {margin-bottom:5px;}
.labelChamp {display:block;width:35%;float:left;}
.inputChamp {width:54%;}
.inputChamp, .champDroite {display:block;}
.champDroite input {display:inline;}

fieldset {margin-bottom:20px;padding:10px;border:1px solid white;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
fieldset legend {margin-left:20px;padding:10px;margin-bottom:10px;text-decoration:underline;border-left:1px solid white;border-top:1px solid white;border-right:1px solid white;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}