@charset "UTF-8";
/*
Theme Name: Art Prend L'air
Theme URI: http://www.art-prend-air.fr
Description: The original WordPress theme for the "L'art prend l'air" festival
Version: 1.0
Author: Jérémie Conte (webdesign) , Grégory Malinge (developper), Eloïse Groussolle (Graphic Design)
*/
/* CSS Document */
/*----------------------------------commun---------------------------------------------------------------*/
#body {
	background-image:url(img/bg.png);
	background-repeat:no-repeat;
	background-color:#050E1D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
#header {
	width:960px;
	height:213px;
	background-image:url(img/logo_apl.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
	text-indent : -200em;
}

#header h1{
	display:block;
	width:200px;
	text-indent : -200em;
}

@font-face {
	font-family: "Din";
	src: url('css/DINBd.ttf') format("truetype");
}


.page {
	padding-top:30px;
	padding-bottom:40px;
	background-color:#fff;
	margin-top:-45px;
	
}
.pagesidebar {
	padding-top:30px;
	background-image:url(img/bg_sidebar.png);
	background-repeat:repeat-y;
	margin-top:-45px;
	padding-bottom:30px;
}
.promo {
	background-image:url(img/img_expo_sidebar.png);
	background-repeat:no-repeat;
	width:298px;
	height:167px;
	float:right;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	margin-bottom:10px;
}
.promo p {
	text-decoration:none;
	font-size:1.273em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:15px;
	margin-right:30px;
	cursor:pointer;
}
/*----------------------------------menu---------------------------------------------------------------*/
.pictos {
	position:absolute;
	z-index:1;
	float:right;
	margin-left:700px;
	margin-top:-10px;
}
#picto_dailymotion {
	background-image:url(img/picto_dailymotion.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	width:60px;
	height:63px;
	margin-left:700px;
	display:block;
	cursor:pointer;
}
#picto_facebook {
	background-image:url(img/picto_facebook.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	width:60px;
	height:63px;
	margin-left:770px;
	display:block;
	cursor:pointer;
}
#picto_flickr {
	background-image:url(img/picto_flickr.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	width:60px;
	height:63px;
	margin-left:840px;
	display:block;
	cursor:pointer;
}
#menu {
	background-image:url(img/bg_menu.png);
	background-repeat:repeat-x;
	position:relative;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.455em;
}
.bout {
	background-image:url(img/side_menu.png);
	background-repeat:no-repeat;
	position:absolute;
	height:81px;
	width:40px;
	margin-left:-21px;
	margin-top:8px;
}
ul#menu li {
	display:inline;
}
#menu a {
	color:#fff;
	text-decoration:none;
	float:left;
	display:block;
	height:60px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}
