/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* GLOBAL	----------------------------------------------------------------------------  */
*{
	padding: 0px;
	margin: 0px;
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	outline: none;
}
h1{
	/*color: #333;*/
	color: #002f62;
	font-size: 11px;
	background-image:url(../img/t_code2.gif);
	background-repeat:no-repeat;
	background-position: 0px 11px;
	padding-left: 17px;
}

h2{
	padding-top: 10px;
	margin-left: 20px;
	color: #333;
}

strong {color: #333}

a{
	text-decoration: none;

	color: #B3081B;
}
a:hover{
	color:#B20811;
}


.clear{
	clear: both;
}

.imgRight{
	float:right;
	margin-left: 10px;
	border: 3px solid #fff;
}
.imgLeft{
	float:left;
	margin-right: 10px;
}

.boxLightBrown, .boxLightBrown2, .boxDarkBrown, .boxLightGrey{
	padding-bottom: 12px;
}

.boxLightBrown{
	background-image: url(../img/boxBg1.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #E8E5E1;
}

.boxLightBrown2{
	background-image: url(../img/boxBg5.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #efeeeb;
}

.boxDarkBrown{
	background-image: url(../img/boxBg2.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #C7C0BF;
}

.boxLightGrey{
	background-image: url(../img/boxBg4.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #f5f5f5;
}

.boxLightGrey2{
	background-image: url(../img/boxBg6.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #f1f1f1;
}

.boxLightBlue{
	background-image: url(../img/boxBg7.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color: #455f74;
}

.boxLightBrown h1, .boxDarkBrown h1, .boxLightGrey h1, .boxLightGrey2 h1{
	/*color: #696565;*/
	margin-left: 6px;
}

.blackBox{
	background-color: #000;
	padding: 2px;
}

.button{
	border: 1px solid #cccccc;
	color: #777;
	font-weight: bold;
	background:#E9ECEF url(../img/btnBg.gif) repeat scroll 0%;
	cursor: pointer;
}

#boxBanner{
	text-align:center;
	margin-top: 10px;
}
#banner{
	width:445px;
	height:289px;
	margin: 5px 0px 2px 0px;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* AUTOCOMPLETE	------------------------------------------------------------------------- */
#kw_update, #kwF_update {
	border: 1px solid #999;
	background: #fafafa;
	height: 100px;
	overflow:auto;
	z-index: 10;
}
#kw_update ul, #kwF_update ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#kw_update a, #kwF_update a {
	display: block;
	padding: .2em .3em;
	text-decoration: none;
	color: #333;
}
.selected {
	background: lightyellow;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* PAGE	--------------------------------------------------------------------------------- */
#page{
	width: 918px;
	margin: 12px auto 0px auto;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* TOP	--------------------------------------------------------------------------------- */
#top{
	height: 200px;
	position:relative;
	background-image:url(../img/top.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#top #homeLogo{
	position: absolute;
	top: 38px;
	right: 16px;
	z-index: 10;
	width: 240px;
	height: 30px;
	text-indent: -2000px;
	overflow:hidden;
	
}
/* ----- Social networks */
#top #sn{
	position: absolute;
	top: 128px;
	right: 24px;
	z-index: 10;
	list-style: none;
}
#top #sn li{
	display: inline;
}
#top #sn li a{
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	text-indent: -1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-right: 6px;
}
#top #sn li a.fb{
	background-image: url(../img/icon_sn/facebook_16.png);
}
#top #sn li a.lk{
	background-image:url(../img/icon_sn/linkedin_16.png);
}
#top #sn li a.tw{
	background-image:url(../img/icon_sn/twitter_16.png);
}
#top #sn li a.tube{
	background-image:url(../img/icon_sn/youtube_16.png);
}
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* MAIN	--------------------------------------------------------------------------------- */
#main{
	background-image:url(../img/bgMain.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding: 0px 10px;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* FOOTER	----------------------------------------------------------------------------- */
#footer{
	height: 56px;
	background-image: url(../img/footer.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#footer p{
	text-align: center;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #656565;
	padding-top: 10px;
	line-height: 14px;
}
#footer a{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #656565;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* NAVIGATION	------------------------------------------------------------------------- */
#tNav, #nav{
	list-style-type: none;
}

