@charset "utf-8";
/* CSS Document */
/* Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
sup {vertical-align:top; font-size:10px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html{

}
body{
background:url(../images/header/headerBackground.png) center top repeat-x;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 22px;
color: #353535;
}

#conteneur{
position:relative;
width:960px;
margin:0 auto;
}

h4 {margin-top:10px; margin-bottom:5px; font-size:14px; color:#009900;}
/******************************************************************/
/*********************** HEADER **********************************/
/****************************************************************/
a:link{color:#FF9900; text-decoration:underline;}
a:visited{color:#974B00; text-decoration:underline;}
a:hover{color:#E67300; text-decoration:underline;}
a:active{color:#70D103; text-decoration:underline;}
#entete{position:relative; margin:0 auto; width:940px; height:377px; top:0px; left:0px; background:url(../images/header/header.jpg) center top no-repeat;}
h1{position:relative; top:30px; width:259px; height:75px;}


#video_header{position:absolute; top:71px; left:491px; background-color:#333;}
/* Navigation principale */
ul#menu_principal {position:relative; width:940px; height:55px; top:250px; background:url(../images/navigation/menuNavBackground.png) repeat-x;}
ul#menu_principal li{display:inline; z-index:30; float:left;}

/* Boutons de pre-loading pour Accueil */
ul#menu_principal li.menu_accueil {background-image:url(../images/navigation/accueilHover.gif); width:96px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_accueil a:link, ul#menu_principal li.menu_accueil a:visited {background-image:url(../images/navigation/accueil.gif); width:96px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour étudier à  Matane */
ul#menu_principal li.menu_etudier {background-image:url(../images/navigation/etudierMataneHover.gif); width:162px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_etudier a#lien_etudier:link, ul#menu_principal li.menu_etudier a#lien_etudier:visited {background-image:url(../images/navigation/etudierMatane.gif); width:162px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour Notre programme */
ul#menu_principal li.menu_programme {background-image:url(../images/navigation/notreProgrammeHover.gif); width:168px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_programme a#lien_programme:link, ul#menu_principal li.menu_programme a#lien_programme:visited {background-image:url(../images/navigation/notreProgramme.gif); width:168px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour Finissants */
ul#menu_principal li.menu_finissants {background-image:url(../images/navigation/finissantsHover.gif); width:109px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_finissants a#lien_finissants:link, ul#menu_principal li.menu_finissants a#lien_finissants:visited {background-image:url(../images/navigation/finissants.gif); width:109px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour Stages */
ul#menu_principal li.menu_stages {background-image:url(../images/navigation/stagesHover.gif); width:82px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_stages a:link, ul#menu_principal li.menu_stages a:visited {background-image:url(../images/navigation/stages.gif); width:82px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour Blogue */
ul#menu_principal li.menu_blogue {background-image:url(../images/navigation/voirHover.gif); width:84px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_blogue a:link, ul#menu_principal li.menu_blogue a:visited {background-image:url(../images/navigation/voir.gif); width:84px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour FAQ */
ul#menu_principal li.menu_faq {background-image:url(../images/navigation/faqHover.gif); width:76px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_faq a:link, ul#menu_principal li.menu_faq a:visited {background-image:url(../images/navigation/faq.gif); width:76px; height:52px; text-indent:-99999px; display:block;}

/* Boutons de pre-loading pour Nous joindre */
ul#menu_principal li.menu_contact {background-image:url(../images/navigation/nousJoindreHover.gif); width:130px; height:52px; text-indent:-99999px;}
ul#menu_principal li.menu_contact a:link, ul#menu_principal li.menu_contact a:visited {background-image:url(../images/navigation/nousJoindre.gif); width:130px; height:52px; text-indent:-99999px; display:block;}

/* Boutons lorsqu'ils sont en état survolé */
ul#menu_principal li.menu_accueil a:hover, ul#menu_principal li.menu_accueil a:active {background-image:url(../images/navigation/accueilHover.gif); width:96px; height:52px; text-indent:-99999px; display:block;} 
ul#menu_principal li.menu_etudier a#lien_etudier:hover, ul#menu_principal li.menu_etudier a#lien_etudier:active {background-image:url(../images/navigation/etudierMataneHover.gif); width:162px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_programme a#lien_programme:hover, ul#menu_principal li.menu_programme a#lien_programme:active {background-image:url(../images/navigation/notreProgrammeHover.gif); width:168px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_finissants a#lien_finissants:hover, ul#menu_principal li.menu_finissants a#lien_finissants:active {background-image:url(../images/navigation/finissantsHover.gif); width:109px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_stages a:hover, ul#menu_principal li.menu_stages a:active {background-image:url(../images/navigation/stagesHover.gif); width:82px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_blogue a:hover, ul#menu_principal li.menu_hover a:visited {background-image:url(../images/navigation/voirHover.gif); width:84px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_faq a:hover, ul#menu_principal li.menu_faq a:hover {background-image:url(../images/navigation/faqHover.gif); width:76px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_contact a:hover, ul#menu_principal li.menu_contact a:hover {background-image:url(../images/navigation/nousJoindreHover.gif); width:130px; height:52px; text-indent:-99999px; display:block;}

/* Boutons lorsqu'ils sont en état ACTIF */
ul#menu_principal li.menu_accueil a.active {background-image:url(../images/navigation/accueilHover.gif); width:96px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_etudier a.active {background-image:url(../images/navigation/etudierMataneHover.gif); width:162px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_programme a.active {background-image:url(../images/navigation/notreProgrammeHover.gif); width:168px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_finissants a.active {background-image:url(../images/navigation/finissantsHover.gif); width:109px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_stages a.active {background-image:url(../images/navigation/stagesHover.gif); width:82px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_blogue a.active {background-image:url(../images/navigation/voirHover.gif); width:84px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_faq a.active {background-image:url(../images/navigation/faqHover.gif); width:76px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_contact a.active {background-image:url(../images/navigation/nousJoindreHover.gif); width:130px; height:52px; text-indent:-99999px; display:block;}

/* Fil d'Ariane */
#fil_ariane {position:relative; width:930px; height:39px; background:url(../images/filAriane/blockFilAriane.png); padding:0; margin:0 auto; top:247px; right:4px;font-size:11px; padding-top:8px; padding-left:20px; color:#FFFFFF;}
#fil_ariane a:link, #fil_ariane a:visited {color:#FFFFFF; text-decoration:none;}
#fil_ariane a#actif {color:#FFFFFF; text-decoration:underline;}
#fil_ariane a:hover, #fil_ariane a:active {color:#FFFFFF; text-decoration:underline;}


/******************************************************************/
/*********************** CONTENU *********************************/
/****************************************************************/
.imageGauche{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	
}
.imageDroite{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	
}
#contenu_principal{position:relative; margin:0 auto; width:939px; background:url(../images/body/backgroundBody.png) repeat-y; top:47px; left:0.175em; overflow:auto; padding-top:1em; padding-bottom:1em;}
#contenu_principal_voir{ background-color:#FFFFFF; position:relative; margin:0 auto; width:939px; top:47px; left:0.175em; overflow:auto; padding-top:1em; padding-bottom:1em;}
div#infos_principal{float:left; right:0px; width:638px;}
div#contenu_infos_principal {position:relative; width:600px; margin:0 auto; top:3px;}
div#contenu_infos_principal p {margin-top:1em; margin-bottom:1.2em;}
.billet_infos_principal p{margin-top:0.5em; margin-bottom:1em;}
div.billet_infos_principal{position:relative; width:560px; margin-left:30px;}
#conteneurFinissants{
	margin-left:20px;
	
}
.h2_cours{font-weight:bold; font-size:16px; color:#E67300; margin-top:1em;}
.h3_cours{font-weight:bold; font-size:14px; margin-top:1em;}
.p_cours{margin-bottom:3em;}
div.billet_actualite_principal{position:relative; width:560px; margin-left:30px; margin-top:15px;}
div#actualites_archives {position:relative; width:600px; min-height:260px;}
div.billet_actualite_archive {float:left; width:265px; margin-left:30px; margin-bottom:30px;}
h3.titre_actualite {font-weight:bold; font-size:18px; color:#353535; margin-top:1em;}
h3.titre_actualite_full {font-weight:bold; font-size:18px; color:#353535; margin-top:1em;}
p.date_actualite{font-style:italic; font-size:12px; margin-bottom:10px;}
.lien_actualites a:link{text-align:right; color:#FF9900; text-decoration:underline;}
.lien_actualites a:visited{text-align:right; color:#974B00; text-decoration:underline;}
.lien_actualites a:hover{text-align:right; color:#E67300; text-decoration:underline;}
.lien_actualites a:active{text-align:right; color:#70D103; text-decoration:underline;}
.ligne_actualite {background-color:#ececec; text-align:left; border:0; height:1px; color:#ececec; margin-top:20px; margin-bottom:20px; width:565px;} /*Ligne séparatrice de la première nouvelle*/
p.haut_de_page {color:#f6790a; text-decoration:underline; text-align:right; font-size:11px; margin-right:20px; margin-bottom:26px;}

/* Contenu gauche supplementaires*/
div#infos_supplementaires{float:left; width:270px; left:0px; top:0px; padding-left:25px; padding-top:10px; height:auto;}
div.billet_infos_supplementaires {position:relative; width:240px; margin-bottom:1em;}
div.billet_infos_supplementaires_last {position:relative; width:240px; padding-bottom:50px;}
h3.infos_supplementaires {font-size:16px; color:#f87a0a; font-weight:bold; margin-bottom:1em; margin-top:1em;}
div.img_supplementaires {position:relative; width:240px; height:120px; top:10px; margin-bottom:20px;}
.ligne_separation {background:url(../images/body/ligne.jpg) no-repeat; position:relative; width:500px; height:7px; margin-top:20px; margin-bottom:20px;border:#FFFFFF;}/*Ligne séparatrice du contenu*/
p.infos_droite {text-align:right;}
p.infos_droite a:link{text-align:right; color:#FF9900; text-decoration:underline;}
p.infos_droite a:visited{text-align:right; color:#974B00; text-decoration:underline;}
p.infos_droite a:hover{text-align:right; color:#E67300; text-decoration:underline;}
p.infos_droite a:active{text-align:right; color:#70D103; text-decoration:underline;}
.listRenseignement { font-style:italic;}
/* Contenu droite principal*/
.listDecoration{list-style-image:url(../images/body/+.png); margin-top:1.2em; margin-bottom:1.2em;}
.listDecoration li{margin-left:25px; margin-bottom: 0.5em; margin-top: 0.5em;}
.ul_prof{ padding-left:30px; list-style:square;}
.h3_prof{ font-weight:bold; font-size:14px; margin-top:2em; margin-bottom:0.5em;}

/*Liste pour le corps de la page*/
ul.body_liste {list-style:square;}
ul.body_liste li{margin-left:20px; margin-bottom:5px; margin-top:2px; vertical-align:middle;}

/******************************************************************/
/*********************** PIED DE PAGE ****************************/
/****************************************************************/
div#conteneur_pied_de_page{position:relative; margin-top:30px; height:342px; width:100%; background-image:url(../images/piedPage/piedPageBackground.png); background-position:bottom; background-repeat:repeat-x;}
#infos_site{position:relative; width:900px; margin:0 auto; top:10px;}
div.billet_infos_site1{width:260px; height:240px; float:left; margin-right:50px;}
div.billet_infos_site11{width:520px; height:240px; float:left; margin-right:50px;}
div.billet_infos_site1 h4, div.billet_infos_site11 h4{margin-bottom:5px;}
div.billet_infos_site2{width:260px; height:240px; float:left; margin-right:50px;}
div.billet_infos_site3{width:260px; height:240px; float:left; margin-bottom:20px;}
#realisations_etudiants li{background:url(../images/piedPage/cadreRealisation.png) no-repeat; float:left; margin:10px 30px 0px 0px; width:53px; height:53px;}
#menu_infos_site{text-align:center; margin-bottom:0px; margin-top:0px;}
#menu_infos_site li{display:inline; margin-right:12px;}
#menu_infos_site a:link{color:#bebebe; text-decoration:none;}
#menu_infos_site a:visited{color:#C87904; text-decoration:none;}
#menu_infos_site a:hover{color:#f6881e; text-decoration:underline;}
#menu_infos_site a:active{text-align:right; color:#70D103; text-decoration:underline;}
#logo_piedPage{margin-top:10px}
#legal{text-align:center; font-size:11px; color:#CCCCCC;}
div.billet_infos_site1 p{line-height:1em;}
#legal a:link{color:#bebebe; text-decoration:none;}
#legal  a:visited{color:#C87904; text-decoration:none;}
#legal  a:hover{color:#f6881e; text-decoration:underline;}
#legal  a:active{text-align:right; color:#70D103; text-decoration:underline;}
.li_realisations_etudiants img{margin-top:2px; margin-left:2px;}
/******************* Dernier Articles ****************************/
.titre_blogue a:link{color:#F8F8F8; font-size:12px; text-decoration:none; margin-top:5px;}
.titre_blogue a:visited{color:#CCCCCC; text-decoration:none; margin-top:5px;}
.titre_blogue a:hover{color:#FFFFFF; text-decoration:underline;}
.articles_blogue{color:#EEEEEE; font-size:11px; margin-bottom:1em;}
.date_post_blogue{color:#EEEEEE; font-size:11px; font-style:italic; margin-bottom:4px;}
.lire_la_suite a:link{color:#F8F8F8; font-size:12px; font-style:italic; float:right; text-decoration:underline;}
.lire_la_suite a:visited{color:#CCCCCC; float:right; text-decoration:none;}
.lire_la_suite a:hover{color:#FFFFFF; text-decoration:underline;}

/**************************Grille de cours**************************/
table a:link{text-align:right; color:#FF9900; text-decoration:underline;}
table a:visited{text-align:right; color:#974B00; text-decoration:underline;}
table a:hover{text-align:right; color:#E67300; text-decoration:underline;}
table a:active{text-align:right; color:#70D103; text-decoration:underline;}
table{width:100%;}
.td_strong{ font-weight:bold;}
tr{margin-left:10px;}
.tr_gris{background-color:#EEE; height:17px;}
.tr_blanc{background-color:#F7F7F7; height:17px;}
.tr_head{background-color:#999; text-align:left;}
.tr_head td{color:#FFF; font-weight:bold; padding-left:5px;}
.td_chiffre{width:20px;}
.td_differences{padding-left:5px; padding-right:5px; text-align:center;}
#table_multi3D{margin-top:10px; margin-bottom:10px;}
.plus {background:url(../images/body/+.png) no-repeat; height:14px; width:17px; display:block; margin:0 auto; margin-top:3px; text-indent:-9999px;}
/****************************FAQ*********************************/
.reponse{color:#009900; font-weight:bold;}
.li_reponse{margin-left:10px;}
.ul_question{margin-top:1em;}
.li_question{margin-left:10px;}
.question{color:#F97C00; font-weight:bold;}

/**************************ÉTUDIER À MATANE***************************/
.img_rez {padding-top:10px; padding-bottom:10px;}
.type_rez {margin-top:14px;}
.img_commentaire {float:left; margin-right:15px;}
/**********************EXTRA******************************/
/***************Plan du site**********************/
#planSite a:link{color:#FF9900; text-decoration:underline;}
#planSite a:visited{ color:#974B00; text-decoration:underline;}
#planSite a:hover{ color:#E67300; text-decoration:underline;}
#planSite a:active{ color:#70D103; text-decoration:underline;}
#planSite {background:url(../images/body/greenPixel.png) repeat-y 15px 0; width:340px;}
#planSite li {font-size:16px;margin:15px 0 20px;padding:0 0 0 10px;}
#planSite li a {background-color:#fffdfd; color:#1F6DD9; display:block; padding:3px;}
#planSite li ul li {background:transparent url(../images/body/greenPixel.png) repeat-x 0 8px; font-size:13px; margin:4px 0 4px 5px; padding:0 0 0 20px;}
#planSite li ul li a {padding:0 0 0 3px;}
#planSite li ul li ul {background:transparent url(../images/body/greenPixel.png) repeat-y 15px 0; margin-bottom:10px;}
#planSite li ul li ul li {margin-left:16px; padding-left:10px;}


/***************************************************************/
/************************* SEARCH *****************************/
/*************************************************************/
#accessibilite {position:absolute; top:20px; right:60px; color:#999999;}
#champ_recherche { position: absolute; top:10px; right:95px; border:1px solid #000000; background:white; padding:4px; margin-bottom:5px; margin-left:15px; font-family: Verdana, Arial, Helvetica, sans-serif; width:255px; color:#666666; font-size:13px;}
#btn_recherche { position:absolute; top:10px; right:0; background-image:url(../images/header/search.png); width:90px; height:26px; text-indent:-9999px; border:0;}
#img_search { position:absolute; top:10px; right:370px; height:26px; width:26px;}
.ligne_search {background-color:#ececec; text-align:left; border:0; height:1px; color:#ececec; margin-top:20px; margin-bottom:20px; width:910px;}
#contenu_resultats_recherche{position:relative; margin:0 auto; width:900px; padding-left:20px; padding-right:20px; background-color:#FFFFFF; top:47px; left:2px; overflow:auto; padding-top:1em; padding-bottom:1em;}
div.infoSearch {float:left; width:440px; height:100px; margin-left:10px; margin-right:10px;}
.champ_resultat {position:relative; width:800px; height:130px; background-image:url(../images/body/resultats.png);}
.numero_resultat {position:absolute; width:46px; height:40px; background-image:url(../images/body/numero.png); top:5px; left:20px; text-align:center; padding-top:10px; padding-right:4px; font-size:20px; color:#FFFFFF;}
.texte_resultat {position:relative; width:705px; height:120px; left:85px; top:25px;}
h5.tit_search {font-size:14px; color:#363636; text-decoration:underline; font-weight:lighter;}
h5.tit_search a:link {color:#363636; font-weight:600;}
#gras {font-weight:bold;}
#liste_search {list-style:square;}
#liste_search {margin-left:30px;}
#suggestions {font-weight:bold; font-size:13px; margin-top:9px;}
/* CLASSES TEXTES */

/* FLASH */
object#finissants {
	position: relative;
	top: -15px;
}

/***************************************************************/
/************************* FACEBOOK ***************************/
/*************************************************************/
#facebook {position:fixed; width:100%; height:25px; bottom:0; color:#eeeeee;display:none;}
#user {width:100%; height:25px; left:0; top:-4px; padding-left:7px; background-color:#3b5997; border-top:1px solid #4f72b8; }
#img_facebook {position:absolute; right:0px; top:1px;}
#texte_user {position:absolute; bottom:2px; left:36px;}
#imgPartage {vertical-align:middle; margin-right:3px; }
#lienPartage:link, #lienPartage:visited {color:#a7c4ff; text-decoration:underline;}
#lienPartage:hover, #lienPartage:active {color:#FFFFFF; text-decoration:underline;}
.FB_Link:link, .FB_Link:visited{color:#FFFFFF; font-weight:bold;}
.FB_Link:hover, .FB_Link:active{color:#FFFFFF; text-decoration:underline;}
/***************************************************************/
/************************* ROTATOR ***************************/
/*************************************************************/
#rotator{
	width:500px;
	height:190px;
	background-color:#F00;
}
#footerWorkViewer{
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
	behavior: url(PIE.htc);
	width:500px;
	height:190px;
	position:relative;
}
/***************************************************************/
/************************* COHORTE ***************************/
/*************************************************************/
.cohorteListe{
	padding:2em;
}
/***************************************************************/
/**************************** STAGE *****************************/
#formulaire_stage { width:420px; color:#555555;}
#formulaire_stage .champ_saisie input, #formulaire_stage .champ_saisie textarea,.champ_saisie select  {border:1px solid #000000; background:white; padding:4px; margin-bottom:5px; margin-left:15px; font-family: Verdana, Arial, Helvetica, sans-serif; width:255px; color:#666666; font-size:13px;}
#formulaire_stage .champ_saisie {margin-top:20px;}

#formulaire_stage .champ_saisie textarea {width:395px;}
#formulaire_stage .champ_saisie #prenom {width:310px; float:right;}
#formulaire_stage .champ_saisie #nom {width:310px; float:right;}
#formulaire_stage .champ_saisie #courriel {width:310px; float:right;}
#formulaire_stage .champ_saisie #sujet {width:395px; float:right;}
#formulaire_stage .champ_saisie #robot {width:40px;}

.erreur {color:#AF1010; font-weight:bold; font-size:11px; padding-left:12px;}
#brn_envoyer {margin-top:20px;}

#moments-stages table { border: 1px solid #333; border-collapse: collapse; width: 100%; margin: auto; }
#moments-stages th { border: 1px solid #999; padding: 3px; background-color: #6ca426; color: #fff; }
#moments-stages th#stage {width: 28%;}
#moments-stages th#etud {width: 24%; }
#moments-stages th#duree {width: 19%;}
#moments-stages th#dates {width: 29%;}
th#note {font-size: 90%; text-align: left; font-weight: normal; padding: 5px 10px; background-color: #6ca426; color: #fff; }
#moments-stages td { border: 1px solid #999; padding: 5px 0 5px 5px; text-align: left; }
#moments-stages p {margin: 25px;}

/***************************************************************/
/******************* ACTUALITES LOGIN FORM *********************/

.loginForm label{
	display:block;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}
#actuListe{font-size:10px}
#actuListe ul{
	width:280px;
	
	
}
#actuListe ul li{
	width:280px;
	
	
}
/***************************************************************/
/******************* PARASCOLAIRE *********************/
.paraIco{float:left;}
.paraLocal{ color:#67af08; font-style:italic;}
.paraTitre{ color:#f87a0a; font-size:1.3em; margin-bottom:1em; margin-top:1em; clear:both;}
.listePara{list-style-type:circle; display:block;}
.listePara ul li{
	display:block;
	list-style-type:circle;
	font-style:italic;
	margin-left:2em;
}
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*********************************************/
/*********** plan du site **********************/
.listDecorationPlan{list-style-image:url(../images/body/+.png); margin-top:1.2em; margin-bottom:1.2em;}
.listDecorationPlan li{margin-left:25px; margin-bottom: 0.5em; margin-top: 0.5em;}
.listDecorationPlan li a{font-size:1.2em;}
.listDecorationPlan ul li a{font-size:1em;}


.hide{

display:none;

}

/************* Menu survolé dans les pages correspondantes ***************/
ul#menu_principal li.menu_accueil a.accueilR {background-image:url(../images/navigation/accueilHover.gif); width:96px; height:52px; text-indent:-99999px; display:block;} 
ul#menu_principal li.menu_etudier a#lien_etudier.etudierR {background-image:url(../images/navigation/etudierMataneHover.gif); width:162px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_programme a#lien_programme.programmeR {background-image:url(../images/navigation/notreProgrammeHover.gif); width:168px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_finissants a#lien_finissants.finissantsR {background-image:url(../images/navigation/finissantsHover.gif); width:109px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_stages a.stagesR {background-image:url(../images/navigation/stagesHover.gif); width:82px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_blogue a.voirR {background-image:url(../images/navigation/voirHover.gif); width:84px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_faq a.faqR {background-image:url(../images/navigation/faqHover.gif); width:76px; height:52px; text-indent:-99999px; display:block;}
ul#menu_principal li.menu_contact a.contactR {background-image:url(../images/navigation/nousJoindreHover.gif); width:130px; height:52px; text-indent:-99999px; display:block;}


/************ EDIT FORMS *******************/
.editForm{


}
.editForm label{
	display:block;
}

.editSelType{
font-weight:bold;
font-size:1.2em;

}
.editSubtitle{
font-weight:bold;
font-size:1.2em;
font-style:italic;

}
.editStep{
color:#006600;
font-size:1.9em;
margin-bottom:1em;
margin-top:1em;
}
.editStep span{
color:#CC6600;
font-size:.8em;

}
#travauxListe h3{
font-size:1em;
}

#travauxListe h4{
font-size:.9em;
font-style:italic;
color:#666666;
}
#infos_supplementaires_travaux{
	float:left;
	width:260px;
	left:0px;
 	top:0px;
	padding-left:25px;
	padding-top:10px;
	height:700px;
	overflow-y:visible;
	overflow-x:hidden;
}

#infos_supplementaires_voir{
	float:left;
	width:260px;
	left:0px;
 	top:0px;
	padding-left:25px;
	padding-top:10px;
	height:700px;
	overflow-y:visible;
	overflow-x:hidden;
}

#voirListe h3{
	color:#FF9900;
	font-size:2em;
	margin-left:1em;
	margin-bottom:.5em;
	margin-top:1em;
	/*clear:both;*/
}

#voirListe .workList{
	margin:1em;
	overflow:auto;
	position:relative;
	padding:1em;
	background-color:#F3F3F3;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);

}
#voirListe .workList li{
position:relative;
	float:left;
	width: 160px;
	height:250px;
	display:block;
	margin-left:3em;
	padding-right:.3em;
	margin-top:.5em;
	margin-bottom:.5em;
	padding-left:.5em;
	background-color:#FFFFFF;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.5s ease;

	-moz-box-shadow: 0px 0px 12px #000000;
box-shadow: 0px 0px 12px #000000; 
-webkit-box-shadow:0px 0px 12px #000000;
border:2px solid #009900;
behavior: url(PIE.htc);
}
#voirListe .workList li:hover{
-moz-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000; 
-webkit-box-shadow:0px 0px 6px #000000; 

     -moz-transform: scale(1.07);  
       -o-transform: scale(1.07);  
  -webkit-transform: scale(1.07);  
      -ms-transform: scale(1.07);  
          transform: scale(1.07);  

border:2px solid #009900;
behavior: url(PIE.htc);
}

#voirListe .workList li img{
 border:3px solid #FF9900;

}

#voirListe .workList li img:hover{
 border:3px solid #E67300;

}
#voirListe .workList li p{
font-size:.9em;
color:#333333;
}

#singleWork{

	width:800px;
	margin:0 auto;


}
#workTag{
position:relative;
	margin:0 auto 2em auto;
	-moz-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
	border:5px solid #009900;
	behavior: url(PIE.htc);
}
#workInfosTag p{
margin-bottom:1em;
}
#singleWork h4{
	font-size:2em;

}
#externalInfos, #originalInfos{
	border:2px solid #009900;
	padding:1em;

}

.workDescription,.workStudents,.workYear, .workCat{
	float:left;
	font-weight:bold;
	font-size:1.1em;
	clear:both;
	margin-right:1em;

}
.workDescriptionContent{
text-align:justify;
font-style:italic;


}
#workTitle{
margin-left:1em;
margin-bottom:1em;


}

#workInfosTag{
width:500px;
margin:0 auto;
}

a.browseCatLink{
position:relative;
margin-left:3em;
margin-bottom:1em;
}
#workviewer{



}
#cropper150{
width:150px;
height:150px;

}
#cropper500{
width:500px;
height:190px;
}
.cropperDiv{

position:relative;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
behavior: url(PIE.htc);
}
#div-terms{
	position:absolute;
	top:25px;
	left:0;
	width:250px;
	border:1px solid #CCCCCC;
	font:12px Arial, Helvetica, sans-serif;
	display:none;
	background-color:#FFFFFF;
}
#div-terms a:link, #div-terms a:visited,#div-terms a:active,#div-terms a:hover{
	background-color:#FFFFFF;
	height:20px;
	display:block;
	margin:0;
	padding-left:5px;
	line-height:20px;
	color:#006600;
	text-decoration:none;
}
.modImg{
-moz-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;

border:5px solid #009900;
behavior: url(PIE.htc);
}
#btnNoCrop, #btnCrop{
display:block;
margin-top:1em;
margin-bottom:1em;
width:400px;
height:55px;
}