@import url('blocs.css');
@import url('extensions.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font: 14px Arial;
	color: #000;
}
h1 {
				font-size: 24px;
				color: #006699;
				margin-bottom: 10px;
			}
h2 {
				font-size: 16px;
				color: #006699;
				margin-bottom: 8px;
			}

 table {
width:100%;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
border-collapse:collapse;
 }
 td {
 color:#003366;
border-bottom:1px solid #e5eff8;
 border-left:1px solid #e5eff8;
padding:.3em .8em;
text-align:center;
 }
 th {
 color:#006699;
 font-size: 16px;
 border-bottom:1px solid #e5eff8;
 border-left:1px solid #e5eff8;
 padding:.3em 1em;
 text-align:center;
 }
tr.tr-even {background: #7FA8B8;}
td.td-1 {text-align:left;}

			
a img { border: none; }

a {
	color: #0040b0;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #7F20a0;
}

p { padding-bottom: 6px; }

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

/* Structure */
#superGlobalcontainer {
	margin: 0 auto;
	text-align: left;
	background: #F0F0F7;
	border-bottom:1px dashed #010101;
}

#superGlobalcontainer2 {
	margin: 0 auto;
	text-align: left;
}

#globalcontainer {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#globalcontainer2 {
	width: 800px;
	margin: 0 auto;
}

	#header {
		height: 240px;
		background: #fff url('../images/gv_small-logo.jpg') no-repeat left top;
		/*margin-left: 4px;*/
	}
	
		#navigation {
			/*float: left;*/
			width: 800px;
			height: 125px;
		}
		
			a#logo {
				display: block;
				width: 800px;
				height: 91px;
				margin: 0px 0px 0px 0px;
			}
			
			ul#menu {
				margin-top: 0px;
				padding: 0em 0em 0em 0em;
				/*margin: 0;*/
				float: none;
				width: 100%;
				height: 4em;
				background-color: #BFD4DC;
				font-size: 12px;
				list-style-type: none;
			}
			
				ul#menu li {
					display: inline;
				}
			
				ul#menu li a {
					float: left;
					background-color: #44B7DD;
					margin-top: 5px;
					margin-bottom: 5px;
					margin-left: 0px;
					margin-right: 0px ;
					/*height: 50px;*/
					padding-top: 0.4em; 
					padding-bottom: 0.4em; 
					padding-left: 1em; 
					padding-right: 1em;
					border-right: 1px solid #fff;
					text-decoration: none;
					color: #ffffff;
					font-weight: bold;
					/*height: 55px;*/
				}
				
			ul#menu li a:hover, ul#menu li a.act {
					/*background: transparent url('../images/fond-menu-hover.gif') no-repeat left top;*/
					background-color: #005172;
					color: #ffffff;
					font-weight: bold;
				}
		
		#membre {
			float: left;
			width: 800px;
			height: 120px;
			background: #7FA8B8 url('../images/gv_illustration.jpg') no-repeat left center;
			text-align: right;
		}
		
			#login {
				padding-top: 20px;
				padding-left: 630px;
				text-align: left;
				/*color: #fff;*/
			}
			
				#login a {
					text-decoration: none;
					color: #fff;
				}
				
				#login a:hover {
					text-decoration: underline;
				}
					
	#container {
		background: #BFD4DC url('../images/gv_back_home_inside.jpg') no-repeat right top;
		margin: 0px 0px;
		padding: 32px 25px 32px 47px;
		/*border-bottom: 1px dashed #010101;*/
	}
	
		#left {
			float: left;
			width: 415px;
			margin-right: 50px;
		}
		
		#container.une-colonne #left {
			float: none;
			width: 680px;
			margin-right: 0px;
		}
		
		#container.une-colonne #left .column-left {
			float: left;
			width: 46%;
			margin-right: 3%;
		}
		
		#container.une-colonne #left .column-right {
			float: left;
			width: 46%;
			margin-left: 3%;
		}
		
			/*#left h1 {
				font-size: 18px;
				color: #006699;
				margin-bottom: 10px;
			}
*/			
			#left ul {
				padding-left: 15px;
			}
			
			#left .column-left {
				float: left;
				width: 185px;
				margin-right: 45px;
			}
			
			#left .column-right {
				float: left;
				width: 185px;
			}
			
			#left input {
				border: 1px solid #000;
				height: 20px;
				background: #fff;
				padding: 0px 5px;
				font-size: 10px;
			}
			
			#left select {
				border: 1px solid #000;
				background: #fff;
				font-size: 10px;
				padding: 1px 0px;
			}
			
			#left #suscribe-button {
				background: #007290;
				border: 1px solid #007290;
				font-size: 10px;
				padding: 0px 5px;
				height: 20px;
				color: #fff;
			}
		
		#right {
			float: left;
			width: 215px;
		}
		
			.bloc {
				width: 215px;
				background: #d5f5ff url('../images/bloc-top.gif') no-repeat left top;
			}
			
				.bloc .top {
					width: 215px;
					height: 8px;
					font-size: 1px;
				}
				
				
				.bloc .middle {
					background: #ffd0e4 url('../images/bloc-title.gif') repeat-y left top;
					padding: 0px 9px;
					font-size: 12px;
				}
				
				.bloc .middle h1 {
					background: #e32f7b url('../images/bloc-title-image.gif') no-repeat 4px center;
					color: #000;
					font-size: 14px;
					line-height: 18px;
					font-weight: bold;
					padding: 2px 10px 2px 30px;
					margin-bottom: 12px;
				}
				
				.bloc .middle p, .bloc .middle img, .bloc .middle dl {
					padding: 0px 10px 6px 10px;
				}
				
				.bloc .middle ul {
					padding-left: 30px;
				}
				
				.bloc .bottom {
					width: 215px;
					height: 90px;
					background: #d5f5ff url('../images/bloc-bottom.gif') no-repeat left top;
				}
	
	#footer {}
	
		#footer ul {
			list-style-type: none;
			margin: 10px 0px 0px 35px;
			padding-bottom: 10px;
		}
		
		#footer ul li {
			display: inline;
			padding: 4px 12px;
			font-size: 10px;
			border-right: 1px solid #000;
		}
		
			#footer ul li.contact { background: #fff url('../images/icone-contact.gif') no-repeat 12px center; }
			#footer ul li.sitemap { background: #fff url('../images/icone-sitemap.gif') no-repeat 12px center; }
			#footer ul li.notices {
				background: #fff url('../images/icone-notices.gif') no-repeat 12px center;
				border-right-width: 0px;
			}
			
			#footer ul li a {
				padding-left: 24px;
				text-decoration: none;
				color: #000;
			}
			
			#footer ul li a:hover {
				text-decoration: underline;
			}