/* CSS test-psychologique.fr *** hoby 07/2009 */
body{
	background:url(../images/bg_all.jpg) #fff repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	}

#container{
	width:1024px;
	height:auto;
	padding:0;
	margin:0 auto;
	/*background:url(../images/bg_middle.jpg) repeat-y;*/
	}
	
#header{
	width:984px;
	height:auto;
	padding:14px 20px 0px 20px;
	/*background:url(../images/bg_up.png) top no-repeat;*/
	color:#2ca9fd;
	font-size:11px;
	overflow:hidden;
	}
#header span{
	display:block;
	float:right;
	padding-right:13px;
	}	
	
#menu{
	background:url(../images/menu_inact.jpg) repeat-x;
	width:1007px;
	height:46px;
	margin:0 auto;
	}
	
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#menu ul li{
	font-weight:bold;
	float:left;
	padding:17px 20px;
	}
	
#menu ul li a{
	color:#fda9ca;
	text-decoration:none;
	}
	
#menu ul li a:hover{
	text-decoration:none;
	color:#fff;
	}
	
#menu ul li.current{
	background:url(../images/menu_act.jpg) repeat-x;
	}
	
#menu ul li.current a{
	color:#FFF;
	}
	
#content{
	width:994px;
	height:auto;
	display:block;
	overflow:hidden;
	padding:0px 15px 10px 15px;
	}
	
.clear{
	clear:both;}
	
#topleft{
	width:500px;
	height:auto;
	display:block;
	float:left;
	}
	
.bloc{
	border:1px solid #dadada;
	float:left;
	background:url(../images/top.jpg) top left no-repeat;
	margin-left:5px; 
	width:250px; 
	height:auto; 
	padding:40px 5px 5px 5px;
	}
	
hr{
	clear:both;
	height:4px;
	background:#e4e4e4;
	border:none;
	}

.bloclink{
	width:75px;
	float:left;
	display:block;
	font-size:10px;
	text-align:left;
	}

.blocktext{
	float:left; 
	display:block; 
	width:175px; 
	padding-bottom:10px;
	}

h2{
	color: #ff0066;
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 15px 0px;
	}
	
h3{
	color:#0099FF;
	font:bold 13px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	}
	
a{
	color:#ff0066;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
img{
	border:none;
	}
	
.picto{
	float:left;
	margin-right:5px;
	}
	
.suite{
	background:url(../images/suite.gif) top left no-repeat;
	padding-left:9px;
	}
	
.blue{
	color:#0099FF;
	}
	
.perso{
	background:url(../images/ico_perso.jpg) top left no-repeat;
	height:45px;
	width:auto;
	display:block;
	padding-left:60px;
	padding-top:10px;
	}
	
.emploi{
	background:url(../images/ico_emploi.jpg) top left no-repeat;
	height:45px;
	width:auto;
	display:block;
	padding-left:60px;
	padding-top:10px;
	}
	
.orien{
	background:url(../images/ico_orien.jpg) top left no-repeat;
	height:45px;
	width:auto;
	display:block;
	padding-left:60px;
	padding-top:10px;
	}
	
.intello{
	background:url(../images/ico_intello.jpg) top left no-repeat;
	height:45px;
	width:auto;
	display:block;
	padding-left:60px;
	padding-top:10px;
	}

.menu_span{
	float:left;
	margin-top:20px;
	width:210px;
	}
	
.menu_span ul{
	list-style:none;
	margin:0;
	padding:10px 0 0 60px;
	width:130px;
	}
	
.menu_span ul li{
	padding-bottom:5px;
	padding-top:2px;
	border-bottom:1px solid #999999;
	}
	
.menu_span ul li a{
	color:#000000;
	text-decoration:none;
	}
	
.menu_span ul li a:hover{
	text-decoration:none;
	color: #3399FF;
	}
	
.menu_ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px;
	margin-left:40px;
	display:block;
	}
	
