/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Helvetica, sans-serif;
	font-size           : 14px;
	color               : #000000;
	background          : #D6D5CF url('images/fonds/fond_gauche_gris.gif') top left repeat-y;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

html, body {
    height              : 100%;
    width               : 100%;
    margin              : 0;
    padding             : 0;
    border              : none;
}

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

p {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                        
h1 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 28px;
    font-weight         : bold;
    color               : #8E8B7E;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 22px;
    font-weight         : bold;
    color               : #F7931D;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #000000;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h4 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 20px;
    font-weight         : bold;
    color               : #000000;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h5 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #000000;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

td {                    
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
}
ol {
    font-family         : Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}                       
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
}
form {                  
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}                       
input {
    vertical-align      : middle;
}


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

div.copyright {
	color               : #623017;
	background-color    : inherit;
    font-family         : Arial, Helvetica, sans-serif;
	font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
	text-decoration     : none;
}
div.copyright img {
    vertical-align      : middle;
}
/* Menu */
div.menu {
    background-color    : transparent;
    height              : 27px;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 18px;
	font-weight         : bold;
	padding             : 2px 0px;
	color               : #838383;
	text-decoration     : none;
	width               : 100%;
	text-align          : center;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 18px;
	font-weight         : bold;
	padding             : 2px 0px;
	color               : #231f20;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
    /*margin-top          : 13px;*/
}
div.ssmenu div {
    background-color    : #AAA79C;
    margin-top          : 13px;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 16px;
	font-weight         : normal;
	padding             : 2px 5px;
	color               : #231f20;
	text-decoration     : none;
	text-align          : center;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : Arial, Helvetica, sans-serif;
	font-size           : 16px;
	font-weight         : normal;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : #231f20;
	text-decoration     : none;
}

/*  Nouveaux styles */
img.img_block {
    display             : block;
    border              : 0px;
}

div.conteneur {
    clear               : both;
    margin-top          : 0px;
    padding-top         : 0px;
    border-top          : 0px;
    width               : 981px;
    border-right        : 1px solid #B1AD9D;
    height              : 100%;
    background          : #FFFFFF url('images/fonds/fond_gauche_gris.gif') top left repeat-y;
}

    /*  Haut    */
div#haut {
    width               : 100%;
    height              : 101px;
}

div#haut div.gauche_image {
    width               : 168px;
    height              : 74px;
    float               : left;
    background          : #FFFFFF url('images/logos/logo_haut_gauche.jpg') left top  no-repeat;
}

div#haut div.centre_bandeau {
    width               : 635px;
    height              : 74px;
    float               : left;
}

div#haut div.droite_logo {
    width               : 177px;
    height              : 101px;
    float               : right;
    background          : #FFFFFF url('images/logos/logo_droite.jpg') left top  no-repeat;
}

div#haut div.gauche_menu {
    width               : 168px;
    height              : 27px;
    float               : left;
    background          : #989489 url('images/pictos/fleche_orange.gif') 139px center  no-repeat;
}

div#haut div.gauche_menu a {
    display             : block;
    font-size           : 18px;
    font-weight         : bold;
    padding             : 2px 0px;
    color               : #FFFFFF;
    text-decoration     : none;
    background          : transparent;
    padding-left        : 10px;
}

div#haut div.centre_menu {
    width               : 635px;
    height              : 27px;
    float               : left;
    background          : #D6D5CF;
}

    /*  Centre  */
div#contenu_cadre {
    width               : 100%;
    height              : 500px;
    background          : #FFFFFF url('images/fonds/fond_menu_gauche.jpg') left bottom  no-repeat;
}
div#contenu_cadre_accueil {
    clear               : both;
    width               : 100%;
    height              : 500px;
    background          : #FFFFFF;
}
    /*  Centre - Gauche  */
div.menu_gauche {
    width               : 168px;
    float               : left;
    height              : 500px;
    margin-top          : 7px;
}

div.menu_gauche a , div.menu_gauche a:visited, div.menu_gauche a:link {
    color               : #231F20;
    text-decoration     : none;
}

div.partie_1_menu_gauche {
    font-size           : 20px;
    font-weight         : bold;
    padding-left        : 10px;
}

div.partie_1_menu_gauche_on {
    font-size           : 20px;
    font-weight         : bold;
    border-bottom       : 1px solid #808284;
    padding-left        : 10px;
}

div.partie_2_menu_gauche {
    font-size           : 16px;
    font-weight         : normal;
    padding-left        : 20px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_1.gif') 10px 9px  no-repeat;
}

div.partie_2_menu_gauche_on {
    font-size           : 16px;
    font-weight         : bold;
    border-bottom       : 1px solid #808284;
    padding-left        : 20px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_1.gif') 10px 9px  no-repeat;
}

div.partie_3_menu_gauche {
    font-size           : 14px;
    font-weight         : normal;
    padding-left        : 30px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_2.gif') 20px 7px  no-repeat;
}

div.partie_3_menu_gauche_on {
    font-size           : 14px;
    font-weight         : bold;
    border-bottom       : 1px solid #808284;
    padding-left        : 30px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_2.gif') 20px 7px  no-repeat;
}

div.partie_4_menu_gauche {
    font-size           : 12px;
    font-weight         : normal;
    padding-left        : 40px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_3.gif') 30px 8px  no-repeat;
}

div.partie_4_menu_gauche_on {
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #808284;
    padding-left        : 40px;
    background          : transparent url('images/pictos/puce_ronde_ss_menu_3.gif') 30px 8px  no-repeat;
}

    /*  Centre - Contenu */
div#contenu_cadre div.contenu {
    padding             : 20px 30px;
    width               : 732px;
    float               : left;
    height              : 100%;
}
div#contenu_cadre_accueil div.contenu {
    padding-top         : 4px;
    float               : right;
    height              : 100%;
}
div.contenu p {
    text-align          : justify;
}
    /*  Bas */

div.separateur {
    clear               : both;
}

/*  Diaporama   */
div.vignette_diaporama_cadre {
    width               : 185px;
    height              : 122px;
    background-color    : #CBC9C2;
    text-align          : center;
    vertical-align      : middle;
}

div#diapo_calque_grand {
    background-color    : #808284;
    padding             : 2px;
    padding-left        : 2px;
    padding-right       : 2px;
    padding-bottom      : 2px;
    /*padding-top         : 20px;*/
    
}

div#diapo_calque_grand_img_conteneur {
    text-align          : center;
    
    background-color    : #CBC9C2;
}

img#diapo_calque_grand_img {
    text-align          : center;
}

span#diapo_calque_grand_span {
    display             : block;
    text-align          : left;
    color               : #FFFFFF;
    padding             : 10px;
    font-size           : 14px;
}

span#diapo_calque_grand_text_fermer {
    display             : block;
    width               : 100%;
    text-align          : right;
    font-weight         : bold;
}