/* COMMON */
body{
	margin: 10px 0px 10px 0px;
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
	background: url(../images/fond.gif) repeat-x #3383AD;
}
body.portfolioListe{
	margin: 10px;
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
	background: url(../images/fond.gif) repeat-x #3383AD;
}

html{
	width: 100%;
}

p{
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active{
	color: #398BB6;
	text-decoration: none;
}
a:hover{
	color: #398BB6;
	text-decoration: underline;
}

a.lienBlanc:link, a.lienBlanc:visited, a.lienBlanc:active{
	color: #FFFFFF;
	text-decoration: underline;
}
a.lienBlanc:hover{
	color: #FFFFFF;
	text-decoration: none;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
select, input, textarea{
	/*width: 160px;*/
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
}
input.submit{
	width: 30px;
}
input.quantite{
	width: 25px;
	text-align: center;
}
input.chk{
	width: auto;
	margin-bottom: -1px;
	margin-left: 0px;
}

div.left{float: left;}
div.right{float: right;}

.txtBleu{color: #398bb6;}
.txtBlanc{color: #ffffff;}
.txtRouge{color: #d10000;}

p.erreur{
	margin: 2px 0px;
	color: #d10000;
}

.spacer{
	clear: both;
	height: 2px;
	overflow: none;
	visibility: hidden;
}

img.btModifier{
	border: 0px;
	width: 86px;
	height: 17px;
}

img.bouton{
	border: 0px;
	height: 17px;
}

img.btRetour{
	border: 0px;
	width: 67px;
	height: 17px;
}

img.pictoPeinture{
	border: 0px;
	width: 13px;
	height: 13px;
	margin-left: 3px;
	cursor: pointer;
}

.promo{color:#d10000; font-weight:bold;}

/* MAIN */
#main{
	width: 780px;
	background-color: #FFFFFF;
	padding: 1px;
	margin-left: auto;
	margin-right: auto;
}

#footer{
	background-color: #3383AD;
	padding: 2px 10px;
	color: #cacaca;
}
#footer a{
	color: #f0f0f0;
}

/* HEADER */
#header{
	position: relative;
	width: 778px;
	height: 49px;
	top: 1px;
	left: 1px;
	background: url(../images/fondHeader.gif) repeat-x #FFFFFF;
	margin-bottom: 8px;
}
#header .logo{
	position: absolute;
	border: none;
	width: 249px;
	height: 49px;
	top: 0px;
	left: 155px;
}
#menuHeader{
	text-align: right;
	padding: 0px 5px;
	margin-bottom: 10px;
}
#menuHeader a{
	display: inline;
	color: #333333;
	padding-left: 15px;
	margin-left: 15px;
	text-decoration: none;
}
#menuHeader a.accueil{
	background: url(../images/pictoHome.gif) no-repeat #ffffff 0px 1px;
	padding-left: 18px;
}
#menuHeader a.quiSommesNous{
	background: url(../images/pictoQuiSommesNous.gif) no-repeat #ffffff 0px 3px;
}
#menuHeader a.cgv{
	background: url(../images/pictoCGV.gif) no-repeat #ffffff 0px 3px;
}
#menuHeader a.contactezNous{
		background: url(../images/pictoContactezNous.gif) no-repeat #ffffff 0px 3px;
}

/* MENU */
#menu{
	position: relative;
	background: url(../images/fondMenuGris.gif) repeat-x #ffffff right bottom;
	height: 21px;
}
#menu a img{
	border: none;
	height: 21px;
}
#menu a.panier{
	position: absolute;
	bottom: 4px;
	right: 5px;
	color: #ffffff;
	background-image: url(../images/pictoPanier.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 17px;
}

/* CONTENU */
#contenu{
	position: relative;
	width: 780px;
	background-color: #eaeaea;
	margin-top: 1px;
	padding-top: 5px;
	height: 350px;
}
html>body #contenu{ /* 5U IE !! */
	height: auto;
	min-height: 350px;
}
#contenu p.titreRouge{
	background: url(../images/fondTraitRouge.gif) repeat-x #eaeaea 0px 20px;
}
#contenu p.titreRouge img{
	height: 40px;
	border: none;
}

