@charset "UTF-8";
/* CSS Document */

/**********************************************************************************

MISE-À-ZÉRO HTML5 | HTML5 RESET

**********************************************************************************/


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    
margin:0;    
padding:0;    
border:0;    
outline:0;    
font-size:100%;  
font-weight:normal;  
vertical-align:baseline;   
 background:transparent;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	position: relative;
}
 
body {line-height:1;}
 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    
	 display:block;
}

nav ul {list-style:none; }

 blockquote, q {quotes:none;}
 
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
 
a {    
	margin:0;   
 	padding:0;    
	font-size:100%;   
	vertical-align:baseline;    
	background:transparent; 
}/* change colours to suit your needs */
 
ins {    
 	background-color:#ff9;    
	color:#000;    
	text-decoration:none;
}/* change colours to suit your needs */
 
mark {    
	 background-color:#ff9; 
	 color:#000;    
	 font-style:italic;    
	 font-weight:bold;}
 
del {
	text-decoration: line-through;}
 
abbr[title], dfn[title] {   
	border-bottom:1px dotted;    
	cursor:help;
}
 
table { 
 	border-collapse:collapse;    
	border-spacing:0;
}/* change border colour to suit your needs */

hr {    
 	display:block;    
	height:1px;    
	border:0;    
	border-top:1px solid #cccccc;    
	margin:1em 0;   
	padding:0;
}
 
input, select {    
	vertical-align:middle;
}

input:focus
{ 
border: 1px dotted #666666;;
}

video:focus { 
  border: 1px dotted #666666;
}

strong { font-weight:bold !important; }