#tNav li, #nav li{
	display: inline;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* NAV TOP	----------------------------------------------------------------------------- */
#tNav {
	position: absolute;
	right: 14px;
	top: 14px;
}
#tNav li{
	background-image:url(../img/arrow1.png);
	/*background-image:url(../img/bulletDisk.png);*/
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left: 13px;
	margin-right: 8px;
}
#tNav li a{
	text-decoration: none;
	color: #3c3c3c;
}
#tNav li a:hover{
	color: #b35f69;
}
#tNav li a.active{
	color: #b3071b;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* NAV MAIN	----------------------------------------------------------------------------- */
#nav {
	position: absolute;
	top: 165px;
	left: 28px;
}
#nav li{
	margin-right: 20px;
}
#nav li a{
	text-decoration: none;
	font-weight: bold;
	color: #3c3c3c;
}
#nav li a:hover{
	color: #b35f69;
}
#nav li a.active{
	color: #b3071b;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* SNAV 	----------------------------------------------------------------------------- */
#snav{
	background-image:url(../img/subNavBg2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	list-style-type: none;
	padding-left: 26px;
	height: 36px;
}
#snav li{
	display: inline;
	margin-right: 16px;
	background-image:url(../img/arrow1.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left: 14px;
	line-height: 25px;
}
#snav li a{
	text-decoration: none;
	color: #727375;
	font-weight: bold;
}
#snav li a:hover{
	color: #b35f69;
}
#snav li a.active{
	color: #b3071b;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* TOP SEARCH 	------------------------------------------------------------------------- */
#navSearch{
	position: absolute;
	right: 26px;
	bottom: 18px;
}
#navSearch p{
	display: inline;
}
#navSearch #mots{
	border: none 0px;
	background-color: transparent;
	/*background-color:#CC9900;*/
	width: 180px;
	height: 18px;
	vertical-align: middle;
	line-height: 18px;
	margin-right: 2px;
}
#navSearch #submit{
	border: none 0px;
	background-color: transparent;
	/*background-color:#66FF99;*/
	width: 18px;
	height: 18px;
	cursor: pointer;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* CONTENT 	----------------------------------------------------------------------------- */
#content{
	padding: 10px 20px 20px 20px;
}
#content h1{
	/*color: #333;*/
	color: #002f62;
	margin-bottom: 12px;
	margin-left: 0px;
	
	background-position: 0px 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url(../img/arrowBtn.gif);

}
#content h2{
	color: #333;
	padding-top: 10px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#content p{
	text-align: justify;
	width: 95%;
	margin-bottom: 10px;
}
#content ul{
	margin-left: 40px;
	margin-right: 100px;
	padding-bottom: 12px;
	padding-top: 12px;
	list-style-type:square;
}
#content li {
	margin-bottom: 8px;
	text-align:justify;
}
#content ul h2{
	padding: 0px;
	margin:0px;
	color: #333;
}



/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* HOME 	----------------------------------------------------------------------------- */
#chl, #chc, #chr{
	float: left;
}
#chl{
	/*background-color: #FF9966;*/
	width: 193px;
	margin-right:10px;
}
#chc{
	/*background-color: #99CC00;*/
	width: 445px;
}
#chr{
	/*background-color: #99CCFF;*/
	width: 240px;
	margin-left: 10px;
}
#chr img{
	display: block;
	border: none 0px;
	margin-bottom: 4px;
}

/* ---------------------------------------------------------- NEW HOME SETUP */
#chl2,#chr2{
	float: left;
}
#chl2{
	width: 283px;
	margin-right: 10px;
}
#chr2{
	width: 605px;
}
#chr2 #quick{
	margin-bottom: 10px;
}

/* ----------------- quick BOX */
#chr2 #quick img{
	border: none;
	vertical-align:middle;
}
/* ----------------- EVENT BOX */
#eventBox{
	padding: 10px 6px 8px 0px;
	/*margin-bottom: 20px;*/
}
#eventBox h1{
	margin-bottom: 4px;
	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;		
}
#eventBox img{
	margin-left: 5px;
	margin-bottom: 10px;

}

