@charset "utf-8";
/* CSS Document */

/**************************************************************************************************************/
/*			CATALUNYA TOURISME
			
			Date : 06 AVRIL 2010
			Auteur : CECILE FOURNIER
			URL : local
			
			Sommaire :	= RESET
						= CONTENEUR GLOBAL - PAGE
						= HEADER
							Logo
							Jeux concours
							Partage
						= MAIN
							== CENTRE
								Content
								Carte
								Actualités
								Portraits
								Galeries
							
							== DROITE
								Sidebar
								Recherche
								Annee de la Catalogne
								A ne pas manquer
								Agendas
								Temoignages
						= FOOTER
						= PAGE SUITE
						

*/
/**************************************************************************************************************/
/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	border: none;
    font-weight:bold;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}
.visualClear{
	clear:both;
	display:block;
	line-height:0;
}
body {
	font-family:arial!important;
	font-size:62.5%!important; /*ensuite 1em=10px en taille normale*/
	color:#000;
	background:#000;
	width:auto;
}
a{
	text-decoration:none;
	color:#000;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline!important;
	color:#000;
}
img{
	border:none;
}

.invisible{
	position:absolute;
	top:-5000px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#page{ 
    width:904px!important;
	height:auto;
	background:white;
	border:none;
	margin:auto;
	position:relative;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#header{ 
    width:904px;
	height:523px;
	background:#e7e3e3 url(images_catalunya_blog/images_accueil_catalunya_blog/bandeau_catalogne_tourisme2.jpg) 0 50px no-repeat;
	border:none;
	margin:0;
	padding:0;
	float:left;
}
 a.retour_accueil{
	background:none;
	position:absolute;
	height:180px;
	width:430px;
	margin:60px 0 0 0;
	cursor:pointer;
	display:block;
	}

#header a.contacts_header_1{
	float:right;
	clear:right;
	color:#5a5423;
	padding:10px 18px 0 0;
}
#header a.contacts_header_2{
	float:right;
	color:#5a5423;
	padding:10px 22px 0 0;
}
*+html a.contacts_header_2{
	float:right;
	color:#5a5423;
	padding:25px 0 0 0!important;
}
#header .logo_header{
	margin:0;
	padding:0;
	float:left;
	}
#header .titre_idees_decouvrir_catalogne{
	margin:485px 0 0 40px;
	padding:0 0 0 30px;
	}

	
#header h2{
	float:right;
	margin:4px 18px 0 0;
	}
#header h2 a{
	color:#4d0f05;
	font-size:0.8em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
*+html #header h2 a{
	font-size:0.6em;
}

#btn_montpellier{
	margin:161px -9px 0 0;
	padding:0;
	float:right;
	clear:right;
	}
	
#btn_montpellier a{
	margin:0;
	padding:0;
	height:145px;
	width:313px;
	background:transparent url(images_catalunya_blog/images_accueil_catalunya_blog/btn_montpellier.png) 0 0 no-repeat;
	_background:url(images_catalunya_blog/images_accueil_catalunya_blog/btn_montpellier.png.jpg) 0 0 no-repeat;
	_height:145px;
	_width:313px;
	display:block;
	}
#btn_montpellier a:hover{
	background:transparent url(images_catalunya_blog/images_accueil_catalunya_blog/btn_montpellier.png) -313px 0 no-repeat;
	_background:url(images_catalunya_blog/images_accueil_catalunya_blog/btn_montpellier.png.jpg) 0 0 no-repeat;
	}


#jeux_concours{
	margin:0 -4px 0 0;
	padding:0;
	float:right;
	clear:right;
	position:absolute;
	right:0;
	top:172px;
	}
.jeux-home{
	position:absolute!important;
	top:350px!important;
	right:0!important;
	margin-top:0;
	}
#jeux_concours a{
	margin:0;
	padding:0;
	height:134px;
	width:276px;
	background:transparent url(images_catalunya_blog/images_accueil_catalunya_blog/jeux_concours_catalogne.png) 0 0 no-repeat;
	_background:url(images_catalunya_blog/images_accueil_catalunya_blog/jeux_concours_catalogne.jpg) 0 0 no-repeat;
	_height:114px;
	_width:229px;
	display:block;
	}
