html, body
{
	font-family:arial;
	font-size:11px;
}
/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
		font-size: 1em;
		margin: 0; padding: 0;
		font-weight: normal;
}
ul {
		margin: 0; padding: 0;
		list-style: none;
}
a {
		text-decoration:none;
		color:#143338;
}
a img {
		border:none;
}
.clear { 
      clear:both;
      display:block;
      line-height:1px;
		font-size:1px;
		height:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}


/* -------------------------fin RAZ--- */
html{
	height:100%;
}
body {
	font-family:arial;
	font-size:11px;
	color:#143338;
	background:#3178c8;
	margin:0px;
	padding:0px;		
	height:100%;
	position:relative;
	text-align:center;
}

#principale{
	text-align:center;
	width:933px;
	margin: 0 auto -827px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:left;
	position:relative;
	padding:20px 0 0 0;
}
#header{
	background:url(/images/back-header.gif) no-repeat;
	width:933px;
	height:89px;
	margin-bottom:18px;
	position:relative;
}
#header h1, #header .title-other-page {
	background:url(/images/logo-urbania.gif) no-repeat;
	width:90px;
	height:100px;
	position:absolute;
	top:-11px;
	left:3px;
}
#header h1 a, #header .title-other-page strong {
	display:block;
	width:90px;
	height:100px;
}
#header h2, #header .subtitle-other-page{
	/*background:url(/images/titre-segond-header.gif) no-repeat;
	width:357px;
	height:17px;*/
	position:absolute;
	top:32px;
	left:99px;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-weight: normal;
  color: white;
}
#header #choix-langue{
	position:absolute;
	top: 9px;
	left: 222px;
}
#header #choix-langue a{
	color: white;
}

#header #choix-langue a:hover
{
  text-decoration: underline;
}

ul#menu-header{
	position:absolute;
	top:59px;
	left:100px;
	height:23px;
	font-size:12px;
}
ul#menu-header li{
	height:23px;
	position:absolute;
	top:0;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	line-height:23px;
}
ul#menu-header li a{
	height:23px;
	display:block;
	color:#183d44;
}
ul#menu-header li a:hover{
	color:#fff;
}
ul#menu-header li#menu-header-item1{
	background:url(/images/back-item1.gif) no-repeat;
	width:38px;
	left:0;
}
ul#menu-header li#menu-header-item1 a{
	width:38px;
}
ul#menu-header li#menu-header-item1 a:hover, ul#menu-header li#menu-header-item1 a.select{
	background:url(/images/back-item1.gif) 0px -23px no-repeat;
}

ul#menu-header li#menu-header-item2{
	background:url(/images/back-item2.gif) no-repeat;
	width:164px;
	left:33px;
}
ul#menu-header li#menu-header-item2 a{
	width:164px;
}
ul#menu-header li#menu-header-item2 a:hover, ul#menu-header li#menu-header-item2 a.select{
	background:url(/images/back-item2.gif) 0px -23px no-repeat;
}

ul#menu-header li#menu-header-item3{
	background:url(/images/back-item3.gif) no-repeat;
	width:129px;
	left:194px;
}
ul#menu-header li#menu-header-item3 a{
	width:129px;
}
ul#menu-header li#menu-header-item3 a:hover, ul#menu-header li#menu-header-item3 a.select{
	background:url(/images/back-item3.gif) 0px -23px no-repeat;
}

ul#menu-header li#menu-header-item4{
	background:url(/images/back-item4.gif) no-repeat;
	width:162px;
	left:320px;
}
ul#menu-header li#menu-header-item4 a{
	width:162px;
}
ul#menu-header li#menu-header-item4 a:hover, ul#menu-header li#menu-header-item4 a.select{
	background:url(/images/back-item4.gif) 0px -23px no-repeat;
}

