/* Style généraux */
html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Calibri", "Arial";
	font-size: .84em;
	color: #FFFFFF;
	background-color: #616265;
}

textarea {
	font-family: "Calibri", "Arial";
	font-size: .9em;
}

select {
	color: #000000;
	background-color: #a1A2A5;
	border-color: #f0984a;
}

a {
	color: #f0984a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Encadrement général */
#tab {width: 100%; height: 100%; border: 0px; border-spacing: 0px; border-collapse: collapse;}
#tab .hg {width: 20px; background-image: url(../img/tab_hg.jpg);	background-position: right bottom; background-repeat: no-repeat;}
#tab .hd {width: 20px; background-image: url(../img/tab_hd.jpg);	background-position: left bottom; background-repeat: no-repeat;}
#tab .h {background-image: url(../img/tab_h.jpg); background-position: bottom;}
#tab .cg {width: 20px; background-image: url(../img/tab_g.jpg); background-position: right;}
#tab .cd {width: 20px; background-image: url(../img/tab_d.jpg); background-position: left;}
#tab .hTitre {height: 45px; width: 290px; background-image: url(../img/tab_htitre.jpg); background-repeat: no-repeat; background-position: bottom;}
#tab .bg {background-image: url(../img/tab_bg.jpg); background-position: right top; background-repeat: no-repeat;}
#tab .bd { background-image: url(../img/tab_bd.jpg);	background-position: left top; background-repeat: no-repeat;}
#tab .b {height: 20px; background-image: url(../img/tab_b.jpg);}
#tab #contenu {vertical-align: top; text-align: center;}

/* Liste de naissance */
#liste {
	text-align: center;
	border: 0;
	width: 850px;
}

#liste .cat {
	background-color: #f0984a;
	text-align: left;
	width: 850px;
	height: 22px;
	border: 0;
	padding-left: 10px;
	font-weight: bold;
	
	
}

#liste .entLib {
	text-align: left;
	color: #f0984a;
	border: 0;
	height: 20px;
	width: 150px;
	font-weight: bold;
}

#liste .entDes {
	text-align: left;
	color: #f0984a;
	border: 0;
	width: 430px;
	font-weight: bold;
}

#liste .entQte {
	text-align: center;
	color: #f0984a;
	border: 0;
	width: 80px;
	font-weight: bold;
}

#liste .entQte2 {
	text-align: center;
	color: #f0984a;
	border: 0;
	width: 130px;
	font-weight: bold;
}

#liste .objLib {
	text-align: left;
	border: 0;
}

#liste .objDes {
	text-align: left;
	font-style: italic;
	border: 0;
}

#liste .merci {
	text-align: right;
	font-style: italic;
	color: #FFFFFF;
	border: 0;
	
}

#liste .ligne {
	border: 0;
	border-bottom: 1px solid #f0984a;
	
}

#liste .vide {
	border: 0;
	
}

#liste .objQte {
	border: 0;
}

/* Récapitulatif de la commande */
#listeRecap .titre {
	background-color: #f0984a;
	text-align: center;
	width: 570px;
	height: 22px;
	border: 0;
}
#listeRecap .cat {
	text-align: left;
	color: #f0984a;
	border: 0;
	height: 20px;
	padding-left: 25px;
	font-style: italic;
	font-weight: bold;
}
#listeRecap .objet {
	text-align: left;
	color: #ffffff;
	border: 0;	
	padding-left: 50px;
}
#listeRecap .label {
	text-align: right;
	font-weight: bold;
	width: 30%;
}
#listeRecap .input {
	text-align: left;	
	width: 70%;
}

/* Menu haut */
#menu {border-spacing: 0px;	border-collapse: collapse; width: 100%;}
#menu .sel {width:10px; padding-right:20px; padding-left:20px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center; height: 30px;}
#menu .nonSel {width:10px; padding-right:20px; padding-left:20px; 	border-bottom: 1px solid #fff; text-align: center; height: 30px;}
#menu .nonSel a {color: #616265; text-decoration: none;}
#menu .margeG {width: 20px; height: 30px; border-bottom: 1px solid #fff;}
#menu .margeD {height: 30px; border-bottom: 1px solid #fff;}
#menu .logo {height: 125px; border-bottom: 1px solid #fff; padding-left: 25px; background-image: url(../img/m_famille.jpg); background-position: right top; background-repeat: no-repeat;}

