/* CSS Document */
body{
margin:0;
padding:0;
background:url(img/bgk-body.gif) repeat-x #003e75;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
#global{
margin:auto;
padding:0;
width:892px;
}
#top{
width:892px;
height:98px;
margin:28px 0 0 0;
}
#logo{
float:left;
padding:0;
}
#art{
float:right;
margin:55px 0 0 0;
padding:0;
}
#content{
border:1px solid #FFFFFF;
margin:0 0 20px 0;
padding:5px;
background:url(img/bgk-feuille.gif) #001e55 no-repeat left bottom;
width:880px;

}
hr.spacer {
	clear: both;
	visibility: hidden;
	_display: none;
	margin: 0 0 0 16px;
	padding: 0;
	border: none;
}
#visuel{
width:880px;
height:223px;
background:url(img/visuel-montagne.png);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelmontagne{
width:880px;
height:223px;
background:url(img/visuel-montagne1.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelplante{
width:880px;
height:223px;
background:url(img/visuel-plante.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visueldohakhan{
width:880px;
height:213px;
background:url(img/visuel-doha-khan.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelamour{
width:880px;
height:230px;
background:url(img/visuel_amour.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuellarmes{
width:880px;
height:229px;
background:url(img/visuel_larmes.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelocean{
width:880px;
height:238px;
background:url(img/visuel_ocean.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}	
#visuelmourir{
width:880px;
height:238px;
background:url(img/visuel_mourir.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}	
#visuelfaucon{
width:880px;
height:250px;
background:url(img/visuel_faucon.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelconference{
width:880px;
height:222px;
background:url(img/visuel_conference.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelmanagement{
width:880px;
height:230px;
background:url(img/visuel_management.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelmba{
width:880px;
height:224px;
background:url(img/visuel_mba.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visueldemarche{
width:880px;
height:215px;
background:url(img/visuel_demarche.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#visuelharce{
width:880px;
height:215px;
background:url(img/visuel_harcelement.jpg);
padding:0;
margin: 0 0 2px 0;
float:left;
}
#vignettedohakhan{
margin:62px 0 0 300px;
color:#FFFFFF;
width:550px;
} 
#vignetteate{
margin:62px 0 0 420px;
color:#FFFFFF;
width:367px;
}
#vignetteocean{
margin:72px 0 0 420px;
color:#FFFFFF;
width:367px;
}
#vignetteconfe{
margin:62px 0 0 420px;
color:#FFFFFF;
width:401px;
}
#vignetteharce{
margin:85px 0 0 60px;
color:#FFFFFF;
width:431px;
}
#vignettemourir{
margin:85px 0 0 90px;
color:#FFFFFF;
width:300px;
}
#vignetteamour{
margin:62px 0 0 420px;
color:#FFFFFF;
width:390px;
}
#vignettevisuel{
margin:19px 0 0 21px;
color:#001e55;
width:500px;
} 
#vignettedemarche{
margin:40px 0 0 450px;
color:#FFFFFF;
width:381px;
}
#vignettemba{
margin:50px 0 0 390px;
color:#FFFFFF;
width:450px;
}
a.plus{
display:block;
width:100px;
height:22px;
background:url(img/btn-en-savoir-plus.gif);
}
a span{
display:none;
}
a.plus:hover{
background-position: 0 -22px;
}
a.plusbleu{
display:block;
width:100px;
height:22px;
margin:0 0 0 60px;
background:url(img/btn-en-savoir-plus-bleu.gif);
}
a.plusbleu:hover{
background-position: 0 -22px;
}
a.plusbleu2{
display:block;
width:100px;
height:22px;
margin:0 0 0 0px;
background:url(img/btn-en-savoir-plus-bleu.gif);
}
a.plusbleu2:hover{
background-position: 0 -22px;
}
a.plusblanc{
display:block;
width:80px;
height:20px;
background:url(img/btn-en-savoir-plus-blanc.gif);
}
a.plusblanc:hover{
background-position: 0 -20px;
}
/*/////////navigation///////*/
#navigation{
float:left;
width:880px;
padding:2px 0 1px 0;
border-top: 1px solid #FFFFFF;
border-bottom:  1px solid #FFFFFF;
background-image:url('img/navigation/bgk-nav.gif');

height:26px;
}
#nav{
display:block;
height:26px;
width:880px;
padding:0;
margin:0;
}
*+html #nav{
margin-top:-19px;
}
* html #nav{
margin-top:-19px;}
#iti{
float:right;
margin:5px 30px 0 0;
}
#iti a{
color:#FFFFFF;
text-decoration:none;
}
#iti a:hover{
color:#ff173d;
}
#nav li{
float:left;
list-style:none;
height:26px;
padding:0;
margin:0;
}
#nav li a{
display:block;
height:26px;
}
#nav li a.metier{
background:url(img/navigation/01-metier.gif);
width:103px;
}
#nav li a.demarche{
background:url(img/navigation/02-demarche.gif);
width:118px;
}
#nav li a.expedition{
background:url(img/navigation/03-expedition.gif);
width:250px;
}
#nav li a.accueil{
background:url(img/navigation/accueil.jpg);
width:103px;
}
#nav li a.conferences{
background:url(img/navigation/conference.jpg);
width:103px;
}  
#nav li a.amour{
background:url(img/navigation/amour.jpg);
width:151px;
}
#nav li a.management{
background:url(img/navigation/management.jpg);
width:171px;
}
#nav li a.dohakhan{
background:url(img/navigation/04-doha-khan.gif);
width:107px;
}
#nav li a:hover{
background-position:0 -26px;
}
/*/////////fin navigation///////*/

