@charset "UTF-8";
/* General */
* {
	z-index: inherit;
}
		.normal_size {
			display: none ;
		}


		.body {
				font-size: 12px;	
			}
			
		.button {
	    font-size: 11px ;
	    height: 40px ;
	    border-radius: 4px ;
}
		
		.normal_page_width {
			width:90% ;
			min-width: 288px;
		}
	
			h1, h1 * {
				font-size: 32px;	
			}
			
			h2, h2 * {
				font-size: 20px;	
			}

			h3, h3 * {
				font-size: 16px;	
			}
			
	/* Bands */
		.band {
		  margin-top: 30px;
		}

		.band:first-child {
		  margin-top: 0px;
	  }


/*Lists full width  */
		/* 2 columns */

			.layout_small_col_of_2
		  {
				  width: 47.5% ;
			}

			.layout_small_col_of_2:nth-child(-n+2) {
		  		margin-top: 0;
			}

		 .layout_small_col_of_2:nth-child(2n+1) {
			   margin-right: 5%;
			 }
		
			.layout_small_col_of_2:nth-child(-n+2) {
			  margin-top: 0.5em;
			}
		
/* Layout on 1 column */
	.layout_small_col_of_1 {
		width: 100% ;
	}  

 /*Usual layout band article brief */
 	.main_image_and_content_brief .content_brief {
	margin-top: 1.5em ;
 	}
	

/* Puces */
		.choice_elem {
			background-image: url('../images/sprite_puces_small.png')  ;
			width: 8px;
			height: 8px ;
			background-position: 0 -8px ;
		}
		
		.choice_elem.current {
			background-position: 0 0px ;
		}
		
	/* Forms */
	form input,
	form span.wpcf7-not-valid-tip {
		height: 40px ;
		border-radius: 6px;
	}	
	
	form span.wpcf7-not-valid-tip { /* same outside height as form-input*/
		height: 38px;
		padding-top: 2px;
		padding-bottom: 0px;
		border-radius: 6px;
		font-size: 12px;
	}
		
	form div.button_container img.ajax-loader {
		margin-top: 15px ;
		width: 20px ;
	}
	

/* Infinite scroll */
  #infscr-loading img {
  	width: 20px;
  }
		