img { color:#fff; }



/**********************************************************************************

FIN DE LA MISE-À-ZERO HTML5 | END OF HTML5 RESET

**********************************************************************************/


/**********************************************************************************

POLICES | FONTS

**********************************************************************************/



@font-face {
    font-family: 'OswaldLight';
    src: url('../polices-fonts/Oswald-Light-webfont.eot');
    src: url('../polices-fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-fonts/Oswald-Light-webfont.woff') format('woff'),
         url('../polices-fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('../polices-fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('../polices-fonts/Oswald-Regular-webfont.eot');
    src: url('../polices-fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('../polices-fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('../polices-fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('../polices-fonts/Oswald-Bold-webfont.eot');
    src: url('../polices-fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices-fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('../polices-fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('../polices-fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/**********************************************************************************

HEADINGS

**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:120%;
}

h1 { font-size:200%; padding:0 0 0 0; margin:0 30px 25px 0; }
h2 { font-size:140%; padding:0 0 30px 0; }
h3 { font-size:120%; padding:5px 0 0 0; margin:0 0 20px 0; }
h4 { font-size:100%; padding:10px 0 0 0; margin:0 0 20px 0; }
h5 { font-size:100%; padding:10px 0 0 0; margin:0 0 20px 0; }

section.contenuLac h4 img { margin:0; }


/**********************************************************************************

LINKS

**********************************************************************************/


h2 a {
		text-decoration:none;
				padding:1px 2px;
				background-color:#555;
				border-radius:2px;
				color:#fff;
}

/**********************************************************************************

ALL CAPS

**********************************************************************************/

nav, footer {
	text-transform:uppercase;
	font-weight:normal;
}

h1 {
	text-transform:uppercase;
}


/**********************************************************************************

FIGURE

**********************************************************************************/

figure {
}

figcaption {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:80%;
	font-style:italic;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	line-height:130%;
	width:668px;
}


section.contenuArchipel figure, section.contenuLac figure {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
}

section.contenuArchipel figcaption, section.contenuLac figcaption {
	margin:0 0 10px 0;
}

	section.contenuArchipel figcaption p, section.contenuLac figcaption p {
		display:inline-block;
		padding:0 0 5px 0;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:80%;
		line-height:130%;
		padding:0 0 5px 0;
		margin:0;
	}
	
span.separateur {
	height:1px;
	background-color:#353535;
	margin:20px 0 20px 0; /* 20 0 40 0 */
	display:block;
	width:668px;
}

	
	 


/**********************************************************************************

ANIMATION

**********************************************************************************/

div.fondAnimation {
	width:100%;
	min-height:700px;
	position:absolute;
	z-index:0;
	background-color:rgba(0,0,0,0.75);
}

section.intro  {
	position:relative;
	text-align:center;
	font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
}

section.intro div#logoInterieur {
		position:absolute;
		right:50%;
		margin:0 -490px 0 0;
		top:16px;
		width:152px;
		height:53px;
		z-index:10000;
	}

section.intro article { text-align:center; }

section.intro article p {
	font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:100%;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

section.intro article.premier  {
	padding:35px 0 0 0;
	height:50px;
	text-transform:uppercase;
}

section.intro article.deuxieme { 
	padding:60px 40px;
	width:328px;
	margin:0 auto 0 auto;
	background-color:rgba(21,76,97,0.9);
}

section.intro article.troisieme { 
	padding:10px 0 10px 0; 
	background-color:#fff;
	/*position:absolute;
	top:370px;
	z-index:1000;
	left:0;*/
	width:100%;
	
}

	section.intro article.troisieme p {
		color:#000;
	}
	
section.intro article.quatrieme { 
	margin:0 auto 15px auto;
	background-color:rgba(0,0,0,0.3);
	height:200px;
	background-image:url(../images/images_decoratives-decorative_images/fond_animation_quatrieme-background_animation_fourth.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	/*position:absolute;
	top:370px;
	left:0;
	width:100%;
	z-index:1000;
	*/
	box-shadow:0 0 20px 0 #000;
}

		section.intro article.quatrieme  div.conteneurQuatrieme { 
		margin:0 auto 0 auto;
		width:978px;
		height:200px;
		}
	
		section.intro article.quatrieme div.unite { 
			width:326px;
			height:200px;
			/*display:inline-block;*/
			float:left;
			margin:0;
		}
		
			section.intro article.quatrieme div.unite img { 
				margin:0;
				height:155px;
				overflow:hidden;
			}
		
			section.intro article.quatrieme div#un { 
				background-color:#472b22;
			}
			
			section.intro article.quatrieme div#deux { 
				background-color:#db520f;
			}
			
			section.intro article.quatrieme div#trois { 
				background-color:#0378bf;
			}
		
			section.intro article.quatrieme div.unite p { 
				text-align:center;
				margin:0;
				
				position:relative;
				top:-1px;
			}
			
			section.intro article.quatrieme div.unite p a { 
				color:#fff;
				text-decoration:none;
				display:block;
				padding:12px 0 15px 0;
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade-background_unit_fade.png);
				background-repeat:no-repeat;
				background-position:center -2px;
			}
			
			section.intro article.quatrieme div.unite#un p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
			
			section.intro article.quatrieme div.unite#deux p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
			
			section.intro article.quatrieme div.unite#trois p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
			
section.logos-intro {
	background-image:url(../images/images_decoratives-decorative_images/fond-section-logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	padding:10px 40px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	margin:0 0 60px 0;
}


	section.logos-intro p {
	color:#000;
	margin:0 0 0 0;
	text-transform:uppercase;
	font-size:80%;
	}
	
	section.logos-intro figure { 
		display:inline-block;
	} 
	
	
	 
	
footer.animation {
	padding:12px 0 12px 0;
	text-align:center;
	/*position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:1000;*/
}

footer.informations {
	padding:12px 0 12px 0;
	text-align:left;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	z-index:1000;
}

	footer.animation nav, footer.informations nav {
		width:980px; /* 950 */
		margin:0 auto;
		padding:0 0 0 0 /*30px */;
	}
	
	footer.animation nav ul, footer.informations nav ul { list-style:none; padding:0; margin:0; }
	
	footer.animation nav ul li, footer.informations nav ul li { color:#fff; font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size:70%; display:inline-block; margin:0 12px 0 0; }
	
	footer.animation nav ul li a, footer.informations nav ul li a { color:#fff; text-decoration:none; margin:0 0 0 0; }
	
	footer.animation nav ul li a:hover, footer.informations nav ul li a:hover { color:#cdcdcd; }



/**********************************************************************************

ANIMATION JQUERY

**********************************************************************************/
/*

section.intro article.premier-anim  {
	padding:150px 0 0 0;
	height:50px;
	display:none;
}

section.intro article.deuxieme-anim  {
	position:absolute;
	top:85px;
	left:0;
	padding:30px 0 0 0;
	width:100%;
	height:400px;
	background-image:url(../images/images_decoratives-decorative_images/fond_animation_deuxieme-background_animation_second.png);
	background-repeat:repeat-x;
	background-position:center top;
	display:none;
}

	section.intro article.deuxieme-anim p { color:#000; }

section.intro article.quatrieme-anim  {
	margin:0 auto 0 auto;
	background-color:rgba(0,0,0,0.3);
	height:200px;
	background-image:url(../images/images_decoratives-decorative_images/fond_animation_quatrieme-background_animation_fourth.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	position:absolute;
	top:370px;
	left:0;
	width:100%;
	z-index:1000;
	box-shadow:0 0 20px 0 #000;
	display:none;
}

	section.intro article.quatrieme-anim  div.conteneurQuatrieme { 
		margin:0 auto 0 auto;
		width:978px;
		height:200px;
		}
	
		section.intro article.quatrieme-anim div.unite { 
			width:326px;
			height:200px;
			
			float:left;
			margin:0;
		}
		
			section.intro article.quatrieme-anim div.unite img { 
				margin:0;
				height:155px;
				overflow:hidden;
			}
		
			section.intro article.quatrieme-anim div#un { 
				background-color:#472b22;
			}
			
			section.intro article.quatrieme-anim div#deux { 
				background-color:#db520f;
			}
			
			section.intro article.quatrieme-anim div#trois { 
				background-color:#0378bf;
			}
		
			section.intro article.quatrieme-anim div.unite p { 
				text-align:center;
				margin:0;
				
				position:relative;
				top:-1px;
			}
			
			section.intro article.quatrieme-anim div.unite p a { 
				color:#fff;
				text-decoration:none;
				display:block;
				padding:12px 0 15px 0;
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade-background_unit_fade.png);
				background-repeat:no-repeat;
				background-position:center -2px;
			}
			
			section.intro article.quatrieme-anim div.unite#un p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
			
			section.intro article.quatrieme-anim div.unite#deux p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
			
			section.intro article.quatrieme-anim div.unite#trois p a:hover { 
				background-image:url(../images/images_decoratives-decorative_images/fond_unite_degrade_fonce-background_unit_fade_dark.png);
			}
	
section.all-article {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:600px;
	z-index:1000;
}

*/



/**********************************************************************************

INFORMATION

**********************************************************************************/

header.informations {
	position:relative;
	padding:136px 0 10px 0;
	margin:0 auto 36px auto;
	background-color:#000;
	background-image:url(../images/images_decoratives-decorative_images/fond_entete_informations-background_header_informations.png);
	background-repeat:repeat-x;
}

	header.informations nav ul {
		width:980px;
		position:relative;
		left:50%;
		list-style-type:none;
		padding:0;
		margin:0 0 0 -492px;
		text-align:left;
		/* textes */
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:80%;
		
	}
	
	header.informations  nav ul li {
		display:inline-block;
		color:#fff;
		margin:0 4px 0 2px;
		
	}
	
	header.informations  nav ul li:after {
		content:" | ";
		
	}
	
	header.informations  nav ul li a {
		color:#fff;
		margin:0 4px 0 0;
		text-decoration:none;
	}
	
	header.informations  nav ul li:last-child:after {
		content:"";
	}
	
	
	header.informations  nav ul li a:hover {
		color:#f78d1e;
	}
	
	section.informations  {
		width:762px;
		margin:0 auto;
		padding:0 218px 60px 0;
		position:relative;
		z-index:2;
	}
	
		section.informations div#langue {
			top:20px;
			text-transform:uppercase;
		}
	
		/*section.informations h2, section.informations h3 {
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
			color:#fff;
			margin:0 0 20px 0;
		}
		
		section.informations h2 {
			font-size:250%;
			font-weight:normal;
			text-transform:uppercase;
		}
		
		section.informations h3 {
			padding:20px 0 0 0;
			font-size:110%;
			font-weight:normal;
			line-height:140%;
		}*/
		
		section.informations h1, section.informations h2 {
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
			color:#fff;
			margin:0 0 20px 0;
		}
		
		section.informations h1 {
			
			font-weight:normal;
			text-transform:uppercase;
		}
		
		section.informations h2 {
			padding:20px 0 0 0;
			font-weight:normal;
			line-height:140%;
		}
		
			
		
		section.informations p {
			font-family:Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:90%;
			line-height:170%;
			margin:0 0 8px 0;
		}
		
			section.informations p a {
				text-decoration:none;
				padding:1px 2px;
				background-color:#555;
				border-radius:2px;
				color:#fff;
			}
			
			section.informations p a:hover {
				background-color:#333;
			}
			
			section.informations nav { }
			section.informations nav { }
			
				section.informations nav ul  {
					padding:0;
					margin:0 0 20px 0;
					list-style-type:none;
				}
				
				section.informations nav#informations ul  {
					padding:20px 0 0 0;
					margin:0 0 20px 0;
					list-style-type:none;
				}
				
				section.informations nav ul li,
				section.informations nav#informations ul li {
					margin:0 0 12px 0;
					padding:4px 0 0 0;
				}
				
				
				section.informations nav ul li,
				section.informations nav#informations ul li {
					font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
					margin:0 0 8px 0;
					color:#f78d1e;
				}
				
				section.informations nav ul li a {
					text-decoration:none;
					font-size:90%;
					color:#fff;
					padding:0;
					margin:0 0 0 20px;
				}
				
				section.informations nav#informations ul li a {
					text-decoration:none;
					font-size:90%;
					color:#fff;
					padding:0;
					margin:0 0 0 0;
				}
				
					section.informations nav ul li a:before {
						content:"\2B";
						margin:0 2px 0 0;
						font-size:120%;
						padding:0;
					}
					
						section.informations nav.navigation-haut ul li a:before,
						section.informations nav#informations ul li a:before {
						content:"";
					}
				
				section.informations nav ul li a:hover,
				section.informations nav#informations ul li a:hover {
					color:#cdcdcd;
				}
				
			
	
