*{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover{
text-decoration:underline;
}
body{
background-color:#83ACCA;
}
div#document{
background-color:#FFFFFF;
width:1000px;
margin-left:auto;
margin-right:auto;
}
div#entete,div#corps,div#pied{
width:982px;
margin-left:auto;
margin-right:auto;
}
div#entete{

}
div#corps{
}
div#pied{
/*background-color:#83ACCA;*/
background-color:#4183b4;
padding:10px;
}

/* ENTETE */
div#entete div.ligne1{
height:90px;
}
div#entete div.ligne2{
background-image:url(/images/F1.gif);
background-repeat:no-repeat;
height:260px;
padding:10px;
}
div#entete div.ligne3{
background-image:url(/images/F2.gif);
background-repeat:no-repeat;
width:982px;
height:31px;
line-height:31px;
}
div#entete div.ligne2 div.bloc{
float:left;
margin-right:10px;
width:470px;
}
div#entete div.ligne2 div.bloc h1,span.titre{
font-weight:bold;
font-size:16px;
display:block;
width:468px;
border-bottom:2px solid #fff;
margin-bottom:5px;
}
div#entete div.ligne2 div.bloc p{
font-size:11px;
}
div.demo{
margin-top:10px;
background-image:url(/images/fond.png);
width:460px;
border:1px solid #ABC94D;
overflow:hidden;
}
div.demo div img{
margin-bottom:150px;
}
div.liste{
width:600px;
border-bottom:1px solid #ccc;
margin-left:30px;
margin-bottom:10px;
}
div.liste a.image{
float:left;
width:100px;
display:block;
}
p.liste{
display:block;
float:left;
width:450px;
color:#333333;
font-size:12px;
}
div.liste p.liste a{
color:#84ACCA;
}
span.champs{
height:25px;
line-height:25px;
float:left;
display:block;
width:200px;
text-align:right;
font-size:12px;
}
span.valeur{
height:25px;
line-height:25px;
float:left;
display:block;
width:190px;
text-align:left;
font-size:12px;
}
form.moteur{
margin-top:25px;
}
.button{
background-color:#9dbed5;
color:#fff;
font-weight:bold;
font-size:14px;
border:1px solid #83acca;
margin-left:200px;
width:150px;
}
.button2{
background-color:#9dbed5;
color:#fff;
font-weight:bold;
font-size:14px;
border:1px solid #83acca;
width:150px;
}
div.ligne3 a{
color:#fff;
display:block;
float:left;
margin-left:5px;
margin-right:15px;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
div.ligne3 a.inscription{
float:right;
}



/*CORPS*/
div.gauche{
float:left;
width:670px;
}
div.droite{
float:right;
width:300px;
}
div.droite div.bloc{
width:300px;
background-image:url(/images/F3.gif);
background-repeat:repeat-x;
margin-bottom:15px;
}
div.gauche div.bloc{
width:670px;
background-image:url(/images/F3.gif);
background-repeat:repeat-x;
margin-bottom:15px;
}

div.droite div.bloc h2,div.gauche div.bloc h2{
font-size:16px;
color:#fff;
font-weight:bold;
text-indent:10px;
margin-top:3px;
margin-bottom:10px;
}
div.droite div.bloc p.bloc,div.gauche div.bloc p.bloc
{
text-indent:10px;
color:#fff;
font-size:12px;
margin-bottom:10px;
}
/* WEBPORTES INSCRITS */
div.porte{
clear:both;
padding-left:10px;
}
div.vignette{
float:left;
width:75px;
}
div.texte{
float:right;
width:210px;
}
img.vignette{
width:70px;
border:2px solid #D7E4EE;
}
div.texte a{
color:#A8C74E;
font-weight:bold;
font-size:12px;
text-decoration:none;
}
div.texte span{
color:#333333;
font-size:12px;
}
div.aide{
background-image:url(/images/F5.gif);
width:290px;
height:100px;
padding:5px;
}
div.aide span{
font-size:13px;
color:#9DBED4;
margin-bottom:25px;
font-weight:bold;
}

div.aide p{
font-size:12px;
color:#fff;
text-align:justify;
}
div.aide p a{
color:#fff;
}

ul.activite{
width:600px;
margin-left:15px;
}
ul.activite,ul.activite li ul{
list-style:none;
}
ul.activite li a{
color:#A8C74E;
font-size:14px;
text-decoration:none;
font-weight:bold;
background-image:url(/images/F6.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:15px;
}
ul.activite li ul li a{
background-image:none;
color:#333333;
font-size:12px;
text-decoration:none;
font-weight:normal;
}
div.region{
margin-left:15px;
}
div.bloc_region span{
color:#333333;
font-weight:bold;
display:block;
width:100%;
font-size:12px;
margin-top:15px;
}
div.bloc_region p a{
color:#333333;
font-weight:normal;
font-size:11px;
text-decoration:none;
}
table.table_pied{
color:#fff;
font-size:12px;
}
table.table_pied tr td a{
color:#FFFFFF;
text-decoration:none;
}
.select_recherche{
width:180px;
}
a.lien1{
color:#fff;
}
a.lien2{
font-size:12px;
color:#666;
}
div.demo div div{
width:100px;
height:80px;
float:left;
}
div.demo div div img{
width:90px;
}
.demo_titre{
font-weight:bold;
font-size:13px;
color:#82ABC9;
margin-top:10px;
display:block;
}
p.demo_texte,p.demo_texte a {
color:#767676;
}
div#entete div.ligne2 div.bloc p{
color:#767676;
}
ul.liste{
margin-top:10px;
color:#fff;
font-size:12px;
display:block;
width:390px;
float:right;
}
ul.liste li{
list-style:none;
margin-bottom:5px;
font-size:12px;
height:25px;
line-height:25px;
width:335px;
}
div.pagination{
margin-top:20px;
width:500px;
margin-left:auto;
margin-right:auto;
}
div.pagination span{
margin-right:2px;
display:block;
float:left;
width:25px;
height:25px;
font-size:13px;
color:#A8C74E;
text-align:center;
line-height:25px;
border:1px solid #A8C74E;
}
div.pagination span a{
margin-right:2px;
display:block;
float:left;
width:25px;
height:25px;
font-size:13px;
color:#FFF;
background-color:#A8C74E;
text-align:center;
line-height:25px;
border:1px solid #A8C74E;
}
div.pagination a{
margin-right:2px;
border:1px solid #A8C74E;
display:block;
float:left;
color:#FFF;
background-color:#A8C74E;
width:100px;
line-height:25px;
height:25px;
font-size:13px;
text-align:center;
}
.erreur{
margin-top:50px;
border:2px solid #F4A204;
width:500px;
margin-left:auto;
margin-right:auto;
color:#F4A204;
font-size:12px;
text-align:center;
padding:50px;
}
p.presentation{
color:#666666;
font-size:12px;
display:block;
margin-left:10px;
}
#map span{
 display:none;
}
table.tableau{
border:1px solid #A8C74E;
width:645px;
background-color:#fff;
margin:0 auto;
}
table.tableau tr td{
border:1px solid #CAD65F;
height:20px;
line-height:20px;
padding-left:3px;
font-size:12px;
font-color:#666;
}
table.tableau tr th{
background-color:#A8C74E;
font-size:12px;
font-color:#666;
}
span.exp{
font-weight:bold;
font-size:12px;
color:#666;
margin-left:10px;
}