ul#menu-header li#menu-header-item5{
	background:url(/images/back-item5.gif) no-repeat;
	width:165px;
	left:479px;
}
ul#menu-header li#menu-header-item4 a{
	width:165px;
}
ul#menu-header li#menu-header-item5 a:hover, ul#menu-header li#menu-header-item5 a.select{
	background:url(/images/back-item5.gif) 0px -23px no-repeat;
}


#header #header-telephone{
	width:170px;
	position:absolute;
	top:16px;
	left:760px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #34618e;
  text-align: center;
}
#header-telephone strong{
  color: white;
  font-size: 24px;
  font-weight: normal;
}
#header.en_US #header-telephone strong
{
  font-size: 20px;
}
#menu-header-segond{
	position:absolute;
	left:756px;
	top:0;
	width:158px;
	font-weight:bold;
	font-size:12px;
}
#menu-header-segond li#selection{
	background:url(/images/back-selection.gif) 11px 10px no-repeat;
	height:33px;
	margin-bottom:3px;
	padding:12px 0 0 47px;
	line-height:13px;
}
#menu-header-segond li#selection a span{
	color:#143338;
	font-weight:normal;
	font-size:11px;
}
#menu-header-segond li#espace{
	background:url(/images/back-espace.gif) 11px 9px no-repeat;
	height:24px;
	line-height:13px;
	padding:14px 0 0 47px;
}
#menu-header-segond li a{
	color:#fff;
}
#menu-header-segond li a:hover{
	text-decoration:underline;
}


#content-footer-ah{
	background:#3178c8 url(/images/back-hiver.jpg) left bottom no-repeat;
	height:827px;
}
#content-footer-pe{
	background:#3178c8 url(/images/back-ete.jpg) left bottom no-repeat;
	height:827px;
}
#footer-line
{
  height: 22px;
  width: 933px;
  background: url(/images/back-footer.gif) repeat-x;
  text-align: center;
}
#footer-line ul
{
  text-align: center;
}
#footer-line ul li
{
  display:inline;
  margin-left: 1.5em;
  line-height: 22px;
  text-transform: uppercase;
}
#footer-line ul li:first-child
{
  margin:0;
}
#footer-line a
{
  color: white;
}
#footer-line a:hover
{
  text-decoration: underline;
}
#footer-line li.facebook img
{
  vertical-align: middle;
}
#footer{
	width:933px;
	background:url(/images/back-white-opacity-66.png) repeat transparent;
	line-height:22px;
	text-align:center;
  padding: 10px 0;
}
#footer ul{
  float: left;
  text-align: left;
  width: 233px;
}
#footer ul li{
  padding: 0 14px;
}
#footer ul li a{
	color:#000;
	font-size:10px;
	text-transform:uppercase;	
}
#footer ul li a:hover{
	text-decoration:underline;
}
.clear-footer{
	font-size:1px;
	line-height:1px;
	clear:both;
	height:40px;
}




