html,body {
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 1.55em;
}

#page {
	width: 965px;
	margin: auto;
	padding: 0 24px;
	background: url(/img/pageOmbre.jpg) no-repeat 989px 0;
}

/* @group Header */
#header{
	width: 965px;
	height: 298px;
}

#header #accueil a{
	display: block;
	position: absolute;
	top: 0;
	width: 630px;
	height: 269px;
	cursor: pointer;
	z-index: 3000;
	background: url(/img/trans.gif);
}

#header #accueil a span{
	display: none;
}


#header img.fnd{
	display: block;
	position: absolute;
	top: 0;
	float: left;
	border: 0;
	z-index: 0;
}


#headerLiens{
	display: block;
	list-style: none;
	position: absolute;
	width: 965px;
	padding: 5px 0 0 0;
	margin: 0;
}
#headerLiens li{
	float: right;
}

#headerLiens li a{
	display: block;
	padding: 0 7px;
	border-left: 1px solid #CCC;
	text-decoration: none;
	font: normal 10px Tahoma;
}

#headerLiens li.first a{
	border: none;
}

#search{
	display: block;
	position: absolute;
	top: 27px;
	width: 965px;
}

#search input{
	display: block;
	float: right;
}


#search input.search{
	display: block;
	width: 116px;
	height: 17px;
	background: url(/img/fndSearch.gif) no-repeat;
	border: none;
	padding: 3px 5px 0 28px;
}

#search input.btnOk{
	display: block;
	width: 31px;
	height: 20px;
	background: url(/img/btnOk.gif) no-repeat;
	border: none;
}

/* @group Menu */
#headerMenu{
	display: block;
	float: left;
	clear: both;
	position: absolute;
	top: 269px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 2000;
}

#headerMenu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 2000;
	background: #fff; 
}

/* @group All levels */
#headerMenu li { position:relative; text-align:left; z-index: 2000;}
#headerMenu li.over { z-index:2001; }
#headerMenu a,
#headerMenu a:hover { display:block; line-height:normal; text-decoration:none; }
#headerMenu span { display:block; cursor:pointer; white-space:nowrap;}
#headerMenu li ul span {white-space:normal; width: 100%; padding: 0; margin: 0;}

/* @end */



/* @group 0 Level */
#headerMenu li { float:left; padding: 0 10px;
	background: url(/img/fndHeaderMenu.png) no-repeat 100% 0;
}
#headerMenu li.over,
#headerMenu li.active { background: url(/img/fndHeaderMenuActive.png) 100% 0;}

#headerMenu li.last { background: none }

#headerMenu li.last.over,
#headerMenu li.last.active { background: url(/img/fndHeaderMenuActive.png) 0 0;}


#headerMenu a { 
	float:left; 
	padding: 10px 0 6px 0;
	margin: 0;
	color:#000;
	font: bold 11px Arial,Tahoma,Verdana;
	/*letter-spacing: -0.05em;*/
	text-decoration: none;
}

/* @end */


/* @group 1st Level */
#headerMenu ul li,
#headerMenu ul li.active { float:none; margin:0; padding:0 0 1px 0 !important; background:#CCC; }
#headerMenu ul li.last { background:#444; padding:0; margin:0; height: 0; display: none;}

#headerMenu ul a,
#headerMenu ul a:hover { float:none; padding:0; background:none;}
#headerMenu li a {  font-weight:bold !important; letter-spacing: 0em; height: 100%;}
#headerMenu li span{ height: 100%;}
/* @end */


/* @group 2nd level */
#headerMenu ul { position:absolute; width:15em; top:28px; left:-10000px; }

#headerMenu li.over > ul { left:0px; }
/*#Menu li.over > ul li.over > ul { left:13em;}*/
#headerMenu li.over ul li.over ul{margin: 0 0 0 13em;}
/*#Menu li.over ul ul { left:-10000px; }*/

