/* CSS Document powerd by Marrakech media */
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
line-height:12px;
color: #000000;
background:#CDBC99;
scrollbar-3d-light-color:#997E3C;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:black;
scrollbar-dark-shadow-color:#997E3C;
scrollbar-face-color:#997E3C;
scrollbar-highlight-color:#DAC492;
scrollbar-shadow-color:black
}
li{
list-style:circle;

}
#all{
width:769px;
height:661px;
margin: 0px auto;
padding:0px;
border:1px solid #220000;
}
#all-index{
width:769px;
height:701px;
margin: 0px auto;
padding:0px;
border:1px solid #220000;
}
#banier-gauche{
margin:0;
float:left;
width:18px;
height:661px;
background:url(images/banier-gauche.jpg) no-repeat;
}
#banier-droite{
margin:0px;
float:left;
width:18px;
height:661px;
background:url(images/banier-droit.jpg) no-repeat;
}
#banier-gauche-index{
margin:0;
float:left;
width:18px;
height:701px;
background:url(images/banier-gauche-index.jpg) no-repeat;
}
#banier-droite-index{
margin:0px;
float:left;
width:18px;
height:701px;
background:url(images/banier-droite-index.jpg) no-repeat;
}
#contenu{
margin:0 1px 0px 1px;
padding:0px;
float:left;
width:730px;
height:661px;
}
#galerie-photos{
margin:0px;
padding:0px;
clear:both;
width:728px;
height:407px !important;
height:421px;
}
#titre_entreprise {
height:57px;
background:url(images/entreprise.jpg);
width:730px;
}
#contenu-index{
margin:0 1px 0px 1px;
float:left;
width:730px;
height:661px;
}
#banier{
margin:0px;
width:730px;
height:77px;
background:url(images/banier.jpg) no-repeat;
}
#fond-flash{
margin:0 0 1px 0;
width:730px !important;
width:730px;
height:221px;
background:url(images/fond-flash.jpg) repeat-x;
}
#flash{
margin:10px 12px 0px 6px;
width:346px;
height:192px;
float:left;
border:3px solid #6F6452;
}
#historique{
margin:10px 5px 10px 0;
padding:5px;
width:330px;
height:182px;
float:left;
border:1px solid #FFFFFF;
background:#D1C19F;
color:#000000;
}
H1{
font-size:14px;
margin:0px;
color:#FFFFFF;
font-weight:bold;
}
#bandeau{
margin:0px;
padding:17px 0 18px 0;
width:730px !important
width:730px;
background: url(images/bondeau.jpg);
text-align:center;
font-size:14px;
}

#formation{
margin:1px 0px;
padding:0px;
width:730px;
height:115px;
background:#FFFFFF;
clear: both;
}
#formation2{
margin:0px;
padding:0px;
width:730px;
height:186px;!important
height:186px;
clear: both;
background: #FFFFFF;
}
.table{
margin:1px 0px;
padding:0px;
width:730px;
height:186px;!important
height:186px;
clear: both;
border:0px;
}
.formation-ingenieur{
margin:0px 1px 0px 0px;
width:180px;
height:115px;
float: left;
border:none;
}
.formation-continue{
margin:0px 1px 0px 0px;
width:182px;
height:115px;
float: left;
border:none;
}
#formation-campus{
margin:0px 1px 0px 0px;
padding:0px;
width:180px;
height:186px;
float:left;
border:none;
}
.formation-campus{
margin:0px;
width:180px;
height:186px;
float: left;
border:none;
}
.visite-virtuel{
margin:0px;
width:182px;
height:186px;
float: left;
border:none;
}
#visite-virtuel{
margin:0px 1px 0px 0px;
padding:0px;
width:182px;
height:186px;
float: left;
border:0;
}
#acces-intranet{
margin:0px 1px 0px 0px;
padding:0px;
width:182px;
height:186px;
float: left;
background:url(images/acces2.jpg) no-repeat;
}
#newslettre{
margin:0px;
padding:0px;
width:183px;
height:186px;
float: left;
background:url(images/newslettre2.jpg) no-repeat;
}
.formation-recherche{
margin:0 1px 0 0;
width:182px;
height:115px;
float: left;
border:none;
}
#intranet{
margin:0px;
width:182px;
height:186px;!important
height:186px;
float: left;
background: url(images/acces2.jpg) no-repeat;

}
.formation-mba{
margin:0px;
width:183px;
height:115px;
float: left;
border:none;
}
#util{
margin:1px 0px 0px 0px;
width:729px;
height:146px;
background: #FFFFFF;
clear:both;
}

