/***************** ONGLET ****************************/
TR.tr_active{
	background: #FFF7C8;
}

TD.onglet{
	background-image: url(../images/onglet_off.gif);
	background-repeat: no-repeat;
	background-position: center;
	color : #000000;
	font-family : arial;
	font-size : 8pt;
	font-weight : bold;
	text-align : center;
}

TD.onglet-actif{
	background-image: url(../images/onglet_on.gif);
	background-repeat: no-repeat;
	background-position: center;
	color : #000000;
	font-family : arial;
	font-size : 8pt;
	font-weight : bold;
	text-align : center;
}

#etape TD.onglet{
  background: #FFF;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : normal;
	text-align : center;
}

#etape TD.onglet-actif{
  background: #FFF;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : center;
}
/***************** FIN ONGLET ************************/

/***************** HEADER ************************/
table.header{
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	border : solid 0 #000000;
}

TD.header-shadow{
	background-image: url(../images/header_shadow.gif);
	background-repeat: no-repeat;
	background-position: center;
}

table.header th{
	color : #000000;
}

table.header td{
	color : #000000;
	border-left : solid 0 #000000;
	border-right : solid 0 #000000;
}

.button_header {
	color : #000000;
	font-family : arial;
	font-weight : bold;
	width : 200; 
}

.select_header {
	color : #000000;
	background-color : #FFF7C8;
	font-family : arial;
	font-weight : bold;
	width : 130; 
}

.button_rec {
	background-image: url(../images/rec.gif);
	background-repeat: no-repeat;
	background-position: center;
	color : #000000;
	font-family : arial;
	font-weight : bold;
	width : 40; 
}

.button_petit {
	color : #000000;
	font-family : arial;
	font-weight : bold;
	width : 100; 
}

.button_recap {
	color : #000000;
	font-family : arial;
	font-weight : bold;
	width : 300; 
}

a.header {
  color: #000000;
  text-decoration: underline;
}

a.header:hover{
  color: #FFCC00;
  text-decoration: none;
}

