/*
Theme Name: Ici & Demain 
Description: Site du festival Ici et Demain
Version: 2009-2010
Author: Nacosoft
Author URI: http://www.nacosoft.com
Tags: two-columns, fixed-width, left-sidebar, festival, ici et demain
*/

html, body{ margin:0; padding:0; text-align:center; background-color:#fcf2f7;font-family:Trebuchet MS;} 
#background{ width:100%; margin-left:auto; margin-right:auto; }  
#pagewidth{ width:1000px; text-align:left; margin-left:auto; margin-right:auto; } 

#page{ width:940px; text-align:left; margin-left:auto; margin-right:auto; padding: 0px 30px 0px 30px;} 

#header{ position:relative; height:160px; width:1020px; overflow:hidden;margin-bottom: -33px;} 

#titles{float:left; clear:left; height:150px; overflow:hidden;background:url(img/logo.png) top center no-repeat; margin-top: -8px;cursor: pointer; width: 400px; margin-left: 40px; }
#titles h1 a{text-decoration:none}
#mairie{cursor: pointer; height: 23px; margin-top: 0px; width: 200px;float:left; clear:left; overflow:hidden;background:url(img/logo_mairie.png) top center no-repeat; }

#search{float:right; height:178px; width: 300px; overflow:hidden;}
#login{background:transparent url(img/identify_box.png) no-repeat scroll center top;
float:right;
height:57px;
margin-top:0;
overflow:hidden;
padding-left:22px;
padding-top:26px;
width:268px;}
#login a {color: #e2007a;text-decoration:none}
#login a:hover {color: black;}

#newsletter{background:transparent url(img/newsletter_box.png) no-repeat scroll center top;
float:right;
height:57px;
margin-top:0;
overflow:hidden;
padding-left:22px;
padding-top:26px;
width: 216px;}
#newsletter a {color: #e2007a;text-decoration:none}
#newsletter a:hover {color: black;}

#form {background: transparent url(img/box_form.png) top center repeat-y; line-height:36px; height: auto;margin-left: 0px; width: 560px; padding-left: 40px;padding-right: 40px;}
.header_form{background: transparent url(img/box_form_header.png) top center no-repeat; margin-left: 0px; width: 600px;height: 8px; margin-left: 20px;}
.footer_form{background: transparent url(img/box_form_footer.png) top center no-repeat; margin-left: 0px; width: 600px; margin-left: 20px; height: 8px;}
#form .envoi {background:url(img/btn_envoyer.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#form .suivant {background:url(img/btn_suivant.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#form .terminer {background:url(img/btn_terminer.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#form .valider {background:url(img/btn_valider.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#form .enregistrer {background:url(img/btn_enregistrer.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#form .retour {background:url(img/btn_retour.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none;margin-top: 15px;border:none;}
#wrapper {background: white url(img/fond.png) top center no-repeat;padding-top: 11px;width:990px;min-height:755px;}

