@charset "utf-8";

@media screen {

	/* altering to inherited global style definitions */

	#content h1,
	#content h2.h1-style {
		background: url(/_design/missions-et-stages/arrow-green-big.gif) no-repeat scroll left top;
	}
	
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		font-size: 12px;
	}

	/* current section style definitions */
	
	#content p strong {
		/* color: #008a70; */
	}
	
	#content a {
		/*
		color: #008a70;
		*/
		font-weight: normal;
	}
	
	#content img {
		margin: 4px 0px 6px 12px;
		border: 2px solid #7bbe4a;
		clear: right;
		float: right;
	}
	
	#content p.clear-all {
		float: none;
		clear: both;
	}
	
	#content .missions,
	#content #missions {
		width: 365px;
		margin: 0px;
		padding: 0px;
		clear: left;
		float: left;
	}
		
		#content .missions h2 {
			width: 92%;
			margin-top: 22px;
			text-align: left;
		}
		
		#content .missions p {
			width: 98%;
			padding: 0px 2px;
		}
		
		#content #missions ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#content #missions ul li {
			margin: 0px;
			padding: 10px 12px;
			background: url(/_design/missions-et-stages/bg-missions-item.jpg) no-repeat scroll left top;
			float: left;
		}
		
		#content #missions ul li strong,
		#content #missions ul li span {
			width: 92%;
			text-align: left;
		}
		
		#content #missions ul li a {
			width: 158px;
			height: 200px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
		}
		
		#content #missions ul li a strong {
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 10px;
			line-height: 12px;
			text-decoration: underline;
			display: block;
		}
		
		#content #missions ul li a img {
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #a5c6bc;
			float: none;
		}
		
		#content #missions ul li a:hover img {
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #33826E;
		}
		
		#content #missions ul li a span {
			margin: 0px 0px 0px 3px;
			padding: 8px 0px 0px 0px;
			color: #666666;
			font-size: 9px;
			font-weight: normal;
			line-height: 12px;
			display: block;
		}
		
		#content #missions ul li a:hover span {
			text-decoration: underline;
		}
	
	#content .stages,
	#content #stages {
		width: 365px;
		margin: 0px;
		padding: 0px;
		clear: right;
		float: right;
	}
		
		#content .stages h2 {
			width: 92%;
			margin-top: 17px;
			padding-left: 31px;
			line-height: 22px;
			text-align: left;
			background: url(/_design/missions-et-stages/arrow-green-big.gif) no-repeat scroll 8px 3px;
		}
		
		#content .stages p {
			width: 98%;
			padding-left: 8px;
		}
		
		#content #stages ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#content #stages ul li {
			margin: 0px;
			padding: 10px 5px 10px 19px;
			background: url(/_design/missions-et-stages/bg-stages-item.jpg) no-repeat scroll right top;
			float: left;
		}
		
		#content #stages ul li a {
			width: 158px;
			height: 200px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
		}
		
		#content #stages ul li strong,
		#content #stages ul li span {
			width: 92%;
			text-align: left;
		}
		
		#content #stages ul li a strong {
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 10px;
			line-height: 12px;
			text-decoration: underline;
			display: block;
		}
		
		#content #stages ul li a img {
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #a5c6bc;
			float: none;
		}
		
		#content #stages ul li a:hover img {
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border: 2px solid #33826E;
		}
		
		#content #stages ul li a span {
			margin: 0px 0px 0px 3px;
			padding: 8px 0px 0px 0px;
			color: #666666;
			font-size: 9px;
			font-weight: normal;
			line-height: 12px;
			display: block;
		}
		
		#content #stages ul li a:hover span {
			text-decoration: underline;
		}
		
	#content #extra {
		width: 736px;
		padding: 0px;
		clear: both;
		float: none;
	}
		
		#content #extra ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		#content #extra ul li {
			width: 736px;
			margin: 10px 0px 0px 0px;
			padding: 10px 5px 10px 19px;
			background: url(/_design/missions-et-stages/bg-item-wide.jpg) no-repeat scroll left top;
			float: left;
		}
		
		#content #extra ul li strong,
		#content #extra ul li span {
			width: 92%;
			text-align: left;
		}
			
		#content #extra ul li a {
			height: 150px;
			height: 140px;
			text-decoration: none;
			cursor: pointer;
			overflow: hidden;
			display: block;
		}
		
		#content #extra ul li a strong {
			margin: 0px;
			padding: 0px 0px 10px 0px;
			color: #33826e;
			font-size: 10px;
			line-height: 12px;
			text-decoration: underline;
			display: block;
		}
		
		#content #extra ul li a img {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			border: 2px solid #a5c6bc;
			float: left;
		}
		
		#content #extra ul li a:hover img {
			border: 2px solid #33826E;
		}
		
		#content #extra ul li a span {
			width: 500px;
			margin: 0px;
			padding: 20px 0px 0px 18px;
			color: #666666;
			text-align: justify;
			font-size: 9px;
			font-weight: normal;
			line-height: 12px;
			display: block;
			float: left;
		}
		
		#content #extra ul li a:hover span {
			text-decoration: underline;
		}
	
	#content ul.programmes-d-ete-2-semaines {
		width: 224px;
		margin: 0px 0px 10px 10px;
		padding: 0px;
		font-size: 10px;
		text-align: left;
		list-style-type: none;
		clear: right;
		float: right;
	}
		
		#content ul.programmes-d-ete-2-semaines li {
			margin: 0px;
			padding: 0px;
			display: inline;
		}
		
		#content ul.programmes-d-ete-2-semaines li a {
			margin: 2px 0px 0px 0px;
			padding: 1px 3px 1px 16px;
			color: #00573D;
			background: #cfdcd9 url(/_design/missions-et-stages/projects-preview-item.gif) no-repeat scroll 4px 7px;
			border-top: 1px solid #00573D;
			font-weight: bold;
			text-decoration: none;
			display: block;
			float: none;
		}
		
		#content ul.programmes-d-ete-2-semaines li a:hover {
			color: #ffffff;
			background-color: #568476;
		}

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

			#content ul.programmes li {
				margin: 15px 0px 15px 0px;
			}
			
			#content ul.programmes li h3 {
				margin: 0px;
			}

			#content ul.programmes li p {
				margin: 0px;
			}

			#content ul.programmes li strong {
				font-size: 10px;
			}
			
			#content ul.programmes li ul {
				margin-top: 0px;
				font-size: 10px;
				list-style-type: none;
			}
			
			#content ul.programmes li ul li {
				margin: 0px;
			}
			
		#content table.tarifs {
			width: 100%;
			font-size: 11px;
		}
				
			#content table.tarifs td {
				border: 1px solid white;
			}
				
			#content table.tarifs td.title {
				color: #00573D;
				background-color: #CFDCD9;
				border-top: 1px solid #00573D;
				font-weight: bold;
			}
				
			#content table.tarifs td.project {
				width: 75%;
				background-color: #f0f0f0;
			}
				
			#content table.tarifs td.tarif {
				width: 25%;
				background-color: #fafafa;
				text-align: center;
			}
			
		#content a.download-pdf {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 30px;
			background: url(/_design/_global/pdf-thumbnail.gif) no-repeat scroll 0px 0px;
			display: block;
			line-height: 30px;
		}
	
			#content a.teaching-pdf {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 30px;
			background: url(/_design/_global/pdf-thumbnail.gif) no-repeat scroll 0px 4px;
			display: block;
		}
		

		#content .ul-2column {
			width: 250px;
			margin: 0px 10px 0px 0px; 
			padding: 10px 0px 15px 0px;
			background: url(/_design/missions-et-stages/bg-ul.jpg) no-repeat scroll left top;
			text-align: left;
		}
		
		#content .ul-2column strong {
			padding: 0px 0px 0px 10px;
		}
		
		a.table-style {
			background: url(/_design/missions-et-stages/arrow-green-small.jpg) no-repeat 0px center;
			padding-left: 17px;
			display: block;
			text-align:left;
			line-height:30px;
		}
		
		a:hover.table-style  {
			text-decoration: none;
		}

}

@media print {

	

}