body{
  background-image:url('./images/degrade.gif');
  background-repeat:repeat-x;
  background-color:#FAA800;
  margin:0 0 15px 0;
  font-family:'Arial';
  font-size:13px;
}

#conteneur{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:958px;
}

#entete{
  background-image:url('./images/banniere.png');
  background-repeat:no-repeat;
  width:928px;
  height:227px;
  text-align:left;
  padding-left:30px;
  margin-bottom:22px;
}

#contenu{
  background-image:url('../images/fond_blanc.png');
  background-repeat:repeat-y;
  width:918px;
  padding:0 20px;
  overflow:hidden;
}

#pied{
  color:#fff;
  font-size:12px;
  margin-top:-10px;
}

#pied a{
  color:#fff;
}

#cgv{
  background-color:#FBEDD1;
  width:88.6%;
  margin:15px 0 0 0;
  padding:20px;
  border:2px solid #A8A8A8;
}

.bord_blanc{
  height:25px;
}

.menu{
  bottom:0;
  margin-top:196px;
}

.deconnexion{
  margin:197px 40px 0 0;
  font-weight:bold;
  cursor:hand;
  background-color:#B6B8BA;
  color:#fff;
  padding:7px 5px 5px 5px;
}

a img{
  border:0;
}

.left{
  float:left;
}

.left3{
  float:left;
  margin:0 15px 0 15px
}

.right{
  float:right;
}

.center{
  text-align:center;
}

.center img{
  margin:0 20px;
}

.box4 .right{
  text-align:center;
}

.box1, .box2, .box3, .box4, .box6, #cgv{
  margin:0 10px 18px 10px;
  background-repeat:repeat-y;
  text-align:justify;
}

.box1{
  background-image:url('./images/fond_bleu1.gif');
  background-color:#FBEDD1;
  width:306px;
}

.box2{
  background-image:url('./images/fond_bleu2.gif');
  background-color:#FBEDD1;
  width:274px;
}

.box3{
  background-image:url('./images/fond_rouge.gif');
  background-color:#FFE8E6;
  width:274px;
}

.box4{
  background-image:url('./images/fond_bleu4.gif');
  background-color:#FBEDD1;
  width:603px;
  float:left;
}

.box5{
  background-image:url('./images/fond_rouge2.gif');
  background-color:#FFE8E6;
  width:603px;
  float:left;
}

.box6{
  background-image:url('./images/fond_rouge6.gif');
  background-color:#FFE8E6;
  width:900px;
  float:left;
}

h1{
  color:#EC9F01;
  font-weight:bold;
  font-size:28px;
  text-align:left;
}

h2{
  color:#fff;
  font-size:18px;
  margin-top:-28px;
  text-align:center;
}

h3{
  text-align:center;
  margin-top:-8px;
  color:#EC9F01;
}

h4
{
  font-size:14px;
  margin:-28px 0 13px 0;
  font-weight:bold;
  background-color:#CFCFCF;
  width:108px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  text-align: center;
}

h5{
  color:#EC9F01;
  font-weight:bold;
  font-size:17px;
  margin-bottom:5px;
}

h6{
  color:#EC9F01;
  font-weight:bold;
  font-size:13px;
  margin-bottom:5px;
}

.box3 h6{
  color:#DE1500;
}

.box3 a, .box4 .promo a{
  text-decoration:none;
  color:#000;
}

.box3 a h6, .box4 .promo a h6{
  text-decoration:underline;
}

a{
  color:#EC9F01;
}

.box2 p, .box4 p{
  margin:0 10px;
}

.box4 h1, .box4 h6, .box3 h6, .box4 h5{
  margin-left:10px;
  margin-right:10px;
}

.img{
  margin:40px 0;
}

.mini{
  margin:0 10px 0 10px;
  float:left;
}

.promo{
  display:block;
  width:275px;
  margin-bottom:0;
}

.box4 .promo{
  margin:10px;
}

