/* Template structure

	body
		page
			wrapper -> width: 950px;
				header -> width: 950px;
					head -> width: 950px;
			
				wrap -> width: 950px;
					container -> width: 950px;
						content -> width: 950px;
							bloc-2
							bloc-3
						
				bottom
					footer
*/

/* Reset Browser Default */ 
/*@import url(css/reset.css); /**/

/* Template. Main areas
***************************************************************************** */

	@font-face {
 font-family: Eras;
 src: url('/font/ERASLGHT.TTF');
}
body {
	margin: 0;
	background-color: #CCC;
	background-repeat: no-repeat;
}
ul {
	list-style-type: none;
}
a:link {
	text-decoration:none;
	color:#900;
}
a:visited {
	text-decoration:none;
	color:#900;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#000;
	text-decoration:underline;
}
#wrapper {
	top: 0;
	width: 950px;
	position: relative;
	background-color: #FFF;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family:Eras;
}
#header {
	position: relative;
	background-image: url(css/images/back_tete.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
	width: 930px;
	margin: 0px;
	padding: 0px;
}
#head {
	width: 930px;
	position: relative;
	font-size:1.2em;
	padding-top:80px;
	text-shadow: 2px 2px 2px #ccc;
}
#head h2.titre1 {
	float:left;
	width:256px;
	text-align:center;

	padding-left:10px;
}
#head h2.titre2 {
	margin-left:378px;
	width:552px;
	text-align:center;

	
}
#container {
	position:relative;
	width:930px;
	height:700px;

	background-repeat: no-repeat;
	background-position:10px bottom;
	background-color: #FFF;
}
#content {
	position:relative;
	width:930px;
	height:450px;
	background-color: #FFF;
	background-image: url(css/images/back_mid.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight:bold;
}
#content ul {
	line-height:1.8em;
}
#bloc-2 a:link {
	text-decoration:none;
	color:#2c5c97;
}
#bloc-2  a:visited {
	text-decoration:none;
	color:#2c5c97;
}
#bloc-2  a:hover {
	color:#193557;
	text-decoration:underline;
}
#bloc-2  a:active {
	color:#193557;
	text-decoration:underline;
}
div#bloc-2  {
	position:relative;
	line-height:1.8em;
	padding-top:100px;
	height:315px;
}
div#bloc-2  li.gauche {
	float:left;
	width: 250px;
	display:inline;
	text-align:right;
}
div#bloc-2  li.droite {
	float:left;
	display:inline;
	width:450px;
	padding-left:90px;
}
#bloc-3 {
	position:relative;
	height:300px;
	display:block;
}
#content h2 {
	position:relative;
	
	display: inline;
	font:1.2em;
	text-shadow: 2px 2px 2px #ccc;
	padding-left: 130px;
	margin-bottom: 50px;
}
ul#bloc_langue {
	display: inline;

	height:300px;
	padding-left: 120px;
	margin-bottom: 50px;
}
ul#bloc_langue li {
	display:inline;
	width:200px;
	height:300px;
	font-size:bold;
}
p#lien-bas {
	display:block;
	position:relative;
	
}

#bottom {
	position:relative;
	width:930px;
	
	height: 21px;
}
div#footer {
	position:relative;
	width:910px;
	border-top: 1px solid #ba1313;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
div#footer ul {
	float: right;

	display:block;
	margin: 0px;
	padding: 0px;
}
div#footer ul li {
	display:inline;
}
div#footer  ul li a {
	height: 20px;
	line-height: 20px;
	background-image: url("./images/puce.png");
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 35px;
}
p#copyright {
	font-size:0.8em;
	text-align:left;
	width:200px;
	height: 20px;
	line-height: 20px;
	margin-top: 0px;
	padding-top: 0;
		padding-bottom: 0;
	padding-left: 15px;
}
.hidden {
	visibility:hidden;
}
.clear, .clearfix {
	clear: both;
	height: 0;
}

.clear, .clearfix {
	clear: both;
	height: 0;
}