BODY{

}

#container
{
	height:100%;
    padding: 54px 0 0 0;
	overflow:hidden;
}
/* INTRODUCTION PARCOURS */

H1.titre_parcours{
	font-size:3rem;
	color:white;
}
.introduction{
	font-size:1.1rem;
	color:white;
	padding:0;
}
.boutonentrer{
	display:inline-block;
	border:1px solid #fcc200;
	color:#fcc200;
	padding:13px 20px;
	font-size:1.5rem;
	margin:30px auto;
	text-decoration:none;
}

A.lien_jaune{
	color:#fcc200;
	text-decoration:underline;
}
.cartouche_jaune{
	display:inline-block;
	text-decoration:none;
	color:#4222a1;
	padding:5px;
	margin:6px;
	background:#fcc200;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
}
.tag_blanc{
	display:inline-block;
	background:#f0f0f0;
	color:#4e5256;
	font-size:0.9rem;
	padding:2px 10px;
	margin:6px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

.tagmc{
	display:inline-block;
	font-size:0.9rem;
	padding: 2px 10px 2px 0;
	margin: 0px 6px 6px 0;
	text-transform:capitalize;

}

.cartouche_blanche{
	display:inline-block;
	text-decoration:none;
	text-align:left;
	max-width:180px;
	width:95%;
	border:1px solid white;
	color:white;
	padding:10px 10px 0 10px;
	margin:4px;
}
.cartouche_blanche:hover{
	color:#fcc200;
	text-decoration:none;
}

.titre_diapo{
position: absolute;
top: 0;
left: 0;
padding: 70px 8px 0 8px;
background: white;
font-size: 1.2rem;
color:white;
width: 100%;
height: 100%;
background:url(/images/diapo_fond.png);
text-align:center;
text-decoration:none;
}

.slide_suivante{
background:url(/images/diapo_suivant.png);
}

/* ETAPE */

H1{
	font-size:2.5rem;
	font-weight:normal;
	text-align:center;
}

.H1sousligne{
	text-align:left;
	border-bottom:1px solid #d5d0e6;
}

H2{
	font-size:2rem;
	color:#239cd3;
	font-weight:normal;
}
A.lien_bloc{
	color:black;
	
}
A.lien_bloc:hover{
	color:black;
	text-decoration:none;
}

.bt_controle{
	font-size:47px;
	color:#4222a1;
	line-height: 0.8;
margin: 3px 0 0 10px;
display: inline-block;
}
.bt_controle:hover{
	color:#fcc200;
	text-decoration:none;
}
.bt_controle_actif{
	color:#fcc200;
	text-decoration:none;
}
FOOTER{
	display:block;
	width:100%;
	position:fixed;
	bottom:0;
	height:50px;
	z-index:410;
-moz-box-shadow: 0px 6px 40px 0px #656565;
-webkit-box-shadow: 0px 6px 40px 0px #656565;
-o-box-shadow: 0px 6px 40px 0px #656565;
box-shadow: 0px 6px 40px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=40);
}
#contenu{
	float:left;
	width:80%;
	height:93%;
	overflow:auto;
	padding:30px 10px 20px 10px;
}

.fermer{
	position:relative;
	z-index:210;
	float:right;
	cursor:pointer;
	margin:10px;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;	
}
.fermer:hover{
-moz-transform: rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}


#enrichhissement{
	position:relative;
	float:left;
	overflow:auto;
	width:20%;
	height:93%;
	z-index:50;
	overflow:hidden;
}

#enrichhissement_total{
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
}
.illustration{
	width:100%;
	max-height:200px;
	min-height:50px;
	overflow:hidden;
	background:#D0D0D0;
	margin:0 0 10px 0;
}

.forum{
	padding:30px;
	border-bottom:1px solid black;
}
.forum .titre_bloc{
	color:#4222a1;
}

.bulle1,.bulle2,.bulle3{
	background: #4222a1;
	width:50px;
	height:50px;
	margin:10px 50px 15px 15px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	float:left
}

.bulle2{
	background: #ff3c1d;
	}
.bulle3{
	background: #00c08c;
	}
	
	
.zone{
	border:0 none;
	padding:20px;
	text-align:justify;
	max-width:940px;
	margin:0 auto;
	cursor:unset;
}

.zone:hover{
background:transparent;
}
.slide_d div, .slide_g div{
padding: 0;
margin:5px 0;
}
.legende_photo{
	display:none;
	top:0;
	background:black;
	padding:10px 20px;
	color:white;
	font-size:1rem;
	width:100%;
	line-height: 1;
	opacity:0.7;
}
.legende_photo A{
  text-decoration:none;
  color:#C0C0C0;
  }
  
  
.bouton{
    display:inline-block;
	position:relative;
	top:0;
	background: #4222a1;
	border:1px solid white;
	color:white;
	font-size:1rem;
    padding: 7px 15px;
	margin:10px auto;
	font-weight:normal;
	cursor:pointer;
	text-transform:uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#les_alternatives, #les_ressources, #les_outils,#les_forum, #les_alternatives2, #les_ressources2, #les_outils2,#les_forum2{
	position:relative;
	background:#239cd3;
	border-top:1px solid white;
	height:100%;
}
#les_alternatives2, #les_ressources2, #les_outils2,#les_forum2{
height:100%;
}
#les_ressources,#les_ressources2{
	background:#e64438;
}
#les_outils, #les_outils2{
	background:#32ac7c;
}
#les_forum,#les_forum2{
	background:#ffbb00;
}