#menu .sousMenu {color: #f0984a; text-align: left; height: 30px; font-size: 1.1em;}
#menu .sousMenu .sel {color: #ffffff; border: 0; font-weight: bold;}
#menu .sousMenu  .nonSel{}

/* page accueil */
#divAccueil {
	width: 550px;
	text-align: left;
}

#divMaj {
	background-color: #353535;
	padding: 10px;
	border: 1px solid #fff;
	width: 550px;
}


/* Erreurs */
#erreurs {
	background-color: #353535;
	padding: 2px;
	border: 1px solid #fff;
	width: 500px;
}

/* photos */
.rubPhotos {
	color:#ffffff;
	font-size: 1.1em;
}

.rubPhotos a {
	/*color:#8fd300;	*/
}

.rubPhotosSel {
	color:#ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

.pItem {	
	text-align: center;	
	display: inline-block;
	width: 150px;
	padding-right: 20px; 		
	vertical-align:top;
}

.pCmt {	
	text-align: center;
	padding-top: 10px; 	
	height: 45px;	
	font-size: .8em;
}

.p {	
	text-align: center;	
	display: inline-block;
	width: 230px;
	padding-right: 30px; 		
	vertical-align:top;
}

.photo{	
	background: #616265;
	padding: 10px 5px 0px 5px; 	
	border: 10px solid #ddd;	
	font-size: 1.2em;
	margin:auto;	
	text-align: center;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 110px;
	height: 110px;
}

.photoCat{	
	background: #616265;
	padding: 10px 5px 0px 5px; 	
	border: 10px solid #ddd;	
	font-size: 1.2em;
	margin:auto;	
	text-align: center;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 10px #f0984a;
	-moz-box-shadow: 0px 0px 10px #f0984a;
	box-shadow: 0px 0px 10px #f0984a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 110px;
	height: 110px;
}

.photoCmt {	
	text-align: center;
	padding-top: 10px; 	
	height: 70px;	
	
	
}

/* Boutons */



.btn {	
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0 3px 0;
	//font:Bold 13px Arial;	
	background:#353535;
	color:#fff;
	width:100px;
	font-family: "Calibri", "Arial";
	font-size: .9em;
	border:1px solid #fff;
}

.admPhotoUp {
	text-align: center;
	float: left;
	
	height: 550px;
	width: 550px;
	
	background: #616265;
	padding: 10px 5px 0px 5px; 	
	border: 10px solid #ddd;	
	font-size: 1.2em;
	margin-right :20px;	
	text-align: center;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 10px #8fd300;
	-moz-box-shadow: 0px 0px 10px #8fd300;
	box-shadow: 0px 0px 10px #8fd300;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	
	
	
}


/* fenetre modale pour slideshow */
.modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #131313;
	opacity: .80;
	filter: alpha(opacity=85);
	z-index: 101;
}
.modal-window {
	/*padding: 20px; 	*/
	border: 20px solid #ddd;
	position: fixed;
	top: 50%;
	left: 50%;
	
	/*margin: 0;*/
	/* padding: 10px; */
	z-index: 999999;
	background: #616265;
	
	/*border: solid 8px #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	
	
}
.close-window {
	position: absolute;
	width: 47px;
	height: 47px;
	right: -35px;
	top: -35px;
	background: transparent url(../img/popup_close.png) no-repeat scroll right top;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;
}

/* Popup pour les images */
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #616265;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	/*display: inline-block;*/
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	text-align: center;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
	border: none;

}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}



/* Sildeshow */
.photoSlideshow {width: 100%; height: 100%; background-color: #616265; vertical-align: middle; margin: auto; border: 1px; text-align: center;}
.photoSlideshow 	img {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}