/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                    *******CSS - général******                      ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

 .imagePng {
   position:relative;
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && (this.src.toLowerCase().indexOf('.jpg')>-1 || this.src.toLowerCase().indexOf('.png')>-1)?(this.runtimeStyle.backgroundImage = "none",
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
   this.src = "/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
   this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.zoom = '1')),this.pngSet=true)
   );
}


*
{
	margin:				0;
}

td
{
	padding:			auto;	
}

img
{
	border:				0px;	
}

body
{
	background-image: 	url("../images/background_degrade.jpg");
	background-color: 	#d6d3c4;
	background-repeat:	repeat-x;
	font-family: Arial, serif, sans-serif;
	font-size:	12px;
	color: #333333;
}

.center
{
	text-align: center;	
}

#AllContent
{
	background-color: 	#FFFFFF;
	width:				978px;
	margin: 0 auto;
}

#HeadContent
{
	background-image: 	url("../images/bandeau_telescribe.jpg");
	background-repeat:	no-repeat;
	background-color: 	#FFFFFF;
	background-repeat:	no-repeat;
	width:				100%;
	height:				234px;
}

#BodyContent
{
	background-image: 	url("../images/corps_telescribe.jpg");
	background-repeat:	no-repeat;
	width:				100%;
	height:				602px;	
}

#FootContent
{
	background-image: 	url("../images/bas_telescribe.jpg");
	background-repeat:	no-repeat;
	background-color: 	#FFFFFF;
	background-repeat:	no-repeat;
	width:				100%;
	height:				107px;
}

.spacer
{
	clear:both;
	font-size:0;
}

#div_popup
{
	width:158px;
	position:absolute;
}

#div_popup #popup_contenu
{
	background-color:#11a0dd;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 12px 5px 12px;
}



#div_popup #pop_haut
{
	background-image:url("../images/pop_haut.gif");
	background-repeat:no-repeat;
	width:158px;
	height:4px;
	font-size:0;
}

#div_popup #pop_bas
{
	background-image:url("../images/pop_bas.gif");
	background-repeat:no-repeat;
	width:158px;
	height:4px;
	font-size:0;
}


/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                    *******CSS - menu haut******                    ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#lien_logo
{
	float: 				left;
	margin-top:			75px;
	margin-left:		10px;	
}

.btn_menu
{
	float: 				left;
	margin-top: 		29px;
	margin-right:		16px;
}

#btn_presentation
{
	margin-left: 		93px;	
}

#bloc_bouton
{
	width:	100%;
	margin-top:	-72px;
	float:	left;
}

#anime_haut
{
	float: right;	
	width: 978px;
	height:	234px;
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                    *******CSS - contenu******                      ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#bloc_menu_index
{
	float: 				left;
	width:				281px;
	height:				213px;
	background-image: 	url('../images/bloc_menu_index.png');
	background-repeat:	no-repeat;
	margin-top:			28px;
	margin-left:		38px;
	display:			inline;	
}

#bloc_menu_index li
{
	margin-left: 		60px;	
	list-style-image: 	url("../images/puce_violet_telescribe.jpg");
	margin-top:			5px;
	margin-right:		5px;
}

#bloc_menu_index ul
{
	margin-top: 30px;
	padding:	0;	
}

#bloc_menu_index a
{
	color:				#5d014a;
	text-decoration: 	none;
	font-weight:		bold;
	vertical-align: 	top;
}




#pageContent
{
	width: 				593px;
	height:				250px;	
	float: 				left;	
	margin-left:		31px;
	margin-top:			35px;
	margin-bottom:		5px;
}

#pageContent a
{
	color:				#333333;	
}

#pageContent a:hover
{
	color:				#5D014A;	
}

#bloc_atout
{
	width: 				204px;
	height:				184px;
	float:				left;
	margin-left:		35px;
	background-image: url('../images/bloc_atout_telescribe.png');
	background-repeat:	no-repeat;
	display:			inline;
}

#text_atout
{
	color:				#333333;
	font-family: 		Arial, serif;
	font-size: 			12px;
	font-weight: 		bold;
	float:				left;
	line-height:25px;
	margin-left:40px;
	margin-top:16px;
	display:			inline;
}

#text_atout a
{
	color:				#333333;
	font-family: 		Arial, serif;
	font-size: 			11px;
	text-decoration: 	none;
}

#bloc_actualite
{
	width:				262px;
	height:				230px;
	float:				left;
	margin-left:		13px;
	background-image: url('../images/bloc_actualite_telescribe.jpg');
	background-repeat:	no-repeat;
}

#bloc_actualite a
{
	color:				#333333;	
}

#bloc_actualite a:hover
{
	color:				#5D014A;	
}

#content_actu
{
	width:				210px;
	height:				140px;
	margin-top:			72px;
	margin-left:		29px;	
}

#date_actu
{
	color:				#823c71;
	font-weight: 		bold;
}

#titre_actu
{
	color:				#660f53;
	font-weight: 		bold;	
}

#lien_actu img
{
	float:				left;
	margin-left: 			50px;		
}

#bloc_visuel
{
	width:				262px;
	height:				230px;
	float:				left;
	margin-left:		13px;
}

#bloc_references
{
	width:				407px;
	height:				230px;
	float:				left;
	margin-left:		18px;
	background-image: url('../images/bloc_references_telescribe.jpg');
	background-repeat:	no-repeat;
}

#flash_references
{
	width:				387px;
	height:				164px;
	float:				left;
	margin-top:			55px;
	margin-left:		9px;	
	display:			inline;
}

#bloc_liens
{
	float:				right;
	margin-right:		65px;
	margin-top:			9px;
	display:			inline;
	font-size: 			0px;	
}


/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                    *******CSS - bas de page******                  ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#text_footer
{
	width: 				100%;
	height: 			100%;
	text-align: 		center;
	display: 			block;
	line-height: 		80px;
	color: 				white;
}

#text_footer a
{
	color:				white;
	font-family:		Arial;
	font-size:			12px;
	text-decoration:	none;
}
.lien_footer
{
	margin: 			0 5px;	
}

#conception
{
	width: 100%;
	text-align: center;
	height:		30px;	
	background-color: #D6D3C4;
}

#conception a
{
	color: #333333;
	text-decoration: none;	
}

#conception a:hover
{
	text-decoration: underline;	
}