banier-droite{
margin:0px;
padding:0;
width:728px;
height:20px;
clear:both;
}
#news{
margin:5px 1px 0 0;
width:180px !important;
width:300px;
height:146px;
color:#000000;
}
#footer{
margin:1px 0px;
padding:5px 0px 0px 0px;
width:730px;
height:45px;
text-align:center;
font-size:12px;
background:#4D473A;
clear: both;
}
#footer2{
margin:1px 0;
padding:0PX;
width:730px;
height:20px;
text-align:center;
font-size:12px;
background:#4D473A;
}
a{
text-decoration:none;
color:#FFFFFF;
border:0px;
border:none;
}
a:hover{
text-decoration:none;
color: #1C0000;
border:0px;
border:none;
}
#titre_apropos {
height:70px;
background: url(images/apropos.jpg) no-repeat;
width:730px;
clear:both;
}
#menu_apropos {
margin:1px 0 0 0;
}
#menu_apropos a {
display:block;
float:left;
height:40px;
margin:0 1px 0 0;
}
#menu_apropos a.nomarge {
margin:0;
}
#menu_apropos a.apropos_accueil {
background:url(images/aporpos_mot_directeur_h.gif);
}
#titre_formation_ingenieur {
height:57px;
background:url(images/formation_ingenieur.jpg);
width:730px;
}
#intro_formation_ingenieur {
background:url(images/fond-genie-civil.jpg) no-repeat;
margin:1px 0 1px 0;
width:730px;
height:70px;
}
#intro_formation_continu{
background:#BBAD8F;
color:#140E01;
padding:5px;
width:720px;
height:144px;
clear:both;
}
#menu_formation_ingenieur {
background:#780201;
color:#FFF;
width:199px;
height:388px;
margin:0px;
font-size:13px;
padding:15px 0 0 3px;
float:left;
}
#menu_formation_ingenieur li {
margin:0 0 25px 0;
background:url(images/plus.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
}
#menu_formation_ingenieur a {
line-height:15px;
}
#menu_formation_recherche{
background: url(images/left-recherche.jpg) no-repeat;
color:#FFF;
width:228px;
height:470px;
margin:1px 0;
padding:5px 0 0px 3px;
float:left;
}
#menu_formation_recherche li {
margin:0 0 10px 0;
background:url(images/plus_orange.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
list-style:none;
}
#menu_formation_recherche a {
line-height:15px;
font-size:12px;
}
#menu_formation_continu {
background:#04708F;
color:#FFF;
width:210px;
height:460px;
margin:0px;
padding:15px 0 0 3px;
float:left;
}
#menu_formation_continu li {
margin:0 0 10px 0;
background:url(images/plus_bleu.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
}
#menu_formation_continu a {
line-height:15px;
font-size:12px;
}
#droite_formation_ingenieur {
float:left;
background:#FFF4F0;
width:508px;
height:383px;
padding:10px;
color:#000000;
text-align:justify;
line-height:20px;
}
#titre_formation_continu {
margin:0px;
height:57px;
background:url(images/formation-contenu.jpg) no-repeat;;
width:730px;
}
#titre_formation_recherche{
margin:0px;
height:57px;
background:url(images/formation-recherche.jpg);
width:730px;
}
#contenu-fc{
margin:0px;
width:730px;
background:#04708F;
}
#contenu-fc-bas{
margin:0px;
width:730px;
height:320px;
clear:both;
}

#droite_formation_continu {
float:left;
background:url(images/droite_formation_contenu.jpg) no-repeat #D7DCDF;
width:317px;
height:470px;
padding:5px 0 0 200px;
color:#000000;
line-height:14px;
}
#droite_formation_recherche{
float:left;
margin:1px 0;
background:#F9EAD7;
text-align:justify;
width:489px;
height:465px;
padding:5px;
color:#000000;
line-height:14px;
}
#titre_campus {
height:57px;
width:730px;
background: url(images/campus-banier.jpg) no-repeat;
}