.menu_ul li{
	margin:10px 0 0 0;
	}
	
.small{
	font-size:10px;
	}
	
.span_bloc{
	margin-left:15px;
	float:left;
	width:227px;
	text-align:left;
	}
	
.span_bloc2{
	margin-left:15px;
	margin-bottom:10px;
	float:left;
	width:330px;
	text-align:left;
	padding-bottom:10px;
	display:block;
	border-bottom:1px dashed #CCCCCC;
	}
	
.bloc_left{
	border:1px solid #dadada;
	width:735px; 
	padding:10px 10px 10px 20px;  
	margin-bottom:5px;
	float:left;
	min-height:130px;
	}
	
.bloc_right{
	margin-left:5px; 
	width:210px; 
	height:auto; 
	padding:5px 5px; 
	border:1px solid #dadada;
	margin-bottom:5px;
	}
	
.bloc_right ul{
	list-style:none;
	padding:0;
	margin:0;
	}
	
.bloc_right ul li{
	margin:5px 0 0 0;
	border-bottom:1px dashed #cccccc;
	}
	
.bloc_right ul li a{
	height:30px;
	padding-left:60px;
	padding-top:20px;
	height:35px;
	margin:auto 0;
	display:block;
	}
	
.bottom_left{
	padding:0px 10px 10px 0px;  
	float:left;
	width:490px;
	text-align:justify;
	}
	
.zoom{
	margin-left:5px; 
	width:250px; 
	height:auto; 
	padding:37px 5px 5px 5px;
	border:1px solid #dadada;
	float:left;
	background:url(../images/zoom.jpg) top left no-repeat;
	}
	
.zoom_title{
	color:#fda9ca;
	padding:0;
	margin:0 auto 20px 20px;
	}
	
.zoom img{
	margin-left:33px;
	}
	
#footer{
	width:984px;
	height:auto;
	padding:20px 20px;
	/*background:url(../images/bg_down.png) bottom no-repeat;*/
	overflow:hidden;
	display:block;
	}
	
#footer span{
	float:left;
	width:220px;
	font-size:11px;
	display:block;
	margin-left:18px;
	}

#footer div{
	float:left;
	width:220px;
	font-size:11px;
	display:block;
	margin-left:18px;
	}

#footer img{
	margin-top:3px;
	margin-bottom:3px;
	}
	
#footer hr{
	clear:both;
	}

#footer ul{
	padding:0;
	list-style:none;
	margin:0;
	margin:10px 0;
	}
	
#footer ul a{
	text-decoration:none;
	color:#000000;
	}

#footer ul a:hover{
	text-decoration:none;
	}
	
.copyright{
	clear:both;
	text-align:center;
	}

.gratuit{
	border:1px solid #dadada;  
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	margin-left:5px; 
	width:250px; 
	padding:40px 5px 5px 5px;
	background:url(../images/gratuit.jpg) top left no-repeat;
	}
	
.gratuit a{
	color:#000000;
	text-decoration:none;
	}
	
.gratuit a:hover{
	text-decoration:underline; 
	}
	
.bloc_left2{
	border:1px solid #dadada;
	width:720px; 
	padding:10px 10px 10px 35px;  
	margin-bottom:5px;
	float:left;
	min-height:156px;
	}
	
.bloc_left3{
	width:725px; 
	padding:0px 10px 10px 30px;  
	margin-top:5px;
	float:left;
	}
	
.liste1{
	list-style:none;
	padding-left:105px;
	padding-top:15px;
	margin:0;
	}
	
.liste2{
	list-style-image: url(../images/suite.gif);
	padding:0;
	margin:0 0 0 30px;
	}
	
.liste3{
	list-style:none;
	padding-left:70px;
	margin:0;
	}
	
h4{
	color:#FF66CC;
	font:bold 12px Arial, Helvetica, sans-serif;
	}
	
h5{
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0;
	}
	
.sign{
	margin:5px 0 20px 0;
	padding:0;
	display:block;
	}