BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg1.jpg) repeat-x #c8e8f4;
}
#page
	{
		width:950px;
		margin-left:auto;
		margin-right:auto;
		
	}

#haut{
		width:950px;
		height:204px;
		padding-top:4px;
}

#logo{
		width:300px;
		position:relative; 
		margin:0 auto; 
		float:left;
}

#animation{
		width:611px;
		position:relative; 
		margin:0 auto; 
		float:right;
	}


#menu{
		width:611px;
		height:41px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		float:right;
		background:url(../images/menubg.jpg) no-repeat;
	}
#menu ul{
		display: block; 
		position:relative;
		width:595px; 
		height:41px;
		margin:0 auto;
		float:right;
		padding-left:15px;
	}
#menu ul li{
		height:30px;
		display:inline;
		position:relative;
		padding-top:10px;
		padding-left:10px;
		float:left;
		color:#FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		text-align:left;
	}
#menu ul li a{
		text-align:left;
		height:41px; 
		line-height:22px;
		color:#FFF;
		text-decoration:none;
		font-family: "Trebuchet MS";
		font-size:15px;
		font-weight:bold;
		padding-right:14px;
	}
#menu ul li a:hover{

		text-align:left;
		height:40px; 
		line-height:22px;
		color: #f0f1bc;
		font-family: "Trebuchet MS";
		font-size:15px;
		font-weight:bold;
}
#menu ul li a.hover
	{ 
		height:40px;  
		color: #f0f1bc;
		line-height:22px;
		font-family: "Trebuchet MS";
		font-size:15px;
		font-weight:bold;
	}

#contenu
	{
		float:left;
		position:relative;
		width:792px;
		background:#FFFFFF;
		height:100%;
		color:#333333;
		margin-left:auto;
		margin-right:auto;

	}



#bas{
	clear:both;
	position:relative;
	width:792px;
	float:left;
	height:83px;
	background:url(../images/bas.png) no-repeat;
}
#bas p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFFFFF;
		line-height:20px;
		position:relative;
	}
	
#baslien
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #006699;
		width:750px;
		float:left;
		line-height:22px;
		position:relative;
		padding:30px 0 0 20px;
	}
	
#baslien a , #baslien a:visited , #baslien a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #006699;
		line-height:20px;
		text-decoration:none;
	}
#baslien a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #CC0000;
		line-height:20px;
		text-decoration:underline;
	}
	
#edirect
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FFFFFF;
		width:792px;
		float:left;
		height:20px;
		line-height:20px;
		position:relative;
	}
	
#edirect a , #edirect a:visited , #edirect a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #FFCC00;
		line-height:20px;
		text-decoration:none;
	}
#edirect a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #CC0000;
		line-height:20px;
		text-decoration:underline;
	}
	
#contenuhaut
	{
		width:960px;
		height:15px;
		position:relative; 
		float:left;
		background:url(../images/haut.png) !important;
		background:url(../images/haut.gif);
		margin-top:5px;
	}
#contenumilieu
	{
	width:960px;
	height:auto;
	position:relative;
	float:left;
	background:url(../images/contenu.png) repeat-y !important;
	background:url(../images/contenu.gif) repeat-y;
	}	
#contenubas
	{
		width:960px;
		height:15px;
		position:relative; 
		float:left;
		background:url(../images/bas.png) !important;
		background:url(../images/bas.gif);
	}
#colonegauche
	{
	width:218px;
	height:auto;
	position:relative;
	float:left;
	left:19px;
	top:-41px;
	}
#recherche
	{
		width:212px;;
		height:193px;
		position:relative; 
		float:left;
		left:3px;
		background:url(../images/recherche_bg.gif);
	}
#loupe
	{
		width:54px;;
		height:31px;
		position:relative; 
		float:left;
	}
#titrerech
	{
		width:155px;;
		height:32px;
		position:relative; 
		float:left;
		line-height:32px;
		text-align:left;
		font-size:12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-weight:bold;
	}
