/*-----------------*/
/* Global */
/*-----------------*/
	body 
		{
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color: #7c7c7d;
		line-height:20px;
		font-size:11px;
		background-color:#CFCFCF;
		}
	img
		{
		border:0px;
		display:block;
		}
	td.align_gauche
		{
		text-align:left;
		}
	ul.interline li
		{
		margin-bottom:5px;
		}
/*-----------------*/
/* Structure g�n�rale */
/*-----------------*/
	div#general
		{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		border:1px;
		border-style:solid;
		border-color:black;
		border-top:0px;
		}
	div#haut
		{
		background-color:#E6E6E6;
		text-align:right;
		padding-right:10px;
		}
	div#milieu
		{
		border:1px;
		border-style:solid;
		border-color:#000000;
		border-left:0px;
		border-right:0px;
		border-top:0px;
		background-color:#E9E9E9;
		}
	div#gauche
		{
		float:left;
		/*background-color:#FF8401;*/
		width:230px;
		}
	div#menus
		{
		background-color:#FF8401;
		}
	div#contenu
		{
		margin-left:230px;
		width:769px;
		border:1px;
		border-style:solid;
		border-color:#000000;
		border-right:0px;
		border-bottom:0px;
		min-height:624px;/*620*/
		background-color:#F3F3F3;
		}
	div#bas
		{
		clear:both;
		background-color:#404040;/*#7D7B7B;*/
		color:#D1D1D1;
		text-align:center;
		}
	ul.vcards
		{
		width:400px;
		margin-left:auto;
		margin-right:auto;
		list-style: none;
		}
	ul.vcards li
		{
		/*display: inline;*/
		text-align: center;
		display: table-cell;
		}

/*-----------------*/
/* Menu */
/*-----------------*/
	div.menu_titre
		{
		background-color:#7D7B7B;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		border:1px;
		border-style:solid;
		border-color:#000000;
		border-left:0px;
		border-right:0px;
		
		}
	div#gauche span.lien
		{
		display:block; 
		width:210px;
		padding:10px;
		background-color:#F3F3F3;
		border:1px;
		border-style:solid;
		border-color:#CFCFCF;
		border-bottom:0px;
		border-right:0px;
		border-left:0px;
		cursor: pointer;
		font-weight:bold;
		}
	div#gauche span.lien:hover
		{
		width:205px;
		color:#DF8106;
		font-weight:bold;
		background-color:#E9E9E9;
		}	
/*-----------------*/
/* Liens */
/*-----------------*/
	A:link
		{
		color:black;
		text-decoration:none;
		font-weight:bold;
		}
	A:visited
		{
		color:black;
		font-weight:bold;
		text-decoration:none;
		}
	A:hover
		{
		color:#959595;
		font-weight:bold;
		text-decoration:none;
		}
		
	A.menu:link
		{
		color:#959595;
		text-decoration:none;
		}
	A.menu:visited
		{
		color:#959595;
		text-decoration:none;
		}
/*-----------------*/
/* Messages, texte */
/*-----------------*/
	h1	
		{
		color:#DF8106;
		font-weight:bold;
		text-decoration:underline;
		margin-left:50px;
		font-size:12px;
		margin-top:0px;
		}
	h2	
		{
		color:#FF8401;
		font-weight:bold;
		height:20px;
		font-style:italic;
		margin-left:50px;
		font-size:11px;
		border:1px;
		border-style:solid;
		border-color:#CFCFCF;
		padding-left:10px;
		border-right:0px;
		background-color:#ffffff;
		background-image:url("images/h2.gif");
		background-repeat:no-repeat;
		margin-top:20px;
		}
	h3
		{
		margin:10px;
		}
	h4
		{
		color:#FF8401;
		font-weight:bold;
		height:20px;
		margin-left:50px;
		font-size:18px;
		border:1px;
		border-style:solid;
		border-color:#CFCFCF;
		padding-left:10px;
		border-right:0px;
		background-color:#ffffff;
		background-image:url("images/h2.gif");
		background-repeat:no-repeat;
		margin-top:10px;
		}
	.erreur
		{
		color:red;
		font-weight:bold;
		}
	span.valid
		{
		color:#FF7A01;
		font-weight:bold;
		}
	.important1 /* Texte important niveau 1 (peu important) */
		{
		font-weight:bold;
		}
	.center
		{
		text-align:center;
		}
	span.important2 
		{
		font-weight:bold;
		font-size:15px;
		margin:5px;
		}
	span.tarif
		{
		display:block;
		background-color:#FFFF99;
		border:1px;
		border-style:solid;
		border-color:#CFCFCF;
		font-weight:bold;
		color:black;
		margin-bottom:30px;
		}
	span.rouge
		{
		color:red;
		}
	p.nota
		{
		text-align:justify;	
		margin-bottom:0px;
		display:inline;
		font-style:italic;
		}
	p	
		{
		text-align:justify;	
		margin-bottom:0px;
		margin:10px;
		}	
	p.attention	
		{
		color:red;
		font-weight:bold;
		}	
	ul
		{
		list-style:square;
		}
	ul.liste_large
		{
		list-style:decimal;
		}
	ul li.li1
		{
		margin-top:20px;
		}
	ul li.li2
		{
		margin-top:5px;
		}
	.italic
		{
		font-style:italic;
		}