/* ----------------- HOME BOX */
#homeBox{
	padding: 10px 6px 8px 0px;
	margin-bottom: 10px;
}
#homeBox h1{
	margin-bottom: 4px;
	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;		
}
#homeBox p{
	text-align: justify;
	margin: 0px 8px;
	margin-bottom: 10px;
}

/* ----------------- SEARCH BOX */
#searchBox{
	padding-top: 6px;
	height: 100%;
	position: relative;
}
#searchBox #linksearch{
	position: absolute;
	top: 120px;
	left: 8px;
	width: 16px;
	height: 49px;
	z-index: 10;
	background-image:url(../img/linkSearch.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#searchBox h1{
	background-image:url(../img/searchIcon.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;
	margin-bottom: 18px;
	font-size: 11px;
}

#searchBox form{
	margin-left: 30px;
}

#searchBox label{
	display:block;
	color:#777;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 8px;
}

#searchBox .in{
	width: 220px;
	border: 1px solid #9e9e9e;
}
#searchBox .date{
	width: 105px;
	border: 1px solid #9e9e9e;
}
#searchBox span{
	margin-left: 100px;
}

#searchBox #dateF{
	margin-right: 7px;
}

#searchBox #sub{
	margin-top: 20px;
	margin-bottom: 7px;
	width: 220px;
	border: 1px solid #cccccc;
	color: #777;
	font-weight: bold;
	background:#E9ECEF url(../img/btnBg.gif) repeat scroll 0%;
	cursor: pointer;
}


/* ----------------- HIGHLIGHT BOX */
#heighlightBox{
	padding-top: 6px;
	margin-bottom: 10px;
}
#heighlightBox h1{
	margin-bottom: 6px;
	font-size: 11px;

	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;	
	
}


#heighlightBox ul{
	list-style-type: none;
}
#heighlightBox li{
	background-image: url(../img/lineSep.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	margin: 0px 6px;
	/*padding-left: 14px;*/
	padding: 2px 0px;
}

#heighlightBox li a{
	display: block;
	text-decoration: none;
	color: #616161;
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:-4px 4px;
	padding-left: 10px;
}
#heighlightBox li a:hover{
	color: #efefef;
}


/* ----------------- COURS CONF BOX */
#confbox { 
	width: 90%; 
	/*height: 225px; */
	position: relative; 
	/*overflow: hidden; */
	margin-top: 10px; 
	margin-left:20px;  
}
#conflist { 
	/*position: absolute; */
	/*visibility: hidden*/
	padding-bottom: 20px;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ORP 	--------------------------------------------------------------------------------- */
#formationList{
	/*background-color: #FF9966;*/
	width: 340px;
	margin-right:10px;
	float: left;
}

#formationList dl{
	/*width: 320px;*/
}
#formationList dt{
	font-weight: bold;
	color: #666;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
	border-bottom: 1px solid #d4d4d4;
	/*background-image:url(../img/bgList.gif);*/
	background-repeat:repeat-x;
	background-position: 0 0;
	/*background-color: #f4f4f4;*/
	padding-top: 8px;
	padding-left: 4px;
	letter-spacing: 1px;
}
#formationList dd{
	margin-left: 10px;
	margin-bottom: 4px;
	background-image:url(../img/arrow3.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
	padding-left: 16px;
}
#formationList dl a{
	text-decoration: none;
	color: #666;
}
#formationList dl a:hover{
	color: #A7060C;
}
/* ---------------------- result panel ------------*/
#resultPanel{
	float: left;
	width: 547px;
	/*background-color:#00CCCC;*/
}
#resultPanel h1{
	margin-bottom: 8px;
	margin-right: 10px;
}
#resultPanel p{
	margin: 8px 10px 8px 8px;
	text-align: justify;
}
#resultPanel ol{
	margin-left: 40px;
}

/* ---------------------- info cours --------------*/
#infoCours{
	width: 500px;
	/*height: 60px;*/
	/*background-image:url(../img/bg3.gif);*/
	background-repeat:no-repeat;
	background-position: 0 0;
	margin-bottom: 12px;
}
#infoCours a{
	text-decoration: none;
	color: #b3071b;
}
#infoCours h1{
	background: none;
	padding-top: 10px;
	padding-left: 20px;
	color: #A7060C;
}
#infoCours p{
	padding-left: 20px;
	color: #333;
}
#infoCours .down{
	margin-left: 196px;
	margin-bottom: 8px;
}
#pdfDescr{
	vertical-align: middle;
	margin-left: 8px;
	border: none;
}
.sepRes{
	width: 500px;
	background-image:url(../img/bg2.gif);
	background-repeat:no-repeat;
	background-position: 0 -10px;
}

