/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #828282;
    text-decoration     : none;
	background          : #888A8A;
	background          : #7D2634 url(images/gabarit/fond_body.jpg) top center repeat-x;
}

a:focus {
    outline             : none;
}

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

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

h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 28px;
    font-weight         : bold;
    color               : #FFFFFF;
	background          : transaprent;
    margin-top          : 0px;
    margin-bottom       : 0px;
    /*text-transform      : uppercase;*/
    font-variant        : small-caps;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #CB1F6C;
    margin-top          : 0px;
    margin-bottom       : 0px;
    text-transform      : uppercase;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #CCCF14;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h5 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #781E6F;
    margin-top          : 0px;
    margin-bottom       : 0px;
    text-transform      : uppercase;
}

h6 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    font-weight         : normal;
    margin              : 0px;
}
td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, 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         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
/*table.container {
    border-left         : 5px solid #4C4941;
    border-right        : 5px solid #4C4941;
    border-top          : 3px solid #888A8A;
}
a.logo {
    display             : block;
    color               : inherit;
	background-color    : #FFFFFF;
    border-bottom       : 1px solid #000000;
    width               : 770px;
}
table.decoupage {
    color               : #000000;
    background-color    : #FFFFFF;
}
table.decoupage td.menu {
    border-top          : 1px solid #6EA39E;
}
table.decoupage td.contenu {
    border-top          : 1px solid #6EA39E;
    border-left         : 1px solid #6EA39E;
    color               : #000000;
    background-color    : #ECF1F7;
}
table.decoupage div.titre_page {
    margin              : 5px 5px;
    padding             : 5px 0px 5px 5px;
    font-weight         : bold;
    font-size           : 14px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    color               : #256DA1;
	background-color    : inherit;
    text-align          : left;
    border-left         : 25px solid #256DA1;
}
table.decoupage td.contenu div.contenu_page {
    margin              : 10px;
}
table.decoupage td.contact div {
    background-color    : #000000;
    padding             : 5px 0px 5px 30px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 10px;
    color               : #9E9E9E;
}
table.decoupage td.contact h1 {
    color               : #FFCC00;
	background-color    : inherit;
    font-weight         : bold;
    font-size           : 11px;
}
table.decoupage td.contact a, table.decoupage td.contact a:visited, table.decoupage td.contact a:active, table.decoupage td.contact a:hover, table.decoupage td.contact a:link {
    color               : #9E9E9E;
	background-color    : inherit;
    font-size           : 10px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
}
div.copyright {
    color               : inherit;
    background-color    : #FFFFFF;
    padding             : 4px 0px 1px 10px;
}
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 {
	font-size           : 10px;
	font-family         : Verdana, Arial, Helvetica, sans-serif;
	width               : 166px;
	padding-left        : 1px;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-weight         : normal;
	color               : #FFFFFF;
	text-decoration     : none;
	background          : transparent url(images/gabarit/menu/fleche_off.gif) 7px 7px no-repeat;
	border              : 0px;
	padding-left        : 30px;
	padding-top         : 4px;
	padding-right       : 10px;
	padding-bottom      : 4px;
	font-size           : 12px;
}
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-weight         : normal;
	color               : #FFFFFF;
	text-decoration     : none;
	background          : #C14343 url(images/gabarit/menu/fleche_on.gif) 7px 7px no-repeat;
	border              : 0px;
	padding-left        : 30px;
	padding-top         : 4px;
	padding-right       : 10px;
	padding-bottom      : 4px;
	font-size           : 12px;
}
/*div.menu a.niveau2, div.menu a.niveau2:visited, div.menu a.niveau2:link {
    display             : block;
	color               : #000000;
	background-color    : inherit;
	text-decoration     : none;
	border-left         : 12px solid #DFEBF2;
	line-height         : 15px;
	padding-left        : 10px;
}
div.menu a.niveau2:active, div.menu a.niveau2:hover,
div.menu a.niveau2_on, div.menu a.niveau2_on:visited, div.menu a.niveau2_on:link, div.menu a.niveau2_on:active, div.menu a.niveau2_on:hover {
    display             : block;
	color               : #407471;
	text-decoration     : none;
	background-color    : #EFF6FA;
	border-left         : 12px solid #DFEBF2;
	line-height         : 15px;
	padding-left        : 10px;
}
*/
div.menu div.separateur {
	background          : transparent;
    color               : inherit;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-left          : 10px;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : normal;
	padding             : 4px 10px 4px 10px;
	color               : #FFFFFF;
	background          : #C14343;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 11px;
	font-weight         : normal;
	padding             : 4px 10px 4px 10px;
	color               : #FFFFFF;
	background          : #BD0B0C;
	text-decoration     : none;
}
div.ssmenu a.separateur_menu, div.ssmenu a.separateur_menu:visited, div.ssmenu a.separateur_menu:link {
    display             : block;
    width               : 20px;/* On donne une taille fixe , puis un redimensionnement est donné en javascript pour adapter ŕ la taille du sous-menu  */
    height              : 1px;
    margin              : 0px;
    padding             : 0px;
    /*background          : #DB9090;*/
}

