body{
	width: 100%;
	height: 100%;
	background: url(../images/backgroundPatern.gif) repeat;
	font-size: 12px;
	color: #333366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 span, h2 span, h3 span{
	display: none;
}
h2{
	margin: 0 0 20px 0;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
a{
	color: #000;
}
a:hover{
	color: #848051;
}
a:visited{
	color: #848051;
}
#master{
	width: 742px;
	margin: 0 auto 0 auto;
}
#containerMaster{
	margin-left: 180px;
}
#body{
	height: 100%;
	padding: 0 0 50px 0;
	background: #fff;
	position: relative;
	z-index: 100;
}

/*-----------------------------------------------
	Beadcrumb Content Layout
-----------------------------------------------*/
#beadcrumb{
	position: absolute;
	top: 80px;
	left: 60px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	z-index: 100000;
	
}
#beadcrumb a{
	color: #666666;
	z-index: 1000;
	font-weight: normal;
}
#beadcrumb a:hover{
	color: #4b7399;
}
#beadcrumb span{
}
/*-----------------------------------------------
	Master Content Layout
-----------------------------------------------*/
#mainContent{
	height: 100%;
	margin: 0 0 0 0;
	z-index: 1;
}

/*-----------------------------------------------
	Text Content Layout
-----------------------------------------------*/
#content{
	margin: 30px 20px 0 30px;
	clear: both;
}

/*-----------------------------------------------
	Header Content Layout
-----------------------------------------------*/

#mainHeader{
	height: 440px;
	padding: 0 0 0 0;
	position: relative;
}
#myFlash{
	position: absolute;
}


#videos{
	/*width:470px;*/
	margin:51px 0px 0px 0px;
	
}


/*-----------------------------------------------
	Side Navigation Layout
-----------------------------------------------*/
#navigationSide{
	position: relative;
}
#navigationSide ul{
	position: absolute;
	top: 20px;
	left:40px;
}
#navigationSide li{
	padding: 6px 0 3px 0;
	border-bottom: 1px dashed #fff;
}
#navigationSide span{
	display: none;
}

/*-------  Navigation Images Replacement -------*/
#navigationSide a{
	width: 160px;
	height: 24px;
	display: block;
}
#navigationSide .navQuiz{
	background: url(../images/sideNavQuiz.gif) 0 -24px no-repeat;
}
#navigationSide .navProdEtudiante{
	background: url(../images/sideNavProdEtudiante.gif) 0 -24px no-repeat;
}
#navigationSide .navDemandeInfo{
	background: url(../images/sideNavDemandeInfo.gif) 0 -24px no-repeat;
}
#navigationSide .navDemandeAdmin{
	background: url(../images/sideNavDemandeAdmin.gif) 0 -24px no-repeat;
}
#navigationSide .video{
	background: url(../images/sideNavVideo.gif) 0 -24px no-repeat;
}
#navigationSide .navConferenciers{
	background: url(../images/sideNavconferenciers.gif) 0 -24px no-repeat;
}

#navigationSide a:hover,
.quiz #navigationSide a.navQuiz,
.demandeAdmission #navigationSide a.navDemandeAdmin,
.demandeInformation #navigationSide a.navDemandeInfo,
.productionsEtudiantes #navigationSide a.navProdEtudiante, 
.videos #navigationSide a.video
.conferenciers #navigationSide a.navConferenciers,{
	background-position: 0 0;
}

/*-----------------------------------------------
	News Letter Navigation Layout
-----------------------------------------------*/
#newsletterSide table{
	margin: 20px 0 0 20px;
}
#newsletterSide td{
	padding: 6px 0 0 0;
}
#newsletterSide h3{
	width: 109px;
	height: 12px;
	margin: 0 0 15px 15px;
	background: url(../images/infolettreH3.gif) 0 0 no-repeat;
}
#newsletterSide .newsSubmit{
	width: 72px;
	height: 10px;
	margin: 8px 0 0 0;
	position: absolute;
	right: 20px;
	border: none;
	background: url(../images/btnNewsLetterSoumettre.gif) 0 0 no-repeat;
	cursor: pointer;
}
#content .formSubmit{
	width: 148px;
	height: 29px;
	margin: 8px 0 0 0;
	position: absolute;
	right: 20px;
	border: none;
	background: url(../images/BtnSoumettreRg.gif) 0 0 no-repeat;
	cursor: pointer;
	
}

