/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 12px;
    color               : #706967;
	background          : #C5007B;
}

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

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

h1 {
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 20px;
    font-weight         : bold;
    color               : #96A619;
    text-align          : center;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 18px;
    font-weight         : bold;
    color               : #C5007B;
    margin-top          : 0px;
    margin-bottom       : 1px;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
    color               : #C5007B;
}

h3 {
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #96A619;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}

h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
    color               : #96A619;
}

td {
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 12px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 12px;
}
ol {
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px;
    padding             : 0px 0px 0px 16px;
    list-style-type     : square;
    font-family         : Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
    font-size           : 12px;
    background          : transparent url(images/puce_li.gif) 4px 7px no-repeat;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input, textarea {
    vertical-align      : middle;
    border              : 1px solid #EFCFE2;
    color               : #706967;
    font-size           : 12px;
    background          : #FFFFFF;
}

input, textarea {
    border              : 1px solid #EFCFE2;
    color               : #706967;
    font-size           : 12px;
    background          : #FFFFFF;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
div#conteneur {
    position            : absolute;
    width               : 1000px;
    height              : 720px;
    left                : 50%;      /* pour centrer mettre la gauche a 50% */
    margin-left         : -500px;   /* et la marge à gauche la moitié de sa largeur */
    top                 : 50%;
    margin-top          : -360px;   /* pareil pour centrer verticalement !!! */
    /*background          : #FFFFFF url(images/gabarits/classique/fond_conteneur.gif) top left no-repeat;*/
    background          : transparent;
}

div#header {
    background          : #FFFFFF url(images/gabarit/fond_header.gif) top left no-repeat;
    width               : 965px;
    padding             : 0px 0px 0px 35px;
    height              : 146px;
}

div#header a,div#header a:link, div#header a:visited, div#header a:hover, div#header a:active {
    width               : 310px;
    height              : 146px;
}

div#header img {
    width               : 310px;
    height              : 146px;
}

div#inscription_newsletter {
    clear               : both;
    background          : #FFFFFF;
    width               : 970px;
    height              : 20px;
    padding             : 0px 30px 0px 0px;
    text-align          : right;
    color               : #96A619;
}

div#inscription_newsletter input.email {
    width               : 150px;
    height              : 14px;
    border              : 1px solid #EFCFE2;
    color               : #706967;
    font-size           : 12px;
}

input.input {
    width               : 150px;
    height              : 14px;
    border              : 1px solid #EFCFE2;
    color               : #706967;
    font-size           : 12px;
}
input.Bouton {
    width               : auto;
    height              : auto;
    border              : 1px solid #EFCFE2;
    color               : #706967;
    font-size           : 12px;
    background          : #FFFFFF;
}


div#bloc_contenu {
    clear               : both;
    width               : 100%;
    height              : 534px;
    background          : #FFFFFF url(images/gabarit/fond_bloc_contenu.gif) bottom left repeat-x;
}

div#bloc_menu {
    float               : left;
    width               : 192px;
    padding             : 44px 0px 0px 0px;
}

div#menu_site {
    padding             : 0px 20px 30px 20px;
}

div#menu_site a, div#menu_site a:link, div#menu_site a:visited, div#menu_site a:hover, div#menu_site a:active {
    display             : block;
    color               : #96A619;
    background          : transparent url(images/gabarit/fond_menu.gif) 10px 6px no-repeat;
    border-bottom       : 0px;
    width               : 168px;
    text-decoration     : none;
    padding             : 4px 0px 4px 28px;
    font-size           : 14px;
    font-weight         : bold;
}

div#menu_site a.niveau2, div#menu_site a.niveau2:link, div#menu_site a.niveau2:visited, div#menu_site a.niveau2:hover, div#menu_site a.niveau2:active {
	background          : transparent;
	border-bottom       : 0px;
	font-weight         : normal;
	color				: #C5007B;
	font-size           : 14px;
}

div#menu_site a.niveau2_on, div#menu_site a.niveau2_on:link, div#menu_site a.niveau2_on:visited, div#menu_site a.niveau2_on:hover, div#menu_site a.niveau2_on:active {
	background          : transparent url(images/gabarit/fond_menu_on.gif) 10px 6px no-repeat;
	border-bottom       : 0px;
	font-weight         : normal;
	color				: #C5007B;
	font-size           : 14px;
}

div.separateur_border {
	border-bottom       : 1px solid #DF9ABF;
	width               : 192px;
}

div#menu_catalogue {
    padding             : 0px 20px 0px 20px;
}