/*  Styles supplementaires  */
div#conteneur {
    margin-left         : auto;
    margin-right        : auto;
    background          : transparent url(images/gabarit/fond_conteneur.gif) top center no-repeat;
}

div#conteneur_site {
    margin-left         : auto;
    margin-right        : auto;
    width               : 1000px;
    height              : 678px;
    background          : #FFFFFF;
}

div#header {
    width               : 970;
    padding-left        : 30px;
    padding-top         : 59px;
    height              : 102px;
    background          : transparent url(images/gabarit/fond_header.jpg) top left no-repeat;
}

div#outils {
    clear               : both;
    width               : 100%;
    height              : 46px;
    background          : transparent url(images/gabarit/fond_outil.jpg) top left no-repeat;
}

div#switch_langue {
    float               : left;
    padding-left        : 31px;
    padding-top         : 12px;
}

div#titre_page {
    float               : right;
    padding-right       : 35px;
    padding-top         : 5px;
    width               : 700px;
    text-align          : right;
}

div#bloc_contenu {
    width               : 100%;
    height              : 477px;
    background          : #FFFFFF url(images/gabarit/fond_contenu.jpg) top left no-repeat;
}

div#bloc_contenu_left {
    float               : left;
    width               : 204px;
    height              : 477px;
}

div#menu {
    width               : 204px;
    height              : 221px;
}

div#menu_accueil {
    width               : 204px;
    height              : 221px;
}

div#image_nouveaute {
    padding             : 20px 37px 0px 30px;
    width               : 137px;
    height              : 159px;
    text-align          : center;
    background          : transparent url(images/gabarit/fond_actu_nouv.jpg) 5px top  no-repeat;
}

div#image_nouveaute_empty {
    padding             : 20px 37px 0px 30px;
    width               : 137px;
    height              : 159px;
}

div#image_nouveaute div {
    color               : #5F0E18;
    text-transform      : uppercase;
    font-size           : 9px;
    font-weight         : bold;
    padding-bottom      : 2px;
}

div#contact {
    width               : 173px;
    height              : 77px;
    padding-left        : 31px;
}

div#contact a, div#contact a:visited, div#contact a:link {
    color               : #828282;
}

div#contact a:hover, div#contact a:active {
    color               : #828282;
}

div#bloc_contenu_right {
    width               : 766px;
    height              : 437px;
    padding-right       : 20px;
    padding-top         : 30px;
    padding-bottom      : 10px;
    float               : right;
}

div#contenu {
    overflow-y          : auto;
    width               : 695px;
    height              : 100%;
    padding-left        : 60px;
}

/* Styles accueil   */
div#bloc_contenu_right_accueil {
    float               : left;
    width               : 796px;
    height              : 477px;
}

div#flash_accueil {
    width               : 796px;
    height              : 131px;
}

div#bloc_contenu_accueil {
    clear               : both;
    float               : left;
    width               : 388px;
    height              : 312px;
    padding-left        : 80px;
    padding-top         : 24px;
    padding-right       : 40px;
    padding-bottom      : 10px;
}

div#texte_edito {
    width               : 100%;
    height              : 30px;
}

div.titre_edito {
    font-weight         : bold;
    font-size           : 18px;
    color               : #781E6F;
}

div#contenu_accueil {
    width               : 100%;
    height              : 312px;
    overflow            : auto;
}

div#bloc_news_accueil {
    float               : right;
    width               : 248px;
    height              : 312px;
    padding-top         : 24px;
    padding-bottom      : 10px;
    padding-left        : 20px;
    padding-right       : 20px;
}

div#texte_actu {
    width               : 100%;
    height              : 30px;
}

div.titre_actu {
    font-weight         : bold;
    font-size           : 18px;
    color               : #781E6F;
}


div#news_accueil {
    width               : 100%;
    height              : 282px;
    overflow            : auto;
}
    /*  Styles actu accueil */
div.actualite_accueil {

}

div.titre_actu_accueil {
    padding-top         : 20px;
    font-weight         : bold;
    color               : #781E6F;
}

div.contenu_actu_accueil {
    padding-top         : 2px;
    font-weight         : normal;
    color               : #3A3A3A;
}

div.lire_suite_actu_accueil {
    padding-top         : 2px;
    font-weight         : normal;
    color               : #3A3A3A;
    padding-bottom      : 20px;
}

/*  Fin styles accueil  */



div#footer {
    clear               : both;
    width               : 100%;
    height              : 44px;
    background          : #FFFFFF url(images/gabarit/fond_footer.gif) bottom left no-repeat;
}

div#signature {
    clear               : both;
    width               : 980px;
    text-align          : right;
    padding-right       : 20px;
    padding-top         : 7px;
    background          : #7D2634;
}

div#signature a, div#signature a:visited, div#signature a:link {
    color               : #FFFFFF;
    text-decoration     : none;
}

div#signature a:hover, div#signature a:active {
    text-decoration     : underline;
}