/********************************************************************************/ 
/* Auteur : Cyril SONNEFRAUD                                                    */
/* Date   : 22/02/2007                                                          */
/* Projet : SW_ANO0001                                                          */
/* Descr  : Changement de l'image de la rubrique  Architecture & rseaux         */
/********************************************************************************/

/********************************************************************************/ 
/* Auteur : Cyril SONNEFRAUD                                                    */
/* Date   : 23/02/2007                                                          */
/* Projet : SW_ANO0004                                                          */
/* Descr  : Dcalage des images (Bordure sur IE)                                 */
/********************************************************************************/

/********************************************************************************/
/* Auteur : Patrice Lefevre														           */
/* Date	 : 24/05/2007															              */
/* Projet : SW_EVO002														                 */
/* Descr  : intgration de la newsletter										           */
/********************************************************************************/

/********************************************************************************/
/* Auteur : Rémy Sabliet													                 */
/* Date	 : 13/11/2007													                    */
/* Projet : SW_EVO0011															              */
/* Descr  : Ajout d'une classe pour un message d'erreur(article 86)				  */
/********************************************************************************/

/********************************************************************************/
/* Auteur : Adeline ROCHER						                                      */
/* Date	 : 24/04/2008													                    */
/* Projet : SW_EVO0012															              */
/* Descr  : Ajout d'une scroll bar pour la listes des archives                  */                           
/********************************************************************************/

body {
  background-image: url(images/tilefond.gif);
  background-repeat: repeat;
  padding: 3px;
  margin: 0px;
  text-align: center;
} 

h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;
}

span {
  display: none;
}

img {
	border:0px;
}

/* Div Page */
#page {
  border: 2px solid gray;
  width: 700px;
  background-color: white;
  text-align: justify;
  padding: 0px;
  margin: 0px auto 0px auto;
}

/* Div Haut */
#haut {
/*border: 1px solid green;*/
}

#haut #logo {
border-right: 1px solid black;
width:100px;
height: 40px;
}

#haut #logo img {
  margin:0px;
  padding:0px;
  border: 0px;
}

#haut #titrepage {
	/*  border-right: 1px solid black;*/
   /*	 position: static;*/
	clear: both;
   background-image: url(images/tit_slcpi.gif);
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   width: 700px;
   height: 20px;
   border-top: 1px solid black;
   background-position: 100px;
}

#haut #animation {
  text-decoration:none;
  clear:both;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid black;
  background-image: url(images/flash_home.jpg); 
  width:700px;
  height:211px;
}

#haut #animation object {
  display: block;
  width:700px;
  height:211px;
}

#haut #animation embed {
  width:700px;
  height:211px;
}

/* Zone Menu */

#menu {
  /*border: 1px solid red; */
  margin: 0px;
  padding: 0px;
  width: 699px;
  clear: both;
  background-color: black;
}

#menu h2{
  margin: 0px;
  padding: 0px;
}

#menu ul{
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 30px;  
  height:18px;
  display:inline;
}

#menu li{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: black;
  background-repeat: no-repeat; 
  float:left;
}

#menu a{
  display: block;
  height: 18px;
}

#menu a.R01-presentation {
  background-image: url(images/pres_of.gif);
  width: 98px;
}

#menu a.R02-erp {
  background-image: url(images/erp_of.gif);
  width: 35px;
}

#menu a.R03-decisionnel {
  background-image: url(images/deci_of.gif);
  width: 86px;
}

#menu a.R04-webtechnos {
  background-image: url(images/web_of.gif);
  width: 130px;
}

/****
Auteur : Cyril SONNEFRAUD
Date   : 22/02/2007
Projet : SW_ANO0001
Descr  : Changement de l'image de la rubrique  Architecture & rseaux 
Modification 1/2 
****/	
#menu a.R05-architecture {
  background-image: url(images/archi_of.gif);
  width: 187px;
}
/**** CSONNEFRAUD - Fin Modification 1/2 - SW_ANO0001 ****/