/*********************************************************************************

PLAN DU SITE

**********************************************************************************/			
	
	
	section.informations nav.plan ul li.plan-section {
			font-size:100%;
			display:block;
	}
	
		section.informations nav.plan ul li.plan-section ul li {
			margin:0 0 0 40px;
			font-size:90%;
		}
		
		section.informations nav.plan ul li.plan-section ul li a {
			margin:0 0 0 0;
			padding:0;
			font-size:100%;
		}


/**********************************************************************************

ELEMENTS COMMUNS / COMMON ELEMENTS

**********************************************************************************/

body {
	text-align:left;
	font-size:100%;
}


div#wrapper {
	width:980px;
	margin:0 auto;
	position:relative;
	padding:0 0 100px 0;
	
}

	div#wrapper div#logoInterieur,
	header.informations div#logoInterieur {
	position:absolute;
	right:50%;
	top:16px;
	width:152px;
	height:53px;
	margin-top: 0;
	margin-right: -490px;
	margin-bottom: 0;
	margin-left: 0;
	}

	/* SIGNATURE AIDE */
	
	header.aide div#logoInterieur,
	header.lac div#logoInterieur,
	header.archipel div#logoInterieur {
		position:absolute;
		right:50%;
		margin:0 -490px 0 0;
		top:16px;
		width:152px;
		height:53px;
	}
	
	header.lac div#signatureInterieur,
	header.aide div#signatureInterieur,
	header.archipel div#signatureInterieur,
	header.informations div#signatureInterieur {
		position:absolute;
		top:26px;
		/*left:60px;*/
		left:50%;
		margin:0 0 0 -460px;
		width:auto;
		height:63px;
		z-index: 10000;
	}

	header.lac div#signatureInterieur h1, header.aide div#signatureInterieur h1, header.archipel div#signatureInterieur h1 { display:inline; }

	header.lac div#signatureInterieur img, header.aide div#signatureInterieur img, header.archipel div#signatureInterieur img { margin:0 10px 0 0; }
		
	header.lac div#signatureInterieur span a, header.aide div#signatureInterieur span a, header.archipel div#signatureInterieur span a  {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
		color:#cdcdcd;
		font-size:80%;
		text-decoration:none;
		text-transform:uppercase;
	}


section.contenuLac p.haut-de-page,
section.contenuArchipel p.haut-de-page,
section.contenuAide p.haut-de-page,
section.informations p.haut-de-page {
	margin:20px 20px 20px 0;
	padding:5px 0 5px 0;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	text-align:right;
	text-transform:uppercase;
	font-size:75%;
	position:relative;
}

	section.contenuLac p.haut-de-page a,
	section.contenuArchipel p.haut-de-page a,
	section.contenuAide p.haut-de-page a,
	section.informations p.haut-de-page a {
		color:#ccc;
		text-decoration:none;
		border:none;
		background-color:transparent;
		padding:0;
		margin:0;
	}
	
	section.contenuLac p.haut-de-page a:hover,
	section.contenuArchipel p.haut-de-page a:hover,
	section.contenuAide p.haut-de-page a:hover,
	section.informations p.haut-de-page a:hover {
		color:#fff;
		border:none;
		text-decoration:none;
	}
	
/* LANGUES */

div#langue, div#langue-intro {
	position:absolute;
	right:50%;
	margin:0 -475px 0 0;
	width:81px;
	height:37px;
	z-index:10000;
	text-align:center;
}

	div#langue { top:206px; }

	div#langue-intro { top:106px; }


	div#langue  a, div#langue-intro  a {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:80%;
		text-decoration:none;
		display:block;
		padding:12px 0 8px 0;
		text-transform:uppercase;
		background-image:url(../images/images_graphiques-graphic_images/bouton_anglais_normal-english_button_normal.png);
		text-shadow:1px 1px #000;
	}

	div#langue a:hover, div#langue-intro a:hover {
		background-image:url(../images/images_graphiques-graphic_images/bouton_anglais_survol-english_button_hover.png);
	}
	




/* TRANSCRIPTION VIDEOS */

section.contenuArchipel div.transcriptions ,
section.contenuLac div.transcriptions {
	background-color:#e4e4e4;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
}

	section.contenuArchipel div.transcriptions p.titre-transcriptions,
	section.contenuLac div.transcriptions p.titre-transcriptions {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size:150%;
		line-height:150%;
		margin:0 0 20px 0;
		color:#333;
	}
	
	section.contenuArchipel  div.transcriptions p,
	section.contenuLac div.transcriptions p {
		font-size:80%;
		line-height:150%;
		margin:0 0 10px 0;
		color:#333;
	}
	
	
/**********************************************************************************

TEXTES

**********************************************************************************/

ul {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 20px;
	padding:0;
	/*font-size:90%;*/
	list-style-type:circle;
	list-style-position:outside;
	line-height:140%;
}
ol {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 20px;
	padding:0;
	list-style-position:outside;
	font-size:90%;
	line-height:140%;
}

	ul li, ol li {
		margin:0 0 5px 0;
	}



/**********************************************************************************

NIVEAUX D'IDENTIFICATION

**********************************************************************************/



p.nom-section {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		font-size:175%;
		text-transform:uppercase;
		padding:50px 0 25px 30px;
		color:#888888;
		text-decoration:none;
}




/**********************************************************************************

PAGE D'ACCUEIL / HOME PAGE

**********************************************************************************/


