/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
    color               : #7B7560;
    text-decoration     : none;
	background          : #F0F4BF;
}

a, a:visited, a:link {
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h4 {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
    line-height         : 20px;
    font-weight         : normal;
}
                      
h1 {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #d2CF00;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #C91C00;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #7B7560;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                  
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 12px;
}
ol {
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 4px 0px 4px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
    font-size           : 11px;
}
form {                
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/

/*  Menu */
div.menu {
    font-size           : 12px;
}
div.menu a.niveau1, div.menu a.niveau1:visited, div.menu a.niveau1:link {
    display             : block;
	font-weight         : normal;
	color               : #000000;
	text-decoration     : none;
	background          : transparent url(images/gabarit/menu_off.jpg) top left repeat-y;
	border              : 0px;
	padding             : 6px 4px 6px 8px;
}
div.menu a.niveau1:active, div.menu a.niveau1:hover,
div.menu a.niveau1_on, div.menu a.niveau1_on:visited, div.menu a.niveau1_on:link, div.menu a.niveau1_on:active, div.menu a.niveau1_on:hover {
    display             : block;
	font-weight         : normal;
	color               : #FFFFFF;
	text-decoration     : none;
	background          : transparent url(images/gabarit/menu_on.jpg) top left repeat-y;
	border              : 0px;
	padding             : 6px 4px 6px 8px;
}

div.menu div.separateur {
	background          : transparent url(images/gabarit/separateur_menu.gif) top left no-repeat;
}
div.menu div.separateur_bas {
    background          : transparent url(images/gabarit/bas_menu.gif) top left no-repeat;
}
/************************/
/*  Styles specifiques  */
/************************/

/*  contient le site et affiche l'image de pied de page -> main */
div#conteneur_fond_pied {
    width               : 980px;
    background          : #FFFFFF url(images/gabarit/fond_footer.gif) bottom left no-repeat;
    margin-left         : auto;
    margin-right        : auto;
}
/*  contient le site et affiche l'image de header verte avec le logo    */
div#conteneur_fond_header {
    width               : 100%;
    background          : transparent url(images/gabarit/fond_site.gif) top left no-repeat;
}
/*  contient le site    */
div#conteneur_site {
    width               : 100%;
}
/*  partie gauche    */
div#conteneur_gauche {
    float               : left;
    width               : 715px;
}

div#header {
    width               : 620px;
    height              : 117px;
    
}

div#header a.agre_qualite_a {
    float               : left;
    padding-left        : 16px;
}
div#header img.agre_qualite_img {
    width               : 76px;
    height              : 55px;
}
div#header a.logo_a {
    float               : left;
    padding-top         : 7px;
    padding-left        : 20px;
}
div#header img.logo_img {
    width               : 222px;
    height              : 88px;
}

div#content_bloc {
    clear               : both;
}

div#menu {
    float               : left;
    width               : 137px;
}

div#contenu {
    float               : right;
    width               : 538px;
    padding             : 15px;
}

/*  partie droite    */
div#conteneur_droit_conteneur {
    float               : right;
    width               : 253px;
    padding-left        : 12px;
    background          : transparent url(images/gabarit/border_conteneur_droit.jpg) left 55px no-repeat;
    height              : 494px;
    padding-top         : 55px;
}

div#conteneur_droit {
    width               : 253px;
    background          : transparent url(images/gabarit/fond_conteneur_droit.jpg) left top repeat-x;
    height              : 494px;
}

div#picto_page {
    width               : 100%;
}

div#citation {
    clear               : both;
    padding             : 30px 25px;
    color               : #7C7C7C;
    line-height         : 20px;
}

/*  footer    */
div#footer {
    clear               : both;
    width               : 172;
    height              : 27px;
    background          : transparent url(images/gabarit/fond_bloc_footer.gif) left 25px no-repeat;
    padding-top         : 27px;
    padding-left        : 808px;
}