﻿/*Hérité du site i-trekkings*/
body{font-family:georgia,arial,verdana,tahoma,times new roman;}

/***************************/
#maincontent{background-color:Transparent;}
      #searchBox
      {
      	width:255px; 
      	text-align:right; 
      	}
      h4
      {color:#888888;
       font-size:125%;
       font-weight:normal;
       letter-spacing:-2px;
       margin: 0 0 15px;
       padding:0;}
      
      .line input {
        background-color:#EEEEEE;
        border-color:#999999;
        border-width:1px;
        font-size:9px;
        text-indent:1px;
        margin-right:10px;
        width:210px;
        margin-top:5px;
        
        }
        .input {
        background-color:#EEEEEE;
        border-color:#999999;
        border-width:1px;
        font-size:9px;
        text-indent:1px;
        margin-bottom:3px;
        color:#000;
        vertical-align:middle;
        }
        select{width:160px; margin-right:0;}
        input[type=checkbox]{background-color:#fff; vertical-align:middle;}
        .checkbox {
        border-width:1px;
        font-size:10px;
        text-indent:1px;
        margin-bottom:3px;
        color:#000;
        vertical-align:middle;
        margin-right:10px;
        }
        
       .TextBox{width:210px; margin:10px;background-color:#EEEEEE;
        border-color:#999999;
        border-width:1px;
        font-size:9px;
        text-indent:1px;}
       
        .text{color:#36C;
              font-size:60%;
              text-align:right;
              vertical-align:middle;
              }
        .line
        {
        	text-align:right;
        	margin-right:1px;
        	padding-top:1px;
			}
        
        hr{border: 1px dotted #ff9900;margin-left:18px;margin-right:18px;}
        #divResult{font-size:90%; color:#888888;text-align:center;}
        
        /*************************************************************************************/
   
   
    #Search
    {
    	}
   #Search fieldset p
    {text-align:left;
    	}
   #Search fieldset p img
    {vertical-align:middle;
    	}

    #banniere{text-align:center;}
    #Search legend
    {
    	color:#3366CC;
    	padding-left:50px;
    	padding-right:50px;
    	}
    #Search fieldset
    {
    	text-align:center;
    	
    	
    	}
    #Search input[type=text],#Search select
    { margin-right:35px
    	}
    *+html #Search select
    { margin-right:35px
    	}
    * html #Search select
    { margin-right:50px
    	}
     * html #Search input
    { margin-right:45px
    	}

  #searchbutton
  { 
  text-align:center;
  width:217px;
  margin-left:238px;
  margin-top:-10px;
  background-color:#fff;
  }
    		
  .btn{text-align:center;
  }
  #resultSearch{}
  #resultSearch .nbSejour{text-align:center;}
  #resultSearch .lienWebResa{text-align:right;}

  .gridVoyage td
  {
	  background-color:#f9f9f9;
	}
	#resultSearch h4
  {
	font-size:150%;
	letter-spacing:0px;
	padding:5px;
	border-top:1px solid #888;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	}
	.photos
  {
	margin-right:10px;
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	position:relative;
	}
	
	.divDatesDepart
	{
	  background-color:#F5F5F5;
	  border:1px solid #DADADA;
	  float:left;
	  padding-left:6px;
	  padding-right:6px;
	  text-align:center;
	}
	
	.divUneDateDepart
	{
	  display:inline;
	  padding-left:6px;
	  padding-right:6px;
	  text-align:center;
	}
	
	.modalBackground
  {
    filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity: 0.7;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
  }
.imgLoupe
{
	vertical-align:top;
	}
.spec
{
	background-color:#f3f2f2;
	border-bottom:1px dotted #ff9900;
	clear:left;
	padding-left:130px;
	padding-bottom:5px;
	margin-top:5px;
	font-weight:bold;
		}
.specMobile
{
	border-bottom:1px dotted #ff9900;
	float:left;
	margin-top:3px;
		}

#popup
{
	width:820px;
	height:514px;
	background-color:#fff;	
	}
#handle
{
	height:20px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
	padding-top:3px;
	padding-left:10px;
	cursor:move;
	}
#handle img
{
	float:right;
	margin-right:5px;
	cursor:pointer;
}
*+html #handle img
{
	margin-top:-20px;	
}
* html #handle img
{
	margin-top:-20px;	
}

html:not([lang*=""]) #handle img
{
	margin-top:-18px;	
}
body:first-of-type  #handle img{margin-top:-2px;}


#divDetail
{
	width:780px;
	padding:20px;
	height:450px;
	overflow:auto;

	
	}
#divDetail h4
  {
	font-size:150%;
	letter-spacing:0px;
	padding:5px;
	border-top:1px solid #888;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	}
#divDetail img
  {
  	border:1px solid #ccc;
  }
#detailSejour{width:505px;min-height:280px;}
#detailSejour .photos{max-height:260px;max-width:270px;}
#detailSejour h4 {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #888888;
font-size:150%;
letter-spacing:0;
padding:5px;
}
#detailOffre
{
	background-color:#f1f1f1;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	}

#detailOffre img
{
border:0px solid #000	}	

#divDetail .descriptif
{
	width:430px;
	float:left;
	
	}
	*+html #divDetail .descriptif{width:410px;}

.spanOrange
{
	color:#3366CC;
	font-weight:bold;
	padding-left:20px;
	}
.spanOrange img
{
vertical-align:middle;}

.prixOrange
{
	font-weight:bold;
	padding-left:10px;
	padding-right:5px;
	}
.descriptif{margin-bottom:10px; margin-left:10px;margin-right:10px; text-align:justify;}
#clear{clear:both;}
*html #Search{width:500px; margin-top:-1700px;}

#dtlAutresOffres .Title{border-bottom:1px solid #ccc; border-top:1px solid #888; font-weight:bold;padding:5px;color:#888;width:100%;}
#dtlAutresOffres .Bloc1{border:1px solid #ccc;padding:2px;background-color:#f1F1F1;}
#dtlAutresOffres .Bloc2{border:1px solid #ccc;padding:5px;background-color:#fff;min-height:170px;}
#dtlAutresOffres .Bloc2 span,#dtlAutresOffres .Bloc2 a{font-size:11px;}
#dtlAutresOffres .Bloc2 .photos{margin-top:5px;float:left;padding:2px;}
#dtlAutresOffres .Bloc2 img{max-width:80px; max-height:120px;}

#dtlAutresOffres td{vertical-align:top;}

.litDates{float:left;}
#maincontent .DatesDepart{margin-left:150px;}
*+html #maincontent .DatesDepart{margin-left:170px;}

#grdListe{width:200px;}