/* COMPOSITION */
#composition{
	float: left;
	width: 482px;
	min-height: 300px;
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 2px;
}
#composition img.photo{
	width: 480px;
	border: 1px solid #3a8bb5;
	margin-top: 5px;
}
#composition div.entete{
	position: relative;
	height: 25px;
	clear: both;
}
#composition div.entete p.nom{
	font-weight: bold;
}
html>body #composition div.entete{ /* 5U IE !! */
	height: auto;
	min-height: 25px;
}
#composition div.photo{
	position: relative;
}
#composition div.photo img.zoom{
	position: absolute;
	top: 9px;
	left: 460px;
	width: 17px;
	height: 17px;
	border: 0px;
}

#votreComposition{
	float: left;
	width: 274px;
	min-height: 300px;
	background-color: #94c4dd;
	padding-bottom: 10px;
}
#votreComposition img.titre{
	width: 131px;
	height: 25px;
	margin: 5px 0px 1px 5px;
}
#votreComposition p.intro{
	padding: 0px 8px 8px 8px;
	color: #666666;
}
#votreComposition p.nbElement{
	padding: 0px 8px 8px 8px;
	color: #ffffff;
	font-weight: bold;
}
#votreComposition p.description{
	margin-bottom: 5px;
}
#votreComposition tr.element td{
	vertical-align: top;
	padding-bottom: 10px;
}
#votreComposition tr.element a{
	color: #000000;
}
#votreComposition tr.element img{
	width: 80px;
	border: none;
	margin: 0px 5px 10px 0px;
}
#votreComposition tr.element img.pictoPeinture{
	border: 0px;
	width: 13px;
	height: 13px;
	margin-top: 3px;
	margin-left: 5px;
}
#votreComposition tr.element .qte{
	color: #ffffff;
}
#votreComposition p.boutons{
	clear: both;
	padding: 5px 5px 5px 90px;
}
#votreComposition p.boutons .ajouterPanier{
	border: 0px;
	width: 131px;
	height: 17px;
	margin: 3px;
}
#votreComposition p.txtRouge{
	padding: 3px;
	background-color: #e9e9e9;
	margin: 0px 1px 4px 1px;
}
#votreComposition p.txtBlanc{
	padding: 3px;
}
#votreComposition table.qtes{
	width: 100%;
	background-color: #e6e6e6;
}
#votreComposition table.qtes td{
	vertical-align: middle;
	padding: 3px;
}
#votreComposition table.qtes td.saisie{
	/*text-align: center;*/
}
#votreComposition table.qtes td.saisie select{
	width: auto;
}
#votreComposition table.qtes tr.entete td{
	padding: 3px;
	color:  #398bb6;
}
#votreComposition div.etiquettes{
	background-color: #e6e6e6;
	padding: 3px;
}
#votreComposition div.etiquettes p.check{
	margin-bottom: 5px;
}
#votreComposition div.etiquettes textarea{
	width: 150px;
	height: 30px;
}

#accueil{
	float: left;
	width: 549px;
	padding-left: 3px;
	height: 390px;
	background: url(../images/fondAccueil.jpg) no-repeat #eaeaea 4px bottom;
}
#accueil table{
	border-collapse: collapse;
}
#accueil td{
	width: 100px;
	vertical-align: top;
	text-align: left;
	padding: 0px 50px 0px 30px;
}
#accueil td img{
	border: 1px solid #398bb6;
	width:100px;
}
#accueil tr.compositions td a{
	color: #000000;
	text-decoration: none;
}
#accueil tr.compositions td.mariage{
	border-right: 1px dashed #398bb6;
}
#accueil tr.compositions td.bapteme{
	border-right: 1px dashed #398bb6;
}
#accueil tr.compositions td.mariage .titre{
	color: #aba920;
	font-weight: bold;
	line-height: 20px;
}
#accueil tr.compositions td.bapteme .titre{
	color: #4197c4;
	font-weight: bold;
	line-height: 20px;
}
#accueil tr.compositions td.communion .titre{
	color: #a50c75;
	font-weight: bold;
	line-height: 20px;
}
#accueil tr.liens td{
	width: 130px;
	padding: 0px 0px 0px 30px;
}
#accueil tr.liens td.mariage{
	border-right: 1px dashed #398bb6;
}
#accueil tr.liens td.bapteme{
	border-right: 1px dashed #398bb6;
}
#accueil tr.liens td.mariage a{
	color: #aba920;
}
#accueil tr.liens td.bapteme a{
	color: #4197c4;
}
#accueil tr.liens td.communion a{
	color: #a50c75;
}