/* ---------------------- list session ------------*/
#listSession{
	width: 460px;
	/*border: 1px solid #333;*/
	margin: 0 auto;
}

#listSession td{
	border-bottom: 1px dashed #ccc;
	padding: 2px;
}
#listSession td.statut{
	text-align: right;
}
#resultPanel #noSession{
	color: #CC3300;
	text-align: center;
	margin-bottom: 8px;
}

/* ---------------------- site eleve --------------*/
#eleveList{
	margin-left: 40px;
	margin-top: 20px;
	list-style-type: none;
}
#eleveList li img{
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 10px;
	border: none 0px;
	padding: 2px;
}

#formationList .sessActive{
	color: #B3081B;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* RESULT 	----------------------------------------------------------------------------- */

/* ------------------------------- SEARCH BOX RESULT  */
#f1, #f2, #f3, #f4, #f5{
	position: absolute;
	top: 28px;
}
#f1{left: 14px;}
#f2{left: 260px;}
#f3{left: 500px;}
#f4{left: 616px;}
#f5{left: 740px; top: 44px}

#searchBoxResult{
	padding-top: 6px;
	height: 52px;
	position:relative;
	z-index: 1;
}

#searchBoxResult h1{
	background-image:url(../img/searchIcon.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;
	margin-bottom: 5px;
	margin-left: 14px;
}

#searchBoxResult form{
	margin-left: 14px;
}

#searchBoxResult label{	
	color:#777;
	font-weight: bold;
	display:block;
	margin-left: 1px;
	/*margin-bottom: 4px;
	margin-top: 8px;*/
}

#searchBoxResult .in{
	width: 220px;
	border: 1px solid #9e9e9e;
	height: 18px;
}
#searchBoxResult .date{
	width: 105px;
	border: 1px solid #9e9e9e;
	height: 18px;
}

#searchBoxResult #sub{
	width: 130px;
	border: 1px solid #cccccc;
	color: #777;
	font-weight: bold;
	background:#E9ECEF url(../img/btnBg.gif) repeat scroll 0%;
	cursor: pointer;
}

/* ------------------------------- RESULT BOX  		  */
#resultBox{
	margin-top: 10px;
	width: 680px;
	padding-top: 10px;
	float: left;
}
/* ------------------------------- NO RESULT 		  */
#resultBox #noResult{
	width: 570px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
}
#resultBox #noResult h1{
	margin-bottom: 10px;
	color: #a03b3d;
	background-image:url(../img/warning.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left: 22px;
}
#resultBox #noResult .contactBox{
	float: left;
	width: 120px;
	margin: 10px 10px;
}
#noResult .contactBox h2{
	/*background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position: bottom;*/
	margin: 0px 0px 2px 0px;
	color:#696565;
	padding-bottom: 2px;
}
#noResult .contactBox h2 span{
	background-image:url(../img/phone.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left: 20px;
}
/* ------------------------------- PAGINATION 		  */
#pagin{
	width: 640px;
	margin: 0px auto 10px auto;
}
#pagin img{ border: none 0px;}
#pagin h1{ 
	background-position: 0px 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	color: #333;
	background-image:url(../img/arrowBtn.gif);
	margin-bottom: 10px;
}
/* ------------------------------- COURS RESULT 	  */
#resultBox table.titreRes{
	border-collapse: collapse;
	height: 31px;
	width: 640px;
	background-image:url(../img/shadowResBg.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	margin: 0px auto;
}
#resultBox td.num{
	width: 42px;
	font-weight: bold;
	color: #383838;
	padding-left: 4px;
}
#resultBox td.titre{
	font-weight: bold;
	color: #a03b3d;
	padding-left: 4px;
	cursor: pointer;
}
#resultBox td.infoRes{
	width: 110px;
}
#resultBox td.dateRes{
	width: 120px;
	text-align:right;
	padding-right: 4px;
}
#resultBox table.titreRes img{
	border: none 0px;
}
#resultBox td img{
	vertical-align: middle;
}
#resultBox td.infoRes a, #resultBox td.dateRes a{
	color: #5B8AB9;
}
/* ------------------------------- SESSION 			  */
#resultBox .sessionBox{
	margin-bottom: 10px;
}