#headerMenu ul li a { background: #b1b3cf; padding: 5px !important; height: 100%;}
#headerMenu ul li a:hover { background: #6a6ea3}
#headerMenu ul li span{ height: auto; padding:0; margin: 0;}
/* @end */



/* @group 3rd+ level */
#headerMenu ul ul { top:5px; }
/* @end */


/* @end */

/*
#headerMenu li{
	display: block;
	height: 29px;
	float: left;
	padding: 0 10px;
	background: url(/img/fndHeaderMenu.png) no-repeat 100% 0;
}

#headerMenu li.active{
	background: url(/img/fndHeaderMenuActive.png) 100% 0;
	
}


#headerMenu li a{
	display: block;
	padding: 10px 0 5px 0;
	color: #000;
	text-decoration: none;
	font: bold 11px Arial,Tahoma,Verdana;
	text-transform: uppercase;
	letter-spacing: -0.05em;
}

#headerMenu li a.first{
	color: #8d8d8d;
}


#headerMenu li.active a{
	color: #fff;
}


#headerMenu li ul{
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 1000;
	list-style: none;
	
}

#header #headerMenu li ul li{
	display: block;
	padding: 0 0 0 8px;
	margin: 0 0 0 0;
	z-index: 1000;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background: url(/img/headerMenuListFndFilet.png) no-repeat;
	-width: 200px;
	/width: 200px;
	-background: none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/headerMenuListFndFilet.png', sizingMethod='scale');
	cursor: pointer;
}

#header #headerMenu li ul li.first{
	background: url(/img/headerMenuListFnd.png) no-repeat;
	-background: none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/headerMenuListFnd.png', sizingMethod='scale');
}

#header #headerMenu li ul li.last{
	height: 5px;
	background: url(/img/headerMenuListOmbreBas.png) no-repeat;
	-background: none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/headerMenuListOmbreBas.png', sizingMethod='scale');
}


#header #headerMenu li ul li a{
	padding: 5px 0 0 5px;
	margin: 0;
	z-index: 1000;
	font: 12px Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration:none;
	color: #000;
	background: none;
	-padding: 5px 0 5px 5px;
	cursor: pointer;
	-width: 200px;
	/width: 200px;
}

*/

/* @end */


#home{
	margin: 0 0 0 15px;
}

/* @group FolderWay */

#folderWay{
	display: block;
	float: left;
	width: 965px;
	height: 30px;
	list-style: none;
	margin: 0; 
	padding: 0;
	background: url(/img/fndFolderWay.png) no-repeat ;
}

#folderWay li{
	display: block;
	float: left;
}
	
#folderWay li a{
	font: 13px Tahoma;
	color: #000;
	text-decoration: none;
}
/* @end */

/* @group Main */
#main{
	margin: 0;
	width: 965px;
	height: 600px;
	background: #fff;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;	
}

/* @group Content */
#content{
	margin: 0;
	padding: 0;
	width: 765px;
	height: 100%;
	background: #fff url(/img/bgContentRepeat.gif) repeat-y;	
}

#contentInt{
	min-height: 520px;
	background: url(/img/bgContent.gif) no-repeat;
	padding: 10px 0;
}



/* @group TitreBandeau */
#TitreBandeau{
	display: block;
	position: absolute;
	top: 83px;	
	width: 340px;
	height: 140px;
	text-align: right;
	margin: 0 0 0 602px;
	-margin: 0 0 0 522px; 
	/margin: 0 0 0 522px; 	
}

/* @end */

/* @group Home */

#homeContent{
	margin: 0 0 0 80px;
	width: 635px;
}

#miniSearch{
	position: absolute;
	top: 411px;
	padding: 0 0 0 18px;
}

#miniSearch select{
	width: 250px;
	font: normal 11px Arial;
	margin: 3px 0;
}

#miniSearchIut{
	position: absolute;
	top: 567px;
	padding: 0 0 0 18px;
}

#miniSearchIut select{
	width: 250px;
	font: normal 11px Arial;
	margin: 3px 0;
}
/* @end */