/* Header */
		/*So that menu small functions well */
		#main_and_footer_container,
		#glob-menus-small {
			overflow: hidden ; 
			position: absolute;
			top: 58px;
			left: 0;
		}
		
		#main_and_footer {
			position: relative;
			padding-top: 15px;
			background-color: #ffffff ;
			z-index: 20; /* on top of small menu */
		}
		
		#glob-menus-small {
			position: absolute ;
			width:196px;
		  background-color: #ef7f01;
		  z-index: -1;
		}

		
			#site-header_container,
			#underheader-hidden-help-back-top  {
				height: 56px;
			}
			
			#site-header_container {
			  position: relative;
			  overflow:hidden;
			}
			
			#site-header {
				height: 36px;
				margin-top: 10px ;
				margin-bottom: 10px ;
			}
			
			#site-header .main-menu-small-show-or-hide {
			  position: absolute ;
			  left: 24px;
			  top: 12px;
			}
			
			.main-menu-small-show-or-hide:hover,
			.main-menu-small-show-or-hide *:hover {
				cursor:pointer ;
			}
			
			#main-menu-small-show,
			#main-menu-small-hide {
				height: 18px;
			  width: 20px;
			}
			
			#main-menu-small-show {
				display: block ;
			  background: url('../images/site-header_link_to_show_main_menu.png') no-repeat center;
			}
		
			#main-menu-small-hide {
				display: none ; /* changed by Javascript when needed */
			  background: url('../images/site-header_link_to_hide_main_menu.png') no-repeat center;
			}
		
			#site-header .own-logo {
				display: block ;
			  height: 36px;
			  width: 46px;
			  margin-top: 10px ;
				margin-left: auto ;
				margin-right: auto ;
				background: transparent url('../images/site-header_own-logo_small.png') no-repeat;
		  }
		 
		  #main-menu-small 	 {
			  position: relative;
			  top: 10px ;
			  left: 18px ;
			  z-index:6 ;
			}
			
			#main-menu-small ul {
			  display: block ;
			}
			
			#main-menu-small li {
			  display: block ;
			  list-style: none ;
			  margin: 0 0 18px 0 ;
			}
			
			#main-menu-small li.current_page_item {
				border-bottom: solid 3px #ef7f01 ;
			}
			
			#main-menu-small a {
			  display: inline ;
			  margin: 0 ;
			  font-size:15px;
			  text-decoration: none ;
			  color: #ffffff;
			}
			
		  #glob-annex-menu-small {
			  position: relative;
			  left: 18px;
			  top: 30px ;
			}
			
			#glob-annex-menu-small li {
			  display: block ;
			  list-style: none ;
			  margin: 0 0 18px 0;
			}
			
			#glob-annex-menu-small a {
				font-size: 15px;
			  color: #f5b56e ;
				text-decoration: none ;
			}
			
	/* Footer */
		/* Footer menu */
		#footer-menu-and-news_subscr {
			width: 87.5%;
				min-width: 280px; 
	    } 
	    
	    #footer-menu li {
				width: 135px;
		    margin-top: 1em;
			}
	    
	    #footer-menu a {
	      font-size: 14px;
  		}

			#footer-menu li.current_page_item  a {
			  color: #ef7f01;
	    }
	    
			#footer-menu-and-news_subscr .news_subscr {
		  	display: inline-block ;
		  	width: 280px;
			  margin-top: 1em;
			  margin-bottom: 1em;
}
			
			#footer-menu-and-news_subscr input.email_address {
				height: 30px ;
			  width:186px ;/* +2px border + 12px padding => 200px external width */
			  font-size: 12px;
			  padding: 0 2px 0 10px ;
			}
	
	    #footer-menu-and-news_subscr .button {
				height: 32px ;
			  width: 80px ;
			  font-size: 12px;
			}
			 
			#site-footer .a_few_more_things {
			  margin-top: 15px;
	    }
			
			#site-footer .a_few_more_things .copyright {
				width: 90px;
			  margin:8px 9px 0 0;
	    }
			
			#site-footer .dp-gc {
				width: 120px;
				margin: 8px 0 0 0 ;
	    }
	    
	    #site-footer .a_few_more_things .layout-separator {
	    	position: fixed;
	    	top: 0px;
	    	left: 0px  ;
	    	width:0px ;
	    	height: 0px ;
	    	visibility: hidden ;
	    }
	    
	    #site-footer .social-networks_container .sn-intro{
	      height:26px;
	      margin:8px 8px 0 0;
	    }
	    
	    #site-footer .social-networks {
	      width: 138px;
	      height:26px;
	      background: url('../images/site-footer_social_networks.png') no-repeat ;
	    }
	    
	    #site-footer .concept-and-back-to-top {
			  margin-top: 15px;
	   }
	   
	   #site-footer .concept {
	   	display: block ;
	   	margin-left: auto ;
	   	margin-right: auto ;
	    font-size: 10px ;
	   }
	
	   #site-footer .concept-and-back-to-top .sep {
	   	display: block;
	   	position: relative ;
	   	margin-top:18px;
	   	width: 114.2% ;
	   	left: -7.1% ;
	   	 height:1px;
	   	 border-top: solid 1px #e4e3e1 ;
	   }
	
		#site-footer .back-to-top {
			float: none;
			display: block ;
			width: 140px;
			margin-left: auto ;
			margin-right: auto ;
	   	margin-top: 12px; 
			margin-bottom: 12px;
		}
		
/* Specific content */
	/* Newsletter */
		/* Annex newsletter subscription */
			.news_subscr_annex {
				display: none;
			}
	
		/* Newsletter horizontal band */
				#band_news_subscr  {
					padding-top: 25px ;
					padding-bottom: 25px;
				}
				
				#band_news_subscr h2 {
					width: 80% ;
				}
				
				#band_news_subscr form {
					width: 80% ;
					max-width: 322px; /* corresponds to the 42% in bigger size screen with 768px width
					                     so that transition is smooth */
				}

		  #band_news_subscr input.email_address ,
		  #band_news_subscr input.button {
		  	height: 30px ;
		  }
		  
			#band_news_subscr input.email_address {
					padding-left: 18px;
		  		padding-right: 5px ;
					width: 40%;
			}
			
		  #band_news_subscr input.button {
					font-size: 11px;
			}

	/* persons list Conseild'Etat */
		li.max_2_cols_2_subcols {
			width: 100% ;
		}
/* Calendar */
		.calendar h4 {
			font-size:12px;
		}
		.cal_year_nav {
			visibility: hidden ;
			position: fixed;
			top: 0 ;
			height: 0 ;
		}
	
		.calendar .nav {
			background-image: url("../images/sprite_btn_calendar_small.png");
			width: 10px ;
			height: 16px ;
		}
		
		.cal_go_prev_year,
		.cal_go_prev_col {
			background-position: 0px -17px;
			margin-right: 15px;
			
		}

		.cal_go_prev_year:hover,
		.cal_go_prev_col:hover {
			background-position: 0px -34px;
		}

		.cal_go_prev_year.disabled ,
		.cal_go_prev_col.disabled {
			background-position: 0px 0px;
		}

		.cal_go_next_year,
		.cal_go_next_col {
			background-position: -11px -17px;
		}

		.cal_go_next_year:hover,
		.cal_go_next_col:hover {
			background-position: -11px -34px;
		}
		
		.cal_go_next_year.disabled ,
		.cal_go_next_col.disabled {
			background-position: -11px 0px;
		}

		.calendar li.cal_col.layout_small_col_of_1.current_2,
		.calendar li.cal_col.layout_small_col_of_1.current_3 {
			display: none; 
		}
		
		.cal_col_nav {
			top: 20px;
			margin-top: -20px ;
		}
		
		.calendar li.cal_col {
    	margin-top: 0px;
		}	
		
	#band_calendar_and_newsletter .news_subscr_annex {
			visibility: visible ;
			position: static ;
		}
		
		#band_calendar_and_newsletter .calendar .nav.disabled.more_than_one_current_col,
		#band_calendar_and_newsletter .calendar .nav.disabled.more_than_one_current_col * {
			cursor: pointer ;
		}
		
		#band_calendar_and_newsletter .cal_go_next_col.disabled.more_than_one_current_col {
			background-position: -11px -17px;
		}

		#band_calendar_and_newsletter .cal_go_next_col.disabled.more_than_one_current_col:hover {
			background-position: -11px -34px;
		}
		
	
		