#resultBox table.sessRes{
	border-collapse: collapse;
	width: 620px;
	/*margin: 0px auto 4px auto;*/
	margin-left: 25px;
}

#resultBox table.sessRes td{
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	padding-bottom: 2px;
	padding-top: 4px;
}
#resultBox table.sessRes td{ /*padding-bottom: 2px;*/}
#resultBox td.date, #resultBox td.time{
	width: 160px;
	color: #5a5a5a;
	/*padding-left: 4px;*/
}
#resultBox td.time { width: 100px}
#resultBox td.lieu { color: #5a5a5a; font-weight: bold; width: 160px;}
#resultBox td.flag { width: 32px;}
#resultBox td.inscri{ text-align: right; padding-right: 2px; vertical-align:middle; width: 60px;}

/* ------------------------------- LIST MODEL 		  */
#listModel{
	margin-left: 690px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#listModel h1{
	margin-bottom: 10px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
}
#listModel ul{
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
}
#listModel li{
	padding-top: 10px;
	padding-bottom: 2px;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	cursor: pointer;
	color: #727375;
}

/* ------------------------------- LIST MODEL CONFIRME */
#listModelConfirm{
	/*margin-left: 690px;
	margin-top: 10px;
	margin-bottom: 10px;*/
}
#listModelConfirm h1{
	margin-bottom: 3px;
	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 24px;	

}
#listModelConfirm ul{
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
}
#listModelConfirm li{
	padding-top: 10px;
	padding-bottom: 2px;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	cursor: pointer;
	color: #727375;
}
#listModelConfirm #coursConf p{
	text-align: right;
	margin-right: 10px;
	margin-top: 5px;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* DETAIL 	----------------------------------------------------------------------------- */
#detailDescr{
	width: 600px;
	float: left;
	margin-right: 10px;	
}
#detailDescr h1{
	background-position: 0px 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	color: #0064A2;
	background-image:url(../img/arrowBtn.gif);
	margin-bottom: 10px;
}
#detailDescr h1, #detailDescr h2, #detailDescr p{
	margin-left: 20px;
}
#detailDescr h2 {
	color: #555;
	border-bottom: 1px solid #ccc;
	margin-right: 20px;
	margin-bottom: 6px;
}
#detailDescr p{
	width: 80%;
	text-align:justify;
	padding-left: 24px;
}
#detailPdf, #detailSession{
	/*margin-left: 610px;*/
	width: 287px;
	float:left;
}
#detailPdf ul{
	list-style-type: none;
	padding-top: 10px;
	margin-left: 20px;
}
#detailPdf ul li{
	background-image: url(../img/arrow1.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left: 16px;
}
#detailSession{
	margin-bottom: 10px;
	padding-top: 10px;
}
#detailSession strong{ color: #5B3E56 }
#detailSession h1{
	color: #333;
	margin-left: 4px;
	margin-bottom: 6px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url(../img/arrowBtn.gif);
	background-position: 0px 0px;
}
#detailSession .detSessBox{
	background-image:url(../img/shadowResBg.gif);
	background-repeat: repeat-x;
	padding: 6px 0px 10px 0px;
	margin-left: 4px;
	margin-right: 4px;
}
#detailSession h2{

}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* SOCIETE PARTENAIRES 	----------------------------------------------------------------- */
#pBox1, #pBox2, #pBox3, #pBox4{
	float: left;
	width: 443px;
	margin-top: 10px;
	/*height: 640px;*/
}
#pBox1, #pBox2, #pBox3{
	/*margin-right: 8px;*/
}
#pBox1{
	margin-right: 10px;
}
#pBox1, #pBox3{
	height: 840px;
}
.partBox{
	padding: 0px 6px 10px 6px;
	/*margin-bottom: 20px;*/
	clear: both;
}
.partBox h1{
	background: none;
	padding-left: 0px;
	margin-left: 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
	padding-top: 10px;
}
.partBox img{
	display: block;
	border: 1px solid #ccc;
	float: left;
}
.partBox p{
	margin-left: 90px;
	margin-right:2px;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* SOCIETE PRESS 	--------------------------------------------------------------------- */
#pressBox{
	padding-top: 10px;
}


