/****		CSS I-SMS © / I-Demat ©		****/
/****		ISIS-Communication ©		****/
/****		Juillet 2010				****/


/**** Paramètre du BODY ****/
body	{ 
	background-color: #CBD1D0; /* #B6B0B0 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;

	width: 992px;  /*982px*/
}

/**** PRE ****/
pre	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/**** Hi ****/
h1		{ font-size: 14px; color: #F09D1D; font-weight: bold; }
h2		{ font-size: 11px; color: #F09D1D; font-weight: bold; }

/**** P ***/
p.bold			{ font-weight: bold; }
p.error			{ color: #FF0000; }

/**** UL ****/
ul.menu			{ padding: 10px; margin: 10px; }

/**** LI ****/
li.error		{ color: #FF0000; }

/**** TABLE ****/
table			{ font-size: 11px; }

/**** TD ****/
td.bold				{ font-weight: bold; }
td.cellTitle			{ font-weight: bold; color: #FFFFFF; background-color: #2c4c6c; } /* #F09D1D  666 2c4c6c #2c4c6c*/
td.cellTitleDark		{ font-weight: bold; color: #FFFFFF; background-color: #2c4c6c; } 
td.cellRequired		{ font-weight: bold; width: 50%}
td.cellTab			{ border-bottom: 1px dashed #DDDDDD;}
td.cellTabRequired	{ font-weight: bold; border-bottom: 1px dashed #DDDDDD; }
td.menuItem			{ background : #9BAED8; }
td.menuItemOver		{ background : #633D32; }
td.warning			{ color: red ; }
td.warningInscription	{ color: #FFFFFF ; font-weight: bold; }
td.read				{ font-weight: normal; }
td.unread			{ font-weight: bold; }

/**** TR ****/
tr.paireTab		{ background-color:  #EEEEEE ;}
tr.impaireTab	{ background-color:  #FFFFFF ;}

/**** HR ****/
hr{ 	height: 1px; 
	color: #2c4c6c ;
}

/**** DIV ****/
div.bold				{ font-weight: bold; }
div.cellTitle		{ padding: 1px; font-weight: bold; color: #FFFFFF; background-color: #F09D1D; }// 
div.error			{ padding: 1px; font-weight: bold; color: #FF0000; }
div#uploadForm		{ visibility: hidden; width: 400px; padding: 3px; }
div.objectWorkflowView	{ display: none; background-color: #E5EAF5; }
div.objectWorkflowViewVisible { background-color: #E5EAF5; }
div.itemProposal 		{ position: absolute; padding: 3px; background-color: #FDFFC9; border: 1px solid #999999; }
div.question			{ background-color: #EEEEEE; }
div.login			{ background-color: #faeeda; }
div.fieldset			{ padding: 5px; }
div.detail			{ padding: 3px; background-color: #FDFFC9; }

div#divRemove   			{ color: white}
div#divRemove a:link     	{ color: #9CF; text-decoration: none; }
div#divRemove a:visited  	{ color: #9CF; text-decoration: none; }
div#divRemove a:active   	{ color: #9CF; text-decoration: none; }
div#divRemove a:hover    	{ color: #9CF; text-decoration: underline; }

/**** SPAN ****/
/*span.menuItem		{  }*/
span.menuItemOver	{ background : #E9F2F8; border: solid #D3DBE8 1px; }
span.warning { color:  red; font-weight: bold; }

/**** A ****/
a:link     		{ color: #0000FF;  }
a:visited  		{ color: #0000FF;  }
a:active   		{ color: #0000FF; text-decoration: underline; }
a:hover    		{ color: #0000FF; text-decoration: underline; }
a:hoversave  	{ color: #F99A2F; text-decoration: underline; }

a.publicMenu:link     		{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:visited  	{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:active   	{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.publicMenu:hover    	{ color: #FFFFFF; font-weight: bold; text-decoration: none; }

a.adminMenu:link     		{ color: #FFFFFF; text-decoration: none; }
a.adminMenu:visited  	{ color: #FFFFFF; text-decoration: none; }
a.adminMenu:active   		{ color: #FFFFFF; text-decoration: none; }
a.adminMenu:hover    		{ color: #6D4B42; text-decoration: underline; }

a.adminPreview:link     	{ color: #000000; text-decoration: none; }
a.adminPreview:visited  	{ color: #000000; text-decoration: none; }
a.adminPreview:active   	{ color: #000000; text-decoration: none; }
a.adminPreview:hover    	{ color: #000000; text-decoration: underline; }

a.warning:link 			{ color : #FFFFFF ; text-decoration: underline; }
a.warning:visited		{ color : #FFFFFF ; text-decoration: underline; }
a.warning:active		{ color : #FFFFFF ; text-decoration: underline; }
a.warning:hover			{ color : #FFFFFF ; text-decoration: underline; }

/*a.messageMenu:link     { color: #FFFFFF; text-decoration: none; }
a.messageMenu:visited  { color: #FFFFFF; text-decoration: none; }
a.messageMenu:active   { color: #FFFFFF; text-decoration: none; }
a.messageMenu:hover    { color: #CCCCCC; text-decoration: underline;  }*/

/*
a.messageMenu:link     { color: #FFFFFF; text-decoration: none; }
a.messageMenu:visited  { color: #FFFFFF; text-decoration: none; }
a.messageMenu:active   { color: #FFFFFF; text-decoration: none; }
a.messageMenu:hover    { color: #9CF; text-decoration: underline;  }  */

a.messageMenu:link     	{ color: #FFFFFF; text-decoration: none; }
a.messageMenu:visited  	{ color: #FFFFFF; text-decoration: none; }
a.messageMenu:active   	{ color: #FFFFFF; text-decoration: none; }
a.messageMenu:hover    	{ color: yellow; text-decoration: underline;}	
	

/**** FORMS ****/
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
select		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/**** FIELDSET ****/
fieldset { }
fieldset.search	{ border-color: #9BAED8; border-style: solid; border-width: 1px; }
fieldset.warning	{ border-color: #9BAED8; border-style: solid; border-width: 1px; background-color: #9BAED8; }
legend.search	{ color: #633D32; font-weight: bold;}

/**** PRINT COLOR ****/
.printColor		{ background-color:  #9BAED8;  }
.printBorder	{ padding: 10px; border: 1px solid #9BAED8; }

/**** ADMIN ****/
.hrAdmin		{ color: #FFC83C ;}
.spaceAdmin		{ color: #6D4B42; font-size: 22px;	}
.imgHeaderAdmin	{ border: solid 1px #9BAED8; }
.underlineAdmin	{ border-top: solid 5px #9BAED8; }
.footerAdmin	{ border-top: solid 1px #9BAED8; }

/**** FOOTER ****/
div.delimiter	{ border-bottom: dashed 1px #56595a ;	}

/**** FIELDSET ****/
fieldset 			{ border-color: #9BAED8; border-style: solid; border-width: 1px; }
legend			{ color: #633D32; font-weight: bold;}

/**** 	HEADER ****/
.imgHeader		{ border: solid 1px #ffffff; margin-right: 5px;}
.subtitleHeader	{ background-color: #f9d395; height: 20px; text-align: center; color: white; font-weight: bold; font-size: 12px; }

/****	PICTURE LIBRARY ****/
a.displayInfo:link     	{ font-size: 11px; color: #AAAAAA; text-decoration: none; }
a.displayInfo:visited  	{ font-size: 11px; color: #AAAAAA; text-decoration: none; }
a.displayInfo:active   	{ font-size: 11px; color: #AAAAAA; text-decoration: none; }
a.displayInfo:hover    	{ font-size: 11px; color: #AAAAAA; text-decoration: underline; }
div.cell					{ padding: 1px; border: 1px solid #D3DBE8; }
td.titleTab				{ font-weight: bold; background-color: #D3D4D6; }
a.menuKernel:link     		{ font-size: 11px; color: #000000; text-decoration: none; }
a.menuKernel:visited  	{ font-size: 11px; color: #000000; text-decoration: none; }
a.menuKernel:active   	{ font-size: 11px; color: #000000; text-decoration: none; }
a.menuKernel:hover    	{ font-size: 11px; color: #000000; text-decoration: underline; }


/**** MESSAGE TOOLS
.messageTools {  margin-top: 5px;  background-color: #2c4c6c; padding: 3px ; text-align: left; color: #9CF; font-weight: normal; font-size: 11px;  }
*/
.messageTools 	{  margin-top: 5px;  background-color: #2c4c6c; padding: 3px ; text-align: left; color: #ffffff; font-weight: normal; font-size: 11px;  }
.messageContent 	{ margin-top: 10px;   background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }
#messageView 	{padding: 10px; border: 1px solid #2c4c6c } /*  #666 */
.messageTitle 	{ font-weight: bold; font-size: 12px } 
.messageContentTextarea	{ padding: 10px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  border: 1px solid #666; }
.messageSuccess 	{ text-align: center; font-weight: bold; }


/*on fixe la taille des polices pour IE*/
_todel_html { font-size: 11px;}

/*on supprime toutes les marges des balises standard*/
* { margin: 0; padding: 0;}



/*********************************************************************************************************************************/
/**** Paramètre des titres: balises <h> ****/
h3 {
	color: #2c4c6c /*#FFFFFF;*/ /* Couleur texte sur étiquette menu */
	/*background-image: url(style/fd_h2.jpg);*/
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 12px;	/* taille texte sous étiquette menu - intitulé */
	line-height: 1.5em;
	/*background-color: #2c4c6c;*/
	text-align: left;
	padding-left: 35px;
}

h6 {
	color: #FFFFFF; /* couleur texte sur étiquette menu */
	font-size: 12px;	/* taille texte sous étiquette menu - intitulé */
	line-height: 1.5em;
	/*background-color: #cc4b2e;*/
	text-align: left;
	padding-left: 35px;
}

h4 {
	color: #FFF;
	font-size: 11px;
    font-style=bold;
	line-height: 1.5em;
	/*background-color: #cc4b2e;/*#666; */
	text-align: left;
	padding-left: 15px;
}

h5 {
	color: #cc4b2e;/*#666;*/
	font-size: 14px;
}

/*********************************************************************************************************************************/

img {
	border: 0px;
	margin: 0px;
}

.fields {
	background-color: #CCC; /*couleur fond cellules login-pwd du menu*/
	color: #666;			/*couleur texte cellules login-pwd du menu*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px;
	font-size: 11px;
}


/*on supprime les puces des listes*/
ul { list-style-type: none;}

#container {
	width: 850px; /* "850px" modifier cette valeur pour changer la largeur */
	margin-right: auto;
	margin-left: auto;
}

/*********************************************************************************************************************************/
/**** 		HEADER		****/
/****¨Paramètre header	****/
#header {
	height: 60px;
	margin-top: 10px;
}

/****¨Paramètre image du header Client ****/
#imgheader {
	background-image: url(style/I-SMS/main_header.jpg);
	/*background-image: url(style/I-SMS/main_header_admin.jpg);*/
	
	
	background-repeat: no-repeat;
	background-position: center;
	background-color: #2c4c6c;
	height: 167px;
}

/****¨Paramètre image du header Administrateur ****/
#imgheaderAdmin {
	background-image: url(style/I-SMS/main_header_admin.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #2c4c6c;
	height: 167px;
}


#header h1 {
	/*pour que les robots et les navigateurs texte lisent le nom sans qu'il soit affiché*/
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	/*text-indent: -5000px; line-height: 0px;*/
}
/*********************************************************************************************************************************/


#localisation {
	text-align: left;
	line-height: 2em;
	padding-left: 10px;
	font-size: 11px;
}


/*********************************************************************************************************************************/
/**** 							Aministrateur 										****/
/**** Fixation de la taille du menu à 220px pour éviter les problèmes de décalage 	****/
.remove{
	width: 220px;
}

/**** Replication d'un bandeau de 20px pour se mettre au niveau du body pour la partie Front-office ****/
.replique{
	width: 220px;
	background-image: url(style/I-SMS/main_left_admin_replique.jpg);
	background-repeat: repeat-y;
}

/**** Image du body administrateur ****/
#contentPrint_admin{
	background-image: url(style/I-SMS/main_body_admin.jpg);
	padding-bottom: 15px;
}

/**** Paramètre du menu gauche Administrateur ***/
.left-admin{
	position: relative; /*absolute;*/
	left: 0px;
	top: 0px;

	text-align: left;
	margin-left:0px;
	width: 220px;
	height: 550px;

	background-image: url(style/I-SMS/main_left_admin.jpg);
}

/**** Paramètre du menu gauche Aministrateur des balise <a> ****/
.left-admin a {
	width: 210px;
	line-height: 1.6em;
	display: block;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	color: #eff0f0;/*#9cf;*/ /*couleur texte imprimer la page;*/
	font-size: 11px;
	text-decoration: none;
	
	padding-left: 30px;
	
	border-bottom-color: #9cf;
	border-bottom-width: 1px;
	/*border-bottom-style: outset;*/	/**** pointillés en dessous des liens ****/
}

/*********************************************************************************************************************************/
/**** 		Client	 		****/
/**** Image du body client 	****/
#contentPrint{
	background-image: url(style/I-SMS/main_body.jpg);
}

/**** Paramètre du menu gauche Client ****/
.left {
	position: relative; /*absolute;*/
	left: 0px;
	top: 0px;

	text-align: left;
	margin-left:0px;
	width: 220px;
	height: 550px;
	/*background-color: #cc4b2e;/*#666;*/ /*Couleur de fond du menu gauche */
	background-image: url(style/I-SMS/main_left.jpg);
}

#li-menu{
	width: 190px;	/* Rédimentionne la largeur des cellules du menu pour éviter le dépassement du menu sur la droite */
}		
	
/**** Paramètre du menu gauche Client des balise <a> ****/
.left a {
	width: 210px;
	line-height: 1.6em;
	display: block;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	color: #eff0f0;/*#9cf;*/ /*couleur texte imprimer la page;*/
	font-size: 11px;
	text-decoration: none;
	
	padding-left: 30px;
	
	border-bottom-color: #9cf;
	border-bottom-width: 1px;
	/*border-bottom-style: dotted;*/	/**** pointillés des liens ****/
}

.left a:visited {
	color: #eff0f0;/*#9cf;*/ /*couleur texte menu sauf imprimer*/
}


/*********************************************************************************************************************************/
/**** Paramètre du menu lors du click sur les balises <a> ****/
/*#global .left a:hover {
	color: #666;
	background-color: #ff9600; /*couleur surlignement textes actifs du menu
}
#global .left a:active {
	color: #666;
	background-color: #9CF;
}*/

/**** Paramètre du menu lors du click sur les balises <a> ****/
#global .left a:hover {
	color: yellow;/*#ff9600;*/
}

.left a:active {
	color: yellow;/*#ff9600;*/
}

/*********************************************************************************************************************************/
/**** Paramètre du menu gauche des balise <p> ****/
.left p {
	margin-left: 10px;
	margin-bottom: 5px;
}

.right {
	/*background-color: #C2C2C2;
	background-image: url(fd_centre.jpg);
	background-repeat: repeat-y;
	background-position: center top;*/
	min-height: 35em; /* hauteur minimum à ne pas changer sans modifier les éléments IE<7 dans le head du html ! */
	margin-left: 30px;
	padding: 15px;
	text-align: left;
}

.right table {
	text-align: justify;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #2c4c6c;
}

.right p {
	text-align: justify;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #666666;
}

.right p:first-letter {
	font-weight: bold;
	color: #666;
	font-size: 2em;
	float: left;
	padding-right: 2px;
}

.right .bottom_left {
	width: 49%;
	float:left;
	padding-top: 10px;
}

.right .bottom_right {
	padding-top: 10px;
	float: right;
	width: 49%;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#nav {
	font-size: 10px;
	line-height: 2em;
	background-color: #EFF7FA;

}

/*********************************************************************************************************************************/
/**** 		FOOTER			****/
/**** Paramètre du footer 	****/
#footer {
	/*background-color: #2c4c6c;*/
	color: #9CF;
	font-size: 10px;
	padding: 0.5em;
}

/**** Paramètre des balises <a> du footer  ****/
#footer a {
	color: #ffffff;
	text-decoration: none;
}

/**** Paramètre lors du click sur les balises <a> du footer ****/
#footer a:visited {
	color: #56595a;
}

/**** Paramètre lors du click sur les balises <a> du footer ****/
#footer a:hover {
	color: #ffffff;
	background-color: #9CF;
}

/**** Paramètre de l'image du footer Client ****/
#imgfooter{
	background-image: url(style/I-SMS/footer.jpg);
	background-repeat: repeat-y;
	/*background-position: left top;*/
	width: 992px;
	margin-left: -5px;
	margin-top: -5px;
}

/**** Paramètre de l'image du footer Administrateur ****/
#imgfooter-admin{
	background-image: url(style/I-SMS/footer.jpg);
	background-repeat: repeat-y;
	width: 992px;
	margin-left: -5px;
	margin-top: -25px;
}

.label {
	color: #FFFFFF;
}