html {
	height: 100%;
	cursor:default;
} 

body { 
	height: 100%;
	background-color:#a9a8a8;
	background-image:url(../im/background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	cursor:default;
}

#global {
	 position: relative;
	 min-height:100%;
	 height:auto;
	 overflow:auto;
	 cursor:default;
}

#main {
	overflow:auto;
	width:930px;
	display:block;
	margin-right:auto;
	margin-left:auto;	
}


/****************************
           HEADER
 ****************************/


#header {
		margin-top:10px;
}

#header #header-title {
		height:94px;
		width:930px;
}

#header #header-title #header-title-left {
		background-image:url(../im/header-bck-left.png);
		background-repeat:no-repeat;
		background-position:top left;
		float:left;
		width:17px;
		height:94px;
}

#header #header-title #header-title-middle {
		background-image:url(../im/header-bck-center.png);
		background-repeat:repeat-x;
		background-position:top left;
		float:left;
		height:94px;
		width:894px;
}

#header-title-middle img {
		margin-left:175px;
		margin-top:27px;
}

#header-title-middle a img.left {
		float:left;
		margin-top:10px;
		margin-left:0px;
}

#header-title-middle a img.right {
		float:right;
		margin-top:10px;
		margin-left:0px;
}

#header-title-middle .title {
		padding:5px 150px 0px 150px;
		text-align:center;
		color:#990000;
		font-size:26px;
		font-weight:bold;
}

#header-title-middle .lieu {
		text-align:center;
		color:#555555;
		font-size:14px;
		font-family:Arial, sans-serif;
}

#header-title-middle .region {
		text-align:center;
		color:#555555;
		font-size:12px;
		font-family:Arial, sans-serif;
}

#header #header-title #header-title-right {
		background-image:url(../im/header-bck-right.png);
		background-repeat:no-repeat;
		background-position:top right;
		float:left;
		width:19px;
		height:94px;
}

#header #header-projects {
		margin-top:5px;
		width:925px;
}

#header #header-projects #coverflow {
		width:925px;
		height:310px;
}


#header #menu-projet {
		background-image:url(../im/fond-menu.png);
		background-repeat:no-repeat;
		background-position:0px -10px;
		margin-top:-3px;
		padding-top:8px;
		padding-left:10px;
		height:45px;
}

#header #menu-projet a {
		color:#FFFFFF;
		font-size:12px;
		text-align:center;
		padding-top:8px;
}

#header #menu-projet a:hover {
		text-decoration:none;
}

#menu-projet #menu1 {
		display:block;
		float:left;
		background-image:none;
		margin-left:5px;
		height:25px;
		width:65px;
		
}

#menu-projet #menu1.active {
		background-image:url(../im/menu1-hover.png);
		color:#8F0904;
}

#menu-projet #menu2 {
		display:block;
		float:left;
		background-image:none;
		margin-left:5px;
		height:25px;
		width:100px;
}

#menu-projet #menu2:hover, #menu-projet #menu2.active {
		background-image:url(../im/menu2-hover.png);
}


#menu-projet #menu3 {
		display:block;
		float:left;
		background-image:none;
		margin-left:5px;
		height:30px;
		width:121px;
}

#menu-projet #menu3:hover, #menu-projet #menu3.active {
		background-image:url(../im/menu3-hover.png);
}


#menu-projet #menu4 {
		display:block;
		float:left;
		background-image:none;
		margin-left:5px;
		height:30px;
		width:132px;
}

#menu-projet #menu4:hover, #menu-projet #menu4.active {
		background-image:url(../im/menu4-hover.png);
}

#menu-projet #menu5 {
		display:block;
		float:left;
		background-image:none;
		margin-left:5px;
		height:30px;
		width:114px;
}

#menu-projet #menu5:hover, #menu-projet #menu5.active {
		background-image:url(../im/menu5-hover.png);
}


#sousmenu {
		display:none;
		position:absolute;
		width:147px;
		height:104px;
		margin-top:-12px;
		margin-left:14px;
}

#sousmenu a.sousmenuelem {
		display:block;
		background-image:url(../im/sous-menu.png);
		background-repeat:no-repeat;
		background-position:top;
		width:140px;
		height:18px;
		padding-top:8px;
		padding-left:7px;
		color:#8F0904;
}


#search {
		display:block;
		float:right;
		background-image:url(../im/recherche.png);
		background-repeat:no-repeat;
		margin-right:10px;
		width:190px;
		height:22px;
}

#search input {
		margin-top:3px;
		margin-left:3px;
		background-color:#A29F9F;
		width:155px;
		height:16px;
		float:left;
}

#search #search_btn {
		display:block;
		width:32px;
		height:22px;
		float:left;
}

#search #search_btn:hover {
		cursor:pointer;
}

/****************************
           CONTENT
 ****************************/


#content {
		overflow: hidden;
		margin-top:15px;
		margin-bottom:5px;
		width:930px;
		height:auto;
		margin-bottom:50px;
		color:#FFFFFF;
}

