/* Generalites */
	img {overflow: hidden}
	#ariane {margin-bottom: 20px}
	#ct h2 {margin: 1px 1px 0; padding-left: 10px; border-bottom: 1px solid #ccc; background: url(/base/imgs/atom/pays/titre.png) top left repeat-x ; font: bold 18px/36px "Georgia"; color: #369}
	#ct h3, #ct h3 a {color: #666}
	a.details {position: absolute; top :23px; right: 5px; padding-left: 10px; background: url(/base/imgs/atom/pays/squareBlue_5x5.gif) 0 6px no-repeat; text-decoration: underline; font-weight: bold; color: #666}
	a.details:hover {color: #333}
	p {font-size:11px;line-height:12px;}
/* Blocs Principaux */
	#introPays {position: relative; float: left; width: 710px; height: 460px; margin: 0 20px 20px 0; background: url(/base/imgs/atom/pays/bloc_1x20.png) bottom left repeat-x;}
	#mapESV {float: left; width: 250px; height: 250px; margin: 0 0 20px; cursor: pointer}
	#favHotels {float: left; width: 248px; margin: 0 20px 20px 0; padding-bottom:10px; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/bloc_1x105.png) bottom left repeat-x}
	#raisons {float: left; width: 708px; margin: 0 0 20px; padding-bottom:10px; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/bloc_1x105.png) bottom left repeat-x}
	#meteoGuide {clear: left; float: left; width: 250px; margin: 0 20px 20px 0}
	#meteoPays {position: relative; margin-bottom: 20px; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/bloc_1x27.png) bottom left repeat-x}
	#guide {position: relative; border: 1px solid #ccc; padding-bottom: 10px; background: url(/base/imgs/atom/pays/bloc_1x105.png) bottom left repeat-x}
	#voyage {position: relative; float: left; width: 388px; margin: 0 20px 20px 0; padding-bottom: 20px; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/bloc_1x105.png) bottom left repeat-x}
	#pub_250x250 {float: right; width: 300px; margin-bottom: 20px; text-align: center}
/* Infos Generales */
	#tetiereInfosOpacity {position: absolute; top:0; left: 0; width: 710px; height: 40px; background: url(/base/imgs/atom/pays/infosOpacity.png) top left repeat-x; opacity: 0.85}
	#tetiereInfos {position: absolute; top:0; left: 0; width: 710px; height: 40px; line-height: 40px; background: url(/base/imgs/atom/pays/infos.png) 675px 5px no-repeat; font-family:"Georgia"; font-size: 12px; color: #fff}
	#flag {float: left; margin: 5px; border: 1px solid #fff}
	h1 {display: inline; margin-right: 5px; font-size: 24px}
	#infosGeneOpacity {position: absolute; top: 40px; right: 0; width: 165px; height: 130px; background: url(/base/imgs/atom/pays/infosGeneOpacity.png) top left repeat-x; opacity: 0.85}
	#infosGene {position: absolute; top: 40px; right: 0; width: 159px; height: 94px; padding: 3px}
	#infosGene p {line-height: 20px; text-align: center; font-weight: bold}
	#infosGene ul {font-size: 10px}
	#infosGene li {clear: both; line-height: 12px;}
	#infosGene li span {float: left;}
	#infosGene li span.right {float: right; font-weight: bold}
	#bigPhoto {background: #ccc; display: block; width: 710px; height: 300px; line-height: 300px; text-align: center}
	#introRedac {height: 160px; border: 1px solid #ccc;}
	#introRedac img {float: left; margin: 0 15px}
	#introRedac p {overflow: hidden; float: left; width: 679px; height: 135px; padding: 15px;-moz-column-count: 3;-moz-column-gap: 15px;-webkit-column-count: 3;-webkit-column-gap: 15px;text-align:justify;}
	#introRedac span {float: left; margin: 2px 5px; font: italic 12px/16px "Georgia";}
	#introRedac p:first-letter {font-size:18px;font-weight:bold;}
/* Reperes */
	#reperes h2 {display:block;float:left;line-height: 14px;border:0 none;margin:2px;width:auto;background:none;}
	#reperes h3 {display:block;float:left;line-height: 14px;color:#999;font-size:11px;margin:3px 0 5px 5px;width:auto;}
	#reperes ul {overflow: auto; line-height: 14px;margin: 0 0 20px;padding: 10px;width: 958px; height: auto; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/titre.png) 0 2px repeat-x;clear:left;}
	#reperes li {padding-right: 10px;display:inline;margin:0 0 0 10px;border-right:1px solid #b7cce6;}
	#reperes li a {font-size: 11px;line-height:10px;color: #369;display:inline;text-decoration:underline;font-weight:bold;}
	#reperes div {float:left;}
/* Cartes */
	#bigMapESV {display: none; position: absolute; top: 203px; right: 0; border: 2px solid #333; cursor: pointer}
	#bigMapESV img#fermerBigMapESV {position: absolute; top: 2px; right: 2px; display: block; width: 16px; height: 16px;}
/* Hotels Preferes */
	#favHotels ul {margin: 0 10px}
	#favHotels li {height: 168px; padding: 10px 0}
	#favHotels li a.photoHotel {width: 82px; height: 62px; float: left; margin-bottom: 4px}
	#favHotels li a.photoHotel img {display: block; width: 80px; height: 60px; padding: 1px; border: 1px solid #ccc; text-align: center; background: url(/base/imgs/atom/pays/noPhoto_80x60.jpg) no-repeat center center}
	#favHotels li h4, #favHotels ul li h5 {float: left; width: 140px; margin: 0 0 4px 4px}
	#favHotels li h4 a {font-size: 12px; color: #666}
	#favHotels li h5 a {font-size: 12px; color: #369}
	#favHotels li .noteEexp, #favHotels ul li .noteEop {float: left; width: 28px; height: 16px; line-height: 16px; background: url(/base/imgs/atom/pays/note.png) top center no-repeat; text-align: center; font-family: "Georgia"; font-weight: bold}
	#favHotels li .noteEexp {margin: 0 4px 4px; color: #bc7cbe}
	#favHotels li .noteEop {margin: 0 4px 4px 0; color: #7ebd7f}
	#favHotels li .nbEtoiles {width: 62px; height: 12px; vertical-align: middle}
	#favHotels li p {clear: left; overflow: auto; height: 40px; margin-bottom: 5px}
	#favHotels li p a {margin-left: 2px}
	#favHotels li .ouverture {display :block; padding-left: 12px; background: url(/base/imgs/atom/pays/square_8x8.gif) 0 4px no-repeat; font-weight: bold; color: #369;}
	#favHotels li.noHotels img {padding : 1px; border:1px solid #ccc}
	#favHotels li.noHotels p {font-style: italic;}
/* Raisons */
	#raisons h3 {clear: both; line-height: 30px; margin-left: 10px; padding-left: 12px; font-size: 14px; background: url(/base/imgs/atom/pays/square_8x8.gif) 0 12px no-repeat}
	#raisons h3 a {font-size: 14px;}
	/* liste de Raisons */
	.folded {display:none;}
	.unfolded {display:block;}
		#raisons ul {height:118px; width: 580px; margin:10px auto 30px; clear:left;}
		#raisons li {background:url("/base/imgs/atom/pays/bloc_1x105.png") repeat-x 0 0; height:64px; border: 1px solid #ccc; float: left; width:187px; margin:0 0 5px 4px}
		#raisons li img {float: left; width: 90px; height:60px; margin: 2px 0 2px 2px; padding:0;}
		#raisons li h4 {float:right; width:92px; color:#666; font-size:11px; height:27px; line-height:13px; text-align:center; overflow:hidden;}
		#raisons li h4 a {color: #369; font-size: 12px}
		#raisons li p {overflow: hidden; float: left; width: 230px; height: 55px; margin-left: 7px; margin-bottom:10px}
		#raisons li span {color:#336699; float:right; font-size:9px; height: 12px; letter-spacing:-1px; margin:0 0 7px; text-align:center; width:92px;}
		#raisons li ul {background: #000; clear:both; height:auto; position:absolute; margin:64px 0 0 -1px; padding:0 0 2px; width:186px; z-index:9999; border: 1px solid #ccc; border-top: 0 none;
		/*CCS3*/ opacity:0.8; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px;}
		#raisons li ul li {float: none; background:#000; height:auto; margin:0; padding:0; border: 0 none;
		/*CSS3*/ opacity:1;}
		#raisons li ul li a {display:block; background:url("/base/imgs/atom/pays/square_5x5.gif") no-repeat scroll 8px 8px; color:#fff; width:165px; padding:2px 0 5px 20px; border-bottom:1px solid #666; border-top:1px solid #000;}
		#raisons li ul li a:hover {background-color:#333; text-decoration:none;}
		#raisons li div {float: right; background: url("/base/imgs/atom/pays/inputButton.png") no-repeat 73px -18px; color:#333; cursor:pointer; text-align:right; border: 0 none; height:14px; width:64px; padding:2px 25px 2px 2px;}
		#raisons li div:hover {background-position: 73px 0}
		#raisons li div.moins {background-position: 73px -36px}
