body{
	font-family: Arial,Helvetica,sans-serif;
	font-size:.8em;
	}

#presentation a{
	color:#000;
	}
	
em{font-style:italic;}
	

.debutant h1, .debutant a{color:#FF9900;}
.intermediaire h1, .intermediaire a{color:#009999;}
.avance h1, .avance a{color:#DD0000;}
	
h1{margin:0 0 .3em 0;
text-transform:uppercase;
}
h2,h3,h4,h5,h6{margin:1em 0 .3em 0;}

h2{padding-top:1em;padding-bottom:0;margin-bottom:1em;}
	
.debutant h2{border-top:1px dashed #FF9900;}
.intermediaire h2{border-top:1px dashed #009999;}
.avance h2{border-top:1px dashed #DD0000;}


.debutant h2:first-of-type, .intermediaire h2:first-of-type, .avance h2:first-of-type,
.debutant h2:first-child, .intermediaire h2:first-child, .avance h2:first-child
{border-top:none;}



h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}
h3{	
	padding:30px 0 5px 0;
	border-bottom:2px solid black;
}
h4, h5, h6{font-size:.8em;}


.debutant{background-color:#ff9900;}
.intermediaire{background-color:#009999;}
.avance{background-color:#cc3300;}


#global{
	max-width:1000px;
	margin:0 auto;
	background-color:#ffffcc;
	position:relative;
	border:1px solid #000000;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(pie/PIE.php);
	}
	
#logo a{
	width:181px;
	height:140px;
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
	}
	
.debutant #logo a{background-image:url(images/logo-deb.gif);}
.intermediaire #logo a{background-image:url(images/logo-int.gif);}
.avance #logo a{background-image:url(images/logo-ava.gif);}

#contenu{
	padding:20px 30px 30px 190px;
	}
	
.offre{
	position:absolute;
	top:135px;
	left:6px;
	}
	
	
/*Plan du site*/

#niveaux{
	list-style-type:none;
	padding:20px 0 0 0;
	margin:0;
	}
	
#niveaux li{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
	text-align:center;
	display:block;
	float:left;
	width:20%;
	padding:25px 0 50px 0;
	background-position:center top;
	background-repeat:no-repeat;
	}
	
.debutant #niveaux li, #guides .TexteContenu_d{color: #FF9900;}
.intermediaire #niveaux li, #guides .TexteContenu_i{color: #009999;}
.avance #niveaux li, #guides .TexteContenu_a{color: #DD0000;}

.debutant #niveaux .mol{background-image:url(pop_plan/images/niveau-mol-deb.gif);}
.debutant #niveaux .cel{background-image:url(pop_plan/images/niveau-cel-deb.gif);}
.debutant #niveaux .cer{background-image:url(pop_plan/images/niveau-cer-deb.gif);}
.debutant #niveaux .psy{background-image:url(pop_plan/images/niveau-psy-deb.gif);}
.debutant #niveaux .soc{background-image:url(pop_plan/images/niveau-soc-deb.gif);}
.intermediaire #niveaux .mol{background-image:url(pop_plan/images/niveau-mol-int.gif);}
.intermediaire #niveaux .cel{background-image:url(pop_plan/images/niveau-cel-int.gif);}
.intermediaire #niveaux .cer{background-image:url(pop_plan/images/niveau-cer-int.gif);}
.intermediaire #niveaux .psy{background-image:url(pop_plan/images/niveau-psy-int.gif);}
.intermediaire #niveaux .soc{background-image:url(pop_plan/images/niveau-soc-int.gif);}
.avance #niveaux .mol{background-image:url(pop_plan/images/niveau-mol-ava.gif);}
.avance #niveaux .cel{background-image:url(pop_plan/images/niveau-cel-ava.gif);}
.avance #niveaux .cer{background-image:url(pop_plan/images/niveau-cer-ava.gif);}
.avance #niveaux .psy{background-image:url(pop_plan/images/niveau-psy-ava.gif);}
.avance #niveaux .soc{background-image:url(pop_plan/images/niveau-soc-ava.gif);}

.theme{
	clear:both;
	padding-bottom:20px;
	}
	
.debutant .theme{border-bottom:2px solid #FF9900;}
.intermediaire .theme{border-bottom:2px solid #009999;}
.avance .theme{border-bottom:2px solid #DD0000;}


.img-theme{
	background-repeat:no-repeat;
	width:110px;
	height:110px;
	position:absolute;
	left:30px;
	}
	
.theme01{background-image:url(pop_plan/images/theme01.gif);}
.theme02{background-image:url(pop_plan/images/theme02.gif);}
.theme03{background-image:url(pop_plan/images/theme03.gif);}
.theme04{background-image:url(pop_plan/images/theme04.gif);}
.theme05{background-image:url(pop_plan/images/theme05.gif);}
.theme06{background-image:url(pop_plan/images/theme06.gif);}
.theme07{background-image:url(pop_plan/images/theme07.gif);}
.theme08{background-image:url(pop_plan/images/theme08.gif);}
.theme09{background-image:url(pop_plan/images/theme09.gif);}
.theme10{background-image:url(pop_plan/images/theme10.gif);}
.theme11{background-image:url(pop_plan/images/theme11.gif);}
.theme12{background-image:url(pop_plan/images/theme12.gif);}
	
.chiffre{
	position:absolute;
	left:8px;
	top:3px;
	font-weight:bold;
	font-size:12px;
	}

.liens{
	width:19%;
	padding:0 1% 0 0;
	margin:0;
	list-style-type:none;
	float:left;
	}
	
.liens li{
	padding:0 0 12px 30px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:25px;
	position:relative;
	}
	
.debutant .mol li{background-image:url(pop_plan/images/sujet-mol-deb.gif);}
.debutant .cel li{background-image:url(pop_plan/images/sujet-cel-deb.gif);}
.debutant .cer li{background-image:url(pop_plan/images/sujet-cer-deb.gif);}
.debutant .psy li{background-image:url(pop_plan/images/sujet-psy-deb.gif);}
.debutant .soc li{background-image:url(pop_plan/images/sujet-soc-deb.gif);}
.intermediaire .mol li{background-image:url(pop_plan/images/sujet-mol-int.gif);}
.intermediaire .cel li{background-image:url(pop_plan/images/sujet-cel-int.gif);}
.intermediaire .cer li{background-image:url(pop_plan/images/sujet-cer-int.gif);}
.intermediaire .psy li{background-image:url(pop_plan/images/sujet-psy-int.gif);}
.intermediaire .soc li{background-image:url(pop_plan/images/sujet-soc-int.gif);}
.avance .mol li{background-image:url(pop_plan/images/sujet-mol-ava.gif);}
.avance .cel li{background-image:url(pop_plan/images/sujet-cel-ava.gif);}
.avance .cer li{background-image:url(pop_plan/images/sujet-cer-ava.gif);}
.avance .psy li{background-image:url(pop_plan/images/sujet-psy-ava.gif);}
.avance .soc li{background-image:url(pop_plan/images/sujet-soc-ava.gif);}
	




/*/Plan du site*/
	
	
.clear{
	display:block;
	clear:both;
	}
	

/* Visites guidées */

#guides{
	padding-left:20px;
	}

#guides li{
	margin-bottom:12px;
	}
	
#guides li a{
	text-decoration:none;
	}

/* /Visites guidées */


/*Deux colonnes*/

.colonne-gauche{float:left;width:55%;}
.colonne-droite{float:right;width:40%;}
.colonne-gauche-special{float:left;width:75%;}
.colonne-droite-special{float:right;width:23%;}
.colonne-gauche-diffusion{float:left;width:65%;}
.colonne-droite-diffusion{float:right;width:30%;}
.colonne-gauche-diffusion a, .colonne-droite-diffusion a{font-weight:bold;}

.colonne-droite.contour, .colonne-droite-diffusion.contour{
	padding:1.5% 8px;
	border:1px solid #d0d0a3;
	border-radius:6px 6px 6px 6px;
	}


.remerciements{
	text-align:center;
	font-size:1.4em;
	margin:40px 0;
	}

.img-float{
	float:right;
	padding:0 0 10px 10px;
	}

/*/Deux colonnes*/

.colonne-droite-diffusion h2{
	margin-top:0;
	padding-top:0;
	}


.diffusion-liste{
	margin:0;
	padding:0;
	}

.diffusion-liste li{
	list-style-type:none;
	margin:0 0 36px 0;
	clear:both;
	}

.diffusion-liste img{
	display:block;
	float:left;
	margin:0 10px 2px 0;
	padding:4px;
	background-color:#FFF;
	border:1px solid #d0d0a3;
	}
	
.diffusion-liste span{
	display:block;
	clear:both;
	}