#searchform{background: url(img/box_recherche.png) no-repeat; height: 42px; display: block;padding-left: 14px; padding-top: 40px; padding-right: 18px;}
div.searchfield{ width: 230px; overflow:hidden; border:0px; color:#e2007a; float:left;   border:1px solid gainsboro; background-color:white;outline: none;  margin: 0px; }

.searchtext{border:0px; color:#e2007a; font-size:14px; font-family:arial; font-weight:bold; width: 230px; overflow:hidden;}

input.searchsubmit { float:right; clear:right;;border:1px solid black; background-color:white;outline: none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
input.searchsubmit:hover { border:1px solid black; background-color:pink;o-repeat -115px 0px;}


#menu{ position:relative; height:23px; width:990px; overflow:hidden;} 

#tabs { float:right;  display:block; line-height:normal; width:535px; margin: 0px 20px 0px 0px; height: 37px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: Trebuchet MS; font-size: 12px;}
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 2px 0px 0px; padding:0px 0 0 4px; text-decoration:none;height:23px; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:5px 12px 0px 3px; color: #000000; text-transform:uppercase; height:23px;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #e2007a; }
#tabs a:hover { background-position:0% -45px; color: #e2007a; }
#tabs a:hover span { background-position:100% -45px; color: #e2007a; }
#tabs .current_page_item a { background-position:0% -45px; }
#tabs .current_page_item a span { background-position:100% -45px;}

 
#rightcol{ width:286px; float:right; position:relative; padding:10px 40px 20px 0px;}

.tab_participate {background:url(img/visuel-festival.jpg) top left no-repeat;height: 300px; width: 300px; padding-top: 0px; padding-left: 0px; padding-right: 0px; margin-bottom: 25px;-moz-border-radius:5px;-webkit-border-radius:5px}




#affiche_festival {background:url(img/affiche_festival.png) top left no-repeat;padding-left: 22px; padding-top: 98px; width: 276px; height: 313px; padding-right: 7px;font-size:11px;margin-bottom: 30px;}
#rightcol h1, #rightcol h2, #rightcol h3, #rightcol h4, #rightcol h6 {font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}

#rightcol h5 {font-family:Trebuchet MS; color:#000000; font-size:16px; margin:0px; padding:0px 0px 3px 0px;}

#rightcol ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:190px;  clear:both;}
#rightcol ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
#rightcol ul li a{ width: 149px; background:url(img/btn_fleche.png) center left no-repeat; display: block; padding: 6px 5px 3px 26px;  text-decoration:none; color:#e2007a; vertical-align: bottom;display:inline;font-size:13px;}
#rightcol ul li a:hover{ text-decoration:none; color:#000000; }
#rightcol ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial;  text-decoration:none; font-weight:bold;}
#rightcol ul li ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
#rightcol ul li ul li a{ width: 140px; display: block; font-size: 12px;padding: 6px 5px 3px 25px;  text-decoration:none; color:#e2007a; vertical-align: bottom;}
#rightcol ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li_sml.gif); text-decoration:none; color:#000000; }
#rightcol ul li ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial;  text-decoration:none; font-weight:bold;}
#rightcol ul li ul li ul li a{ width: 130px; display: block;  font-size: 11px; padding: 6px 5px 3px 25px;  text-decoration:none; color:#e2007a; vertical-align: bottom;}
#rightcol ul li ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; text-decoration:none; color:#000000; }


#rightcol a{ font-family: arial; text-decoration:none; color:#e2007a;}
#rightcol a:hover{ font-family: arial; text-decoration:none; color:#000000;}

.menuheader{width:276px; display:block; overflow:hidden;}
.menucontent{width:276px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 10px 3px 15px;padding-left: 0px; padding-right: 0px; width: 300px;}

.menucontent h5{font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}
.menucontent ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
.menucontent ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
.menucontent ul li a{ width: 149px; display: block; padding: 6px 5px 3px 26px;  text-decoration:none; color:#e2007a; vertical-align: bottom;}
.menucontent ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; text-decoration:none; color:#000000; }

.menufooter{width:276px; height:30px; display:block; overflow:hidden;}

#recentcomments {list-style: none; clear:left; }
ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-family: arial;  vertical-align: bottom;padding: 6px 5px 3px 26px; font-size: 14px; text-decoration:none; font-weight:bold;width: 149px;display: block;  }
ul#recentcomments li a{  text-decoration:none; color:#e2007a; }
ul#recentcomments li a:hover{ background-repeat: no-repeat; text-decoration:none; color:#000000; }




.menunews{width:180px; height:30px;display:block; overflow:hidden;}

.menulinks{width:180px; height:30px; display:block; overflow:hidden;}

.menucats{width:180px; height:30px; display:block; overflow:hidden;}

.menunav{width:180px; height:30px; display:block; overflow:hidden;}





#linkcat-2 h2{font-family:arial; color:#e2007a; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}

#info {font-family: arial; font-size: 11px; text-decoration:none; width:205px; text-align:center; font-weight:bold; color:#e2007a; padding: 15px 0px 0px 0px;} 
#info a{ color: #e2007a;} 
#info a:hover{ color: #000000;text-decoration:none;} 

#calendar_wrap { background:url(img/box_calendar.png) top left no-repeat;height:218px;}
table#calendar_wrap {width:180px; overflow:hidden;}

#wp-calendar{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000; width:180px;text-align:center}
table#wp-calendar caption {text-align:right;margin-bottom: 35px;margin-top:-35px}
table#wp-calendar thead {display:none;}
table#wp-calendar td {width: 30px; padding-right: 8px;}

#wp-calendar a{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#e2007a;}
#wp-calendar a:hover{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000;}

#wp-tag{background:url(img/box_tags.png) top left no-repeat;width: 289px;padding-top: 40px; padding-left: 10px; height: 153px;
padding-bottom:0px;overflow:hidden;}


#maincol{ float: left; display:inline; position: relative; padding: 10px 45px 20px 24px;
padding-left: 0px; padding-right: 20px; width: 643px; padding:10px 0px 0px 20px;}


#partcol{ float: left; display:inline; position: relative; padding: 10px 45px 20px 24px;
padding-left: 0px; padding-right: 20px; width: 633px; padding:10px 0px 20px 20px; font-size:12px;}

#partcol a {color:#e2007a}
#partcol a:hover {color:black}

#partcol .reglement {background:url(img/btn_reglement.png);text-align:center;width:255px;display:block;height:29px;text-decoration:none;margin-left: 190px; margin-top: 20px;}
#partcol .retour {background:url(img/btn_retour.png);text-align:center;width:100px;display:block;height:29px;text-decoration:none; margin-top: 20px;}