TD.logo {
	background-image: url(../images/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/***************** FIN HEADER ********************/


/***************** NAV BAS ***********************/
.nav-haut{
	border-bottom : dashed 0px #000000;
}

.nav-bas{
	border-top : dashed 0px #000000;
}

a.nav-bas {
  color: #FF7D00;
  text-decoration: underline;
}

a.nav-haut {
  color: #FF7D00;
  text-decoration: underline;
}

a.nav-bas:hover{
  color: #FFCC00;
  text-decoration: none;
}

a.nav-haut:hover{
  color: #FFCC00;
  text-decoration: none;
}

/***************** FIN NAV BAS ********************/


/***************** MENU ************************/
TD.menu-fond {
	background-image: url(../images/barre_fond_menu.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

table.menu{
	background: #FFDC00;
	color : #000000;
	font-family : arial;
	font-size : 12pt;
	font-weight : bold;
	border : solid 1px #000000;
}

.menu-gauche{
	color : #000000;
	font-family : arial;
	font-size : 13pt;
	font-weight : bold;
}

a.menu-gauche{
  color: #000000;
  font-weight : bold;
}

a.menu-gauche:hover{
  color: #FF3300;
  text-decoration: underline;
  font-weight : bold;
}

/***************** FIN MENU ********************/

/***************** TABLEAU ET FORMULAIRE ******************/
.tableau-jaune{
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	border : solid 0px #000000;
}

.tableau-jaune-changement{
	background: #FFFFFF;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	border : solid 0px #000000;
}

.tableau-jaune th{
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : left;
	border-bottom : dotted 2px #000000;
}

.formulaire{
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	border : solid 0px #000000;
}

.formulaire th{
	background: #FFF7C8;
	color : #000000;
	border : solid 0px #000000;
	height : 40px;
	vertical-align : middle;
	text-align: left;
}

.titre{
	text-decoration : underline;
	font-size : 14pt;
}

.sous-titre{
	font-weight : bold;
	font-size : 10pt;
}

.etape{
	font-size : 10pt;
}

.note{
     font-style : italic;
	font-size : 10pt;
}

input#nom, input#ville{
	text-transform : uppercase;
}
input#prenom{
	text-transform : capitalize;
}
.album-general-table{
	background : #FFF7C8;
	border-left : solid 0px #000000;
	border-right : solid 0px #000000;
}
/***************** FIN FORM ********************/

/***************** ALBUM   ********************/
.image {
	color: #000000;
	border: 1px;
}

.photo {
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 9pt;
}

.div_mini{
	background-repeat: no-repeat;
	background-position: center;
}

TD.mini {
	background-image: url(../images/diapo-blanche.gif);
	background-repeat: no-repeat;
	background-position: center;
}

TD.mini_commande {
	background-image: url(../images/diapo-rouge.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.description_photo{
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 9pt;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.description_photo_commande{
	background: #FFF7C8;
	color : #000000;
	font-family : arial;
	font-size : 9pt;
	border: 0px solid #000000;
}

.album_form_ligne{
	color : #000000;
	font-family : arial;
	font-weight : bold;
	font-size : 9pt;
	border: 0px solid #DDDDDD;
}

.description_photo th{
	background: #FFF7C8;
	font-family : arial;
	font-weight : bold;
	color : #000000;
	border-bottom : dashed 1px #000000;
}

TH.description_photo{
	background: #FFDC00;
	color : #000000;
	border : solid 1px #000000;
}
/***************** FIN ALBUM   ********************/


/***************** NAV ALBUM   ********************/
TD.nav_active {
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px;
	background: #FFDC00;	
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : center;
}

TD.nav_inactive {
	border-top: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;	
	color : #000000;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	text-align : center;
}
/***************** NAV ALBUM   ********************/

/***************** RECAP COMMANDE  ****************/
.recap_commande{
	background: #FFFFFF;
	color : #614C4E;
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
	border : solid 1px #000000;
}

.recap_commande th{
	background: #D6D6D6;
	color : #000000;
	border-bottom : solid 1px #000000;
}

TD.header_recap_commande {
	color : #000000;
	border : solid 0px #000000;
	text-align : center;
}

TD.recap_commande_1 {
	background: #FEF4D3;
	border : solid 0px #A7A2A3;
}

TD.recap_commande_2 {
	background: #FFFFFF;
	border : solid 0px #A7A2A3;
}
/***************** FIN RECAP COMMANDE  **************/

/***************** TARIF  ****************/
.tarif{
	background: #FFFFFF;
	color : #614C4E;
	font-family : arial;
	font-size : 8pt;
	font-weight : bold;
	border : solid 1px #000000;
}

.tarif td.header_tarif{
	background: #D6D6D6;
	color : #000000;
	border-bottom : solid 1px #000000;
}

TD.tarif_1 {
	background: #FEF4D3;
	border : solid 0px #A7A2A3;
}

TD.tarif_2 {
	background: #FFFFFF;
	border : solid 0px #A7A2A3;
}
/***************** FIN TARIF  **************/


body {
  background: #FFF7C8;
  color: #000000;
  margin: 0px;
}

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

a:hover {
  color: #CC0000;
  text-decoration: underline;
}

.obligatoire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

TD.pageHeading { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
 }

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #CC0000;
  font-weight: bold;
}

.boxjaune { background: #CCCCCC; font-family: Verdana, Arial, sans-serif; font-size: 10px; ; font-weight: bold; color: #000000}
.grandtypo {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
.grandtypo2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.red {	font-size: 12px;color: #FF0000;}
.menu-info {font-size: 12px;color: #000000;font-weight: normal}

#commande_dyn {
	background-color: #FEF4D3;
	border: 0px;
}
commande_toolbar{
	background-color: #FEF4D3;
	border: 0px;
}

.boutique {
	font-family : arial;
	font-size : 10pt;
	font-weight : bold;
}
.boutique td.categorie{
  background: #FFCC01;
}

.button {
  background-color : #FFCC01;
  border: 1px solid #000;
  vertical-align: middle;
}

.article {
	font-family : arial;
	font-size : 10pt;
}

.article td.stock {
  border-bottom: solid 1px #000000;
}

.alert {	font-size: 16px; font-weight: bold; color: #FF0000;}

button {
  border:2px solid #878787;
  background-color:#D6D6D6;
  font-weight:bold;
  cursor: pointer;
}