html 
{
width : 1010px;
margin : auto;
text-align : center;
border : 1px solid gray;
border-top : none;
border-bottom : none;
}

#en_tete
{
width : 800px;
margin : auto;
height : 175px;
}

#sepa
{
position : relative;
bottom : 6px;
width : 81%;
margin : auto;
font-size : 0.8em;
color : white;
}

#boutons
{
width : 800px;
height : 50px;
margin : auto;
text-align : center;
position : relative;
bottom : 25px;
}

#boutons a
{
color : white;
position : relative;
bottom : 90px;
text-decoration : none;
font-size : 1.3em;
}

#boutons a:hover
{
color : #67e5d2;
}

.fond_boutons
{
position: relative;
bottom: 16px;
}

.sepa_bouton
{
position : relative;
bottom : 71px;
}

#reflet
{
width : 800px;
height : 40px;
margin : auto;
background-image : url("../deco/reflet_bouton.png");
background-repeat : no-repeat;
position : relative;
bottom : 41px;
}

.titre_page
{
position : relative;
bottom : 45px;
text-align : left;
margin-left : 150px;
}

#corps
{
width : 800px;
margin : auto;
position : relative;
bottom : 40px;
}

.deco_corps_haut
{
width : 800px;
height : 27px;
background-image : url("../deco/fond_corps_haut.png");
background-repeat : no-repeat;
position : relative;
top : 16px;
}

.corps_centre
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
}

.corps_centre a
{
color: gray;
text-decoration: none;
}

.corps_centre a:hover
{
color: black;
text-decoration: underline;
}

.corps_centre_index
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
}

.ligne_sepa_tableau_pack
{
border-right : 1px solid black;
border-left : 1px solid black;
border-collapse : collapse;
}

.corps_centre_index td
{
font-size : 1em;
padding-left : 30px;
padding-right : 30px;
}

.corps_centre_index ul
{
font-size : 0.8em;
text-align : left;
color : gray;
list-style-type : circle;
padding-right : 20px;
}

th a img
{
border : none;
}

.deco_corps_bas
{
width : 800px;
height : 27px;
background-image : url("../deco/fond_corps_bas.png");
background-repeat : no-repeat;
position : relative;
bottom : 16px;
}

#pied_de_page
{
width : 800px;
height : 50px;
margin : auto;
text-align : center;
color : white;
background-image : url("../deco/fond_copyright.png");
background-repeat : no-repeat;
}

#pied_de_page a
{
color : white;
text-decoration : none;
}

#pied_de_page a:hover
{
color : #67e5d2;
}

#reflet_pied_de_page
{
width : 800px;
height : 30px;
margin : auto;
background-image : url("../deco/reflet_copyright.png");
background-repeat : no-repeat;
position : relative;
bottom : 17px;
}

.formulaire_contact1
{
list-style-type : none;
font-size : 1em;
color : black;
width : 110px;
position : relative;
bottom : 67px;
right : 20px;
text-align : left;
}

.formulaire_contact2
{
list-style-type : none;
font-size : 1em;
color : black;
width : 120px;
padding-right : 80px;
position : relative;
right : 75px;
top : 35px;
}

.texte_contact
{
width : 300px;
padding-left : 20px;
padding-right : 20px;
border-right : 1px solid black;
border-collapse : collapse;
}

.titre
{
font-size : 1.2em;
color : black;
}

.couleur
{
color : #67e5d2;
}

.couleur_rouge
{
color: red;
}

.couleur_grise
{
color : gray;
}

.couleur_noir
{
color : black;
}

.titre_petit
{
position : relative;
top : 7px;
}

#logos_w3c
{
position : relative;
top : 120px;
text-align : right;
width : 950px;
}

.liste_puce_service
{
color : gray;
text-align : left;
font-size : 0.9em;
display : block;
width : 350px;
margin : auto;
padding-left : 20px;
border : 1px solid gray;
}

#corps img
{
border : none;
}

.corps_450
{
width : 800px;
margin : auto;
position : relative;
bottom : 70px;
}