/* Home page */
		/* Slider */
		.home h1 {
			font-size: 24px;
		}
		#band_slider {
			margin-top: -15px;
			padding: 22px  0 22px 0; 
		}
	
			#top_slider .slide .image {
				width: 38.75%;
				max-width: 468px ;
				margin-right: 6.25% ;
			}
		
			#top_slider .text  {
				width: 55% ;
				max-width: 216px ;
			}
			
			#top_slider .nav {
				bottom: 0px;
				height: 8px;
				left: 45% ; /*38.75% +6.25%*/
			}
			
			#top_slider h1 {
				visibility: hidden ;
			}

			#top_slider h2 {
				font-size: 11px;
			}

			#top_slider .choice_elem {
				margin-right: 9px ;
			}

			#top_slider .choice_elem:last-child {
				margin-right: 0 ;
			}

			#top_slider .category {
				visibility: hidden ;
				position: fixed ;
				left: 0 ;
				top: 0 ;
			}

/*			.home  .calendar .cal_col:nth-child(2) {
			display: none
		}

*/			
		/* Multislider proposition categories */
			#multislider .slide_container {
			  margin-top: 0.5em;
			}
	
			#multislider .nav {
				width: 56px;
			}
			
			#multislider .choice_elem:nth-child(-n+2) {
				margin-right: 10px;
			}
			
/* person in list */
		.pers_in_list h3 {
			font-size: 16px;
		}
	
	/* persons list Conseild'Etat */

	/* Pictos communes */
	.commune_info .name {
		padding-top: 9px ;
	}
	.commune_info .picto {
		float: right ;
		height: 33px ;
		width: 33px;
		background-image: url("../images/sprite_communes_small.png");
	}	
    
	/* Calendar */
		/*nothing for the time being */
		
	/* Single event */
	.em-location-map-container {
		height: 236px;
	}

/*Event inscription form or any formular */
	.form_container.normal  form  > div ,
	.form_container.normal  h2:nth-child(n+3)  {
			margin-top: 20px;
		}	
		
		.form_container.normal input,
		.form_container.normal textarea,
		.form_container.normal span {
			font-size: 12px ;
		}
			
		.single-pdcge_formular .entry-annex {
			display: none;
		}

	/* Page Contact */
	form .wpcf7-form-control-wrap.email_body > *{
		height: 100px;
		padding-top: 10px;
	}
	
	/* single post */
		.single-post form > * {
			margin-bottom: 18px;
		}
		
		.single-post .comment-form-comment textarea {
			height: 150px;
		}
		
		.single-post .entry-annex {
			display: none;
		}

	/* Error 404 */
		body.error404 #main .question,
		body.error404 #main a
		 {
		 	font-size:22px;
		}

/* High definition */
@media (min--moz-device-pixel-ratio: 1.3), 
				(-o-min-device-pixel-ratio: 2.6 / 2), 
				(-webkit-min-device-pixel-ratio: 1.3), 
				(min-device-pixel-ratio: 1.3), 
				(min-resolution: 1.3dppx) { 
	
	.commune_info .picto {
		background-image: url("../images/sprite_communes_small_sz_2.png");
		background-size: 33px 1032px ;
	}
	
		.calendar .nav {
			background-image: url("../images/sprite_btn_calendar_sz_2.png");
			background-size: 20px 50px ;
		}
	
			#main-menu-small-show,
			#main-menu-small-hide {
				background-size: 20px 18px ;
			}
			
			#main-menu-small-show {
				display: block ;
			  background-image: url('../images/site-header_link_to_show_main_menu_sz_2.png');
			}
		
			#main-menu-small-hide {
				display: none ; /* changed by Javascript when needed */
			  background-image: url('../images/site-header_link_to_hide_main_menu_sz_2.png');
			}

			#site-header .own-logo {
				background-image: url('../images/site-header_own-logo_small_sz_2.png') ;
				background-size: 46px 36px;
		  }

}