#menu a:active {
	background:url(img/hover_menu.png) no-repeat 0 50%;
	background-position:center;
}
#menu a:hover {
	background:url(img/hover_menu.png) no-repeat 0 50%;
	background-position:center;
}
ul li.current_page_item a, ul li.current_page_ancestor a, ul li.current_page_parent a {
	background:url(img/hover_menu.png) no-repeat 0 50%;
	background-position:center;
}
/*----------------------------------footer---------------------------------------------------------------*/
#logo {
	background-image:url(img/logo_footer.gif);
	background-repeat:no-repeat;
	height:75px;
	float:right;
	margin-right:-16px;
	margin-top:35px;
	cursor:pointer;
}
#blocmark {
	background-image:url(img/blocmark.png);
	background-repeat:no-repeat;
	float:right;
	height:39px;
	width:172px;
	margin-top:65px;
	margin-right:-30px;
	cursor:pointer;
}
#footer {
	background-image:url(img/footer.png);
	background-repeat:no-repeat;
	width:960px;
	height:107px;
	padding-bottom:75px;
	margin-top:-20px;
}
#footer ul li {
	display:inline;
	text-decoration:none;
	list-style:none;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin:auto;
	padding-right:50px;
	color:#000;
}
#footer a {
	list-style:none;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000;
}
#footer a:visited {
	list-style:none;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000;
}
/*----------------------------------page accueil---------------------------------------------------------------*/
#une {
	display:inline;
	padding-top:20px
}
#une h2 {
	font-size:2em;
	font-family: "Din", Helvetica, Arial, sans-serif;
	/*font-weight:bold;*/
	color:#000;
}
#une p {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#une a {
	background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:1em;
	padding-left:10px;
	color:#d80071;
}
#media {
}
.local_box {
	background-image: url(img/local.png);
	background-repeat:no-repeat;
	margin-left:-32px;
	margin-top:30px;
	height:82px;
	width:490px;
}
.local_box p {
	text-decoration:none;
	font-size:1.636em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-left:50px;
	padding-top:5px;
	text-align:center;
}
.article_home_surtitre {
	display:inline;
	font-size:1.636em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	padding-top:2px;
	padding-bottom:2px;
}
.article_home h2 {
	text-decoration:none;
	background-repeat:no-repeat;
	font-size:1.273em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#d80071;
	margin-bottom:auto;
}
.article_home {
	display:inline;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-top:10px;
}
.more-link {
	/*background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:0 50%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:1em;
	/*padding-left:10px;*/
	color:#d80071;
	margin-top:-30px
}
/*.suite_article_home a:link {
	background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0 50%;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d80071
}
.suite_article_home a:visited {
	background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	text-indent:10px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d80071;
}
.suite_article_home a:hover {
	background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	text-indent:10px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d80071;
}
.suite_article_home a:focus {
	background-image:url(img/fleche_rose.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	text-indent:10px;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#d80071;
}*/
/*----------------------------------page article---------------------------------------------------------------*/
.title {
	font-size:1.636em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fff;
	position:absolute;
	margin-top:30px;
	z-index:10;
}
#brassard_article_page {
	background-color:#444e59;
	position:absolute;
	opacity:0.7;
	filter:alpha(opacity=70);
	height:96px;
	width:620px;
	left:1px;
	top:255px;
	margin-bottom:20px;
}
.article_page {
	display:inline;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	margin-top:20px;
	margin:auto;
}
.article_page p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-top:10px;
	margin:auto;
}
/*----------------------------------sidebar---------------------------------------------------------------*/
.video_legende {
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#000;
}
.video_legende h2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.273em;
	font-weight:bold;
	color:#d80071;
	text-decoration:none;
	margin-bottom:auto
}
.facebook{
	margin-top:10px;
	}
/*----------------------------------formulaire---------------------------------------------------------------*/
.brassard_liste_participants {
	background-image:url(img/brassard_liste_participants.gif);
	background-repeat:no-repeat;
	position:relative;
	margin-top:30px;
	left:-33px;
	height:53px;
	width:277px
}
.brassard_liste_participants p {
	background-image:url(img/fleche.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	position:relative;
	text-indent:10px;
	left:40px;
	font-size:1.273em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	padding-top:5px
}
#formulaire {
	background-image:url(img/bg_formulaire.png);
	background-repeat:repeat-x;
	width:auto;
	height:auto;
	padding:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em
}
.brassard_recherche_artistes {
	background-image:url(img/brassard_recherche_artistes.gif);
	background-repeat:no-repeat;
	position:relative;
	left:-33px;
	height:53px;
	width:277px;
	padding-top:5px;
	text-indent:30px
}
.brassard_recherche_artistes p {
	margin-left:20px;
	font-size:1.273em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#fff
}
#label {
	width:10em;
	text-align:right;
	margin-right:2em
}
#input {
	padding:0.15em;
	width:20em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em
}
#input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6
}
.valider {
	margin-left:500px;
	margin-top:150px
}
/*---------------------------------------résultats--------------------------------------------------------------*/

/*.resultat_details_adresse  {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	margin-bottom:auto;
}*/

