/* COMMON */
html, body
{
    width: 100%;
    margin: 0;
    padding: 0;
}

.ui-dialog 
{
    position:fixed;
}

body
{
    font-family: 'Gotham SSm 4r', 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 12px\9;
    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.w940 a, .w940 p, .w940 input, .w940 select, .w940 textarea, .w940 table, .w940 div,
.w960 a, .w960 p, .w960 input, .w960 select, .w960 textarea, .w960 table, .w960 div,
.w1024 a, .w1024 p, .w1024 input, .w1024 select, .w1024 textarea, .w1024 table, .w1024 div,
#header select, #header input, #footer input, #formCoord input, #formCoord select
{
    font-family: 'Gotham SSm 4r', 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    padding: 0;
    margin: 0;
}
div
{
    margin: 0 auto;
}

.clear
{
    clear: both;
    float: none;
}

.w940
{
    width: 940px;
}

.w960
{
    width: 960px;
}

.w1024
{
    width: 1227px;
}

.t10
{
    font-size: 10px;
}

.t11
{
    font-size: 11px;
    font-size: 9px\9;
}

.t12
{
    font-size: 12px;
}

.t13
{
    font-size: 13px;
}

.t14
{
    font-size: 14px;
}

.t18
{
    font-size: 14px;
}

.left
{
    float: left;
}
.right
{
    float: right;
}
.center
{
    text-align: center;
}
.justify
{
    text-align: justify;
}
.alignLeft
{
    text-align: left;
}
.alignRight
{
    text-align: right;
}
/* HEADER */
#header #headerFixed
{
    position: fixed;
    color: #000;
    width: 100%;
    height: 106px;
    z-index: 20;
}
#header .headerHeight
{
    height: 106px;
}
#header #headerTop
{
    background-color: #E9E9E9;
    font-size: 11px;
    text-align: center;
    height: 24px;
}
#header .headerTop1, #header .headerTop2, #header .headerTop3
{
    float: left;
    font-size: 9px\9;
    padding: 0px 0 0;
}
#header .headerTop1
{
    font-weight:500;
    text-align: left;
    text-transform:uppercase;
    width: 360px;
    /*width: 520px;*/  
    padding-left:40px;
}
#header .headerTop1 span, #header .headerTop1 h1
{
    font-weight:500;
    text-align: left;
    text-transform:uppercase;
    width: 360px;
    /*width: 520px;*/ 
}
#header .headerTop2
{
    text-align: right;
    width: 150px;
    padding-left:30px;
}
#header .headerTop2 a
{
    color: #000000;
    text-decoration: none;
}
#header .headerTop3
{
    text-align:right;
    width: 620px;
    /*width: 280px;*/
}
#header .headerTop3 span
{
    color: #E96068;
    font-weight: bold;
}
#header .headerTop3 a, #header .headerTop3 a span
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#header .imgContactezNousContainer
{
    position: relative;
}
#header .imgContactezNous
{
    position: absolute;
    top: 90px;
    left: 0px;
    cursor:pointer;
}

#header #headerImg
{
	position: relative;
    height: 365px;
    min-width: 960px;
    width:100%;
    max-width: 100%;
    background-color:#F2F2F2;
    
}
#header #headerImg >img, #header #headerImg #headerImgWrapper img
{
    height: 365px;
    top:0;
    left:0;
    position: absolute;
    text-align:left;
    z-index:0;
    visibility:hidden;
    width: 100%;
}


#header #headerImg #headerImgWrapper
{
	height: 365px;
	width:100%;
	overflow:hidden;
	position:relative;

}
#header #headerImg .blocTransparentContainer
{
    position: relative;
    width: 940px;
    z-index:1;
    
}
#header #headerImg .blocTransparent
{
    position: absolute;
    top: 30px;
    left: 0;
    width:0;
    height:0;
}

/* MENU */
#header #menu
{
    background-color: #000;
    height: 82px;
    text-align: center;
}
#header #menu .logo
{
    float: left;
    margin: 0 8px 0 0;
    height: 82px;
}
#header #menu .logo img
{
    width: 172px;
    border: 0;
}
#header #menu .menu1, #header #menu .menu2, #header #menu .menu3, #header #menu .menu4, #header #menu .menu5, #header #menu .menu6, #header #menu .menu7, #header #menu .menu8, #header #menu .menu9, #header #menu .menu10
{
    float: left;
    height: 82px;
    text-align: center;
}
#header #menu .menu1>a, #header #menu .menu2>a, #header #menu .menu3>a, #header #menu .menu4>a, #header #menu .menu5>a, #header #menu .menu6>a, #header #menu .menu7>a, #header #menu .menu8>a, #header #menu .menu9>a, #header #menu .menu10>a
{
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    margin: 35px 0 0;
    display: block;
    font-weight:500;
    letter-spacing:1px;
}

#header #menu .menu1
{
    width: 50px;
}
#header #menu .menu2
{
    width: 102px;
}
#header #menu .menu3
{
    width: 127px;
}
#header #menu .menu4
{
    width: 104px;
}
#header #menu .menu5
{
    width: 98px;
}
#header #menu .menu6
{
    width: 71px;
}
#header #menu .menu7
{
    width: 72px;
}
#header #menu .menu8
{
    width: 90px;
}
#header #menu .menu9
{
    width: 80px;
}
#header #menu .menu10
{
    width: 58px;
}

/* FOOTER */
#footer
{
    background-color: #323232;
    color: #FFFFFF;
    position:relative;
    text-align: center;
    z-index:2;
}
#footer #footerTop
{
    background-color: #fff;
}
#footer #footerTop .blocNoirContainer
{
    height: 40px;
    position: relative;
    width: 880px;
}
#footer #footerTop .blocNoir
{
    background-color: #000000;
    color: #FFFFFF;
    left: 0;
    padding: 13px 35px;
    padding: 13px 35px\9;
    position: absolute;
    top: -20px;
    width:370px;
}
#footer #footerTop .blocNoir:hover {
    opacity: 0.8
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    Safari and Chrome, if Chrome rule needed 
    #footer #footerTop .blocNoir {
    padding: 13px 35px;
    }
    Safari 5+ ONLY 
    ::i-block-chrome, #footer #footerTop .blocNoir {
    padding: 12px 25px;
    }
}*/
#footer #footerTop .blocNoir span
{
    font-weight:700;font-weight:900\9;
}
#footer #footerTop .caroussel
{
    padding-bottom: 60px;
}

