body{

  background-repeat:repeat-x;
  background-color:#000;
  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:970px;
}

#entete{
  width:958px;
  height:180px;
  text-align:left;
}

#banniere{
  background-image:url('/images/banniere/5.jpg');
  background-repeat:no-repeat;
  width:958px;
  height:180px;
  position: relative;
  overflow: hidden;
  margin: 6px 6px 0 6px;
}

#contenu{
  background-color: white;
  background-repeat:repeat-y;
  width:970px;
  overflow:hidden;
}

#contenu a{
  text-decoration: none;
}

#contenu a:hover{
  text-decoration: underline;
}

#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;
}

.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:#ecd2fc;
  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:#ecd2fc;
  width:590px;
  float:left;
}

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

.box6{
  background-image:url('./images/fond_vert_large.gif');
  background-color:#ecd2fc;
  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;
}





.newleft{
  float: left;
  width: 312px;
  margin-left: 6px;
 }
 
.newleft p{
  color: #ffffff;
  font-size: 9px;
 }
 
.newright{
  float: left;
  width: 646px;
}

.newright p{
  color:#FF0000;
  font-weight:bold;
  font-size:18px;
  text-align:center;
}

.newcentre{
  float:left;
  width:958px;
  text-align:center;
}


.newbox1{  
  width:308px;
  float:left;
  margin-bottom: 11px; 
  background-repeat: no-repeat;
  border: solid 2px #e5e5e5;
}

.newbox1 .title{
  font-family: arial;
  font-size: 16px;
  color: White;
  font-weight: bold;
  background-color:#8b35a0;
  margin: 4px 0 10px 0;  
}

.newbox1 p{
  margin: 0 2px 0 2px;
  font-family: Arial, Sans-Serif;
  color:#000000;
  font-size: 14px;
}

.newbox2{
  width:631px;
  float:left;
  text-align:justify;
  font-size : 10px;
  margin-bottom:11px;
  margin-left: 11px;
  background-repeat: no-repeat;
  border: solid 2px #e5e5e5;
}

.newbox2 p{
  font-family: Arial, Sans-Serif;
  color:#000000;
  font-size:10px;
  margin:10px 12px 10px 4px;
  text-align:center;
}

.newbox2 .title{
  font-family: arial;
  font-size: 16px;
  color: White;
  font-weight: bold;
  background-color:#8b35a0;
  margin: 4px 0 10px 0; 
}

.newbox3{
  width: 296px;
  float: left;
  text-align: justify;
}

.vignette{	
  margin: 0 10px 0 110px;
  margin-bottom: 10px;
  height: 105px;
}

.vignette font{
  color: #FFFFFF;
  font-size:11px;
  font-family: Arial;
  font-weight:normal;
  text-align: center;
  margin-top: -100px;
  display: block;
}

.vignette img{
  margin: 0 -10px 0 -110px;
}

.vignette a:hover{
  color:Black;
}

.vignette a:hover font{
  color:Black;
}

.picto{
  float : left;
  margin: 5px 7px 5px 7px;
  width: 100px;
}

.picto p{
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size:14px;
  color: red;
  margin-top: -37px;
  margin-left: 0;
}

.garantie{
  background-image: url('/images/fond_compass_mini.jpg');
  background-color: #e2e2e2;
  float: left;
  margin: 2px 2px 2px 2px;
  width: 150px;
}

.garantie p{
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size:10px;
  color: black;
  margin: 1px 2px 10px 5px;
}

.garantie .title{
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: red; 
}

.paiement{
  background-color: #e2e2e2;
  margin: 2px 2px 2px 2px;
  float: left;
  width: 300px;
}

.paiement p{
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size:10px;
  color: black;
  margin: 1px 2px 10px 5px;
}

.boutonboussole{
  float: left;
  width: 219px;
  margin: 5px 10px 5px 10px;
  text-align: center;
}

.boutonboussole p{
  float: left;
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size:24px;
}

.boutonboussole a{
  text-decoration: none;
}