#pressBox h1{
	margin-left: 20px;
	color: #333;
	background-position: 0px 1px;
}
#pressList{
	padding-top: 10px;
	list-style-type: none;
	width: 845px;
	margin: 0px auto;
}
#pressList li{
	position: relative;
	float: left;
	width: 200px;
	height: 90px;
	margin: 5px;
	background-image: url(../img/shadowResBg.gif);
	background-repeat:repeat-x;
	background-color: #EFEEEB;
}
#pressList h2{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 4px;
	background-image: url(../img/line.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	color: #333333;
	font-weight: normal;
}

#pressList li .pdfLink{
	position: absolute;
	bottom: 2px;
	right: 2px;
}
#pressList li .pdfLink img{ border: none 0px;}
#pressList p{
	margin-left: 4px;
}

#pressList .journal {
	color: #663333;
	font-style:italic;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* SOCIETE PROJET 	--------------------------------------------------------------------- */
#projList{
	list-style-type: none;
	padding-top: 10px;
	/*width: 845px;
	margin: 0px auto;*/
}

#projList li {
	/*position: relative;
	float: left;
	width: 200px;
	height: 90px;*/
	margin: 0px 20px 0px 20px;
	background-image: url(../img/shadowResBg.gif);
	background-repeat:repeat-x;
	background-color: #EFEEEB;
}
#projList li h2{
	padding-bottom: 4px;
	padding-left: 22px;
	cursor: pointer;
	background-image:url(../img/projet.gif);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	color: #4F4D5F;
}
#projList li div{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(../img/line.gif);
	background-repeat:repeat-x;
}
#projList li div h3{
	color: #663333;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* FORMATION 	------------------------------------------------------------------------- */
.fbox0{
	margin-bottom: 10px;
}
#fbox1, #fbox2, #fbox3{
	float:left;
	width: 292px;
	height: 295px;
}
#fbox1{
	margin-right: 10px;
}
#fbox2{
	margin-right: 10px;
}
#fbox3{

}
#fbox1 h1, #fbox2 h1, #fbox3 h1{
	margin-left: 4px;
	padding-top: 10px;
	margin-bottom: 12px;
	/*color: #555;*/
}
#fbox1 p, #fbox2 p, #fbox3 p{
	margin-left: 4px;
	margin-right: 20px;
	text-align:justify;
	margin-bottom: 12px;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* FORMATION PROJET 	----------------------------------------------------------------- */
#chartL{
	width: 502px;
	float: left;
	margin-right: 10px;
	height: 450px;
}
#chartL h1{
	padding-top: 10px;
	margin-left: 10px;
	margin-bottom: 12px;
}
#chartL p{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
}
#chartL ul{
	list-style-type: square;
	margin-left: 40px;
	margin-right: 40px;
}
#chartL li{
	margin-bottom: 12px;
	text-align:justify;
}
#chartR{
	width: 384px;
	float: left;
	height: 450px;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* FORMATION BANQUE 	----------------------------------------------------------------- */
.banqueL{
	width: 428px;
	float:left;
}
#banqueR{
	margin-left: 480px;
	text-align:center;
}
#banqueR h1{
	padding-top: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	text-align:left;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* FORMATION TELECOM 	----------------------------------------------------------------- */
.teleL{
	width: 500px;
	float:left;
}
#teleR{
	margin-left: 550px;
}
#teleR h1{
	padding-top: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	text-align:left;
}
#teleR ul{
	list-style-type: square;
	margin-left: 40px;
}



/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* PRESTATION CONSEIL EN FORMATION 	----------------------------------------------------- */
#consL{
	width: 450px;
	float:left;
	height: 490px;
}
#consL h1{
	padding-top: 10px;
	margin-left: 10px;
	margin-bottom: 12px;
	color: #333;
}
#consL strong{ color: #555}
#consL p{
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 12px;
}
#consL ul{
	list-style-type: square;
	margin-left: 40px;
	margin-right: 20px;
}
#consL li{
	text-align: justify;
	margin-bottom: 8px;
}
#consR{
	margin-left: 460px;
	height: 490px;
}
#consR h1{
	padding-top: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
	color: #333;
}
#consR p{
	margin: 0px 10px;
	text-align:justify;
}