/*-----------------*/
/* Tarifs */
/*-----------------*/
	/*Lignes et cellules g�n�rales*/
		table#tarifs
			{
			border:1px;
			border-style:solid;
			border-color:#000000;
			border-left:0px;
			border-right:0px;
			}
		table#tarifs td
			{
			margin:0px;
			text-align:center;
			border:1px;
			border-style:solid;
			border-right:0px;
			border-top:0px;
			border-bottom:0px;
			}	
	/*Lignes et cellules de type id*/
		table#tarifs tr#titre
			{
			text-align:center;
			background-color:#FF7A01;
			color:#ffffff;
			font-weight:bold;
			}
		table#tarifs td#duree
			{
			text-align:right;
			padding:10px;
			border-left:0px;
			}		
	/*Lignes et cellules de type class*/
		table#tarifs td.prestations
			{
			width:600px;
			text-align:left;
			border-left:0px;
			}
		table#tarifs td.duree_pc
			{
			text-align:right;
			padding-right:20px;
			border-left:0px;
			}
		table#tarifs td.secteur
			{
			width:200px;
			}
		table#tarifs td.decalage
			{
			width:400px;
			text-align:left;
			padding-left:50px;
			border-left:0px;
			}	
	/*Lignes et cellules appartenant � des �l�ments pr��is*/
		table#tarifs tr#titre td
			{
			border:1px;
			border-style:solid;
			border-color:#000000;
			padding:0px;
			border-top:0px;
			border-right:0px;
			}
		table#tarifs tr.autre_prestation td
			{
			border:1px;
			border-style:solid;
			border-color:#000000;
			border-right:0px;
			border-bottom:0px;
			text-align:left;
			}	
		table#tarifs tr#titre td.prestation
			{
			width:600px;
			text-align:center;
			border-left:0px;
			}
		table#tarifs tr.autre_prestation td.gauche_autre_prestation
			{
			border:1px;
			border-style:solid;
			border-color:#000000;
			border-right:0px;
			border-left:0px;
			border-bottom:0px;
			}	
	/*Paraqraphes et texte*/
		table#tarifs span.prestacomp
			{
			font-style:italic;
			font-size:13px;
			}	
		table#tarifs span.nota
			{
			font-size:10px;
			vertical-align:super
			}
/*-----------------*/
/* Accueil */
/*-----------------*/
	/*Lignes et cellules de la pr�sentation des associ�s (qui-sommes nous?)*/
		table#associes td
			{
			vertical-align:top;
			width:400px;
			text-align:center;
			}
		table#associes td img
			{
			margin-left: auto;
			margin-right: auto;
			}
	/*Lignes et cellules des taches de chaque associ� (que faisons-nous?)*/
		table#taches td
			{
			vertical-align:top;
			width:400px;
			text-align:justify;
			padding-left:20px;
			}
		table#taches li
			{
			margin:10px;
			}
	/*Lignes et cellules des infos*/
		table#infos
			{
			border:1px;
			border-style:solid;
			border-color:#000000;
			margin:10px;
			margin-left:50px;
			}
		table#infos td
			{
			vertical-align:top;
			width:400px;
			text-align:center;
			}	
		table#infos tr.titre td
			{
			width:400px;
			text-align:center;
			background-color:#EFEFEF;
			color:#000000;
			font-weight:bold;
			}
		table#infos tr.ligne_clair td
			{
			border:1px;
			border-style:solid;
			border-color:#CFCFCF;
			border-left:0px;
			border-top:0px;
			border-bottom:0px;
			background-color:#ffffff;
			}
		table#infos tr.ligne_fonce td
			{
			border:1px;
			border-style:solid;
			border-color:#CFCFCF;
			border-left:0px;
			border-top:0px;
			border-bottom:0px;
			background-color:#ffffff;
			}
		table#infos span.categorie
			{
			font-style:italic;
			}
		/*Passage du curser sur la ligne*/
		table#infos tr.ligne_clair:hover td
			{
			background-color:#F9F9F9;
			cursor:pointer;
			color:#DF8106;
			}
		table#infos tr.ligne_fonce:hover td
			{
			background-color:#F9F9F9;
			cursor:pointer;
			color:#DF8106;
			}
		span.indexInfo
			{
			border:1px;
			border-style:solid;
			border-color:#CFCFCF;
			border-left:0px;
			border-right:0px;
			border-top:0px;
			padding-left:10px;
			background-color:#F3F3F3;
			display:block;
			}
		span.indexInfo:hover
			{
			background-color:#EAEAEA;
			cursor:pointer;
			color:#DF8106;
			}
			
		div.indexInfo
			{
			background-color:#ffffff;
			cursor:pointer;
			color:#000000;
			}
		tr.mainInfo td
			{
			color:#000000;
			border:1px;
			border-style:solid;
			border-color:#000000;
			border-left:0px;
			border-right:0px;
			}