#jeux_concours a:hover{
	background:transparent url(images_catalunya_blog/images_accueil_catalunya_blog/jeux_concours_catalogne.png) 0 -136px no-repeat;
	_background:url(images_catalunya_blog/images_accueil_catalunya_blog/jeux_concours_catalogne.jpg) 0 0 no-repeat;
	}

/************** Partage Catalogne****************/
#partage_catalogne{
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	right:0;
	top:472px;
	z-index:4;
	}
#partage_catalogne ul{
	list-style:none;
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fond_partage.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	float:left;
	height:60px;
	width:379px;
	}
#partage_catalogne ul li, #partage_catalogne_int ul li{
	background:none;
	margin:6px 10px 0 6px;
	padding:0;
	float:left;
	display:inline;
	border:none;
	}
ul li a.partage_facebook_catalogne{
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/logo_facebook.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	height:39px;
	width:88px;
	display:block;
	}
ul li a.partage_facebook_catalogne:hover{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_facebook.gif) 0 -39px no-repeat;
	}
ul li a.partage_flickr_catalogne{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_flickr.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	height:35px;
	width:72px;
	display:block;
	}
ul li a.partage_flickr_catalogne:hover{
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/logo_flickr.gif) 0 -35px no-repeat;
	}
	
ul li a.partage_travelistic_catalogne{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_travelistic.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	height:37px;
	width:83px;
	display:block;
	}
ul li a.partage_travelistic_catalogne:hover{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_travelistic.gif) 0 -37px no-repeat;
	}
	
ul li a.partage_youtube_catalogne{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_youtube.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	height:37px;
	width:70px;
	display:block;
	}
ul li a.partage_youtube_catalogne:hover{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/logo_youtube.gif) 0 -35px no-repeat;
	}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/

#content{ 
	background-color:#fff;
	border:none;
	margin:0;
	padding:0;
	float:left;
	border:none;
	height:auto;
	width:675px;
	font-size:1.1em;
}
.tous{
	color:#b72019!important;
	font-weight:normal;
	text-decoration:underline!important;
	float:right;
	font-size:1.1em;
	padding:5px 8px;
	}
.tous:hover{
	color:#75120e!important;
	text-decoration:none!important;
	}
#content h2{ 
	color:#d63220;
	font-size:1.8em;
}	
/*********** Carte Catalogne ****************/	
#carte_catalogne{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fond_carte.jpg) 0 0 no-repeat;
	margin:0 16px 0 0;
	padding:0;
	float:right;
	width:640px;
	height:293px;
	}
#carte_catalogne object{
	margin:15px 0 0 30px;
	padding:0;
	float:left;
	}
*+html #carte_catalogne embed{
	margin:15px 0 0 30px;
	padding:0;
	float:left;
	}
/*********** Actualités ****************/	
#actualites_catalogne{
	float:right;
	margin:0 10px 0 0;
	padding:0 0 0 13px;
	background:none;
	border:none;
	width:641px;
	font-size:0.9em;
	}
#actualites_catalogne ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
#actualites_catalogne ul li{
	margin:0;
	padding:0;
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/fond_actualites_catalogne.gif);
	height:112px;
	width:319px;
	display:inline;
	float:left;
	}
#actualites_catalogne ul li img{
	margin:5px 10px 0 5px;
	padding:0;
	border:none;
	float:left;
	}
#actualites_catalogne ul li p{
	margin:9px;
	padding:6px;
	border:none;
	font-size:1.1em;
	}
/**+html #actualites_catalogne ul li p{
	background:red;
	border:1px solid yellow;
	float:left; 
	width:290px;!important
	}*/
.titres_actus{
	color:black;
	font-size:1.2em;
	font-weight:bold;
	}
.dates_actus{
	color:#7a6d5d;
	display:block;
	font-weight:bold;
	}
.descriptions_actus{
	color:#23211f;
	font-weight:normal;
	display:block;
	}
.descriptions_actus p{
    font-size:1em!important;
    margin:0!important;
    padding:0!important;
}
.pointille{
	color:#36adc3;
	font-weight:bold;
	}
	
/*********** Portraits ****************/	
#portraits_catalants{
	float:left;
	margin:0;
	padding:0;
	background:none;
	}