/* Meteo */
	#meteoPays .sliderMeteo {position: absolute; top:23px; right: 5px; color: #666; cursor: pointer}
	#meteoPays .sliderMeteo:hover {text-decoration: underline}
	#meteoPays #hideMeteo {display: none}
	#meteoPays ul {overflow: auto; height: 125px; margin: 10px}
	#meteoPays li {height: 20px; line-height: 20px; padding-left: 12px;  border-bottom: 1px solid #ddd; background: url(/base/imgs/atom/pays/square_8x8.gif) 0 6px no-repeat}
	#meteoPays li:last-child {border-bottom: none}
	#meteoPays li a {display: block; height: 20px; font-weight: bold; color: #369}
	#meteoPays li a span.ville {float: left}
	#meteoPays li a span.temperature {float: right; width: 40px; margin-right: 2px; text-align: right; color: #666}
	#meteoPays li a img {float: right; width: 20px; height: 20px}
/* Guide */
	#guide h3 {line-height: 30px; margin-left: 15px; font-size: 13px}
	#guide ul {margin: 0 20px}
	#guide li {line-height: 20px; padding-left: 10px;  border-bottom: 1px solid #ddd; background: url(/base/imgs/atom/pays/square_5x5.gif) 0 8px no-repeat}
	#guide li:last-child {border-bottom: none}
	#guide li a {display: block; font-weight: bold; color: #369}