#fckContent{
	margin: 0 0 0 80px;
	width: 635px;
}

#content.formation{
	background: #fff url(/img/fndRightRepeat.jpg) repeat-y 100% 0;`
	width: 965px;
}



/* @group Formation */

#FormationCarte{
	display: block;
	float: right;
	width: 520px;
	padding: 0 15px 0 0 ;
	background: url(/img/fndRight.jpg) no-repeat 100% 0;
}

#Formation{
	display: block;
	float: left;
	width: 365px;
	padding: 33px 0 0 0;
}

#Formation #formationRegion{
	width: 365px;
	height: 60px;
	background: #dedede url(/img/formation-titre.gif) no-repeat;
	padding: 40px 0 0 40px;
}
#Formation #formationRegion span{
	display: block;
	float: left;
	font: normal 11px Tahoma;
	color: #717171;
	padding: 5px 0 5px 5px;
} 

#Formation #FormationFond{
	width: 405px;
	min-height: 406px;
	background: #deddea url(/img/formation-fnd.gif) no-repeat 100% 0;
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
}


#Formation #listFormation{
	min-height: 450px;
}

#Formation fieldset{
	border: none;
	background: url(/img/formation-foot.png) no-repeat 0 100%;
	padding: 10px 0 25px 15px;
	margin: 0 0 5px 0;
}

#Formation legend{
	font: bold 12px Tahoma;
	color: #717171;
	padding: 0 0 0 15px;
	background: url(/img/diplomeClose.gif) no-repeat 0 3px;
}
#Formation legend.open{
	background: url(/img/diplomeOpen.gif) no-repeat 0 3px;
}

#Formation form{
	padding: 0;
	margin: 0;
}

#Formation select{
	display: block;
	float: left;
	width: 200px;
	margin: 5px 0;
	padding: 0;
}

#Formation input.envoyer{
	display: block;
	float: left;
	clear: both;
	width: 39px;
	height: 25px;
	background: url(/img/btn-ok.png) no-repeat;
	margin: 0 0 0 170px;
	
}

#Formation #parcoursIUT{
	list-style: none;
	clear: both;
}

#Formation #parcoursIUT li{

}

#Formation #parcoursIUT li.titre{
	width: 160px;
	height: 20px;
	background: url(/img/choixparcours.png) no-repeat;

}


#Formation #optionsIUT{
	list-style: none;
	clear: both;
}

#Formation #optionsIUT li{

}

#Formation #optionsIUT li.titre{
	width: 190px;
	height: 20px;
	background: url(/img/choixoptions.png) no-repeat;

}




#Formation #formationLicenceDiv{
	display: none;
}

#Formation #formationDuDiv{
	display: none;
}


/* @end */

/* @group PlanSite */

#planSite{
	margin: 0 0 10px 80px;
}

#planSite h2{
	font: bold 12px Arial;
}

#planSite ul{
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
}

/* @end */

/* @group Contact */

#contact fieldset{
	border: none;
		
}


#contact fieldset p{
	display: block;
	clear: both;
	padding: 5px 0;
}

#contact fieldset p label{
	display: block;
	float: left;
	width: 140px;
	text-align: right;
}

#contact fieldset p textarea{
	width: 450px;
	height: 200px;
}

#contact #envoyer{
	margin: 0 0 0 140px;
}

#contact ul.error{
	list-style: none;
	padding: 0;
	margin: 0 0 0 140px;
}
#contact ul.error li{
	color: red;
}

#contact span.obligatoire{
	display: block;
	clear: both;
	float: left;
	padding: 10px 0 0 140px;
	font: bold 11px Tahoma;
}

#contact span.legale{
	display: block;
	clear: both;
	float: left;
	padding: 15px 0 0 0;
	font: italic 10px Tahoma;
}
/* @end */

/* @group Annuaire IUT */

#annuaireRegion{
	width: 597px;
	height: 65px;
	background: url(/img/annuaire-titre.gif) no-repeat;
	padding: 30px 0 0 40px;
	margin: 0 0 20px 80px;
}