/* CONTENU PAGE */
#contenuPage{
	float: left;
	width: 542px;
	padding: 0px 0px 0px 10px;
}
#contenuPage .blocClair{
	background-color: #c8dbe5;
	padding: 8px;
	margin-bottom: 1px;
}
#contenuPage .blocClair p{
	width: 100%;
}
#contenuPage .blocClair img{
	border: 0px;
	margin: 0px 0px 4px 4px;
}
#contenuPage .blocFonce{
	background-color: #94c4dd;
	padding: 8px;
	margin-bottom: 1px;
}
#contenuPage .blocFonce img{
	border: 0px;
	margin: 0px 4px 4px 0px;
}

/* COMPOSITIONS */
#enteteCompositions{
	width: 522px;
	height: 57px;
	padding: 15px;
	padding-right: 0px;
}
#compositions{
	width: 532px;
	padding: 5px 0px 5px 10px;
}
#compositions table.liste{
	border: none;
}
#compositions table.liste td.composition{
	vertical-align: top;
	background-image: url(../images/fondComposition.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 112px;
	height: 120px;
	text-align: center;
	padding: 5px 5px 15px 5px;
}
#compositions table.liste td.composition a{
	color: #000000;
	text-decoration: none;
}
#compositions table.liste td.composition a img{
	border: 1px solid #3a8bb5;
	width: 80px;
	text-decoration: none;
	margin-bottom: 5px;
}
#compositions table.liste td.composition p{
	width: 82px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* CONTACTEZ NOUS */
#contactezNous
{
	width: 100%;
}
#contactezNous td
{
	width: 25%;
	padding: 2px 5px;
}
#contactezNous input, select
{
	width: 100px;
}
#contactezNous textarea.demande
{
	width: 300px;
}
#contactezNous td.valider
{
	text-align: right;
	padding: 10px 5px 0px 0px;
}
#contactezNous td.valider img{
	border: 0px;
	width: 70px;
	height: 17px;
	cursor: pointer;
}

/* PANIER */
#panier{
	width: 100%;
}
#panier td.vignette{
	vertical-align: top;
}
#panier td.vignette img{
	border: 1px solid #3a8bb5;
	width: 80px;
}
#panier td.vignette a.supprimer{
	display: block;
	width: 69px;
	padding-left: 11px;
	text-decoration: none;
	background-image: url(../images/pictoSupprimer.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #000000;
}
#panier td.composition{
	vertical-align: top;
	width: 100%;
	background-color: #94c4dd;
	padding: 6px;
	border-bottom: 10px solid #eaeaea;
}
#panier td.composition input.btRecalculer{
	margin: 0px 0px 5px 5px;
	width: 86px;
	height: 17px;
	border: 0px;
}
#panier td.composition p{
	height: 25px;
}
html>body #panier td.composition p{ /* 5U IE !! */
	height: auto;
	min-height: 25px;
}
#panier td.quantite{
	text-align: center;
}
#panier td.couleurDragees select{
	width: auto;
}
#panier td.prix{
	text-align: right;
}
#panier table.detailComposition{
	width: 100%;
	background-color: #e6e6e6;
}
#panier table.detailComposition tr.entetes td, #panier table.detailComposition tr.total td{
	color:  #398bb6;
	font-weight: bold;
	background-color: #f6f6f6;
}
#panier td.infos{
	vertical-align: top;
	padding: 40px 10px 10px 10px;
	background-color: #c8dbe5;
	background-image: url(../images/titreInfos.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-left: 1px solid #eaeaea;
	border-bottom: 10px solid #eaeaea;
}
#panier td.infos p.complementInformation{
	margin-top: 5px;
}
#panier td.infos p.rappelRecalculer{
	margin-top: 3px;
	font-family: arial, verdana;
	font-size: 10px;
	color: #d10000;
}
#panier td.infos p.complementInformation textarea{
	width: 130px;
	height: 100px;
}
#panier tr.totalPanier td{
	height: 17px;
}
#panier tr.totalPanier td.picto{
	background-image: url(../images/pictoTotalPanier.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	font-size: 2px;
}
#panier tr.totalPanier td.total{
	background-image: url(../images/fondTotalPanier.gif);
	background-repeat: repeat-x;
}
#panier tr.totalPanier td.total table{
	width: 100%;
}
#panier tr.totalPanier td.total table td.libelle{
	padding-left: 7px;
	padding-top: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #d10000;
	vertical-align: top;
	width: 70%;
}
#panier tr.totalPanier td.total table td.prix{
	padding-right: 10px;
	padding-top: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #d10000;
	vertical-align: top;
	text-align: right;
	width: 30%;
}
#panier tr.totalPanier td.commander{
	height: 17px;
}
#panier tr.fdp td{
	height: 17px;
}
#panier tr.fdp td.radio{
	text-align: right;
}
#panier tr.fdp td.picto{
	background-image: url(../images/pictoTotalPanier.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
	font-size: 2px;
}
#panier tr.fdp td.total{
	background-image: url(../images/fondTotalPanier.gif);
	background-repeat: repeat-x;
}
#panier tr.fdp td.total table{
	width: 100%;
}
#panier tr.fdp td.total table td.libelle{
	padding-left: 7px;
	padding-top: 2px;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	width: 70%;
}
#panier tr.fdp td.total table td.prix{
	padding-right: 10px;
	padding-top: 2px;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: right;
	width: 30%;
}
#panier table.detailComposition td.optionAjouter{
	vertical-align: top;
}
#panier table.detailComposition td.optionTexte{
	text-align: center;
}
#panier table.detailComposition td.optionTexte textarea{
	width: 130px;
	height: 30px;
}