#menu_campus {
margin:1px 0 1px 0;
width:730px;
height:40px;
}
#menu_campus a {
float:left;
height:40px;
margin:0 1px 0 0;
}
#droite_campus{
background:#FFFEF9;
text-align:justify;
line-height:14px;
color:#000;
height:420px;
width:492px;
margin:0px;
padding:15px 3px 0 3px;
float:left;
}
#img-campus{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-scolarite.jpg) no-repeat;
}
#titre_formation_mba {
margin:0 0 1px 0;
height:57px;
background:url(images/formation-mba.jpg);
width:730px;
}
#menu_formation_mba {
background:#889944;
color:#FFF;
width:205px;
height:458px;
margin:0;
padding:15px 0 0 3px;
float:left;
}
#menu_formation_mba ul {
margin:0;
padding:0;
list-style:none;
}
#menu_formation_mba li {
margin:0 0 10px 0;
background:url(images/plus.gif) 0 2px no-repeat;
padding:0 0 0 15px;
list-style:none;
}
#menu_formation_mba a {
line-height:15px;
font-size:12px;
}
.img_bord {
border:1px solid #3A362B;
margin:100px 0 0 0;
}
#droite_formation_mba {
float:left;
width:516px;
height:468px;
padding:5px 0 0 5px;
color:#000000;
line-height:14px;
background:#FFFFEB;
}
#intro_genie_hydro{
background: url(images/fond-genie-hydro.jpg) no-repeat;
margin:1px 0 1px 0;
width:730px;
height:70px;
}
#intro_genie_electrique{
background: url(images/fond-genie-electrique.jpg) no-repeat;
margin:1px 0 1px 0;
width:730px;
height:70px;
}
#droite_formation_ingenieur_informatique {
float:left;
background:#944739;
width:313px;
height:384px;
padding:10px 9px 0 9px;
text-align:justify;
color:#000000;
font-size:12px;
}
.img_meteo_bord{
height:131px;
width:151px;
float:left;
margin:80px 0 0 0;
}
#droite_formation_informatiq {
float:left;
background:#944739;
width:528px;
height:402px;
}
#intro_formation_informatiq {
background: url(images/fond-informatique.jpg) no-repeat;
margin:0px;
width:730px;
height:72px;
}
/*--------------------------------------------------29mars2007-------23:44------------------------------------*/
#droite_science_geography {
float:left;
background:#FFF4F0;
width:518px;
height:393px;
padding:5px;
color:#000000;
line-height:20px;
}
#intro_science_geographique{
background: url(images/fond-geofraphy.jpg) no-repeat;
width:730px;
height:72px;
}
#img-geography{
margin:10px 0;
height:155px;
}
.img-geo{
margin:0 3px 0 0;
float:left;
}
H2{
margin:5px 0px;
font-size:12px;
color:#000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#contenu-gif{
margin:0px;
padding:0px;
width:730px;
height:auto;
background:#944739;
}
.img_info_bord{
background:url(images/filiere-genie-informatique.jpg) no-repeat;
float:left;
width:195px;
height:402px;
}
#intro_meteorologie{
background: url(images/fond-meteo.jpg) no-repeat;
width:730px;
height:70px;
}
#intro_pip{
background: url(images/fond-pip.jpg) no-repeat;
width:730px;
height:70px;
}

#intro_etude{
background: url(images/fond-centre.jpg) no-repeat;
margin:0 0 1px 0;
width:730px;
height:70px;
}
#droite_center {
float:left;
background:#944739;
width:518px;
height:393px;
padding:5px;
color:#000000;
line-height:14px;
}
/*-------------------------------ajouter dapres style2--------------samedi 30 mars a 03h34----------------*/
.info,.info dt,.info dd,.info ul {
margin:0;
padding:0;
list-style:none;
}
.info ul {
list-style:none;
margin:0 0 20px 25px;
}
.info li {
margin:15px 0 0 0;
list-style:none;
}
/*------------------------------------------samedi 23h41---------------------------------*/
#img-logement{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-logement.jpg) no-repeat;
}
#img-sante{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-sante.jpg) no-repeat;
}
#img-informatique{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-informatique.jpg) no-repeat;
}
#img-sport{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-sport.jpg) no-repeat;
}
#img-club{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-club.jpg) no-repeat;
}
#img-biblio{
margin:0;
float:left;
width:231px;
height:435px;
background:url(images/left-biblio.jpg) no-repeat;
}
#visite{
margin:0px;
width:730px;
height:421px;
text-align:center;
background:#857553;
}
#galerie{
margin:15px 10px 0 10px;
text-align:center;
}
#galerie img {
margin:5px;
border:2px solid #FFF;
width:100px;
height:100px;
}

