@charset "utf-8";
/*----------------------------------------*/
/*--- Mise en page ---*/
/*--------------------*/

/*--- TITRES ---*/
h1 {
	color: #000000;
	font-size: 1.3em;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 0.9em;
}
h2 {
	color: #666666;
	font-size: 1.8em;
	line-height: 1em;
	margin:0.5em 0 0.6em 0;
}
h3 {
	color: #000000;
	font-size: 1.5em;
}
h4 {
	color: #a8c141;
	font-size: 1.2em;
}
h5 {
	color: #333333;
	font-size: 1.1em;
}
h6 {
	color: #666666;
	font-size: 1em;
}
h1 span.font_vert { font-size: 2.0em; line-height:40px;}
.collection h1 {}
.collection h2 {}
.collection h3 { font-size: 12px; }
.collection h4 {}
.collection h5 {}
.collection h6 {}
#col_gauche h1 {
	font-size: 3em;
	color: #000000;
	margin:0 0 5px 0;
}
#col_gauche h2 {
	font-size: 1.5em;
	color: #666666;
	margin:0 0 10px 0;
	line-height:1.2em;
}
#col_gauche h3 {
	font-size: 1.25em;
	color: #a8c141;
	margin:0 0 10px 0;
	line-height:1em;
	font-weight: lighter;
}
#col_droite h1 {
	color: #000000;
	margin:0 0 20px 0;
	text-align: right;
	line-height:1.2em;
}
#col_droite h2 {
	color: #a8c141;
	margin: 0 0 15px 0;
}
#header_top h1 {
	font-size: 2.5em;
	color: #000000;
	margin:0 0 5px 0;
}
#header_top h2 {
	font-size: 1.5em;
	color: #a8c141;
	margin:0 0 10px 0;
	line-height:1.2em;
}
#barre_progression div#barre_prog_c h5 {
	color: #000000;
}

/*----------------------*/
/*--- Mise en page des textes ---*/
#col_droite ul { margin:0 0 0 20px; }
#content ul li {
padding: 0 20px;
margin:0 20px;
list-style:square outside none;
}
#col_droite hr { margin: 5px 0; }
.font_blanc {
	font-weight: bolder;
}
.font_brunclair { color: #666666; }
.font_brun { color: #000000; }
.font_vert { color: #a8c141; }
.menu_content_top p { text-align: center; }
.font_gris_footer { 
	font-size: 11px;
	color: #666666;
	text-align: left;
	line-height: 1.3em;
}
/*----------------------*/
/*--- Liens ---*/
a:link, a:visited {
	color: #a8c141;
}
a:link, a:visited, a:active, a:hover {
	margin: 0;
	padding: 0;
	font-size: 11px;
	outline: 0;
}
a:active, a:hover {
	color: #FF3300;
}
/*----------------------*/
/*--- Balises globales ---*/
img {
	border: 0;
	outline: 0;
}
/*----------------------*/
/*--- Collections ---*/
div.collections, div.collection{ text-align: center; }
.collections div, .collection div{
	text-align: left;
	border: #eeeeee 1px solid;
	display: inline-block;
	margin: 10px 20px 10px 0;
	width: 300px;
	vertical-align:top;
}
.collections div{
	height:300px;
}
.collection div{
	height:250px;
}
.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.5em;
	font-weight: bolder;
}
.collections div a img, .collection div a img{
	border: 0;
	outline: 0;
}
.collections div p, .collection div p{
text-align:left;
margin:5px 10px 0 10px;
}

/*----------------------*/
/*--- Boutons ---*/
div.btn_panier {
	width:251px;
	float: left;
	margin: 20px 0 0 0;
}
.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_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 {
	margin: 3px 0;
}
.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_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: inline-block;
	vertical-align: middle;
	width: 250px;
	height: 32px;
	line-height: 2.1em;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
}
/* input.btn_///rouge {
 border:none;
 cursor: pointer;
}*/
.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/btn_large.png) scroll no-repeat left top;
	border:none;
	cursor: pointer;
}
.btn a:hover, .btn a:active, .btn_detail a:hover, .btn_detail a:active {
	color: #ffffff;
	background: transparent url(../images/btn_large.png) scroll no-repeat 0px -32px;
}
.btn_jaune a, .btn_jaune a:link, .btn_jaune a:visited, a.btn_jaune, a:link.btn_jaune {
	color: #000000;
	background: transparent url(../images/btn_large.png) scroll no-repeat center top;
}
.btn_jaune a:hover, .btn_jaune a:active, a:hover.btn_jaune {
	color: #a8c141;
	background: transparent url(../images/btn_large.png) scroll no-repeat 50% -32px;
}
.btn_blanc a, .btn_blanc a:link, .btn_blanc a:visited, a.btn_blanc, a:link.btn_blanc {
	color: #000000;
	background: transparent url(../images/btn_large.png) scroll no-repeat right top;
}
.btn_blanc a:hover, .btn_blanc a:active, a:hover.btn_blanc {
	color: #a8c141;
	background: transparent url(../images/btn_large.png) scroll no-repeat 100% -32px;
}
.btn_blanc_inv a, .btn_blanc_inv a:link, .btn_blanc_inv a:visited {
	color: #000000;
	background: transparent url(../images/btn_large.png) scroll no-repeat right -130px;
}
.btn_blanc_inv a:hover {
	color: #a8c141;
	background: transparent url(../images/btn_large.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: #a8c141;
	background: transparent url(../images/btn_large.png) scroll no-repeat 0px -32px;
}

/*--------------------------------------------------------*/
/*--- 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: #a8c141;
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: #a8c141;
}
div#form_login div a:hover {
	color: #ffffff;
}
/*--------------------------------------------------------*/
/*--- Page détail des cartes ---*/
.detail {
	float: left;
}
.detail_d{
	float: left;
	width: 350px;
	margin: 0 0 0 20px;
}
.detail_d p{
	margin: 0 0 15px 0;
}
.detail_d a{
	margin: 0;
	padding: 0;
	border: 0;
}

.detail_d img{
	margin: 0;
	padding: 0;
	border: 0;
}
/*--------------------------------------------------------*/
/*--- Page Panier ---*/
div.table_tarif {
	width: 62%;
	margin: 20px 0 20px 50px;
	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_d 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 { padding: 0 0 50px 0; width:58%; display:inline-block; vertical-align:top; }
.texte_panier2 div, .texte_panier3 div{
	float: right;
	display: inline;
}
.texte_panier3 td{ padding: 5px 0;}
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 dl{
	padding: 5px;
}
form.table_panier fieldset{
	vertical-align: middle;
	text-align:right;
}
form.table_panier fieldset dl {
	/*text-align:center;*/
	border-top:solid 1px #eeeeee;
}
form.table_panier dd{
	display: inline-table;
	margin: 0 5px 0 5px;
	vertical-align:middle;
}
/*--------------------------------------------------------*/
/*--- 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: #A8C141;
	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: #a8c141;
	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.office {
	background: transparent url(../images/ecards_btnpackoffice.png) scroll no-repeat left top;
}
.ecards_prix a.pro {
	background: transparent url(../images/ecards_btnpackpro.png) scroll no-repeat left top;
}
.ecards_prix a.ultimate {
	background: transparent url(../images/ecards_btnpackultimate.png) scroll no-repeat left top;
}
.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;
}