/* Accueil */
#content #accueil-left {
		min-height:524px;
		width:460px;
		float:left;
		font-size:13px;
}
#content #accueil-left strong {
		font-size:13px;
}

#content #accueil-left .accueil-title {
		margin-top:10px;
}

#content #accueil-left p {
		margin-top:10px;
		padding-left:5px;
		width:430px;
		color:#FFFFFF;
		font-size:12px;
		line-height:14px;
		text-align:justify;
}

#content #accueil-left a {
		margin-top:10px;
		padding-left:5px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		line-height:14px;
}


#content #accueil-left #flash-info {
		margin-top:15px;
		width:450px;
		height:72px;
}


#content #separateur {
		width:3px;
		height:524px;
		float:left;
		background-image:url(../im/sep-vertical.png);
		background-repeat:no-repeat;
		background-position:top;
}

#content #accueil-right {
		min-height:524px;
		width:460px;
		float:left;
}

#accueil-right #carto-accueil {
		width:450px;
		height:470px;
		margin-top:15px;
}

/* Multipage */
.multipage {
		float:right;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
}

.multipage a {
		display:block;
		padding:2px 4px 2px 4px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		float:left;
}

.multipage a.prev {
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding-right:20px;
}

.multipage a.next {
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding-left:20px;
}

.multipage span {
		display:block;
		float:left;
		padding:2px 4px 2px 4px;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
}

.multipage span.active {
		background-color:#FFFFFF;
		border:1px solid grey;
		padding:2px 4px 2px 4px;
		color:#555555;
}


/* Actualités */
#content .sep-news {
		clear:left;
		display:block;
		background-image:url(../im/sep-news.png);
		background-repeat:no-repeat;
		background-position:center;
		height:2px;
		width:930px;
		margin-top:20px;
		margin-bottom:20px;
}


#content #news-head {
		margin-top:10px;
}

#news-head #news-title {
		background-image:url(../im/documentation-title.png);
		background-repeat:no-repeat;
		background-position:left;
		width:216px;
		height:27px;
}



#content .actu {
		display:block;
}

.actu-head {
		display:block;
		height:65px;
}

.actu-head .date {
		background-image:url(../im/fond-date.png);
		background-repeat:no-repeat;
		background-position:left;
		width:65px;
		height:59px;
		float:left;
		margin-right:10px;
}


.actu-head .date .day {
		color:#FFFFFF;
		font-size:24px;
		text-align:center;
}

.actu-head .date .month {
		color:#890C02;
		font-size:10px;
		line-height:10px;
		text-align:center;
		text-transform:uppercase;
}

.actu-head .actu-title {
		font-size:24px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFFFFF;		
}

.actu-head .actu-subtitle {
		font-size:20px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-style:italic;		
}

.actu .desc {
		display:block;
}

.actu .desc p {
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:5px;
}

.actu .desc img {
		padding:3px;
}



/* Recherche */
#recherche-title {
		background-image:url(../im/recherche-title.png);
		background-repeat:no-repeat;
		background-position:top left;
		width:154px;
		height:27px;
		margin-top:10px;
}


/* Mentions légales */

#mentions-title {
		background-image:url(../im/mentions-legales.png);
		background-repeat:no-repeat;
		background-position:left;
		width:250px;
		height:27px;
		margin-top:10px;
}

#legals h3 {
		font-size:20px;
		padding-bottom:10px;
		padding-top:10px;
}

#legals a {
		color:#EDEDED;
}



/* Plan du site */

#plan-title {
		background-image:url(../im/plandusite.png);
		background-repeat:no-repeat;
		background-position:left;
		width:171px;
		height:27px;
		margin-top:10px;
}

#plan {
		display:block;
		width:926px;
		height:auto;
}

#plan ul {
		padding-left:40px;
		list-style:none;
}

#plan a {
		color:#FFFFFF;
}


/* Crédits */

#credits-title {
		background-image:url(../im/credits.png);
		background-repeat:no-repeat;
		background-position:left;
		width:356px;
		height:27px;
		margin-top:10px;
}

#credits-videos-title {
		background-image:url(../im/credits_videos.png);
		background-repeat:no-repeat;
		background-position:left;
		width:203px;
		height:27px;
		margin-top:10px;
}

/****************************
           FOOTER
 ****************************/


#footer {
		position:absolute;
		bottom:0px;
		min-width:930px !important; 
		width:100%;
		height:30px;
		background-color:#a8061d;
}

#footer #footer-content{
		width:930px;
		display:block;
		margin-right:auto;
		margin-left:auto;
		line-height:30px;
		text-align:center;
}

#footer-content .footer-left {
		padding:0px;
		margin:0px;
		/*margin-left:5px;*/
		display:block;
		float:left;
		color:#FFFFFF;
}

#footer-content .footer-right {
		/*margin-right:5px;*/
		padding:0px;
		margin:0px;
		display:block;
		float:right;
		color:#FFFFFF;
}

#footer-content p {
		color:#d5b07d;
}

#footer-content p a {
		color:#d5b07d;
		text-decoration:none;
}

#footer-content p a:hover {
		color:#d5b07d;
		text-decoration:underline;
}