/* +---------------------------------------------------------------------------------------
   | Feuille de style global
   +--------------------------------------------------------------------------------------- */
* {
	/*margin:0;
	padding:0;*/
	font-family: Arial, Sans-Serif;
}

body {
	font-family: Arial, Sans-Serif;
	font-size:12px;
	background:#FFFFFF url(../Images/Global/background.gif) repeat-x;
}

body h1
{
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

img { border:none }
.ptSeparation { height: 5px; }
.separation { height: 10px; }
.gdSeparation { height: 20px; }

/* Variantes */
.gras { font-weight:bold; }
.normal { font-weight:normal; }
.majuscule {text-transform: uppercase; }

/* Couleurs */
.blanc { color: #FFF }
.noir { color: #000; }
.bleu { color: #5d94ba; }
.bleuFonce { color: #608eb9; }
.vert { color: #887b58; }
.gris { color: #9c9c9c; }

/* Taille */
.t10px { font-size: 10px; }
.t11px { font-size: 11px; }
.t12px { font-size: 12px; }

/* Les liens */
a.lienVert:link,
a.lienVert:visited {
	color: #887b58;
	text-decoration: none;
}

a.lienVert:hover,
a.lienVert:active {
	color: #CCCCCC;
	text-decoration: underline;
}

a.lienGris:link,
a.lienGris:visited {
	color: #9c9c9c;
	text-decoration: none;
}

a.lienGris:hover,
a.lienGris:active {
	color: #9c9c9c;
	text-decoration: underline;
}
/* tools */
.clear {clear:both; font-size:.1em;}
/* +---------------------------------------------------------------------------------------
   | Bandeaux & Titres
   +--------------------------------------------------------------------------------------- */
.bandeauBleuClair
{
	color: #608eb9;
	font-size: 18px;
	background: #d8e7f5 url(../Images/bandeauTitreBgBleuClair.png) repeat-x;
	height: 38px;
	text-align: center;
	text-transform: uppercase;
}

/* +---------------------------------------------------------------------------------------
   | Panier
   +--------------------------------------------------------------------------------------- */
/* Menu Etape Panier */
#etapePanier
{
	height: 84px;
	width: 581px;
}

#etapePanier .etapePanierBg
{
	background: #FFF url(../Images/panierEtapeBg.png) repeat-x;
}

/* Etape 2 - Panel Identification */
.identificationGauche
{
	width: 49%;
	float: left;
	text-align: center;
}

.identificationDroite
{
	width: 49%;
	float: right;
	text-align: center;
}

.identificationTable
{
	width: 98%;
	border: solid 1px #CCC;
}

.identificationTable .top
{
	height: 25px;
	padding: 6px 6px;
	font-size: 16px;
	font-weight: bold;
}

.identificationTable .line
{
	height: 1px;
	background-color: #CCC;
}

.identificationTable .inner
{
	height: 120px;
	padding: 6px 6px;
	text-align: center;
}

/* +---------------------------------------------------------------------------------------
   | Page Statique - Qui sommes nous, etc...
   +--------------------------------------------------------------------------------------- */
#Page
{
	color: #8b8b8b; /*#9c9c9c*/
	font-size: 12px;
	width: 100%;
}

#Page h4
{
	font-size: 12px;	
}

#Page ul
{
	/*list-style-position: inside;
	padding-left: 14px;*/
	list-style-type: square;
	margin-left: 14px;
	.margin-left: 0;
	padding-left: 0;
	.padding-left: 24px;
}

#Page #Titre
{
	height: 38px;
	width: 100%;
	background: #d8e7f5 url(../Images/bandeauTitreBgBleuClair.png) repeat-x;
	text-align: center;
	margin-bottom: 10px;
}

#Page #TitreFonce
{
	height: 38px;
	width: 100%;
	background: #d8e7f5 url(../Images/General/blue2-title.png) repeat-x;
	background-position:bottom;
	text-align: center;
	margin-bottom: 10px;
    }
 #Page #TitreFonce h1
 {
	color: #FFF;
	font-size: 18px;
	padding: 7px 0px 0px 0px;
	text-transform: uppercase;
    }
#Page #Titre h1
{
	color: #608eb9;
	font-size: 18px;
	padding: 7px 0px 0px 0px;
	text-transform: uppercase;
}

#Page #Contenu
{
	min-height:420px;
	_height:420px;
	_overflow:visible;
	text-align:justify;
}
#Page #Contenu dl.marques {clear:both; margin:0 20px 20px 32px;}
#Page #Contenu dl.marques dt, #Page #Contenu dl.marques dd {margin:0; padding:0;}
#Page #Contenu dl.marques dt {font-weight:bold}
#Page #Contenu dl.marques dd p {width:390px; padding:0 10px 0 0; margin:0; float:left;}
#Page #Contenu dl.marques dd img {float:left}

.clear {clear:both; font-size:.1em;}

#paiement_securise_pic {text-align:center}

/* +---------------------------------------------------------------------------------------
   | Div de zoom (Agrandir les photos) - PhotoBox
   +--------------------------------------------------------------------------------------- */
#box {
  display    : none;
  background : url(/Images/photoBox_Bg.png) !important;
  _filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='/Images/photoBox_Bg.png');
  _background : none;
  z-index    : 90;
  position   : fixed; /*absolute*/
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
}

#box #box_table {
  /*width  : 100%;
  height : 100%;*/
	left:50%;
	position:absolute;
	top:50%;
	margin-left: -160px;
	margin-top: -200px;
	z-index: 10000;
}

#box img {
 /* margin      : 0 auto;
  top           : 50%;
  margin-top    : 5px;
  margin-bottom : 5px;*/
}

#box #load 
{
  position    : fixed; /*absolute*/
  left        : 50%;
  margin-left : -200px;
  background  : #9c9c9c; /*#fa890c*/
  color       : #fff;
  width       : 400px;
  margin-top  : -100px;
  filter      : alpha(opacity=30);
  -moz-opacity: .70;
  opacity     : .70;  
  height      : 100px;
  line-height : 100px;
  font-size   : 18px;
  text-align  : center;
  z-index     : 100000;
}

#box #box_img
{
	margin: 0 10px;	
}

/*#box a {
  font-size       : 12px;
  font-weight     : bold;
  color           : #FFF;
  padding         : 3px 3px;
  text-decoration : none;
}

#box #bt_clos {
  width        : 14%;
  float        : right;
  text-align   : right;
  padding      : 3px 20px 3px 3px;
  background   : #004c99 url(../Images/photoBox_BtFermer.gif) no-repeat 98%;
}

#box #bt_clos:hover {
  color        : #004C99;
  background   : #D1DCE2 url(../Images/photoBox_BtFermer.gif) no-repeat 99%;
}

#box #bt_prev {
  width       : 46%;
  background  : #004c99;
  float       : left;
}

#box #bt_prev:hover {
  color       : #004C99;
  background  : #D1DCE2;
}

#box #bt_next {
  width       : 46%;
  background  : #004c99;
  float       : right;
  text-align  : right;
}

#box #bt_next:hover {
  color       : #004C99;
  background  : #D1DCE2;
}*/