/*////////home////////*/
#homeleft{
float:left;
width:380px;
margin:30px 74px 0 27px;
text-align:justify;
}
#homeleft p{
text-align:left;
}
#homeleft ul li{
text-align:left;
}
#left{
float:left;
width:800px;
margin:30px 19px 30px 32px;
text-align:justify;
}
* html #left{
margin:30px 19px 30px 16px;
}
#right{
	text-align:justify;
	float:left;
	width:382px;
	margin:64px 19px 30px 32px;
}
#rightdoha{
text-align:justify;
float:left;
width:380px;
margin:32px 19px 30px 32px;
}
#leftdoha{
text-align:justify;
float:left;
width:380px;
margin:32px 19px 30px 32px;
}
* html #right{
margin:64px 19px 30px 16px;
}
#leftmetier{
float:left;
width:650px;
margin:30px 0 30px 32px;
text-align:justify;
}
#leftmetier ul{
padding-left:12px;
}
*+html #leftmetier{
width:750px;
margin:30px 0 30px 32px;

}
*+html #leftmetier ul{
padding-left:12px;
margin-left:10px;
}
#rightmetier{
text-align:justify;
float:left;
width:468px;
margin:64px 19px 30px 0;
}
#rightmetier ul{
padding-left:0;
}
*+html #rightmetier{
margin:85px 0 30px 0;
width:498px;

}
*+html #rightmetier ul{
padding-left:12px;
margin-left:10px;
}
*+html #right{
margin:84px 19px 30px 32px;
}
* html #right{
margin:84px 19px 30px 32px;
}
#savoirplus{
position:relative;
margin:-20px 0 10px 390px;
}

#participer{
position:relative;
margin:-15px 0 0 120px;
}
*+html #participer{
margin:-25px 0 0 360px;
}
a{
color:#ffffff;
}
a:hover{
color:#ff173d;
}
ul li{
list-style-image:url(img/liste.gif);
line-height:20px;
}
.vignette{
float:left;
width:163px;
margin:12px 22px 0 0;
background:url(img/bgk-vignettes.gif);
font-size:11px;

}
.vignette img.tit{
margin:9px 0 0 9px;
}
.vignette img.photo{
margin:10px 0 15px 9px;
}
.vignette p{
margin:0 21px 0 9px;
/*text-align:justify;*/

}
.vignette a{
margin:12px 9px;
}

/*////////fin home////////*/
#bottom{
clear:both;
width:730px;
}
#bottom a{
float:right;
display:block;
}
#bottom img{
float:right;
margin:0 20px;
}
#bottom img.phone{
background:url(img/phone.gif);
width:195px;
height:12px;
}
#bottom a.network{
background:url(img/pgc-network.gif);
width:170px;
height:12px;
margin-left:0px;
}
#bottom a.mail{
background:url(img/pgc-network-mail.gif);
width:164px;
height:12px;
margin-left:25px;
}
#bottom a:hover{
background-position:0 -12px;
}
h1 span{
display:none;
}
h1.demarche{
display:block;
width:101px;
height:33px;
margin:0;
padding:0;
background:url(img/tit-demarche.gif) bottom left;
	/* IE5.5/6 hack */
	/*	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tit-demarche.png",
	sizingmethod=image);
	_background: none;
	_background-position:bottom;*/
/*	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='img/tit-demarche.png', sizingMethod='crop')	;												_background-image: none;*/
}
h1.expedition{
display:block;
width:387px;
height:36px;
margin:0;
padding:0;
background:url(img/tit_expedition.jpg) bottom left;
	/* IE5.5/6 hack */
	/*	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tit-expedition.png",
	sizingmethod=image);
	_background: none;
	_background-position:bottom;*/
/*	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='img/tit-expedition.png', sizingMethod='crop')	;												_background-image: none;*/}
h1.dohakhan{
display:block;
width:158px;
height:50px;
margin:0 0 -16px 0;
padding:0;
background:url(img/tit-doha-khan.png) bottom left;
}											
a.autre:link {text-decoration: none; color: #0094ef;}
a.autre:visited {text-decoration: none; color: #0094ef;}
a.autre:active {text-decoration: none; color: #0094ef;}
a.autre:hover {text-decoration: underline; color: #0094ef;}
a.autre1:link {text-decoration: none; color: #ff173d;}
a.autre1:visited {text-decoration: none; color: #ff173d;}
a.autre1:active {text-decoration: none; color: #ff173d;}
a.autre1:hover {text-decoration: underline; color: #ff173d;}