#partcol .deconnexion {background:transparent url(img/bt_sedeco_light.png);text-align:center;width:120px;display:block;height:64px;text-decoration:none;margin-left: 190px; margin-top: 20px;}
#partcol .creerprojet {background:transparent  url(img/bt_creer_projet_light.png);text-align:center;width:120px;display:block;height:64px;text-decoration:none;margin-left: 190px; margin-top: 20px;}
#partcol .monprofil {background:url(img/bt_monprofil_light.png);;text-align:center;width:120px;display:block;height:64px;text-decoration:none;margin-top: -64px; margin-left: 340px;}
#partcol .mesprojets {text-align:center;width:120px;display:block;height:64px;text-decoration:none;margin-left: 190px; margin-top: 20px;background:url(img/bt_mesprojets_light.png)}
#partcol .admin {background:url(img/bt_admin_light.png);text-align:center;width:120px;display:block;height:64px;text-decoration:none;margin-top: -110px; margin-left: 483px; margin-bottom: 40px;}

#partcol a:hover.deconnexion  {background:url(img/bt_sedeco.png);}
#partcol a:hover.creerprojet {background:url(img/bt_creer_projet.png);}
#partcol a:hover.monprofil  {background:url(img/bt_monprofil.png);}
#partcol a:hover.mesprojets  {background:url(img/bt_mesprojets.png);}
#partcol a:hover.admin  {background:url(img/bt_admin.png);}


#partcol h1{font-family:Trebuchet MS; font-weight:normal; color:#000000; font-size:28px; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px;line-height:14px;margin-top:11px;}

.contentheader{width:623px; height:10px; display:block; overflow:hidden;}
.content{width:623px; background-color:white; overflow:hidden; margin: 0px 0px 0px 0px;}
.contentfooter{width:623px; height:10px; display:block; overflow:hidden;}

.postcontent{width:570px; overflow:hidden; padding: 10px 25px 15px; font-family:verdana; font-size:12px; color:#000000; line-height:1.5em;min-height:200px;}

#tags_article {float:right}
#tags_article a {color:#e2007a;text-decoration:none}

.postcontent h1{font-family:arial; font-weight:normal; color:#000000; font-size:20px; margin:0px 0px 5px 0px; padding:0px 0px 11px 0px; background:url(img/h1.gif) bottom left no-repeat;}
.postcontent h2{font-family:arial; font-weight:normal; color:#e2007a; font-size:19px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h3{font-family:arial; font-weight:normal; color:#e2007a; font-size:18px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h4{font-family:arial; font-weight:normal; color:#e2007a; font-size:17px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h5{font-family:arial; font-weight:normal; color:#e2007a; font-size:16px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h6{font-family:arial; font-weight:normal; color:#e2007a; font-size:15px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h1 a{font-family:arial; font-weight:normal; color:#000000; font-size:20px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; }
.postcontent h2 a{font-family:arial; font-weight:normal; color:#e2007a; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h3 a{font-family:arial; font-weight:normal; color:#e2007a; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h4 a{font-family:arial; font-weight:normal; color:#e2007a; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h5 a{font-family:arial; font-weight:normal; color:#e2007a; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h6 a{font-family:arial; font-weight:normal; color:#e2007a; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}

.postcontent h1 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:20px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; }
.postcontent h2 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h3 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h4 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h5 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h6 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}

.postcontent p{ color:#000000; font-size: 12px; line-height:1.7em;}
.postcontent p a{ color:#e2007a; text-decoration:none;}
.postcontent p a:hover{ color:#000000; text-decoration:none;  background-position: 0px -50px ;}
.postcontent ul{ color:#000000; font-size: 12px; line-height:1.7em; margin: 10px 0px 10px 10px; padding: 0px; }
.postcontent ul li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; list-style: none; padding: 0px 0px 5px 25px;}
.postcontent ol{ color:#000000; font-size: 12px; line-height:1.7em;margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
.postcontent ol li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; padding: 0px 0px 5px 25px;}



blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px;height:220px;
margin-bottom:0;margin-left: 17px;width: 272px; height: 190px; margin-top: 39px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}



#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}




img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}











#footer{ background-color:white;width:990px;padding-bottom: 20px;font-size:12px} 
#footer a{  color:#e2007a; font-size:12px;text-decoration:none;} 
#footer a:hover{ color:#000000; font-size:12px; text-decoration:none;} 

 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.addtoany_share_save
{
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.submenu
{
	text-align:center;
	font-size: 11px;
}
.submenu a
{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

.smalllink
{
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size: 11px;
}

.submenu a:hover
{
	color: gainsboro;
}

a.program_tabs {
	text-decoration:none;
	padding:5px;
	color:#E2007A;
	font-size:13px;
	font-weight:bold;
	font-family: Verdana;
}

a.program_tabs:hover {
	color:black;
}


a.btn_event:hover { 
	background-image:url(img/btn_event_active.png); 
}

a.btn_event { 
	background-image:url(img/btn_event_inactive.png); 
	text-decoration:none; 
	color:#000000; 
	display:block;
	width:88px;
	height:48px
}
.piclenselink a{
	text-decoration : none;
	font-weight: bold;
		color: black;
		font-size:8px;
}

.piclenselink a:hover{
	color: gainsboro;
}
#invit a {
background:url(img/btn_fleche.png) center left no-repeat;  text-decoration:none; color:#e2007a; padding:6px 5px 3px 26px;font-size:13px;
}
#invit a:hover {
color: black;
}