.corps_450 img
{
border : none;
}

.deco_corps_haut_450
{
width : 450px;
height : 27px;
background-image : url("../deco/fond_corps_haut_450.png");
background-repeat : no-repeat;
position : relative;
top : 16px;
}

.corps_centre_450
{
width : 450px;
background-image : url("../deco/fond_corps_centre_450.png");
background-repeat : repeat;
}

.deco_corps_bas_450
{
width : 450px;
height : 27px;
background-image : url("../deco/fond_corps_bas_450.png");
background-repeat : no-repeat;
position : relative;
bottom : 16px;
}

.corps_320
{
float : right;
position : relative;
bottom : 80px;
right : 95px;
}

.deco_corps_haut_320
{
width : 320px;
height : 27px;
background-image : url("../deco/fond_corps_haut_320.png");
background-repeat : no-repeat;
position : relative;
top : 16px;
}

.corps_centre_320
{
width : 320px;
background-image : url("../deco/fond_corps_centre_320.png");
background-repeat : repeat;
}

.corps_centre_320 li
{
color: #4f4f4f;
list-style-type: circle;
}

.deco_corps_bas_320
{
width : 320px;
height : 27px;
background-image : url("../deco/fond_corps_bas_320.png");
background-repeat : no-repeat;
position : relative;
bottom : 16px;
}

.corps_800
{
width : 800px;
margin : auto;
position : relative;
bottom : 40px;
}

.tab1
{
text-align : left;
width : 220px;
}

.tab2
{
text-align : left;
width : 220px;
padding-top : 15px;
vertical-align : top;
color : #3c3c3c;
}

.tab3
{
width : 220px;
text-align : center;
}

.tab3 a
{
color : gray;
text-decoration : none;
font-size : 0.9em;
}

.tab3 a:hover
{
color : #39a08b;
}

.padding_details
{
width : 30px;
}

.corps_centre_comparatif
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
border-collapse : collapse;
padding : 20px;
}

.corps_centre_tarifs
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
border-collapse : collapse;
padding : 20px;
}

.corps_centre_tarifs .padding_details
{
width: 100px;
}

.corps_centre_comparatif img
{
position: relative;
top: 4px;
}

.tab_comparatif_corps
{
border-bottom : 1px solid gray;
border-right : 1px solid gray;
background-image : url("../deco/fond_degrade.jpg");
background-repeat : repeat-y;
width : 220px;
padding-left : 20px;
text-align : left;
}

.tab_comparatif_corps1
{
border-bottom : 1px solid gray;
}

.tab_comparatif_corps2
{
border-bottom : 1px solid gray;
background-color : #ebf9fa;
}

.tab_comparatif_entete
{
border-bottom : 2px solid black;
background-image : url("../deco/fond_degrade.jpg");
background-repeat : repeat-y;
}

.tab_comparatif_entete1
{
border-bottom : 2px solid black;
}

.tab_comparatif_entete2
{
border-bottom : 2px solid black;
background-color : #ebf9fa;
}

.tab_comparatif_bouton2
{
background-color : #ebf9fa;
}

.case_vide_degrade
{
background-image : url("../deco/fond_degrade.jpg");
background-repeat : repeat-y;
width : 220px;
}

.bord_bas
{
background-image : url("../deco/fond_bas.png");
background-repeat : repeat-x;
}

.bord_bas_degrade
{
background-image : url("../deco/fond_bas_degrade.png");
background-repeat : no-repeat;
width : 220px;
}

.bord_haut
{
background-image : url("../deco/fond_haut.png");
background-repeat : repeat-x;
}

.bord_haut_degrade
{
background-image : url("../deco/fond_haut_degrade.png");
background-repeat : no-repeat;
width : 220px;
}

.bord_droit
{
background-image : url("../deco/bord_droit.png");
background-repeat : repeat-y;
}

.bord_gauche
{
background-image : url("../deco/bord_gauche.png");
background-repeat : repeat-y;
width : 8px;
}

.coin_haut_gauche
{
background-image : url("../deco/coin_haut_gauche.png");
background-repeat : no-repeat;
width : 8px;
height : 10px;
}