p.exp{
font-size:12px;
color:#666;
margin-bottom:15px;
margin-left:10px;
padding-bottom:10px;
border-bottom:1px dashed #ccc;
}
p.exp_nb{
    font-size:12px;
    color:#666;
    margin-bottom:15px;
    margin-left:10px;
    padding-bottom:10px;

}
ul li {
    font-size:12px;
    color:#666;
    margin-bottom:2px;
    margin-left:35px;
}
p.exp_i{
font-size:12px;
color:#83ACCA;
margin-left:15px;
font-style:italic;
}
span.note{
color:#999999;
font-size:35px;
font-weight:bold;
}
div#entete div.ligne2 div.bloc h1,div#entete div.ligne2 div.bloc h2,span.titre,span.champs{
color:#fff;
}
.input{
width:350px;
color:#000;
font-size:12px;
height:20px;
line-height:20px;
border:1px solid #ccc;
}
.textarea{
width:350px;
color:#000;
font-size:12px;
height:200px;
line-height:20px;
border:1px solid #ccc;
}
.datetime{
font-family:Arial;
font-size:12px;
color:#fff;
font-style:italic;
display:block;
width:250px;
margin:0 auto;
}
div.graph{
position:relative;
width:288px;
background-image:url(/images/graph.jpg);
background-repeat:no-repeat;
height:84px;
display:block;
}
div.point{
margin-left:4px;
width:25px;
background-image:url(/images/bar.gif);
background-repeat:repeat-x;
border:1px solid #fcfcfc;
position : absolute;
bottom : 2px;
}
span.titre_graph{
display:block;
position:absolute;
left:0;
top:0;
height:15px;
width:288px;
text-align:center;
font-style:italic;
font-weight:bold;
background-color:#FFFFFF;
z-index:9000;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);

}
span.alaune,a span.alaune{
font-size:12px;
font-weight:bold;
margin-bottom:10px;
display:block;
text-decoration:none;
color:#000;
}
p.alaune{
font-size:12px;
text-align:left;
}
p.alaune a{
color:#84ACCA;
font-weight:bold;
font-size:12px;
float:right;
margin-top:10px;
}
img.alaune{
height:100px;
margin:5px;
float:left;
}
.green-bubble:before {
    content: "";
    display: block;
    background-image: url("/images/sprite.png");
    background-position: -12px top;
    width: 12px;
    height: 18px;
    position: absolute;
    top: -18px;
    right: 18px;
}
.green-bubble {
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px 70px;
    background-color: #a1c330;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    zoom: 1;
    font-family: 'Titillium Web',sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1em;
}
.green-bubble:hover {
    color: #fff;
    text-decoration: none;
}