#portraits_catalants a.titre_portraits{
	margin:0 0 0 20px;
	padding:0;
	}
#portraits_catalants ul{
	list-style:none;
	margin:0;
	padding:0 0 0 34px;
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fond_portraits.jpg) 0 0 repeat;
	height:232px;
	width:640px;
	}
#portraits_catalants ul li{
	margin:0 15px 0 0;
	padding:11px;
	background:none;
	height:200px;
	width:122px;
	display:inline;
	float:left;
	border:none;
	}
#portraits_catalants ul li p{
	margin:0;
	padding:0;
	border:none;
	font-size:1.1em;
	}
#portraits_catalants ul li img{
	margin:0 0 5px 0;
	}
.noms_portrait{
	text-decoration:none;
	font-weight:bold;
	color:white;
	text-transform:uppercase;
	display:block;
	}
.descriptions_portrait{
	color:#480704;
	font-weight:normal;
	}
.descriptions_portrait:hover{
	color:black;
	}

/*********** Galeries ****************/	
a.galeries_catalogne{
	float:left;
	margin:0;
	padding:0;
	height:138px;
	width:674px;
	display:block;
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/fond_galeries.jpg) 0 0 no-repeat;
	}
a.galeries_catalogne:hover{
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/fond_galeries.jpg) 0 -138px no-repeat;
	}
	
/*********** Galeries ****************/	
#partenaires_catalunya{
	float:left;
	margin:75px 0 0 20px;
	padding:0;
	background:none;
	}	
#partenaires_catalunya a{
	float:left;
	margin:0;
	padding:0;
	}	
#partenaires_catalunya a.logo_costa{
	margin:0 0 0 5px;
	}
.titre_liens{
	display:block;
	width:100%;
	margin:0 0 8px 0!important;
	}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= DROITE
*/
/*------------------------------------------------------------------------------------------------------------*/

#sidebar{ 
	background-color:#fff;
	border:none;
	background:url(images_catalunya_blog/ombre_content.jpg) 0 0 repeat-x!important;
	margin:0;
	padding:0;
	float:left;
	width:228px;
	position:relative;
	z-index:1;
	}

#sidebar #pub {
	clear:left;
	background:white;
}	
#sidebar #pub li{
    list-style:none;
}

/*********** ANNEE CATALOGNE ****************/
#sidebar a.annee_catalogne{
	display:block;
	width:229px;
	height:116px;
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/btn_anne_catalogne_france.jpg) 0 0 no-repeat;
	float:left;
	margin:20px 0 0 0;
}
#sidebar a.annee_catalogne:hover{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/btn_anne_catalogne_france.jpg) 0 -116px no-repeat;
}

/*********** RECHERCHE ****************/	
#recherche_blog_besoin_catalogne{
	margin:10px 0 0 0;
	padding:0;
	background:none;
	width:229px;
	}
#recherche_blog_besoin_catalogne form{
	float:left;
	width:229px;
	margin:0;
	padding:0;
	}
#recherche_blog_besoin_catalogne input#recherche{
	vertical-align:middle;
	width:135px;
	}
#recherche_blog_besoin_catalogne input.submit{
	margin:0;
	padding:0;
	height:20px;
	width:83px;
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/fond_recherche.gif) 0 0 no-repeat;
	color:white;
	font-weight:bold;
	border:none;
	font-size:1em;
	vertical-align:middle;
	}
#recherche_blog_besoin_catalogne input.submit:hover{
	background: url(images_catalunya_blog/images_accueil_catalunya_blog/fond_recherche.gif) 0 -20px no-repeat;
	}

/*********** A NE PAS MANQUER ****************/	
#a_ne_pas_manquer{
	background-color:#8c8787;
	margin:0;
	padding:0 0 5px 0;
	float:left;
	}
a.legende_evenement{
	color:white;
	}
#a_ne_pas_manquer p{
	margin:6px;
	color:white;
	}
*+html a.legende_evenement{
	width:215px!important;
	display:block;
	background:none;
	}	
	
/*********** AGENDA ****************/	
#agendas{
	background-color:#e7e3e3;
	height:auto;
	margin:0;
	padding:0 0 6px 6px;
	text-decoration:none;
	font-weight:normal;
	color:#7a6d5d;
	float:left;
	width:223px;
	}
