/**
 * Sky theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
.reveal a {
  //line-height: 1.3em; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/
 
 *, *:before, *:after {
  box-sizing: border-box;
}


body {
  background: #ffffff;
  background-color: #ffffff;
  margin:0px; }

.reveal {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  width: 1024px;
margin:auto;
  }

::selection {
  color: #fff;
  background: #134674;
  text-shadow: none; }

.reveal .slides > section,
.reveal .slides > section > section {
	line-height: 1.3;
	font-weight: inherit; 
	text-align:left;

  }

.scrollable {
overflow-y: auto !important;
overflow-x: hidden !important;
height: 70%;
min-height: 70%;

opacity:0.5;
width:100%;
}

#btmobile
{
	display:none;
	position:absolute;
	top:-3px;
	right:20px;
}

#menu_mobile
{
	display:none;
	position:fixed;
	left:0px;
	top:80px;
	background-color:#ffffff;
	z-index:50;
	height:100%;
}

#menu_mobile a.photo_menu
{
	padding:0px;
	margin:0px;
}

#menu_mobile .photo_menu
{
	width:50%;
	max-width:100px;
	margin:8px;
}

#menu_mobile .menu_retour
{
	display:none;
}


.texte_central
{
	position:relative;
	padding-bottom:80px;
	padding-left:0px;
	text-align:left;
	margin:auto;
	font-size:0.7em;
	color:#000000;
	
}

.texte_central p
{
	text-align:justify;
}

.texte_central .picto_4
{
	width:150px;
	opacity:0.6;
	cursor:pointer;
}

.texte_central .info_4
{
	display:none;
	position:absolute;
	width:450px;
	height:140px;
	background-color:#ffffff;
	padding:6px;
	z-index:1000;
	top:250px;
	

}



.haut
{
	//display:none;
	background-color:#ffffff;
	height:120px;
}

.bas
{
	position:fixed;
	bottom:0px;
	background-color:#ffffff;
	height:60px;
	width:100%;
	margin:auto;
	text-align:center;
	z-index:100;
}

.titre_contenu
{
	font-size:1.3em;
	font-family: Calisto MT,Bookman Old Style,Bookman,Goudy Old Style,Garamond,Hoefler Text,Bitstream Charter,Georgia,serif;
	font-weight:bold;
}

.p
{
	font-size:0.9em;
}


/* pour le quizz */
.question
{
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0px 4px 0px;
}

.reponse
{
	padding: 0px 0px 4px 12px;
	list-style-type:none;
	font-size:1.2em;
}

.reponse li
{
	padding:8px;
} 

.bt_questionnaire
{
	padding:8px;
	background-color:#e3e4e9;
	color:#3a1a65;
	cursor:pointer;
	font-size:1.2em;
	border:1px solid #3a1a65;
	margin-top:16px;
}
.bt_questionnaire:hover
{
	background-color:#3a1a65;
	color:#e3e4e9;
}

#ques1,#ques2,#ques3,#ques4,#ques5,#ques6,#ques7,#ques8,#ques9,#ques10
{
	display:none;
}

#rep1,#rep2,#rep3,#rep4,#rep5,#rep6,#rep7,#rep8,#rep9,#rep10
{
	display:none;
}

#nouvellerep, #montrerep, #final
{
	display:none;
}

.titre_reponse
{
	font-weight:bold;
	font-size:1.2em;
}

#nouvellerep
{
	text-align:center;
}
.contenu_reponse
{
	margin-top:10px;
	padding:6px;
	font-size:1.05em;
}


.le_message_reponse
{
	font-weight:bold;
	font-size:1.2em;
}

.le_message_reponse a, .titre_reponse a
{
	text-decoration:none;
	color:#bd2e34;
	font-size:1em;
}

.le_message_reponse a:hover, .titre_reponse a:hover
{
	color:#303030;
}

#final .note_finale
{
	font-weight:bold;
	font-size:1.4em;
}

#final .comm_final
{
	font-size:1.1em;
	margin-top:8px;
	margin-bottom:16px;
}


.item_pas_bon
{
	text-decoration: line-through;
}

.item_bon
{
	text-decoration: none;
	font-weight:bold;
}

.item_neutre
{
	text-decoration: none;
	font-weight:normal;
}

.item_neutre
{
	text-decoration: none;
	font-weight:normal;
}

@media (max-width: 1050px) {
	.scrollable
	{
		width: 100%;	
	}
	
	.reveal {

	 width: 100%;	
	  }
  	.w1024p
  	{
  		width: 100%;	
  	}
	
}

@media (max-width: 780px) {

	
	.scrollable
	{
		width: 100%;	
	}
	
	.reveal {

	 width: 100%;	
	  }
  	.w1024p
  	{
  		width: 100%;	
  	}
	.titre_presentation
	{
		font-weight:strong;
		font-size:1.1em;
	}
	
	.texte_central 
	{
		width:98%;
		margin:0px;
		padding:0px;
		padding-left:4px;
	}
	
	.accueil_photos
	{
		clear:both;
		text-align:left;
	}
	
	.menu_haut
	{
		display:none;
	}
	
	#btmobile
	{
		display:block;
	}
	
	.scrollable .w40, .scrollable .w55
	{
		width:100%;
		text-align:center;
	}
	.scrollable .ptl
	{
		margin-top:0px;
	}
	.bas
	{
		height:60px;
	}
	.logo_vitijob
	{
		width:200px;
		top:2px;
		left:0px;
	}
	.bt_rs img
	{
		width:20px;
	}
	
	.copy
	{
		top:30px;
	}
}

@media (max-width: 490px) {

	
	.scrollable
	{
		width:400px;
	}
	
	.reveal {

	  width: 100%;
	  margin:0px;
	  margin-right:10px;
	  }

  	.goleft
	{
		left:20%;
	}

	.goright
	{
		right:20%;
	}
	.titre_presentation
	{
		font-weight:800;
		font-size:1em;
		top:0px;
		text-align:center;
		width:300px;
		padding:1px;
	}
	.texte_intro
	{
		margin:0px;
		padding:0px;
		width:100%;
	}
	.titre_contenu
	{
		font-size:1.06em;
	}
	
	.texte_central p
	{
		font-size:0.95em;
	}
	
	.texte_central 
	{
		width:98%;
		margin:0px;
		padding:0px;
		padding-left:4px;
	}
	
	.titre_metier 
	{
		font-size:1.6em;
	}
	
	.logo_vitijob
	{
		width:200px;
		top:2px;
		left:0px;
	}
	
	.bt_rs img
	{
		width:20px;
	}
	
	.copy
	{
		top:30px;
	}
	.menu_haut
	{
		display:none;
	}
	
	#btmobile
	{
		display:block;
	}
	
	.scrollable .w40, .scrollable .w55,  .scrollable .w300p
	{
		width:100%;
		text-align:center;
	}
	.scrollable .ptl
	{
		margin-top:0px;
	}
	.bas
	{
		height:60px;
	}
	
	.photo_personne
	{
		width:100%;
		text-align:center;
		margin-top:5px;
	
	}
}