/*-----------------------------------------------------------------------------------------------*/
/*    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; padding-bottom:5px; padding-top:5px;}

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; vertical-align : middle; }

#cadreDroit 		{margin-left:198px; width:auto; 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 : 100%;}

#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;vertical-align : middle; }
#menu li 		{text-align: center;vertical-align : middle;}
#menu dd 		{border: 1px solid blue;vertical-align : middle;}
#menu dt 		{cursor: pointer; margin-bottom: 0px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; vertical-align : middle;}

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

h1.marquee	{color : #933131;text-align:center;}
h1.left		{text-align:left;font-size : 16pt;padding:0.2em;margin-top:0.2em;margin-bottom:0.2em;}
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;}

#bouton table {vertical-align : middle; text-align: center; display: flex; justify-content: center; font-size: 16px;}
#bouton td, #bouton th { width:15em; height:2.2em; 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; vertical-align: middle; justify-content: middle;}

td, tr, th {vertical-align: middle;}

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;}

#contact		{text-align: justify; width : 100%; }
#contact table 	{vertical-align: top; padding :"3"; width : 50%;}
#contact tr		{border-top:1px solid #A8A8A8; border-bottom:1px solid #A8A8A8; border-right:0px; border-left:0px; }
#contact td 	{vertical-align: top; border-top:1px solid #A8A8A8; border-bottom:1px solid #A8A8A8; border-right:0px; border-left:0px;}

label	{font-weight: 700; padding-bottom : 20px; }
input[type=button], input[type=submit], input[type=reset] { display:inline-block; cursor: pointer; 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; padding : 10px}