#retour_alter, #retour_ress, #retour_outils, #retour_forum, #retour_parcours{
	display:none;
	position:absolute;
	top:0;
	cursor:pointer;
	background:#4222a1;
	height:100%;
	width:100%;
	font-size:2.5rem;
	color:white;
	padding:10%;
	text-align:center;
}
.retour_parcours,#retour_parcours{
	background:#113382;
}
.retour_alter,#retour_alter{
	background:#239cd3;
}
.retour_ressource,#retour_ress{
	background:#e64438;
}
.retour_outils,#retour_outils{
	background:#32ac7c;
}
.retour_forum,#retour_forum{
	background:#ffbb00;
}

.titre_bloc{
	color:black;
	font-size:1.3rem;
}
.titre_parcours{
	color:#113382;
}
.titre_alternative{
	color:#239cd3;
}
.titre_ressource{
	color:#e64438;
}
.titre_outil{
	color:#32ac7c;
}
#toutes_les_alternatives,#toutes_les_ressources,#toutes_les_outils,#toutes_les_forum{
	position:absolute;
	top:0;
	width:80%;
	left:100%;
	background:#239cd3;
	height:95%;
	padding:70px 35px 35px 35px;
	overflow: auto;
	z-index:10;
}
#toutes_les_ressources{
	background:#e64438;
}
#toutes_les_outils{
	background:#32ac7c;
}
#toutes_les_forum{
	background:#ffbb00;
}

/* VOLET NAVIGATION */
#navigation, #calque_outil{
	position:absolute;
	overflow: auto;
	width:100%;
	height:100%;
	background:#d7d7d6 url(/images/carte.jpg) center center;
	top:100%;
	padding-top: 100px;
	z-index:400;
}
 #calque_outil{
 padding:20px 8%;
 overflow:auto;
 }
.une_alternative{
	display:inline-block;
	position:relative;
	background:white;
	width:350px;
	height:100px;
	margin:10px;
}
.une_alternative:hover{
	-moz-box-shadow: 10px 10px 20px 0px #656565;
	-webkit-box-shadow: 10px 10px 20px 0px #656565;
	-o-box-shadow: 10px 10px 20px 0px #656565;
	box-shadow: 10px 10px 20px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=20);
	}
	
.une_petitealternative{
	display:inline-block;
	position:relative;
	width:90%;
	margin:10px 5%;
	height:60px;
	font-size: 1rem;
	text-decoration:none;
}	

.nb_ele{
	display:inline-block;
position: relative;
top: -2px;
padding: 6px 13px;	
	font-size: 1rem;
	color:white;
	background:black;
	width:30px;
	height:30px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}
.bt_ajout{
position:absolute;
right:5px;
top:10px;
border: 1px solid white;
padding: 1px 4px;
float: right;
color: white;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 0.9rem;
}

.bt_ajout:hover{
background:white;
color: black;
}

.spip_documents_player{
padding:40px;
margin:10px;
background:#C0C0C0;
}

.fl_lib{
display:inline-block;
position: relative;
top: 6px;
padding:5px;
font-weight:bold;
color:#30157f;
font-size:1.5rem;
}

/* ZONE VISU */
#zone_visu{
	position:absolute;
	display:none;
	background:white;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:200;
	overflow:auto;
}


/* FORMULAIRE */

FIELDSET{
	position:relative;
	border:0 none;
	padding:0;
	margin:5px;
	color:#525252;
	background:transparent;
}

legend{
	color: #4222a1;
	font-size: 1.2rem;
	font-weight: bold;
	background: transparent;
	width: auto;
	padding: 10px;
	position: relative;
	left: 0;
	top: 0;
}


LABEL{
min-width:200px;
display:block;
font-weight:bold;
}

INPUT, SELECT{
	border: 1px solid black;
	background: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;	
}

TEXTAREA{
	border: 1px solid black;
	background: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.smartphone{
display:none;
}

@media screen and (max-width: 1000px) {
	.chevron{
		display:none;
	}
}
@media screen and (max-width: 850px) {
	.libelletype{
		display:none;
	}
	.cache_750{
	display:none;}
	#contenu{
	width:65%;
	}	
	#enrichhissement{
	width:35%;
	}
}

@media screen and (max-width: 550px) {
	BODY{
		overflow:auto;
	}
H1.titre_parcours{
	font-size:2rem;
	color:white;
}	
.fermer{
width:40px;
}
FOOTER {
    height: auto;
	}
.bt_controle{
margin: 5px 0;
}	
	#container{
	height:auto;
	}
	#contenu{
	width:100%;
	height:auto;
	float:none;
	}
	.libelletype{
		display:inline;
	}
	#enrichhissement{
	float:none;
	width:100%;
	}
	.lien_bloc{
	margin:10px 5%;
	}
.smartphone{
display:block;
}

.bulle1, .bulle2, .bulle3{
float:none;
}
}