.coin_haut_droit
{
background-image : url("../deco/coin_haut_droit.png");
background-repeat : no-repeat;
width : 19px;
height : 10px;
}

.coin_bas_gauche
{
background-image : url("../deco/coin_bas_gauche.png");
background-repeat : no-repeat;
width : 8px;
height : 18px;
}

.coin_bas_droit
{
background-image : url("../deco/coin_bas_droit.png");
background-repeat : no-repeat;
width : 19px;
height : 18px;
}

.tab_padding
{
width : 30px;
}

/* MINI CHAT CSS--------------------------------------------------------------------------------------------------------------------------------------*/
.corps_mini_chat
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
height : 515px;
margin: auto;
}

.messages_chat
{
text-align: left;
width: 650px;
height: 250px;
position: absolute;
top: 315px;
left: 5em;
}

.entree_message_chat
{
position: absolute;
bottom: 130px;
left: 9.3em;
}

.entree_pseudo_chat
{
position: absolute;
bottom: 88px;
right: 26.2em;
}

.entree_bouton_envoyer_chat
{
position: absolute;
bottom: 60px;
left: 30em;
}

/* LIVRE D'OR CSS-------------------------------------------------------------------------------------------------------------------------------------*/
.corps_livre_or
{
background-image : url("../deco/fond_livre_or.png");
background-repeat : no-repeat;
width : 800px;
height : 575px;
margin: auto;
font-family: "Monotype Corsiva", "Book Antiqua", sherif;
color: #998a63;
font-size: 1.1em;
}

.corps_livre_or strong
{
color: #87643b;
}

.corps_livre_or em
{
color: #a99053;
}

.corps_livre_or a
{
color: #87643b;
}

.entree_livre_or
{
width : 400px;
height : 575px;
float: left;
position: relative;
top: 50px;
left: 25px;
}

.messages_livre_or
{
width: 300px;
height: 400px;
float: right;
position: relative;
top: 30px;
right: 80px;
}

/* COMMANDE CSS-------------------------------------------------------------------------------------------------------------------------------------*/
.corps_centre_commande
{
width : 800px;
background-image : url("../deco/fond_corps_centre.png");
background-repeat : repeat;
margin: auto;
}

.deco_corps_haut_commande
{
width : 800px;
height : 27px;
background-image : url("../deco/fond_corps_haut.png");
background-repeat : no-repeat;
}

.deco_corps_bas_commande
{
width : 800px;
height : 27px;
background-image : url("../deco/fond_corps_bas.png");
background-repeat : no-repeat;
position: relative;
bottom: 16px;
}

.commande_tab_2
{
float: right;
}

.commande_tab_vide
{
width: 100px;
}

.commande_titre_tab
{
font-size: 1.2em;
text-decoration: underline;
}

.commande_tab_3
{
width : 800px;
margin: auto;
}

/* MENU VERTICAL------------------------------------------------------------------------------------------------------------------------------------*/
#menu_vertical_etroit
{
display : block;
margin : auto;
position : fixed;
left : 2%;
bottom : 2%;
}

#menu_vertical_etroit img
{
position : relative;
bottom : 4px;
}

.fond_menu_vertical_etroit
{
background-image : url("../deco/fond_menu_vertical_etroit.png");
background-repeat : no-repeat;
width : 170px;
height : 299px;
margin : auto;
}

#menu_vertical_etroit a
{
color : white;
text-decoration : none;
font-size : 1.3em;
}

#menu_vertical_etroit a:hover
{
color : #67e5d2;
}

#reflet_vertical_etroit
{
background-image : url("../deco/reflet_fond_menu_vertical_etroit.png");
background-repeat : no-repeat;
width : 170px;
height : 50px;
margin : auto;
position : relative;
bottom : 0;
}

/* MENU BANDE---------------------------------------------------------------------------------------------------------------------------*/
#menu_bande
{
background-image : url("../deco/fond_menu_bande.png");
background-repeat : repeat-x;
position : relative;
width : 1010px;
bottom : 17px;
right : 0.8%;
margin : auto;
}

