@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: ikaros;
	src: url(../fonts/ikaros.otf) format('truetype');
}

@font-face {
	font-family:pier;
	src: url(../fonts/pier.otf) format('truetype');
}

@font-face {
	font-family:charlevoix;
	src: url(../fonts/charlevoix.otf) format('truetype');
}


body
{
margin:0;
padding:0;
background:url(../img/light_texture.png);	
}

#menu_h
{
margin:0;
padding:0;
width:100%;
height:40px;
background:url(../img/menu_bare.png) repeat-x;	
}

#menu_h ul
{
margin:0 auto;
padding:0;
width:1024px;
}

#menu_h ul li 
{
margin:0;
padding:0;
list-style:none;
float:right;
margin-left:10px;
line-height:40px;
}

#menu_h ul li a
{
margin:0;
padding:0;
color:#ECE5E5;
text-decoration:none;
font-family:pier;
font-size:1.1em;
}

#menu_h ul li a:hover
{
margin:0;
padding:0;
color:#ADB8C5;
}





#banner
{
margin:0 auto;
padding:0;
width:1024px;
height:409px;
background:url(../img/Banner.png) no-repeat;	
}

#wrapper 
{
	margin: 0 auto;
	padding: 0px;
	width: 1024px;
	
}

#footer 
{
	background:url(../img/Dark_texture.png);
	margin: 0;
	padding: 0px;
	height: 176px;
	width:100%;
	margin-top:40px;
	float:left;
	padding-top:300px;
}

#footer img
{
margin:0;
padding:0;
width:100%;
height:200px;
}

#right_side 
{
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 29%;
	float: left;
	}


#right_side ul
{
	margin: 0px;
	padding: 0px;
}

#right_side ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin: 7px;
	border-bottom: 1px #6E6E6E dotted;
	background: none;
}

#right_side ul li a
{
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	font-family:pier;
	font-size:1.0em;
	color:#2D2D35;
}

#right_side ul li a:hover , #right_side ul li:hover
{
background:#072226;
color:#ECEDEF;
width:100%;

}


#content 
{
	background-color: #FCFDFF;
	margin: 0px;
	padding: 0px;
	width: 70%;
	float: left;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #888888;
}

#content h3
{
	margin:0;
	padding:0;
	color:#092E32;
	font-family:pier;
	font-size:1.2em;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:10px;
}

#content p
{
	margin:0 auto;
	padding:0;
	color:#252525;
	font-family:charlevoix;
	font-size:1em;
	width:95%;
	text-align:justify;
}

#content img
{
margin:0;
padding:0;	
float:left;
margin-right:10px;
border:#F5F5F5 5px solid;
box-shadow:#969292 0 0 5px;
}


.two_col {
	padding: 5px;
	float: left;
	width: 45%;
	margin:10px;
	}
	
	
.boton
{
margin:0;
padding:5px;
background:#254A26;
color:#Fff;
font-family:ikaros;
font-size:1em;
float:right;
margin-right:10px;
border-radius:5px;
box-shadow:#8F8E8E 1px 1px 5px;	
}

#content h2
{
	margin:0;
	padding:0;
	color:#092E32;
	font-family:pier;
	font-size:1.3em;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:10px;
}

#actu
{
margin:0 auto;
padding:0px;
background:#e5e5ee;
width:90%;
border:1px solid #999;
border-radius:5px;
padding-bottom:10px;
margin-bottom:10px;
min-height:180px;
}

#pagination
{
margin:0 auto;
padding:0;
width:200px;
height:40px;
background:#031E32;
border-radius:20px;
}

#pagination a
{
margin:0;
padding:0;
width:35px;
height:35px;
line-height:35px;
background:#CCFDFC;
border-radius:35px;
color:#003;
text-decoration:none;
}

#search
{
margin:0 auto;
padding:5px;
width:90%;
height:75px;
background:#024553;
margin-top:20px;
}

#search h3
{
margin:0;
padding:0;
color:#fff;
font-family:Pier;
font-size:1em;
}

#prjs
{
margin:0 auto;
padding:0px;
background:#033;
width:90%;
border:1px solid #999;
border-radius:5px;
padding-bottom:10px;
margin-bottom:10px;
}

#prjs h3
{
margin:10px;
padding:0px;
color:#FFF;
font-family:pier;
font-size:1.2em;
}

#prjs p
{
margin:0 auto;
padding:0px;
color:#f2f2f2;
font-size:0.75em;
}

#prjs h6
{
margin:10px;
padding:0px;
color:#f2f2f2;
font-family:pier;
font-size:0.8em;
}


#prjs a
{
margin:0;
padding:10px;
width:200px;
background:#063;
float:right;
margin-bottom:10px;
margin-right:10px;
color:#FFF;
text-decoration:none;
font-family:charlevoix;
font-size:0.75em;
}

#prjs img
{
margin:0;
padding:0px;
margin-right:10px;
}

#content .formulaire
{
width:50%;
background:#CCC;
border:#666 1px solid;
margin:0 auto;
padding:10px;
margin-bottom:10px;
}

#connecter 
{
	background-color: #E6E6E6;
	padding: 5px;
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #999;
}

#connecter h3
{
margin:0;
padding:0;
color:#033;
font-family:pier;
font-size:1em;

}

#connecter input
{
margin:0;
padding:0;
background:#033;
color:#FFF;
margin-bottom:5px;
}

#connecter .botton
{
margin:0;
padding:0;
background:#CCC;
color:#666;
box-shadow:1px 0px 5px #333;
}

.lien_suplementaire
{
margin:0;
padding:0;
color:#033;
font-family:charlevoix;
font-size:1.2em;
text-decoration:none;
margin-bottom:10px;
}

.lien_suplementaire:hover
{
color:#F60;	
}

#element
{
	margin:0 auto;
	padding:0px;
	background:#CCC;
	border:#666 1px solid;
	width:80%;
	height:35px;
	margin-top:20px;
}
 
.btn_insertion
{
margin:0;
padding:3px;
background:#033;
color:#CCC;
box-shadow:1px 0px 5px #333;
line-height:25px;
font-size:25px;
font-family:pier;
border-radius:5px;
margin-bottom:40px;
margin-left:30px;
}

.mod
{
margin:0;
padding:5px;
color:#FFF;
background:#C60;
text-decoration:none;
border-radius:5px;
float:right;
margin-right:5px;
}

.sup
{
margin:0;
padding:5px;
color:#FFF;
background:#F00;
text-decoration:none;
border-radius:5px;
float:right;
margin-right:5px;
}

#content h3
{
margin:0;
padding:0;
float:left;
line-height:40px;
margin-left:10px;
}

#footer h2
{
padding: 0;
margin: 0;
color: #333;
font-family:ikaros;
font-size:1em;
text-align:center;
height:10px;
}