/* CSS Document */
body { 
	margin:0px;
	background-image: url('./images/bg.gif');
	background-repeat:repeat-x;
}
.message{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	margin-top:-3px;
}
.admin{
	position:absolute;
	margin:0px;
	top:0px;
	left:228px;
}	

.tab{
	text-align:center;
}
.centre{
	text-align:center;
	}
.site{
	position: relative;
	text-align: left;
	top: 0px;
	left: 0px;
	width:867px;
		}

.page{
	position:relative;
	top: 0px;
	left: 0px; 
	width:867px;
	margin: 0px;
	padding: 0px;
		}
		
.pdf{
	background-image: url(images/pdf.gif);
	background-repeat:no-repeat;
}

.reader{
	background-image: url(images/reader.gif);
	background-repeat:no-repeat;
}

.zone_menu{
	position:relative;
	float: left;
	top: 0px;
	right: 0px;
	width:228px;
	margin-top: 0px;
		}
	
#header {
	position:relative;
	top: 10px;
	left: 0px;
	height: 125px;
	width:867px;
	background-image: url(images/banniere.gif);
	background-repeat:no-repeat;
		}

#menu{
	position:relative;
	width: 228px;
	}
	
.corps {
	position: absolute;
	top: 0px;
	left: 0px;
	width:639px;
	height:900px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 228px;
	background-color:#FFFFFF;
		}
		
.corps2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width:639px;
	height :1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 228px;
	background-color:#FFFFFF;
		}

#footer	{
	position:relative;
	top:0px;
	right: 0px;
	width:639px;
	margin: 0px;
	margin-bottom:10px;
	text-align:center;
	}
.footer1{
	position:relative;
	top:0px;
	padding-bottom:10px;
}

.footer4{
	position:relative;
	padding-bottom:10px;
	top:490px;
}

.footer5{
	position:relative;
	top:0px;
	padding-bottom:10px;
}

.footer6{
	position:relative;
	top:10px;
	padding-bottom:10px;
}

.footer7{
	position:relative;
	top:480px;
	padding-bottom:10px;
}

.lien{
	color:#999999;
}

.lien2{
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.lien3{
color:#FFFFFF;
text-decoration:none;
}

#offre{
	margin-left:15px;
}

.menu {
	margin-left: 20px;
	float:left;
	margin-bottom: 12px;
	border:0px;
		}
.menu_fond{
	background:url(images/menu/bg_menu.gif);
	width:228px;
	}
.menu_separation{
	margin: 10px 0px 5px 7px;
	}
	
.ssmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
	border:0px;
	padding-bottom:10px;
		}

		
.ssmenu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 20px;
	margin-bottom: 10px;
	color:#FFFFFF;
	border:0px;
		}
		
a:hover {
	cursor: pointer;
	color:#E16C03;
	}

a{
	color:#386791;
}
		
.a_vierge{
	text-decoration:none;
	}

	
.separation{
	position: relative;
	clear: left;
	clear: right;
	top: 0px;
	left: 0px;
	width:609px;
	height:1px;
	background-image:url(./images/corp/separation.gif);
	background-repeat:repeat-x;
	margin-top:6px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}
	
.separation2{
	position: relative;
	top: 0px;
	left: 0px;
	width:163px;
	height:1px;
	background-image:url(./images/corp/separation.gif);
	background-repeat:repeat-x;
	margin-top:6px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}
	
.separation3{
	position: relative;
	top: 0px;
	left: 0px;
	width:112px;
	height:1px;
	background-image:url(./images/corp/separation.gif);
	background-repeat:repeat-x;
	margin-top:6px;
	margin-bottom:5px;
	margin-left:55px;
	padding:0px;
	}
	
.separation4{
	position: relative;
	top: 0px;
	left: 0px;
	width:163px;
	height:1px;
	background-image:url(./images/corp/separation.gif);
	background-repeat:repeat-x;
	margin-top:6px;
	margin-bottom:5px;
	padding:0px;
	}	
	
.fiche{
	margin-left:35px;
}	

span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.zoom{
	margin:0px;
	background-color:#FFFFFF;
	}
	
