/* feuille de style - rubrique 'presentation'
site Veronse-sa.com
crée par Emma Browne pour http://selogix.com
modifiée le 12/01/2009 */

html, body {
height: 100%;
margin: 0;
padding: 0;
background: #191919;
color: #BBB;
font-size:11px;
font-family:  "Trebuchet MS", "Arial", "Verdana", "Tahoma";
line-height:160%;
overflow:auto;
}

a {
color: #009633;
text-decoration:none;
}

a:hover {
color: #666;
text-decoration:none;
}

h2 {
color: #FFF;
}


/* structure */
#fullwrapper {
width:960px;
height:100%;
background: url(../images/light_bar_pre_bg.gif) repeat-y center;
}

#maincontent {
/* define background. Other styles definied in shared.css */
background: url(../images/rlight_bar_pre.jpg) no-repeat;
}

#sidebar {
background: url(../images/light_bar_pre_bg.gif) repeat-y;
}

#footer {
border-top: solid 1px #6b6b6b;
border-left:solid 1px #6b6b6b;
}
/* sub-structure */
	/* sidebar */
	#sidebar_title {
	/* define background. Other styles definied in shared.css */
	background: url(../images/llight_bar_pre.jpg) no-repeat top right;
	color: #BBB;
	}
	
	/* links */
	#nav a, #footer a {
	color: #666;
	text-decoration:none
	}
	
	#nav a.active, #footer a:active {
	color: #EEE;
	text-decoration:none
	}
	
	#nav a:hover, #footer a.hover {
	color: #009633;
	text-decoration:none
	}
	
	#sidebar_nav a {
	color: #666;
	text-decoration:none
	}
	
	#sidebar_nav a.active {
	color: #EEE;
	text-decoration:none
	}
	
	#sidebar_nav a:hover {
	color: #009633;
	text-decoration:none
	}
	
		/* maincontent_box */
		#video_desc {
		width:185px;
		height:100%;
		float:left;
		padding: 0 0 0 40px;
		}
		
		#video {
		width:500px;
		height:100%;
		float:right;
		text-align:right;
		}
		
		#histoire_2 {
		width:185px;
		height:100%;
		float:left;
		padding: 0 0 0 40px;
		}
		#histoire_media {
		width:175px;
		height:100%;
		float:left;
		padding: 0 0 0 10px;
		}
		#histoire_4 {
		width:300px;
		height:100%;
		float:right;
		padding: 0;
		}
		#histoire_7 {
		width:300px;
		height:100%;
		float:left;
		padding: 0 0 0 40px;
		}
		#histoire_8 {
		width:370px;
		height:100%;
		float:right;
		padding: 0;
		}
		
/* localscroll */
.solsec{
	width:5000px;
	position:relative;
}

	.solsec .ssub{
		position:relative;
		float:left;
		padding:20px;
		width:920px;
		height:560px;
		background: #333;
	}
		.solsec .ssub p{
			width:550px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.solsec .next, .solsec .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.solsec .next{
			right:30px;
		}
		.solsec .prev{
			left:30px;
		}
ul, li, p{
	padding:0;
	margin:0;
	list-style:none;
}


#scroll_navigation, #scroll_content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#scroll_content{
	overflow:hidden;
	width:750px;
	position:relative;
	height:480px;
	float:left;
}
#scroll_navigation{
	float:left;
}

#scroll_navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}

#scroll_navigation a.scrolling{
	color:#933;
}

.section{
	width:2300px;
	position:relative;
}

.section .sub{
	position:relative;
	float:left;
	width:750px;
	height:480px;
}

.prev-button{
text-align:right;
margin-bottom:3px;
}



/* actualites */
#actu_content{
	overflow:hidden;
	width:500px;
	float:right;
}
#actu_nav{
	float:left;
	width:200px;
	padding: 0 0 0 40px;
}
#actu_nav li{
	margin:0;
	padding:0;
}

ul#actu_nav {
padding:0;
margin:0;
list-style-type:none;
}


#enter-text {
margin: 0 0 0 60px;
text-transform:uppercase;

}

#enter-text a{
color: #009633;
font-size:14px;}

#enter-text a:hover{
color: #AAA;
}

/* contacts */
#contact-list {
width:200px;
padding: 0 0 0 40px;
float:left
}

#contact-image {
width:500px;
float:right;
text-align:right;
}



.prev {
	float:left;
	margin: 0 0 10px 40px;
}

.next {
	float:right;
	margin: 0 0 10px 0;
}

#class_viewer_text {
	text-transform:uppercase;
}

/*formulaire */
input, textarea, option, select {
	background: #222;
	font-family: "Geneva", "Tahoma", "Arial", "Verdana";
	font-size: 11px;
	color:#999;
	border: 0;
	padding:4px;
	border: 1px #333 solid;
	}
	
input:focus, textarea:focus, option:focus, select:focus {
	border: 1px #444 solid;
	}
