/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    margin-top          : 10px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #000000;
    text-decoration     : none;
	background          : #FFF;
}

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

p {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                      
h1 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #FFF;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #FFF;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #FFF;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                  
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
ol {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : disc;
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
}
form {                
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
div.logodepage {
    margin-left         : 60px;
    margin-top          : 10px;
    width               : 240px;
    height              : 160px;
}

div.chemindefer {
    margin-left         : 535px;
    padding-left        : 1px;
    color               : #452549;
    height              : 15px;
}

div.titre_page_sans_menu {
    color               : #FFF;
    margin-top          : 40px;
    margin-left         : 20px;
    font-size           : 23px;
    margin-bottom       : 20px;
}

div.chemindefer a:link, div.chemindefer a:visited, div.chemindefer a:active {
    color               : #452549;
    font-weight         : bold;
}

div.langues {
    float               : left;
    margin-top          : 20px;
}

div.langues form {
    margin              : 0;
    padding             : 0;
}

div.langues .select {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #FFF;
    border              : 1px solid #878889;
    background-color    : #878889;
}

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 */

/* MENU DE GAUCHE */
div.menugauche {
    line-height         : 1;
    margin-left         : 30px;
	font-size           : 10px;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
}

div.menugauche div.element {
    width               : 95px;
    height              : 96px;
}

div.menugauche div.element a:link, div.menugauche div.element a:visited, div.menugauche div.element a:active {
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 12px;
    font-weight         : bold;
    color               : #A6418E;
    display             : block;
    text-align          : center;
    padding-left        : 10px;
    padding-right       : 10px;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_gauche_off.gif);
    width               : 75px;
}

div.elem1 a, div.elem2 a {    
    padding-top         : 30px;
    height              : 66px;
}

div.elem3 a {
    padding-top         : 35px;
    height              : 61px;
}

div.elem4 a {
    padding-top         : 20px;
    height              : 76px;
}

div.menugauche div.element a:hover {
    color               : #FFF;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_gauche_on.gif);
}

div.menugauche div.element a.on {
    color               : #FFF !important;
    text-decoration     : none !important;
    background          : transparent url(images/fd_menu_gauche_on.gif) !important;
}

/* MENU DE DROITE */
div.menudroite {
    margin-left         : 30px;
	font-size           : 10px;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
}

div.menudroite div.element1 a:link, div.menudroite div.element1 a:visited, div.menudroite div.element1 a:active {
    margin-top          : 30px;
    line-height         : 1;
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 12px;
    font-weight         : bold;
    color               : #452549;
    display             : block;
    text-align          : center;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-top         : 30px;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_droite_1_off.gif);
    width               : 77px;
    height              : 67px;
}

div.menudroite div.element1 a:hover {
    background          : transparent url(images/fd_menu_droite_1_on.gif);
}

div.menudroite div.element1 a.on {
    background          : transparent url(images/fd_menu_droite_1_on.gif) !important;
}

div.menudroite div.element2 a:link, div.menudroite div.element2 a:visited, div.menudroite div.element2 a:active {
    margin-top          : 30px;
    line-height         : 1;
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 12px;
    font-weight         : bold;
    color               : #452549;
    display             : block;
    text-align          : center;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-top         : 20px;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_droite_2_off.gif);
    width               : 77px;
    height              : 77px;
}

div.menudroite div.element2 a:hover {
    background          : transparent url(images/fd_menu_droite_2_on.gif);
}

div.menudroite div.element2 a.on {
    background          : transparent url(images/fd_menu_droite_2_on.gif) !important;
}

div.menudroite div.element3 a:link, div.menudroite div.element3 a:visited, div.menudroite div.element3 a:active {
    margin-top          : 30px;
    line-height         : 1;
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 12px;
    font-weight         : bold;
    color               : #452549;
    display             : block;
    text-align          : center;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-top         : 20px;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_droite_3_off.gif);
    width               : 77px;
    height              : 77px;
}