.gauche{
	float:left;
	}
.border{
	border:0px;
	}
.clear{
	clear:right;
	}
.gris{
	background-color:#CCCCCC;
	}	
/*-----------------------------------------------------TEXTE-----------------------------------------------*/


h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#E16C03;
	margin-bottom:21px;
	}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#386791;
	margin-bottom:8px;
	}
	
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#E16C03;
	margin-bottom:0px;
}	

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color:#386791;
	margin-bottom:0px;
	margin-top:13px;
}		

.desc_c{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	font-weight:bold;
		}
		
.desc_l{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	text-align:left;
		}
.desc_l_v{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	text-align:left;
	color:#009900;
		}
.desc_l_r{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	text-align:left;
	color:#FF0000;
		}
		
.desc_l2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	margin-left:27px;
	text-align:left;
		}
		
.desc_l3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:32px;
	margin-left:50px;
	text-align:left;
		}
				
.info_orange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#E16C03;
	text-decoration:none;
}

.mail{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#E16C03;
	text-decoration:underline;
}

.info_bleu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#4B7299;
	text-decoration:none;
}
/*-----------------------------------------------------HEADER-----------------------------------------------*/

#logo{
	position:absolute;
	top:0px;
	left:0px;
	height:94px;
	width:128px;
		}

#logo2{
	position:absolute;
	top:94px;
	left:66px;
	height:20px;
	width:38px;
	}
	
#bande{
	position:absolute;
	top:102px;
	left:228px;
	height:13px;
	width:639px;
	background-color:#FFFFFF;
		}
		
#accueil{
	position:absolute;
	top:67px;
	left:228px;
	background-repeat:no-repeat;
	border:0px;
		}
		
#societe{
	position:absolute;
	top:67px;
	left:353px;
	background-repeat:no-repeat;
	border:0px;
		}

#recrutement{
	position:absolute;
	top:66px;
	left:480px;
	background-repeat:no-repeat;
	border:0px;
		}

#catalogue{
	position:absolute;
	top:66px;
	left:606px;
	background-repeat:no-repeat;
	border:0px;	
		}

#contact{
	position:absolute;
	top:66px;
	left:731px;
	background-repeat:no-repeat;
	border:0px;	
		}

#picto1{
	position:absolute;
	top:0px;
	left:818px;
	background-repeat:no-repeat;
	border:0px;	
		}

#picto2{
	position:absolute;
	top:0px;
	left:849px;
	background-repeat:no-repeat;
	border:0px;	
		}



/*-----------------------------------------------------BLOC-----------------------------------------------*/
.bloc{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
   	padding:0px;
   	margin:0px;
	margin-left:23px;
	text-align:center;
	clear:right; 
		}
.crea{
	position: relative;
	top: 0px;
	right: 180px;
	width:586px;
   	padding:0px;
   	margin:0px;
	margin-left:23px;
	margin-top:20px;
	text-align:right;
	}

.crea_jeux1{
	position:relative;
	top:10px;
	right:180px;
	margin-bottom:20px;
	float:right;
	}
	
.crea_jeux2{
	margin-bottom:20px;
	position:relative;
	top:10px;
	left:93px;
	}
	
.crea_jeux3{
	position:relative;
	top:0px;
	right:230px;
	margin-bottom:20px;
	float:right;
	}
	
.crea_jeux4{
	margin-bottom:20px;
	position:absolute;
	left:127px;
}	

.crea_jeux5{
	position: relative;
	top: 0px;
	right: 180px;
	width:586px;
   	padding:0px;
   	margin:0px;
	margin-left:23px;
	margin-top:20px;
	text-align:right;
	clear:right;
}

.crea_jeux6{
	margin-bottom:20px;
	position:absolute;
	left:127px;
}
		
.bloc1{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
   	padding:0px;
   	margin:0px;
	margin-left:23px;
		}
		
.bloc1_0{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
	height:230px;
   	padding:0px;
   	margin:0px;
	margin-left:23px;
		}
		
#bloc1_1{
	position:absolute;
	top: 9px;
	left: 0px;
	width:224px;
	height:200px;
	margin:0px;
	margin-top:10px;
	vertical-align:middle;
		}