/*-----------------------------------------------
	Home Page Layout
-----------------------------------------------*/
.home h3{
	margin: 20px 0 5px 0;
	font-weight: bold;
}
.home #content #leftColumn {
	float:left;
	width:320px;
	color:#5C500E;
	margin:5px 20px 5px 5px;
	line-height:18px;
}
.home #content #rightColumn {
	float:left;
	width:320px;
	margin:5px 5px 5px 20px;
	line-height:18px;
}

/*-----------------------------------------------
	Header Navigation Layout
-----------------------------------------------*/
.home #mainNav{
	width: 598px;
	height: 44px;
	margin: 8px 19px 0 0;
	background: none;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10000;
}
#mainNav{
	width: 670px;
	height: 44px;
	margin: 8px 19px 0 0;
	background: url(../images/borderBottomMainNav.gif) right bottom no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10000;
}
#mainNav ul{
	position: absolute;
	right: 0;
}
#mainNav li{
	margin: 0 2px 0 0;
	float: left;
}
#mainNav span{
	display: none;
}
/*-----------------------------------------------
	L'Ecole
-----------------------------------------------*/
.ecole a{
	color: #848051;
}
.ecole a:hover{
	color: #2b92b7;
}

.genericPage #map{
	position: absolute;
	top: 200px;
	right: 60px;
}
.ecole .ligneBus {
	margin: 10px 0 0 0;
}
.ecole .ligneBus li{
	margin: 0 !important;
	list-style: none !important;
}
.ecole .ligneBus .bus{
	padding-left: 63px;
}
.ecole .btnFormulaire:hover{
	background-position: bottom left;
}
.btnFormulaire{
	width: 180px;
	height: 29px;
	margin: 40px 0 0 0;
	display: block;
	background: url(../images/btnFormulairePdf.gif) 0 0 no-repeat;
}
.btnFormulaire span{
	display: none;
}

/*-----------------------------------------------
-----------------------------------------------*/
#mainNav .secondLevel{
	display: none;
}
.ecole #mainNav .secondLevel{
	display: block;
}
.ecole #content li{
	list-style: inside;
}
#mainNav .secondLevel{
	width: 420px;
	position: absolute;
	margin: 1px 0 0 0;
	right: 30px;
}
#mainNav .secondLevel li{
	height: 23px;
	margin: 0 0 0 0;
	padding: 0;
}
#mainNav .secondLevel a{
	height: 25px;
}

/*-------  Navigation Images Hover - background positioning -------*/
#mainNav a:hover{
	background-position: 0 -43px;
	z-index: 10000;
}

/*------- Current Page Navigation Images - background positioning -------*/
.mainProgrammes .gProduction #mainNav a.navProgrammes,
.mainProgrammes .gCreation #mainNav a.navProgrammes,
.mainProgrammes .gGestion #mainNav a.navProgrammes,
.mainProgrammes .programmes #mainNav a.navProgrammes,
.cours #mainNav a.navProgrammes,
.ateliers #mainNav a.navAteliers,
.etudiantEtranger #mainNav a.navEtudiantEtranger,
.ecole #mainNav a.navEcole,
.employeurs #mainNav a.navEmployeurs{
	background-position: 0 -43px;
	z-index: 10000;
}
.gProduction #content, .gGestion #content, .gCreation #content{
	/*width: 360px;*/
}

/*-----------------------------------------------
	Side Content Layout
-----------------------------------------------*/
#sideContent{
	width: 204px;
	margin: 10px 0 0 0;
	position: absolute;
	left: -204px;
}
#sideLogo{
	margin: 10px 0 0 4px;
	height: 124px;
	background: url(../images/sideLogoBg.png) 0 0 no-repeat;
}
#sideLogo img{
	margin: 15px 0 0 40px;
}
#navigationSide{
	margin: 5px 0 0 4px;
	height: 190px;
	background: url(../images/sideContent_NavBg.png) 0 0 no-repeat;
}
#newsletterSide{
	width: 204px;
	height: 392px;
	margin: 15px 4px 0 0;
	/*background: url(../images/left_inscriptions.png) 0 0 no-repeat;*/
}

#newsletterSide #clique_ici{
	width: 132px;
	height: 29px;
	background: url(../images/clique_ici.gif) 0 0 no-repeat;
	display: block;
	cursor: pointer;
	position:relative;
	top:65px;
	left:40px;
}
#newsletterSide #clique_ici span {
	display:none;
}
#newsletterSide #clique_ici:hover{
	background-position:bottom left;
}

