/**
 * @author: Willy lougne Nsangou
 * www.genuine-tech.com
 * genuine technology
 */
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-image:url(../images/degrade_bg.png);
	background-repeat:repeat-x;
	background-color:#4672AF;
}

body .ie{
	background-image:url(../images/degrade_bg2.png);
	background-repeat:repeat-x;
	width: inherit;
	padding:0;
	margin:0;
	background-color:#3B66A6;
	padding-bottom:20px;
}

ul li a:focus{
	outline:none;
}

*{list-style:none;padding:0;margin:0;}

ul,ol,li{
	list-style:none;
	margin:0;
	padding:0;
}

#conteneur{
	position:static;
	width:955px;
	margin: 0 auto;
	height:100%;
	padding-bottom:0;
	background-color:white;
}

.ie #conteneur{
	height:100%;
}

.ie6 #conteneur{
	position:relative;
	width:955px;
	margin: 0 auto;
	height:100%;
	padding-bottom:0;
	background-color:white;
}

/* Menu du haut */
#top_menu{
	background: transparent url(../images/left-top-menu.png) top left no-repeat;
	height:38px;
	padding-right:17px;
	padding-left:15px;
}

#left-menu{
	background:transparent url(../images/mid-top-menu.png) center repeat-x ;
	height:38px;	
	line-height:38px;
	color:white;
	font-family: "tahoma";
	font-weight:bold;
	font-size:0.95em;
	position:relative;
}

#left-menu ul{
	margin-left: 100px;
}

#left-menu li{
	float:left;
	text-align:center;
	width:110px;
	height:38px;
	display:block;
}


#left-menu li a{
	width:110px;
	height:38px;
	display:block;
	color:white;
	text-decoration:none;
}

#left-menu li a:hover{
	color:#F6ED3B;
}

#left-menu .list-item{
	position:absolute;
	z-index:50;
	margin-left:10px;
	font-size:0.9em;
	background: transparent url(../images/back-tit.png) repeat;
	border: solid #C8C8C8 1px;
	border-top-color:#C8C8C8;
}

.ie #left-menu .list-item{
	margin-left:-50px;
}

#left-menu .list-item li{
	float:none;
	height:25px;
	line-height:25px;
	width:120px;
	display:block;
}

#content{
	padding-top:45px;
	background: transparent url(../images/deg-new.png) repeat-x;
}

#left-menu .list-item li a{
	float:none;
	color:white;
	height:25px;
	line-height:25px;
	width:120px;
	font-size:0.9em;
}

#left-menu .list-item li a:hover{
	color:#F6ED3B;
}

#right-menu{
	background: transparent url(../images/right-top-menu.png) top right no-repeat;
	height:38px;
}


/* Image principale */

 #image-big{
 	height:250px;
	width:100%;
	background:#0153A5 url(../images/main.jpg) bottom center no-repeat;
 }
 
 #image-1{
	
	float:left;
	margin-left:750px;
	margin-top:20px;
	position:relative;
 }
 
 #image-1 img{
 	
 }

 /* FOOTER et ses effets */

#footer{
	position:relative;
	margin-top:80px;
	bottom:0;
	width:100%;
	height:40px;
	font-size:0.7em;
	clear:both;
	background: url(../images/footer-deg.png) top left repeat-x;
}

.ie #footer{
	position:relative;
	margin-top:80px;
}

#footer ul{
	margin-left:30px;
}

#footer li{
	float:left;
	font-size:0.9em;
	margin-left:20px;
	color:white;
}

#footer a{
	float:left;
	line-height:40px;
	text-decoration:none;
	height:40px;
	color:white;
	text-align:center;
	display:block;
	
}

#footer a:hover{
	text-decoration:underline;
	color:#F6ED3B;
}

#footer .list-item{
	position:absolute;
	z-index:5;
	color:black;
	bottom:40px;	
	margin-left:-40px;
	padding-top:18px;
	font-size:11px;
	background:url(../images/pop-up.png) top left no-repeat;
}

.ie #footer .list-item{
	margin-left:-90px;
}

#footer .list-item li{
	float:none;
	padding:0;
	margin:0;
}


#footer .list-item li a{
	float:none;
	color:white;
	text-align:center;
	height:20px;
	line-height:20px;
	width:130px;
	display:block;
}

#footer .list-item li a:hover{
	color:#F6ED3B;
}

#active{
	color:black;
}

#footer #copyright{
	background:url(../images/copyright.png) top left no-repeat;
	height:30px;
	width:104px;
	display:block;
	position:absolute;
	margin-left:830px;
	margin-top:5px;
	z-index:1500;
}

.ie #footer #copyright{
	margin-left:25px;
}

#footer #copyright span{
	display:none;
}


/* formatage standard pour les polices */

.clear{
	clear:both;
}
.column-1,.column-2{
	width:325px;
}

.ie6 .column-1,.ie6 .column-2{
	width:290px;
}

.column-1 img,.column-2 img{
	float:left;
	padding:5px;
}

.column-1 {
	float:left;
	margin-right: 5px;
	margin-left: 10px;
}
.column-2{
	float:right;	
	margin-right: 10px;
	margin-left: 5px;
}
.panel h2 a{
	text-decoration:none;
	color:#0053A1;
}
.panel h2 a:hover{
	color:#0053A1;
	text-decoration:underline;
}

.column-1 h2,.column-2 h2{
	font-family:"Lucida Grande",Arial,Verdana,sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	color:#0053A1;
}
 
 
.column-1 h3, .column-2 h3{
 	color:#333333;
	font-size:14px;
 }
 
 
 .column-1 p, .column-2 p{
 	text-indent:25px;
	font-size:12px;
	line-height:18px;
	font-family:"Lucida Grande",Arial,Verdana,sans-serif;
	font-size-adjust:none;
	color:#555555;
 }
 .simple{
 	text-indent:25px;
	font-size:12px;
	line-height:18px;
	font-family:"Lucida Grande",Arial,Verdana,sans-serif;
	font-stretch:normal;
	color:#555555;
 }
 .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.ie .spip_documents_right{margin-right:25px;}
.ie6 .spip_documents_right{margin-right:10px;}
 p.spip{clear:both;font-size:14px;}
 h3.spip{clear:both;margin-top:30px;}
  #text-info p:first-letter{
 	text-transform:capitalize;
	font-family:"Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	font-size:16px;
 }
#image-section{
	margin-left:10px;
	margin-top:50px;
	width:190px;
}

.panel .simple he{
	color:#0053A1;
}
#retour{
	text-align:center;
}
#retour a{
	color:#000;
	text-decoration:none;
	height:21px;
	display:block;
	width:70px;
	padding:1px;
	background: url(../images/retour.jpg) top left no-repeat;
	font-size:0.75em;
	margin:20px auto;
	font-weight:bold;
	line-height:18px;
}

#retour a:hover{
	color:#fff;
}