/*-----------------*/			
/* Informations */
/*-----------------*/
div#affiche_info
	{
	text-align:center;
	border:1px;
	border-style:solid;
	border-color:#CFCFCF;
	margin-left:auto;
	margin-right:auto;
	border-top:0px;
	width:500px;
	background-color:#ffffff;
	}
div#affiche_info span.titre
	{
	border:1px;
	border-style:solid;
	border-color:#CFCFCF;
	border-left:0px;
	border-right:0px;
	background-image:url("images/h2.gif");
	background-color:#ffffff;
	background-repeat:no-repeat;
	display:block;
	font-weight:bold;
	}
/*-----------------*/			
/* Packs internet/intranet */
/*-----------------*/
div.pack
	{
	padding:10px;
	margin:30px;
	margin-right:0px;
	margin-left:0px;	
	border:1px;
	border-style:solid;
	border-color:#000000;
	border-right:0px;
	border-left:0px;
	background-color:#ffffff;
	background-image:url("images/pack2.png");
	background-repeat:repeat-x;
	color:black;
	}
div.pack span.titre
	{
	font-size:14px;
	display:block;
	margin-bottom:15px;
	text-decoration:underline;
	font-weight:bold;
	}
div.pack span.option
	{
	margin-left:90px;
	}
div.pack:hover
	{
	background-image:url("images/pack.png");
	background-repeat:repeat-x;
	}
div.pack:hover span.titre
	{
	color:red;
	}
div.lien
	{
	text-align:center;
	}	
/*-----------------*/			
/* Soumission d'un projet */
/*-----------------*/	
	/*Div et tableaux*/
		div#soumission_projet
			{
			text-align:center;
			}
		div#soumission_projet table
			{
			width:100%;
			margin-left:auto;
			margin-right:auto;
			}	
		div#soumission_projet table td
			{
			vertical-align:top;
			}	
	/*Formulaire*/	
		div#soumission_projet input.texte		
				{
				border:1px;
				border-style:solid;
				border-color:#000000;
				background-color:#ffffff;
				font-size:10px;
				font-family:verdana;
				color:#404040;
				width:200px;
				height:12px;
				font-weight:bold;
				}
			div#soumission_projet input#cp		
				{
				border:1px;
				border-style:solid;
				border-color:#000000;
				background-color:#ffffff;
				font-size:10px;
				font-family:verdana;
				color:#404040;
				width:50px;
				height:12px;
				font-weight:bold;
				}
			div#soumission_projet input.submit		
				{
				border:1px;
				border-style:solid;
				border-color:#000000;
				background-color:#ffffff;
				font-size:10px;
				font-family:verdana;
				color:#000000;
				height:24px;
				font-weight:bold;
				margin:20px;
				}
			div#soumission_projet textarea
				{
				border:1px;
				border-style:solid;
				border-color:#000000;
				background-color:#ffffff;
				font-size:10px;
				font-family:verdana;
				color:#404040;
				width:200px;
				height:60px;
				font-weight:bold;
				}
			div#soumission_projet textarea#description
				{
				width:300px;
				height:120px
				}
			div#soumission_projet span.nota
				{
				font-style:italic;
				}
			div#soumission_projet td.libelle
				{
				font-weight:bold;
				color:black;
				}
				