#footer .imgVIPContainer
{
    position: relative;
    width: 100px;
}
#footer .imgVIP
{
    position: absolute;
    top: -50px;
    left: 0;
}

#footer #footerGris
{
    font-size:12px;
    text-align: left;
    width: 940px;
}

#footer #footerMiddle
{
    padding-top:60px;
}
#footer #footerMiddle .blocContactezNous
{
    float: left;
    line-height: 1.8;
    height: 60px;
    margin: 15px 45px 25px 0;
    width: 282px;
}
#footer #footerMiddle .blocSuivezNous
{
    float: left;
    height: 60px;
    margin: 20px 0 25px 0;
    width: 225px;
}
#footer #footerMiddle .blocSuivezNous .left
{
    margin-top: 6px;
}
#footer #footerMiddle .blocSuivezNous img
{
    margin: 0 15px 0 0;
}
#footer #footerMiddle .blocNewsletter
{
    float: left;
    height: 60px;
    margin: 20px -20px 25px 30px;
    /*width: 330px;*/
}
#footer #footerMiddle .blocNewsletter .Input
{
    border-bottom: 1px solid #FFFFFF;
}
#footer #footerMiddle .blocNewsletter input
{
    background:transparent;
    border:none;
    color:#FFFFFF;
    height: 20px;
    margin-top: 10px;
}
#footer #footerMiddle .blocNewsletter .NewsInscription
{
    margin-top :20px ;
    margin-top :17px\9 ;
}
#footer #footerMiddle .footer_btn
{
    border: 5px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-weight: 400;
    padding: 6px 0 3px;
    margin-left: 10px;
    margin-top: 6px;
    text-align: center;
    text-decoration: none;
    width: 120px;
    height: 18px;
    height: 16px\9;
    padding: 4px 0\9;
    margin-top: 10px\9;
}
#footer #footerMiddle .footer_btn:hover
{
    background:#FFFFFF;
    color:#323232;
    text-decoration: none;
} 
#footerBottom
{
    padding-bottom:50px;
}
#footer #footerBottom .footer_a, #footer #footerBottom  .footer_b, #footer #footerBottom  .footer_c, #footer #footerBottom  .footer_d, #footer #footerBottom  .footer_e
{
    float: left;
    width: 160px;
}
#footer #footerBottom  .footer_a, #footer #footerBottom  .footer_b, #footer #footerBottom  .footer_c, #footer #footerBottom  .footer_d
{
    margin-right: 25px;
}

