/* Institut sans frontières */
/* GX Communication © 2009 */
	
body{
	margin:0;
	padding:0;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003768;
	}
	
a{color:#003768;}
a:hover{color:#6687a4;}

p{line-height:15px;}
	
#pageConteneur{
	width:960px;
	margin:auto;
	}
	
#pageAccueil #pageConteneur{
	background:url(../images/backGacceuil2.jpg) no-repeat;
	height:800px;
	}
	
#logoISF{
	float:left;
	width:320px;
	height:130px;
	background:url(../images/logo.png) no-repeat;
	background-position:10px 20px;
	}
	
#logoISF a{
	display:block;
	width:320px;
	height:130px;
	}
	
#pageContent{
	float:left;
	width:960px;
	position:relative;
	}
	
#pageColumn{
	float:left;
	width:573px;
	min-height:670px;
	padding:0 20px 0 50px;
	margin-left:320px;
	background:url(../images/backGeau.jpg) no-repeat bottom;
	position:relative;
	}
	
#txtScroll{
	width:550px;
	height:405px;
	padding:0 30px 0 0;
	margin: 10px 15px 0 0;
	overflow:auto;
	overflow-x:hidden;
	left:40px;
	top:70px;
	}
	
.BGprofil{background:url(../images/11lumiere.jpg) no-repeat;}

.BGservices{background:url(../images/7sautfalaise.jpg) no-repeat;}
.BGservicesBilan{background:url(../images/4sofaeau.jpg) no-repeat;}
.BGservicesCoaching{background:url(../images/1coaching.jpg) no-repeat;}
.BGservicesCoachingReflexion{background:url(../images/3reflectiondesert.jpg) no-repeat;}
.BGservicesCoachingBos{background:url(../images/12bos.jpg) no-repeat;}
.BGservicesConference{background:url(../images/2cafequai.jpg) no-repeat;}
.BGservicesLeadership{background:url(../images/8equipe.jpg) no-repeat;}
.BGservicesLeadershipTOP{background:url(../images/5chaiseTunesie.jpg) no-repeat;}
.BGservicesLeadershipOdysee{background:url(../images/9gouvernail.jpg) no-repeat;}

.BGrealisations{background:url(../images/6geyser.jpg) no-repeat;}
.BGcalendrier{background:url(../images/10bateauSuzanne.jpg) no-repeat;}
.BGcontact{background:url(../images/11lumiere.jpg) no-repeat;}
.BGinscription{background:url(../images/7sautfalaise.jpg) no-repeat;}
	
/* ------------------------------ NAVIGATION ------------------------------*/
/* ------------------------------------------------------------------------*/
	
#menuNav{
	height:130px;
	}
	
#menuNav ul#nav{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	font-family:Century Gothic, Arial;
	font-size:13px;
	}
	
#menuNav ul#nav li{
	float:left;
	border-right:1px solid #003768;
	}
	
#menuNav ul#nav li a{
	display:block;
	width:127px;
	line-height:36px;
	color:#FFFFFF;
	background:url(../images/menu_fade.gif) repeat-x;
	font-weight:bold;
	text-decoration:none;
	}
	
#menuNav .actif{
	background:#003867 !important;
	}
	
#menuNav ul#nav li a:hover{
	background:#003867;
	}
	
		/* ------------------------ sous-menu ----------------------- */
		/* ---------------------------------------------------------- */
			
		#menuNav #sousmenuNav ul{
			margin:0;
			padding:0;
			list-style:none;
			height:50px;
			margin-top:10px;
			float:left;
			}
			
		#menuNav #sousmenuNav ul li{
			display:inline;
			padding:2px 11px;
			border-right:1px solid #003867;
			}
			
		#menuNav #sousmenuNav ul li a{
			font-size:14px;
			text-decoration:none;
			}
			
		#menuNav #sousmenuNav ul li a:hover{
			text-decoration:underline;
			}
			
		.dernier{border-right:none !important;}
			
		#menuNav #sousmenuNav .services li{
			float:left;
			width:130px;
			letter-spacing:-0.5px;
			}
			
		#menuNav #sousmenuNav .services .actif{
			background:none !important;
			font-weight:bold;
			}
		
		#menuNav #sousmenuNav .services .actif:hover{
			color:#003768;
			text-decoration:none;
			}
	
/* ------------------------------- ACCUEIL --------------------------------*/
/* ------------------------------------------------------------------------*/

