html { font-size: 100%; height: 100%; margin: 0; padding: 0; }
body { padding: 0px; margin: 2%; text-align: center;
font-family: arial, "trebuchet ms", verdana, "courier new", serif; font-size: 0.75em;
background: #ffffcc; width: 94%; min-width: 560px; height: 93%; }
.largeur { width: 100%; min-width: 560px; height: 90%; margin: 0 auto; text-align: left; }
/* rajout de height dans ligne ci-dessus.
Ajout des 2 lignes suivantes
*/
div.minlarg { height: 100%; width: 100%; }
div.page { width: 100%; height: 100%; }
/*
* html .minlarg { border-left: 0px solid #ffffcc; }
* html .page { margin-left: -0px; position: relative; }
*/
* html .minlarg, * html .page { height: 1px; }
/* ***** CSS general ***** */
* { margin: 0px; padding: 0px; }
* img { display: block; }
hr { display: block; clear: both; height: 1px;
padding: 0; background-color: #999; border: 0;
margin-top: -7px; margin-bottom: 5px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: verdana; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.9em; color: #0066cc; }
h6 { font-size: 0.9em; color: #0066cc; }
h2 a { font-size: 1.0em; }
h4 a { font-size: 1.0em; }
.h6cndvente { margin: 1em 1em 0.6em; font-size: 1.0em; }
p { font-size: 1.0em; }
.legend { font-size: 0.9em; color: blue; margin: 5px; }
.tmlig { margin-top: 1em; } /* top margin avant ligne */
.fta_0 { color: #660066; } .fta_1 { color: #B0D0FF; }
.ftb_0 { color: #0066cc; } .ftb_1 { color: #BBEEAA; }
.ftc_0 { color : blue; } .ftc_1 { color : white; }
.ftd_0 { color : green; } .ftd_1 { color : #BBEEAA; }
.fte_0 { color : navy; } .fte_1 { color : #96C1FF; }
.ftf_0 { color: #996600; } .ftf_1 { color : #ADFF2F; }
.ftg_0 { color: red; } .ftg_1 { color : green; }
.fth_0 { color: blue; } .fth_1 { color : #CCEEAA; } /* liens a dans menu à droite */
.fti_0 { color: green; } .fti_1 { color : grey; } /* span des liens a dans menu à droite */
.ftj_0 { color: #006666; } .ftj_1 { color : grey; } /* liens a dans barre de navigation ( a dans onglet4 et 6) */
.ftk_0 { color: #CCEEAA; } .ftk_1 { color : wheat; } /* liens a dans menu droit : arborescence */
.ftl_0 { color: orange; } .ftl_1 { color : #FF9; } /* liens a dans menu droit : arborescence */
.ftm_0 { color: blueviolet; } .ftm_1 { color : moccasin; } /* liens a dans menu droit : arborescence */
.colorblue { color: blue; }
.colorblack { color: black; }
.colorgreen { color: green; }
.colorred { color: red; }
/* ligne ci-dessous = couleur par défaut du texte */
.pal_0 { color: #000000; } .pal_1 { color : #CBE0FF; }
.pal_0, .pal_fd0, .pal_fd0 a span { background-color: #ffffcc; }
.pal_1, .pal_fd1, .pal_fd1 a span { background-color: #A3917D; }
.bga_0 { background-color: #ffddcc; } .bga_1 { background-color: tan; }
.bgb_0 { background-color: lightblue; } .bgb_1 { background-color: lightblue; }
.bgc_0 { background-color: deepskyblue; } .bgc_1 { background-color: deepskyblue; }
.bgd_0 { background-color: pink; } .bgd_1 { background-color: #FFC; }
.bge_0 { background-color: wheat; } .bge_1 { background-color: lightblue; }
.bgf_0 { background-color: palegreen; } .bgf_1 { background-color: deepskyblue; }
.color1_0 { background-color: #00cccc; } .color1_1 { background-color: #CBE0FF; }
.color2_0 { background-color: #33cc99; } .color2_1 { background-color: #B0D0FF; }
.color3_0 { background-color: #33cc66; } .color3_1 { background-color: #96C1FF; }
.color4_0 { background-color: #99cc66; } .color4_1 { background-color: #7CB2FF; }
.color9_0 { background-color: #F90; } .color9_1 { background-color: #FFC; }
.brd1_0 { border-color: red; } .brd1_1 { border-color: yellow; }
.brd2_0 { border-color: red; } .brd2_1 { border-color: #FFC; }
.brd3_0 { border-color: blue; } .brd3_1 { border-color: salmon; }
/* Menu des pages Faire-part, Galerie, Collection,... */
.sousmenu { padding-top: 5px; text-align: center; background-color: #ffffcc; border-left: solid 1px black;}
.sousmenu a { display: block; font-size: 1.3em; margin-bottom: 1em; }
.sousmenu a span{ font-size: 0.8em; }
/* Fin Menu des pages Faire-part, Galerie, Collection,... */
#entete a { display: block; text-decoration: none; font-family: arial; }
#menuaccueil a, #menucontact a { font-size: 1em; line-height: 2em; }
/* selon Menu à 4 ou 6 Onglets et Simple ou Double */
#onglet6double a { font-size: 1em; font-weight: bold; height: 2em; }
#onglet6double a em{ font-size: 0.9em; font-weight: normal; font-style: normal; }
#onglet4simple a { font-size: 1em; height: 2em; }
/* fin selon Menu */
#entete a:hover { background-color: #ffcccc; }
#entete ul { list-style: none; text-align: center; }
#logo { display: block; float: left; width: 14.5em; text-align: center; }
#cartevisite { float: right; width: 6.8em; height: 5em; }
#cartevisite img { width: 100%; }
#menuaccueil { width: 100%; margin-top: 0.3em; }
#logo h3 { display: block; float: left; width: 7em; font-size: 1em; margin-top: 1.1em;
line-height: 1.4em; }
#blogcontact { float: right; width: 17.5em; text-align: center; }
#lienblog { float: left; width: 6.8em; height: 5em; }
#lienblog img { width: 96%; margin-left: 2%; border: 0 none; }
#blogcontact h1 { float: right; width: 10em; font-size: 1em; line-height: 1.6em; margin-top: 1.1em; }
#blogcontact h2 { float: right; width: 10em; font-size: 1em; line-height: 1.6em; }
#menucontact { float: left; width: 6em; margin-top: 0.6em; }
#tipage { text-align: center; }
#tipage h2 { font-size: 1.3em; line-height: 3.5em; }
#navigation { text-align: center; }
/* selon Menu à 4 ou 6 Onglets et Simple ou Double */
#illust_onglet6double { height: 3.6em; margin: 0; }
#illust_onglet4simple { height: 5em; margin: 0; }
/* fin selon Menu */
#navigation h1 { float:left; width: 44%; margin: 0; }
#navigation h2 { float: right; width: 44%; margin: 0; }
#onglet6double, #onglet4simple { float: right; width: 100%; margin-bottom: 5px; }
/* selon Menu à 4 ou 6 Onglets et Simple ou Double */
#onglet6double ul { margin-top: 0.3em; clear: left; float: right; }
#onglet6double .menu1 { clear: left; width: 31%; }
#onglet6double .menu2 { margin-left: 0.3%; width: 35%; }
#onglet6double .menu3 { margin-left: 0.3%; margin-right: 0.15%; width: 33%; }
#onglet6double .menu4 { margin-left: 0.5%; width: 99%; }
#onglet4simple ul { margin-top: 0.3em; clear: left; float: right; width: 49.5%; }
#onglet4simple .menu1 { clear: left; }
#onglet4simple .menu2 { margin-left: 0.3%; margin-right: 0.3%; }
/* fin selon Menu */
.lgmini { display: block; width: 6em; height: 0px; border: none; margin-bottom: 0.5em; }
.menu1 .li1 { float: right; width: 58%; min-width: 6em; }
.menu1 .li2 { float: left; width: 41%; min-width: 6em; }
.menu2 .li1 { float: right; width: 50%; min-width: 6em; }
.menu2 .li2 { float: left; width: 49%; min-width: 6em; }
.menu3 .li1 { float: right; width: 54%; min-width: 6em; }
.menu3 .li2 { float: left; width: 45%; min-width: 6em; }
.menu4 .li_deb { float: left; width: 9%; margin-right: 0.5%; }
.menu4 .li_mid { float: left; width: 13%; margin-right: 0.5%; }
.menu4 .li_fin { float: left; width: 9%; }
#conception {clear: both; margin-top: -10px; text-align: center;}
#conception p { padding: 0.5em; }
#maj { float:left; }
#mention { float:right; }
#maj, #mention { width: 20em ; font-size: 0.8em; } /* color defini dans palette */
p#maj strong { font-size: 1.1em; }
#concept { margin-top: 0.3em; font-size: 1em; } /* color environ peru defini dans palette */
/* ***** fin CSS general ***** */
/* ***** CSS page index ***** */
#contenu_indx { text-align: right; }
#affich01 { height: 5em; }
#description_indx1 { float: left; width: 14%; text-align: left; }
.bienvenu { font-family: arial; font-size: 1.2em; }
#affichhaut { float: right; width: 85%; text-align: center; }
#affichhaut h4 { display: inline; padding-top: 0.2em; }
h4.indxfp { margin-left: 30px; }
#affichhaut h3 { padding-top: 0.4em; font-size: 1.4em; }
#affichage_indx { clear: both; float: left; width: 100%; }
#description_indx2 { float: left; width: 24%; text-align: left; }
#description_indx2 h2 { font-size: 1.0em; display: inline; font-family: arial; }
#description_indx2 strong { color: red; }
p#visite { margin-top: 30px; }
#affichbas { float: right; width: 75%; }
#affichbas img { width: 100%; }
#description_indx3 { clear: both; float: left; width: 100%; text-align: right; margin-bottom: 2%; }
#description_indx3 h4 { font-size: 1.0em; display: inline; font-family: arial; }
#description_indx3 span { margin-left: 100px; }
#imgpaypal { margin: 1em 0 0 1em; }
/* ***** fin CSS index ***** */
/* ***** CSS page tarifs ***** */
.tarifs { clear: both; width: 90%; height: 380px; text-align: left; margin: 20px 5% 30px;
padding: 0 2%; overflow: auto; background-color: lightgrey; }
.tarifs p { padding: 0 40px; }
h3.vente { font-size: 1.4em; color: #0066cc; margin-left: 10px; }
.tarifs h4 { font-size: 1.2em; text-align: center; color: blue; margin: 0 0px; margin-top: 40px;
margin-bottom: 10px; padding: 5px; background-color: yellow; }
h4.command { margin-top: 10px; background-color: #ccffcc; }
.tarifs h5 { font-size: 1.1em; color: navy; margin: 0 0px; margin-top: 15px; margin-bottom: 5px; }
.tarifs h5 strong { font-size: 1.1em; color: orange; text-align: left; }
#lien_tarif { width : 60%; margin: 0 auto 4em; text-align: center; }
#lien_tarif h3 { margin-top: 2em; }
#moyen_paiement { float: left; width : 52%; background-color: wheat; margin-bottom: 2em; }
#moyen_paiement p { clear: left; margin: 1em 2em 1em; }
#moyen_paiement p img { float: left; margin-right: 2em; margin-bottom: 1em; }
#moyen_paiement hr { margin-left: 2em; margin-right: 2em; }
#payer_devis { text-align: center; }
#payer_devis h4 { margin-top: 3em; }
.retour_vente { width: 40%; float: right; height: 2em; text-align: center; margin-top: 1em; }
/* ***** fin CSS tarifs ***** */
/* ***** CSS page contact ***** */
#contacts { text-align: center; margin-top: 60px; margin-bottom: 80px; }
#contacts span { display: block; font-family: "trebuchet ms"; font-size: 1.3em; margin-top: 50px;
margin-bottom: 30px; color: blue; }
/* ***** fin CSS contact ***** */
/* ***** CSS page partenaires ***** */
#partenaire { float: right; width: 99%; height: 420px; }
#partenaire div { float: left; width: 49%; height: 415px; }
/* ***** fin CSS partenaires ***** */
/* ***** CSS Commun Faire-part/Tableaux ***** */
.affich_collect { float: left; width: 60%; height: 420px; margin-left: 5%; display: inline; }
.affich_collect h3 { text-align: center; font-size: 1.4em; margin-top: 1em; margin-bottom: 1.5em; }
#menu_collect { float: right; width: 29%; height: 420px; border: 0 none; border-left: 1px solid navy; }
#menu_collect img { width: 80px; border: none 0px; margin: auto; }
#menu_clt_conseil { width: 80%; border-top-width: 1px; border-top-style: dotted;
margin: 0 auto 0; padding: 1em 0 1em; margin-top: 8em; }
#menu_clt_plus { width: 80%; border-top-width: 1px; border-top-style: dotted; line-height: 3em; margin: auto; }
#info_clt_conseil { clear: both; width: 100%; text-align: center; line-height: 3em; margin-bottom: 1em; }
#info_clt_navigation { width: 100%; text-align: left; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.5em; }
#info_clt_navigation a { line-height: 1.4em; }
.menu_niv0 { margin-left: 0.5em; }
.menu_niv1 { margin-left: 2em; }
.menu_niv2 { margin-left: 3.5em; }
.menu_niv3 { margin-left: 5em; }
.notencours { font-size: 0.9em; }
#clt_menu { float: right; width: 17%; text-align: center; border-left: 1px solid navy; }
#menu_clt_titre { font-size: 1.1em; margin-bottom: 2em; }
/* ligne ci-dessous provisoire dans le cas d'une seule page de collections */
#menu_clt_titre { margin-top: 2em; margin-bottom: 0.5em; } /* provisoire !!!! */
#menu_clt_liste { margin-bottom: 2em; } /* provisoire !!!! */
#menu_clt_conseil { margin-top: 1em; font-size: 0.9em; }
#menu_clt_plus { margin-top: 1em; font-size: 0.9em; }
#clt_menu_span { display: block; height: 7em; background-color: wheat; }
#clt_menu_span em { display: block; line-height: 2em; margin-top: 2em; }
#clt_menu_span strong { letter-spacing: 1px; font-size: 1.2em; }
#page_clt_navig { float: left; width: 80%; height: 38em; text-align: left; }
#page_clt_pave { width: 46.5em; height: 37em; margin: auto; position: relative; margin-top: 1em; }
#page_clt_pave a { border: 0 none; text-decoration: none; }
.page_clt_a { display: inline; float: left; width: 6.4em; height: 6.4em; overflow: hidden; }
.page_clt_a7plus { display: inline; float: left; width: 5em; height: 5em; overflow: hidden; }
.marg { margin-right: 0.5em; }
.bas { margin-bottom: 0.5em; }
/* Decalage de la PREMière vignette en focntion du nombre de collections ou modéles */
.page_prem_nb1 { margin-right: 0.5em; margin-left: 21em; }
.page_prem_nb2 { margin-right: 0.5em; margin-left: 17.5em; }
.page_prem_nb3 { margin-right: 0.5em; margin-left: 14em; }
.page_prem_nb4 { margin-right: 0.5em; margin-left: 10.5em; }
.page_prem_nb5 { margin-right: 0.5em; margin-left: 7em; }
.page_prem_nb6 { margin-right: 0.5em; margin-left: 3.5em; }
.page_prem_nb7 { margin-right: 0.5em; margin-left: 0; }
.page_prem_nb8 { margin-right: 0.5em; margin-left: 0; }
.page_prem_nb9 { margin-right: 0.5em; margin-left: 0; }
.page_prem_nb10 { margin-right: 0.5em; margin-left: 0; }
#page_clt_pave a img { border: 0 none; }
.page_clt_vign { height: 100%; }
.page_clt_vign1 { margin-left: 0; }
.page_clt_vign2 { margin-left: -6.4em; }
.page_clt_vign3 { margin-left: -12.8em; }
.page_clt_vign4 { margin-left: -19.2em; }
.page_clt_vign5 { margin-left: -25.6em; }
.page_clt_vign6 { margin-left: -32em; }
.page_clt_vign7 { margin-left: -38.4em; }
#page_clt_pave a span { position: absolute; visibility: hidden; } /*background-color définit avec palette */
.page_clt_span, .clt_span { z-index: 80; }
.page_clt_span { left: 0; width: 46.5em; position: relative; }
.uneligne { top: 11em; }
.unelignebis { top: 10em; }
.deuxlignes { top: 16em; }
.bbbclt_span { top: 8em; left: 3.5em; width: 41.5em; height: 28em; }
#page_clt_pave a:hover { border: 0 none; background-color: white; }
#page_clt_pave a:hover span { visibility: visible; }
#page_clt_menu { height: 37em; float: right; width: 15%; text-align: center; border-left: 1px solid navy; }
#page_clt_menu span { display: block; height: 10em; margin-top: 7em; }
#page_clt_menu span em { display: block; line-height: 2em; background-color: wheat; }
#page_clt_menu span strong { display: block; line-height: 3em; font-size: 1.2em; background-color: wheat; }
.page_clt_em_to, .page_clt_em_demi, .page_clt_em_full { float: left; display: block;
overflow: hidden; height: 10em; margin-right: 1em; }
.page_clt_em_to { width: 10em; }
.page_clt_em_full { width: 7em; }
.page_clt_em_demi { width: 1.5em; }
.em_nb1 { width: 18em; }
.em_nb2, .em_nbbis5 { width: 12.5em; }
.em_nb3, .em_nb5, .em_nb6, .em_nbbis7 { width: 7em; }
.em_nb4, .em_nb7, .em_nb8 { width: 1.5em; }
.em_nb9, .em_nb10 { width: 0em; margin-right: 0.4em; }
.em_nbbis9 { width: 4.85em; margin-right: 0.4em; }
.page_clt_em_tonb9_10, .page_clt_em_deminb9_10, .page_clt_em_fullnb9_10 { float: left;
display: block; overflow: hidden; height: 8.5em; margin-right: 0.5em; }
.page_clt_em_tonb9_10, .page_clt_em_fullnb9_10 { width: 8.5em; }
.page_clt_em_deminb9_10 { width: 4.25em; }
.page_clt_img_ga00 { height: 100%; margin-right: 0.5em; }
.page_clt_img_ga01 { height: 100%; margin-left: -100%; margin-right: 0.5em; }
.page_clt_img_ga02 { height: 100%; margin-left: -200%; margin-right: 0.5em; }
.page_clt_img_ga03 { height: 100%; margin-left: -300%; margin-right: 0.5em; }
.page_clt_img_ga04 { height: 100%; margin-left: -400%; }
.page_clt_img_ga05 { height: 100%; margin-left: -500%; margin-right: 0.5em; }
.page_clt_img_ga06 { height: 100%; margin-left: -600%; margin-right: 0.5em; }
.page_clt_img_ga07 { height: 100%; margin-left: -700%; margin-right: 0.5em; }
.page_clt_img_ga08 { height: 100%; margin-left: -800%; margin-right: 0.5em; }
.page_clt_img_ga09 { height: 100%; margin-left: -900%; }
.page_clt_info_clt { display: block; float: left; height: 2em; width: 99%; letter-spacing: 1px; text-align:
center; font-style: normal; margin-bottom: 1em; margin-top: 1em; } /* color definit dans palette */
.page_clt_info_clt strong.std { font-size: 1.1em; }
.page_clt_info_clt strong.small { font-size: 0.9em; font-weight: normal; margin-left: 5em; }
#p3 { text-align: center; line-height; 2em; display: inline; } /* color definit dans palette */
#page_clt_menu .btndevistbl, #page_clt_acceuil .btndevistbl, #clt_menu .btndevistbl { cursor: pointer;
cursor: hand; border: 0 none; text-decoration: none; font-size: 1em; height: 1.7em; }
#page_clt_menu .btndevistbl, #clt_menu .btndevistbl { margin-top: 1em; margin-bottom: 1em; }
#page_clt_acceuil .btndevistbl { display: inline; }
#page_clt_acceuil form { text-align: center; margin-top: 0.6em; }
/* ***** fin CSS Commun Faire-part/Tableaux ***** */