div#menu_catalogue a, div#menu_catalogue a:link, div#menu_catalogue a:visited, div#menu_catalogue a:hover, div#menu_catalogue a:active {
    display             : block;
    color               : #C5007B;
    background          : transparent url(images/gabarit/fond_menu_catalogue.gif) 10px 6px no-repeat;
    border-bottom       : 1px solid #96A619;
    width               : 168px;
    text-decoration     : none;
    padding             : 4px 0px 4px 28px;
    font-size           : 14px;
    font-weight         : bold;
}

div.contenu {
    float               : right;
    width               : 764px;
    height              : 534px;
    background          : transparent;
}

div.contenu_texte {
    overflow            : auto;
}

div#contenu_classique div.contenu_texte {
    width               : 506px;
    height              : 466px;
    padding             : 44px 258px 22px 0px;

}

div#contenu_classique_john div.contenu_texte {
    width               : 506px;
    height              : 466px;
    padding             : 44px 258px 22px 0px;
}

div#contenu_classique_catalogue div.contenu_texte {
    width               : 724px;
    height              : 494px;
    padding             : 20px 30px 20px 10px;
}

div#contenu_classique {
    width               : 764px;
    height              : 534px;
    background          : transparent url(images/gabarit/fond_classique.jpg) bottom right no-repeat;
}

div#contenu_classique_john {
    width               : 764px;
    height              : 534px;
    background          : transparent url(images/gabarit/fond_john.jpg) bottom right no-repeat;
}

div#contenu_classique_catalogue {
    width               : 764px;
    height              : 534px;
}

div#footer {
    clear               : both;
    background          : transparent;
    color               : #FFFFFF;
    text-align          : center;
    padding             : 5px 0px 0px 0px;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover {
    padding             : 0px 15px 0px 15px;
    color               : #FFFFFF;
}

div#footer span {
    padding             : 0px 15px 0px 15px;
    color               : #FFFFFF;
}

/*  STYLES CATALOGUE    */
table.listing_produits {
    border-collapse     : collapse;
    border              : 0px;
}

table.listing_produits td.colonne_gauche {
    width               : 190px;
    padding             : 0px 20px 0px 0px;
    text-align          : right;
}

table.listing_produits td.colonne_image {
    width               : 90px;
    padding             : 0px 20px 0px 0px;
    text-align          : center;
}

table.listing_produits td.colonne_droite {
    padding             : 0px 20px 0px 0px;
    text-align          : left;
}

span.text_bold {
    font-weight         : bold;
}

span.text_italic {
    font-style          : italic;
}

a.en_savoir_plus, a.en_savoir_plus:link, a.en_savoir_plus:visited, a.en_savoir_plus:active, a.en_savoir_plus:hover {
    font-style          : italic;
    font-size           : 11px;
    color               : #C5007B;
    float               : right;
}

h1.fiche_catalogue {
    color               : #C5007B;
}

h2.fiche_catalogue {
    color               : #98A718;
    text-align          : center;
}

h2.fiche_catalogue span {
    color               : #6F6866;
}

div#fiche_technique {
    clear               : both;
    float               : left;
    width               : 170px;
    padding             : 20px 15px 0px 0px;
    text-align          : right;
}

div#fiche_technique span.titre {
    color               : #C5007B;
    font-size           : 16px;
    font-weight         : bold;
}

div#fiche_technique span.ss_titre {
    color               : #6F6866;
    font-size           : 14px;
    font-weight         : bold;
}

div#fiche_technique span.liste {
    color               : #98A718;
    font-size           : 14px;
    font-weight         : bold;
}

img.separateur_gris {
    display             : block;
    clear               : both;
    background          : #929498;
    width               : 100%;
    height              : 1px;
}

div.infos_supp_fiche {
    width               : 100%;
    text-align          : center;
    padding             : 5px 0px;
}

div.infos_supp_fiche span.text_bold {
    font-weight         : bold;
}

div#image_fiche_catalogue {
    float               : left;
    width               : 190px;
    text-align          : center;
}

div#description_fiche_catalogue {
    float               : right;
    width               : 300px;
    padding             : 20px 15px 0px 0px;
}

div.pagination {
    clear               : both;
    float               : right;
    text-align          : right;
    color               : #685F60;
    font-weight         : bold;
    padding             : 20px 20px 0px 0px;
}

div.pagination a, div.pagination a:link, div.pagination a:visited {
    color               : #685F60;
    text-decoration     : none;
}

div.pagination span.active_page, div.pagination a:hover, div.pagination a:active {
    color               : #C80084;
    text-decoration     : underline;
}

div#retour_haut {
    clear               : both;
    float               : right;
    text-align          : right;
    color               : #685F60;
    font-weight         : bold;
    padding             : 10px 20px 0px 0px;
    cursor              : pointer;
}
div#retour_haut {
    display             : none;
}