#menu_bande a
{
color : white;
text-decoration : none;
font-size : 1.3em;
position : relative;
bottom : 15px;
}

#menu_bande a:hover
{
color : #67e5d2;
}

#menu_bande .texte_pub
{
color : gray;
}

#menu_bande img
{
position : relative;
bottom : 1px;
}

/* MENU DEROULANT-------------------------------------------------------------------------------------------------------------------------------*/
#menu_deroulant
{
color : white;
font-size : 1.3em;
position : fixed;
top : 20px;
left : 1.8em;
}

.menu_deroulant_fond
{
background-image : url("../deco/fond_bouton_menu_deroulant_noir.png");
background-repeat : no-repeat;
width : 164px;
height : 44px;
}

.menu_deroulant_fond_2
{
background-image : url("../deco/fond_bouton_menu_deroulant_noir_2.png");
background-repeat : no-repeat;
width : 164px;
height : 44px;
list-style : none;
list-style-position : inside;
position : relative;
right : 3em;
}

.menu_deroulant_fond_2 a
{
text-decoration : none;
color : white;
}

.menu_deroulant_fond_2 a:hover
{
text-decoration : none;
color : #67e5d2;
}

/* Galerie ----------------------------------------------------------------------------------------------------------------------------- */
h2
{
color : #ddd;
font-size : 2.5em;
}

h3
{
color : #fff;
font-size : 1.5em;
}

h4
{
font-size : 1.3em;
}

.content
{
margin : 0 20px;
}

.content a
{
color : #fff;
}

.content p.linkage
{
margin-top : 2em;
text-align : right;
font-size : 1.7em;
color : #ddd;
}

.content p.linkage a
{
color : #fff;
}

#myGallery
{
text-align : left;
margin : 0 auto;
}

.remooz-element
{
cursor : pointer;
}

.remooz-box
{
position : absolute;
top : 0;
left : 0;
background : #fff no-repeat center;
z-index : 100;
}

.remooz-loading
{
background-image : url(spinner.gif);
}

.remooz-body
{
width : 100%;
height : 100%;
}

.remooz-box-focus.remooz-type-image .remooz-body
{
cursor : pointer;
}

.remooz-box-dragging .remooz-body
{
cursor : move;
}

.remooz-btn-close
{
position : absolute;
left : -15px;
top : -15px;
width : 30px;
height : 30px;
text-decoration : none;
border : 0;
background : url(closebox.png) no-repeat center;
visibility : hidden;
cursor : pointer;
}

.remooz-engine-trident4 .remooz-btn-close
{
background-image : url(closebox.gif);
}

.remooz-title
{
position : relative;
left : 0;
top : 15px;
text-align : left;
}

.remooz-title-content
{
position : relative;
padding : 5px 15px;
color : #fff;
z-index : 101;
font : 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
display : none;
}

.remooz-engine-trident4 .remooz-title-content
{
background-color : #333;
}

.remooz-title-content h6
{
font-size : 1.2em;
font-weight : bold;
color : #eee;
}

.remooz-title-content p
{
color : #eee;
}

.remooz-type-image img
{
display : block;
border : 0;
width : 100%;
height : 100%;
}

.remooz-bg
{
position : absolute;
width : 33px;
height : 40px;
}

.remooz-bg-n
{
left : 0;
top : -40px;
width : 100%;
background : url(remo_bg_n.png) repeat-x;
}

.remooz-bg-ne
{
right : -33px;
top : -40px;
background : url(remo_bg_ne.png) no-repeat;
}

.remooz-bg-e
{
right : -33px;
top : 0;
height : 100%;
background : url(remo_bg_e.png) repeat-y;
}

.remooz-bg-se
{
right : -33px;
bottom : -40px;
background : url(remo_bg_se.png) no-repeat;
}

.remooz-bg-s
{
left : 0;
bottom : -40px;
width : 100%;
background : url(remo_bg_s.png) repeat-x;
}

