/*
Mes couleurs:

Gris:	#333
Jaune:	#fff200

Bleu:	#3399cc
Brun:	#46310a
*/

/* Les balises */
/******************************************************************************************/

html{
	background-image: url('../images/design/BackGroundText.gif');
	margin: 0px;
	padding: 0px;
	
	width:100%;
}

body{	
	background-image: url('../images/design/degrad_01.png');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family:Calibri, Arial, sans-serif;
	color:#333;
	width:100%;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}

 
h1{
	
}

h2{
	
}

h3{
	
}
h4{
	background-color:#333;
	color:#fff;
	
	font-size:1.2em;
}

h6{
	
}

a{
	color: #3399cc;
	text-decoration:none;
}
a:hover{
	color:#3399cc;
	text-decoration:underline;
}

strong{
	
}

label {
	
}

hr{
	
}

textarea{
	
}

input{
	
}
input:active{
	
}

input:hover{
	
}

/* Mes id */
/******************************************************************************************/

#header {
	width:100%;
	height: 383px;
	background-image: url('../images/design/header.gif');
	background-position: center;
	background-repeat:no-repeat;
	
	overflow:hidden;
	
	text-align:center;
}

#corps{
	max-width:1000px;
	margin:auto;
	margin-top:0px;
	background-image: url('../images/design/corps_bottom.png');
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#333;

} 

#footer{
	width:100%;
	height: 447px;
	background-image: url('../images/design/footer.png');
	background-position: center;
	background-repeat:no-repeat;
}

#body2{	
	background-image: url('../images/design/degrad_02.png');
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0px;
	margin-left: 0px;
	height:100%;
	width:100%;
}
#corrector{
	width:100%;
	height: 335px;
	background-image: url('../images/design/corps_overflow.png');
	background-position: center;
	
	position:relative;
	bottom:335px;
	
	z-index:0;
}
#menu{
	min-width:1000px;

	position:absolute;
	top:255px;
}
#menu img{
	margin:0;
}
#menu_FREN{
	float:right;
}
#menu img:hover{
	margin:0;
	position:relative;
	top:3px;
}

/*paper!!*/
.paper{
	position:relative;
	max-width:894px;
	margin:auto;
	z-index:1;
}

.papertop{
	background-image:url('../images/design/papertop.png');
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:50px;
	padding-right:25px;
	
	height:241px;
	
}
.papertext{
	background-image:url('../images/design/news_02.png');
	background-repeat:repeat-y;
	padding-left:50px;
	padding-right:25px;
	padding-bottom:25px;
	margin-top:-75px;
}
.paperbottom{
	background-image:url('../images/design/news_03.png');
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:70px;
	padding-right:25px;
	
	height:217px;
	
}

.download{
	display:block;
	border-bottom:1px solid #3399cc;
}
.download a:hover, .download:hover{
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #333;
}
.fmore{
	display:block;
	border-top:1px solid #3399cc;
}
.fmore a:hover, .fmore:hover{
	color:#333;
	text-decoration:none;
	border-top:1px solid #333;
}
/* Les class que j'ai inventées */
/******************************************************************************************/

.center-block{
	text-align:center;
}

.thumb{
	margin:2px;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity:0.9; /* Mozilla */
	-khtml-opacity: 0.9; /* Safari */
	opacity: 0.9; /* CSS3 */

}
.thumb:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* Mozilla */
	-khtml-opacity: 1; /* Safari */
	opacity: 1; /* CSS3 */
}

.imgfloatleft{
	float:left;
	margin:3px,3px,3px,3px;

}

.imgfloatleft input{
	background-color:inherit;
}

.imgfloatright{
	float:right;
	margin:3px,3px,3px,3px;

}

.clear{
	clear:both;
}
.blockRight{
	float: right;
	width:250px;
	padding-left:25px;
}
.spacedul li{
	margin:4px;
}