@charset "utf-8";

@media screen {

	/* altering to inherited global style definitions */

	#content h1,
	#content h2.h1-style {
		background: url(/_design/temoignages/arrow-purple-big.gif) no-repeat scroll left top;
	}

	/* current section style definitions */
	
	
	#content h3.temoignages-en-francais {
		padding: 11px 0px 0px 40px;
		background: url(/_design/temoignages/bg-language-fr.jpg) no-repeat scroll left top;
		font-size: 18px;
		font-weight: bold;
		clear: both;
	}
	
	#content h3.temoignages-en-anglais {
		padding: 11px 0px 0px 40px;
		background: url(/_design/temoignages/bg-language-en.jpg) no-repeat scroll left top;
		font-size: 18px;
		font-weight: bold;
		clear: both;
	}
	
	#content h3.temoignages-en-francais a,
	#content h3.temoignages-en-anglais a {
		text-decoration: none;
	}
	
	#content p a.anchor-fr {
		padding: 0px 0px 0px 23px;
		background: url(/_design/temoignages/flag-fr.gif) no-repeat scroll left 2px;
	}
	
	#content p a.anchor-en {
		padding: 0px 0px 0px 23px;
		background: url(/_design/temoignages/flag-en.gif) no-repeat scroll left 2px;
	}
	
	#content div.space {
		width: 690px;
		height: 20px;
		clear: both;
		float: none;
	}
	
	#content br.clear {
		clear: both;
		float: none;
	}

	#volunteer-stories-entries {
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	#volunteer-stories-content {
		margin: 0px;
		text-align: justify;
		clear: left;
		float: left;
	}

	#volunteer-stories-content h2 {
		margin: 30px 0px 0px 10px;
		padding: 2px 0px 2px 24px;
	}

	#volunteer-stories-content img {
		margin: 4px 0px 4px 8px;
		border: 1px solid #a247a3;
		display: inline;
		clear: left;
		float: right;
	}

	#volunteer-stories-pictures {
		margin: 0px 0px;
		padding: 0px 0px 180px 0px;
		background: #D0DCDA url(/_design/temoignages/bg-right-pictures.gif) repeat-x scroll left bottom;
		display: inline;
		clear: right;
		float: right;
	}
	
	#volunteer-stories-pictures  .left-corner {
		width: 4px;
		height: 4px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/temoignages/bg-corner-left-pictures.gif) no-repeat scroll left top;
		float: left;
		clear: left;
	}

	#volunteer-stories-pictures  .right-corner {
		width: 4px;
		height: 4px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/temoignages/bg-corner-right-pictures.gif) no-repeat scroll right top;
		float: right;
		clear: right;
	}

	#volunteer-stories-pictures img {
		margin: 4px 8px 4px 8px;
		border: 1px solid #a247a3;
		display: inline;
		float: right;
	}

	#all-stories-entries {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 20px 0px;
		clear: both;
		float: left;
	}

		#all-stories-entries ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			clear: both;
		}

		#all-stories-entries ul li {
			width: 230px;
			height: 18px;
			margin: 0px;
			padding: 0px;
			line-height: 14px;
			text-align: left;
			float: left;
			overflow: hidden;
		}

		#all-stories-entries ul li.separator {
			width: 100%;
			height: 15px;
		}

		#all-stories-entries ul li.project {
			width: 100%;
			height: auto;
			padding: 6px 0px 6px 0px;
			background: url(/_design/temoignages/bg-volunteer-stories-header.jpg) no-repeat scroll left top;
		}

		#all-stories-entries ul li.project strong {
			font-size: 14px;
			line-height: 40px;
			padding-left: 15px;
		}

		#all-stories-entries ul li.sub-project {
			width: 100%;
			margin: 20px 0px 5px 0px;
		}

		#all-stories-entries ul li.sub-project a {
		}

		#all-stories-entries ul li.sub-project strong {
			font-size: 12px;
			padding-left: 20px;
			/* background: url(/_design/temoignages/arrow-story-entry.gif) no-repeat scroll 5px center; */
			float: left;
		}

		#all-stories-entries ul li a {
			font-size: 10px;
			padding-left: 5px;
			font-style: normal;
			font-weight: normal;
		}

	#all-stories-entries-by-project {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 20px 0px;
		clear: both;
		float: left;
	}

		#all-stories-entries-by-project ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			clear: both;
		}
		
		#all-stories-entries-by-project ul li {
			width: 100%;
			height: 18px;
			margin: 0px;
			padding: 0px;
			line-height: 14px;
			text-align: left;
			float: left;
			overflow: hidden;
		}

		#all-stories-entries-by-project ul li a strong {
			color: #32826e;
		}

		#all-stories-entries-by-project ul li.separator {
			width: 100%;
			height: 15px;
		}

		#all-stories-entries-by-project ul li.project {
			width: 100%;
			height: auto;
			padding: 6px 0px 2px 0px;
		}

		#all-stories-entries-by-project ul li.project strong {
			color: #00573d;
			font-size: 12px;
			line-height: 20px;
			padding-left: 10px;
		}

		#all-stories-entries-by-project ul li.sub-project {
			width: 100%;
			margin: 20px 0px 5px 0px;
		}

		#all-stories-entries-by-project ul li.sub-project a {
		}

		#all-stories-entries-by-project ul li.sub-project strong {
			font-size: 12px;
			padding-left: 20px;
			float: left;
		}

		#all-stories-entries-by-project ul li a {
			padding-left: 25px;
			color: #32826e;
			font-size: 10px;
			font-style: normal;
			font-weight: normal;
		}

	#all-stories-entries-by-destination {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 20px 0px;
		clear: both;
		float: left;
	}

		#all-stories-entries-by-destination ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			float: left;
			clear: both;
		}
		
		#all-stories-entries-by-destination ul li {
			width: 100%;
			height: 18px;
			margin: 0px;
			padding: 0px;
			line-height: 14px;
			text-align: left;
			float: left;
			overflow: hidden;
		}

		#all-stories-entries-by-destination ul li a strong {
			color: #32826e;
		}

		#all-stories-entries-by-destination ul li.separator {
			width: 100%;
			height: 15px;
		}

		#all-stories-entries-by-destination ul li.project {
			width: 100%;
			height: auto;
			padding: 6px 0px 2px 0px;
		}

		#all-stories-entries-by-destination ul li.project strong {
			color: #00573d;
			font-size: 12px;
			line-height: 20px;
			padding-left: 10px;
		}

		#all-stories-entries-by-destination ul li.sub-project {
			width: 100%;
			margin: 20px 0px 5px 0px;
		}

		#all-stories-entries-by-destination ul li.sub-project a {
		}

		#all-stories-entries-by-destination ul li.sub-project strong {
			font-size: 12px;
			padding-left: 20px;
			float: left;
		}

		#all-stories-entries-by-destination ul li a {
			padding-left: 25px;
			color: #32826e;
			font-size: 10px;
			font-style: normal;
			font-weight: normal;
		}

	#story-entries {
		width: 100%;
		padding: 0px;
		margin: 0px;
		margin-bottom: 20px;
		clear: both;
		float: left;
	}

		#story-entries ul {
			width: 100%;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			clear: both;
			float: left;
		}

		#story-entries ul li {
			width: 100%;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			text-align: left;
			float: left;
		}

		#story-entries ul li.separator {
			width: 100%;
			height: 15px;
		}

		#story-entries ul li.project {
			width: 100%;
			padding: 6px 0px 6px 0px;
			background: url(/_design/temoignages/bg-volunteer-stories-header.jpg) no-repeat scroll left top;
		}

		#story-entries ul li.project strong {
			font-size: 14px;
			line-height: 40px;
			padding-left: 15px;
		}

		#story-entries ul li.sub-project {
			width: 100%;
			margin: 15px 0px 10px 0px;
			line-height: 24px;
		}

		#story-entries ul li.sub-project strong {
			font-size: 12px;
			padding-left: 20px;
			background: url(/_design/temoignages/arrow-story-entry.gif) no-repeat scroll 5px center;
		}

		#story-entries ul li a {
			margin: 0px;
			padding: 0px;
			background: url(/_design/temoignages/bg-result-item.jpg) no-repeat scroll left top;
			text-decoration: none;
			display: block;
		}

		#story-entries ul li a:hover {
			background-position: 2px 2px;
		}

		#story-entries ul li a .text-frame {
			width: auto;
			height: 100px;
			line-height: normal;
			cursor: pointer;
			overflow: hidden;
			display: block;
		}

		#story-entries ul li a img {
			float: left;
			width: 80px;
			border: 0px;
			margin: 10px 5px 5px 7px;
		}

		#story-entries ul li a:hover img {
			margin: 12px 3px 5px 9px;
		}
		#story-entries ul li a .text-frame strong {
			width: auto;
			padding-left: 45px;
			padding-top: 43px;
			color: #32826e;
			line-height: normal;
			text-decoration: underline;
			clear: right;
			float: left;
		}

		#story-entries ul li a .text-frame strong.fr {
			background: url(/_design/temoignages/flag-fr.gif) no-repeat scroll 15px 45px;
		}

		#story-entries ul li a .text-frame strong.en {
			background: url(/_design/temoignages/flag-en.gif) no-repeat scroll 15px 45px;
		}

		#story-entries ul li a:hover strong {
			text-decoration: none;
		}

		#story-entries ul li a .text-frame strong em {
			white-space: nowrap;
			font-weight: normal;
			font-style: normal;
		}
	
	
	#content form#recherche-avancee,
	#content form#search-by-name {
		width: 520px;
		background: url(/_design/temoignages/bg-fieldset-recherche-avancee.gif) no-repeat scroll left top;
	}
		
		#content form#search-by-name fieldset,
		#content form#recherche-avancee fieldset {
			border: none;
		}
		
		#content form#recherche-avancee legend,
		#content form#search-by-name legend {
			padding: 10px;
			margin-bottom: 10px;
			color: #00573D;
			font-weight: bold;
		}
		
		#content form#recherche-avancee fieldset label,
		#content form#search-by-name fieldset label {
			width: 500px;
			padding: 5px;
			text-align: left;
			display: block;
			clear: both;
		}
		
		#content form#recherche-avancee fieldset label span,
		#content form#search-by-name fieldset label span {
			width: 160px;
			margin: 0px;
			padding: 0px 5px 0px 0px;
			color: #00573D;
			text-align: right;
			display: block;
			float: left;
		}
		
		#content form#recherche-avancee fieldset label select,
		#content form#search-by-name fieldset label select {
			width: 180px;
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			cursor: pointer;
		}
		
		#content form#recherche-avancee fieldset label select options,
		#content form#search-by-name fieldset label select options {
			width: 180px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
		}
		
		#content form#recherche-avancee fieldset label strong,
		#content form#search-by-name fieldset label strong {
			width: 100px;
			margin: 0px;
			padding: 0px;
		}
		
		#content form#recherche-avancee fieldset input,
		#content form#search-by-name fieldset input {
			width: 180px;
			margin: 0px;
			padding: 0px;
		}
		
		#content form#recherche-avancee fieldset input.btn,
		#content form#search-by-name fieldset input.btn {
			width: 180px;
			margin: 4px 0px 0px 168px !important;
			margin: 4px 0px 0px 165px;
			padding: 0px;
			cursor: pointer;
		}
		
	#content strong.resultats-de-votre-recherche {
		margin: 20px 0px 0px 0px;
		padding: 10px 10px 15px 20px;
		background: url(/_design/temoignages/bg-fieldset-recherche-avancee.gif) no-repeat scroll left top;
		display: block;
	}
	
	#content form.hidden {
		display: none;
	}
	
	#content ul.search-criteria {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		clear: right;
		float: none;
	}
		
		#content ul.search-criteria li {
			width: 550px;
			padding: 2px 20px 2px 20px;
			color: #00573d;
			clear: left;
			float: left;
		}
		
		#content ul.search-criteria li.dark {
			background-color: #d8e6e1;
		}
		
		#content ul.search-criteria li span {
			display: block;
			float: left;
		}
		
		#content ul.search-criteria li span.crt {
			width: 150px;
		}
		
		#content ul.search-criteria li strong {
			width: 100px;
			white-space: nowrap;
			display: block;
			float: left;
		}
		
		#content ul.search-criteria li span.modifier {
			display: block;
			float: right;
		}
	
	#content form#search-by-content {
		width: 520px;
		background: url(/_design/temoignages/bg-fieldset-recherche-avancee.gif) no-repeat scroll left top;
	}
		
		#content form#search-by-content fieldset {
			border: none;
		}
		
		#content form#search-by-content legend {
			padding: 10px;
			margin-bottom: 10px;
			color: #00573D;
			font-weight: bold;
		}
		
		#content form#search-by-content fieldset label {
			width: 500px;
			padding: 5px;
			text-align: left;
			display: block;
			clear: both;
		}
		
		#content form#search-by-content fieldset label span {
			width: 160px;
			margin: 0px;
			padding: 0px 5px 0px 0px;
			color: #00573D;
			text-align: right;
			display: block;
			float: left;
		}
		
		#content form#search-by-content fieldset input {
			width: 180px;
			margin: 0px;
			padding: 0px;
		}
		
		#content form#search-by-content fieldset input.button {
			width: 180px;
			margin: 4px 0px 0px 168px !important;
			margin: 4px 0px 0px 165px;
			padding: 0px;
		}
	
	#content .flash-plugin {
		width: 100%;
		height: 50px;
		background: url(/_design/temoignages/bg-items.jpg) no-repeat scroll left top;
		overflow: hidden;
	}

	#content .flash-plugin p {
		margin: 12px 5px;
		background: url(/_design/temoignages/adobe-flash-player.jpg) no-repeat scroll 550px center;
	}

	#no-stories {
		border: 1px dotted red;
		margin: 20px;
		padding: 10px;
		margin-left: 80px;
		float: left;
	}

		#no-stories p,
		#no-stories a {
			margin: 5px 0px;
			padding: 0px;
			color: red;
		}

	#content .thumbnails {
		width: 100%;
		margin: 10px 0px;
		padding: 0px;
		float: left;
		overflow: hidden;
	}

	#content .thumbnails ul {
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
	}

	#content .thumbnails ul li {
		width: 145px;
		height: 140px;
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	#content .thumbnails ul li a {
		background-image: url(/_design/temoignages/bg-thumbnail.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		margin-left: 5px;
		margin-top: 5px;
		float: left;
		width: 140px;
		height: 135px;
		text-decoration: none;
	}

	#content .thumbnails ul li a:hover {
		background-position: 0px -135px;
	}

	#content .thumbnails .text-frame {
		height: 30px;
		width: 130px;
		float: left;
		cursor: pointer;
		overflow: hidden;
		line-height: normal;
	}

	#content .thumbnails .text-frame strong {
		margin: 10px 0px 0px 0px;
		padding: 0px 2px 6px 25px;
		background: url(/_design/temoignages/arrow-thumbnail-strong.gif) no-repeat scroll 10px 2px;
		font-weight: normal;
		font-size: 10px;
		line-height: 11px;
		text-decoration: underline;
		display: block;
		float: left;
	}

	#content .thumbnails ul li a img {
		margin: 7px 13px 0px 12px;
		border: none;
	}


	#content .videos-thumbnails-by-destination {
		width: 725px;
		margin: 15px 0px 0px 10px;
		padding: 0px;
		overflow: hidden;
	}

	#content .video-thumbnail {
		width: 230px;
		height: 115px;
		float: left;
		background-image: url(/_design/temoignages/bg-thumbnail-by-destination.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	#content .video-thumbnail img {
		width: 115px;
		height: 85px;
		margin: 12px 1px 10px 12px;
		border: none;
		float: left;
	}

	#content .video-thumbnail p {
		margin: 0px;
		padding: 10px 0px 0px 10px;
		font-size: 9px;
		float: left;
	}

	#content .video-thumbnail p em {
		font-size: 9px;
		font-weight: bold;
		font-style: normal;
		line-height: 16px;
	}

	#content .video-thumbnail-text {
		width: 495px;
		float: right;
		overflow: hidden;
	}

	#content .video-thumbnail-text p {
		margin: 10px 0px 0px 0px;
	}

	#content .video-thumbnail-text a {
		margin: 0px 0px 0px 0px;
		background: url(/_design/temoignages/arrow-video-text-strong.gif) no-repeat scroll left 4px;
		text-decoration: none;
		display: block;
	}

	#content .video-thumbnail-text strong {
		padding-left: 14px;
		text-decoration: underline;
	}
	
	#content .video-content {
	}
	
	#content .video-player {
		width: 425px;
		height: 390px;
		margin-top: 35px;
		overflow: hidden;
		float: left;
	}
	
	#content .related-content {
		margin: 0px 0px 0px 25px;
		padding: 0px 5px 5px 0px;
		background-color: #ECF2F0;
		float: left;
	}

	#content .related-content strong {
		padding: 0px 0px 6px 20px;
		background: url(/_design/temoignages/arrow-video-text-strong.gif) no-repeat scroll 5px 4px;
		display: block;
	}

	#content .related-content div {
		width: 280px;
		height: 396px;
		overflow: auto;
	}

	#content .related-content div ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#content .related-content div ul li {
		margin: 0px;
		padding: 0px 5px 10px 5px;
		float: left;
	}

	#content .related-content div ul li a {
		margin: 0px;
		padding: 0px;
		border: 1px solid #cfdcd9;
		display: block;
	}

	#content .related-content div ul li a:hover {
		margin: 0px;
		padding: 0px;
		border: 1px solid #02583F;
		display: block;
	}

	#content .related-content div ul li a img {
		width: 115px;
		height: 85px;
		margin: 0px;
		padding: 0px;
		border: none;
		clear: none;
		float: none;
	}

	#content .related-content div ul li span {
		width: 115px;
		height: 36px;
		padding: 0px;
		margin: 0px;
		font-size: 9px;
		line-height: 12px;
		display: block;
	}

	#content .related-content div ul li span a {
		border: none;
		font-weight: normal;
		text-decoration: none;
	}

	#content .related-content div ul li span a:hover {
		border: none;
		text-decoration: underline;
	}
	
	#content .share-content {
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		background: url(/_design/temoignages/bg-share-content.jpg) no-repeat scroll left top;
		float: left;
	}
	
	#content .share-content  div {
		padding: 20px 20px 0px 20px;
	}
	
	#content .share-content form{
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	#content .share-content input,
	#content .share-content textarea {
		width: 680px;
		margin: 0px;
		padding: 0px;
		border-color: #DDE8E4;
	}

	#content .video-description {
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		background: url(/_design/temoignages/bg-items.jpg) no-repeat scroll left top;
		float: left;
	}

	#content .video-description div {
		margin: 0px;
		padding: 2px 20px;
	}
	
	#search-results {
		padding: 0px;
	}

	#search-results div {
		margin: 0px 0px 15px 0px;
	}

	#search-results hr,
	#search-results table,
	#search-results tr,
	#search-results td,
	#search-results font {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		line-height: 18px;
	}

	#search-results table.search-info {
		width: 710px;
		text-align: right;
	}

	#search-results td.s {
		padding: 0px;
		font-size: 12px;
		line-height: 18px;
	}

	#search-results td.s b {
		font-size: 13px;
	}

	#search-results p.g {
		margin: 20px 0px 0px 0px;
		padding: 0px;
	}

	#search-results p.g a {
		font-size: 16px;
		line-height: 25px;
		padding-left: 27px;
		display: block;
		background-image: url(/_design/resultats-de-la-recherche/link-arrow.gif);
		background-position: 0px center;
		background-repeat: no-repeat;
		font-weight: normal;
	}

	#search-results p.g a b {
		font-size: 16px;
	}

	#search-results td.s a.f {
		background-image: none;
		font-size: 12px;
		line-height: 16px;
		padding-left: 0px;
	}

	#search-results blockquote.g {
		padding-left: 30px;
	}

	#search-results td img {
		border: 0px;
	}

	#search-results div .n {
		margin: 15px 0px 0px 0px;
		float: left;
	}
	
	
	em.green {
		color: #00573D;
		
	}

}

@media print {

	#content #all-testimonials-entries,
	#content #testimonials-entries,
	#content #all-stories-entries,
	#content #story-entries {
		display: none;
	}
	
	#content #testimonials-entries-content ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#content #testimonials-entries-content ul li.project {
		margin-top: 20pt;
	}
	
	#content #testimonials-entries-content ul li {
		margin-top: 10pt;
	}

	#content .not-print,
	#content .flash-plugin,
	#content .thumbnails,
	#content .videos-thumbnails-by-destination,
	#content .video-content,
	#content object,
	#content script {
		display: none;
	}


}