/* Voyage */
	#voyage h3:first-letter {text-transform: capitalize}
	#voyage h3 span {color: #369; font-size: 11px; font-weight: normal}
	#voyage h3.formuleLibelle {clear: left; line-height: 30px; margin-left: 15px; font-size: 13px}
	#voyage h4 {clear: left; line-height: 25px; margin-left: 25px; padding-left: 15px; background: url(/base/imgs/atom/pays/square_8x8.gif) 0 10px no-repeat; color: #369; font-size: 12px}
	#voyage h4:first-letter {text-transform: capitalize}
	#voyage ul {padding-left: 35px}
	#voyage li {float: left; width: 166px; line-height: 16px; padding-left: 10px; background: url(/base/imgs/atom/pays/square_5x5.gif) 0 6px no-repeat}
	#voyage li span {color: #369}
	#voyage div {margin:7px 0 0 25px;}
	#voyage div h3 {float: left; margin-right: 5px; padding-left: 10px; background: url(/base/imgs/atom/pays/squareBlue_5x5.gif) 0 6px no-repeat; font-size: 11px}
	#voyage div h3 a {text-decoration: underline}
	#voyage div h3 a:hover {color: #333}
/* Bloc Journaliste */
	#paysJournaliste {display:block;float:left;border: 1px solid #ccc;height:186px;width:244px;padding:2px;margin: 0 0 20px 0;}
	#photoJournaliste {float:left;border: 1px solid #E1E1E1;margin:0 0 5px 10px;;padding:0;}
	#redacName {float:left;margin-left:10px;padding:0;width:150px;}
	#paysJournaliste h2 {margin-bottom:10px;}
	#redacPoste {font-size:9px;color:#999;margin-left:10px;padding:0;font-style:italic;}
	#paysJournaliste a {display:block;float:left;height:22px;width:100px;margin: 20px 0 0 20px;padding:3px 0 0 33px;background:transparent url(/base/imgs/atom/pays/voir_expert.gif) no-repeat;color:#FFF;text-decoration:none;}
	#paysJournaliste a:hover{color:#fff;text-decoration:none;}
	#paysJournaliste .voirfiche_off {float:left;height:22px;width:100px;margin: 20px 0 0 20px;padding:4px 0 0 33px;background:transparent url(/base/imgs/atom/pays/voir_expert_off.gif) no-repeat;color:#FFF;text-decoration:none;}
	#paysJournaliste p {clear:both;display:block;height:45px;margin:5px 10px;width:225px;color:#999;}
