@charset "utf-8"; 
/*
*************************************************************************************
Dare-Dare
Design graphique par Balistique.ca.
Intégration & programmation par Tribalsolutions.ca.
2011-2012
Tous droits réservés
************************************************************************************
*/
html {}
body {margin:0; padding:0;  font-family: 'Montserrat', sans-serif; font-size:12px; color:#666666; line-height:18px; background-color:#fff; background-image:url(images/bg3px.gif); background-repeat:repeat-x; }
img {border:none;}
table {border-collapse:collapse;}
table td {text-align:left; vertical-align:top;}
h1,h2, h3, h4 {}
h1 {color:#666666; font-size:33px; line-height:35px; margin-bottom:4px;}
h2 {}
h3 {}
h4 {}
a {color:#666666; text-decoration:underline;}
a:hover {color:#000;}

#main_wrapper  {margin-top:0px !important;}

/**********/
/* GENERAL */
/**********/
#main_wrapper {width:828px; padding:0 50px 1% 172px; padding-right:50px;  background-image:url(images/daredare_logoroll.jpg); background-repeat:repeat-y; background-position:50px 3px; min-height:600px; background-color:#fff; min-height:99%; padding-top:3px;}

#logoroll_hover {background-image:url(images/daredare_logoroll_hover.jpg); background-repeat:repeat; width:80px; position:absolute; left:50px; top:3px; opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;	
		transition: opacity 0.2s ease-in-out;
		-webkit-backface-visibility: hidden;

		}
	#logoroll_hover:hover { opacity:1;}


	
hr.twotone_grey {color:#c4c4c4;background-color:#c4c4c4;   border:0; border-bottom:1px solid #d8d8d8; }
div.section_top_space {color:#bababa; text-transform:uppercase; padding-top:10px; height:20px; overflow:hidden; font: 10px Helvetica, Arial, sans-serif; text-align:left; background-color:#fff; }
	.section_top_space_right {background:none;}/* Ajustement pour les page d'événements : le titre est décalé puisque la div dépasse.*/
	.section_top_space_past {bottom:4px;}  /* Ajustement événements passés.*/
	div.section_top_space a {color:#bababa; text-transform:uppercase; text-decoration:none;}
	div.section_top_space a:hover {text-decoration:underline;}

/******************/
/* MENU PRINCIPAL */
/******************/
#main_menu_link {position:absolute;left:172px; top:30px; color:#666666; text-transform:uppercase; font-size: 10px; text-decoration:none; background-image:url(images/menu_arrow.png); background-position:left; background-repeat:no-repeat; padding-left:13px; z-index:9999; background-color:transparent; background-color:#191919; padding:4px 18px 4px 18px; color:#fff;}
	#main_menu_link:hover {color:#ccc;}
        
#main_menu_wrapper {width: 172px; /*top:130px;*/  left:172px; height:605px; background-color:#000; position:absolute; top:3px; color:#fefefe; display:none; z-index:9999; overflow:hidden;}
	#main_menu_wrapper hr {height:1px; border:0; background-color:#afb0b2;}
	#main_menu_bottom_text{color:#afb0b2; font-size:11px; position:absolute; line-height:16px; bottom:0; padding:13px 13px 17px 13px; background-color:#000; width: 146px;}
		#main_menu_bottom_text p {padding:5px 0 0 0; margin:0;}
		#main_menu_bottom_text a {color:#afb0b2; text-decoration:none; }
	.main_menu_language_links { padding-bottom:7px;  font-size:10px;}
	.main_menu_facebook_link {padding-bottom:3px;  font-size:10px; }
	a.language_otherlanglink {text-transform:uppercase; color:#fff;  font-size:10px; text-decoration:none; }
		a.language_otherlanglink:hover{color:#ccc;}

                
    /* Targeting the first level menu */
	#main_menu_wrapper ul {padding:0px 14px 0px 14px; margin:0 0 0px 0; position:relative; display: block; z-index: 100;}	
	#main_menu_wrapper #mainmenu {padding:29px 14px 0px 14px; margin:0 0 0px 0; position:relative; display: block; z-index: 100;}	
    /* Targeting both first and second level menus */
    #main_menu_wrapper ul li {margin:0; position:relative; list-style:none; list-style-type:none; width: 146px; color:#fefefe; text-transform:uppercase; text-decoration:none; font-size: 10px; font-family:Helvetica, Arial, sans-serif; padding-bottom:10px; line-height:14px;}
    #main_menu_wrapper ul li a {color:#fff; text-transform:uppercase; text-decoration:none; font-size: 10px; font-family:Helvetica, Arial, sans-serif; }
    #main_menu_wrapper ul li a:hover {text-decoration: none; color:#ccc;}
    #main_menu_wrapper ul > li > a {}
    /* Targeting the second level menu */
    #main_menu_wrapper ul li ul {margin:0; padding:0; position: relative; right:0px;top:3px; width:100px; z-index:200; height:auto; margin-left:0px; padding:0 0 3px 0;}
    #main_menu_wrapper ul li ul li {padding:0;  font-size: 10px; }

    #satellite_link_menu {margin-top:0; padding-top:0; margin-bottom:20px;}
    #satellite_link_menu a {text-transform: uppercase; font-weight: bold !important;  color:#fc178a !important; text-decoration: none; padding-left:14px;} 

    #fabuler_link_menu {margin-top:0; padding-top:0; margin-bottom:0px;}
    #fabuler_link_menu a {text-transform: uppercase; font-weight: bold !important;  color:#40e0d0 !important; text-decoration: none; padding-left:14px;} 

    #main_menu_wrapper ul li ul li:first-child {}
    #main_menu_wrapper ul li ul li:last-child {padding-bottom:5px;}
    #main_menu_wrapper ul li ul li a {margin: 0; color:#969696;}
    #main_menu_wrapper ul li ul li a:hover {}

	#menu_search_form input {border:none; font-size:11px; padding:2px 5px; width:80%;}

/******************/
/*    ACCUEIL     */
/******************/		
			

	#banners_wrapper{position:relative;}
	#pages_slider {position:relative;}
	/*Slides*/
	#event_banners_nav_wrapper { background-image:url(images/bg_white_opacity40.png); width:140px; height:27px; position:absolute; left:688px;	top:578px;	z-index:101;	background-color:fff; }
	a.next,a.prev {	width:70px;	height:27px; display:block; background-image:url(images/bg_white_opacity40.png);color:#fff; font-size:9px;position:relative; float:left; }
	a.next:hover,a.prev:hover {background-image:url(images/bg_white_opacity20.png);}
	.slides_container {background-color:#f0f0f0; width:828px; height:605px; overflow:hidden; position:relative;}
	a.next { float:right;}
	.pagination {z-index:999999;float:right; padding:0 4px 7px 4px; margin:0;position:absolute; right:0px;bottom:0px;	text-align:right; min-width:132px; background-image:url(images/bg_white_opacity40.png);  text-align:right;}
	.pagination li {float:left;	list-style:none;margin:8px 7px 0 7px; list-style-type:none; padding:0;}
	.pagination li a {display:block;width:12px;height:0; margin:0; padding-top:12px; background-image:url(images/pagination.png);background-position:0 0;overflow:hidden;}
	.pagination li.current_banner a {background-position:0 -12px;}
	
	/*Info-panel des slides*/
	div.home_banner_infowrapper {width: 172px; font-size:11px; height:605px; position:absolute; top:0px; background-color:#e8e8e8; }
	div.current_banner {}
		div.home_banner_infowrapper_inner {width:142px;  padding:20px 15px 20px 15px; position:absolute; bottom:0; }
			.home_banner_infowrapper_title a {text-transform:uppercase;  margin:0; padding:0; font-weight:bold; font-size:14px;   color:#666666; text-decoration:none; display:block; clear:both; font-family: 'Montserrat', sans-serif; font-weight: 300;}

	/*Contenu, à gauche */
	#home_maincontent {width:656px; position:relative; float:left;  } 
	#home_pastevents_wrapper {width:689px; padding-top:8px; min-height:140px;}
	
	/*Colonne de droite*/
	#home_right {width:140px; position:relative; float:right; padding:0; margin:0; }
		#home_right_linkbox {width:114px; background-color:#e8e8e8; padding:0 13px 0px 13px; font-size:11px; line-height:17px;}
			#home_right_linkbox div.section_top_space {background-color:#e8e8e8; }
			#home_right_linkbox p {padding:0 0 5px 0; margin:0;}
			#home_right_linkbox  a {color:#828282; text-decoration:none;}
				#home_right_linkbox  a:hover {color:#494949;}
	
	#home_right_don_link_wrapper {width:140px; background-color:#80ccb5; color:#fff; text-transform:uppercase; text-align:center; padding:16px 0 16px 0; margin-top:14px;}
		#home_right_don_link_wrapper  a {color:#fff; background:none; border:none; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight: bold; text-transform: uppercase;}

	.home_right_archives_link_box {width:140px; background-color:#f04f38; color:#fff; text-transform:uppercase; text-align:center; padding:16px 0 16px 0; margin-top:14px;}
		.home_right_archives_link_box a {color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
	.consult_archives_link_bottom {width:140px; background-color:#f04f38; color:#fff; text-transform:uppercase; text-align:center; padding:16px 0 16px 0; margin-top:14px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; display: block; margin:auto; position: relative;}
		.consult_archives_link_bottom:hover {color:#fff; opacity:0.8;}


	#social_wrapper {text-align: right; padding-top:0px;}
		#social_wrapper a {text-decoration:none; padding-left:10px;}
	/* Mailchimp */
	
	#mailchimp_wrapper {width:110px; font: 10px Helvetica, Arial, sans-serif; background-color:#1AB7EA; padding:5px 15px 5px 15px; margin-top:14px; color:#fff;}
		#mailchimp_link {text-transform:uppercase; font: 10px Helvetica, Arial, sans-serif; text-align:center;  margin-top:5px; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; margin:auto; display:block; padding:5px;}
		
		#mailchimp_form_div { }
		#mailchimp_wrapper input {border:none; color:#bababa; width:100px;  text-align:left; padding:5px;  font: 10px Helvetica, Arial, sans-serif;}
		input#mailchimp_submit_button {color:#fff; border:none; background-color:#666; width:auto; text-align:center; cursor:pointer;}
		#mailchimp_error {font-size:11px; color:#F00;}
		
		#mailchimp_wrapper .defaultText {color:#666666;}
		#mailchimp_wrapper .defaultTextActive {color:#bababa; }
		
/******************/
/*     PAGES      */
/******************/

#page_content_wrapper {width:500px }
	#page_content_wrapper p {}
	#page_content_wrapper img {margin-left:530px; position:absolute;}

	#page_content_wrapper ul {list-style-image:url(images/bullet.png); padding-left:25px; margin:0;} 

/******************/
/*     EVENT      */
/******************/

#event_maincontent {width:100%; position:relative; float:left; font-family: 'Montserrat', sans-serif;  line-height: 21px;}
	#event_maincontent_innerwrapper  {/*width:445px;*/ text-align:justify;} 

#event_rightpreviousevents_largerwrapper {width:100%; position:relative; float:right; overflow:hidden;}
#event_rightpreviousevents {width:100%; position:relative; float:left;}
	h2.event_subtitle {margin:0 0 10px 0; padding:0;}
	.event_date {color:#b2b2b2; text-transform:uppercase; font-size:11px;}
	
	.banner_aucune_image {position:absolute; width:140px; height:22px; font-size:10px; padding:3px 0 0 0; background-image:url(images/bg_white_opacity40.png); background-repeat:repeat; text-align:center; color:#fff; bottom:0; right:0; }
	
	/*galerie image*/
	#event_image_gallery_wrapper {width:483px; height:290px; background-color:#e7e7e8; position:relative; }
		.scrollable {position:relative;	width:450px; height:290px; overflow:hidden;}
		.scrollable .items {width:20000em;	position:absolute;	}
		.items div {float:left; margin-left:52px; margin-top:20px; margin-bottom:20px; text-align:center}
			.items div img {max-width:380px;}
		.event_image_gallery_imgwrapper {width:380px; height:250px; position:relative;}
		#event_image_gallery_wrapper a.browse {background:url(images/home_buttons.png) no-repeat; display:block; width:30px; height:30px; position:absolute; z-index:9999; cursor:pointer;font-size:1px; top:130px;}
			#event_image_gallery_wrapper a.right { background-position: 0 -30px; clear:right; margin-right: 0px; right:10px;}
			#event_image_gallery_wrapper a.right:hover 		{ background-position:-30px -30px; }
			#event_image_gallery_wrapper a.right:active 	{ background-position:-60px -30px; } 
			#event_image_gallery_wrapper a.left				{ margin-left: 0px;  left:10px; } 
			#event_image_gallery_wrapper a.left:hover  		{ background-position:-30px 0; }
			#event_image_gallery_wrapper a.left:active  	{ background-position:-60px 0; }
			#event_image_gallery_wrapper a.disabled {visibility:hidden !important;} 	
	
	/*Projets plus anciens*/
	#event_rightpreviousevents_eventlist .pastevent {/*opacity:0.4;*/}
	#event_rightpreviousevents_eventlist .pastevent:hover {opacity:1;}
	/*Sous-événements*/
	#event_rightpreviousevents_eventlist.subevents_notpastprojets .pastevent {opacity:1;}
	#event_rightpreviousevents_eventlist.subevents_notpastprojets .pastevent:hover {opacity:1;}
	
/******************/
/*   PAST EVENTS  */
/******************/
#pastevents_maincontent {width:828px; position:relative; float:left;}
.pastevents_wrapper {width:868px; padding-top:8px;}
div.pastevents_nomoreevents {width:300px; margin:auto; padding:10px; font-size:10px; text-align:center;}

#past_event_search_box {position:absolute; right:0; top:0px; float:right; width:300px; font-size:11px;  color:#666; text-align:right;}
	#past_event_search_box input {border:1px solid #ccc; font-size:12px; color:#666; width:138px; bottom:6px; position:relative;}
	.past_event_search_text { text-align:right; width:152px; font-size:10px;color:#bababa; position:relative; top:10px;}



/*********************/
/*  UPCOMING EVENTS  */
/*********************/
#upcomingevents_maincontent {width:828px; position:relative; float:left;}
#upcomingevents_wrapper {width:828px; padding-top:8px; min-height:400px;}



/******************/
/*   EVENT LIST   */
/******************/
	/*Horizontal*/
    .horizontal_event_box {position: relative; width: 100%; max-width:300px; padding-bottom:0; box-sizing: border-box; overflow: hidden; margin-bottom:10px; background: #fafafa;}
    .horizontal_event_box_link {display: block; width: 100%; max-width:300px; 		-webkit-transition: opacity 0.1s ease-in-out;
		-moz-transition: opacity 0.1s ease-in-out;
		-o-transition: opacity 0.1s ease-in-out;
		-ms-transition: opacity 0.1s ease-in-out;	
		transition: opacity 0.1s ease-in-out;
		-webkit-backface-visibility: hidden;}
        .horizontal_event_box_link:hover {opacity:0.6;}
    .horizontal_event_box_left {position: relative; float: left; width:18%;}
        .horizontal_event_box_left img {max-width:100%; width:100%; height: auto; display: block;}
    .horizontal_event_box_right {position: relative; float:right; width:82%; padding-left:10px; box-sizing: border-box;}
		.horiz_project_list_date {color:#b2b2b2; text-transform:uppercase; font-size:9px;}
		.horiz_project_list_title  {text-transform:uppercase;  margin:0; padding:0; font-weight:bold; font-size:12px; line-height: 15px;  margin-bottom:6px; color:#666666; text-decoration:none; display:block; clear:both; font-family: 'Montserrat', sans-serif; font-weight: 300}


	.pastevent {width:140px; margin-right:26px; font-size:11px; line-height:18px; position:relative; float:left;  padding-bottom:17px;  margin-bottom:20px;}
		.pastevent a {text-decoration:none;}
		
		.pastevent p {padding:0; margin:0;}

	/*new 2018*/
	.bottom_past_event {position: relative; float:left; }
		.bottom_past_event:hover {opacity:0.8;}
	.project_bottom_wrapper {padding-top:7px;}
		.project_list_date {color:#b2b2b2; text-transform:uppercase; font-size:9px;}
		.project_list_title  {text-transform:uppercase;  margin:0; padding:0; font-weight:bold; font-size:14px;  margin-bottom:6px; color:#666666; text-decoration:none; display:block; clear:both; font-family: 'Montserrat', sans-serif; font-weight: 300}



			.project_list_title:hover {color:#666666;}
		.event_box_thumb_text  {color:#fff; text-transform:uppercase; font: 20px Helvetica, Arial, sans-serif; text-decoration:none; position: absolute; top:8px; left: 8px; font-weight:bold; }
		.event_box_thumb_text_year {color:#000; text-transform:uppercase; font: 20px Helvetica, Arial, sans-serif; text-decoration:none; position: absolute; top:54px; left: 47px; font-weight:bold; }
			.event_bottom_box {padding-top:9px; background-color:#fff;}
					.eventtxt_vert {background-color:#4cb848; width:122px; padding:9px; color:#fff;}
					.eventtxt_vertpale {background-color:#7dcaa8; width:122px; padding:9px; color:#fff;}
					.eventtxt_bleu {background-color:#19bbec; width:122px; padding:9px; color:#fff;}
					.eventtxt_orange {background-color:#f68026; width:122px; padding:9px; color:#fff;}
					.eventtxt_vert .project_list_date, .eventtxt_vertpale .project_list_date, .eventtxt_bleu .project_list_date, .eventtxt_orange .project_list_date, .eventtxt_vert .project_list_title, .eventtxt_vertpale .project_list_title, .eventtxt_bleu .project_list_title, .eventtxt_orange .project_list_title  {color:#fff;}
			.satellite_bottom_box {background-color:#4cb848; width:122px; padding:9px; color:#fff;}
				.satellite_bottom_box .project_list_date, .satellite_bottom_box .project_list_title {color:#fff;}
					
/******************/
/*     FOOTER     */
/******************/						
    #footer_wrapper {width:100%; padding:0; margin:0; color:#color:#666666; font-size:11px; line-height:15px; border-top:2px solid #cbcbcb; border-bottom:2px solid #cbcbcb; height:auto;}
		#footer_wrapper a {color:#666; text-decoration:none;}
			#footer_wrapper a:hover {text-decoration:underline;}
		#footer_credits {width:100%; text-align:right; padding-top:10px; font-size:11px;}
/******************/
/*   FORMULAIRES  */
/******************/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



.tooltip_templates { display: none; }