/*-----------------------------------------------
	Footer Content Layout
-----------------------------------------------*/
#footer {
	height: 35px;
	margin: 10px 0 0 0;
	background: #d8c8af;
	position: relative;
	font-size: 10px;
	color: #50504d;	
}
#footer span{
	position: absolute;
	top: 10px;
	left: 20px;
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
}
#footer p{
	position: absolute;
	top: 14px;
	right: 20px;
	font-size: 7px;
	color: #979692;	
}
#footer #footerLegal{
	margin: 0 40px 0 0;
	position: relative;
	float: right;
}
#footer #footerLegal a{
	color: #50504d;
}


/*-----------------------------------------------
	Tool Navigation Content Layout
-----------------------------------------------*/
#navTool{
	margin: 30px 0 0 0;
}
#navTool li{
	margin: 0;
	float: left;
}
#navTool span{
	display: none;
}
#navTool a{
	display: block;
}
.toolQuiz:hover, .toolInfoShowLettre:hover, .toolQuizV2:hover {
	background-position: bottom left;
}
.toolQuiz{
	width: 243px;
	height: 161px;
	display: block;
	cursor: pointer;
	background: url(../images/toolQuiz.gif) 0 0 no-repeat;
}
.toolQuizV2{
	width: 301px;
	height: 96px;
	display: block;
	cursor: pointer;
	background: url(../images/toolQuizV2.gif) 0 0 no-repeat;
}
.toolInfoShowLettre {
	width: 156px;
	height: 79px;
	display: block;
	cursor: pointer;
	margin:45px 0 0 190px;
	background: url(../images/toolInfoShowLettre.gif) 0 0 no-repeat;
}
/*-----------------------------------------------
	Generic Content Layout
-----------------------------------------------*/
.genericPage #content{
	min-height: 500px;
	margin-left: 58px;
	color: #333;
	line-height: 1.4em;
}
.genericPage #mainHeader{
	height: 100px;
}
.genericPage #content p{
	margin: 0 0 20px 0;
}
.genericPage #content li{
	margin: 0 0 10px 0;
}
.genericPage #content h3{
	margin: 30px 0 0 0;
}
.genericPage #content #metiers li{
	margin: 3px 0 0 0;
}
.genericPage #content #programmes{
	width: 500px;
}
.genericPage #content #programmes li{
	margin: 3px 0 0 0;
	list-style: inside;
}
/*-----------------------------------------------
	Programmes Content Layout
-----------------------------------------------*/
#tableauProgramme{
	height: ;
	background: red;
}
#body.programmes{
	height: 700px;
}
.programmes #mainHeader{
	width: 618px;
	/*height: 183px;*/
	height: 20px;
	margin: 0 0 0 60px;
	top: 120px;
	/*background: url(../images/HeaderProgrammes.jpg) 0 0 no-repeat;*/
}
.programmes #content{
	width: auto;
	margin: 120px 60px 0 60px;
}
.programmes #content a span{
	display: none;
}
.programmes #content a{
	margin: 0 0 8px 0;
	display: block;
}
.programmes #content a.heading{
	height: 48px;
}

/*-----------------------------------------------
	Bouton Profile
-----------------------------------------------*/
#boutonProfile{
	width: 600px;
	height: 29px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
#boutonProfile span{
	display: none;
}
#boutonProfile li{
	float: left;
}
#boutonProfile a{
	margin: 0 5px 0 0;
}
#boutonProfile a:hover{
	background-position: bottom left;
}
#boutonProfile .demandeInfo{
	width: 218px;
	height: 29px;
	display: block;
	background: url(../images/btnProfileDemandeInfo.gif) 0 0 no-repeat;
}