#point-cle{
margin:00px auto;
width:710px;
height:402px;
padding:5px;
text-align:justify;
line-height:16px;
}
/*-------------------------------ajouter dapres style2--------------samedi 31 mars a 04h39----------------*/
.fonce td {
color:#000000;
background:#CCCCCC;
}
.fonce2 td {
color:#000000;
background:#897D67;
height:16px;
}
#contenu_organisation{
font-size:12px;
padding-top:30px;
}
.fonce3 td {
width:44px;
}
#plan_acces_gauche{
margin:40px 0px 0px 0px;
width:710px;
}
#plan_acces_gauche1{
width:245px;
height:auto;
float:left;
font-size:12px;
}
#plan_acces_gauche2{
width:461px;
height:290PX;
float:left;
}
.plan_acces_titre{
font-size:12px;
color:#5F0100;
}
#plan_acces_droite{
margin:0px;
width:461px;
height:290px;
}
.date{
color:#D2370B;
font-weight:bold;
}
.nnn{
margin:0px; 
width:182px;!important 
width:179px; 
height:146px; 
background:#FF6600; 
float:left;
}
#titre_enseignant {
height:57px;
background:url(images/enseignants-presentation.jpg) no-repeat;
width:730px;
}
#menu_news {
background:#BCAD93;
color:#FFF;
width:199px;
height:461px;
margin:0;
font-size:13px;
padding:15px 0 0 3px;
float:left;
}
#menu_news li {
margin:0 0 25px 0;
background:url(images/plus.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
list-style:none;
}
#menu_news a {
line-height:15px;
}
#droite_enseign{
background:#9E9073; 
margin:0; 
padding:0; 
float:left; 
height:465px; 
width:528px;
}
#menu_entreprise {
background:#BCAD93;
margin:0px 1px 1px 0px;
color:#FFF;
width:198px;
height:460px;
font-size:13px;
padding:15px 0 0 3px;
float:left;
}
#menu_entreprise li {
margin:0 0 25px 0;
background:url(images/plus.jpg) 0 2px no-repeat;
padding:0 0 0 15px;
list-style:none;
}
#menu_entreprise a {
line-height:15px;
}
#droite_entreprise{
background:#ECE8E3; 
margin:0px 0px 1px 0px;
padding:0; 
float:left; 
height:476px; 
width:528px;
}
#titre-espace {
margin:0 0 1px 0;
height:57px;
background:url(images/espace.jpg);
width:730px;
}
#droit-inter{
width:500px;
margin:5px;
padding:5px 5px 5px 5px;
float:left;
line-height:16px;
text-align:justify;
}
.img-directeur{
margin:0px;
padding:0px;
float:left;
}
.mot-directeur{
margin:0px 0px 0px 3px;
padding:0px;
width:570px;
text-align:justify;
float:left;
}
.bt-visite{
margin:0px;
padding:5px;
text-align:center;
width:270px;
height:15px;
background:#660000;
border:1px solid #FFFFFF;
float:left;
}
.bt-gal{
margin:0px 5px 0px 0px ;
padding:5px;
text-align:center;
width:270px;
height:15px;
background:#660000;
border:1px solid #FFFFFF;
color:#999999;
float:left;

}
.home{
padding:60px 20px 3px 20px; 
text-align:right; 
display:block; 
font-size:12px; 
color:#663300; 
font-weight:bold; 
background:url(images/home.gif) 650px 60px no-repeat;
}
#droite_gi{
height:402px;
width:528px;
margin:0px;
padding:0px;
float:left;
background:#FFF4F0;
}
.contenu-gi{
margin:2px 5px 0px 5px;
padding:0px;
width:315px;
line-height:20px;
text-align:justify;
float:left;
}
.pdf{
margin:5px 30px 5px 0px;
padding:5px 30px 5px 35px;
background:url(images/icon-pdf-red.jpg) 0px no-repeat;
}
.form-offre{
width:500px; 
height:auto;
margin:50px 0px 0px 5px; 
padding:0px;
}
.form-offre label{
margin:0px; 
}
.form-offre input, textarea{
width:200px; 
}
.form-offre textarea{
width:200px;
height:100px;
}
#ph-galerie{width:700px; height:300px; border:1px solid #00FFCC; margin:0px; padding:0px;
}
/*################## Arborescence ##################*/
#arborescence {
	padding: 5px;
	width: 350px;
}

#arborescence ul#racine {
	margin: 0px;
	padding: 0px;
	/* margin-left: -20px; */
}

#arborescence ul, #arborescence li {
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

#arborescence li {
	position: relative;
	/* margin-left: -10px; */
}

#arborescence ul.niv1 ul {
	background: url("images/img/line.gif") repeat-y 0px 0px;
	/* display: none; */
}

#arborescence li ul.active {
	display: block;
}

#arborescence li ul.last {
	background: none;
}

#arborescence img {
	position: relative;
	width: 19px;
	height: 20px;
	margin-bottom: -4px;
	margin-right: 2px;
}

#arborescence img.clic {
	cursor: pointer;
}
#titre-plan {
margin:0 0 1px 0;
height:57px;
background:url(images/plan.jpg);
width:730px;
}