#annuaireRegion select{
	display: block;
	float: left;
	clear: both;
	width: 200px;
	margin: 5px 0;
	padding: 0;
}

#annuaireRegion span{
	display: block;
	float: left;
	font: normal 11px Tahoma;
	color: #717171;
	padding: 5px 0 5px 5px;
}

ul.iuts{
	width: 637px;
	list-style: none;
	background: url(/img/bgFndIut.gif) -100px 100% no-repeat;
	padding-bottom: 19px;
	margin-bottom: 20px;
	margin: 0 0 0 80px;
}

ul.iuts span.libelle{
	font: bold 18px Tahoma;
}

ul.iuts span.titre{
	font: normal 11px Tahoma;
}

ul.iuts span.value{
	font: bold 11px Tahoma;
}


ul.iuts div.iut{
	background: #e4e4e4 url(/img/bgHeadIut.gif) repeat-y;
	font: normal 13px Tahoma;
	padding: 3px 3px 5px 25px;
}



ul.iuts div.iut a{
	color: #6a6ea3;
}


ul.iuts ul.sites{
	list-style: none;
	padding: 0;
	margin: 0;
	
}

ul.iuts ul.sites div.site{
	background: #c4c4c4 url(/img/bgHeadSite.gif) repeat-y;
	font: bold 14px Tahoma;
	padding: 3px 3px 5px 25px;
}

