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

body{
	background:#393939 url(img/bg.png) top center repeat-x;
	position:relative;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}

a{	
	color:#4097e0;
	font-weight:bold;
}
h1 {
	margin:0;
	padding:0;
	font-size:15px;
	color:#ff5d05;
}
h2 {
	margin:0;
	padding:0;
	font-size:14px;
	color:#ff5d05;
}
h3 {
	margin:0;
	padding:0;
	font-size:13px;
	color:#ff5d05;
}

#warpper{
	background:#393939 url(img/top.png) top center no-repeat;
	width:980px;
	height:100%;
	margin:0px auto;
	position:relative;
	padding:0;
}
#warp{
	width:980px;
	height:100%;
	margin:0px auto;
	position:relative;
	padding:0;
}
#header{
	height:105px;
	position:relative;
	width:100%;
	top: 50px;
}
#contentwarp{
	background:#fff url(img/bgcontent.png) top center repeat-y;
	width:980px;
	height:100%;
	margin:0px auto;
	position:relative;
	padding:0;
	vertical-align:top;
}
#contentwarp p {
	padding: 0 ;
	padding:0;
}
#content{
	position:relative;
	width:100%;
	height:100%;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	background-color: #FFF;
}

/* NAV */
#nav{
	background:#fff url(img/bgnav.png) top center no-repeat;
	position:relative;
	width:100%;
	height:40px;
	font-weight:bolder;
}
#nav a {
	color:#FFF;
	text-decoration:none;
}
#navaccueil{
	float:left;
	text-align:center;
	padding: 12px;
	color: #FFF;
}

/* TOP */
#top{	
	position:relative;
	width:100%;
	height:217px;
	margin-bottom:8px;
}

/* */
#users{	
	background: url(img/users.png) top center no-repeat;
	position:relative;
	width:100%;
	height:160px;
	margin-bottom:10px;
}
.userstitle{
	padding:9px 10px 15px 52px;
	font-size:17px;
	font-weight:bolder;
	color:#d51360;
}
.userscontent{
	width:100%;
	text-align:center;
	margin-left:50px;
}
a img{
	border:0;
}
.usersimg img{
border: 3px solid #fff;
margin-right:20px;
}

.usersimg:hover img{
border: 3px solid #fff;
}

.usersimg:hover{
color: #fff; /* Dummy definition to overcome IE bug */
}

/* Left Col */ 

.leftcol{
	float:left;
	width:200px;
	height:100%;
	margin-bottom:10px;
	vertical-align:top;
}
.leftcol ul li {
	margin: 0 0 0 -25px;
}

.leftcoltop{
	background: url(img/leftcoltop.png) top center no-repeat;
	width:200px;
	height:30px;
}
.leftcoltopcontent{
	padding:3px 5px 5px 10px;
	text-align:center;
}
.leftcoltopcontent h1{
	font-size:17px;
	font-weight:bolder;
	color:#fff;
}
.leftcolmiddle{
	background: url(img/leftcolmiddle.png) top center repeat-y;
	width:200px;
}
.leftcolmiddlecontent{
	padding:1px 10px 15px 10px;
}
.leftcolmiddlecontent p {
	padding: 5px 0 5px 0;
	margin:0;
}
.leftcolbottom{
	background: url(img/leftcolbottom.png) top center no-repeat;
	width:200px;
	height:10px;
}


/* Mid Col */ 

.midcol{
	float:left;
	width:480px;
	height:100%;
	margin: 0 20px 10px 20px;
	vertical-align:top;
}
.midcol ul li {
	margin: 0 0 0 -25px;
}

.midcoltop{
	width:480px;
}
.midcoltopcontent{
	padding:3px 5px 5px 10px;
	margin-bottom:5px;
	font-size:15px;
	font-weight:bolder;
	color:#ff5d05;
}
.midcoltopcontent h1{
	margin:0;
	padding:0;
	font-size:15px;
	color:#ff5d05;
}
.midcolmiddle{
	width:480px;
}
.midcolmiddlecontent{
	padding:1px 10px 15px 10px;
}
.midcolmiddlecontent p {
	padding: 5px 0 5px 0;
	margin:0;
}
.midcolbottom{
	width:480px;
	height:10px;
}


/* Right Col */ 

#rightcol{
	float:right;
	width:240px;
	height:100%;
	margin-bottom:10px;
	vertical-align:top;
}
.rightcol ul li {
	margin: 0 0 0 -25px;
}

.rightcoltop{
	background: url(img/rightcoltop.png) top center no-repeat;
	width:240px;
	height:30px;
}
.rightcoltopcontent{
	padding:3px 5px 5px 10px;
	text-align:center;
}
.rightcoltopcontent h1{
	font-size:17px;
	font-weight:bolder;
	color:#fff;
}
.rightcolmiddle{
	background: url(img/rightcolmiddle.png) top center repeat-y;
	width:240px;
}
.rightcolmiddlecontent{
	padding:10px 5px 5px 5px;
}
.rightcolmiddlecontent p {
	padding: 5px 0 5px 0;
	margin:0;
}
.rightcolbottom{
	background: url(img/rightcolbottom.png) top center no-repeat;
	width:240px;
	height:10px;
}

/* Divers styles */

.evidencevert{
	color:#60a8e5;
	font-weight:bold;
}

#footer{	
	clear:both;
	background-color:#111111;
	color:#FFF;
	position:relative;
	width:100%;
	height:100%;
	padding:15px 25px 10px 25px;
	text-align:center;
	font-size:11px;
	margin-top:30px;
}
#footer a{	
	color:#ff5d05;
}