#col-gauche{
	width:174px;
	float:left;
}
#col-gauche h3{
	background:url(/images/back-titre-block.png) no-repeat !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/back-titre-block.png',sizingMethod='crop');
	background:none;
	width:142px;
	height:24px;
	padding-left:8px;
	line-height:24px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#col-gauche h3 span{
	font-size:9px;
	font-weight:normal;
}
#col-gauche #bk-recherche-rapide{
	width:174px;
  height: 431px;
	background:url(/images/back-recherche-gauche.png) repeat-x #badef8;
	margin-bottom:14px;
	position:relative;
}
#col-gauche #bk-recherche-rapide form{
	width:145px;
	padding-left:20px;
}
#col-gauche #bk-recherche-rapide form p label{
	color:#fff;
	font-weight:bold;
	line-height:12px;
}
#col-gauche .marge-label{
	padding:9px 0 3px 0;	
}
#col-gauche #bk-recherche-rapide form input{
	border:1px solid #a3a6b4;
	width:133px;
	height:14px;
	font-size:11px;
	color:#143338;
	text-transform:uppercase;
	padding:1px 0 0 2px;
}
#col-gauche #bk-recherche-rapide form select{
	border:1px solid #a3a6b4;
	text-transform:uppercase;
	width:137px;
	height:17px;
	font-size:11px;
	color:#143338;
	padding:1px 0 0 2px;
}
#col-gauche #bk-recherche-rapide form p#calendar input{
	width:107px;
	height:15px;	
	padding-left:4px;
	float:left;
}
#col-gauche #bk-recherche-rapide form p#calendar a{
	width:22px;
	height:18px;	
	background:url(/images/btn-calendar.gif) no-repeat;
	display:block;
	float:left;
}
#col-gauche #bk-recherche-rapide form p#check-destination input{
	width:12px;
	height:12px;
	padding:0;
	border:1px solid #a3a6b4;
}
#col-gauche #bk-recherche-rapide form p#check-destination label{
	padding:0 10px 0 5px;
	font-weight:normal;
}
#col-gauche #bk-recherche-rapide form p#champs-reponse {
	border:none;
	background:#34618e;
	font-weight:bold;
	padding:2px 0 0 4px;
	height:16px;
	color:#fff;
	width:132px;
	margin-top:15px;
}
#col-gauche #bk-recherche-rapide form p input#btn-valid-recherche{
  width:136px;
  padding: 0;
  padding-left: 15px;
  background: url(/images/btn-valid-recherche.png) center left transparent no-repeat;
	height:18px;
	border:none;
	margin:14px 0; /* vertical horizontal */
  cursor: pointer;
}


#col-gauche #bk-recherche-region{
	background:url(/images/back-recherche-region.gif) repeat-x;
	width:174px;
	height:194px;
	margin-bottom:14px;
}

#col-gauche #bk-input-news{
  margin-bottom: 14px;
}

#col-gauche #bk-brochure{
	background:url(/images/back-brochure.gif) repeat-x;
	width:174px;
	height:102px;
	position:relative;
}
#col-gauche #bk-brochure p#parag-brochure{
	background:url(../images/back-mag-brochure.gif) bottom left no-repeat;
	height:65px;
	margin-left:4px;
	padding: 4px 0 0 8px;
	width:160px;
	line-height:12px;	
}
#col-gauche #bk-brochure p#btn-brochure{
	background:#fff url(../images/btn-brochure.gif) left top no-repeat;
	height:16px;
	line-height:16px;
	padding:0 4px 0 10px;
	position:absolute;
	bottom:6px;
	right:8px;
}
.clear-border{
	line-height:1px;
	height:1px;
	font-size:1px;
	width:711px;
	border-bottom:1px solid #9abb2c;
	clear:both;
}


#col-droite h1{
	background:url(/images/titre-content-green-long.png) no-repeat top right !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/titre-content-green-long.png',sizingMethod='crop');
	background:none;
	min-width:354px;
  float: left;
	height:26px;
	padding-left:8px;
  padding-right: 16px;
	line-height:24px;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	position:relative;
	left:-11px;
	font-weight:bold;
	margin-bottom:10px;
}



#bk-input-news, #bk-input-acces-direct{
	background:#B9DDF8 url(/images/back-bk-news-home.gif) repeat-x;
	/*height:65px;*/
	padding-bottom:8px;
}
#bk-input-acces-direct {
  margin-bottom:14px;
}
#bk-input-news input#input-news-home, input#input-news-home2{
	width:124px;
	height:15px;
	border:none;
	background:#34618e;
	float:left;
	margin:8px 0 0 8px;
	color:#fff;
	font-size:11Px;
	padding:2px 0 0 3px;
}
#bk-input-news input#image-news-home, input#image-news-home2{
	float:left;
	width:30px;
	height:17px;
	margin-top:8px;
}
#bk-input-news .mess-eror2{
	font-size:9px;
	margin:4px 0 0 8px;
	color:#bc0004;
	line-height:11px;
}
#loader
{
	visibility:hidden;
}