body.home {
	background-color:#000;
	background-image:url(../images/images_decoratives-decorative_images/fond_accueil-background_home.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	/*overflow-y:hidden;*/

}

	div#outerWrapper {
		position:absolute;
		width:100%;
		height:1000px;
		background-color:rgba(0,0,0,0.7);
	}
	
	div#logoMVC-fr {
		position:absolute;
		left:0;
		top:16px;
		width:152px;
		height:53px;
	}
	
	div#logoMVC-eng {
		position:absolute;
		right:0;
		top:16px;
		width:152px;
		height:53px;
	}
	
	div#wrapper section.intro {
		text-align:center;
		padding:160px 0 0 0;
	}
	
		div#wrapper section.intro div.introLeft { float:left; width:50%; text-align:right; }
		div#wrapper section.intro div.introLeft p { padding:0 15px 0 0; text-transform:uppercase; }
		
		div#wrapper section.intro div.introRight { float:right; width:50%; text-align:left; }
		div#wrapper section.intro div.introRight p { padding:0 0 0 15px; text-transform:uppercase; }
	
		div#wrapper section.intro p {
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:100%;
			margin:0 0 10px 0;
		}
		
			div#wrapper section.intro p span a {
				display:inline-block;
				text-decoration:none;
				padding:6px;
				color:#fff;
				background-color:#000;
				border:1px solid #3CF;
			}
			
			div#wrapper section.intro p span a:hover {
				color:#fff;
			}
			
		div#wrapper section.intro p.infos {
			font-size:70%;
		}
			
			div#wrapper section.intro p.infos span a {
				text-decoration:none;
				color:#fff;
				background-color:transparent;
				padding:0;
			}


footer.page-de-garde {
	width:980px;
	margin:0 auto;
	position:absolute;
	bottom:10px;
	left:50%;
	margin:0 0 0 -490px;
}

	footer.page-de-garde nav {
		width:50%;
		float:left;
	}
	
	footer.page-de-garde nav.gauche {
		text-align:right;
	}
	
		footer.page-de-garde nav.gauche ul {
			margin:0 15px 0 0;
		}
	
		footer.page-de-garde nav.droite ul {
			text-align:left;
			margin:0 0 0 15px;
		}
		
			footer.page-de-garde nav ul li {
				display:inline-block;
				font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
				font-size:70%;
				margin:0 3px 0 3px;
			}
			
				footer.page-de-garde nav ul li a {
					color:#fff;
					text-decoration:none;
				}
				
				footer.page-de-garde nav ul li a:hover {
					color:#cdcdcd;
				}
	
	




/**********************************************************************************

AIDE AUX ENSEIGNANTS

**********************************************************************************/


body.aide {
	background-color:#fff;
	background-image:url(../images/images_decoratives-decorative_images/fond_aide-background_help.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

	body.aide header.aide div#logoInterieur {
		position:absolute;
		right:50%;
		margin:0 -490px 0 0;
		top:16px;
		width:152px;
		height:53px;
	}

	header.aide {
		position:relative;
		width:100%;
		height:120px;
		background-image:url(../images/images_decoratives-decorative_images/fond_entete_aide-background-header-help.jpg);
		background-repeat:repeat-x;
		margin:0 0 60px 0;
	}
	
	div.aide-visuel {
		background-position:center 0;
		background-image:url(../images/images_decoratives-decorative_images/aide_visuel-help-visual.png);
		background-repeat:no-repeat;
		position:absolute;
		top:360px;
		width:352px;
		height:428px;
		left:-50px;
		z-index:1;
	}
	
	
	div#imageCarnet {
		position:absolute;
		z-index:1000;
		right:-10px;
		top:0;
		width:auto;
		height:auto;
	}
	

	
	
h2.aide {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:#260e00;
	color:#6c5549;
	font-weight:normal;
	text-transform:none;
	background-image:url(../images/images_decoratives-decorative_images/bordure_carnet_centre-center_border_handbook.png) !important;
	background-repeat:repeat-x;
}

body.aide  section.aide p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:150%;
	margin:0 0 10px 0;
	color:#000;
}

	body.aide section.aide p a {
		text-decoration:underline;
		color:#ff0303;
	}
	
	body.aide section.aide p a:hover {
		color:#333333;
	}
	
body.aide div#wrapper div.titreAide {
	position:absolute;
	top:-50px;
	left:-10px;
	z-index:1000;
	width:279px;
	height:192px;
}
	

	
	body.aide section.aide div.blogue,
	body.aide section.aideInterieurBlogue div.outerStich  {
		background-color:#282425;
		background-image:url(../images/images_decoratives-decorative_images/fond_bouton_blogue_carnet-background_blog_handbook_button.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		border-radius:8px;
		padding:4px;
		display:inline-block;
		margin:0 0 60px 0;
		box-shadow:4px 4px 4px 0 rgba(0,0,0,0.2);
	}
	
	
	body.aide section.contenuLac div.carnet  {
		background-color:#3a1702;
		background-image:url(../images/images_decoratives-decorative_images/fond_bouton_blogue_carnet-background_blog_handbook_button.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		border-radius:8px;
		padding:4px;
		display:inline-block;
		margin:0 10px 60px 0;
		/*vertical-align:text-top;*/
		box-shadow:4px 4px 4px 0 rgba(0,0,0,0.2);
	}
	
		body.aide section.aide div.blogue div.outerStich,
		body.aide section.aide div.carnet div.outerStich,
		body.aide section.aideInterieurBlogue div.outerStich {
			border:1px #cdcdcd dashed;
			border-radius:3px;
		}
		
		body.aide section.aide div.carnet div.outerStich { padding:4px; }
		body.aide section.aide div.blogue div.outerStich, body.aide section.aideInterieurBlogue div.outerStich { padding:12px; }
		
		body.aide section.aide div.carnet div.outerStich a,
		body.aide section.aide div.blogue div.outerStich a,
		body.aide section.aideInterieurBlogue div.outerStich {
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
			font-size:100%;
			color:#fff;
			text-decoration:none;
		}
		
			body.aide section.aideInterieurBlogue div.outerStich { 
				margin:0 0 60px 130px; 
				padding:12px;
				font-size:140%; 
				border-radius:8px;
				}
				
			body.aide section.aideInterieurBlogue div.outerStich h2 {  font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;  }
		
			body.aide section.aide div.carnet div.outerStich a:hover,
			body.aide section.aide div.blogue div.outerStich a:hover {
				color:#cdcdcd;
			}
		
			body.aide section.aide div.carnet div.outerStich a:hover span.OswaldGras,
			body.aide section.aide div.blogue div.outerStich a:hover span.OswaldGras,
			body.aide section.aide div.carnet div.outerStich a:hover span.OswaldGras,
			body.aide section.aide div.blogue div.outerStich a:hover span.OswaldGras,
			body.aide section.aideInterieurBlogue div.outerStich span.OswaldGras {
					color:#cdcdcd;
		}
		
body.aide section.aideInterieur {
	margin:0 0 40px 0;
	padding: 0 0 0 0;
	position:relative;
}


	
	
	body.aide section.contenuAide div.carnet-motif {
		padding: 40px 50px 60px 290px;
		background-color:#FFF;
		background-image:url(../images/images_decoratives-decorative_images/fond_motif_carnet_background_handbook_pattern.gif);
		background-repeat:repeat;
		/* ombre */
		box-shadow:0 0 30px 0 rgba(0,0,0,0.4);
		width:640px;
		margin:0 0 0 -290px;
		position:relative;
	}
	
	body.aide section.contenuAide div.carnet-motif div.visuel-carnet {
		position:absolute;
		width:286px;
		height:429px;
		top:50px;
		left:10px;
		background-image:url(../images/images_decoratives-decorative_images/aide_visuel_carnet-help_notebook_visual.png);
		z-index:1000;
	}
	
		body.aide section.contenuAide h2 {
			background-image:none;
			padding:0 0 25px 0;
			background-color:transparent;
		}
		
		body.aide section.contenuAide h2 img {
			position:relative;
			bottom:-20px;
		}
		
		
		body.aide section.contenuAide h2.stitch {
			padding: 25px 0 32px 290px;
			width:690px;
			margin:0 0 0 -290px;
			text-align:left;
			background-image:url(../images/images_decoratives-decorative_images/motif_cuif-leather_pattern.gif);
			background-position:center bottom;
			border-top-left-radius:20px;
			border-top-right-radius:20px;
			text-transform:none;
		}
	
		body.aide section.contenuAide div.carnet-motif div.encadre {
			border:1px solid #000;
			padding:20px;
			margin:20px 0 0 0;
		}
	
		body.aide section.contenuAide div.carnet-motif p {
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:90%;
			line-height:130%;
			margin:0 0 10px 0;
		}
		
		body.aide section.contenuAide div.carnet-motif p.chiffre {
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:90%;
			line-height:130%;
			margin:0 0 4px 20px;
			text-indent:-20px;
			padding:20px 0 0 0;
		}
			
			body.aide section.contenuAide div.carnet-motif p.sousligneNoPad {
				border-bottom:1px solid #000;
				padding:0 0 0 0;	
				margin:0 0 20px 0;	
			}
		
			body.aide section.contenuAide div.carnet-motif p.sousligne {
				border-bottom:1px solid #000;
				padding:20px 0 20px 0;	
				margin:0 0 10px 0;	
			}
			
/* blogue */


body.aide div#wrapper div.titreBlogue {
	position:absolute;
	top:-50px;
	left:-40px;
	z-index:1000;
	width:279px;
	height:192px;
}

	body.aide div#wrapper div.titreBlogue span {
		text-indent:-3000px;
}