.resultat_details_email a {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#d90071;
	margin:auto;
}
.resultat_details h2 {
	font-size:1.182em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:auto;
}
.resultat_details span {
	font-size:1.091em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.btn_localiser {
	background-image:url(img/btn_localiser.png);
	background-repeat:no-repeat;
	height:45px;
	margin-top:10px;
	margin-bottom:10px;
}
.liner {
	background-image:url(img/liner.png);
	background-repeat:no-repeat;
	height:1px;
	width:620px;
	top:0px;
}
/*----------------------------------Liste artisites---------------------------------------------------------------*/
.glossaire {
	background-image:url(img/bg_glossaire.png);
	background-repeat:repeat-x;
	height:34px;
	padding-top:5px;
	letter-spacing:-2px;
}
.glossaire h2 {
	font-size:1.273em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:5px;
}
.glossaire a {
	font-size:1.273em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:5px;
}
.glossaire a:active {
	font-size:1.273em;
	font-weight:bold;
	color:#d90071;
}
.glossaire a:hover {
	font-size:1.273em;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#d90071;
}
/*----------------------------------Accès carto---------------------------------------------------------------*/
.voirtout {
	background-image:url(img/act.gif);
	background-repeat:no-repeat;
	position:relative;
	width:231px;
	height:53px;
	right:-24px;
	float:right;
	top:-5px;
}
.voirtout a {
	background-image:url(img/fleche.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	text-decoration:none;
	font-size:1.273em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-left:31px;
	padding-left:10px;
}
.voirtout_sidebar {
	background-image:url(img/act.gif);
	background-repeat:no-repeat;
	width:231px;
	height:83px;
	right:-101px;
	position:relative;
	margin-top:40px;
}
.voirtout_sidebar p {
	background-image:url(img/fleche.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:10px;
	text-decoration:none;
	font-size:1.273em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin-left:30px;
	margin-top:5px;
}
.local_box_sidebar {
	background-image:url(img/brassard_sidebar_carto.gif);
	background-repeat:no-repeat;
	position:relative;
	margin-top:10px;
	height:82px;
	width:300px;
	right:-28px;
}
.local_box_sidebar p {
	text-decoration:none;
	font-size:1.273em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-left:50px;
	margin-top:10px;
	text-align:center;
}
/*----------------------------------page  carto---------------------------------------------------------------*/
.brassard_carto {
	background-image:url(img/brassard_carto.png);
	position:relative;
	height:120px;
	width:995px;
	margin-left:-32px;
}
.brassard_carto h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1.364em;
	text-indent:50px;
	margin-top:10px;
}
.brassard_legende {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;/*text-indent:50px;*/
}
.checkbox {
	padding-left:30px;
	top:-10px;
}
.checkbox ul li {
	list-style:none;
}
#EmplacementDecartoLA {
	width:940px;
	height:565px;
}
#info_bulle {
	font-size:1.273em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	color:#ccc;
}
/*.lieux {
	background-image:url(img/bg_star.png);
	background-repeat:no-repeat;
	width:154px;
	height:26px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	position:relative;
}*/
/*----------------------------------exception listing actu---------------------------------------------------------------*/
.bloc_actu {
	width:300px;
	float:left;
}
/*----------------------------------Recherche alphabétique ---------------------------------------------------------------*/
.pagination {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:40px 0;
	text-align:center;
}
.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none;
}
.pagination a:hover {
	background:#fff;
	border:1px solid #bd88fe;
	color:#bd88fe;
}
.pagination span.inactive {
	background:#fff;
	border:1px solid #f0f0ff;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em;
}
.pagination span.active {
	background:#f4ebff;
	border:1px solid #bd88fe;
	color:#bd88fe;
	font-weight:700;
	margin:2px;
	padding:.2em .4em;
}
.stroupper {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.636em;
	font-weight:bold;
	color:#d90071;
}
/*----------------------------------maps---------------------------------------------------------------*/
#map {
	width:510px;
	height:500px;
}
#carte_coord {
	background:#e6e6e6;
	padding:5px;
	width:500px;
}
#carte_coord p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000;
}
#carte_coord a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
}