#contenurech
	{
	width:180px;
	height:130px;
	position:relative;
	float:left;
	left:22px;
	top:25px;
	}
#membre
	{
		width:212px;;
		height:179px;
		position:relative; 
		float:left;
		left:3px;
		top:5px;
		background:url(../images/membre.gif) no-repeat;
	}
#contenumembre
	{
	width:190px;
	height:105px;
	position:relative;
	float:left;
	left:22px;
	top:10px;
	color: #FFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
#contenumembre1
	{
	width:190px;
	height:105px;
	position:relative;
	float:left;
	left:11px;
	top:0px;
	color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenumembre2
	{
	width:150px;
	height:50px;
	position:relative;
	float:left;
	line-height:20px;
	padding-left:15px;
	}
#contenumembre3
	{
	width:115px;
	height:50px;
	position:relative;
	float:left;
	line-height:20px;
	}
#btmembre2
	{
	width:71px;
	height:24px;
	position:relative;
	float:left;
	top:13px;
	}	
#contenupartenaire {
	width:195px;
	height:150px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	color: #0D98E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}
#contenupartenaire a{
	text-decoration:none;
	color: #0D98E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenupartenaire a:hover{
	text-decoration: underline;
	color: #0D98E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#livre
	{
		width:54px;
		height:45px;
		position:relative; 
		float:left;
	}
#ban
	{
		width:692px;
		height:93px;
		position:relative; 
		float:left;
		left:25px;
		padding-top:10px;
	}
#cat
	{
		width:234px;
		height:397px;
		position:relative; 
		float:left;
		left:23px;
		top:20px;
		background:url(../images/bg_cat.gif) no-repeat;
	}
#titrecat
	{
	width:206px;
	height:50px;
	position:relative;
	float:left;
	left:13px;
	line-height:34px;
	color:#058fca;
	font-family:"Tw Cen MT";
	font-size:17px;
	}
#contenucat
	{
	width:195px;
	height:340px;
	position:relative;
	float:left;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	}
#contenucat a
	{
	text-decoration:none;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenucat a:hover
	{
	text-decoration: underline;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#copy
	{
	width:958px;
	height:61px;
	float:left;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/bg_copy.jpg) center no-repeat;
	line-height:20px;
	}
#menubas
	{
	width:641px;
	height:40px;
	position:relative;
	float:left;
	left: 28px;
	top: 11px;
	}
#menubas a
	{
	text-decoration:none;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#menubas a:hover
	{
	text-decoration:none;
	color:#FFF ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:#FFFFFF 1px dotted;
	}
#copyright
	{
	width:236px;
	height:40px;
	position:relative;
	float:left;
	left: 50px;
	top: 11px;
	}
#copyright a
	{
	text-decoration:none;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#copyright a:hover
	{
	text-decoration:none;
	color:#FFF ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:#FFFFFF 1px dotted;
	}
.input
	{
		width:166px;
		height:20px;
		border:#666666 1px solid;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:#FFFFFF;
		line-height:20px !important;
		line-height:15px;
		color:#737372;
		font-size:11px;
		padding:2px;
	}
.input1
	{
		width:166px;
		height:20px;
		border: #CCCCCC 1px solid;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:#FFFFFF;
		line-height:20px !important;
		line-height:15px;
		color:#737372;
		font-size:11px;
		padding:2px;
	}
.inputext
	{
		width:155px;
		height:16px !important;
		height:18px;
		border:#666666 1px solid;
		background:#FFFFFF;
		line-height:18px !imoprtant;
		color:#737372;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:8px;
		line-height:15px;
	}
.inputext2
	{
		width:155px !important;
		width:166px;
		height:20px !important;
		height:20px;
		border:#666666 1px solid;
		background:#FFFFFF;
		line-height:18px;
		color:#737372;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:8px;
		padding-top:3px !important;
		padding-top:0px;
	}
.inpuarea
	{
		width:155px;
		height:55px;
		border:#666666 1px solid;
		background:#FFFFFF;
		line-height:18px;
		color:#737372;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:8px;
		padding-top:3px !important;
		padding-top:0px;
	}
.inpuarea2
	{
	width:550px;
	height:75px;
	border:#666666 1px solid;
	background:#FFFFFF;
	}
.rechavance
	{
		color:#FFFFFF;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
.rechavance a
	{
		color:#FFFFFF;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
.rechavance a:hover
	{
		color:#f0f1bc;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
.rechavance2
	{
		color:#0D98E3;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:18px;
	}
.rechavance2 a
	{
		color:#0D98E3;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
.rechavance2 a:hover
	{
		color:#0D98E3;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
#contact
	{
		width:690px;
		height:397px;
		position:relative; 
		float:left;
		left:26px;
		top:20px;
		background:url(../images/bg_contact.jpg) no-repeat;
	}
#inscri
	{
	width:705px;
	height:auto;
	position:relative;
	float:left;
	left:26px;
	top:20px;
	background:url(../images/bg_inscri.gif) no-repeat;
	}
#pagecontenu
	{
	width:705px;
	height:auto;
	position:relative;
	float:left;
	left:26px;
	padding-top: 20px;
	}
#pagecontenuh
	{
	width:690px;
	height:12px;
	position:relative;
	float:left;
	background:url(../images/bghaut.gif) left no-repeat;
	}
#pagecontenum
	{
	width:690px;
	height:auto;
	position:relative;
	float:left;
	background:url(../images/bgmilieu.gif) left repeat-y;
	}
#pagecontenum2
	{
	width:680px;
	min-height:380px;
	height:auto;
	position:relative;
	float:left;
	}
#pagecontenum3
	{
	width:690px;
	height:auto;
	position:relative;
	float:left;
	}
#pagecontenub
	{
	width:690px;
	height:12px;
	position:relative;
	float:left;
	background:url(../images/bgbas.gif) left no-repeat;
	}
#client
	{
	width:650px;
	height:102px;
	position:relative;
	float:left;
	left:10px;
	border-bottom:#ccc 1px dotted;
	}
#logoclient
	{
	width:92px;
	height:67px;
	position:relative;
	float:left;
	left:10px;
	top:10px;
	padding:2px;
	border: #CCCCCC 1px solid;
	}
#contenuclient
	{
	width:500px;
	height:90px;
	position:relative;
	float:left;
	left:20px;
	top:10px;
	line-height:18px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenuclient a
	{
	text-decoration:none;
	line-height:18px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenuclient a:hover
	{
	text-decoration: underline;
	line-height:18px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#client2
	{
	width:650px;
	height:auto;
	position:relative;
	float:left;
	left:10px;
	}
#contenuclient2
	{
	width:630px;
	height:auto;
	position:relative;
	float:left;
	left:20px;
	padding-top:10px;
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#titrecontact
	{
	width:675px;
	height:auto;
	position:relative;
	float:left;
	left:13px;
	line-height:34px;
	color:#058fca;
	font-family:"Tw Cen MT";
	font-size:17px;
	border-bottom: #BDD97B 1px dotted
	}
#titrecontact2
	{
	width:650px;
	height:auto;
	position:relative;
	float:left;
	left:13px;
	line-height:34px;
	color:#058fca;
	font-family:"Tw Cen MT";
	font-size:17px;
	border-bottom: #BDD97B 1px dotted
	}
#titrecontact3
	{
	width:675px;
	height:auto;
	position:relative;
	float:left;
	left:13px;
	padding-top:5px;
	line-height:18px;
	color: #62bcec;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#titrecontact3 a 
	{
	text-decoration: none;
	line-height:18px;
	color:#0D98E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#titrecontact3 a:hover
	{
	text-decoration:underline;
	line-height:18px;
	color: #0D98E3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenucontact
	{
	width:320px;
	height:280px;
	position:relative;
	float:left;
	top:20px;
	top:0px !important;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	}
#contenucontact5
	{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	padding-top:30px;
	top:0px !important;
	left:110px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	}
#contenucontact1
	{
	width:320px;
	height:280px;
	position:relative;
	float:left;
	top:0px;
	top:20px !important;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	}
#contenucontact p
	{
		height:auto;
	}
#btcontact
	{
	width:660px;
	height:auto;
	position:relative;
	float:left;
	top:10px;
	left:13px;
	text-align:center;
	padding-left: 10px;
	}
#btcontact2
	{
	width:660px;
	height:250px;
	position:relative;
	float:left;
	top:10px !important;
	top:-20px;
	left:13px;
	text-align:center;
	padding-left: 10px;
	}
form.css label
	{
		display: inline;
		float: left;
		width:138px;
  	}
.text
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#8e8e8e;
		line-height:20px;
	}
#contenucontact1
	{
	width:660px;
	height:240px;
	position:relative;
	float:left;
	line-height:80px;
	text-align:center;
	vertical-align:middle;
	top:0px !important;
	top:-20px;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	}
#contenuinscri1
	{
	width:320px;
	height:auto;
	position:relative;
	float:left;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	padding-top: 10px;
	}
#contenuinscri
	{
	width:320px;
	height:auto;
	position:relative;
	float:left;
	left:13px;
	line-height:28px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	padding-top: 10px;
	}
#contenuinscri p
	{
		height:25px;
	}
#select
	{
	height:20px; float:left; position:relative; width:690px;
	padding-left:10px;
	text-align:center;
	padding-top:10px;
	}
#emploi
	{
	width:675px;
	height:150;
	position:relative;
	float:left;
	left:13px;
	padding-top:50px;
	line-height:34px;
	color:#058fca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	}
#emploi a
	{
	line-height:34px;
	color:#058fca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	}
#emploi a:hover
	{
	line-height:34px;
	color:#058fca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	text-decoration: underline;
	}
#textinscri
	{
	width:515px;
	height:156px;
	position:relative;
	float:left;
	left:70px;
	top:10px;
	line-height:20px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/bginscri.gif) no-repeat;
	padding-top:5px;
	padding-right:20px;
	padding-left:15px;
	}
#textinscri a
	{
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	}
#textinscri a:hover
	{
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	}
#textinscri2
	{
	width:515px;
	height:45px;
	position:relative;
	float:left;
	top:10px;
	line-height:20px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	padding-right:20px;
	padding-left:15px;
	}
#textinscri2
	{
	width:515px;
	height:auto;
	position:relative;
	float:left;
	left:70px;
	top:10px;
	line-height:20px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	padding-right:20px;
	padding-left:15px;
	}
#bttextincri
	{
	width:620px;
	height:auto;
	position:relative;
	float: left;
	text-align:right;
	top: 10px;
	}
#nbin
	{
	height:20px;
	float:left;
	position:relative;
	width: 212px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0D98E3;
	text-align:center;
	left: 3px;
	top: 15px;
	}
#message
	{
	width:650px;
	height:auto;
	position:relative;
	float:left;
	left:10px;
	top:15px;
	}
#contenumess
	{
	width:640px;
	height:35px;
	position:relative;
	float:left;
	left:10px;
	top:10px;
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:1px dotted #999999;
	}
#contenumess a
	{
	text-decoration:none;
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenumess a:hover
	{
	text-decoration: underline;
	line-height:22px;
	color:#8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#mess
	{
	width:190px;
	height:35px;
	position:relative;
	float:left;
	padding-top:7px;
	}
#mess2
	{
	width:35px;
	height:30px;
	position:relative;
	float:left;
	padding-top:10px;
	padding-left:5px;
	}
#mess3
	{
	width:25px;
	height:30px;
	position:relative;
	float:left;
	padding-top:10px;
	padding-left:5px;
	}