body.aide div#wrapper div#posez-question {
	position:absolute;
	background-image:url(../images/images_decoratives-decorative_images/aide_question_help_questions.png);
	background-repeat:no-repeat;
	top:40px;
	right:110px;
	z-index:1000;
	width:116px;
	height:82px;
	text-align:center;
	padding:40px 0 0 0;
}

	body.aide div#wrapper div#posez-question a {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#333;
		font-size:80%;
		line-height:110%;
		text-decoration:none;
	}
	
	body.aide div#wrapper div#posez-question a:hover {
		color:#000;
	}

body.aide div#wrapper div#biologiste {
	position:absolute;
	top:400px;
	left:40px;
	width:170px;
	padding:0 0 10px 0;
	border-bottom:1px solid #666;
	z-index:1000;
}

	body.aide div#wrapper div#biologiste img {
		margin:0 0 10px 0;
	}

	body.aide div#wrapper div#biologiste p {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#fff;
		font-size:120%;
		margin:0 0 10px 0;
	}
	
	body.aide div#wrapper div#biologiste p.texte {
		font-family:'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#fff;
		font-size:90%;
		line-height:140%;
	}
	
		body.aide div#wrapper div#biologiste p.texte span.gras {
			display:block;
			font-weight:bold;
			margin:0 0 6px 0;
		}

			
body.aide section.aideInterieurBlogue {
	margin:0 0 40px 0;
	padding:74px 274px 60px 86px;
	position:relative;
	background-color:#fff;
	background-image:url(../images/images_decoratives-decorative_images/fond_blogue-background_blog.gif);
	background-repeat:no-repeat;
	background-position:center top;
}


	body.aide section.aideInterieurBlogue h3 {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#6a3501;
		font-size:150%;
		margin:0 0 20px 0;
	}
	
	body.aide section.aideInterieurBlogue h3 span {
		font-size:70%;
		display:block;
		padding:8px 0 0 0;
		color:#000;
	}
	
	body.aide section.aideInterieurBlogue h4 {
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#6a3501;
		font-size:120%;
		margin:0 0 20px 0;
		padding:20px 0 0 0;
	}
	
	
	body.aide  section.aideInterieurBlogue p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		line-height:150%;
		margin:0 0 10px 0;
		color:#000;
	}
	
	div.question_reponse {
		margin:0 0 24px 0;
		border-bottom:1px solid #cdcdcd;
	}
	
	
		body.aide section.aideInterieurBlogue div.question_reponse p {
			margin:0 0 10px 24px;
			text-indent:-21px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:90%;
			line-height:150%;
			color:#6a3501;
		}
		
		body.aide section.aideInterieurBlogue div.question_reponse p.soumisepar {
			font-weight:bold;
			
		}
		
		
		
		body.aide  section.aideInterieurBlogue label{
			font-family:Arial, Helvetica, sans-serif;
			font-size:90%;
			line-height:150%;
			margin:0 0 10px 0;
			color:#000;
		}
	



			