div.menudroite div.element3 a:hover {
    background          : transparent url(images/fd_menu_droite_3_on.gif);
}

div.menudroite div.element3 a.on {
    background          : transparent url(images/fd_menu_droite_3_on.gif) !important;
}

div.menudroite div.element4 a:link, div.menudroite div.element4 a:visited, div.menudroite div.element4 a:active {
    margin-top          : 30px;
    line-height         : 1;
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 12px;
    font-weight         : bold;
    color               : #452549;
    display             : block;
    text-align          : center;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-top         : 25px;
    text-decoration     : none;
    background          : transparent url(images/fd_menu_droite_4_off.gif);
    width               : 77px;
    height              : 72px;
}

div.menudroite div.element4 a:hover {
    background          : transparent url(images/fd_menu_droite_4_on.gif);
}

div.menudroite div.element4 a.on {
    background          : transparent url(images/fd_menu_droite_4_on.gif) !important;
}

/* menu du bas*/

.logo {
    vertical-align      : middle;
    float               : left;
    margin-left         : 70px;
}

div.menubas {
    margin-top          : 20px;
    margin-left         : 20px;
    float               : left;
}

div.menubas a:link, div.menubas a:visited, div.menubas a:active {
    display             : block;
    float               : left;
    border-left         : 1px solid #878889;
    font-family         : Arial, Verdana, Helvetica, sans-serif; 
    font-size           : 11px;
    font-weight         : normal;
    color               : #878889;
    text-align          : center;
    text-decoration     : none;
    width               : 130px;
}

div.menubas a:hover {
    text-decoration     : none;
}

/*SOUS MENU*/

.sousmenu div.element a {
    font-weight         : bold;
    color               : #FFF;
    font-size           : 12px;
	font-family         : Arial, Verdana, Helvetica, sans-serif;
}

.sousmenu div.element a:hover {
    text-decoration     : none;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
	text-decoration     : none;
}
table.plan a.extremite {
	text-decoration     : none;
}

a:focus      { outline    : none;   }
.noborder    { border     : 0;      }



div.titre_popup {
    font-size           : 20px;
    font-weight         : bold;
    margin-top          : 30px;
    margin-left         : 30px;
    color               : #FFF;
}

body#popuprose {
    background-image    : url(images/fd_popup_rose.gif);
    background-repeat   : no-repeat;
}

body#popupjaune {
    background-image    : url(images/jaune/fd_popup.gif);
    background-repeat   : no-repeat;
}

#popuprose div.contenu {
    margin-top                  : 20px;
    margin-left                 : 30px;
    height                      : 400px;
    width                       : 370px;
    overflow-y                  : auto;
    
    font-family                 : Arial, Verdana, Helvetica, sans-serif;
    font-size                   : 11px;
    color                       : #000000;
    
    scrollbar-3dlight-color     : #C93F60;
    scrollbar-arrow-color       : #C93F60;
    scrollbar-darkshadow-color  : #E7617C;
    scrollbar-face-color        : #E7617C;
    scrollbar-highlight-color   : #E7617C;
    scrollbar-shadow-color      : #C93F60;
    scrollbar-track-color       : #E7617C;
}

div.fiche_produit {
    margin-left                 : 60px;
    margin-top                  : 30px;
    width                       : 300px;
}

div.fiche_produit td.nom {
    font-weight                 : bold;   
}

div.fiche_produit div.titre {
    color                       : #FFF;
    font-size                   : 14px;
    font-weight                 : bold;
    margin-top                  : 5px;
    margin-bottom               : 20px;
}

div.fiche_produit div.titre em{
    font-size                   : 12px;
}

div.fiche_produit a {
    color                       : #000 !important;
}

div.fiche_produit table td a {
    color                       : #000 !important;
}

div.fiche_produit table td {
    border-bottom               : 1px solid #000;
}

a.retour {
    font-size                   : 14px;
    font-weight                 : bold;
}

div.contenu_page {
    padding-left                : 3px;
}

div.retour_accueil {
    text-align                  : center;
}