body#index{
	background: #DDD8D2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body#main{
	background: #01203D url(gx/bg.gif) repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 20px 31px;
}

body#popUp{
	background: #F5F1EC;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html{
	font-family: Tahoma, Trebuchet MS, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

.blanc{ background: #FFFFFF; color: #4D5453; font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.brun{ background: #BBB1A4; }

.violet{ background: #380309; }

.gris{ background: #CFCCC7; }

.grisf{ background: #4D5453; }

.border{ background: #710411; }

/* TEXTE */

.texte{ 
	color: #4D5453; 
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	background: #F5F1EC;
	line-height: 180%;
}

h1{
	color: #4D5453;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

strong{
	color: #710411;
	font-weight: bold;
}

a, a:link, a:visited, a:hover{
	color: #4D5453; 
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
}

a.suite, a.suite:link, a.suite:visited, a.suite:hover{
	color: #710411;
	font-size: 10px;
	font-family: verdana;
	height: 15px;
	width: 65px;
	background: #F5F1EC;
	border: 1px solid #BDB2A5;
	text-decoration: none;
	text-align: center;
}

img.thumb{ border: #380309 1px solid; margin-bottom: 10px; }


/* MENU */

#menu ul{
	width: 164px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#menu li{
	width: 150px;
	_width: 164px;
	height: 14px;
	_height: 16px;
	font-size: 10px;
	font-family: Tahoma;
	text-align: right;
	padding: 2px 14px 0 0;
}

#menu li.actif{
	font-weight: bold;
}

#menu li.first{
	background: #BBB1A4 url(gx/m/fleche.gif) no-repeat right;
}

#menu li.actiff{
	background: #BBB1A4 url(gx/m/fleche.gif) no-repeat right;
	font-weight: bold;
}

#menu a.menu, #menu a.menu:link, #menu a.menu:visited{
	color: #710411;
	font-size: 10px;
	font-family: Tahoma;
	text-decoration: none;
}

#menu a.menu:hover{ text-decoration: underline; }

/* PAGES PROJET */

a.menup, a.menup:link, a.menup:visited{
	color: #4D5453; 
	font-family: Tahoma;
	font-size: 10px;
	text-decoration: none;
}

a.menup:hover{ text-decoration: underline; }

.nomProjet{
	color: #710411;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

#projet ul{
	list-style: none;
}

#projet ul li{
	color: #4D5453; 
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	background: #F5F1EC url(gx/300/puce.gif) left top no-repeat;
	line-height: 140%; 
	padding: 0 0 5px 10px;
}

.img_border{ border: 1px solid #BDB2A5; }

.intro{ color: #390309; background: #D9CFC3; padding-left: 6px; font-size: 10px; font-family: Trebuchet MS; }

#projet{ padding: 10px; text-align: center; }
#projet strong{ color: #710411; }

#projet #cadre{ border: #BDB2A5 1px solid; padding: 5px; }
#projet #cadre div{ overflow: auto; height: 170px; width: 320px; }

/* ESPACES */

td.box{
	color: #4D5453;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	vertical-align: top;
	border: 1px solid;
	border-color: #EFE7DE #F7F3EF #F7F3EF #EFE7DE;
	background: #EFE7DE;
	padding: 5px 5px 5px 5px;
}

td.colonne{
	color: #4D5453;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	text-align: center;
	border: 1px solid;
	border-color: #EFE7DE #F7F3EF #F7F3EF #EFE7DE;
	background: #D4CBC0;
	padding: 3px 5px 3px 5px;
}

td.info{
	color: #4D5453;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	border: 1px solid #D4CBC0;
	background: #F5F1EC;
	padding: 15px 15px 15px 15px;
}

a.espace, a.espace:link, a.espace:visited{
	font-size: 10px;
	text-decoration: none;
}

a.espace:hover{ text-decoration: underline; }

/* FORM */

select{
	color: #710411;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	background: #DED5CB;
	width: 120px;
}

input.dmd{
	color: #710411;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	background: #DED5CB;
	width: 200px;
}

textarea.cmd{
	color: #710411;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	background: #DED5CB;
	width: 360px;
}

input.spc{
	color: #710411;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	background: #DED5CB;
	width: 160px;
}

textarea.spc{
	color: #710411;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	background: #DED5CB;
	width: 160px;
	height: 55px;
}

/* COPYRIGHT */

.copyright, a.copyright:link, a.copyright:visited{
	color: #555354;
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
}

a.copyright:hover{ color: #747672; }