span.imprimez {
	position:absolute;
	right:50px;
	top:100px;
	width:auto;
	height:auto;
	z-index:10000;
}
		
			
		
	
footer.aide {
	background-color:#f8f8f8;
	border-top:#cdcdcd solid 1px;
	border-bottom:#cdcdcd solid 1px;
	padding:12px 0 12px 62px;
	text-align:left;
}

	footer.aide nav {
	}
	
	footer.aide nav ul { list-style:none; padding:0; margin:0; }
	
	footer.aide nav ul li { font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size:70%; display:inline-block; margin:0 24px 0 0 }
	
	footer.aide nav ul li a { color:#231f20; text-decoration:none; margin:0 0 0 0; }
	
	footer.aide nav ul li a:hover { color:#666; }
	

/**********************************************************************************

ARCHIPEL ET LAC ST PIERRE COMMUN

**********************************************************************************/


body.archipel,
body.lac,
body.aide {
	background-color:#000;
	background-position:center top;
	background-repeat:no-repeat;
}

	body.archipel { background-image:url(../images/images_decoratives-decorative_images/fond_archipel-background_archipelago.jpg); }
	body.lac { background-image:url(../images/images_decoratives-decorative_images/fond_lac-background_lake.jpg); }
	body.aide { background-image:url(../images/images_decoratives-decorative_images/fond_aide-background_help.jpg); }

body.archipel header.archipel,
body.lac header.lac,
body.aide header.aide {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:1;
		height:120px;
		background-image:url(../images/images_decoratives-decorative_images/fond_entete_aide-background-header-help.png);
		background-repeat:repeat-x;
}

section.archipel, section.aide {
	margin:0 0 0 0;
	padding: 120px 0 100px 0;
	background-color:rgba(0,0,0,0.75);
	position:relative;
}

	section.archipel nav.navigation-haut, section.aide nav.navigation-haut, section.informations nav.navigation-haut {
		position:absolute;
		top:60px;
		right:0;
		float:none;
		width:auto;
		z-index:10000;
	}
	
	
	section.archipel nav.navigation-haut, section.aide nav.navigation-haut { top:60px; }
	
	section.informations nav.navigation-haut { top:-45px; }
	
	section.archipel nav.navigation-haut ul,section.aide nav.navigation-haut ul, section.informations nav.navigation-haut ul {
		list-style-type:none;
		padding:12px 12px 12px 0;
		margin:0;
	}
	
	section.archipel nav.navigation-haut ul li, section.aide nav.navigation-haut ul li, section.informations nav.navigation-haut li {
		float:left;
		margin:0 3px 0 3px;
		color:#fff;
		font-size:80%;
	}
	
	
	section.archipel nav.navigation-haut ul li:after, section.aide nav.navigation-haut ul li:after, section.informations nav.navigation-haut ul li:after  {
		content:" | ";
		
	}
	
	section.archipel nav.navigation-haut ul li:last-child:after, section.aide nav.navigation-haut ul li:last-child:after, section.informations nav.navigation-haut ul li:last-child:after {
		content:"";
	}
	
	
	section.archipel nav.navigation-haut ul li a, section.aide nav.navigation-haut ul li a, section.informations nav.navigation-haut ul li a {
		/*display:block;*/
		color:#fff;
		text-decoration:none;
		padding:0;
		margin:0 3px 0 0;
	}
	
		section.archipel nav.navigation-haut ul li a:hover, section.aide nav.navigation-haut ul li a:hover, section.informations nav.navigation-haut ul li a:hover {
			color:#e4e4e4;
		}


/*section.archipel h1 {
		padding:0 0 25px 0;
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		
		color:#fff;
		font-weight:normal;
	}*/

section.archipel h2 {
		background-image:url(../images/images_decoratives-decorative_images/fond_h2_archipel-background_h2_archipelago.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		padding:50px 0 25px 30px;
		font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
		color:#fff;
		font-weight:normal;
	}
	
	section.archipel nav {
		width:290px;
		float:left;
		padding:60px 0 0 0;
	}
	
		section.archipel nav ul {
			list-style-type:none;
			padding:0;
			margin:0 20px 0 0;
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; 
			line-height:110%;
		}
		
		section.archipel nav ul li {
			margin:0 0 5px 0;
			font-size:90%;
		}
		
		
		
			section.archipel nav ul li.li a {
				display:inline-block;
				padding:8px 50px 8px 30px;
				color:#f78d1e;
			}
			
			
			section.archipel nav ul	li.active-aide {
				color:#fff;
				padding:6px 6px 6px 30px;
				background-color:#704435;
				margin:0 40px 0 0;
			}
		
		
			
			section.archipel nav ul li a,
			section.archipel nav#bleu ul li a  {
				display:inline-block;
				padding:6px 50px 6px 30px;
				color:#fff;
				text-decoration:none;
				margin:0 0 6px 0;
			}
			
			section.archipel nav ul li.actif a,
			section.archipel nav#bleu ul li.actif a {
					color:#000;
					text-decoration:none;
					margin:0 0 0 0;
				}
				
				section.archipel nav#bleu ul li.actif a { background-color:#00aef0; }
				section.archipel nav ul li.actif a { background-color:#f78d1e; }
				
				
			section.archipel nav ul li ul {
						list-style-type:none;
						list-style-position:inside;
						text-align:left;
						padding:8px 0 0 0;
						text-transform:uppercase;
					}
					
					section.archipel nav ul li ul li.li-actif,
					section.archipel nav ul li ul li a {
						position:relative;
					}
					
					
						
			
					
					section.archipel nav ul li ul li.li-actif:before,
					section.archipel nav ul li ul li a:before {
						position:absolute;
						left:40px;
						content:"+ ";
						font-size:140%;
						
					}
					
					section.archipel nav ul li ul li.li-actif, section.archipel nav#bleu ul li ul li.li-actif,
					section.archipel nav ul li ul li a, section.archipel nav#bleu ul li ul li a {
						padding:0 20px 0 50px;
						margin:0 0 4px 0;
					}
					
			
					section.archipel nav ul li ul li a,
					section.archipel nav ul li.actif ul li a {
						color:#fff;
						background-color:transparent;
					}
					
						/* BLEU */
						
						section.archipel nav#bleu ul li ul li a,
						section.archipel nav#bleu ul li.actif ul li a {
							color:#fff;
							background-color:transparent;
						}
						
						
					
						section.archipel nav ul li ul li a:hover,  
						section.archipel nav ul li.actif ul li a:hover {
						color:#f78d1e;
					}
					
						section.archipel nav#bleu ul li ul li a:hover,  
						section.archipel nav#bleu ul li.actif ul li a:hover {
						color:#00aef0;
					}
					
					section.archipel nav#bleu ul li ul li.li-actif {
						color:#00aef0;
					}
					
						section.archipel nav#bleu ul li ul li em,
						section.archipel nav ul li ul li em,
						section.archipel nav#bleu ul li ul li.li-actif em,
						section.archipel nav ul li ul li.li-actif em {
							font-size:90% !important;
						}
					
						section.archipel nav ul li ul li.li-actif {
							color:#f78d1e;
						}
					
						section.archipel nav ul li ul li:last-child {
							margin:0 0 10px 0 !important;
						}
					
	
					
			
					
			section.archipel nav div.carte-territoire, 
			section.archipel nav div.carte-territoire-bleue, 
			section.informations div.carte-territoire { 
			margin:0 0 0 20px;
			padding:20px 0 0 0; }
			
			section.archipel nav div.carte-territoire span, 
			section.archipel nav div.carte-territoire-bleue span,
			section.informations div.carte-territoire span

			{
				font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
				font-size:80%;
				text-transform:uppercase;
			}
			
				section.archipel nav div.carte-territoire span,
				section.archipel nav#bleu div.carte-territoire span,
				section.informations div.carte-territoire span {
					color:#fff; /* orange f78d1e */
					margin:0 0 0 0;
					float:left;
					padding:0 0 0 0;
					width:auto;
					overflow:visible;
				}
				
				span.no-uppercase { text-transform:none !important; float:none !important; color:#F78D1E !important; }
				
				section.archipel nav div.carte-territoire span.icone-carte,
				section.informations div.carte-territoire span.icone-carte {
					width:68px;
					padding:0 0 0 0;
					margin:0 0 0 0;
				}
				
				section.archipel nav div.carte-territoire span.icone-carte img,
				section.informations div.carte-territoire span.icone-carte img {
					position:relative;
					bottom:10px;
				}
				
				section.archipel nav div.carte-territoire span.small,
				section.informations div.carte-territoire span.small  {
					font-size:80%;
				}
				
				section.archipel nav div.carte-territoire-bleue span {
					color:#fff; /* bleu 00aef0*/
				}
				
				section.archipel nav div.carte-territoire span a,
				section.informations div.carte-territoire span a {
					color:#f78d1e; /* orange f78d1e */
					text-decoration:none;
					line-height:120%;
				}
				
				section.archipel nav#bleu div.carte-territoire span a {
					color:#00aef0; /* orange f78d1e */
					text-decoration:none;
					line-height:120%;
				}
				
				section.archipel nav div.carte-territoire-bleue span a {
					color:#00aef0; /* bleu 00aef0*/
					text-decoration:none;
					line-height:120%;
				}
		
				section.archipel nav div.carte-territoire img, 
				section.archipel nav div.carte-territoire-bleue img,
				section.informations div.carte-territoire img  {
					vertical-align:middle;
				}
				
				section.archipel nav div.carte-territoire span.acrobat,
				section.informations div.carte-territoire span.acrobat { 
					margin:0 0 0 0; font-size:60%; 
				}
				section.archipel nav div.carte-territoire span.acrobat a, 
				section.archipel nav#bleu div.carte-territoire span.acrobat a,
				section.informations div.carte-territoire span.acrobat a { 
					color:#fff; 
				}
			