/* COMMANDER */
#commanderCoordonnees
{
	width: 100%;
}
#commanderCoordonnees td
{
	width: 25%;
	padding: 2px 5px;
}
#commanderCoordonnees input, select
{
	width: 100px;
}
#commanderCoordonnees input.chk
{
	width: 18px;
}
#commanderCoordonnees tr.intro td{
	background-color: #e9e9e9;
	vertical-align: top;
	padding: 8px 5px;
}
#commanderCoordonnees td.cgv{
	padding: 8px 5px;
	background-color: #e9e9e9; 
}
#commanderCoordonnees td.valider
{
	text-align: right;
	padding: 10px 5px 0px 0px;
}
#commanderCoordonnees td.valider input{
	border: 0px;
	width: 70px;
	height: 17px;
	cursor: pointer;
}
#commanderCoordonnees td.modePaiementCheque{
	vertical-align: top;
	background-image: url(../images/fondPaiementCheque.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px;
}
#commanderCoordonnees td.modePaiementCB{
	vertical-align: top;
	background-image: url(../images/fondPaiementCB.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px;
}
#commanderCoordonnees td.descriptionPaiement{
	vertical-align: top;
	padding: 2px 2px 10px 2px;
	color: #444444;
}

/* COORDONNEES */
#coordonnees{
	float: right;
	width: 190px;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 125px 10px 5px 20px;
}
#coordonnees .laDragee{
	font-size: 11px;
}
#supports{
	margin-top: 20px;
	margin-left: -12px;
	background-color: #c8dbe5;
	padding: 5px;
	border: 1px solid #ffffff;
}

/* PORTFOLIO */
#portfolioListe{
	background-color: #f2f2f2;
	border: 1px solid #ffffff;
	padding: 8px;
}
#portfolioListe p.titre{
	color: #398bb6;
	font-weight: bold;
	margin-bottom: 5px;
}
#portfolioListe p.ssTitre{
	color: #999999;
	font-weight: bold;
	margin-bottom: 3px;
}
#portfolioListe img{
	border: 1px solid #3a8bb5;
	width: 80px;
	margin-bottom: 5px;
}
#portfolioDetail img{
	border: 1px solid #ffffff;
}
#portfolioListe img.btRetour{
	width: 67px;
	height: 17px;
	border: 0px;
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* CGV */
#cgv{
}
#cgv div.bloc{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#cgv ul li{
	margin: 3px 0px;
}
#cgv b, #cgv strong{
	color: #398bb6;
}

