@import url("../twentytwelve/style.css");
/*
Theme Name:     Tarn Amont
Theme URI:      http://www.imago-design.net/
Description:    Thème enfant pour le thème Twenty Twelve
Author:         Imago design
Author URI:     http://www.imago-design.net/
Template:       twentytwelve                             
Version:        0.1.0
*/

/* Page structure */
body .site {
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
}
#page {
  /*background: url('images/bassin-versant-tarn-amont.jpg') no-repeat top right;*/
}
.site-title img{
	transform:rotate(-2.1deg);
}
#page a {
 color: #21759B;
}
#page a:hover {
 text-decoration:none;
}
.site-content {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

.widget-area {
	margin: 24px 0 0;
	margin: 0;
}

/* Header */
.site-header {
	/* CMC padding: 0 0 24px 0;
	padding: 0 0 1.714285714rem 0;*/
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575; 
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}
.site-title {
  background: url('images/tarn-amont.png') no-repeat;
  height:150px;
  width: 338px;
  position:relative;
  z-index:100;
  padding: 10px 0 0 20px;
}
.widget-area .widget {
    margin-bottom: 0.12rem;
}
/* CMC : mise en forme module agenda */
#em_widget-2 {
  background-color: #47badf;
  /*width: 200px;*/
  padding: 10px;
}
#em_widget-2 h3, #recent-posts-2 h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1em;
  margin-bottom:0.82em;
}
#em_widget-2 ul li a {
  background-color: #3385a1;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
  text-decoration: none;
  padding: 0 2px;
}
#em_widget-2 ul li a:hover {
  background-color: #124D83;
}
#em_widget-2 ul li p {
  display: inline;
  color: #fff;
}
#em_widget-2 ul li {
  border-bottom: #cecece solid 1px;
}
#em_widget-2 ul li.all-events-link {
  border:none;
  text-align:right;
  margin-top: 5px;
}
#em_widget-2 ul li.all-events-link a {
  background-color: transparent;
  font-style: italic;
}
#em_widget-2 ul li.all-events-link a:hover {
  color: #124D83;
}
/* CMC : mise en forme du bloc actualités colonne de gauche*/
#recent-posts-2 {
  background-color: #ff8a19;
  /*width: 200px; */
  padding: 10px;
}
#recent-posts-2 ul li span {
  color: #fff;
}
#recent-posts-2 ul li a {
  color: #fff;
}
/* CMC : cacher le titre h3 pré&sent dans sondage (ne s'enlève pas via l'admin) */
#yop_poll_widget-2 h3 {
    display: none;
}
/* CMC : gestion du titre h1 */
#primary header h1 {
   background-color: #ff8a19;
   color: #fff;
   font-weight: bold;
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   transform: rotate(-3deg);
   padding: 3px 10px;
}

.info-date-maj {
  color: #585f49;
  font-size: 0.8em;
  float:right;
}

.info-date-maj a {
  color: #585f49;
}

.info-date-maj a:hover {
  color: #FF8A19;
}

.entry-content {
  margin-top:10px;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    line-height: 1.5;
    margin: 0 0 1.15rem; 
}
/* CMC : footer */                                              
footer[role="contentinfo"] {
    border-top: none;
    /*line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.71429rem;
    max-width: 68.5714rem; */
    color: #6a7c8c;
    margin-top:0;
    padding:0;
}
.footer-top {
   background: url('images/schema-amenagement-gestion-eaux.jpg') no-repeat top right;
   text-align: right;
   padding-top: 1.2rem;
}
.footer-left {
  width: 26.0417%;
  float:left;
}
.footer-right {
  width: 65.1042%;
  float:right;
  text-align:right;
}
.mentions-legales, .logos-footer {
  float:right;
}
.mentions-legales {
  margin-right: 10px;
  margin-top:15px;
}

.footer-sidebar {
  padding-bottom:5px;
}

/* CMC moteur de recherche */
#searchform {
  border: solid 1px #b2c0c6;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /*width:200px; */
  margin:10px 0;
}
.widget-area #s {
  border: none;
  background-color: transparent;
}
#searchsubmit {
  background: #ababad url('images/recherche.jpg') no-repeat;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 0.288571rem 0.714286rem;
  float:right;
  width:40px;
}
#searchsubmit:hover {
  background-color: #000 url('images/recherche-sage.jpg') no-repeat;
}

#global {
  /*background-color: #fff;*/
  width:100%;
  position:absolute;
  z-index:2;
  top:0;
}

#primary {
  margin-top:488px;
  margin-left:20px;
  background-color: #fff;
}