section.archipel section.contenuArchipel,
section.archipel section.contenuLac,
section.archipel section.contenuAide
 {
		width:690px;
		float:left;
		padding:60px 0 0 0;
		
	}
	
section.archipel section.contenuArchipel section.breadcrumbs,
section.archipel section.contenuLac section.breadcrumbs,
section.archipel section.contenuAide section.breadcrumbs,
section.archipel section.contenuArchipel section.breadcrumbs  span,
section.archipel section.contenuLac section.breadcrumbs  span,
section.archipel section.contenuAide section.breadcrumbs  span{
			font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif;
			font-size:100%;
			text-transform:uppercase;
			color:#cdcdcd;
			font-weight:normal;
			background-color:transparent;
			background-image:none;
		}
		
section.archipel section.contenuArchipel section.breadcrumbs,
section.archipel section.contenuLac section.breadcrumbs,
section.archipel section.contenuAide section.breadcrumbs { margin:0 0 10px 0; }

section.archipel section.aideInterieur section.breadcrumbs { margin:0 0 10px 318px; }


/*	section.archipel section.contenuArchipel section.breadcrumbs h3,
	section.archipel section.contenuLac section.breadcrumbs h3,
	section.archipel section.contenuAide section.breadcrumbs h3,
	section.archipel section.aideInterieur section.breadcrumbs h3{ 
		font-size:150%;
		margin:0 150px 30px 0;
		padding:5px 0 0 0;
	}*/
	
	section.archipel section.contenuArchipel section.breadcrumbs h1,
	section.archipel section.contenuLac section.breadcrumbs h1,
	section.archipel section.contenuAide section.breadcrumbs h1,
	section.archipel section.aideInterieur section.breadcrumbs h1{ 
		
		margin:0 150px 30px 0;
		padding:5px 0 0 0;
	}
	
	section.archipel section.contenuArchipel section.breadcrumbs h3 a,
	section.archipel section.contenuLac section.breadcrumbs h3 a,
	section.archipel section.contenuAide section.breadcrumbs h3 a,
	section.archipel section.aideInterieur section.breadcrumbs h3 a { 
		padding:0;
		background-color:transparent;
	}
	
	section.archipel section.contenuArchipel section.breadcrumbs h3 a span em,
	section.archipel section.contenuLac section.breadcrumbs h3 a span em,
	section.archipel section.contenuAide section.breadcrumbs h3 a span em,
	section.archipel section.aideInterieur section.breadcrumbs h3 a span em { 
		color:#fff;
	}

section.archipel section.contenuArchipel section.breadcrumbs span,
section.archipel section.contenuLac section.breadcrumbs span,
section.archipel section.contenuAidesection.breadcrumbs span,
section.archipel section.aideInterieur.breadcrumbs span { margin:0 4px 0 0; }
			
	section.archipel section.contenuArchipel section.breadcrumbs span.pageActive,
	section.archipel section.contenuLac section.breadcrumbs span.pageActive,
	section.archipel section.contenuAide section.breadcrumbs span.pageActive,
	section.archipel section.aideInterieur section.breadcrumbs span.pageActive {
			font-size:200%;
			color:#fff;
			display: block;
			padding:10px 0 0 0;
			font-weight:normal;
		}
		
			section.archipel section.contenuArchipel section.breadcrumbs span a,
			section.archipel section.contenuLac section.breadcrumbs span a,
			section.archipel section.contenuAide section.breadcrumbs span a,
			section.archipel section.aideInterieur section.breadcrumbs span a{
				color:#cdcdcd;
				text-decoration:none;
			}
			
			section.archipel section.contenuArchipel section.breadcrumbs span a:hover,
			section.archipel section.contenuLac section.breadcrumbs span a:hover,
			section.archipel section.contenuAide section.breadcrumbs span a:hover,
			section.archipel section.aideInterieur section.breadcrumbs span a:hover {
				color:#fff;
			}
			
			section.archipel section.contenuArchipel aside.intro,
			section.archipel section.contenuLac aside.intro,
			section.archipel section.contenuAide aside.intro,
			section.archipel section.aideInterieur aside.intro {
				color:#fff;
			}
			
			section.archipel section.contenuArchipel div.paragraphe-fond-noir,
			section.archipel section.contenuLac div.paragraphe-fond-noir,
			section.archipel section.contenuAide div.paragraphe-fond-noir{
				background-color:#000;
				padding:30px 20px;
			}
			
				section.archipel section.contenuArchipel div.paragraphe-fond-noir p,
				section.archipel section.contenuLac div.paragraphe-fond-noir p,
				section.archipel section.contenuAide div.paragraphe-fond-noir p {
					color:#fff;
					font-family:Arial, Helvetica, sans-serif;
					font-size:90%;
					line-height:150%;
					margin:0 0 8px 0;
				}
				
				section.archipel section.contenuArchipel p.legende-photo,
				section.archipel section.contenuLac p.legende-photo,
				section.archipel section.contenuAide p.legende-photo {
					font-size:80%;
					padding:0 0 10px 0;
					border-bottom:1px solid #cdcdcd;
					margin:0 0 10px 0;
					font-style:italic;
					display:inline-block;
				}
				
				
section.contenuArchipel img, section.contenuLac img,section.contenuAide img { margin:0 0 10px 0; }

section.contenuArchipel video, section.contenuLac video, section.contenuAide video { margin:0 0 20px 0; }
				
				
	