#pageAccueil a#linkBtn1{position:absolute; top:50px; left:390px; background:url(../images/leadership-home.gif) no-repeat;}
#pageAccueil a#linkBtn2{position:absolute; top:220px; left:330px; background:url(../images/conference-home.gif) no-repeat;}
#pageAccueil a#linkBtn3{position:absolute; top:370px; left:195px; background:url(../images/coaching-home.gif) no-repeat;}
#pageAccueil a#linkBtn4{position:absolute; top:470px; left:30px; background:url(../images/bilan-home.gif) no-repeat;}
#pageAccueil a#linkBtnEn{position:absolute; top:650px; left:30px; font-size:11px; font-weight:bold; color:#FFFFFF;}

#pageAccueil a.btn{
	display:block;
	width:140px;
	padding-top:127px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	}
	
#pageAccueil a.btn:hover{
	color:#d0dbe2;
	}
	
#pageAccueil a#linkBtn5{position:absolute; left:513px; top:472px; background:url(../images/nouveautes-home.png) no-repeat; padding-top:0; width:160px; height:179px;}

#pageAccueiltxt{
	width:275px;
	position:absolute;
	top:90px;
	left:675px;
	font-size:13px;
	}
	
#pageAccueiltxt p{
	line-height:17px;
	font-weight:bold;
	}
	
#pageAccueiltxt p strong{
	font-style:italic;
	color:#031f37;
	}


/* ------------------------------- ENGLISH --------------------------------*/
/* ------------------------------------------------------------------------*/

#pageAccueil .en{
	background:url(../images/backGacceuilEN.jpg) no-repeat !important;
	}
	
#workProgress{
	font-size:24px;
	font-weight:bold;
	position:absolute;
	top:50px;
	left:485px;
	}
	
#workProgress a{
	font-size:12px;
	}

/* ------------------------------ TEXT STYLES -----------------------------*/
/* ------------------------------------------------------------------------*/

h1{
	font-size:27px;
	margin-top:0;
	font-family:Century Gothic, Arial, sans-serif;
	}
	
.Hsection{
	font-size:27px;
	margin-bottom:0;
	}
	
.Hservices{
	margin:0;
	padding:0;
	height:60px;
	}

.Hformation{
	margin:0 0 10px 0;
	padding:0;
	height:20px;
	font-size:22px;
	font-weight:normal;
	}
	
h2{
	margin-top:0;
	font-size:17px;
	}
	
h3{
	margin:0;
	padding:0;
	font-size:15px;
	}
	
a.lkBlock{
	display:block;
	width:130px;
	padding:10px 15px;
	margin:0 30px 30px 0;
	font-family:Century Gothic, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	background:#c2cfd8;
	border:1px solid #202542;
	}
	
a.retour{
	position:absolute;
	bottom:30px;
	right:30px;
	display:block;
	width:113px;
	height:117px;
	}

p.smallMarge{
	margin:5px 0;
	}
	
#Profil_Valeurs strong{
	font-size:18px;
	margin-right:3px;
	}
	

/* -------------------------------- PROFIL --------------------------------*/
/* ------------------------------------------------------------------------*/
	
.profil_slide dt{
	font-weight:bold;
	}
	
.profil_slide dd{
	list-style:circle;
	}
	
.profil_slide table img{
	margin-right:20px;
	}	
	
	
/* ------------------------------- SERVICES -------------------------------*/
/* ------------------------------------------------------------------------*/


#pageServices a#linkBtn1{background:url(../images/leadership.gif) no-repeat;}
#pageServices a#linkBtn2{background:url(../images/conference.gif) no-repeat;}
#pageServices a#linkBtn3{background:url(../images/coaching.gif) no-repeat;}
#pageServices a#linkBtn4{background:url(../images/bilan.gif) no-repeat;}

#pageServices a.btn{
	display:block;
	width:140px;
	padding-top:105px;
	margin-bottom:20px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	}

/* --------------------------- choix du service ------------------------- */
	
#gridServices{
	width:460px;
	border:0;
	}
	
#gridServices .desc{
	vertical-align:top;
	}
	
#gridFormation{
	width:550px;
	border:0;
	}
	
#gridFormation td{
	vertical-align:top;
	}
	
#gridFormation td a.lkBlock{
	margin-top:5px;
	}
	
#gridFormation .desc{
	padding-bottom:20px;
	}
	
/* ------------------------- fiches des services ------------------------ */
	
#contentSousMenu a{
	padding:0 7px 0 0;
	margin:0 5px 0 0;
	border-right:1px solid #959595;
	color:#959595;
	text-decoration:none;
	}
	
#liens{
	position:absolute;
	top:570px;
	}
	
.tbImagesGauche td{
	padding-bottom:20px;
	}
	
.tbImagesGauche img{
	margin-right:15px;
	}
	
.temoig{
	padding:10px 20px;
	margin:15px 0;
	background:#c2cfd8;
	border:1px solid #202542;
	}
	