/* MESSAGE D'ERREUR */
#messageErreur{
	padding: 20px;
	color: #d10000;
}

/* PAIEMENT CA */
#contenuPage p.paiementCA input{
	width: 55px;
	height: 35px;
	border: 0px;
}

/* COULEUR DRAGEES */
#couleursDrageees{
	color: #ffffff;
}

/* ACCUEIL V2 */
#accueilV2{float:left; width:548px; height:390px; padding:0; padding-bottom:20px; margin:0; background-image:url(/images/basAccueil.gif); background-repeat:no-repeat; background-position: left bottom;}
html>body #accueilV2{min-height:390px;height:auto;}
#accueilV2 ul{display:block; width:100%; list-style-type:none; background:url(/images/fondActualite.gif) no-repeat #8eb6cb left top; margin:0; padding:0;}
#accueilV2 li.actualite{display:block; padding:7px 30px; color:#ffffff; margin:0;}
#accueilV2 li.actualite img{width:80px; border:1px solid #fff; float:left; margin:0 8px 2px 0;}
#accueilV2 li.actualite h1{font-size:11px; font-weight:bold; padding:0; margin:0 0 3px 0;}
#accueilV2 div.bloc{background:url(/images/fondBloc.gif) repeat-x #d1d1d1; text-align:center; padding:3px 10px;}

/* Introduction des compositions sur la page d'accueil */
#accueilV2 table.introCompositions{margin:0 auto;}
#accueilV2 table.introCompositions td{}
#accueilV2 table.introCompositions thead td{background:url(/images/fondEntete.gif) repeat-x #fff; line-height:0;}
#accueilV2 table.introCompositions thead td img{height:23px; border:none;}
#accueilV2 table.introCompositions thead td.bord{background-image:none;}
#accueilV2 table.introCompositions thead td.bord img{width:5px; height:23px;}
#accueilV2 table.introCompositions tfoot td{padding:10px 0 2px 0;}
#accueilV2 table.introCompositions tfoot a{display:block; width:80px; height:14px; font-family:arial,verdana; font-size:10px; color:#444; padding:0 0 0 16px; margin:0 auto;}
#accueilV2 table.introCompositions tfoot a.mariages{background-image:url(/images/puceMariages.gif); background-repeat:no-repeat; background-position:left 1px;}
#accueilV2 table.introCompositions tfoot a.baptemes{background-image:url(/images/puceBaptemes.gif); background-repeat:no-repeat; background-position:left 1px;}
#accueilV2 table.introCompositions tfoot a.communions{background-image:url(/images/puceCommunions.gif); background-repeat:no-repeat; background-position:left 1px;}
#accueilV2 table.introCompositions tfoot a.divers{background-image:url(/images/puceDivers.gif); background-repeat:no-repeat; background-position:left 1px;}
#accueilV2 table.introCompositions tbody td{padding:8px 10px 2px 10px; vertical-align:top;}
#accueilV2 table.introCompositions tbody td.bord{padding:0;}
#accueilV2 table.introCompositions tbody td a{color:#000; text-decoration:none;}
#accueilV2 table.introCompositions tbody td img{width:80px; border-width:1px;}
#accueilV2 table.introCompositions tbody td.mariages img{border-color:#a19f12;}
#accueilV2 table.introCompositions tbody td.baptemes img{border-color:#19658d;}
#accueilV2 table.introCompositions tbody td.communions img{border-color:#7f085a;}
#accueilV2 table.introCompositions tbody td.divers img{border-color:#7e9c22;}
#accueilV2 table.introCompositions tbody td.promotions img{border-color:#700074;}

/* styles pour les promotions */
#entetePromotions{display:block; width:180px; height:27px; padding:15px 0 0 350px; background-image:url(/images/entetePromo.gif); background-repeat:no-repeat; color:#700074; font-weight:bold;}
#bottomPromotions{display:block; padding:0 0 2px 16px; margin:8px 0;background-image:url(/images/pucePromo.gif); background-repeat:no-repeat; color:#444; text-align:left;}
#enteteCompositionsPromotions{width:519px; height:42px; border:0; margin:0; margin-bottom:10px;}