#agendas ul{
	list-style:none;
	margin:0 10px 7px 0;
	padding:0;
	}
	
#agendas ul li{
	margin:0;
	padding:0 0 0 23px;
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/puce_croix_grise.gif) 0 -2px no-repeat;
	}
#agendas ul li a{
	text-decoration:none;
	font-weight:bold;
	color:black;
	font-size:1.1em;
	display:block;
	}
#agendas ul li a:hover{
	text-decoration:underline;
	}

/*********** TEMOIGNAGES ****************/	
#temoignages{
	background-color:#fff;
	height:auto;
	margin:35px 0 0 0;
	padding:0;
	min-height:311px;
	_height:311px;
	}

/**+html .hentry{
	background-color:purple;
	clear:left;
	width:600px;
	}*/
#temoignages ul{
	list-style:none;
	margin:0;
	padding:5px;
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fond_hachures.gif) 0 0 no-repeat;
	float:left;
	}
	
#temoignages ul li{
	margin:5px 0 5px 6px;
	padding:6px;
	background:#fff;
	width:195px;
	float:left;
	}
#temoignages ul li a{
	text-decoration:none;
	color:black;
	font-size:1.1em;
	}
#temoignages ul li a:hover{
	text-decoration:underline;
	}
	
#temoignages ul li img{
	margin-right:5px;
	padding:0;
	float:left;
	}
#temoignages ul li p{
	margin:0;
	padding:0 10px 6px 0;
	width:119px;
	display:inline;
	}
#temoignages ul li>p{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fin_guillemet.gif) bottom right no-repeat;
}

#temoignages ul li p span.auteur{
	margin:0;
	padding:0;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	width:274px;
	}



#temoignages ul li.btn_partagez{
	margin:0;
	padding:0;
	background:none;
	}
a.partagez_experience_catalogne{
	display:block;
	height:87px;
	width:220px;
	background:url(images_catalunya_blog/btn_partager_catalogne.png) 0 -87px no-repeat;
	_background:url(images_catalunya_blog/btn_partager_catalogne.jpg) 0 0 no-repeat;
	_width:205px;
	_height:78px;
	}
a.partagez_experience_catalogne:hover{
	background:url(images_catalunya_blog/btn_partager_catalogne.png) 0 -1px no-repeat;
	_background:url(images_catalunya_blog/btn_partager_catalogne.jpg) 0 -78px no-repeat;
	}
	

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/

#footer{ 
	background:black url(images_catalunya_blog/images_accueil_catalunya_blog/haut_footer.gif) 0 0 no-repeat;
	border:none;
	margin:0;
	padding:18px 0 0 0;
	float:left;
	width:904px;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
}
#footer ul li{
	background:#FFED00;
	margin:0 0 2px 0;
	padding:5px 5px 5px 25px;
}
#footer ul li a{
	color:#666666;
}
.thematique_liens{
	margin:0;
	min-width:100px;
	_width:100px;
	float:left;
	height:14px;
	}
	
/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGES SUITE
*/
/*------------------------------------------------------------------------------------------------------------*/

/*********** HEADER SUITE ****************/
#header_suite{ 
    width:904px;
	height:355px;
	background:#e7e3e3 url(images_catalunya_blog/bandeau_catalogne_tourisme_suite2.jpg) 0 50px no-repeat;
	border:none;
	margin:0;
	padding:0;
	float:left;
}

#header_suite a.contacts_header_1{
	float:right;
	clear:right;
	color:#5a5423;
	padding:10px 18px 0 0;
}
#header_suite a.contacts_header_2{
	float:right;
	color:#5a5423;
	padding:10px 22px 0 0;
}

#header_suite .logo_header{
	margin:0;
	padding:0;
	float:left;
	}
	
#header_suite .titre_idees_decouvrir_catalogne{
	margin:314px 0 0 40px;
	padding:0;
	}
	
/**+html #header_suite .titre_idees_decouvrir_catalogne{
	margin:299px 0 0 0!important;
	}*/

#header_suite h2{
	float:right;
	margin:5px 18px 0 0;
	}
#header_suite h2 a{
	color:#4d0f05;
	font-size:0.8em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