.temoig-auteur{
	text-align:right;
	margin-top:0;
	}
	
.note{
	font-size:11px;
	font-style:italic;
	}	
	
#backLeadership{background:url(../images/retour_leadership_icone.gif) no-repeat;}
#backBilan{background:url(../images/retour_bilan_icone.gif) no-repeat;}
#backCoaching{background:url(../images/retour_coaching_icone.gif) no-repeat;}
#backConference{background:url(../images/retour_conference_icone.gif) no-repeat;}


/* ------------------------------ CALENDRIER ------------------------------*/
/* ------------------------------------------------------------------------*/

.btnInscription{
	float: right;
	background: #003768;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 10px;
	font-size:13px;
	}

.calRow{
	float:left;
	width:560px;
	overflow:auto;
	font-family:Century Gothic, Arial, sans-serif;
	background:url(../images/calendrier_rowBG.gif) repeat-y;
	}
	
.calRow div{
	float:left;
	padding:10px 15px;
	margin-right:5px;
	font-weight:bold;
	border-left:1px solid #003768;
	border-right:1px solid #003768;
	background:#becce2;
	}
	
.calTitre{
	font-family:Century Gothic, Arial, sans-serif;
	font-weight:bold;
	float:left;
	padding:15px;
	margin-right:5px;
	}
	
.calSousTitre{
	border-top: 1px solid #003768;
	padding-top: 10px;
	margin-top :20px;
	}
	
.calDate{
	width:110px;
	}
	
.calFormation{
	width:100px;
	}
	
.calLieu{
	width:130px;
	}
	
.calInscription{
	width:69px;
	}
	
.calTop{
	border-top:1px solid #003768;
	}
.calBottom{
	border-bottom:1px solid #003768;
	}
	
.phaseCHEF{
	overflow: auto;
	padding: 0 0 0 25px;
}
.phaseCHEF img{
	float: left;
	margin-right: 25px;
}
.phaseCHEF p{
	padding-top: 20px;
}



/* ------------------------ CONTACT & INSCRIPTION ------------------------*/
/* -----------------------------------------------------------------------*/


form{
	width:500px;
	padding:0 10px;
	background:#cfdae6;
	margin-top:15px;
	border:1px solid #003768;
	}
	
form p{
	margin:1em 0;
	}
	
form p.double{
	overflow:hidden;
	width:100%;
	}
	
form p.nolabel{
	margin-left:120px;
	}
	
form p.double label{
	float:left;
	width:115px;
	text-align:left;
	font-size:14px;
	}

form p.double label.court{
	width:auto;
	margin:0 5px 0 20px;
	}

form p.double label span.info{
	display:block;
	margin-top:.2em;
	}
	
form p.double input, form p.double textarea{
	width:250px;
	margin-left:12px;
	margin-right:10px;
	padding:2px 4px;
	float:left;
	}

form .inputcourt{
	width:150px !important;
	}
form .inputcourt2{
	width:100px !important;
	}
form .tel1{
	width:30px !important;
	}
form .tel2{
	width:50px !important;
	}
form .signetel{
	float:left;
	}
form .lbLong{
	width:190px !important;
	}
form .inputDate{
	width:30px !important;
	font-size:10px;
	}

form p.double textarea{
	width:320px;
	height:10em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

form input.submit{
	background:none;
	border:none;
	font-size:14px;
	font-family:Century Gothic, Arial, sans-serif;
	color:#003768;
	padding:0;
	border-bottom:1px solid #003768;
	margin-left:400px;
	margin-bottom:10px;
	}
form input.submit2{
	background:#003768;
	border:none;
	font-size:14px;
	font-family:Century Gothic, Arial, sans-serif;
	color:#FFFFFF;
	padding:0;
	margin-left:400px;
	margin-bottom:10px;
	}
	
form input.submit:hover{
	cursor:pointer;
	}
	
.obligatoire{
	font-size:11px;
	margin-top:-20px;
	}
	
input.requis {
	border:solid 1px red;
	}
textarea.requis {
	border:solid 1px red;
	}
select.requis {
	border:solid 1px red;
	}
label.requis {
	color:red;
	}
	
.merciBloc{
	width:405px;
	margin-left:30px;
	padding:30px 40px;
	background:#c2cfd8;
	border:1px solid #202542;
	line-height:normal;
	font-size:18px;
	}
	
form p#trima{
	overflow:hidden;
	visibility:hidden;
	width:100%;
	font-size:11px;
	margin-left:115px;
	margin-top:-5px;
	color:#990000;
	}
	
.espacehaut{
	margin-top: 25px;
}