#bloc1_2{
	position: relative;
	float:right;
	top: 0px;
	left: 0px;
	width:331px;
	margin:0px 0px 0px 0px;
}

#bloc2_1{
	position: relative;
	top: 0px;
	left: 0px;
	width:330px;
	margin:0px;
		}	

#bloc2_11{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
	margin:0px;
		}	


#bloc2_2{
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width:250px;
	margin:0px 0px 0px 0px;
		}

#bloc3_1{
	position: relative;
	top: 0px;
	left: 0px;
	width:151px; 
	margin:0px;
		}

#bloc3_2{
	position: relative;
	float:right;
	top: 0px;
	left: 0px;
	width:404px;
	margin:0px 0px 0px 0px;
	padding-left:10px;
	background-image:url(./images/corp/separation_vert.gif);
	background-repeat:repeat-y;
		}

#bloc4{
	position: relative;
	top: 0px;
	left: 0px;
	height: 71px;
	width:586px;
	padding:0px 30px 10px 23px;
	margin:0px;
		}
		
#bloc4_1{
	position: absolute;
	top: 0px;
	left: 23px;
	width:193px;
	height:71px;
	margin:0px;
		}

#bloc4_2{
	position: absolute;
	top: 0px;
	left: 216px;
	width:131px;
	height:71px;
	margin:0px;
	text-align:center;
		}

#bloc4_3{
	position: absolute;
	top: 0px;
	left: 347px;
	width:131px;
	height:71px;
	margin:0px;
	text-align:center;
	}

#bloc4_4{
	position: absolute;
	top: 0px;
	left: 478px;
	width:131px;
	height:71px;
	margin:0px;
	text-align:center;
	}



.bloc5_1{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
	height:120px;
	margin:0px;
		}

.bloc5_3{
	position: relative;
	float:right;
	top: 0px;
	left: 0px;
	width:290px;
	height:74px;
	margin:0px;
		}

.bloc5_2{
	position: relative;
	top: 0px;
	left: 0px;
	width:280px;
	height:74px;
	margin:0px;
		}

.bloc5_4{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
	height:106px;
	margin:0px;
		}

#bloc5_5{
	position: relative;
	top: 0px;
	left: 0px;
	width:586px;
	height:510px;
	margin:0px;
		}


.galerie{
	border:0px;
	top:15px;
	margin-left:10px;
		}
/*-----------------------------------------------------LISTE-----------------------------------------------*/
.liste1{
	margin-left:23px;
	margin-right:30px;
}

.liste2{
	float:right;
	position:relative;
	top:0px;
	left:0px;
	width:450px;
	text-align:left;
}
		
/*-----------------------------------------------------FORMULAIRE-----------------------------------------------*/

.form_mail1{
	position:absolute;
	top:30px;
	right:150px;
}

.form_mail2{
	position:absolute;
	top:65px;
	right:150px;
}

.form_mail3{
	position:absolute;
	top:100px;
	right:150px;
}

.form_mail4{
	position:absolute;
	top:135px;
	right:150px;
}

.form_mail5{
	position:absolute;
	top:170px;
	right:150px;
}

.form_mail6{
	position:absolute;
	top:205px;
	right:150px; 
}

.form_mail7{
	position:absolute;
	top:240px;
	right:150px; 
}

.form_mail8{
	position:absolute;
	top:275px;
	right:150px;
}

.form_mail9{
	position:absolute;
	top:310px;
	right:150px;
}

.form_mail10{
	position:absolute;
	top:345px;
	right:150px;
}

.form_mail12{
	position:absolute;
	top:380px;
	right:150px;
}

.form_mail13{
	position:absolute;
	top:485px;
	right:250px;
}

.form_mail11{
	position:absolute;
	top:240px;
	right:235px;
}

.form_cata0{
	position:absolute;
	top:370px;
	right:400px;
}
.form_cata1{
	float:right;
	position:absolute;
	top:320px;
	right:0px;
}
.form_cata2{
	position:absolute;
	top:480px;
	right:250px;
}
.form_cata3{
	position:absolute;
	top:450px;
	right:250px;
}