#consBot{
	clear: both;
	margin-top: 10px;
}
#consBot h1{
	padding-top: 10px;
	margin-left: 10px;
	margin-bottom: 12px;
	color: #333;
}
#consBot p{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	text-align:justify;
}
#consBot table{
	border-collapse: collapse;
	margin: 10px auto;
}
#consBot td{
	vertical-align: top;
	border: 1px solid #555;
}
#consBot td.title{
	font-weight: bold;
	padding: 8px;
	text-align:center;
}

#salleLoc{
	border-collapse: collapse;
	margin-bottom: 20px;
}

#salleLoc td{
	padding: 4px;
	border: 1px solid #ccc;
	white-space:nowrap;
	text-align:center;
	background-color: #efefef;
}
#salleLoc td.noBorder{
	border-top: none;
	border-bottom: none;
	border-left: none;
	background-color: #E8E5E1;
}
#sallePict, #portail{
	text-align: center;
}
#sallePict img{
	border: 3px solid #fff;
	margin:0px 12px;
}
#portail img{
	border: 1px solid #666;
	margin:0px 6px;
}

#pictElearn{
	margin: 16px auto;
	width: 70%;
}
#pictElearn img{
	vertical-align: middle;
	margin: 0px 40px;
	border: none;
}
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* CERTIFICATION 	--------------------------------------------------------------------- */
.certifL{
	width: 600px;
	float:left;
}
#certifR{
	margin-left: 650px;
}
#certifR h1{
	padding-top: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
}
#certifR h2{
	margin-left: 10px;	
	color: #666666;
}
#certifR p{
	margin-left: 10px;	
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* INSCRI COURS 	--------------------------------------------------------------------- */

/* --- form ------------------ */
#inscriCours{
	width: 650px;
	float:left;
}
#inscriCours h1{
	background-position: 0px 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url(../img/arrowBtn.gif);
	margin-bottom: 10px;
}
#inscriCours h1 span{
		color: #0064A2;
}
#inscriCours h1, #inscriCours p{ margin-top: 10px; margin-left: 10px;}

#inscriForm2{
	padding-top: 20px;
}
#inscriForm2 h2{
	padding-top: 20px;
}

#inscriForm2 fieldset{
	margin-left: 8px;
	margin-right: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 1px solid #CCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 6px;
}
#inscriForm2 fieldset legend{
	margin-left: 12px;
	font-weight: bold;
	color: #666;
}
#inscriForm2 label{
	margin-right: 10px;
	text-align: right;
	width: 80px;
	display:block;
	float:left;
}
#inscriForm2 .in{
	width: 160px;
	padding-left: 2px;
	border: 1px solid #9e9e9e;
}
#inscriForm2 p{
	margin-bottom: 4px;
	margin-top: 2px;
	margin-left: 0px;
}

/* --- resume box ------------ */
#resumeInscri{
 margin-left: 660px;
 padding-top: 10px;
}
#resumeInscri h1{
	color: #fff;
	background-position: 0px 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 24px;
	background-image:url(../img/arrowBtn.gif);
	margin-bottom: 10px;
}
#resumeInscri p{
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}
#resumeInscri .numRes{
	font-weight: bold;
}
#resumeInscri .nomCours{
	color: #B3081B;
}
#resumeInscri .dateRes{
	color: #5B3E56;
	font-weight: bold;
}
#resumeInscri strong{
	color: #5B3E56;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* BROCHURE 	------------------------------------------------------------------------- */
#brochureSelect{
	float: left;
	width: 380px;
	height: 415px;
	margin-right: 10px;
}
#brochureSelect dl{
	margin-left: 20px;
	margin-top: 12px;
	margin-right: 20px;
}
#brochureSelect dl dt{
	float: left;
	height: 170px;
	margin-right: 10px;
}
#brochureSelect h1{
	border-bottom: 1px solid #666;
}
#brochureSelect h2{
	/*margin-top: 10px;
	margin-left: 20px;*/
}
#brochureSelect label{
	border: 1px solid #CCC;
	padding: 2px;
	margin-left: 140px;
}
#brochureSelect input{
	vertical-align: middle;
}