#secondary {
  border-right: 3px solid #009bb4;
  position:relative;
  z-index:3;
}

#habillage {
  position:absolute;
  text-align:right;
  width:100%;
  z-index:0;
}

#forum {
  background: #009bb4 url('images/forum-tarn-amont.png') no-repeat;
  width:99px;
  height:25px;
  padding:10px 0 10px 60px;
  float:right;
  margin-top:10px;
}

#forum:hover {
  background-color: #47badf;
}

#forum a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.3em;
}

#smooth_slider_1 {
  background-color: #fe8a1f;
  font-family: Helvetica, Arial;
  color: #fff;
  border:0;
}

#smooth_slider_1  .sldr_title, #smooth_slider_1  .sldr_title a, #smooth_slider_1 .smooth_slideri h2 a, #smooth_slider_1 .smooth_slideri span {
  font-family: Helvetica, Arial;
  color: #fff;
}

#smooth_slider_1 .smooth_more a {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

#smooth_slider_1 .sldr_title {
   font-size:1.2em;
   padding-top:5px;
   padding-left:5px;
}

#smooth_slider_1 .smooth_slideri h2 a {
  background-color: #be600c;
  padding: 0 2px;
}

#smooth_slider_1 .smooth_slideri h2 a:hover {
  background-color: #8b470a;
}

.smooth_slider p.smooth_more a {
  color: #fff;
  background-color: #be600c;
  padding: 0px 3px;
  text-decoration: none;
}

.smooth_slider p.smooth_more a:hover {
  background-color: #8b470a;
  color: #fff;
}

.div-clear {
  clear:both;
}

/* hide the default responsive menu and menu button */
h3.menu-toggle {display: none}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display: none;} 

/* hide the default responsive menu and menu button */
h3.menu-toggle {display: none}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display: none;}
 
/* new responsive selectnav css */
.selectnav { display: none; }
select.selectnav {margin:0 auto;} /* centers select */

/* =Media queries
-------------------------------------------------------------- */

@media only screen and (max-width:480px) {
#habillage {
  display: none;
}
#slider {
  display:none;
}

#primary {
/* CMC : passage en float right pour inverser la colonne principale et la secondaire */
		margin-top:20px;
}

/*#secondary {
/* CMC : passage en float left pour inverser la colonne principale et la secondaire 
}    */

#smooth_slider_1 {
 padding:0;
}


}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	#main {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	#page {
		margin: 0 auto;
		max-width: 1300px;
		max-width: 92.85rem;
		overflow: hidden;
		position:relative;
		z-index:3;
		background-color: transparent;
	}
	.site-content {
		float: right; /* CMC : passage en float right pour inverser la colonne principale et la secondaire */
		width: 71.104166667%;
	}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: left; /* CMC : passage en float left pour inverser la colonne principale et la secondaire */
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}

  .main-navigation {
    text-align: left;
    position:relative;
    z-index:4;
  }
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: right;
		/*width: 26.0417%;*/
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
		z-index: 2;
		position:relative;
	}
	.main-navigation li {
		display: block;
		text-decoration: none;
		margin:1px 0 0 0;
	}

	.main-navigation li a {
		border-bottom: 0;
		color: #fff !important;
		line-height: 2.1;
		text-transform: uppercase;
		white-space: nowrap;
		font-weight:bold;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 3px 5px;
	}
	.main-navigation li:hover a {
		background-color: #009bb4;
		color: #fff;
    cursor:pointer;
	}
	/*
	.main-navigation #menu-menu-principal li.current-menu-parent:hover a:hover {
		background-color: #009BB4;
		color: #fff;
	}*/
	.main-navigation li a:hover {
		color: #fff;
	}
	.main-navigation li {
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: -31px 0 0 245px;
		padding: 0 0 0 5px;
		/*position: absolute; */
		
		z-index: 2;
	}
	
  .main-navigation li ul.sub-menu {
     border:none;
  }

	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
  .main-navigation li {
    line-height: 0.5;
    margin-top: 2px 0 0 0;
  }
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul.sub-menu li a {
		background: #009bb4;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 1.3;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul.sub-menu li {
		text-align:left;
	}
	.main-navigation li ul.sub-menu li:hover  {
		color: #fff;
	}
	.main-navigation li ul.sub-menu li:hover > .main-navigation li {
		background-color: #009bb4;
	}

	.main-navigation li ul.sub-menu li a:hover {
		color: #fff;
	}
	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation li ul.sub-menu li.current_page_item > a {
     background-color: #ff8a19;
     color: #fff;
  }
  .main-navigation li ul.sub-menu li a:hover, .main-navigation li ul.sub-menu li.current-menu-parent a:hover {
		background: #007c90;
	}
  
  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-left:none;
    border-top: none;
    border-bottom: none;
    /*CMC border-right: 3px solid #009bb4;*/
  }
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		/*CMC background-color: #e6e6e6; */
	} 
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		/*CMC margin-top: 48px;
		margin-top: 3.428571429rem;*/
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		/*CMC box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);*/
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	
	#slider{
    width: 100%;
    /*height: 488px;*/
    position:absolute;
    z-index:1;
  }  
  #masthead {
      max-width: 68.5714rem;
      margin: 0 auto;
      height: 488px;
      
  }
}

