/* ==============================================
GLOBAL
============================================== */
html,body
{
	width:100%;
	height:100%;
	
	font-size:12px;
	font-family:"Arial";

	line-height: 14px;
	/*overflow:hidden;*/

	color:#ffffff;
	background: #191d23;
	
	/*margin: 20px 20px 20px 20px;*/
}

a
{
	color:#0097a9;
	text-decoration: none;
}

a:active,a:hover
{
	color:#0097a9;
	text-decoration: none;
}

a:visited
{
	color:#0097a9;
}

p
{
	margin: 30px 0 20px 0;
	width:640px;
}

.clear{
	clear:both;
}

/* ==============================================
CONTENT
============================================== */
#logo
{
	margin: 0 0 10px 0;
}

#content
{
	margin: 20px 20px 20px 20px;
}

#navigation
{
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.lineDashed
{
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	
	border-top: 1px dashed #333;
}

.lineSolid
{
	padding: 10px 0 0px 0;
	margin: 10px 0 0px 0;
	
	border-top: 1px solid #666;
}

.navigation-adresse
{
	color: #666;
}

.navigation-adresse a
{
	color: #666;
}

.gris
{
	color: #666;
	line-height: 25px;
}

.message
{
	color: #666;
}

.message .erreur
{
	color: #ff0000;
}

/* Titre décrivant la sélection */
h1
{
	font-size:40px;
	line-height: 60px;
	letter-spacing:-2px;
	margin: 30px 0 10px 0;
}

h2 /* Baseline */
{
	font-size:25px;
	/*line-height: 25px;*/
	font-weight:normal;
	letter-spacing:-1px;
	color:#0097a9;
	margin: 10px 0 20px 0;
}

/* Grille sur les page de sélection de projets */
ul#grid li {
	list-style: none outside;
	float: left;
	margin:10px 10px 10px 0px;
	width: 250px;
	height: 235px;
	/*line-height: 10px;*/
	text-align: center;
}
ul#grid li img {
  vertical-align: middle;
}

ul#grid li p {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul#grid li a {
	color:#999;
	border:1;
}

ul#grid li a:hover {
	color:#0097a9;
}

ul#grid li a h4 {
	color:#fff;
	font-size:12px;
	margin-top:12px;
	line-height: 10px;
}

ul#grid li a:hover h4 {
	color:#0097a9;
}

ul#grid li a gris {
	color:#666;
}

ul#grid li a img {
	border:1px solid #1c1c1c;
}

ul#grid li a:hover img {
	color:#fff;
	border:1px solid #0097a9;
}


/* Grille sur une page projet */
ul#grille_projet {
	width: 640px;
	margin:0px 0px 120px 0px;
}


ul#grille_projet li {
	list-style: none outside;
	float: left;
	margin:0px 10px 10px 0px;
	width: 310px;
	line-height: 16px;
	
	color: #ddd;
	font-size:11px;
}

ul#grille_projet .gris
{
	font-size:11px;
	color: #666;
	line-height: 10px;
}

/*
ul#grille_projet li p {
	margin-top: 10px;
	margin-bottom: 10px;
}
*/

/*
#menu {
	width:300px;
	margin: 10px 0 0 0;
	padding: 8px 0 8px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#menu ul {
	list-style: disc url(../images/bullet.png) inside;
}

#contenu p {
	margin: 10px 0 10px 0;
}


.titre {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}
*/