.remooz-bg-sw
{
left : -33px;
bottom : -40px;
background : url(remo_bg_sw.png) no-repeat;
}

.remooz-bg-w
{
left : -33px;
top : 0;
height : 100%;
background : url(remo_bg_w.png) repeat-y;
}

.remooz-bg-nw
{
left : -33px;
top : -40px;
background : url(remo_bg_nw.png) no-repeat;
}

#myGallery, #myGallerySet, #flickrGallery
{
width : 460px;
height : 345px;
z-index : 5;
border : 1px solid #000;
}

.jdGallery a
{
outline : 0;
}

#flickrGallery
{
width : 500px;
height : 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display : none;
}

.jdGallery
{
overflow : hidden;
position : relative;
}

.jdGallery img
{
border : 0;
margin : 0;
}

.jdGallery .slideElement
{
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
position : absolute;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 40px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}

* html .jdGallery .slideInfoZone
{
bottom : -1px;
}

.jdGallery .slideInfoZone h2
{
padding : 0;
font-size : 80%;
margin : 0;
margin : 2px 5px;
font-weight : bold;
color : inherit;
}

.jdGallery .slideInfoZone p
{
padding : 0;
font-size : 60%;
margin : 2px 5px;
color : #eee;
}

.jdGallery div.carouselContainer
{
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}

.jdGallery a.carouselBtn
{
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}

.jdGallery .carousel
{
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}

.jdExtCarousel
{
overflow : hidden;
position : relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position : relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom : 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : 1px solid #888;
cursor : pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color : #b5b5b5;
}

.jdGallery a
{
font-size : 100%;
text-decoration : none;
color : inherit;
}

.jdGallery a.right, .jdGallery a.left
{
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}

.jdGallery a.left
{
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left
{
background : url('img/fleche1.gif') no-repeat center left;
}

.jdGallery a.right
{
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right
{
background : url('img/fleche2.gif') no-repeat center right;
}

.jdGallery a.open
{
left : 0;
top : 0;
width : 100%;
height : 100%;
}

.withArrows a.open
{
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}

.withArrows a.open:hover
{
background : url('img/open.png') no-repeat center center;
}

* html .withArrows a.open:hover
{
background : url('img/open.gif') no-repeat center center;
}

.jdGallery a.gallerySelectorBtn
{
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}

.jdGallery .gallerySelector
{
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #000;
}

.jdGallery .gallerySelector h2
{
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow : hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left : 10px;
margin-top : 10px;
border : 1px solid #888;
padding : 5px;
height : 40px;
color : #fff;
cursor : pointer;
float : left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background : #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background : #000;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #aaa;
}

.contour_galerie
{
background-image : url("../deco/contour_galerie_noir.png");
background-repeat : no-repeat;
width: 500px;
height: 400px;
position: relative;
bottom: 552px;
left: 1px;
}

.reflet_galerie
{
background-image : url("../deco/reflet_contour_galerie.png");
background-repeat : no-repeat;
width: 500px;
height: 50px;
position: relative;
bottom: 570px;
left: 1px;
}

#deco_galerie
{
width: 500px;
margin: auto;
}

/* ADMINISTRATION-------------------------------------------------------------------------------------------------------------------------------*/
/* Messages---------------------------*/
.bloc_messages
{
width: 600px;
text-align: left;
display: block;
border: 1px solid gray;
border-collapse: collapse;
padding-left: 20px;
margin: auto;
}

/* Chat------------------------------*/
.bloc_chat
{
width: 600px;
text-align: left;
display: block;
border: 1px solid gray;
border-collapse: collapse;
padding-left: 20px;
margin: auto;
}

/* Livre d'or-----------------------*/
.bloc_livre_or
{
width: 600px;
text-align: left;
display: block;
border: 1px solid gray;
border-collapse: collapse;
padding-left: 20px;
margin: auto;
}

/* Commandes-----------------------*/
.bloc_commandes
{
width: 600px;
text-align: left;
display: block;
border: 1px solid gray;
border-collapse: collapse;
padding-left: 20px;
margin: auto;
}