#brochureSelect img{
	border: 1px solid #666;
}
#brochureSelect a{
	text-decoration: none;
	color: #B3081B;
}

/* ------ */
#brochureForm{
	float: left;
	width: 507px;
	height: 415px;
	/*padding-top: 10px;*/
}

#brochureForm p{
	margin-top: 20px;
	margin-left: 20px;
}
#brochureForm label{
	display:block;
	float:left;
	width: 80px;
	font-weight: bold;
	color: #666;
}
#brochureForm .in{
	width: 200px;
	border: 1px solid #9e9e9e;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* CONTACT 	----------------------------------------------------------------------------- */
#inscriForm{
	width: 68%;
	margin: 0px auto;
	padding-top: 20px;
}
#inscriForm h2{
	padding-top: 20px;
}

#inscriForm fieldset{
	margin-left: 8px;
	margin-right: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 1px solid #CCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 6px;
}
#inscriForm fieldset legend{
	margin-left: 12px;
	font-weight: bold;
	color: #666;
}
#inscriForm label{
	margin-right: 10px;
	text-align: right;
	width: 80px;
	display:block;
	float:left;
}
#inscriForm .in{
	width: 180px;
	padding-left: 2px;
	border: 1px solid #9e9e9e;
}
#inscriForm p{
	margin-bottom: 4px;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* DOWNLOAD 	------------------------------------------------------------------------- */
#download{
	list-style-type: none;
	margin-top: 20px;
	margin-left: 20px;
}
#download li{
	list-style-type: none;
	padding: 6px;
	margin-bottom: 10px;
	color: #666666;
}
#download a{
	display: inline;
	background-image:url(../img/download.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding-left: 26px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-decoration: none;
	color: #333;
	margin-right: 6px;
	letter-spacing: 1px;
}
#download a:hover{
	color: #A5050A;
}

#download img {
	border: 1px solid #666;
	vertical-align:middle;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* ACCES 	----------------------------------------------------------------------------- */
#ccl{
	width: 206px;
	float:left;
	margin-right: 10px;
}
#ccl h2{
	color: #696565;
}
#ccl p{
	color: #696565;
}

#ccc1{
	margin-left: 216px;
}
#ccc1 p {
	text-align: justify;
	margin-right: 20px;
}

#ccc1 h1, #ccc2 h1{
	padding-top: 10px;
	margin-bottom: 12px;
}

#ccl h2, #ccc1 h2, #ccc2 h2{
	margin-left: 10px;
	margin-bottom: 12px;
}
#ccl p, #ccc1 p, #ccc2 p{
	margin-left: 10px;
	margin-bottom: 6px;
}

#ccc2{
	margin-left: 216px;
	margin-top: 10px;
}

#adr{
	/*background-color:#99FF33;*/
	width: 520px;
	margin: 0 auto;
}
#adr .blocAdresse{
	list-style-type: none;
	float:left;
	width: 160px;
	/*height: 160px;*/
	margin-bottom: 10px;
	margin-left: 4px;
	/*border-left: 1px solid #CCC;*/
	padding: 4px;
}
#adr .blocAdresse li{
	line-height: 18px;
}
#adr .blocAdresse img{
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 6px;
	border:none 0px;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* SITEMAP 	----------------------------------------------------------------------------- */
#sitemap h1{
	padding-top: 10px;
	margin-left: 10px;
}
#sitemap dl{
	background-image: url(../img/shadowResBg.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	margin: 8px 10px;
	padding-top: 10px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 6px;
	padding-bottom: 20px;
	clear:both;
}
#sitemap dt{
	background-image: url(../img/line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom: 3px;
	padding-top: 3px;
}
#sitemap dt a{
	display: block;
	color: #333;
	background-image:url(../img/browser.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	font-weight: bold;
}
#sitemap dt a:hover{
	/*background-image:*/
	color: #B3081B;
}
#sitemap dd{
	width: 150px;
	float: left;
	padding-top: 3px;
}
#sitemap dd a{
	color: #333;
	background-image:url(../img/desktop.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
}
#sitemap dd a:hover{
	color: #B3081B;
}