/*
	Style CSS pour le site Journées Québec theme Evolution
	
	Chartes des couleurs :
		COULEUR BLEU PALE : #00b5e2
		COULEUR BLEU FONCÉ : #003da5
		COULEUR gris background : #f7f7f7
		COULEUR gris emphase, h3 : #5d5d5d
*/



/* activites JQ du theme evolution */	

	.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.container img {
  width: 100%;
  height: auto;
}

.container .btn {
  position: absolute;
  top: 85%;
  left: 70%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #0054a6;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: hand;
  border-radius: 5px;
  text-align: center;
}
.container .btnM {
  position: absolute;
  top: 90%;
  left: 65%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #0054a6;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: hand;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: #00aeef;
}
.container .btnM:hover {
  background-color: #00aeef;
}
</style>
<style>	
<!--code css JQ contenu-->
.conteneurJQ {
  position: relative;
  text-align: center;
  color: white;
  display:inline-block;
}

.pos_txtJQ {
  position: relative;
  bottom: 160px;
  left: 30px;
  color:black;
  font-size:20px;
  text-decoration:bold;
  text-align:left;
  
}
.journeesJQ {
  position: relative;
  text-align: center;
  display:block;
}

.pos_logoFB {
  position: relative;
  bottom: 30px;
  left: 600px;  
}
.pos_logoIN {
  position: relative;
  bottom: 30px;
  left: 620px;  
}
pos_employeur{
  position: inline;

  bottom: 110px;
  left: 550px;  
}
.pos_logoFBm {
  position: relative;
  top: 30px;
  right: 100px;  
}
.pos_logoINm {
  position: relative;
  top: 30px;
  right: 70px;  
}
.pos_logoFBb {
  position: relative;
  bottom: 120px;
  right: 170px;  
}

.pos_logoINb {
  position: relative;
  bottom: 120px;
  right: 150px;  
}
.pos_logoJQ {
  position: relative;
  top: 10px;
  left: 128px;
diplay:inline-block;  
}

.bandeau {
  position: relative;
  background-color: #19223E;
width : 100%;  
}


.menuB{border:none;position:relative;vertical-align:middle;text-decoration:none;width:100%;cursor:hand;}
.derouleSurClic{position:relative;width:100%;cursor:hand}
.derouleSurClic:hover{background-color:white;}
.derouleSurClic:hover > .menuB:first-child{background-color:white;}
.menuListe{cursor:hand;color:#19223E;background-color:#19223E;display:none;position:absolute;min-width:290px;z-index:1}
.deroule-hide{display:none!important}
.deroule-show-block,.deroule-show{display:block!important}
.deroule-show-inline-block{display:inline-block!important}
.menuItem {  
  color:white;
  font-size:20px;
  text-decoration:none; 
  font-family: 'Barlow';
  margin:15px,15px,15px,15px;
  padding: 10px;
}
.pos_burger {
  position: relative;
  bottom: 15px;
  left: 150px; 
diplay:inline;   
}
a.menuItem {  
  
  margin-left:35px;
  margin-bottom:25px;
  margin-top:10px;
  margin-right: 20px;
  
}
/**p.menuEvo {
border-bottom: 1px solid grey;
margin-top:20px;
padding-bottom:5px;
padding-top:5px;
font-family: "Barlow";**/
}
		.listefleches {
  			padding-left: 2rem;
  			list-style-type: none;
}

.textepays{
  text-color:white;
  font-size:20px;
  text-decoration:bold; 
  position:relative;
  bottom: 190px;
  left: 110px;  
}
.textepaysm{
  text-color:white;
  font-size:20px;
  text-decoration:bold; 
  position:relative;
  bottom: 210px;
  left: 110px;  
}

.conteneurconnexion {
  position: relative;
  width: 100%;
  max-width: 600px;
}

.conteneurconnexion img {
  width: 100%;
  height: auto;
}

.conteneurconnexion .btn {
  position: absolute;
  top: 93%;
  left: 70%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: black;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: hand;
  border-radius: 5px;
  text-align: center;
}

.conteneurconnexion .btn:hover {
  background-color: #00aeef;
}  
.btnE {
  
  background-color: black;
  color: white;
  font-size: 14px;
  padding: 12px 24px;
  border: none;
  cursor: hand;
  border-radius: 5px;
  text-align: center;
}
.btnE: hover {
  background-color: blue;
}  

.input-color {
    position: relative;
}
.input-color input {
    padding-left: 20px;
}
.input-color .color-box {
    width: 160px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    position: relative;
    left: 550px;
    top: 5px;
	text-align:center;
}		

.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.container img {
  width: 100%;
  height: auto;
}

.container .btn {
  position: absolute;
  top: 85%;
  left: 70%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #0054a6;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: hand;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: #00aeef;
}

.conteneurJQ {
  position: relative;
  text-align: center;
  color: white;
  display:inline-block;
}

/**.pos_txtJQ {
  position: relative;
  bottom: 160px;
  left: 30px;
  color:black;
  font-size:20px;
  text-decoration:bold;
  text-align:left;**/
  
}
.journeesJQ {
  position: relative;
  text-align: center;
  display:block;
}