#menu a.R06-recrutement {
  background-image: url(images/recrut_of.gif);
  width: 94px;
}

#menu a.R07-contacts {
  background-image: url(images/contact_of.gif);
  width: 68px;
}

#menu a:hover.R01-presentation {
  background-image: url(images/pres_on.gif);
}

#menu a:hover.R02-erp {
  background-image: url(images/erp_on.gif);
}

#menu a:hover.R03-decisionnel {
  background-image: url(images/deci_on.gif);
}

#menu a:hover.R04-webtechnos {
  background-image: url(images/web_on.gif);
}

/****
Auteur : Cyril SONNEFRAUD
Date   : 22/02/2007
Projet : SW_ANO0001
Descr  : Changement de l'image de la rubrique  Architecture & rseaux 
Modification 2/2 
****/	
#menu a:hover.R05-architecture {
  background-image: url(images/archi_on.gif);
}
/**** CSONNEFRAUD - Fin Modification 2/2 - SW_ANO0001 ****/

#menu a:hover.R06-recrutement {
  background-image: url(images/recrut_on.gif);
}

#menu a:hover.R07-contacts {
  background-image: url(images/contact_on.gif);
}
/* Div Chapeau */
#chapeau {
  margin: 0px;
  padding: 0px;
  clear:both;
/*  border: 1px solid red;*/
}

#chapeau #imagegauche {
  display: block;
  font-size: 11px;
  float:left;
  margin: 0px;
  padding: 0px;
  border-right: 1px solid Black;    
 /* border: 1px solid blue;*/
} 

#chapeau #imagegauche img {
	border: 0px;
	margin: 0px;
  	padding: 0px;
}


#chapeau #rubriques {
  background-image: url(images/fond_pres.gif);
  background-repeat: no-repeat;
  width: 413px;
  height: 208px;
  display: block;
  padding: 0px;
  border: 0px;
/*  border: 1px solid green; */

/****
Auteur : Adeline ROCHER
Date   : 24/04/2008
Projet : SW_EVO0012
Descr  : Ajout d'un scrollbar pour la liste des archives
****/	  
	overflow: auto;
	/*margin: 0px 0px 0px 280px;*/
	 margin: 0px;  
  /**** AROCHER - Fin Modification - SW_EVO0012 ****/
}

#chapeau #rubriques h2 {
	display: block;
	text-transform: uppercase;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: Black;
	border-bottom: 1px solid Gray;
	margin: 0px;
	padding: 40px 0px 0px 15px;
	text-align: left;
}

#chapeau #rubriques h2 a{
  text-decoration: none;
  color:black;
}

#chapeau #rubriques h2 a:hover{
  color:gray;
}

#chapeau #rubriques ul {
	list-style: none;
	font-size: 12px;
	margin: 0px 0px 0px 50px;
	padding: 10px 0px 0px 0px;
	border-left: 1px solid #CECFCE;
}

#chapeau #rubriques li {
	margin:0px;
	padding:0px;	
}

#chapeau #rubriques li a {
	text-decoration: none;
	color: gray;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	background-image: url(images/fleche_t_chapeau.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: block;
	vertical-align: middle;
}

#chapeau #rubriques li a:hover {
	color: #1cadde;
}

#chapeau #rubriques #lexique {
/*	border: 1px solid red;*/
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

#chapeau #rubriques #lexique a {
	background-image: url(images/lexique.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 46px;
	height: 10px;
	display: block;
	padding: 0px;
	margin: 0px;
/*	border: 1px solid Blue;*/
}

#chapeau #rubriques #lexique #extradiv4 {
	background-image: url(images/color_pres.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 157px;
	height: 12px;
	display: block;
/*	border: 1px solid Lime;*/
	padding: 0px;
	margin: 0px;
}