ul.iuts ul.departements{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.iuts ul.departements span.libelle{
	font: bold 13px Tahoma;
}

ul.iuts ul.departements li.departement{
	padding-top: 20px;
	background: #e4e4e4 url(/img/bgFootDepartement.gif) 0 100% no-repeat;
	padding-bottom: 10px;
}
ul.iuts ul.departements li.departement.last{
	background: #e4e4e4;
}

ul.iuts ul.departements div.departement{
	background: url(/img/bgFndDepartement.gif) 0 3px repeat-y;
	padding: 0px 3px 0px 25px;
	font: normal 11px Tahoma;
}

ul.iuts ul.formations{
	list-style: none;
	padding: 0 0 0 45px;
	margin: 0;
}

ul.iuts ul.formations li.formation{
	clear: both;
	padding: 10px 0;
}

ul.iuts ul.formations span.libelle{
	font: bold 12px Tahoma;
}

ul.iuts ul.formations div.options{
	font: italic 12px Tahoma;
	color: #575f5f;
}

ul.iuts ul.formations div.options label{
	display: block;
	float: left;
	width: 90px;
	padding: 0 0 0 15px;
}

ul.iuts ul.formations div.options ul{
	display: block;
	float: left;
	clear: none;
	list-style: none;
	padding: 0;
	margin: 0;
	list-style-type: disc;
}

ul.iuts ul.formations span.end{
	display: block;
	clear: both;
	height: 1px;	
}

ul.iuts div.titreLabos{
	background: #c4c4c4 url(/img/bgHeadSite.gif) repeat-y;
	padding: 3px 3px 5px 25px;
}
ul.iuts div.titreLabos h1{
	font: bold 14px Tahoma;
}


ul.iuts ul.labos{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.iuts ul.labos span.libelle{
	font: bold 13px Tahoma;
}

ul.iuts ul.labos li.labo{
	padding-top: 20px;
	background: #e4e4e4 url(/img/bgFootDepartement.gif) 0 100% no-repeat;
	padding-bottom: 10px;
}
ul.iuts ul.labos li.labo.last{
	background: #e4e4e4;
}

ul.iuts ul.labos div.labo{
	background: url(/img/bgFndDepartement.gif) 0 3px repeat-y;
	padding: 0px 3px 0px 25px;
	font: normal 11px Tahoma;
}



/* @end */

/* @group Annuaire Formation */
ul.Annuaire.formationIuts{
	width: 637px;
	margin: 0 0 0 80px;
}
/* @end */

/* @group Formation IUT */

ul.formationIuts{
	width: 737px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.formationIuts li.iut{
	background: url(/img/bgFndIut.gif) -100px 100% no-repeat;
	padding-bottom: 19px;
	margin-bottom: 20px;
}


ul.formationIuts span.libelle{
	font: bold 18px Tahoma;
}

ul.formationIuts span.titre{
	font: normal 11px Tahoma;
}

ul.formationIuts span.value{
	font: bold 11px Tahoma;
}


ul.formationIuts div.iut{
	background: #e4e4e4 url(/img/bgHeadIut.gif) repeat-y;
	font: normal 13px Tahoma;
	padding: 3px 3px 5px 25px;
}



ul.formationIuts div.iut a{
	color: #6a6ea3;
}


ul.formationIuts ul.sites{
	list-style: none;
	padding: 0;
	margin: 0;
	
}

ul.formationIuts ul.sites div.site{
	background: #c4c4c4 url(/img/bgHeadSite.gif) repeat-y;
	font: bold 14px Tahoma;
	padding: 3px 3px 5px 25px;
}

ul.formationIuts ul.departements{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.formationIuts ul.departements span.libelle{
	font: bold 13px Tahoma;
}

ul.formationIuts ul.departements li.departement{
	padding-top: 20px;
	background: #e4e4e4 url(/img/bgFootDepartement.gif) 0 100% no-repeat;
	padding-bottom: 10px;
}
ul.formationIuts ul.departements li.departement.last{
	background: #e4e4e4;
}

ul.formationIuts ul.departements div.departement{
	background: url(/img/bgFndDepartement.gif) 0 3px repeat-y;
	padding: 0px 3px 0px 25px;
	font: normal 11px Tahoma;
}

ul.formationIuts ul.formations{
	list-style: none;
	padding: 0 0 0 45px;
	margin: 0;
}

ul.formationIuts ul.formations li.formation{
	clear: both;
	padding: 10px 0;
}

ul.formationIuts ul.formations span.libelle{
	font: bold 12px Tahoma;
}

ul.formationIuts ul.formations div.options{
	font: italic 12px Tahoma;
	color: #575f5f;
}

ul.formationIuts ul.formations div.options label{
	display: block;
	float: left;
	width: 70px;
	padding: 0 0 0 15px;
}

ul.formationIuts ul.formations div.options ul{
	display: block;
	float: left;
	clear: none;
	list-style: none;
	padding: 0;
	margin: 0;
	list-style-type: disc;
}

ul.formationIuts ul.formations span.end{
	display: block;
	clear: both;
	height: 1px;	
}


/* @end */

/* @group Search Result */
#searchResult{
	padding: 10px 0 0 50px;
	
	
}

/* @end */


/* @end */

/* @group Right */
#right{
	margin: 0;
	float: left;
	width: 200px;
	height: 100%;
	background: #fff url(/img/fndRightRepeat.jpg) repeat-y;
	padding: 0;
}

#rightContent{
	margin: 0;
	width: 200px;
	min-height: 600px;
	background: url(/img/fndRight.jpg) no-repeat;
}


#rightContent #teasers{
	list-style: none;
	padding: 0;
	margin: 0;
}

#rightContent #teasers li{
	display: block;
	float: right;
	clear: both;
	padding: 10px 14px;
	
}

/* @end */

/* @end */

/* @group Footer */
#footer{
	position: relative;
	width: 950px;
	height: 22px;
	background: #afafaf;
	clear: both;
	margin: 0 0 0 15px;
}

#footer h1.artefact a{
	display: block;
	float: right;
	width: 200px;
	height: 22px;
	background: url(/img/logo-artefact.jpg) no-repeat;
}

#footer h1 a span{
	display: none;
}

#footer ul{
	list-style: none;
}

#footer ul.niv1 li{
	float: left;
	padding: 0 15px;
}

#footer ul.niv2{
	display: none;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
	clear: both;
	background: #E4E4E4;
}

#footer ul.niv2 li{
	float: left;
	width: 465px;
}

/* @end */