.pos_logoFB {
  position: relative;
  bottom: 30px;
  left: 600px;  
}
.pos_logoIN {
  position: relative;
  bottom: 30px;
  left: 620px;  
}
.pos_employeur{
  position: inline;

  bottom: 110px;
  left: 550px;  
}
.pos_logoFBm {
  position: relative;
  top: 30px;
  right: 100px;  
}
.pos_logoINm {
  position: relative;
  top: 30px;
  right: 70px;  
}
.pos_logoFBb {
  position: relative;
  bottom: 120px;
  right: 170px;  
}

.pos_logoINb {
  position: relative;
  bottom: 120px;
  right: 150px;  
}
.pos_logoJQ {
  position: relative;
  top: 10px;
  left: 128px;
diplay:inline-block;  
}

.bandeau {
  position: relative;
  background-color: #19223E;
width : 100%;  
}

.menuB{border:none;position:relative;vertical-align:middle;text-decoration:none;width:100%;cursor:hand;}
.derouleSurClic{position:relative;width:100%;cursor:hand}
.derouleSurClic:hover{background-color:white;}
.derouleSurClic:hover > .menuB:first-child{background-color:white;}
.menuListe{cursor:hand;color:#19223E;background-color:#19223E;display:none;position:absolute;min-width:290px;z-index:1}
.deroule-hide{display:none!important}
.deroule-show-block,.deroule-show{display:block!important}
.deroule-show-inline-block{display:inline-block!important}
.menuItem {  
  color:white;
  font-size:20px;
  text-decoration:none; 
  font-family: 'Barlow';
  margin:15px,15px,15px,15px;
  padding: 10px;
}
.pos_burger {
  position: relative;
  bottom: 15px;
  left: 150px; 
diplay:inline;   
}
a.menuItem {   
  margin-left:35px;
  margin-bottom:25px;
  margin-top:10px;
  margin-right: 20px; 
}
p.menuEvo {
border-bottom: 1px solid grey;
margin-top:20px;
padding-bottom:5px;
padding-top:5px;
font-family: 'Barlow';
color: white !important;
}
.menuEvo {
border-bottom: 1px solid grey;
margin-top:20px;
padding-bottom:5px;
padding-top:5px;
font-family: 'Barlow';
color: white !important;
}
.conteneurJQ {

padding-left:35px;

font-family: Barlow!important;

}
img.tuile {

width:370px; 
height:260px;

}
.texteJQm {

padding-left:65px;
padding-right:55px;
font-family: Barlow!important;

}
#accordion h3 #indicateur{display:block;float:right; margin-right: 10px;font-size:35px;font-weight: normal;}
#accordion{	width:80%;}
#accordion h3{	cursor:pointer;	color:#00b5e2;border-top: 1px solid #00b5e2;margin:0;padding-top:10px;padding-bottom:10px;font-weight: bold;padding-left:0;}
#accordion #derniertitre{border-bottom: 1px solid #00b5e2;}
#accordion div h4{color:#0840a3;margin-top:15px;font-weight: bold;}
#accordion .ui-icon.iconOpen {background:url('/images/ui/moins.gif') no-repeat; width:14px;height:14px;display:block;float:right;margin-right: 10px;margin-top: 4px;}
.ui-icon.iconClosed {background:url('/images/ui/plus.gif') no-repeat; width:14px; height:14px;display:block;float:right;margin-right: 10px;	margin-top: 4px;}
/**Refonte**/
#accordion .ui-icon.iconOpen {background:url('/images/evolution/IMA_Moins_tiroirs.png') no-repeat; width:15px;height:6px;display:block;float:right;margin-right: 10px;margin-top: 4px;}
.ui-icon.iconClosed {background:url('/images/evolution/IMA_Plus_tiroirs.png') no-repeat; width:17px; height:17px;display:block;float:right;margin-right: 10px;	margin-top: 4px;}
/**Fin refonte**/
#accordion .ui-icon.iconClosed {background:url('/images/ui/plus.gif') no-repeat; width:14px; height:14px;display:block;float:right;margin-right: 10px;	margin-top: 4px;}

header, section,  aside, article, figure, div {display: block; text-align:left;}

.accordion h3 .indicateur{display:block;float:right; margin-right: 10px;font-size:35px;font-weight: normal;}
.accordion{	width:70%;}

.accordion h3{	cursor:pointer;	color:#00b5e2;border-top: 1px solid #00b5e2;margin:0;padding-top:10px;padding-bottom:10px;font-weight: bold;padding-left:0;}
.accordion .derniertitre{border-bottom: 1px solid #00b5e2;}
.accordion div h4{color:#0840a3;margin-top:15px;font-weight: bold;}
.accordion .ui-icon.iconOpen {background:url('/images/ui/moins.gif') no-repeat; width:14px;height:14px;display:block;float:right;margin-right: 10px;margin-top: 4px;}
.accordion .ui-icon.iconClosed {background:url('/images/ui/plus.gif') no-repeat; width:14px; height:14px;display:block;float:right;margin-right: 10px;	margin-top: 4px;}