/*Chapeaux d'articles */
 .chapo {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:gray;
}


/* Div Corps */
#corps {
  clear: both;
  border-top: 1px solid black;
  margin: 0px;
  padding: 20px 25px 0px 25px;
/*  border: 1px solid red;*/
} /* mise en forme du texte contenu dans le corps de la page */

#corps .article {
  margin: 0px 0px 20px 0px;
  padding: 0px;
/*  border: 1px solid blue;  */
}

#corps .article span {
	display: block;
}

#corps .titre {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #990000;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-decoration: none;
  display:block;
  
}

#corps .titre2 {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: #1CADDE;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

#corps .texte {
	margin: 0px; 
	padding: 0px;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}

#corps .texte p {
 margin:0px 0px 7px 0px;
 padding:0px;
}

#corps .texte img {
	padding: 0px;
	margin: 5px;
}

#corps .texte ul {
	list-style-image: url(images/carre_rouge.gif);
	margin: 0px 0px 7px 20px; 
	padding: 0px;
   list-style-position: inside;	
}

#corps .texte li {
	margin: 0px 0px 3px 0px; 
	padding: 0px;
}

#corps .erreur {
  color:red;
}

#corps .suite {
  display:block;
  background-image: url(images/suite.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 96px;
  margin:0px;
  padding:0px;
}

#corps .suite span {
	display: none;
}

/*Site Map */
#corps #sitemap {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
}

#corps #sitemap ul {
}

#corps #sitemap li {
}

#corps #sitemap li a {
  text-decoration: none;
  color: black;
}

#corps #sitemap li a:hover {
	color: #FFA500;
}

/* Div corps2 (sommaire)  */
#corps2 {
  clear:both;
  background-image: url(images/fond_home.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 30px 10px 0px 10px;
  margin: 0px;
  font-size: 11px;  
}

#corps2 #col_gauche {
	padding: 0px;
	margin: 0px;	
	width:220px;
	float:left;
}

#corps2 #actualites {
	border: 1px solid #f58220;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #e6f6fb;
   width: 220px;
	text-align: left;
}

#corps2 #actualites #actu_titre {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-color: Gray;
	padding: 3px;
	margin: 0px;
	text-transform: uppercase;
	border-bottom: 1px dashed #f58220;
}

#corps2 #actualites #actu_articles {
	margin: 5px;
	padding: 0px;
}

#corps2 #actualites #actu_articles ul {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-position: inside;
}

#corps2 #actualites #actu_articles li {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	list-style-image: none;
	list-style-type: square;
}

#corps2 #actualites #actu_articles .actu_titre {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;	
}

#corps2 #actualites #actu_articles .actu_titre:hover {
	color: #f79745;
}

#corps2 #actualites #actu_articles .actu_infos {
	/*border: 1px solid Red;*/
	margin: 0px;
	padding: 0px 0px 0px 25px;
	color: Gray;
	font-size: 10px;
	font-style: italic;
}

/* plefevre - SW_EVO002 - DEBUT */
#corps2 #actualites #actu_articles .actu_infos a {
	text-decoration: none;
}

#corps2 #actualites #actu_articles .actu_infos a:hover {
	color: #f79745;
}
/* plefevre - SW_EVO002 - FIN */

#corps2 #admin {
	border: 1px solid #f58220;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #e6f6fb;
   width: 220px;
	text-align: left;
}

#corps2 #admin h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-color: Gray;
	padding: 3px;
	margin: 0px;
	text-transform: uppercase;
	border-bottom: 1px dashed #f58220;
}

#corps2 #admin ul {
	margin: 5px;
	padding: 0px;
	display: block;
	list-style-position: inside;
}

#corps2 #admin li {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	list-style-image: none;
	list-style-type: square;
}

#corps2 #admin li a {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;	
}

#corps2 #admin li a:hover {
	color: #f79745;
}

#corps2 #admin img {
	border: 0px;
}