#loader p
{
	position:absolute;
	top:60px;
	height:295px;
	width:174px;
	text-align:center;
}

.modul-droite-home{
	width:174px;
	height:126px;
	position:relative;
	margin-top:17px;
}
.modul-droite-home a{
	width:174px;
	height:126px;
	display:block;	
	position:absolute;
	top:0;
	left:0;
	background:url(/images/back-module-droite-home.gif) bottom left;
}
.modul-droite-home a:hover span{
	text-decoration:underline;
}
.modul-droite-home span{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	top:96px;
	left:7px;
	width:162px;
	line-height:12px;
	cursor:pointer;
}
.modul-droite-home h3{
	z-index:5;
	position:absolute;
}

div.quicksearch-left
{
  margin-bottom: 17px;
}

/* Fil d'ariane */
#breadcrumbs
{
  float: left;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#breadcrumbs div
{
  float: left;
}

#breadcrumbs a
{
  text-decoration: underline;
}

input.btn-green, p.btn-green, a.btn-green, p.btn-retour, #col-droite input.btn-green
{
  background: url("/images/btn-green.png") center left no-repeat #a4ce16;
  cursor: pointer;
  color: white;
  padding:0 5px 0px 10px; /* top right bottom left */
  text-align: center;
  height:16px;
  line-height: 16px;
  border:none;
}

input.btn-orange
{
  background: url("/images/btn-orange.png") center left no-repeat #ff7c00;
  cursor: pointer;
  color: white;
  padding:0 5px 3px 10px;
  text-align: center;
  height:16px;
  border:none;
}

p.btn-retour
{
  margin: 10px auto;
  height: 16px;
  width:104px;
  cursor: auto;
}

p.btn-retour a
{
  display: block;
  width:104px;
  color: white;
}

#col-droite div.plan-du-site h2
{
  background:url(/images/back-titre-block.png) no-repeat !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/back-titre-block.png',sizingMethod='crop');
	background:none;
	width:142px;
	height:24px;
	padding-left:8px;
	line-height:24px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
  color: black;
}

#col-droite div.plan-du-site ul
{
  float: left;
  width: 243px;
}

#col-droite div.plan-du-site h3
{
  font-weight: bold;
  font-size: 14px;
}

#col-droite div.plan-du-site > ul > li
{
  margin-bottom: 1em;
}

#col-droite div.plan-du-site a:hover
{
  text-decoration: underline;
}

#col-droite div.plan-du-site > ul > li > ul > li
{
  float: left;
  margin: 0 1em 1em 0; /* top right bottom left */
}

#cadre-espace-client
{
  position: relative;
  left: 483px;
  top: 5px;
  font-size: 14px;
  background: #badef8;
  float: left;
  width: 260px;
  padding-top: 6px;
}

#cadre-espace-client a.user-icon
{
  float: left;
  margin: -6px 10px 0 0; /*top right bottom left*/
}

#cadre-espace-client a.user-icon img
{
  border: 1px solid #badef8;
  background: url("/images/back-green-48px.png") repeat-x
}

#cadre-espace-client ul
{
  margin-top: 4px;
}

#cadre-espace-client li
{
  float: left;
}
#cadre-espace-client li:first-child
{
  padding-right: 1em;
}

#cadre-espace-client a:hover
{
  text-decoration: underline;
}

#cadre-espace-client strong
{
  display: block;
  overflow: hidden;
  width: 190px;
}

#col-droite{
	width:730px;
	padding-left:11px;
	background:#fff;
	float:left;
	position:relative;
	margin-left:18px;
	padding-bottom:10px;
	line-height:14px;
}

#btn-ajouter-selection
{
  display: block;
  float: left;
  height:16px;
  padding-left: 24px;
  background: url(/images/oxygen/favorite-16px.png) no-repeat;
  margin-top: 8px;
}

#col-droite p.paiement-differe
{
  text-align: center;
  font-weight: bold;
  margin: 1em 0; /* vertical horizontal */
}