/*-----------------------------------------------------------------------------------------------*/
/*    Le corps des pages                                                                                           */
/*-----------------------------------------------------------------------------------------------*/

body		{margin :0;font-family:Arial sans MS;}

/*-----------------------------------------------------------------------------------------------*/
/*    Les Liens                                                                                                           */
/*-----------------------------------------------------------------------------------------------*/

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

#place_date a {color : #FFFFFF; text-decoration: none ; font-size:8pt;}

#liste_menu a, #liste_menu a:link, #liste_menu a:visited {display:inline-block; width:15em; height:2.2em; font-size:70%; font-weight:bold; background-color:#EEEEEE; text-align:center; text-decoration:none; border-bottom:1px solid #A8A8A8; border-top:1px solid #A8A8A8; border-right:0px; border-left:0px;}
#liste_menu a:hover {background-color:#A8A8A8; border-bottom:2px solid #000000; border-top:2px solid #000000; border-right:0px; border-left:0px;}

a.liste_menu {display:block; width:15em; height:2.5em; font-size:70%; font-weight:bold; background-color:#EEEEEE; text-align:center; text-decoration:none; margin-top:2px; margin-bottom:2px;padding:0; border-bottom:1px solid #A8A8A8; border-top:1px solid #A8A8A8; border-right:0px; border-left:0px;}

a.login, a.login:link, a.login:visited {color:#D8D8D8; text-align:center;font-size:70%; background-color:#000000;text-decoration: none;display:block; width:15em; height:2em;margin-top:5px;font-weight : bold;}
a.login:hover {color:#FFFFFF;}

a.connecte, a.connecte:link, a.connecte:visited {color:#D8D8D8; text-align:center;font-size:70%; background-color:#000000;text-decoration: none;font-weight : bold;}
a.connecte:hover {color:#FFFFFF;}

.chemin	{ color: #000000; text-decoration: none; font-size:8pt; font-weight: bold; }
a.chemin, a.chemin:visited	{ color: #000000; text-decoration: none; font-size:8pt; font-weight: bold; }

/*-----------------------------------------------------------------------------------------------*/
/*    Les containaires                                                                                              */
/*-----------------------------------------------------------------------------------------------*/

#conteneur		{position:absolute; width: 800px; height: 425px; left: 50%; margin-top: 20px; margin-left: -400px;text-align: left;}
#banniere  		{height : 76px; margin:0; padding : 0; background-color: #A8A8A8; vertical-align : middle;}

#menu       		{position:absolute; padding:0; left:0; margin:0; width : 198px; height: 400px; background-color: #EEEEEE;}

#cadreDroit 		{margin-left:198px; width:auto; height:425px;overflow:auto;}
#frame 			{padding-left: 40px; padding-right: 15px; width: auto; height: 320px;overflow: auto; padding-top:10px;padding-bottom:5px; color:#933131;}
#place_date		{height : 21px;margin : 0;padding : 0;width : 602px;}

#footer       	{padding-top : 0px; left:0; margin:0; height: 20px; background : url("http://www.intlwebservices.com/images/bottombar.gif");}
#footer table	{color: #FFFFFF; font-size : 10pt;}

#bandeau	{position:absolute; left:0px; top:435px; padding-left:240px; padding-top:10px; margin:0; width : 800px; height: 50px;background : url("http://www.intlwebservices.com/images/bandeau.gif") no-repeat;}

#commentaire	{padding-top:0px;margin-top:0px; width: 100%; font-size:10pt;}
#commentaire p	{margin-top:0px;}

#xiti		{position : absolute; left : 10px; top : 20px; width : 50px; height : 50px; text-align : center;}

#site		{position:absolute;left:0;width:198px;top:482px;text-align:center;font-weight: bold;font-size:10pt;}

#planning	{position:absolute; width: 900px; height: 420px; left: 50%; margin-top: 10px; margin-left: -450px;text-align: left;}

/*-----------------------------------------------------------------------------------------------*/
/*    Les Paragraphes et le texte                                                                            */
/*-----------------------------------------------------------------------------------------------*/

#menu dl, #menu dt, #menu dd, #menu ul, #menu li 	{list-style-type: none; }
#menu li 		{text-align: center;}
#menu dd 	{border: 1px solid blue;}
#menu dt 		{cursor: pointer; margin-bottom: 5px; padding-bottom:10px;height: 20px; line-height: 20px; text-align: center; font-weight: bold; }

#smenu1		{display : none;}
#smenu2		{display : none;}
#smenu3		{display : none;}
#smenu5		{display : none;}

h1.marquee	{color : #933131;text-align:center;}
h1			{text-align:center;font-size : 16pt;padding:0.2em;margin-top:0.2em;margin-bottom:0.2em;}
h2			{text-align:center;font-size : 14pt;margin-top:0.5em;}

.blanc		{color:#FFFFFF;}
table			{color:#933131;}

ul	{margin-top : 8px; margin-bottom : 8px;}
ul.no-space {padding:0;margin:0;}

p.connecte	{color:#D8D8D8; text-align:center;font-size:70%; font-weight : bold;}

/*-----------------------------------------------------------------------------------------------*/
/*    Les tableaux                                                                                                     */
/*-----------------------------------------------------------------------------------------------*/

#login table {font-size : 7pt;color : #D8D8D8; margin-left : 5px; margin-right : 5px; padding : 0;}
#connecte table {font-size : 9pt;color : #D8D8D8; margin-left : 5px; margin-right : 5px; padding : 0;}

table.tab_noir	{background-color : #000000;}

		/*---------------------------------------------------------------------------------------------------*/
		/* Le tableau du planning                                                                                             */
		/*---------------------------------------------------------------------------------------------------*/
		
			td.conges		{background-color : #dddddd;}
			td.synaps		{background-color : #ffffff;}
			td.paris			{background-color : #a0a0a0;}
			td.indisponible	{background-color : #a0a0a0;}
			td.développement	{background-color : #379BFF;}
			td.déménagement	{background-color : #FF0000;color : #FFFFFF;}
			td.mois			{background-color : #933131;color : #FFFFFF;}
			table.planning	{font-size : 9pt;}
			a.blanc,a.blanc:link,a.blanc:visited			{color : #FFFFFF;}
			p.blanc			{color : #FFFFFF;}

/*-----------------------------------------------------------------------------------------------*/
/*    Les Formulaires                                                                                                */
/*-----------------------------------------------------------------------------------------------*/

input 		{color: #000000; background-color : #ffffff; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 8pt;border : #CCCCCC 0;vertical-align:middle;}
textarea 		{color: #000000; background-color : #ffffff; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 8pt;border : #CCCCCC 0; vertical-align:middle;}
select, option 	{color: #000000; background-color : #ffffff; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 8pt;border : #CCCCCC 0;vertical-align:middle;}
img.arrondi 	{vertical-align: middle;}