@charset "iso-8859-1";

html,body { 
  margin: 0px;
  padding: 0px;
  scrollbar-face-color: #cccccc;
  scrollbar-arrow-color: #ccffff;
  scrollbar-track-color: #ccffff;
  scrollbar-3dlight-color: #999999;
  scrollbar-darkshadow-color: #666666;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #3399cc;
	background-color: #cccccc;

}
 
img { border: 0; 
}

/* Mise en forme */

p {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-indent: 20pt;
	text-align: justify;
	
}

p.textactu {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-indent: 0pt;
	text-align: justify;
	
}
p.actu {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3399cc;
	text-align: right;
	
}

ul {
	list-style-type: square;
}
	/* Vert-Gras */
b.gl {
	font-weight: bolder;
	color: #33cccc;
}

table.rub {
	text-align: left;
	padding: 2px;
	border: 2qpx solid #33cccc;	
}

table.formation{
	
	
	border: 1px solid #000000;
		
}

table.pos{
	text-align: left;	
}

table.plan{
	text-align: left;
	line-height: 13px;	
} 

/* Structure commune */

div.construct {
	padding: 0px;
	background-image: url('./Architecture_ged_sig/gestion_de_document.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: 642px;
	width: 800px;
}
div.haut {	
	width: 800px;
	height: 79px;
	padding: 0px;
	margin: 0px;
	background-color: none;
}


div.logo {	
	width: 140px;
	height: 79px;
	padding: 0px;
	margin: 0px;
	border: 1px #ff0000;
	float: left;
}

div.droit{
	position: relative;
	width: 650px;
	height: 79px;
	padding: 0px;
	margin: 0px;
	float: right;
}

div.deroulant {
  margin: 3px 0px 0px 365px;
  padding: 0;
  width: 285px;
  height: 18px;
  font-weight: bold;
  color: #666666;
   background-color: none;
 
}

div.ligne_menu {
  width: 648px;
  height: 43px;
  margin: 16px auto auto auto;
  padding: 0;
  background-color: none;
  text-align: left;

}

div.item_menu {
  width: 72px;
  height: 30px;
  margin: 0px;
  padding: 0px 8px 0px 0px;
  float: left;
}

div.central {
  width: 800px;
  height: 523px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

div.footer {
  width: 800px;
  height: 38px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
text-align: center;
}

/* Liens pages */
a.lien:actif {color: #33cccc;text-decoration: none; font-weight: bold; text-decoration: underline;}
a.lien:hover {color: #66ffff;text-decoration: none; font-weight: bold; text-decoration: underline;}
a.lien:link {color: #33cccc; text-decoration: none; font-weight: bold; text-decoration: underline;}
a.lien:visited {color: #33cccc; text-decoration: none;font-weight: bold; text-decoration: underline;}

a.actu:actif {color: #3399cc;text-decoration: none;  text-decoration: underline;}
a.actu:hover {color: #33cccc;text-decoration: none; text-decoration: underline;}
a.actu:link {color: #3399cc; text-decoration: none;  text-decoration: underline;}
a.actu:visited {color: #3399cc; text-decoration: none; text-decoration: underline;}

a.bas:actif {color: #3399cc; text-decoration: none;}
a.bas:hover {color: #33cccc; text-decoration: none;}
a.bas:link {color: #3399cc; text-decoration: none;}
a.bas:visited {color: #33cccc; text-decoration: none;}

a.anim:actif {color: #3399cc;font-size: 9px;  text-decoration: none;}
a.anim:hover {color: #33cccc;font-size: 9px; text-decoration: none;}
a.anim:link {color: #3399cc; font-size: 9px;  text-decoration: none;}
a.anim:visited {color: #3399cc; font-size: 9px; text-decoration: none;}

div.accueil {
  width: 800px;
  height: 523px;
  margin: 0px;
  padding: 0px;
  background-image: url('./Architecture_ged_sig/accueil_fond.jpg');
  background-repeat: no-repeat;
  text-align: left;
}

div.bandeau {
	width: 800px;
	height:140px;
	padding: 0;
	margin: 0;
	 background-color: none;
}

div.contenu_actu {
	width: 157px;
	height: 378px;
	padding: 0px;
	margin: 0px;
	 float: left;

}

	/* titre Actualitée*/
div.actu {
	width: 157px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #33cccc;
	text-align: center;
	
}

.text_actu{
	width: 151px;
	height: 354px;
	padding: 4px;
	margin: 0px;
	background-color: #ccffff;
	font-size: 11px;
	color: #3399cc;
	text-align: left;
	border: 1px solid #cccccc;
	float: left;
}

div.contenu_text {
	margin: 0px 
	padding: 0px;
	width: 628px;
	height: 375px;
	float: right;
	
}

div.texte {
	width: 240px;
	height:369px;
	padding: 0px;
	margin: 2px 2px 2px 0px;
	background-color: none;
	text-align: justify;	
	float: left;
}

div.anim {
	width: 381px;
	height:369px;
	padding: 0px;
	margin: 0px;
	background-color: none;
	border: 0px solid #ffffff;
	float: right;

}

/* rubrique*/
div.rubrique {
  width: 800px;
  height: 523px;
  margin: 0px;
  padding: 0px;
  background-image: url('./Architecture_ged_sig/rub_fond.jpg');
  background-repeat: no-repeat;

}
div.hautrub {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 73px;
}

div.rub {
	width: 172px;
	height:73px;
	padding: 0px;
	margin: 0px;
	float: left;
}

div.titre {
	margin: 45px 12px 0px 0px;
	padding: 0px;
	width: 330px;
	height: 20px;
	font-size:18px;
	color: #33cccc;
	text-align: right;
	float: right;
	
}

div.chemin {
	margin: 48px 0px 0px 0px;
	padding: 0px;
	width: 270px;
	height: 20px;
	font-size:14px;
	color: #cccccc;
	text-align: left;
	float: right;
}

div.basrub {
	margin: 0px;
	padding: 0px;
	width: 796px;
	height: 451px;
	background-color: none;
}

div.gauche_entr{
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #cccccc;
	background-image: url('./ssii_ingenierie_informatique/img_entre.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.gauche_service {
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #cccccc;
	background-image: url('./Architecture_ged_sig/img_service.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.gauche_solution {
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #cccccc;
	background-image: url('./Architecture_ged_sig/img_solution.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.gauche_ref{
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #cccccc;
	background-image: url('./Architecture_ged_sig/img_ref.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.gauche_distributeur{
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #cccccc;
	background-image: url('./Architecture_ged_sig/img_distrib.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.gauche_formation{
	position: relative;
	margin: 0px;
	width: 147px;
	height: 451px;
	background-color: #ccffff;
	background-image: url('./formation_ged_sig_dao_cao/img_formation.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

div.rubrique_text {
	margin: 6px 4px auto auto;
	padding: 0px;
	width: 634px;
	height: 436px;
	background-color: none;
	text-align: justify;
	float: right;	
}
/*Sous menu rubrique*/
#smenugauche { position:absolute; left:0px; top:0px; width:147px; z-index:1; visibility: show; text-align: center; }
	/*sous-menu rubrique trait dessous*/
a.sousmenu:link {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block; }
a.sousmenu:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block }
a.sousmenu:Active {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block }
a.sousmenu:Hover {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc; display: block }

a.sousmenuselec:link {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block; }
a.sousmenuselec:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block }
a.sousmenuselec:Active {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc;  display: block }
a.sousmenuselec:Hover {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; border-bottom: 1px solid #cccccc; display: block }

/*sous-menu rubrique pas de trait*/
a.sousmenuc:link {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;  display: block; }
a.sousmenuc:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px; display: block }
a.sousmenuc:Active {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;  display: block }
a.sousmenuc:Hover {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;  display: block }

a.sousmenuselecc:link {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;   display: block; }
a.sousmenuselecc:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;  display: block }
a.sousmenuselecc:Active {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;   display: block }
a.sousmenuselecc:Hover {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#33cccc; background-image: url('Architecture_ged_sig/sousbouton.gif'); background-repeat: no-repeat; background-position: center; height:25px;  display: block }

sous_fixe {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; height:25px; border-right: 4px solid #cccccc;border-left: 4px solid #cccccc; display: block; }

a.sousmenufixe:link {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height:27px; width:147px; background-color:#ccffff; height:25px;  display: block; }
a.sousmenufixe:Visited { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#ccffff; height:25px;  display: block; }
a.sousmenufixe:Active {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#ccffff; height:25px; display: block; }
a.sousmenufixe:Hover {  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  line-height:27px; width:147px; background-color:#ccffff; height:25px;  display: block; }


/*Menus déroulant*/
#menu1 { position:absolute; left:9px; top:67px; width:69px; z-index:1; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu2 { position:absolute; left:87px; top:67px; width:69px; z-index:2; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu3 { position:absolute; left:165px; top:67px; width:69px; z-index:3; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu4 { position:absolute; left:243px; top:67px; width:69px; z-index:4; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu5 { position:absolute; left:321px; top:67px; width:69px; z-index:5; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu6 { position:absolute; left:399px; top:67px; width:69px; z-index:6; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu7 { position:absolute; left:477px; top:67px; width:69px; z-index:7; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}
#menu8 { position:absolute; left:555px; top:67px; width:69px; z-index:8; visibility: hidden; border-bottom: 2px solide #33cccc; text-align: left}

			/* sous-rubrique*/
a.menub:link {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border-top: 1px solid #33cccc; border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block }
a.menub:Visited { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border-top: 1px solid #33cccc; border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block }
a.menub:Active {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border-top: 1px solid #33cccc; border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block }
a.menub:Hover {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#33cccc; height:20px; border-top: 1px solid #33cccc; border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block }

			/*fin sous rubrique*/
a.menu:link {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border: 1px solid #33cccc; display: block }
a.menu:Visited { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border: 1px solid #33cccc; display: block }
a.menu:Active {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border: 1px solid #33cccc; display: block }
a.menu:Hover {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#33cccc; height:20px; border: 1px solid #33cccc; display: block }

.menu_fixe {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-left:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px; border-top: 1px solid #3399cc; border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block }

			/* sous-sous rubrique*/
a.submenu:link {color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;padding-right:2px;line-height:23px;width: 69px;background-color:#3399cc;height:20px;border-right: 1px solid #33cccc;border-left: 1px solid #33cccc;display: block; text-align: left}
a.submenu:visited { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block; text-align: left }
a.submenu:active {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block; text-align: left}
a.submenu:hover {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:69px; background-color:#33cccc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; display: block; text-align: left}

			/* fin sous-sous rubrique*/
a.sumenu:link {color: #ffffff;font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;padding-right:2px;line-height:23px;width: 69px;background-color:#3399cc;height:20px;border-right: 1px solid #33cccc;border-left: 1px solid #33cccc; border-bottom: 1px solid #33cccc;display: block;}
a.sumrenu:visited { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; border-bottom: 1px solid #33cccc; display: block }
a.sumenu:active {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:69px; background-color:#3399cc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; border-bottom: 1px solid #33cccc; display: block }
a.sumenu:hover {  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; padding-right:2px; line-height:23px; width:68px; background-color:#33cccc; height:20px;  border-right: 1px solid #33cccc; border-left: 1px solid #33cccc; border-bottom: 1px solid #33cccc; display: block }
.textRouge { /* classe qui permet d'appliquer une couleur rouge */ 
color: red;
}
.textfondRouge {
	background-color:#0066FF/* classe qui permet d'appliquer une couleur rouge */ 
}