/**
 * Style pour la mise en page
 * Design pour APE.JD
 */

* {
    margin:0;
    padding:0;
}
html {
    background-color: #fff;
    background-image: url(../img/bg.png);
    background-repeat: repeat-x;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 0.9em;
}
body {
    width: 1200px;
    margin: 0 auto;
    border: 0px solid green;
}
h1 {
    background-image: url(../img/bg_h1.png);
    background-repeat: no-repeat;
    color: #ff3234;
    font-size: 2.2em;
    margin: 45px 0 20px 0;
    padding-left: 45px;
}
.h1SansFond {
    background-image: url(../img/bg_h1news3.png);
    background-repeat: no-repeat;
    color: #ff3234;
    font-size: 2.2em;
    margin: 45px 0 20px 0;
    padding-left: 45px;
}
h2 {
    font-variant: small-caps;
    font-size: 1.2em;
    margin: 30px 0 20px 0;
    color: #ff3234;
}
h3 {
    font-variant: small-caps;
    font-size: 1.0em;
    margin: 10px 0 5px 0;
    color: #ff3234;
}

.texte_H3 {
    font-variant: small-caps;
    font-size: 1.0em;
    margin: 10px 0 5px 0;
    color: #ff3234;
}
p {font-weight: bold;line-height:1.4em;}
p a:link, p a:visited, li a:link, li a:visited {color:#ff3234;text-decoration:underline;}
p a:hover, li a:hover {color:#d4282a;text-decoration:underline;}

ul, ol {margin: 15px 0;}
li {list-style-position: inside;font-weight: bold;line-height:1.4em;list-style-image: url(../img/arrow_li.png);}
.sous_menu {padding: 0 0 0 40px;}
.sous_sous_menu {padding: 0 0 0 70px;}

area {border:0px solid green;}
#masque_rouge {
    position:absolute;
    top:0;
    left:-600px;
    border:0px solid green;
    height: 130px;
    width:50%;
    background-color: #ff0000;
}
#entete {display: block;height: 130px;z-index:41;background-image: url(../img/bg_gradiant.png);background-repeat: no-repeat;}
#entete p {padding: 40px 0 0 0;}
#accessbar {display: block;height: 47px;margin-top: 3px;}
#accessbar ul, #accessbar ol {margin:0;}
#accessbar li {float: left;list-style-image: url(../img/arrow.png);line-height: 47px; margin: 0 30px 0 0;}
#accessbar li a:link, #accessbar li a:visited {color: #fff; text-decoration: none;font-weight: bold;}
#menu_gauche {float: left;border: 0px solid black;width: 260px;}
#contenu {width: 920px; display: block;border: 0px solid green;float: right;}
#contenu.fond_vierge {background-image: url(../img/fond_vierge.png);background-repeat:no-repeat;background-position:top right;padding: 0px 0 0 0;}
#contenu.photo_jour {background-image: url(../img/fond_vierge.png);background-repeat:no-repeat;background-position:top right;padding: 120px 0 0 0;}
#contenu.news_index {padding: 0px 0 0 0}
#news_bloc {background-image: url(../img/fond_vierge_news.png);width:920px}
.h1News{width:500px}
#contenu.dernieres_infos {background-image: url(../img/dernieres_infos.png);background-repeat:no-repeat;background-position:top right;padding: 120px 0 0 0;}
#affiche {color:#cdcc96;}
#affiche a:link, #affiche a:visited, #menu a:link, #menu a:visited {color:inherit;text-decoration:none;}
#affiche .titre {font-size: 2em; font-weight: bold;margin: 30px 0 20px 0;}
#affiche li {list-style-image: url(../img/arrow_cdcc96.png);font-weight:bold;margin: 5px 0;}
#affiche li.active {color:#ff3234;list-style-image: url(../img/arrow_ff3234.png);font-weight:bold;margin: 5px 0;}
#menu {color:#ff3234;}
#menu .titre {font-size: 2em; font-weight: bold;margin: 30px 0 20px 0;}
#menu li {list-style-image: url(../img/arrow_ff3234.png);font-weight:bold;margin: 5px 0;}
#menu li.active {color: #cdcc96;list-style-image: url(../img/arrow_cdcc96.png);font-weight:bold;margin: 5px 0;}
#footer {clear:both;background-image: url(../img/bg_footer.png);background-repeat:repeat-x;background-position:bottom;}
.droite {text-align: right;}
.img_du_jour {float:right;margin: -70px 20px 0 20px;}
.comite {position:relative;left: 30px;top:-30px;margin-bottom: -25px;line-height:0.8em;}
.comite img {border-width:0;}
#comite_description {padding-left:20px;color: #fff; font-weight: bold;}
#comite_description img {vertical-align: text-bottom;}
textarea, input {
width:200px;
border:#CCCCCC 1px solid;
}
input.button{
width:80px;
}

.input_little {
    width:100px;
}