/*-----------------------------------------------
-----------------------------------------------*/
#boutonProfile .entretien{
	width: 231px;
	height: 29px;
	display: block;
	background: url(../images/btnInscriptionEntretien.gif) 0 0 no-repeat;
}
#boutonProfile .referer{
	width: 341px;
	height: 29px;
	display: block;
	background: url(../images/btnReferer.gif) 0 0 no-repeat;
}
a.btnReferer span{
	display: none;
}
a.btnReferer:hover{
	background-position: bottom left;
}
a.btnReferer{
	width: 231px;
	height: 29px;
	margin: 40px 0 0 0;
	display: block;
	background: url(../images/btnRefererAmis.gif) 0 0 no-repeat;
}
#resultatPage #content{
	/*width: 400px !important;*/
}
#resultatPage .legal{
	font-size: 10px;
}
/*-----------------------------------------------
	Cours List Content Layout
-----------------------------------------------*/
.cours h1{
	width: 202px;
	height: 44px;
	background: url(../images/headingProgramme.gif) 0 0 no-repeat;
}
.cours #content{
	width: 640px;
	padding: 0 0 90px 0;
}
.cours h2{
	margin: 110px 0 0 0;
}
.cours h3{
	font-weight: bold;
}
.cours h1{
	position: absolute;
	top: 130px;
	left: 58px;
}
.cours #content p{
	margin: 10px 0 0 0;
}
.cours #content ul{
	margin: 10px 0 0 0;
}
.cours #content li{
	margin: 0 0 3px 0;
	list-style: inside;
}
.cours #content table{
	width: 500px;
	margin: 10px 0 10px 0;
	color: #fff;
}
.cours #content table td{
	padding: 1px 0 1px 3px;
}
.cours #content table th{
	background: #fff;
	color: #333;
}
.cours #content table td.hackClaire{
	height: 1px;
	background: #333;
}
.cours #content table tr{
	background: #aaa883;
	border-bottom: 2px solid #fff;
}
.cours #content table tr.one{
	background: #7295b6;
	border-bottom: 2px solid #fff;
}
.cours #content table.tCreation tr.one{
	background: #ed9d4b;
	border-bottom: 2px solid #fff;
}
.cours #content table.tGestion tr.one{
	background: #799d63;
	border-bottom: 2px solid #fff;
}
/*-----------------------------------------------
-----------------------------------------------*/
.pdfDownload span{
	display: none;
}
.pdfDownload{
	width: 179px;
	height: 29px;
	margin: 30px 0 0 0;
	display: block;
	background: url(../images/pdfDownload.gif) 0 0 no-repeat;
	position: absolute;
	right: 20px;
}
a.pdfDownload:hover{
	background-position: bottom left;
}
/*-----------------------------------------------
	Quiz
-----------------------------------------------*/
.quiz #content{
	/*width: 500px;*/
}
.quiz #content p{
	/*width: 360px;*/
}
#body.quiz{
	height: 718px;
	background: #fff url(../images/bgQuiz.gif) bottom left no-repeat;
}
h2.bienvenuQuiz{
	width: 241px;
	height: 33px;
	background: url(../images/headingBienvenuQuiz.gif) 0 0 no-repeat;
}
h2.quizTitle{
	width: 608px;
	height: 32px;
	background: url(../images/landingQuiz.gif) 0 0 no-repeat;
}
.quiz #myFlash {
	position: absolute;
	top: 300px;
}
#boutonProfile .quiz{
	width: 180px;
	height: 29px;
	display: block;
	background: url(../images/btnProfileQuiz.gif) 0 0 no-repeat;
}
h2.refererGagner{
	width: 570px;
	height: 45px;
	background: url(../images/gagnerReferer.gif) 0 0 no-repeat;
}
.homequiz #content{
	width: 620px;
}
.homequiz #quizText{
	width: 330px;
	margin: 0 20px 0 0;
	float: left;
}
.homequiz #quizText p{
	width: 330px;
}
.homequiz .toolQuiz{
	margin: 0;
	float: left;
}
.homequiz .toolQuiz span{
	display:none;
}
/*-----------------------------------------------
	Slide Show Picture LightBox
-----------------------------------------------*/
.pictures #content{
	width: 650px !important;
	height: 650px;
}
#content.pictureShow img{
	margin: 0 25px 20px 0;
	float: left;
}
#slideShow{
	margin: 60px 0 0 0;
}
.partenaires #content img{
	margin: 20px 40px 0 0;
}

/*-----------------------------------------------
	Infolettre Popup
-----------------------------------------------*/
#infolettrePopUp .formSubmit{
	width: 148px;
	height: 29px;
	margin: 8px 0 0 0;
	border: none;
	background: url(../images/BtnSoumettreRg.gif) 0 0 no-repeat;
	cursor: pointer;
}
/*-----------------------------------------------
	Ftaf (Forward to a friend) Popup
-----------------------------------------------*/
#ftaf .submit_ftaf{	
	margin: 8px 0;
	cursor: pointer;
	color:#3399ca;
	background-color:#e9f4f8;
	border-width:0;
	border-style:none;
}
#ftaf {
	background-color:#e9f4f8;
	width: 570px;
	margin: 0 0 10px 0;
}
/*-----------------------------------------------
	etudiantEtranger
-----------------------------------------------*/
.atelier a{
	color: #848051;
}
.atelier a:hover{
	color: #2b92b7;
}