.boutonboussole a:hover{
  color:White;
  text-decoration: none;
}

.boussole{
  float: left;
  margin: 0 5px 0 0;
}

.boutonboussole2{
  margin: 0 10px 0 10px;
  text-align: center;
}

.boutonboussole2 p{
  font-family: Arial, Sans-Serif;
  text-align: center;
  font-size:24px;
}

.boutonboussole2 a{
  text-decoration: none;
}

.boutonboussole2 a:hover{
  color:White;
  text-decoration: none;
}

.boussole2{
  margin: 0 5px 10px 0;
  vertical-align: middle;  
}

.tabgris{
  background-color: #E7E7E7;
  border-width : medium;
  border-color: #0164A6;
  width: 640px;
  border-style:solid;
  margin:0 10px -3px 10px;
}

.newleft .formulaire{
  color: Black;
  font-size: 10px;
  margin: 2px 5px 2px 5px;
}

.ligne_bleue{
  width: 640px;
  height: 2px;
  background-color: #0164A6;
}

.carto_depart{
  background-image: url('./images/carte_depart.jpg');
  background-repeat: no-repeat;
  margin: 10px 31px;
  height: 250px;
}

.carto_pays{
  background-image: url('./images/carte_provence.jpg');
  background-repeat: no-repeat;
  margin: 10px 61px;
  height: 210px;
}

.point_carto{
  background-color:#8b35a0;
  width: 4px;
  height: 4px;
}

.point_depart{
  background-color:#fff;
  width: 5px;
  height: 5px;
}

.texte_pays a{
  color:#8b35a0;
  font-size: 9px;
}

.texte_ville a{
  color:#000;
  font-size: 9px;
}







#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:300px; margin:2px 3px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:300px; height:210px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:280px; text-align:left;}
#image img {position:absolute; z-index:25; width:auto; margin-left:10px; margin-top:10px;}
.imgnav {position:absolute; width:25%; height:210px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:210px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(./images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:10px; height:74px; background:url(./images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:10px; height:74px; background:#222 url(./images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:265px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}









h1{
  color:#8b35a0;
  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:#8b35a0;
}

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:#8b35a0;
  font-weight:bold;
  font-size:17px;
  margin-bottom:5px;
}

h6{
  color:#8b35a0;
  font-weight:bold;
  font-size:11px;
  margin:0 2px 2px 2px;
  text-align: left;
}

.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{
  width:146px;
  margin: 0 4px 5px 4px;
}

.promo p{
  color: Black;
  font-size: 11px;
}

.promo a{
  font-size: 12px;
}

.promo2{
  width:300px;
  margin: 0 4px 5px 4px;
}

.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:#8b35a0;
  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:#8b35a0;
  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:#8b35a0;
  width:312px;
  color:#fff;
  text-align: justify;
  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{
  margin:5px 0 2px 0;
  font-size:9px;
  font-weight:bold;
  height:2.2em;
  color:#8b35a0;
}

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

#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 ;
}






.navigation 
{       
    margin: 0;       
    padding: 0;       
    list-style: none;       
    background: #000;       
    color: #fff;       
    width: 200px;       
    font: 1.2em "Trebuchet MS", sans-serif;       
}    
.navigation a, .navigation span 
{       
    display: block;       
    padding: 4px 10px;       
    color: #fff;       
    text-decoration: none;
    background: #000 url(menu-item.png) left bottom no-repeat;       
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span 
{       
    background-image: url(menu-item-deroule.png);
}
.navigation .open a, .navigation .open span 
{       
    background-image: url(menu-item-enroule.png);       
}    
.navigation a:hover, .navigation a:focus, .navigation a:active 
{       
    text-decoration: underline;       
}    
.navigation .subMenu 
{       
    font-size: .8em;       
    background: #ccc url(subMenu.png) 0 0 repeat-x;       
    font-size: .9em;       
    margin: 0;       
    padding: 0;       
    border-bottom: 1px solid #666;
}    
.navigation ul.subMenu a 
{       
    background: none;       
    padding: 3px 20px;   
}