@charset "utf-8";
/*-------------------------------------------------*/
/* --- STRUCTURE ---*/
@font-face {
 font-family: 'HelveticaLTLight';
 src: url('../css/fonts/hn-lt/lte50046-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50046-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50046-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50046-webfont.svg#HelveticaLTLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaLTCondensedBold';
 src: url('../css/fonts/hn-lt/lte50054-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50054-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50054-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50054-webfont.svg#HelveticaLTCondensedBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTLight';
 src: url('../css/fonts/hn-lt/lte50263-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50263-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50263-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50263-webfont.svg#HelveticaNeueLTLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTCondensed';
 src: url('../css/fonts/hn-lt/lte50872-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50872-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50872-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50872-webfont.svg#HelveticaNeueLTCondensed') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTCondensedObl';
 src: url('../css/fonts/hn-lt/lte50873-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50873-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50873-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50873-webfont.svg#HelveticaNeueLTCondensedObl') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTBoldCond';
 src: url('../css/fonts/hn-lt/lte50874-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50874-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50874-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50874-webfont.svg#HelveticaNeueLTBoldCond') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTBoldCondObl';
 src: url('../css/fonts/hn-lt/lte50875-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50875-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50875-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50875-webfont.svg#HelveticaNeueLTBoldCondObl') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTLightCond';
 src: url('../css/fonts/hn-lt/lte50920-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50920-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50920-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50920-webfont.svg#HelveticaNeueLTLightCond') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNeueLTLightCondObl';
 src: url('../css/fonts/hn-lt/lte50921-webfont.eot');
 src: url('../css/fonts/hn-lt/lte50921-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte50921-webfont.woff') format('woff'), url('../css/fonts/hn-lt/lte50921-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte50921-webfont.svg#HelveticaNeueLTLightCondObl') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaLTRegular';
 src: url('../css/fonts/hn-lt/lte51250-webfont.eot');
 src: url('../css/fonts/hn-lt/lte51250-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/hn-lt/lte51250-webfont.ttf') format('truetype'), url('../css/fonts/hn-lt/lte51250-webfont.svg#HelveticaLTRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
body { font: .75em/1.85em Verdana, Arial, Geneva, Helvetica, sans-serif; color:#333333; text-transform: none; background: #ffffff url('../images/bg.png') scroll repeat-x left top; margin: 0; padding: 0; text-align: left; }
* { margin:0; padding:0; }
/** html #wrapper { width: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}*/
#wrapper { min-height: 100%; margin: 0 auto; width: 100%; background: transparent url("../images/wrapper_droite.png") scroll no-repeat 100% 0; }
#innerwrapper { padding:0; width:980px; margin: 0 auto; }
#conteneur { width: 100%; min-height: 600px; margin: 15px auto; }
#col_gauche, #col_droite { width : 455px; text-align: center; display:inline-block; vertical-align:top; margin:25px 0; }
#col_gauche { padding-right:30px; }
#col_droite { padding-left:30px; border-left:#aaaaaa dashed 1px; }
#col_droite img { margin-bottom : 20px; }
#col_gauche p, #col_gauche h1, #col_gauche h2, #col_droite p, #col_droite h1, #col_droite h2, .produits_aleatoires p { text-align: justify; }
#col_droite p img { vertical-align:top; float:left; margin:6px 15px 15px 0; }
#col_droite p { margin-bottom:25px; }
#col_news { background : #000000; padding: 10px 3% 0 3%; margin: 0 3% 0 3%; color: #ae9b88; min-height: 1000px; }
#col_ecards { background : #ffffff; padding: 0 20px; margin:0; color: #ae9b88; min-height: 1000px; }
#content { padding : 0 0 50px 0; text-align: left; font-size:100%; }
#content p { font-size:95%; line-height:1.5em; color:#666666; }
/*---------------------------------------*/
/*--- HEADER ---*/
#header_top { height: 105px; width:980px; margin:0 auto; text-align:left; }
#header_top a:first-child { height:106px; width:506px; margin:0 auto; text-align:left; display: inline-block; }
#header_top h1, #header_top img { padding: 0; }
#header_top a img { }
#header_top img.titre { }
#header_flash { position: absolute; top:0; right:5px; }
/*#header_top div { position: absolute; top:0; right:5px; display:inline; height:50px; width:250px; }*/
#header_top a img.comitecharte { top:110px; left:0; position: absolute; }
/*-------------------------------------------------*/
/* --- HEADER OUTILS ---*/
#header_outils { text-align: left; font-size: 0.8em; color: #000000; margin: 0 auto; vertical-align:middle; height: 50px; position:relative; width:980px; }
div#recherche_input, #form_login/*, div#outil_panier*/ { color: #292929; border: 0; margin:0; padding:0; font-size: 11px; vertical-align: top; display: inline-block; }
div#outil_panier { display: inline-block; /*width:175px; height:23px;*/ vertical-align:top; margin: 5px 0 0 50px; text-align:right; padding:0; }
div#outil_panier div { margin: 0 5px; text-align:right; padding:0 10px 0 10px; border: solid 1px #cccccc; vertical-align:top; display:inline-block; }
div#outil_panier div#minipanier_contenu { border:0; }
#header_top div#outil_panier a { width:40px; height:33px; vertical-align:top; }
div#outil_panier a img { vertical-align:top; }
div#outil_panier button { vertical-align:middle; display:inline; }
div#minipanier_contenu { font:bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; }
div#minipanier_contenu span { border:0; }
/*.outils_mini { height:20px; }*/
/*div#outil_panier { margin: 3px 3px 0 0; padding:3px 10px; border: solid 1px #000000; background-color: #ffffff; color:#666666; position:relative; overflow:hidden; }
div#outil_panier_cont { position:relative; overflow:hidden; }*/
.outils_ext { height:25px; }
div#outil_panier a:link { text-decoration:underline; color:#a50000; }
div#comptelogin { color: #a1bc30; border: 0; font-size: 11px; margin: 0 15px 0 0; }
#recherche_input fieldset { color: #000000; border: 0; }
.header_input_search, .header_input_login { font-size: 11px; }
.header_input_search, .header_input_login, .header_input_mdp { height: 20px; padding: 0 3px 0 25px; border: 1px solid #666666; }
.header_input_search {/*background: #ffffff url(../images/input_outils.png) scroll no-repeat left top;*/ }
.header_input_mdp { background: #ffffff scroll repeat-x left top; height: 14px; padding: 3px 5px; }
.header_input_search { }
/*.header_input_btn { border: 0; background: transparent url(../images/input_outils.png) scroll no-repeat right top; width: 41px; height: 25px; vertical-align: top; cursor: pointer; text-indent:100px; }
input:hover.header_input_btn { background: transparent url(../images/input_outils.png) scroll no-repeat right bottom; }*/
/*-------------------------------------------------*/
/* --- HEADER MENU ---*/
.header_menu { text-align: center; }
.header_menu ul { text-align: center; list-style-position: outside; list-style-type: none; overflow: hidden; margin: 0 auto; width:980px; }
.header_menu ul li { text-align: center; float: left; background: transparent url(../images/menu_bg.png) scroll no-repeat left top; width: 150px; height: 30px; }
.header_menu ul li a { color: #000000; text-decoration: none; font-size: 1.2em; width:140px; height:25px; display:block; padding:6px 0 0 0; font-family:"HelveticaNeueLTCondensed"; }
.header_menu ul li a:hover, a:active { color: #FFFFFF; }
.header_menu ul li:hover { background: transparent url(../images/menu_bg.png) scroll no-repeat right top; color: #FFFFFF; }
li#page_active { background: transparent url(../images/menu_bg.png) scroll no-repeat right top; width: 152px; color: #ffffff; }
li#page_active a, li#page_active-a a { color: #ffffff; }
li#page_active-a { background: transparent url(../images/menu_bg.png) scroll no-repeat right top; color: #000000; }
/*----------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
.ariane { font-size: 1.3em; margin-bottom:25px; }
.ariane a { font-size: 0.8em; }
/*-------------------------------------------------*/
/* --- FOOTER ---*/
#footer { margin: 0 auto 0 auto; height: 350px; width: 100%; overflow: hidden; background: #fff url(../images/footer_bg.png) scroll repeat-x left top; padding: 30px 0 0 0; color: #540000; text-decoration: none; font-size: 0.8em; }
#footer div { /*width: 980px;*/ margin:0 auto; text-align:center; padding:0 50px;  }
#footer div div { display:inline-block; vertical-align:top; width:48%; height: 250px; text-align: left; padding:0; }
.footer_content1, .footer_content2 { }
#footer div div.footer_content1 { border-right:solid #540000 1px; padding-right: 20px; width:44%; }
#footer div div.footer_content2 { border-left:solid #540000 1px; padding-left:20px;width:270px;  }
#footer p { line-height: 1.4em; font-size: 0.9em; }
#footer h4 { line-height: 1.1em; margin:0 0 10px 0; }
#footer a { line-height: 1.2em; }
.footer_content2 a img { margin:10px 0 0 0; }
#footer a, #footer p { color: #666; }
.footer_content1 ul { vertical-align:top; margin:0 10px; }
.footer_content1 ul li { list-style:none; line-height:1.1em; margin-bottom:3px; }
/*-------------------------------------------------*/
/* --- FOOTER MENU ---*/
#footer div div.footer_menu { width: 270px; text-align: center; padding:0 10px; }
.footer_menu a, .footer_menu a:link, .footer_content a, .footer_content a:link { color: #ffffff; text-decoration: underline; font-size: 11px; }
.footer_menu a:hover, .footer_content a:hover { color: #a1bc30; }
.footer_menu span { margin: 0 10px 0 10px; text-decoration: none; }
/*-----------------------------------------*/
/*---Specifique Index----*/	
.img_index { margin:0 auto 0 auto; padding:0; text-align:center; word-spacing:0; width: 510px; height: 75px; }
.img_index img { float: left; }
.index_menu { height: 75px; width: 500px; text-align: center; }
#btn_bleu { background-image: url(../images/bouton_general.png); }
#btn_rouge { background-image: url(../images/bouton_general.png); }
.index_menu li { list-style-type: none; margin: 0; padding: 0; display: block; }
.index_menu li a { display: block; text-decoration: none; margin: 0; padding: 0; color: #666666; }
a#carte-anim, a:link#carte-anim, a:visited#carte-anim { background:transparent url(/images/12206-anim.png) no-repeat 0 0; width:200px; height:200px; border:0; display:block; margin:0 auto 25px auto; }
a:hover#carte-anim { background:transparent url(/images/12206-hover.png) no-repeat 0 0; }
/*-----------------------------------------*/
/*---images collections----*/	

.voeux img { border-bottom: solid #666666 1px; border-right: solid #666666 1px; }
.noborder { border-width: 0 0 0 0; }
.img_cliquable { cursor:pointer }
/*-----------------------------------------*/
/*---Collections----*/	
.menucollec_td { width: 175px; margin: 0 1px 5px 1px; text-align: center; }
.prodcollec_td { width: 185px; height: 210px; margin: 0 1px 5px 1px; text-align: center; }
/*-----------------------------------------*/
/*---Formulaire----*/
.forminscription label { font-size:0.95em; }
.forminscription, .form_password, #form_login { margin: 10px 0 20px 0; }
.forminscription dl.col_form { width:30%; display:inline-block; vertical-align:top; }
.formcontact dl.col_form { width:48%; display:inline-block; vertical-align:top; }
.form_password fieldset, .formpersonnalisation fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; }
.forminscription fieldset, .formcontact fieldset { background-color: transparent; border: 0; margin: 10px 0 30px 0; padding: 0; }
.forminscription fieldset legend, .formcontact fieldset legend, .form_password fieldset legend { margin: 0 0 10px 0; color: #A50000; font-size:1.5em; }
.forminscription fieldset legend em, .formcontact fieldset legend em, .form_password fieldset legend em { color: #666666; font-size:0.8em; }
.formcontact dt, .forminscription dt, .form_password dt { clear: both; margin: 0; color: #666666; }
dt.btn { margin: 20px 0 0 0; }
.forminscription dt { margin: 10px 10px 0 0; }
.forminscription dd { margin: 0 10px 0 0; }
.formcontact dt { margin: 10px 0 0 10px; }
.formcontact dd { margin: 0 0 0 10px; }
dt.btn { margin: 20px 0 0 0; }
/*.forminscription dd input, .forminscription dd textarea, .formcontact dd input, .formcontact dd textarea, .form_password dd input { margin: 0 0 10px 0; border: solid #333333 1px; background-color: #cccccc; overflow: hidden; }*/
.forminscription dd input, .forminscription dd textarea, .formcontact dd input, .formcontact dd textarea, .form_password dd input { width: 50%; }
.forminscription dl.col_form dd input, .forminscription dl.col_form dd textarea, .form_password dl.col_form dd input { width: 90%; }
.formcontact dl.col_form dd input { width: 100%; }
.forminscription dl.col_form dd input[type="radio"] { width: 10%; }
.forminscription input:hover, .forminscription select:hover, .forminscription input:focus, .forminscription select:focus, .forminscription textarea:hover, .forminscription textarea:focus, .formpersonnalisation input:hover, .formpersonnalisation select:hover, .formpersonnalisation input:focus, .formpersonnalisation select:focus, .formpersonnalisation textarea:hover, .formpersonnalisation textarea:focus, .formcontact input:hover, .formcontact select:hover, .formcontact input:focus, .formcontact select:focus, .formcontact textarea:focus, .formcontact textarea:hover { background-color: #f5f5f5; }
.formpersonnalisation textarea { padding:5px; }
.formpersonnalisation textarea:hover, .formpersonnalisation textarea:focus { background-color: #F8F8F3; }
.forminscription dd input.form_input_gender { width: 30px; background-color: transparent; border: 0; }
.forminscription dd textarea { height: 40px; }
/*--- Mise en pages en colonnes - 2 et 3 colonnes---*/
.wrapper-troiscolonnes { text-align:right; margin:10px 0; }
div.troiscolonnes { display: inline-block; width: 30%; margin: 0 1%; vertical-align: top; }
div.deuxcolonnes { display: inline-block; width: 45%; margin: 0 1%; vertical-align: top; }
div.deuxcolonnesaccueil { display: inline-block; width: 46%; margin: 0 1%; vertical-align: top; }
.deuxcolonnesaccueil h3 { margin: 30px 0 0 0; }
.deuxcolonnes-ecards, .deuxcolonnes-ecards-d { display: inline-block; width: 48%; margin:0; vertical-align: top; text-align:left; }
.deuxcolonnes-ecards-d { background: #ffffff url(../images/ecards_prix_bg.png) scroll repeat-x left top; }
div.deuxcolonnes_pack1 { display: inline-block; width: 65%; vertical-align: top; background: none; }
div.deuxcolonnes_pack2 { display: inline-block; width: 200px; vertical-align: top; background: none; }
#rss { clear:both; margin:25px 0; font-size:0.85em; }
#rss div ul li { list-style-type:none; margin:0; }
#rss a, #rss a:link { color:#ffffff; }
/*--- Produits aléatoires ---*/
div.produits_aleatoires { width:100%; clear:both; padding:25px 0; text-align:center; }
.produits_aleatoires div:first-child { background-color:#eeeeee; border-top:#333333 dashed 1px; border-bottom:#333333 dashed 1px; margin-bottom: 50px; }
.produits_aleatoires h3 { padding:30px 0 0 0; }
.produits_aleatoires img { display:inline; max-height:200px; max-width:180px; border:none; margin:0; padding:0; }
/*   Tableau ecards    */

div.toggler table.tab-ecards:first-child { margin:50px 0 5px 0; /*border:solid 1px #ccc;*/ }
table.tab-ecards { text-align:center; line-height:1.2em; font-size:0.9em; width:980px; padding:0; margin:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
table.tab-ecards {
position:relative;
}
}
div.toggler table.tab-ecards:first-child tr, div.toggler table.tab-ecards thead, div.toggler table.tab-ecards thead tr td, div.toggler table.tab-ecards:first-child thead tr td:first-child { border:0px; }
div.toggler table.tab-ecards:first-child tr:first-child td { border:none; }
div.toggler table.tab-ecards:first-child tr:first-child td:first-child { padding:9px 5px; }
div.toggler table.tab-ecards:first-child tr td:first-child { border-right:solid 1px #ccc; /*width:340px;*/ padding:4px 5px; }
table.tab-ecards h1 { margin:15px 0; background:none; color:#000000; }
table.tab-ecards tbody { border:0px; }
table.tab-ecards tr { padding:3px; }
table.tab-ecards td { padding:0; max-height:50px; border-right:solid 1px #666; border-bottom:solid 1px #666; }
table.tab-ecards tbody tr:first-child td { border-top:solid 1px #666; }
table.tab-ecards thead tr td:first-child { /*width:216px;*/ }
table.tab-ecards tbody td.ecards_td_btn-pme { width:121px;border:none; padding:0; }
table.tab-ecards tbody td.ecards_td_btn-tpe { width:121px;border:none; padding:0;}
table.tab-ecards tbody td.ecards_td_btn-office { width:121px;border:none; padding:0;}
table.tab-ecards tbody td.ecards_td_btn-pro { width:121px;border:none; padding:0;}
table.tab-ecards td.ecards_td_btn, table.tab-ecards td.ecards_td_normal1, table.tab-ecards td.ecards_td_normal2, table.tab-ecards td.ecards_td_normal3, table.tab-ecards td.ecards_td_normal4, table.tab-ecards td.ecards_td_btn-rouge { max-height:50px; }
table.tab-ecards td.ecards_td_btn, table.tab-ecards td.ecards_td_normal1, table.tab-ecards td.ecards_td_normal2, table.tab-ecards td.ecards_td_normal3, table.tab-ecards td.ecards_td_normal4, table.tab-ecards td.ecards_td_btn1, table.tab-ecards td.ecards_td_btn2, table.tab-ecards td.ecards_td_btn3, table.tab-ecards td.ecards_td_btn4 { color:#000000; }
table.tab-ecards td.ecards_td_normal1, table.tab-ecards td.ecards_td_btn1 { background: transparent url("../images/bg_tab_ecard-1.png") repeat-x top left; }
table.tab-ecards td.ecards_td_normal2, table.tab-ecards td.ecards_td_btn2 { background: transparent url("../images/bg_tab_ecard-2.png") repeat-x top left; }
table.tab-ecards td.ecards_td_normal3, table.tab-ecards td.ecards_td_btn3 { background: transparent url("../images/bg_tab_ecard-3.png") repeat-x top left; }
table.tab-ecards td.ecards_td_normal4, table.tab-ecards td.ecards_td_btn4 { background: transparent url("../images/bg_tab_ecard-4.png") repeat-x top left; }
table.tab-ecards td.ecards_td_btn-tpe { background: transparent url("../images/ecards_bg_btn-tpe.gif") no-repeat top left; }
table.tab-ecards td.ecards_td_btn-tpe:hover { background: transparent url("../images/ecards_bg_btn-tpe.gif") no-repeat top right; }
table.tab-ecards td.ecards_td_btn-tpe,table.tab-ecards td.ecards_td_btn-pme,table.tab-ecards td.ecards_td_btn-office,table.tab-ecards td.ecards_td_btn-pro { cursor:pointer; padding:0; }
td.ecards_td_btn-tpe a, td.ecards_td_btn-tpe a:link, td.ecards_td_btn-tpe a:visited, td.ecards_td_btn-pme a, td.ecards_td_btn-pme a:link, td.ecards_td_btn-pme a:visited, td.ecards_td_btn-office a, td.ecards_td_btn-office a:link, td.ecards_td_btn-office a:visited, td.ecards_td_btn-pro a, td.ecards_td_btn-pro a:link, td.ecards_td_btn-pro a:visited { color:#FFFFFF; }
table.tab-ecards td.ecards_td_btn-pme { background: transparent url("../images/ecards_bg_btn-pme.gif") no-repeat top left; }
table.tab-ecards td.ecards_td_btn-pme:hover { background: transparent url("../images/ecards_bg_btn-pme.gif") no-repeat top right; }
table.tab-ecards td.ecards_td_btn-office { background: transparent url("../images/ecards_bg_btn-office.gif") no-repeat top left; }
table.tab-ecards td.ecards_td_btn-office:hover { background: transparent url("../images/ecards_bg_btn-office.png") no-repeat top right; }
table.tab-ecards td.ecards_td_btn-pro { background: transparent url("../images/ecards_bg_btn-pro.gif") no-repeat top left; }
table.tab-ecards td.ecards_td_btn-pro:hover { background: transparent url("../images/ecards_bg_btn-pro.gif") no-repeat top right; }
table.tab-ecards td.ecards_td_normal-rouge { background: transparent url("../images/bg_tab-rouge_ecard.png") repeat-x top left; color:#ffffff; text-align:left; }
#content table.tab-ecards td.ecards_td_normal-rouge p{ color:#ffffff; text-align:left; }
table.tab-ecards td.ecards_td_btn-rouge { background: transparent url("../images/ecards_bg_btn.png") no-repeat top left; color:#ffffff; }
table.tab-ecards td.ecards_td_btn-rouge:hover { background: transparent url("../images/ecards_bg_btn.png") no-repeat top right; color:#ffffff; }
table.tab-ecards td.ecards_td_btn-rouge2 { background: transparent url("../images/ecards_bg_btn2.png") no-repeat top left; color:#ffffff; }
table.tab-ecards td.ecards_td_btn-rouge2:hover { background: transparent url("../images/ecards_bg_btn2.png") no-repeat top right; color:#ffffff; }
table.tab-ecards td.ecards_td_btn-rouge3 { background: transparent url("../images/ecards_bg_btn3.gif") no-repeat top left; color:#ffffff; }
table.tab-ecards td.ecards_td_btn-rouge3:hover { background: transparent url("../images/ecards_bg_btn3.png") no-repeat top right; color:#ffffff; }
/*table.tab-ecards td.ecards_td_btn:hover, table.tab-ecards td.ecards_td_btn-rouge:hover{ cursor:pointer; background: transparent url("../images/bg_tab-rouge_ecard-hover.png") repeat-x top left; }*/
table.tab-ecards td.ecards_td_btn:hover a, table.tab-ecards td.ecards_td_btn:hover a:link, table.tab-ecards td.ecards_td_btn:hover a span, table.tab-ecards td.ecards_td_normal-rouge:hover a, table.tab-ecards td.ecards_td_btn-rouge:hover a, td.ecards_td_btn-rouge2:hover a, td.ecards_td_btn-rouge3:hover a { color:#FFFFFF; }
table.tab-ecards td.rouge { background-color:#b32c30; background-image:none; color:#FFFFFF; }
table.tab-ecards td.ecards_question { text-align:left; font-weight:bold; }
table.tab-ecards tbody tr td:first-child { border-right:1px #cc0000 solid; }
table.tab-ecards tbody tr.ecards_tab-emails td { border-right-color:#000000; }
table.tab-ecards tr td:first-child { border-left:solid 1px #666; }
table.tab-ecards td.ecards_question a, table.tab-ecards td.ecards_td_normal-rouge a { display:block; float:right; margin:0; padding:0; width:100px; font-size:0.9em; text-decoration:underline; }
table.tab-ecards td.ecards_question a { color:#CC0000; }
table.tab-ecards td a { }
table.tab-ecards td.ecards_td_normal-rouge a, table.tab-ecards td.ecards_td_normal-rouge a:link, table.tab-ecards td.ecards_td_normal-rouge a:visited, td.ecards_td_btn-rouge a, td.ecards_td_btn-rouge a:link, td.ecards_td_btn-rouge a:visited, td.ecards_td_btn-rouge2 a, td.ecards_td_btn-rouge2 a:link, td.ecards_td_btn-rouge2 a:visited, td.ecards_td_btn-rouge3 a, td.ecards_td_btn-rouge3 a:link, td.ecards_td_btn-rouge3 a:visited { color:#fff; text-decoration:none; }
table.tab-ecards td.ecards_td_btn a, table.tab-ecards td.ecards_td_btn a:link, table.tab-ecards td.ecards_td_btn a:visited { color:#A50000; text-decoration:none; }
tr.ecards_tab-emails { height:30px; color:#FFFFFF; }
tr.ecards_tab-emails td { background-image:none; background-color:#FFF; color:#000; }
/* Mini tableau ecard */
div.ecards_minitab { position:absolute; width:228px; height:200px; }
.tab-ecards0 thead tr td{ width:600px; border:0px; margin:10px 0; padding:0;}
.tab-ecards0 thead tr td:first-child { width:375px; margin:10px 0 0 5px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div.ecards_minitab {
top:110px;
right:0px;
}
}
div.ecards_minitab p { background-color:#000; padding:3px; margin:3px; color:#fff; }
div.ecards_minitab ul { background-color:#fff; border:1px solid #ccc; margin:3px; padding:3px; }
div.ecards_minitab ul li { background-color:#fff; color:#000000; border:1px solid #ccc; margin:3px; padding:3px; list-style:none; height:25px; width:200px; }
table.tab-ecards td.ecards_td_btn-rouge div.ecards_minitab ul li a, table.tab-ecards td.ecards_td_btn-rouge div.ecards_minitab ul li a:link, table.tab-ecards td.ecards_td_btn-rouge div.ecards_minitab ul li a:visited { color:#A50000; }
div.ecards_minitab ul li a span:first-child { display:block; float:left; margin-left:3%; width:45%; height:100%; border-right:solid 1px #ccc; }
div.ecards_minitab ul li a span { display:block; float:right; margin-right:3%; width:45%; height:100%; }
div.ecards_minitab ul li:hover { background-color:#CC3300; }
div.ecards_minitab ul li:hover a span { color:#FFFFFF; }
.petit { font-size:0.80em; line-height:1.1em; }
.petit-italique { font-size:0.9em; line-height:1.1em; font-style:italic; }
/*Mur Ecards-------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*** Overall MovingBoxes Slider ***/
.mb-wrapper { width: 900px; /* default, this is overridden by script settings */ border: 5px solid #f5f5f5; margin: 0 auto; position: relative; left: 0; top: 0; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; box-shadow: inset 0 0 10px #888; -moz-box-shadow: inset 0 0 10px #888; -webkit-box-shadow: inset 0 0 10px #888; }
/* Panel Wrapper */
.mb-slider, .mb-scroll { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; left: 0; top: 0; /***(>'-')> Control Panel Font size here <('-'<)***/ font-size: 18px; }
/* active slider border highlight */
.mb-active-slider { /*border-color: #a50000;*/ }
/*** Slider panel ***/
.mb-slider .mb-panel { width: 250px;  /* default, this is overridden by script settings */ margin: 5px 0; padding: 5px; display: block; cursor: pointer; float: left; list-style: none; }
/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current { cursor: auto; }
/*** Inside the panel ***/
.mb-inside { padding: 10px; border: 1px solid #999; background-color:#f5f5f5; }
.mb-inside * { max-width: 100%; }
.mb-inside p { font-size:0.85em; color:#000000; font-weight:bold; }
.mb-inside a { font-size:0.85em; color:#a50000; font-weight:normal; font-variant:small-caps; }
/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons { display: block; width: 45px; height: 58px; background: transparent url(../images/ecards/arrows.png) no-repeat; position: absolute; top: 50%; margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */ cursor: pointer; text-decoration: none; outline: 0; border: 0; }
a.mb-scrollButtons.mb-left { background-position: left top; left: -45px; }
a.mb-scrollButtons.mb-right { background-position: right top; right: -45px; }
a.mb-scrollButtons.mb-left:hover { background-position: left bottom; }
a.mb-scrollButtons.mb-right:hover { background-position: right bottom; }
a.mb-scrollButtons.disabled { display: none; }
/*** Controls added below the panels ***/
.mb-controls { margin: 0 auto; text-align: center; background: #f5f5f5; position: relative; z-index: 100; }
.mb-controls a { color: #ccc; font: 12px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0; }
.mb-controls a.current, .mb-controls a:hover { color: #a50000; }
.mb-active-slider .mb-controls { /* background: #a50000;*/ }


/*-----------------------------------------------------------------------------------*/
/* Mise en page */
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
/*-----------------------------------------------------------------------------------*/
/* Titres
/*-----------------------------------------------------------------------------------*/
h1 { color: #000000; font-size: 1.3em; margin-bottom: 10px; font-style: normal; font-weight: bold; line-height: 0.9em; font-family:"HelveticaNeueLTBoldCond"; }
h2 { color: #666666; font-size: 1.3em; line-height: 1em; margin:0.5em 0 0.6em 0; font-family:"HelveticaNeueLTBoldCond"; }
h3 { color: #000000; font-size: 1.5em; font-family:"HelveticaNeueLTBoldCond"; }
h4 { color: #a50000; font-size: 1.2em; font-family:"HelveticaNeueLTLight"; }
h5 { font-size: 1.1em; font-family:"HelveticaNeueLTLight"; }
h6 { color: #666666; font-size: 1em; font-family:"HelveticaNeueLTLight"; }
h1 span.font_rouge { font-size: 2.0em; line-height:40px; }
.collection h1 { }
.infos h2 { padding:0 0 10px 0; }
.infos h3 { text-transform:uppercase; padding:10px 0; margin:5px 0 3px 0; }
.exemple h4 { padding:5px 5px 20px 5px; }
.collection h5 { }
.collection h6 { }
#col_gauche h1, #col_droite h1, .produits_aleatoires h1, .collections h1, .collection h1, .infos h1, /*div.ecards h1,*/ div#panier h1, div#page-contact h1, .detail h1, .login h1 { background-color: #000000; background-image: url('../images/header-d.png'); background-repeat: no-repeat; background-position:right top; color:#FFFFFF; vertical-align:middle; padding-left:5px; margin:0 0 5px 0; }
#col_gauche h1, #col_droite h1, .produits_aleatoires h1, .collections h1, .collection h1, .detail h1, .infos h1, div.ecards h1, div#panier h1, div#page-contact h1, .login h1 { width:100%; }
#col_gauche h1 { height:50px; font-size: 3em; margin:0 0 5px 0; line-height:1.4em; }
#col_gauche h2 { color: #666666; margin:0 0 10px 0; line-height:1.2em; }
#col_gauche h3 { font-size: 1.25em; color: #a50000; margin:0 0 10px 0; line-height:1em; font-weight: lighter; }
#col_droite h1 { height:45px; color: #ffffff; margin:0 0 20px 0; text-align: left; line-height:1.4em; padding-top:5px; }
#col_droite h2 { color: #a50000; margin: 0 0 15px 0; }
.produits_aleatoires h1 { font-size: 2em; line-height:2.1em; }
#col_gauche h1, .collections h1, .collection h1, .detail h1, .infos h1, div.ecards h1, div#panier h1, div#page-contact h1, .login h1 { height:25px; font-size: 16px; margin:0 0 5px 0; line-height:1.6em; }
#header_top h1 { font-size: 2.5em; color: #000000; margin:0 0 5px 0; }
#header_top h2 { font-size: 1.5em; color: #a50000; margin:0 0 10px 0; line-height:1.2em; }
#barre_progression div#barre_prog_c h5 { color: #000000; }
#tabs h3 { color:#FFFFFF; }
#tabs h2 a, #tabs h2 a:link { text-decoration:none; line-height:1.1em; color: #A50000; }
/*-----------------------------------------------------------------------------------*/
/* Mise en page des textes
/*-----------------------------------------------------------------------------------*/
#col_droite ul { margin:0 0 0 20px; }
#col_droite hr { margin: 5px 0; }
.font_blanc { color:#000000; font-weight:bolder; }
.font_noire { color: #000000; font-weight:bolder; }
.font_rouge { color: #A50000; }
.menu_content_top p { text-align: center; }
.font_gris_footer { font-size: 11px; color: #666666; text-align: left; line-height: 1.3em; }
.titrecollec { font-size:1.3em; font-family:"HelveticaNeueLTBoldCond"; }
.infos p { color:#999999; font-size:11px; }
.infos ul li p { color:#999999; font-size:11px; }
.infos strong, .infos em { color:#666666; }
button { cursor:default; }
fieldset { border:none; }
/*-----------------------------------------------------------------------------------*/
/* Liens
/*-----------------------------------------------------------------------------------*/
#conteneur a:link, #conteneur a:visited, #conteneur a:active, #conteneur a:hover { outline: 0; }
a.ariane_active:link, a.ariane_active:visited, .ariane a:link, .ariane a:visited { color: #777777; text-decoration: none; }
a.ariane_active:hover, a.ariane_active:active, .ariane a:hover, .ariane a:active { color: #cc0000; text-decoration:underline; }
a.titrecollec:link, a.titrecollec:visited, .collection a:link, .collection a:visited, #form_login a:link, #form_login a:visited, .infos a:link, .infos a:visited { color: #cc0000; text-decoration:none; }
a.titrecollec:hover, a.titrecollec:active, .collection a:hover, .collection a:active, #form_login a:hover, #login_form a:active, .infos a:hover, .infos a:active { color: #000000; text-decoration:underline; }
div#content div.infos div.infos-ecards h3 a { text-decoration:none; }
#header_outils a, #header_outils a:link, #header_outils a:visited { color:#a50000; text-decoration:none; }
#header_outils a:hover { color:#000; text-decoration:underline; }
/*-----------------------------------------------------------------------------------*/
/* Listes
/*-----------------------------------------------------------------------------------*/
.infos ul { padding:5px; }
.infos ul li { margin:10px 0; list-style-type:none; background-image: url("../images/puce_infos.png"); background-repeat: no-repeat; background-position: 0% 60%; padding: 0 50px; }
table.infos-impression td { width:20%; }
table.infos-impression span { font-size:1.2em; }
table.infos-impression img, .infos img { vertical-align:middle; }
.infos img { margin:20px 25px 20px 0; }
table.infos-impression img { margin:0 25px 0 0; }
.infos hr { margin:20px 0; border:1px dashed #aaaaaa; }
/*----------------------*/
/*--- Balises globales ---*/
img { border: 0; outline: 0; }
/*----------------------*/
/*--- Collections ---*/
.exemple, .collections div, .collection div, div.infos-ecards { text-align: left; border: #eeeeee 1px solid; display: inline-block; margin: 10px 20px 10px 0; vertical-align:top; }
.exemple, .collections div, .collection div, div.infos-ecards { width: 100%; }
.exemple, .collections div, .collection div { width: 300px; }
.collections div { height:400px; min-height:550px; }
.collections div:hover, .collection div:hover { border: #999999 1px solid; background-color:#eeeeee; }
.collections div a, .collection div a { text-align: center; text-decoration: none; display: block; outline: 0; font-size: 1.3em; font-family:"HelveticaNeueLTBoldCond"; }
.collections div a img, .collection div a img { border: 0; outline: 0; margin-bottom:20px; }
.collections div p, .collection div p { text-align:left; margin:5px 10px 0 10px; }
div.infos-ecards { margin:5px 10px; padding:10px; }
/*-----------------------------------------------------------------------------------*/
/* Pages Aide
/*-----------------------------------------------------------------------------------*/
div.exemple, div.infos-ecards { min-height:75px; background-color:#fafafa; }
#content div:hover.exemple, #content div:hover.infos-ecards { background-color:#9B0000; color:#000000; }
#content div:hover.exemple p, #content  div:hover.infos-ecards p { color:#ffffff; }
div:hover.exemple h4, div:hover.infos-ecards h3, div:hover.infos-ecards h4, div:hover.infos-ecards strong, div:hover.infos-ecards em, div:hover.infos-ecards li, div:hover.infos-ecards a, div:hover.infos-ecards p { color:#FFFFFF; }
div.exemple { text-align:center; margin:5px; padding:5px; height:200px; }
/*----------------------*/
/*--- Boutons ---*/
div.btn_panier { }
.btn a, .btn a:link, .btn a:visited { margin: 0 0 0 10px; }
.btn a, .btn a:link, .btn a:visited, .btn_detail a, .btn_detail a:link, .btn_detail a:visited, .btn_panier a, .btn_panier a:link, .btn_panier a:visited, .btn_blanc a, .btn_blanc a:link, .btn_blanc a:visited, .btn_rouge a, .btn_rouge a:link, .btn_rouge a:visited, .btn_rouge a:active, .btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active, .btn_jaune a, .btn_jaune a:link, .btn_jaune a:visited, input.btn_rouge { margin: 3px 0; }
button.btn_rouge, button.btn_jaune, .btn a, .btn a:link, .btn a:visited, .btn_detail a, .btn_detail a:link, .btn_detail a:visited, .btn_panier a, .btn_panier a:link, .btn_panier a:visited, .btn_blanc a, .btn_blanc a:link, .btn_blanc a:visited, .btn_blanc_inv a, .btn_blanc_inv a:link, .btn_blanc_inv a:visited, .btn_rouge a, .btn_rouge a:link, .btn_rouge a:visited, .btn_rouge a:active, .btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active, .btn_jaune a, .btn_jaune a:link, .btn_jaune a:visited, input.btn_rouge { display: inline-block; vertical-align: middle; width: 180px; height: 31px; line-height: 2.1em; text-decoration: none; font-size: 1.1em; text-align: left; border:none; padding-left:5px; font-family:"HelveticaNeueLTBoldCond"; margin-right:5px; }
input.btn_rouge { border:none; cursor: pointer; }
.btn_rouge a, .btn_rouge a:link, .btn_rouge a:visited, .btn_rouge a:active, .btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active, .btn_jaune a, .btn_jaune a:link, .btn_jaune a:visited { display: block; }
.btn a, .btn a:link, .btn a:visited, .btn_detail a, .btn_detail a:link, .btn_detail a:visited { color: #000000; background: transparent url(../images/bouton_general.png) scroll no-repeat left top; }
.btn a:hover, .btn a:active, .btn_detail a:hover, .btn_detail a:active { color: #ffffff; background: transparent url(../images/bouton_general.png) scroll no-repeat 0px -31px; }
button.btn_jaune, .btn_jaune a, .btn_jaune a:link, .btn_jaune a:visited, a.btn_jaune, a:link.btn_jaune { color: #000000; background: transparent url(../images/bouton_general.png) scroll no-repeat 0px -62px; }
button.btn_jaune:hover, .btn_jaune a:hover, .btn_jaune a:active, a:hover.btn_jaune { color: #ffffff; background: transparent url(../images/bouton_general.png) scroll no-repeat 0 -31px; }
.btn_blanc a, .btn_blanc a:link, .btn_blanc a:visited, a.btn_blanc, a:link.btn_blanc { color: #000000; background: transparent url(../images/bouton_general.png) scroll no-repeat 0px top; }
.btn_blanc a:hover, .btn_blanc a:active, a:hover.btn_blanc { color: #ffffff; background: transparent url(../images/bouton_general.png) scroll no-repeat 0px -31px; }
.btn_blanc_inv a, .btn_blanc_inv a:link, .btn_blanc_inv a:visited { color: #000000; background: transparent url(../images/bouton_general.png) scroll no-repeat right -130px; }
.btn_blanc_inv a:hover { color: #E80000; background: transparent url(../images/bouton_general.png) scroll no-repeat right -162px; }
.btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active { color: #000000; background: transparent url(../images/btn_large.png) scroll no-repeat left top; }
.btn_blanc_large a:hover { color: #E80000; background: transparent url(../images/bouton_general.png) scroll no-repeat 0px -31px; }
button.btn_rouge, .btn_rouge a, .btn_rouge a:link, .btn_rouge a:visited, .btn_rouge a:active, input.btn_rouge { color: #000000; background: transparent url(../images/bouton_general.png) scroll no-repeat left top; }
button.btn_rouge:hover, .btn_rouge a:hover, input:hover.btn_rouge { color: #ffffff; background: transparent url(../images/bouton_general.png) scroll no-repeat 0 -31px; cursor:default; font-weight:normal; }
/*--------------------------------------------------------*/
/*--- Textes Menu gauche ---*/
.menu_content p, .menu_content span, .menu_content a { margin: 0 5px 0 5px; font-size: 11px; }
/*--------------------------------------------------------*/
/*--- Classes pour tableaux ---*/
.tab-vide { background-color: transparent; }
.tab-blanc { color:#000000; text-align:center; background-color: #FFFFFF; }
.tab-gris { color:#000000; text-align:center; background-color: #CCCCCC; }
.tab-gris2 { color:#000000; text-align:center; background-color: #bbbbbb; }
.tab-gris3 { color:#000000; text-align:center; background-color: #999999; }
.tab-gris-fonce { color:#FFFFFF; text-align:center; background-color: #666666; }
.tab-gris td, .tab-gris-fonce td, .tab-gris2 td { padding: 2px 5px 2px 5px; }
.tab-gris thead, .tab-gris-fonce thead, .tab-gris2 thead { padding: 2px 5px 2px 5px; height: 50px; }
.tab-gris tbody, .tab-gris-fonce tbody, .tab-gris2 tbody { padding: 2px 5px 2px 5px; }
.tab-gris2 { color:#ffffff; background-color: #000000; }
.tab-gris-fonce { color:#FFFFFF; text-align:center; background-color: #666666; }
.arrondi-gris-g { background-image: url(/images/coin_bg.png); background-position: left bottom; background-repeat: no-repeat; padding:4px; }
.arrondi-gris-d { background-image: url(/images/coin_hd.png); background-position: right top; background-repeat: no-repeat; padding:4px; }
textarea { width:90%; }
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*--- Mise en page des Articles (ex : accueil.php) ---*/
.article-g { line-height:1em; float: left; padding: 0 10% 0 0; }
.article-g img { vertical-align:middle; display: block; margin: 0 auto 0 auto; }
.article-g h2 { color: #a50000; margin: 0 0 10px 0; }
.article-d { line-height:1em }
.article-d img { vertical-align:middle; }
div#form_login div a:link { font-size: 10px; color: #a50000; }
div#form_login div a:hover { color: #ffffff; }
/*--------------------------------------------------------*/
/*--- Page détail des cartes ---*/
.detail { padding:0 0 50px 0; width:980px; height:100%; }
.detail_g { float: left; margin-right:25px; max-width:600px; min-width:500px; }
.detail_g ul li { list-style:none; padding:0; display:none; }
.detail_g ul li:first-child { display: block; }
ul.sti-menu { width:100%; }
ul.sti-menu li { padding: 0; margin:0; list-style-type:none; display:inline; }
ul.sti-menu li:first-child { display:inherit; }
ul.sti-menu li { display:none; }
ul.sti-menu li:first-child { display: inline; }
ul.sti-menu li a img { border:0; }
.detail_d, .detail_d_long { padding:0 0 0 50px; }
.detail_d { margin: 0 0 0 510px; }
.detail_d_long { margin: 0 0 0 610px; }
.detail_d div, .detail_d_long div { vertical-align:top; }
.detail_d div span.font_rouge, .detail_d_long div span.font_rouge { margin:10px 10px 20px 10px; width:50%; display:inline-block; }
.detail_d p { margin:5px; }
.detail_d a { margin: 0; padding: 0; border: 0; vertical-align:top; }
.detail_d img { margin: 0; padding: 0; border: 0; vertical-align:top; }
.detail_d span { vertical-align:top; }
.detail_g div.btn_rouge { margin:50px 0 0 0; }
/*--------------------------------------------------------*/
/*--- Page Panier ---*/
div.panier_haut { width: 680px; margin: 0; float: right; text-align:right; }
div.table_tarif { width: 680px; margin: 20px 0; float: right; text-align:right; }
div.table_tarif dl { padding: 0 10px 0 10px; text-align: right; vertical-align: middle; }
div.table_tarif dl dt { text-align:left; display: block; position: absolute; line-height: 2em; height: 25px; }
div.table_tarif dl dd { text-align:right; width: 40%; line-height: 2em; height: 25px; }
.table_panier a, .table_panier a:active, .table_panier a:hover { outline: 0; }
.table_panier img { text-decoration: none; border: 0; outline: 0; }
div.panier_d { width: 100%; }
#panier div.btn_rouge, #panier p:first-child { margin: 0; }
texte_panier1 { width: 93%; height: 200px; }
.texte_panier2 { padding: 0 0 50px 0; width:40%; display:inline-block; vertical-align:top; }
.texte_panier3 { margin: 0 0 50px 0; width:100%; display:inline-block; vertical-align:top; }
.texte_panier2 div, .texte_panier3 div { float: right; display: inline; }
div.personnalisation { width:100%; }
.texte_panier3 { width:100%; padding:0; margin:0; }
.texte_panier3 td { padding: 5px; border:solid #cccccc 1px; font-size:0.95em; line-height:1.4em; }
.texte_panier3 td h5 { color:#a50000; font-size:1.5em; margin-bottom:15px; }
form.table_panier { border: 0; padding: 0; margin: 0; text-align: left; color: #000000; }
form.table_panier fieldset, form.table_panier dl, form.table_panier dd, form.table_panier dt, form.table_panier img { border: 0; }
form.table_panier fieldset { vertical-align: top; text-align:right; }
form.table_panier fieldset div { vertical-align: top; border-right:solid 1px #f5f5f5; }
form.table_panier fieldset dl { border-top:solid 1px #eeeeee; width:670px; padding: 5px; }
form.table_panier dd { display: inline-table; margin: 0 2px 0 2px; vertical-align:middle; }
.panier-gauche { width:25%; height:100%; float:left; display:block; text-align:left; }
.panier-gauche div { float:left; }
/*--------------------------------------------------------*/
/*--- Barre de progression de la commande ---*/
#barre_progression { height: 30px; width: 100%; margin: 0 auto 10px auto; text-align: center; background-color:#eeeeee; padding:0; line-height: 2em; color: #000000; }
#barre_progression a, #barre_progression a:hover, #barre_progression a:link, #barre_progression a:visited { color: #000000; font-size: 1em; }
#barre_progression a.active { color: #bd0000; font-size: 1.2em; font-weight: bold; }
#barre_progression img { margin: 0 15px; }
/*--------------------------------------------------------*/
/*--- Page RIB ---*/
div.table_rib { width: 100%; margin: 20px 0 20px 0; }
div.table_rib dl { padding: 0 10px 0 10px; text-align: center; vertical-align: middle; }
div.table_rib dl dt { text-align:left; display: block; position: absolute; line-height: 2em; height: 25px; }
div.table_rib dl dd { text-align:right; line-height: 2em; height: 25px; display:inline-table; }
/*--- Pages ecards---*/

.ecards_prix { height: 150px; margin:0; padding: 0; }
.ecards_prixdiv { margin: 0; vertical-align: top; background: transparent url(../images/ecards_prix_bg.png) scroll repeat-x left top; width: 55%; float: left; height:150px; }
.ecards_prix div h3 { margin: 15px 15px 0 15px; color:#FFFFFF; font-size:1.25em; }
.ecards_prix div p, .ecards_prix div h5, .ecards_prix div h6 { margin: 0 15px; }
a.entrer1, a:link.entrer1, a.entrer2, a:link.entrer2, a.entrer3, a:link.entrer3, a.entrer4, a:link.entrer4 { color: #e80000; font-size:1em; }
a:hover.entrer1, a:hover.entrer2, a:hover.entrer3, a:hover.entrer4 { color: #999999; font-size:1em; }
/* ----------  Boutons des prix sur ecards2.php  ----------*/
.btn_package_pme, .btn_package_office, .btn_package_pro, .btn_package_ultimate { height:150px; width: 120px; margin: 0; display: block; float:left; }
.btn_package_office a, .btn_package_office a:link, .btn_package_pro a, .btn_package_pro a:link, .btn_package_ultimate a, .btn_package_ultimate a:link { height:150px; width: 120px; margin: 0; display: block; outline: none; text-decoration: none; }
a#btn_package_ecardsgrat, a:link#btn_package_ecardsgrat, a#btn_package_ecardspme1, a:link#btn_package_ecardspme1, a#btn_package_ecardspme2, a:link#btn_package_ecardspme2 { width: 120px; margin: 0; display: block; outline: none; text-decoration: none; }
a#btn_package_ecardsgrat, a:link#btn_package_ecardsgrat { height:51px; }
a#btn_package_ecardspme1, a:link#btn_package_ecardspme1 { height:48px; }
a#btn_package_ecardspme2, a:link#btn_package_ecardspme2 { height:50px; }
.btn_package_office a, .btn_package_office a:link { background: transparent url(../images/btn_package_office.png) scroll no-repeat right top; }
.btn_package_pro a, .btn_package_pro a:link { background: transparent url(../images/btn_package_pro.png) scroll no-repeat right top; }
.btn_package_ultimate a, .btn_package_ultimate a:link { background: transparent url(../images/btn_package_ultimate.png) scroll no-repeat right top; }
a#btn_package_ecardsgrat, a:link#btn_package_ecardsgrat { background: transparent url(../images/btn_package_ecardsgrat.png) scroll no-repeat right top; }
a:hover#btn_package_ecardsgrat { background: transparent url(../images/btn_package_ecardsgrat.png) scroll no-repeat right bottom; }
a#btn_package_ecardspme1, a:link#btn_package_ecardspme1 { background: transparent url(../images/btn_package_pme1.png) scroll no-repeat right top; }
a:hover#btn_package_ecardspme1 { background: transparent url(../images/btn_package_pme1.png) scroll no-repeat right bottom; }
a#btn_package_ecardspme2, a:link#btn_package_ecardspme2 { background: transparent url(../images/btn_package_pme2.png) scroll no-repeat right top; }
a:hover#btn_package_ecardspme2 { background: transparent url(../images/btn_package_pme2.png) scroll no-repeat right bottom; }
.btn_package_office a:hover { background: transparent url(../images/btn_package_office.png) scroll no-repeat right bottom; }
.btn_package_pro a:hover { background: transparent url(../images/btn_package_pro.png) scroll no-repeat right bottom; }
.btn_package_ultimate a:hover { background: transparent url(../images/btn_package_ultimate.png) scroll no-repeat right bottom; }
.btn_package_pme a span, .btn_package_office a span, .btn_package_pro a span, .btn_package_ultimate a span { padding: 0 15px; color: #FFFFFF; outline: none; text-decoration: none; }
.btn_package_office a span, .btn_package_pro a span, .btn_package_ultimate a span { font-size:24px; line-height:6em; }
.btn_package_pme a span { font-size:14px; line-height:3.5em; }
.btn_package_pme a:hover span, .btn_package_office a:hover span, .btn_package_pro a:hover span, .btn_package_ultimate a:hover span { color: #000000; }
/*----------     ----------*/
.ecards_prix a.pme, .ecards_prix a.office, .ecards_prix a.pro, .ecards_prix a.ultimate { background: none; width:250px; height: 150px; display:inline-block; float:left; }
.ecards_prix a.pme { background: transparent url(../images/ecards_btnpackpme.png) scroll no-repeat left top; }
.ecards_prix a.pme:hover { background: transparent url(../images/ecards_btnpackpme.png) scroll no-repeat left bottom; }
.ecards_prix a.office { background: transparent url(../images/ecards_btnpackoffice.png) scroll no-repeat left top; }
.ecards_prix a.office:hover { background: transparent url(../images/ecards_btnpackoffice.png) scroll no-repeat left bottom; }
.ecards_prix a.pro { background: transparent url(../images/ecards_btnpackpro.png) scroll no-repeat left top; }
.ecards_prix a.pro:hover { background: transparent url(../images/ecards_btnpackpro.png) scroll no-repeat left bottom; }
.ecards_prix a.ultimate { background: transparent url(../images/ecards_btnpackultimate.png) scroll no-repeat left top; }
.ecards_prix a.ultimate:hover { background: transparent url(../images/ecards_btnpackultimate.png) scroll no-repeat left bottom; }
.divcachee div { color: #000000; text-align: left; margin: 25px 20% 50px 250px; }
.divcachee h1 { color: #a1bc30; }
.divcachee h2 { color: #000000; }
.divcachee h3 { color: #a1bc30; }
.divcachee ul { margin: 10px 0 20px 50px; }
.divcachee ul li { }
a.entrer { color: #a1bc30; }
.btn_ecardsuiv a, .btn_ecardsuiv a:link { background: transparent url(../images/ecards_suivant.png) scroll no-repeat left top; height: 150px; width: 250px; display: block; }
.btn_ecardsuiv a:hover { background: transparent url(../images/ecards_suivant.png) scroll no-repeat left bottom; }
.ecards_tarifs_p { width: 150px; height: 37px; display:block; }
.ecards_tarifs_p a { background: transparent url(../images/btn_jaune.png) scroll no-repeat left top; width: 150px; height: 37px; margin: 3px 0 0 10px; display: inline-block; padding: 0 5px 0 0; text-align: center; color: #000000; line-height: 2.8em; font-weight: bold; }
.ecards_tarifs_p a:hover { background: transparent url(../images/btn_jaune.png) scroll no-repeat left bottom; }
/*Sliding Text and Icon Menu Style*/
.sti-menu { width:1010px; position:relative; margin:20px auto 0 auto; }
.sti-menu li a { display:block; overflow:hidden; background:#fff; text-align:center; height:100%; width:100%; position:relative; }
.sti-menu li a h2 { color:#000; font-size:30px; font-weight:bold; text-transform:uppercase; position:absolute; padding:10px; text-align:center; width:80%; vertical-align:middle; text-shadow: 0px 1px 1px black; display:none; min-height:300px; height:300px; margin:25% 0; }
.sti-menu li a h3 { font-size:18px; font-style:italic; color: #111; position:absolute; top:248px; left:0px; width:180px; padding:10px; display:none; }
.sti-icon { height:100px; position:absolute; }
/*-----------------------------------------------------------------------------------*/
/* Page Login
/*-----------------------------------------------------------------------------------*/
.login div { margin:10px 0; }
/*-----------------------------------------------------------------------------------*/
/* Menu principal
/*-----------------------------------------------------------------------------------*/

#jMenu { display:table; padding:0 }
/********************/
/** premier niveau **/
/********************/
#jMenu li { display:table-cell; background-color:#322f32; margin:0; }
#jMenu li a { display:block; background-color: transparent; color:#fff; text-transform:uppercase; cursor:pointer; font-size:12px; }
/*******************/
/** second niveau **/
/*******************/
#jMenu li ul { display:none; position:absolute; padding:0; margin:0; z-index:15000; }
#jMenu li ul li { background-color:#322f32; display:block; border-bottom:1px solid #484548; padding:0; background-image:none; }
#jMenu li ul li.arrow { background:#322f32 url('../images/menu/arrow_down.png') no-repeat center center; height:6px; padding:0; border-bottom:none; padding-bottom:10px }
#jMenu li ul li a { font-size:11px; text-transform:none; padding:7px; display:block; border-top:1px solid transparent; border-bottom:1px solid transparent; font: .75em/1.85em Verdana, Arial, Geneva, Helvetica, sans-serif; }
#jMenu li ul li a.isParent { background:#3A3A3A url('../images/menu/arrow_right.png') no-repeat right center; }
#jMenu li ul li a:hover { background-color:#514c52; border-top:1px solid #322f32; border-bottom:1px solid #322f32; }
/*-----------------------------------------------------------------------------------*/
/* Css FORMALIZE : fichier modifié pour les besoins du site
/*-----------------------------------------------------------------------------------*/

.input_tiny { width: 50px; }
.input_small { width: 100px; }
.input_medium { width: 150px; }
.input_large { width: 200px; }
.input_xlarge { width: 250px; }
.input_xxlarge { width: 300px; }
.input_full { width: 100%; }
.input_full_wrap { display: block; padding-right: 8px; }

::-moz-focus-inner {
 border: 0;
 padding: 0;
}
 input[type="search"]::-webkit-search-decoration {
 display: none;
}
input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px; top: 0;  *top: -3px;
}
 @media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 2px;
}
}
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 0;
}
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
 input[type="radio"],  input[type="checkbox"] {
 vertical-align: baseline;
 top: 0;
}
}
input, button, select, textarea { margin: 0; vertical-align: middle; }
button:focus, input:focus, select:focus, textarea:focus { -moz-box-shadow: #0066ff 0 0 7px 0; -webkit-box-shadow: #0066ff 0 0 7px 0; -o-box-shadow: #0066ff 0 0 7px 0; box-shadow: #0066ff 0 0 7px 0; z-index: 1; }
input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
#recherche_input button, #outil_panier button, button.formalize, input[type="reset"], input[type="submit"], input[type="button"], .login a, a.btn_formalize { -webkit-appearance: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; background: #dddddd url('../images/formalize/button.png'); background-repeat:repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: -ms-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; padding: 3px 10px; text-shadow: white 0 1px 1px; width: auto;  *padding-top: 2px;
 *padding-bottom: 0;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, .login a:hover, a.btn_formalize:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); }
button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active, .login a:active, a.btn_formalize:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee); background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee); -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -o-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; border-color: #999999 #bbbbbb #dddddd; }
button, .login a, a.btn_formalize {  *padding-top: 1px;
 *padding-bottom: 1px;
}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; outline: 0; padding: 2px 3px; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em;  *padding-top: 2px;
 *padding-bottom: 1px;
 *height: auto;
}
textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; }
button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled] { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; }

::-webkit-input-placeholder { color: #888888; }
 input:-moz-placeholder, textarea:-moz-placeholder { color: #888888;}
input.placeholder_text, textarea.placeholder_text { color: #888888; }

:invalid {
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 -o-box-shadow: none;
 box-shadow: none;
}
textarea, select[size], select[multiple] { height: auto; }
 @media (-webkit-min-device-pixel-ratio: 0) {
 select {
 background-image: url('../images/formalize/select_arrow.gif');
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 20px;
}
 select[size],  select[multiple] {
 background-image: none;
 padding: 0;
}

  ::-webkit-validation-bubble-message {
 -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
 box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
 border: 1px solid;
 border-color: #747474 #5e5e5e #4f4f4f;
 color: white;
 font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
 overflow: hidden;
 padding: 15px 15px 17px;
 text-shadow: black 0 0 1px;
 height: 16px;
}

  ::-webkit-validation-bubble-arrow,   ::-webkit-validation-bubble-top-outer-arrow,   ::-webkit-validation-bubble-top-inner-arrow {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: #666666;
 border: 0;
}
}
textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; }
optgroup { color: black; font-style: normal; font-weight: normal; }
.ie6_button, * html button { background: #dddddd url('../images/formalize/button.png') repeat-x; border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.2 Arial, sans-serif; padding: 2px 10px 0px; overflow: visible; width: auto; }
* html button { padding-top: 1px; padding-bottom: 1px; }
.ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; }
* html select { margin-top: 1px; }
.placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; }
.ie6_input_disabled { background: #eeeeee; }
/* `Errors
----------------------------------------------------------------------------------------------------*/

label.error { background: #ffc; color: #c00; font-style: italic; }
input.error, select.error, textarea.error { background-color: #fee; }
/* `Table Layout
----------------------------------------------------------------------------------------------------*/

.horiz { margin-top: -20px; margin-left: -20px; }
.horiz td { padding: 20px 0 0 20px; }
/*-----------------------------------------------------------------------------------*/
/* Partie personnalisée
/*-----------------------------------------------------------------------------------*/
.login a { margin:5px 5px 0 0; color:#a50000; }
a.btn_large, a.btn_formalize { padding:7px 15px; }
a.btn_formalize { display:block; margin:15px 0 0 0; }


.annonce-accueil-bg { background:transparent url('../images/annonce-accueil-bg.png') repeat-x 0 0; height:350px; width:100%; display:block;}
.annonce-accueil { background:transparent url('../images/annonce-accueil.png') no-repeat 0 0; height:450px; width:960px; display:block; margin: 0 auto;}
.annonce-accueil-etiquette { background:transparent url('../images/annonce-etiquette.png') no-repeat 0 0; height:275px; width:250px; display:block; margin: 0 auto; position:absolute; left:0;}

div#annonce_absolute { position:absolute; right:0; top:250px;}
div#annonce_absolute a { background-image:url('../images/temoignages.png'); background-color:transparent; background-repeat:no-repeat; width:350px; height:120px; display:block;}
div#annonce_absolute a:hover { background-position:0 0;}

/images/temoignages.png