.sousmenu{
  font-size:22px;
  margin-top:-6px;
}

hr{
  margin-bottom:0;
}

box3 .mini{
  border:2px solid #DE1500;
}

.box3 p{
  margin:0 15px 15px 0;
}

.box4 .left, .box2 .pays{
  text-align:center;
}

.box4 .right{
  text-align:right;
}

.bord_bleu{
  padding:0;
  display:block;
  clear: both;  
}

input, select, textarea, button{
  margin:5px 10px 2px 15px;
}

textarea{
  width:91%;
}

.submit{
  width:140px;
}

.confirm{
  background-color:#EC9F01;
  color:#fff;
  margin-left:2px;
  margin-right:0;
  width:599px;
  padding:2px 0;
  text-align:center;
  font-weight:bold;
}

.verifmail{
  color:red;
  margin-left:2px;
  margin-right:0;
  width:599px;
  padding:2px 0;
  text-align:center;
  font-weight:bold;
}

.phototheque{
  margin:6px 0 6px 12px;
  float:left;
}

.pays{
  width:100%;
  margin-left:0px;
}

.pays td h4{
  margin:-28px 12px 20px 12px;
}

#newsletter{
  margin:0 0 10px 0;
  text-align:center;
}

#newsletter input{
  margin:0;
}

.prix{
  color:#EC9F01;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  padding:0 0 8px 5px;
}

.dest{
  margin:0;
}

.box4 .left a, .box2 .pays a{
  font-size:14px;
  font-weight:bold
}

.box4 #dest{
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;
  width:500px;
  text-align: left;
}

.box4 #dest td{
  padding:5px;
}

.box2 .pays tr td p{
  margin:-4px 0 0 15px;
  color:#EC9F01;
}

h4 a{
  color:#BC7F01;
  text-decoration:none;
  margin-left:0px;
}

h4 a:hover{
  color:#fff;
}

.notes{
  font-size:10px;
}

.intro{
  font-style:italic;
}

.puce{
  margin:0 0 -3px -2px;
}

#planning, Resa, tab_etape, tab_choix{
  width:100%;
  margin:0;
  padding:0;
}

.table_prix{
  margin:6px;
  padding:2px;
  border:1px solid #EC9F01;
  border-collapse:collapse;
  width:580px;
  font-size:10px;
  text-align:right;
}

.table_prix tr, .table_prix td{
  border:1px solid #EC9F01;
  padding:2px;
}

.table_prix .cell-titre, .table_prix .cell-titre-mini{
  background-color:#FDB82B;
  color:#fff;
  border:1px solid #fff;
  text-align:left;
}

.table_prix .cell-titre td{
  border:1px solid #fff;
}

.table_prix .cell-titre-mini{
  font-size:8px;
}

.bouton{
  font-size:10px;
  font-weight:bold;
  width:165px;
  height:2.2em;
  color:#AF7601;
}

#contact, #contact2, #source{
  font-size:11px;
}

.vignettes{
  text-align:center;
}

.vignettes tr td{
  padding:2px 10px;
}

.LoginCtrlPartenaire1_LoggedInTable{
  text-align:center;
  width:100%;
}

.table_item_hidden
{
  display:none;
}

#album{
  position:relative;
  width:300px;
  height:200px;
  border:5px solid #B6B8BA;
}

#border{
  width:300px;
  height:200px;
  margin-top:-200px;
}

#screen{
  width:300px;
  height:200px;
  background:#B6B8BA;
}


#screen span {
	position:absolute;
	overflow:hidden;
	border:#fff solid 1px;
	background:#fff;
}
#screen img{
	position:absolute;
	cursor:pointer;
}

.button{
  color: white;
  FONT-SIZE: 11px;
  font-weight: bold;
  background-color: #EC9F01;
  border-top: 1px solid #DCEDFF;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #DCEDFF;
}

