/* ==============================================
   FEUILLE DE STYLES POUR TUTORIEL CAMSTUDIO
   ==============================================
 */
.slides {
	position:relative;
    overflow:hidden;
    width:500px;
    height:362px;
    /*border:solid black 1px; */
}

.marge10 {
margin-left: 2em;
}

/* Général */
body {
	color: #00834E;
	background: #C2D688;
}
a {
	color: #00834E;
}
a:hover, a:focus {
	color: #ECEF81;
}
strong {
	color: #00834E;
}

/* Conteneur central */
#centre {
	/*background: url(img/background_1.jpg) repeat-y; */
	/* color: #000000;*/
}

/* Navigation */
#navigation {
	background: #C2D688;
}
#navigation a {
	color: #00834E; 
	/* color: #FFFFFF; */
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#principal {
	color: #00834E;
	background: #C2D688;
}
#principal a {
	color: #00834E;
}
#principal a:hover, #principal a:focus {
	color: #ECEF81;
}
#principal strong {
	color: #C2D688;
}

/* Contenu secondaire */
#secondaire {
	background: #C2D688;
}
#secondaire p:hover {
	background: #000000;
}
/* Contenu tertiaire */
#tertiaire {
	background: #C2D688;
}

#popupimg {
/*	background: #FFFFFF; */
	background: #C2D688;
}
#popupvideo {
	background: #C2D688;
}
		

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 20px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 18%;
	z-index: 0;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu principal */
#principal {
	margin-top: 0px;
	float: left; 
	/* margin-left: 18%; */
	margin-right: 0px;
	width: 53%;
	padding: 2% 2%;
	z-index: 0;
	overflow: hidden;
	line-height: 90%;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	margin-top: 0px;
	margin-left: 75%;
	margin-right: 0px;
	width: 20%;
	padding: 2% 1% 0% 2%;
	z-index: 0;
	overflow: hidden;
	line-height: 100%;
}
#secondaire> :first-child {
	margin-top: 1px;
}

#secondaire a {
	display: block;
	height: 1%;
	padding: 10px 10px 6px 20px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
#secondaire img {
	padding: 2px 2px 2px 2px;
	position: relative;
}

/* Contenu tertiaire */
#tertiaire {
	margin-top: 0px;
	margin-left: 1%;
	margin-right: 0px;
	width: 100%;
	padding: 2% 1% 0% 2%;
	z-index: 0;
	overflow: hidden;
	line-height: 100%;
}

#tertiaire a {
	display: block;
	height: 1%;
	padding: 10px 10px 6px 20px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

#tertiaire img {
	padding: 2px 2px 2px 2px;
	position: relative;
}

#popupimg  {
	position: absolute;
	margin-top: 2%;
	margin-left: 2%;
	margin-right: 0px;
	width: 80%;
	visibility: hidden;
	z-index: 10;
}
#popupvideo  {
	position: absolute;
	margin-top: 2%;
	margin-left: 2%;
	margin-right: 0px;
	width: 90%;
	visibility: hidden;
	z-index: 2;
}
		
/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}