/* 
    Document   : style
    Created on : 25 juin 2013, 21:48:42
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body
{
    text-align: center;
    margin: 0;
    padding: 0;
}


#fond{
    height: 83%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;


    background-image: linear-gradient(bottom, rgb(255,255,255) 4%, rgb(110,110,110) 100%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 4%, rgb(110,110,110) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 4%, rgb(110,110,110) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 4%, rgb(110,110,110) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 4%, rgb(110,110,110) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.04, rgb(255,255,255)),
        color-stop(1, rgb(110,110,110))
        );
}

#header{
    display: block;
    height: 210px;
    margin: auto;
    padding: 0;
    width: 940px;
    position: relative;
    top: 35px;
}
#page{
    display: block;
    margin: auto;
    padding: 0;
    width: 940px;
    position: relative;
    top: 40px;
    background-color:  transparent;
}
#nav{
    display: block;
    float: left;
    margin: 0;
    padding: 20px;
    width: 195px;
    top: 0px;
    text-align: left;
    color: #500039;
    font: 14px/140% Arial,Helvetica,sans-serif;


background: #E2F9C5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYmE5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UyZjljNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #aaba94 0%, #e2f9c5 50px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaba94), color-stop(20%,#e2f9c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* IE10+ */
background: linear-gradient(to bottom,  #aaba94 0%,#e2f9c5 50px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaba94', endColorstr='#e2f9c5',GradientType=0 ); /* IE6-8 */


}

#article{
    display: block;
    float: left;
    margin: 0 0 0 5px ;
    padding: 30px;
    width: 640px;
    top: 0px;
    text-align: left;
    color: black;
    font: 14px/140% Arial,Helvetica,sans-serif;


background: #E2F9C5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYmE5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UyZjljNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #aaba94 0%, #e2f9c5 50px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaba94), color-stop(20%,#e2f9c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aaba94 0%,#e2f9c5 50px); /* IE10+ */
background: linear-gradient(to bottom,  #aaba94 0%,#e2f9c5 50px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaba94', endColorstr='#e2f9c5',GradientType=0 ); /* IE6-8 */


}
#article h1,#article h2{
   font: 18px/140% Arial,Helvetica,sans-serif;
    font-weight: bold;
}
#article h2{
   
    font-size: 16px;
}