/**********************************************************************************

ARCHIPEL UNIQUE

**********************************************************************************/

				
			body.archipel section.archipel section.contenuArchipel aside,
			body.lac section.archipel section.contenuLac aside,
			body.archipel section.archipel section.contenuLac aside {
				/*width:486px;*/
				/*background-image:url(../images/images_decoratives-decorative_images/archipel_chasse_milieu_fond_citations-archipelago_hunting_background_summons.gif);
				background-position:center top;
				background-repeat:repeat-x;*/
				background-color:#f78d1e;
				padding:20px;
				color:#000;
				margin:0 0 20px 0;
				width:628px;
			}
			
				body.archipel section.archipel section.contenuArchipel aside p,
				body.lac section.archipel section.contenuLac aside p,
				body.archipel section.archipel section.contenuLac aside p {
					font-family:Arial, Helvetica, sans-serif;
					font-style:italic;
					font-size:80%;
					line-height:160%;
					margin:0 0 8px 0;
					color:#000;
					padding:0 0 0 0;
					text-align:justify;
				}
				
					body.archipel section.archipel section.contenuArchipel aside blockquote,
					body.lac section.archipel section.contenuLac aside blockquote,
					body.archipel section.archipel section.contenuLac aside blockquote {
						display:inline;
						margin:0 0 10px 0;/*margin:0 6px 10px 6px;*/
						/*font-family:Arial, Helvetica, sans-serif;*/
						font-family:Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
						font-style:italic;
						font-size:100%;/*font-size:90%;*/
						line-height:200%;
						text-align:left;
					}
					
					section.contenuArchipel aside span,
					section.contenuLac aside span {
						font-family:Georgia, "Times New Roman", Times, serif;
						font-weight:normal;
						font-size:150%;
						height:20px;
						position:relative;
						/*display:none;*/
					}
				
					
				
					body.archipel section.archipel section.contenuArchipel aside p.auteur-aside,
					body.lac section.archipel section.contenuLac aside p.auteur-aside,
					body.archipel section.archipel section.contenuLac aside p.auteur-aside {
						font-size:80%;
						font-style:normal;
						text-align:right;
						font-weight:bold;
						margin:0;
						padding:10px 0 0 0;
					}


					

	



footer.archipel {
	padding:12px 0 12px 30px;
	text-align:left;
	/* degrade */
	
}

	footer.archipel nav {
	}
	
	footer.archipel nav ul { list-style:none; padding:0; margin:0; }
	
	footer.archipel nav ul li { color:#fff; font-family:'OswaldBook', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size:70%; display:inline-block; margin:0 12px 0 0; }
	
	footer.archipel nav ul li a { color:#fff; text-decoration:none; margin:0 0 0 0; }
	
	footer.archipel nav ul li a:hover { color:#cdcdcd; }
	
	


/**********************************************************************************

LAC SAINT-PIERRE UNIQUE

**********************************************************************************/

section.archipel#lac {
	background-color:rgba(0,0,0,0.7);
}

	section.contenuLac p,
	section.contenuArchipel p,
	section.contenuAide p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#fff;
		padding:0 63px 0 0;
		margin:0 0 14px 0;
		line-height:150%;
	}
	
	section.contenuLac p a,
	section.contenuArchipel p a {
		text-decoration:underline;
		color:#00aef0;
		padding:0;
		margin:0;
	}
	
	section.contenuAide p a {
		text-decoration:none;
		border-bottom:1px dotted #fff;
		color:#fff;
		padding:0;
		margin:0;
		display:inline;
		border:none;
	}
	
	section.contenuLac p a:hover,
	section.contenuArchipel p a:hover,
	section.contenuAide p a:hover {
		text-decoration:none;
		color:#ffffff;
		border-bottom:1px solid #fff;
	}
	
	
div.panorama {
	width:668px;
	height:auto;
	margin:0 0 20px 0;
}
div.panorama.actif {
    height: 444px;
}

/**********************************************************************************

FORMULAIRE

**********************************************************************************/



form { 
	width:500px;
	color:#fff;
	font-size:90%;
	padding:20px 0 0 0;
}

form label {
	display:block;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

form input {
	width:100%;
	display:block;
	margin:0 0 20px 0;
	background-color:#333;
	border:none;
	padding:6px;
	color:#fff;
	font-size:90%;
}

/* buttons */

form input#bouton-soumettre, form input#bouton-clear {
	display:inline-block;
	margin:0 10px 20px 0;
	width:100px;
	text-align:center;
}

form textarea {
	width:100%;
	height:100px;
	margin:0 0 20px 0;
	background-color:#333;
	border:none;
	color:#fff;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*
form input#bouton-soumettre {
	display:inline-block;
	padding:8px;
	cursor:pointer;
}
*/

div.askQuestion {
	background-color:#fff;
	padding:20px;
}

div.askQuestion p, div.askQuestion label{
	color:#000;
	line-height:140%;
	margin:0 0 10px 0;
}


div.askQuestion form input {
	width:100%;
	display:block;
	margin:0 0 10px 0;
	background-color:#eeeeee;
	border:none;
	padding:6px;
	color:#000;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
}

div.askQuestion form textarea {
	width:100%;
	height:100px;
	margin:0 0 10px 0;
	background-color:#eeeeee;
	border:none;
	color:#000;
	padding:6px;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
}

div.askQuestion form input#bouton-soumettre {
	display:inline-block;
	padding:8px;
	cursor:pointer;
	width:auto;
	background-color:#704435;
	color:#fff;
}


div.askQuestion form placeholder {
	color:#666;
}


form#question input#recaptcha_response_field { background-color:#fff; }

form#question input#recaptcha_response_field placeholder { color:#333; }


/**********************************************************************************

EXTRAS

**********************************************************************************/

nav {
	letter-spacing:0.07em !important; }


span.spacer30px {
	display:inline-block;
	width:30px;
}

.hidden {
	display:none;
}

.hidden-text-white {
	position:absolute;
	z-index:0;
	color:#fff;
	top:0;
	right:0;
}

.hidden-champManquant{ display:none; }

.champManquant { color:#F78D1E; }

sup {
	font-size:small;
	vertical-align:super;
}

sub {
	font-size:small;
	vertical-align:sub;
}



div.push {
	clear:both;
}

.indent {
	display:inline-block;
	text-indent:-9999px;
}

.gras {
	font-weight:bold;
}

.italique {
	font-style:italic;
}

.rouge {
	/*color:#F00;*/
	margin:0 0 20px 30px !important;
	font-size:80% !important;
	line-height:150% !important;
	font-weight:bold;
}

.rouge:before {
	content: "IMPORTANT";	
	margin:0 10px 0 0;
	color:#F78D1E;
}

.gris {
	color:#cdcdcd !important;
}

div.captcha { margin:0 0 20px 0; }


/* ALT IMAGES */


body.aide img, body.aide img a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

img {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

img a {
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.gros {
	font-size:130%;
}

div.page-break {
	display:none;
}