/*
	Style CSS pour le site Journées Québec 
	Auteur : Anthony Corriveau et Rémi Payette
	Date : Avril 2016
	
	Chartes des couleurs :
		COULEUR BLEU PALE : #00b5e2
		COULEUR BLEU FONCÉ : #003da5
		COULEUR gris background : #f7f7f7
		COULEUR gris emphase, h3 : #5d5d5d
*/

/*******************************************************************************************************************************/
/**************************************************TEMPLATE*********************************************************************/
 
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 0;padding-left: 0;font-weight: normal; }
a img {border: none; }
header, section, footer, aside, article, figure, div {display: block; }
.clear{	clear:both;	}


/*******************************************************************************************************************************/
/*****************************************Titres, Paragraphes et Liens*********************************************************/
h1{	font-size:48px;	font-weight:lighter; margin-bottom:60px;}
h2{	font-size:17px;	font-weight:bold; color:#003da5; margin: 30px 0 2px 0;}
h3{ font-size:16px; padding-left:20px; font-weight:bold; color:#5d5d5d;/* text-transform:uppercase;*/}
h4{	font-size:15px;	line-height:20px;padding-right:20px; /*text-transform:uppercase;*/}
h5, h6{	font-size:15px; line-height:14px; /*text-transform:uppercase;*/}
p{font-size:16px; padding-right:20px; padding-left:20px; margin-bottom:0.8em;}
/*#coldroite ul li{ font-size:14px; }*/


 
a:hover{text-decoration: underline;}

/*******************************************************************************************************************************/
/*******************************************POSITIONNEMENT TEMPLATE*************************************************************/
 a.boutton {
	border:4px solid #003da5; padding:8px; padding-left: 23px; padding-right: 23px; margin-left:20px; text-transform:uppercase; color:#1d439c; font-size:16px; font-weight:bold;}

.conteneur {width: 100%; background-color: #FFFFFF; margin: 0 auto;} /* la valeur automatique sur les côtés, associée à la largeur, nav{position:absolute; top:172px; width:960px; text-align:center; height:103px;}permet de centrer la mise en page */




#colgauche {float:left;	width:66%;	position: relative;}




#coldroite {float:left;	width:34%;}
#blocDate {	background-color: rgba(0,181,226,0.75);	color: #003da5;	padding:25px; margin-bottom:60px;}
#blocDate h2 {	margin-bottom:45px;	font-size:22px;font-weight:normal; line-height:21px; text-transform:uppercase;}
#blocDate h2 img{float: left;margin-right: 20px;}
#blocDate ul {list-style:none;}
#blocDate ul li {margin-bottom:28px;}
#blocDate .date {text-transform:uppercase; font-weight:bold; }

.fb_iframe_widget, .fb-page{height:390px;}
#facebook_ie {display:none;}
#facebook_ie span { line-height:79px; display:block; padding-left:25px; background-color:#f7f7f7; }

footer {padding: 80px 0 0 0;	background-color: #fff;	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */ clear: both;}
 
footer img{	vertical-align: middle; display:inline;}
footer #partnersHaut{border-bottom: 4px solid #e4e5e7;height:95px;}
footer #partnersHaut ul{list-style:none;text-align:left;float:left;}
footer #partnersHaut ul li{	display:inline;}
footer #partnersHaut ul#aligndroite{text-align:right;}
footer #partnersBas{text-align:center;padding:20px 0;}
footer p#dernierlien{padding-bottom:80px;padding-left:0;padding-right:0;color:#232342; font-size:12px; text-decoration:underline}


/*******************************************************************************************************************************/
/*************************************************CARROUSEL*********************************************************************/
.simpleBanner {overflow: hidden;position: relative;width:100%;height:630px;}
.simpleBanner.hiddenArrows .bannerControlsWpr, .simpleBanner.hiddenIndicators .bannerIndicators {display:none;}
.simpleBanner ul {list-style:none!important;margin:0;padding:0;}
.simpleBanner .bannerListWpr {clear:both;overflow:hidden;width: 1920px;margin:auto;position: relative;left: 50%;margin-left: -960px;}
.simpleBanner .bannerListWpr ul {width:50000px;overflow:hidden;}
.simpleBanner .bannerListWpr ul li {float:left;width:1920px;height:555px;list-style:none !important;} /* Make sure to set the width for this */
.simpleBanner .bannerListWpr ul li img { width:1920px;height:555px;}
.simpleBanner .bannerIndicators {background:transparent;left:50%;opacity:0.9;padding:4px 8px 4px 0;position:absolute;bottom:96px;margin-left:-60px;}
.simpleBanner .bannerIndicators ul {overflow:hidden;}
.simpleBanner .bannerIndicators ul li {list-style:none;}
.simpleBanner .bannerIndicators .bannerIndicator {background:#fff;cursor:pointer;float:left;margin-right:27px;width: 22px;height: 22px;}
.simpleBanner .bannerIndicators .bannerIndicator:hover {background:#FFF;}
.simpleBanner .bannerIndicators .bannerIndicator.current {background:#00b5e2;cursor:default;}


/*******************************************************************************************************************************/
/*********************************************PAGE INDEX******************************************************************/
#secteursvedettes ul{padding-left:20px;float:left; width:250px; font-size:0.9em;}

/*******************************************************************************************************************************/
/*********************************************PAGE TÉMOIGNAGES******************************************************************/

.blocTemoignage{width:605px;height:auto;position:relative;margin-bottom:50px;	}
.blocTemoignage .blocbleu{float:left;width:160px; height:248px;background:#e5f7fc url("/images/ui/triangle_blanc.png") 80px bottom no-repeat;}
.blocTemoignage .blocbleu  .nom{ text-align:center; color:#003da5; font-size: 18px;font-weight: bold;margin-top:55px; /*margin-bottom: 5px;*/}
.blocTemoignage .blocbleu  .pays{text-align:center;	color:#212322; font-size: 17px;font-weight: bold; margin-bottom: 10px;}
.blocTemoignage .blocbleu  .fonction{text-align:center;	color:#212322; font-size: 14px; margin-bottom: 10px;}
.blocTemoignage .blocbleu  .recrute{text-align:center;color:#212322; font-size: 14px; font-weight: bold;}
.blocTemoignage .video{	float:left;	height:248px; overflow:hidden;}
.blocTemoignage .video iframe{border:none;}
.blocTemoignage .texte{	width:100%;margin-top:50px;}
.blocTemoignage p{margin:0; font-style:italic; font-size:14px;}
.blocTemoignage .colgauche{	width:40px;	text-align:center; }
.blocTemoignage span.cite {display:block; padding-bottom:20px; font-size:60px; font-weight:bold; color:#dfdfdf; }
.blocTemoignage .colmilieu{width:540px;text-align:center;}
.blocTemoignage .coldroite{	width:40px; text-align:center;}
.blocTemoignage .nomTemoignage{text-align:right;clear:both;font-weight:bold;padding-top:10px;}		
	
	
/*******************************************************************************************************************************/
/*************************************************PAGE FAQ**********************************************************************/
#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;}
#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;}

/*******************************************************************************************************************************/
/*************************************************PAGE PARTENAIRES**************************************************************/
#partenaires img { float:right; }
#partenaires p { clear:both; }
.titreprincipal {
  border-bottom: 13px solid #0080c8;
  padding-bottom: 20px;
  text-align: center;
}
.textepays {	
	font-size: 1.8333em !important;
	font-weight: bold;
	color: white;
}