*+html #header_suite h2 a{
	font-size:0.6em;
}

/*********** PARTAGE SUITE ****************/
#partage_catalogne_int{
	background:red;
	margin-top:-60px;
	padding:0;
	float:left;
	position:absolute;
	right:0;
	top:355px;
	z-index:4;
	}

#partage_catalogne_int ul{
	background:url(images_catalunya_blog/images_accueil_catalunya_blog/fond_partage_int.jpg) no-repeat scroll 0 0 transparent;
	float:left;
	height:60px;
	list-style:none outside none;
	margin:0;
	padding:0;
	width:379px;
}


/*********** NAVIGATION SUITE ****************/
.navigation{
	display:block;
	margin:10px 0 20px 0;
	text-align:center;
	background:none;
	border-bottom:1px dotted #514132;
	padding:3px;
	width:475px;
	float:left;
	color:#514132;
	font-size:1.5em;
	font-weight:bold;
}
*+html .navigation{
	margin:10px 90px 20px 0;
}
.navigation a{
	color:#66625e;
	font-size:0.7em;
	font-weight:normal;
}

/*********** CONTENT SUITE ****************/
.widecolumn, .narrowcolumn{ 
	padding:20px!important;
	width:635px!important;
	background:url(images_catalunya_blog/ombre_content.jpg) 0 0 repeat-x!important;
}

.post {
	margin:5px 0 20px 0;
	float:left;
}
.widecolumn .post h2{
	margin:25px 0 0 0;
	color:#d73321;
	font-size:1.8em;
}

.widecolumn .postmetadata {
	border-left:1px dotted #d73321;
	border-right:1px dotted #d73321;
}

h2.pagetitle {
	margin-top:45px;
	text-align:left;
}
.post h3{
	margin:10px 0 0 0;
	background:url(images_catalunya_blog/puce_croix.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
	font-size:1.4em;
	}
.post h3 a:hover{
	color:black;
	}

.widecolumn .entry {
	padding:5px;
	margin:10px 0;
	border-top:12px solid #f95543;
}
.widecolumn .entry p {
	font-size:1.3em;
	margin:5px 0 15px;
}

.entry p {
	font-size:1.3em;
	margin:5px 0 15px;
}
/*********** LISTE SUITE ****************/
.narrowcolumn .category-non-classe, .narrowcolumn .category-catalogne, .narrowcolumn .category-france{
	float:left;
	border-left:2px solid #ffdf0f;
	padding:10px;
	margin:0 0 15px;
	width:100%;
}
.narrowcolumn .category-non-classe h3, .narrowcolumn .category-catalogne h3, .narrowcolumn .category-france h3{
	margin:0;
}
.narrowcolumn .category-non-classe small, .narrowcolumn .category-catalogne small, .narrowcolumn .category-france small{
	color:#d73320;
}
.narrowcolumn .category-catalogne .postmetadata, .narrowcolumn .category-non-classe .postmetadata, .narrowcolumn .category-france .postmetadata{
	text-align:left;
}

/*********** COMMENTAIRES ****************/	
.commentlist {
	padding:0;
	text-align:justify;
	float:left;
}
h3#comments{
	float:left;
	background:url(images_catalunya_blog/puce_com.gif) 0 0 no-repeat;
	padding:0 0 0 26px;
	min-height:25px;
	_height:25px;
	}
.commentmetadata a{
	color:#807f7f;
}

.commentlist cite a {
	color:#3d3838;
}
/*********** TEMOIGNAGES ****************/	
#respond{
	float:left;
	}
#respond h3{
	background:url(images_catalunya_blog/puce_com2.gif) 0 0 no-repeat;
	padding:0 0 0 30px;
	min-height:36px;
	_height:36px;
	}

/*********** COLONNE DROITE - SIDEBAR ****************/	
a.gallerie{
	display:block;
	height:133px;
	width:229px;
	background:url(images_catalunya_blog/btn_galeries.jpg) 0 0 no-repeat;
	float:left;
	margin:15px 0 5px 0;
	}
a.gallerie:hover{
	background:url(images_catalunya_blog/btn_galeries.jpg) 0 -133px no-repeat;
	}
a.gallerie span{
	display:none;}
	

