body{

  background-repeat:repeat-x;
  background-color:#CCCCCC;
  margin:0 0 15px 0;
  font-family:'Arial';
  font-size:13px;
}

#fond{
  background-repeat:repeat-x;
  background-color:#000000;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:1000px;
}

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

#entete{
  color:#5568a6;
  font-size:14px;
  width:940px;
  height:50px;
  text-align:right;
  padding-right:30px;
  margin-top:12px;
}

#banniere{
  background-image:url('./images/banniere.jpg');
  background-repeat:no-repeat;
  width:958px;
  height:180px;
  text-align:left;
  padding-left:30px;
  margin: 10px 0 10px 0;
}

#contenu{
  background-image:url('/images/fond_blanc.gif');
  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
{
  font-size:10px;
  background-color:#DEEEF9;
  width:88.6%;
  margin:15px 0 0 0;
  padding:20px;
  border:2px solid #A8A8A8;
}

.bord_blanc{
  height:25px;
}

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

a img{
  border:0;
}

.left{
  float:left;
}

.left2{
  float:right;
  width:620px;
  overflow:visible;
}

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

.left4{
  float:left;
  margin:20px 20px 10px 20px;
}

.left5{
  float:left;
  margin:20px 50px 10px 20px;
}

.right{
  float:right;
}

.center{
  text-align:center;
}

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

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

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

.box2{
  background-image:url('./images/fond_vert.gif');
  background-color:#d5dffe;
  width:285px;
  float:left;
}

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

.box4{
  background-image:url('./images/fond_vert_moyen.gif');
  background-color:#d5dffe;
  background-repeat:repeat-y;
  width:590px;
  float:left;
}

.box5{
  background-image:url('./images/fond_vert_moyen.gif');
  background-color:#d5dffe;
  width:590px;
  float:left;
}

.box6{
  background-image:url('./images/fond_vert_large.gif');
  background-color:#d5dffe;
  width:894px;
  float:left;
  text-align:center;
}

.box7{
  background-image:url('./images/fond_bleu7.gif');
  background-color:#DEEEF9;
  width:284px;
  float:left;
  margin:0 10px 18px 10px;
  background-repeat:repeat-y;
  text-align:justify;
}

.box8{
  width:274px;
  float:left;
   margin:0 0px 0px 0px;
}

h1{
  color:#5568a6;
  font-weight:bold;
  font-size:28px;
  text-align:left;
  text-indent: -3000px;
}

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

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

h4{
  margin:-26px 0 10px 0;
  font-weight:bold;
  background-color:#CFCFCF;
  width:108px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.;
  -khtml-opacity: 0.;
  opacity: 0.8;
}

.bandeau{
  margin: -42px 0 10px 0;
  font-weight:bold;
  background-color:#CFCFCF;
  width:108px;
  filter: alpha(opacity=80);
  -moz-opacity: 0.;
  -khtml-opacity: 0.;
  opacity: 0.8;
}

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

h6{
  color:#5568a6;
  font-weight:bold;
  font-size:13px;
  margin-bottom:2px;
}

.box3 h6{
  color:#ED9D1E;
}

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

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

a{
  color:#0164A6;
}

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

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

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

.img{
  margin:40px 0;
}

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

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

.promo2{
  display:block;
  width:603px;
  margin-bottom:0;
}

.box4 .promo{
  margin:10px;
}

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

hr{
  margin-bottom:0;
}

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

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

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

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

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

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

.submit{
  width:140px;
}

.confirm{
  background-color:#5568a6;
  color:#fff;
  margin-left:2px;
  margin-right:0;
  width:588px;
  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;
}

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

.pays td h4{
  margin-left:8px;
  margin-right:8px;
}

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

#newsletter input{
  margin:0;
}

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

.dest{
  margin:0;
}

.box4 .left a, .box4 .left3 a, .box4 .left4 a, .box4 .left5 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 0;
}

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

h4:hover{
  filter: alpha(opacity=0);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.bandeau:hover{
  filter: alpha(opacity=0);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

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

.bandeau a{
  color:#0164A6;
  text-decoration:none;
  margin-left:0px;
}

h4 a:hover{
  color:#fff;
}

.bandeau a:hover{
  color:#fff;
}

.notes{
  font-size:10px;
}

.notes2{
  font-size:10px;
  margin-top:-5px;
}

.intro{
  font-style:italic;
}

.tempsforts{
  background-color:#5568a6;
  width:270px;
  color:#fff;
  text-align: left;
  float: left;
  font-size:12px;
}

.fcrit{
  font-family :'Arial';
  font-size :11px;
}

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

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

#body{
  background-color:#fff;
  background-image:url('/images/blanc.png');
}

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

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

.table_prix .cell-titre, .table_prix .cell-titre-mini{
  background-color:#1280C9;
  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:#5568a6;
}

.bouton2{
  font-size:12px;
  font-weight:bold;
  width:195px;
  height:3.2em;
  color:#5568a6;
}

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

.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: #2A70B7;
  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: #0164A6;
  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: #DCEDFF;
  color: #1f3e8b;
  padding: 3px 5px; 
}

.etapesel{
  font-weight: bold;
  background-color: #FFD200;
  color: #1f3e8b;
  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;
}

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

.cadre3{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  background-color: #FFF1D4;
  padding: 10px;
  text-align:left;
  width:50%;
  margin-left:2px;
  margin-right:auto;
  margin-bottom:10px;
  float:left;
}

.cadre4{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  background-color: #DCEDFF;
  padding: 10px;
  text-align:left;
  width:50%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  float:left;
}

.cadre5{
  border-collapse: collapse;
  border: 1px solid #FFD200;
  background-color: #DCEDFF;
  padding: 10px;
  text-align:left;
  width:98%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  float:left;
}

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

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

.titre{
  background-color:#0164A6;
  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;
}

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

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

#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 #FFD200;
  background-color:#97C6F6;
  margin-bottom:25px;
  margin-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: #97C6F6;
 }
 
.DragDragBox {
  background: #FFD200;
 }

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

.nom_pax{
  margin-bottom:15px;
}

.planningLabel1, .planningLabel2{
  float:left;
  margin-left:5px;
  margin-right:5px;
}

.planningDdl1, .planningDdl2{
  margin-bottom:20px;
  float:left;
}

.cadre2 select{
  margin:0;
}

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

div#galerie
{
	width: 250px ;
	padding: 15px ;
	text-align: center ;
	font: 0.9em arial ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 3px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 15px auto ;
}

dl#photo dt
{
	font: 1.5em/1.2em arial ;
	color: #0164A6 ;
	margin-bottom: -10px ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}