#footer a
{
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer ul
{
    list-style-type: none;
    padding: 0;
    *margin: 0px;
}
#footer ul li
{
    font-weight:300;
}
#footer ul li strong
{
    font-weight:500;
    font-weight:600\9;
}


.filariane {
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    top:0;
    padding-top:5px;
    height:18px;
    position: absolute;
    z-index:1;
    /*word-spacing: 5px;*/
    
}
.filariane a{
    color: #FFFFFF;
    font-size: 12px;    
    /*word-spacing: 5px;*/
}
.filarianeBackground
{
    width:100%;
    background:url(../images/breadcrumb.png) repeat left top;    
    z-index:1;
}

/*Carrousel Footer*/
#carrouselFooter{
    padding-bottom:60px; 
    width:1024px; 
    text-align:left;
    color:#000000;
}
#carrouselFooter #btnLeftFooter{
    margin:0 10px 0 0; 
    padding-top:80px;
}
#carrouselFooter #btnRightFooter{
    margin:0 0 0 10px;
    padding-top:80px;
}
#carrouselFooter #ContainerFooter{
    width:960px; 
    overflow:hidden;
    position:relative; 
    height:260px;
}
#carrouselFooter #elementsContainerFooter{
    height:90px; 
    position:absolute; 
    top:0; 
    left:0;
}
#carrouselFooter #elementsContainerFooter .left{
    margin:0 16px;
    width:160px;
    display:none;
}
#carrouselFooter #elementsContainerFooter .left a{
    color:#323232;
    text-decoration:none;
}
#carrouselFooter #elementsContainerFooter .left div{
    color:#323232;
    line-height: 1.5;
    padding:20px 0 10px 0;
    text-align:center;
    width:160px;
}

/* MP  champs ajoutes pour coloration lors des erreurs */ 
/* vient de l'ancien fichier formulaire.css (style.css avait la mm chose mais me semblait inutile)*/
input.input-validation-error,
textarea.input-validation-error,
textbox.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC;
    border: 1px solid #cb1b30;
}

.error
{
	color: #cb1b30;
	font-size: 13px;
}

input.error { border: 1px solid #cb1b30; background-color: #fee;}

textarea.error { border: 1px solid #cb1b30; background-color: #fee;}

select.error { border: 1px solid #cb1b30; background-color: #fee;}

.validationSummaryError
{
		font-family: 'Gotham SSm 4r','Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
		font-size: 13px;
		color: #cb1b30;
}

.field-validation-error 
{
		color: #CB1B30;    
}

.validation-Summary-Error 
{
		color: #cb1b30;    
}
/* fin vient de l'ancien fichier formulaire.css (style.css avait la mm chose mais me semblait inutile) */
/* /MP - fin champs ajoutes pour coloration lors des erreurs */

/*MP-20140224 tout ce qui concerne le bloc "mieux preparer son voyage" 
commun aux pages lr-pays-accueil et lr-envies */ 
#BlocMieuxPreparer
{
    border-bottom: 1px solid #3E3D42;
    border-top: 1px solid #3E3D42;
}
#BlocMieuxPreparer .entete
{
    margin: 10px 0 10px 60px;
    cursor: pointer;
}
#BlocMieuxPreparer .blocMieuxTitre
{
    margin: 8px 0 0 0px;
}
#BlocMieuxPreparer .blocMieuxTitre h2
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}
#BlocMieuxPreparer .content
{
    margin: 0;
    text-align: justify;
    line-height:1.5;
    border: 1px solid transparent;
    overflow:hidden;
    height:0px;
}
#BlocMieuxPreparer .content h3
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 -10px;
}
#BlocMieuxPreparer a
{
    color: Black;
}
/* fin bloc "mieux preparer votree voyage" */

#webmail .colonneLeft
{	
	float:left;
	width:130px;
	text-align:right;
	margin:10px 5px
}
#webmail .colonneRight
{	
	float:left;
	margin:10px 5px;
}


/*****************************************/
/*  blocConfidentialite  */

#blocConfidentialite {background-color: #f4f4f4; color: #000000; height: 30px; line-height: 30px; text-align: center;}

#blocConfidentialite .container{margin: auto; position: relative; width: 990px;font-size:9px;}

#blocConfidentialite .cross{background: none repeat scroll 0 0 #6a6a6a;border: 1px solid black;color: #ffffff;cursor: pointer;height: 15px;line-height: 15px;position: absolute;right: 10px;top: 8px;width: 15px;}


.changelang {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 7px 2px 8px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.changelang li {
  font: 12px/18px sans-serif;
      font-family: 'Gotham SSm 4r', 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
  width:100px;
    height:18px;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 3px 10px;
  background: #e9e9e9;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.changelang li:hover {
  background: #555;
  color: #fff;
}
.changelang li ul {
  padding: 0;
  position: absolute;
  left: 0;
  width: 100px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.changelang li ul li { 
  background: #e9e9e9; 
  display: block; 
  color: #000000;
  width:100px;
}
.changelang li ul li:hover { background: #666; }
.changelang li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.destinations {
    padding: 35px;
    background-color: #D8D8D8;
    color: #FFFFFF;
}

.destinations p {
    background: url("http://www.picz.ge/img/s2/1605/17/f/f5a98dc69301.png") repeat-x scroll 0 0;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-size: 12px\9;
    font-weight: 600;
    height: 30px;
    letter-spacing: 0;
    padding: 7px 0 0;
    padding-left: 15px;
    margin: 0;
}