/*-----------------*/			
/* Questions / r�ponses */
/*-----------------*/
div.question
	{
	border:1px;
	border-color:black;
	border-style:solid;
	background-color:#FF8401;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	padding:10px;
	}
div.reponse
	{
	background-color:#FFFF80;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	color:#000000;
	text-align:justify;	
	padding:10px;
	}
/*-----------------*/			
/* R�alisations */
/*-----------------*/
div.cadre
	{
	text-align:center;
	background-image:url("images/pack.png");
	background-repeat:repeat-x;
	background-color:#ffffff;
	border:1px;
	border-style:solid;
	border-color:black;
	margin:30px;
	}
div.cadre span.tarif
	{
	margin-bottom:10px;
	margin-top:10px;
	}
div.cadre span.titre
	{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	text-decoration:underline;
	color:#FF8401;
	}
div.cadre td.image
	{
	margin-left:0px;
	}
div.cadre td.description
	{
	vertical-align:top;
	width:400px;
	}
div.cadre img
	{
	border:1px;
	border-style:solid;
	border-color:#CFCFCF;
	}
div#realisations_C_S h3	
	{
	color:black;
	font-weight:bold;
	height:20px;
	margin-left:100px;
	font-size:9px;
	border:1px;
	border-style:solid;
	border-color:#CFCFCF;
	padding-left:10px;
	border-right:0px;
	background-color:#ffffff;
	background-image:url("images/h2.gif");
	background-repeat:no-repeat;
	margin-top:10px;	
	}
div#realisations_C_S div.cadre	
	{
	margin-left:150px;
	}
/*-----------------*/			
/* Bas */
/*-----------------*/
	div#vcardsIntro
		{
		font-weight:bold;
		margin-top:50px;
		}
		
		/*Divs du bas*/

			div#bas table
				{
				margin-left:auto;
				margin-right:auto;
				width:100%;
				}
			div#bas td#contact
				{
				border:1px;
				border-style:solid;
				border-color:#D1D1D1;
				border-top:0px;
				border-bottom:0px;
				border-right:0px;
				}
			div#bas td.libelle
				{
				width:700px;
				}
			div#bas td#contact ul
				{
				width:400px;
				list-style: none;
				}
			div#bas td#contact ul li
				{
				text-align:left;
				}
		
			div#bas td#contact h3
				{
				text-align:left;
				margin-top:30px;
				}

			div#bas td#contact A:link
				{
				color:white;
				text-decoration:none;
				font-weight:bold;
				}
			div#bas td#contact A:visited
				{
				color:white;
				font-weight:bold;
				text-decoration:none;
				}
			div#bas td#contact A:hover
				{
				color:#959595;
				font-weight:bold;
				text-decoration:none;
				}

			div#bas td#coordonnees
				{
				vertical-align:middle;
				text-align:center;
				width:224px;
				}
			div#bas td#coordonnees:hover
				{
				color:#ffffff;
				}
			div#bas td#contact:hover
				{
				color:#ffffff;
				}
		/*Texte,titres,tableaux*/
			div#bas h3
				{
				margin-top:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				color: #ffffff;
				font-size:11px;
				text-decoration:underline;
				}
			div#bas table.form 
				{
				width:100%;
				}
			table.form 
				{
				width : 50%;
				margin-left:auto;
				margin-right:auto;
				}

			div.form 
				{
				width : 100%;
				
				}
			div#bas span.nota
				{
				font-style:italic;
				}				
		/*Formulaires*/
			input.texte		
				{
				border:1px;
				border-style:solid;
				border-color:#FF8401;
				background-color:#F3F3F3;
				font-size:10px;
				font-family:verdana;
				color:#404040;
				width:350px;
				height:20px;
				font-weight:bold;
				}
			 textarea
				{
				border:1px;
				border-style:solid;
				border-color:#FF8401;
				background-color:#F3F3F3;
				font-size:10px;
				font-family:verdana;
				color:#404040;
				width:350px;
				height:120px;
				font-weight:bold;
				}
			button
				{
				border:1px;
				border-style:solid;
				border-color:#FFFFFF;
				background-color:#202020;
				font-size:10px;
				font-family:verdana;
				color:#FFFFFF;
				height:24px;
				font-weight:bold;
				margin:20px;
				}
			.button
				{
				border:1px;
				border-style:solid;
				border-color:#FFFFFF;
				background-color:#202020;
				font-size:10px;
				font-family:verdana;
				color:#FFFFFF;
				height:24px;
				font-weight:bold;
				margin:20px;
				}