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

/*--- TITRES ---*/
h1 {
	color: #ffffff;
	font-size: 2em;
	margin-bottom: 10px;
}
h2 {
	color: #666666;
	font-size: 1.8em;
	line-height: 1em;
}
h3 {
	color: #ffffff;
	font-size: 1.5em;
}
h4 {
	color: #ed7703;
	font-size: 1.2em;
}
h5 {
	color: #333333;
	font-size: 1.2em;
}
h6 {
	color: #666666;
	font-size: 1em;
}
.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: #8ba229;
	margin:0 0 10px 0;
	line-height:1em;
	font-weight: lighter;
}
#col_droite h1 {
	color: #FFFFFF;
	margin:0 0 20px 0;
	text-align: right;
	line-height:1.2em;
}
#col_droite h2 {
	color: #ed7703;
	margin: 0 0 15px 0;
}
#header_top h1 {
	font-size: 2.5em;
	color: #ffffff;
	margin:0 0 5px 0;
}
#header_top h2 {
	font-size: 1.5em;
	color: #ed7703;
	margin:0 0 10px 0;
	line-height:1.2em;
}
#barre_progression div#barre_prog_c h5 {
	color: #292929;
}

/*----------------------*/
/*--- Mise en page des textes ---*/
#col_gauche ul { margin:0 0 0 20px; }
#col_gauche ul li{ margin:0 0 10px 0; }
.font_orange { color: #ed7703; }
.font_blanc { color: #ffffff; }
.font_grisclair { color: #bbbbbb; }
.font_gris { color: #292929; }
.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: #a1bc30; }
a:link, a:visited, a:active, a:hover {
	margin: 0;
	padding: 0;
	font-size: 11px;
	outline: 0;
}
a:active, a:hover { color: #FFFFFF; }
/*----------------------*/
/*--- Balises globales ---*/
img {
	border: 0;
	outline: 0;
}
/*----------------------*/
/*--- Collections ---*/
div.collection{ text-align: center; }
.collection div{
	text-align: center;
	border: 0;
	display: inline-block;
	margin: 0 2% 30px 0;
}
.collection div a:first-child{}
.collection div a{
	text-align: center;
	text-decoration: none;
	display: block;
	outline: 0;
}
.collection div a img{
	border: 0;
	outline: 0;
}
.collection h3 a:link, h3 a:visited{
	font-size: 14px;
}
.collection h3 a:active, h3 a:hover{
	font-size: 14px;
}
/*----------------------*/
/*--- Boutons ---*/
div.btn_panier {
	width:210px;
	float: left;
	margin: 20px 0 0 0;
}
.btn a, .btn a:link, .btn a:visited{
	margin: 0 0 0 10px;
}
.btn_detail a, .btn_detail a:link, .btn_detail a:visited, .btn_panier a, .btn_panier a:link, .btn_panier a:visited{
	margin: 10px 0 10px 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{
	color: #292929;
	background: transparent url(../images/btn_vert.png) scroll no-repeat left top;
}
.btn a:hover, .btn a:active, .btn_detail a:hover, .btn_detail a:active, .btn_panier a:hover, .btn_panier a:active{
	color: #292929;
	background: transparent url(../images/btn_vert.png) scroll no-repeat left bottom;
}
.btn_blanc a, .btn_blanc a:link, .btn_blanc a:visited {
	color: #292929;
	background: transparent url(../images/btn_blanc.png) scroll no-repeat left top;
}
.btn_blanc a:hover, .btn_blanc a:active {
	color: #292929;
	background: transparent url(../images/btn_blanc.png) scroll no-repeat left bottom;
}
.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 {
	text-shadow: 2px;
	vertical-align: middle;
	display: block;
	width: 204px;
	height: 26px;
	line-height: 1.85em;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	font-weight: bolder;
}
.btn a:hover, .btn a:active, .btn_detail a:hover, .btn_detail a:active, .btn_panier a:hover, .btn_panier a:active, .btn_blanc a:hover, .btn_blanc a:active{
	display: block;
	font-weight: normal;
	font-size: 14px;
}


.btn_large a, .btn_large a:link, .btn_large a:visited, .btn_large a:active, .btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active {
	display: block;
}
.btn_largeur a, .btn_largeur a:link, .btn_largeur a:visited, .btn_largeur a:active {
	display: inline-block;
}
.btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active {
	color: #292929;
	background: transparent url(../images/btn_blanc_large.png) scroll no-repeat left top;
}
.btn_blanc_large a:hover{
	color: #292929;
	background: transparent url(../images/btn_blanc_large.png) scroll no-repeat left bottom;
}
.btn_large a, .btn_large a:link, .btn_large a:visited, .btn_large a:active, .btn_largeur a, .btn_largeur a:link, .btn_largeur a:visited, .btn_largeur a:active {
	color: #292929;
	background: transparent url(../images/btn_vert_large.png) scroll no-repeat left top;
}
.btn_large a:hover, .btn_largeur a:hover{
	color: #292929;
	background: transparent url(../images/btn_vert_large.png) scroll no-repeat left bottom;
}
.btn_large a, .btn_large a:link, .btn_large a:visited, .btn_large a:active, .btn_largeur a, .btn_largeur a:link, .btn_largeur a:visited, .btn_largeur a:active, .btn_blanc_large a, .btn_blanc_large a:link, .btn_blanc_large a:visited, .btn_blanc_large a:active  {
	text-shadow: 2px;
	vertical-align: middle;
	width: 250px;
	height: 26px;
	line-height: 1.85em;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	font-weight: bolder;
}
.btn_large a:hover, .btn_blanc_large a:hover{
	display: block;
	font-weight: normal;
	font-size: 14px;
}

/*--------------------------------------------------------*/
/*--- 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: #292929;
}

.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% ;
height:150px;
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*--- 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-d {
	line-height:1em
}
.article-d img {
vertical-align:middle;
}


div#form_login div a:link {
	font-size: 10px;
	color: #ed7703;
}
div#form_login div a:hover {
	color: #ffffff;
}
/*--------------------------------------------------------*/
/*--- Page détail des cartes ---*/
.detail {
	float: left;
}
.detail_d{
	float: left;
	width: 300px;
	margin: 0 0 0 50px;
}
.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 ---*/
form.table_panier fieldset div.table_tarif {
	width: 62%;
	margin: 20px 0 20px 50px;
	float: right;
	text-align:right;
}
form.table_panier fieldset div.table_tarif dl {
	padding: 0 10px 0 10px;
	text-align: right;
	vertical-align: middle;
}
form.table_panier fieldset div.table_tarif dl dt{
	text-align:left;
	display: block;
	position: absolute;
	line-height: 2em;
	height: 25px;
}
form.table_panier fieldset 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 div.btn_large, .panier_d p:first-child{ margin: 0; }
texte_panier1 {
	width: 93%;
	height: 200px;
}
.texte_panier2 { padding: 0 0 50px 0; }
.texte_panier2 div{
	float: right;
	display: inline;
}
.texte_panier2 b, .texte_panier2 p, .texte_panier2 ul, .texte_panier2 h2,{
	padding: 0 50% 0 0;	
}
form.table_panier {
	border: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #292929;
}
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 0 5px 0;
}
form.table_panier fieldset{
	vertical-align: middle;
}
form.table_panier fieldset dl {
	text-align:center;
}
form.table_panier dd{
	display: inline-table;
	margin: 0 5px 0 5px;
	vertical-align:middle;
}
form.table_panier a, form.table_panier a:link, form.table_panier a:visited{
	color: #292929;
}
form.table_panier a:hover{
	color: #292929;
}
/*--------------------------------------------------------*/
/*--- Barre de progression de la commande ---*/
#barre_progression {
	height: 50px;
	width: 100%;
	margin: 0 auto 10px auto;
	text-align: center;
}
#barre_progression div#barre_prog_c, #barre_prog_d, #barre_prog_g {
	height: 50px;
	float: left;
}
#barre_progression div#barre_prog_c{
	background: transparent url(../images/barre_progpan_bg.png) scroll repeat-x left top;
	padding:0;
	line-height: 2em;
	color: #292929;
	width: 80%;
}
#barre_prog_d {
	background: transparent url(../images/barre_progpan_d.png) scroll no-repeat right top;
	width: 50px;
}
#barre_prog_g {
	background: transparent url(../images/barre_progpan_g.png) scroll no-repeat left top;
	width: 50px;
}
#barre_progression div a, #barre_progression div a:hover, #barre_progression div a:link, #barre_progression div a:visited{
	color: #000000;
	font-size: 1em;
}
#barre_progression div a.active{
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}
#barre_progression img{
	margin: 0 15px;
}