.genericPage #map{
	position: absolute;
	top: 200px;
	right: 60px;
}
.atelier .ligneBus {
	margin: 10px 0 0 0;
}
.atelier .ligneBus li{
	margin: 0 !important;
	list-style: none !important;
}
.atelier .ligneBus .bus{
	padding-left: 63px;
}
.atelier .btnFormulaire:hover{
	background-position: bottom left;
}
.btnFormulaire{
	width: 180px;
	height: 29px;
	margin: 40px 0 0 0;
	display: block;
	background: url(../images/btnFormulairePdf.gif) 0 0 no-repeat;
}
.btnFormulaire span{
	display: none;
}

/*-----------------------------------------------
	etudiantEtranger
-----------------------------------------------*/
.etudiantEtranger a{
	color: #848051;
}
.etudiantEtranger a:hover{
	color: #2b92b7;
}

.genericPage #map{
	position: absolute;
	top: 200px;
	right: 60px;
}
.etudiantEtranger .ligneBus {
	margin: 10px 0 0 0;
}
.etudiantEtranger .ligneBus li{
	margin: 0 !important;
	list-style: none !important;
}
.etudiantEtranger .ligneBus .bus{
	padding-left: 63px;
}
.etudiantEtranger .btnFormulaire:hover{
	background-position: bottom left;
}
.btnFormulaire{
	width: 180px;
	height: 29px;
	margin: 40px 0 0 0;
	display: block;
	background: url(../images/btnFormulairePdf.gif) 0 0 no-repeat;
}
.btnFormulaire span{
	display: none;
}

/*-----------------------------------------------
-----------------------------------------------*/
#mainNav .secondLevel{
	display: none;
}
.etudiantEtranger #content li{
	list-style: inside;
}

/*-----------------------------------------------
	Ateliers gratuits
-----------------------------------------------*/
#containerMaster.ateliersGratuits .BlueBackground {
	background-color:#e9f4f8;
	width: 570px;
	margin: 0;
}
#containerMaster.ateliersGratuits .submit_atelierGratuits {
	margin: 8px 0;
	cursor: pointer;
	color:#3399ca;
	background-color:#e9f4f8;
	border-width:0;
	border-style:none;
	font-weight:bold;
}
/*-----------------------------------------------
	Concours
-----------------------------------------------*/
#containerMaster.concours .OrangeBackground {
	background-color:#F0D28C;
	width: 570px;
	margin: 0;
}
#containerMaster.concours .submit_concours {
	margin: 8px 0;
	cursor: pointer;
	color:#3E3A67;
	background-color:#F0D28C;
	border-width:0;
	border-style:none;
	font-weight:bold;
}
#containerMaster.concours #ftaf .response {
	padding:0 15px 15px 15px;
	font-weight:bold;
}
.concours #ftaf {
	display:none;
	background-color:#FFFFFF;
}
.concours #content {
	margin-right: 100px;
	margin-top:0;
}
.concours #ftaf .submit_ftaf {
	background-color:#F0D28C;
	color:#3E3A67;
	font-weight:bold;
}
/*-----------------------------------------------
	Concours Backstage
-----------------------------------------------*/
#containerMaster.concours_backstage .GreenBackground {
	background-color:#66cc33;
	width: 570px;
	margin: 0;
}
#containerMaster.concours_backstage .submit_concours {
	margin: 8px 0;
	cursor: pointer;
	color:#FFFFFF;
	background-color:#66cc33;
	border-width:0;
	border-style:none;
	font-weight:bold;
}
#containerMaster.concours_backstage #ftaf .response {
	padding:0 15px 15px 15px;
	font-weight:bold;
}
.concours_backstage #ftaf {
	display:none;
	background-color:#FFFFFF;
}
.concours_backstage #content {
	margin-right: 100px;
	margin-top:0;
}
.concours_backstage #ftaf .submit_ftaf {
	color:#FFFFFF;
	background-color:#66cc33;
	font-weight:bold;
}