table .prix{
  FONT-SIZE: 12px;
  COLOR: #EC9F01;
  font-weight: bold;
  text-align:right;
  padding-right:5px;
}
	
.error{
  FONT-SIZE: 12px;
  COLOR: red;
  font-weight: bold;
}
	

/***************************** CSS DU BLOC ETAPE *******************************/

.tab_etape{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  padding: 0px;
}

.etape{
  font-weight: bold;
  background-color: #FBEDD1;
  color: #EC9F01;
  padding: 3px 5px; 
}

.etapesel{
  font-weight: bold;
  background-color: #EC9F01;
  color: #fff;
  padding: 3px 5px;
}


/*************************** CSS DU BLOC CHOIX ********************************/

.tab_choix{
  border-collapse: collapse;
  border: 1px solid #ffd200;
  background-color: #FFF8DF;
  padding: 0px;
  text-align:left;
}
	
.choixLieu{
  font-weight: bold;
  padding: 1px 5px;
  font-size: 12px;
}

.choixDate{
  font-weight: normal;
  padding: 0px 5px;
}

.choixHeb{
  font-weight: bold;
  padding: 0px 5px;
}

.choixPart
{
  font-weight: bold;
  padding: 0px 5px;
}

/*************************** CSS PAGES ********************************/

table.cadre1{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  padding: 0px;
}

table.cadre2{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  background-color: #FBEDD1;
  padding: 10px;
  text-align:left;
  width:98%;
  margin-left:auto;
  margin-right:auto;
}

table .cadre2 select{
  margin-left:0;
}

.titre{
  background-color:#EC9F01;
  height:30px;
  font-size: 15px;
  font-weight: bold;
  color:#fff;
}

.titre2{
  background-color: #97C6F6;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.titre_item, .titre_assurance{
  font-weight:bold;
  background-image:url('/images/fond-titre2.gif');
  background-repeat:repeat-x;
  height:30px;
  color:#fff;
  margin-top:-2px;
  padding-top:-2px;
}

#DossComClient{
  width: 500px;
}

.TableCoord_Cell label{
  margin-left: 10px;
  float: left;
  width: 200px;
}

.TableCoord_Cell2{
  text-align: center;
}

.table_item_obligatoire, .table_item_optionnel{
  border:1px solid #9D9C9C;
  background-color:#FEDBA4;
  margin-bottom:25px;
  margin-top:0;
  padding-top:0;
}

.cadre2 .cadre2 {
  padding:15px;
  text-align:center;
  border:0;
}

.item_hebe_action{
 width:50%;
 text-align:right;
}

.item_hebe_nom{
 width:50%;
 text-align:left;
}

/*************** PROCESS PACKAGE******************/
.DragContainer, .OverDragContainer {
  border: black 1px solid;
  float:none; 
  padding: 2px; 
  width: 90%;
}

.DragBox, .OverDragBox, .DragDragBox  {
  border: 1px solid black; 
  padding: 2px; 
  font-size:10px; 
  margin-bottom: 5px; 
  width: 150px; 
  cursor: move; 
  font-family: verdana, tahoma, arial; 
  background: white; 
}

.OverDragBox {
  background: #FBE19B;
 }
 
.DragDragBox {
  background: #EC9F01;
 }

.table_item_hidden, .item_residence_header, .titre_periode_item, .periode_item, .nom_pax {
  display:none;
}

.nom_pax{
  margin-bottom:15px;
}

.planningLabel1, .planningLabel2{
  float:left;
}

/*ATTENTE*/
div#dAttente{
  background: white none;
  z-index: 100;
  top: 0px;
  left: 0px;
  position: fixed;
  padding: 0px;
  width: 100%;
  height: 1000px;
  font-size: larger;
}

/** hack css i.e, ne pas modifier **/
<!--[if lt IE 7]>
div#dAttente{
  position: absolute;
  top:expression(fixElement(this,'top',0));
  left:expression(fixElement(this,'left',0));
}
<![endif]-->