/* Styles pour paysInfos
	-------------------- */
/* introPays */
	#introPays h3 {display: inline; margin-right: 5px; font-size: 24px;color:#FFF;}
/* ReperesInfos */
	#reperesInfos {display:block;float:right;width: 300px; height: auto; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/titre.png) 0 2px repeat-x;margin: 20px 0 20px;}
	#reperesInfos h2 {border:0 none;}
	#reperesInfos h3 {display:block;color:#999;font-size:11px;margin:13px 0 5px 5px;width:auto;}
	#reperesInfos ul {overflow: auto; line-height: 14px;margin: 0;padding: 10px;clear:left;}
	#reperesInfos li {padding: 0 10px;margin:10px 0 0 5px;background:transparent url(/base/imgs/atom/pays/square_5x5.gif) no-repeat scroll 0 8px;}
	#reperesInfos li a {font-size: 11px;line-height:10px;color: #369;display:inline;text-decoration:underline;font-weight:bold;}
	#reperesInfos div {float:left;}
/* pubForm */
	#pubForm {float: right; width: 300px;}
/* PaysInfos */
	#paysInfos {float: left; width: 658px; margin: 0 0 20px; border: 1px solid #ccc; background: url(/base/imgs/atom/pays/bloc_1x105.png) bottom left repeat-x}
	#paysInfos h1 {display:block;margin: 1px 1px 0; padding-left: 10px; border-bottom: 1px solid #ccc; background: url(/base/imgs/atom/pays/titre.png) top left repeat-x ; font: bold 18px/36px "Georgia"; color: #369}
	#paysInfos h2 {clear: both; line-height: 30px; margin-left: 20px; padding-left: 12px; font-size: 13px; background: url(/base/imgs/atom/pays/square_8x8.gif) 0 12px no-repeat;color:#333;border:0 none;}
	#paysInfos h2 a {font-size: 14px;}
	#paysInfos h3 {display:inline;font-size:24px;margin-right:5px;}
	#paysInfos ul {width: 608px; height: 128px; margin-left: 50px}
	#paysInfos li {float: left; width: 304px; padding-bottom: 10px}
	#paysInfos li img {float: left; width: 60px; height: 45px;padding: 1px;border: 1px solid #ccc}
	#paysInfos h4 {width: 225px; margin-left: 5px; padding-left: 10px;background: url(/base/imgs/atom/pays/square_5x5.gif) 0 6px no-repeat}
	#paysInfos h4 a {color: #369; font-size: 12px}
	#paysInfos p {margin: 0 30px 10px 30px}
	.introPaysInfos {width:660px!important;overflow:hidden!important;height:300px!important;}