/*--------------------------------------------------------*/
/*--- Page Validation ---*/
.table_validation {
	text-align: center;
}
form.table_panier { background: #666666 url(../images/arrondi_bg.png) scroll no-repeat left bottom; }
form.table_panier fieldset:first-child {
	background: #ffffff url(../images/arrondi_hg.png) scroll no-repeat left top;
	height: 30px;
}
table.table_validation { 
	margin: 0 0 20px 0;
}
table.table_validation{ 
	background-color: #666666;
}
table.table_validation thead{
	background: #ffffff url(../images/arrondi_hd.png) scroll no-repeat right top;
	width: 100%;
}

table.table_validation thead tr th:first-child{
	background: transparent url(../images/arrondi_hg.png) scroll no-repeat left top;
	height: 30px;
}
table.table_validation tfoot tr { background: transparent url(../images/arrondi_bg.png) scroll no-repeat left bottom; }
table.table_validation tfoot { background: transparent url(../images/arrondi_bd.png) scroll no-repeat right bottom; }
table.table_validation tbody { color: #292929; }
table.table_validation thead th { height: 30px;}
form.table_panier fieldset:first-child dl { background: transparent url(../images/arrondi_hd.png) scroll no-repeat right top; }
form.table_panier fieldset.table_form_fieldbas{
	background: transparent url(../images/arrondi_bd.png) scroll no-repeat right bottom;
	color: #292929;
}
.table_validation tbody tr td{
	padding: 10px 15px;
}
.table_validation td, .table_validation th {
	padding: 0 15px;
}
/*--- 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 5px 0 25px;
}
.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: #a1bc30;
	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: #2f2925;
	text-align: left;
	margin: 25px 20% 50px 250px;
}
.divcachee h1{
	color: #a1bc30;
}
.divcachee h2{
	color: #2f2925;
}
.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;
}