/* gestion du décalage à droite du sous-menu*/

@media screen and (min-width: 610px) and (max-width: 875px) {

	.main-navigation li ul {
		display: none;
		margin: -31px 0 0 204px;
		padding: 0;
		z-index: 2;
	}
	
	#smooth_slider_1 {
 padding:0;
}

}

@media screen and (min-width: 876px) and (max-width: 929px) {

	.main-navigation li ul {
		display: none;
		margin: -31px 0 0 210px;
		padding: 0;
		z-index: 2;
	}
	
	#smooth_slider_1 {
 padding:0;
}

}

@media screen and (min-width: 930px) and (max-width: 1020px) {

	.main-navigation li ul {
		display: none;
		margin: -31px 0 0 223px;
		padding: 0;
		z-index: 2;
	}
	
		#smooth_slider_1 {
 padding:0;
}

}

@media screen and (min-width: 1020px) and (max-width: 1030px) {

	.main-navigation li ul {
		display: none;
		margin: -31px 0 0 238px;
		padding: 0;
		z-index: 2;
	}
	
		#smooth_slider_1 {
 padding:0;
}

}

/* fin gestion sous menu */

/* small screen */
 @media screen
    and (min-width : 300px)
    and (max-width : 850px)  {
    .js #menu-menu-principal { display: none!important; }
     .js .selectnav { display: block; }
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,

	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
	
	#primary {
    margin-top:10px;
  }
  .info-date-maj a {
    display:none;
  }
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}
  
h1 {color: #124e84;}
h2 {color: #019bb5;}
h3 {color: #ff8a19;}
h4 {color: #41c0e1;}
h5 {color: #124e84;}
h6 {color: #ff8a19;}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 0;
	line-height: 1.5;
}

.entry-content h1,
.comment-content h1 {
	font-size: 34px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 30px;
	font-size: 1.285714286rem;
	line-height: 1.6;
  padding-bottom: 8px;
}
.entry-content h3,
.comment-content h3 {
	font-size: 28px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
  padding-bottom: 8px;
}
.entry-content h4,
.comment-content h4 {
	font-size: 24px;
	font-size: 1rem;
	line-height: 1.846153846;
  padding-bottom: 8px;
}
.entry-content h5,
.comment-content h5 {
	font-size: 22px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
  padding-bottom: 8px;
}
.entry-content h6,
.comment-content h6 {
	font-size: 18px;
	font-size: 0.857142857rem;
	line-height: 1.846153846;
  padding-bottom: 8px;
}
        
.bbp-header {
  background: none repeat scroll 0 0 #009bb4 !important;
  color:#fff;
  text-transform:uppercase;
}

.bbp-forums #bbpress-forums {
  font-size:14px !important;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
    border: 1px solid #EEEEEE;
    clear: both;
    font-size: 14px;
    margin-bottom: 20px;
    overflow: hidden;
}

#subscription-toggle a, #favorite-toggle a {
    color:#fff;
}

#subscription-toggle a:hover, #favorite-toggle a:hover {
    text-decoration:none;
}

.bbp-admin-links, .bbp-admin-links a{
    font-weight:bold !important;
    color : #009bb4 !important;
}
.topic a {
  color:#ff8a19 §important;
} 
.topic a:hover {
     color:#ff8a19;
     text-decoration:none;
} 

.entry-content ul {
    list-style: none;
    padding:0;
    margin:0;
}

.entry-content li { 
    padding-left: 1em; 
    text-indent: -.7em;
    padding-bottom:14px;
    line-height:1.5;
}

.entry-content li:before {
    content: "• ";
    font-weight:bold;
    font-size:18px;
    color: #124e84;
}

#bbpress-forums .bbp-forums li:before, #bbpress-forums .bbp-topics li:before, #bbpress-forums .bbp-replies li:before {
   content: none;
}
.forum-titles {
     font-size:10px;
}