#corps2 #col_droite {
	width: 448px;
	margin: 0px 0px 0px 222px;
	padding: 0px;
}

#corps2 .article {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 20px;
/*  border: 1px solid Blue;*/
}

#corps2 .article .surtitre {
	font-size: 15px;
  	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
  	color: #990000;
	margin: 0px 0px 15px 0px;
	padding: 0px;	
	text-transform: uppercase;
}

#corps2 .article .titre {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: #1CADDE;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#corps2 .article .texte {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-align:justify;
}

#corps2 .article .texte p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#corps2 .article .texte ul {
	margin: 0px 0px 0px 50px;
	padding: 0px;
}

#corps2 .article .texte li {
  list-style-image: url(images/carre_rouge.gif);
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

#corps2 #extradiv1 {
  background-image: url(images/tiletest.gif);
  height: 15px;
  background-repeat: repeat-x;
  background-position: bottom;
}

/* bas */
#bas {
  border-top: 1px solid black;
  /*background-color: white;*/
  height:15px;
  width:700px;
  margin-top: 0px;
  padding: 0px;
  clear: both;
}

#bas span {
  display: none;
}

#bas h2 {
  display:none;
  font-size: 11px;
}

#bas p {
  margin:0px;
  padding:0px;
}

#bas #extradiv2 {
  float:left;
  background-image: url(images/tile_bas.gif);
  height: 15px;
  width:235px;
  border-right:1px solid black;
  font-size: 11px;
}

#bas #adresse_postale {
  float: left;
	background-image: url(images/adresse.gif);
  height: 15px;
  width: 367px;
  background-repeat: no-repeat;
  font-size: 11px;
  display: block;
}

#bas #adresse_mail {
  font-size: 11px;
}

#bas #adresse_mail a{
  float: right;
  background-image: url(images/adresse.gif);
  height: 15px;
  width: 97px;
  background-repeat: no-repeat;
   background-position: -367px;
  display:block;
}/* permet d'afficher uniquement le morceau de l'image "nous contacter", 
de manire  ce que seule cette partie de l'image soit un lien.
 noter : correspondance entre background position et width de l'adresse postale*/

#pied {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

#pied #formadmin {
	text-decoration: none;
	margin: 25px auto 0px auto;
	padding: 0px;
	font-size:9px;;
	color:gray
}

#pied #formadmin a {
	text-decoration: none;
}

#pied img {
  border: 0px;
}

#pied a {
  font-size: 11px;
  text-decoration: none;
  color: Black;
  margin-left: 2px;
  margin-right: 2px;
}

/* Calque W3C Compliance */
#w3cvalid {
  text-align: center;
  padding-top:10px;
  margin: 0px auto 0px auto;
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
}

/****
Auteur : Cyril SONNEFRAUD
Date   : 23/02/2007
Projet : SW_ANO0004
Descr  : Dcalage des images (Bordure sur IE) 
****/	
#chapeau img {
  float: left;
}
/**** CSONNEFRAUD - Fin Modification 1/1 - SW_ANO0004 ****/

/* plefevre - SW_EVO002 - DEBUT */

#titre_login_news {
	text-align: center;
}

#liens_form_login {
	text-align: center;
}

#liens_form_login a {
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}

#formulaire_login_public 
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#formulaire_login_public form {
	border: none;
}

#formulaire_login_public fieldset {
	padding: 10px 10px 10px 10px;
}

#formulaire_login_public legend {
	display: none;
}

#formulaire_login_public .form1 {

}
/* plefevre - SW_EVO002 - FIN */

/*rsabliet -SW_EVO011 - DEBUT */
#mess_erreur
{
   font-weight:bold;
   font-style:italic;
   color:red;
   text-align:center;
}

#mess_success
{
   font-weight:bold;
   font-style:italic;
   color:green;
   text-align:center;
}
/*rsabliet -SW_EVO011 - FIN*/