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

*
{
	margin:				0;
}

img
{
	border:				0px;	
}

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

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

.spacer_right
{
	clear:				right;
	font-size:			0;
}


.hidden
{
	display: 			none;	
}

.bleu
{
	color:				#11a0dd;
}

#page_AllContent
{
	background-color: 	#D6D3C4;
	width:				964px;
	margin: 			0 auto;
}

#page_HeadContent
{
	background-image: 	url("../images/page_bandeau_telescribe.jpg");
	background-repeat:	no-repeat;
	background-color: 	#FFFFFF;
	background-repeat:	no-repeat;
	width:				100%;
	height:				233px;
	clear: ri
}

#page_BodyContent
{
	background-image: 	url("../images/page_background_font.jpg");
	width:				100%;	
}

#page_PageContent
{
	width:				100%;
	height:				474px;
	background-image:	url("../images/page_background_content.jpg");
	background-repeat:	no-repeat;	
}

html>body #page_PageContent 
{
	height: 			auto;
	min-height: 		474px;
	position:			relative;
} 


#page_FootContent
{
	background-image: 	url("../images/page_bas_telescribe.jpg");
	background-repeat:	no-repeat;
	background-color: 	#FFFFFF;
	background-repeat:	no-repeat;
	width:				100%;
	height:				219px;
	background-color: 	#D6D3C4;
}

.spacer
{
	clear:				both;	
}

.telescribe_HR
{
	height:				1px;
	background:			url('../images/pic_hr.jpg');
	background-repeat: repeat-x;
	width:				100%;	
}

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

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

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

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

#btn_presentation
{
	margin-left: 		77px;	
	margin-top:			29px;
}

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

#anime_haut
{
	float: right;	
	width: 100%;
	height:	233px;
}

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

#arriane
{
display: block;
margin-top:10px;
position:absolute;
margin-left: 80px;
_margin-left: -655px;
font-size: 10px;
color:	#333333;
display:	inline;
}

div>#arriane
{
	left:	0px;	
}

#arriane a 
{
	color:				#333333;
	text-decoration:    underline;	
}

#arriane a:hover
{
	color:				#11A0DD;
	text-decoration:   underline;	
}

#colonne_gauche
{
	float:				left;
	width:				245px;
	display:			inline;
}

#bloc_menu
{
	background-image:	url('../images/back_menu_page.gif');
	background-repeat: 	repeat-y;
	background-position: 11px;
	width: 				223px;
	margin-top:			29px;
	margin-left:		22px;
}

#menu
{
	background-image:	url('../images/bloc_haut_menu_page.jpg');
	background-repeat: 	no-repeat;
	width: 				221px;
	height:				230px;
	min-height:			230px !important;
	height:				auto !important;
}

#menu ul
{
	padding: 			36px 15px 0px 32px;
}

#menu ul ul
{
	padding: 			10px 0px 0px 0px;
}

#menu li
{
	list-style:			none;
	background-image: 	url("../images/puce_bleu_menu.gif");
	background-repeat:	no-repeat;
	background-position:0 1px;
	padding-left:		24px;
	padding-bottom:		10px;
	color:				#11a0dd;
	font-weight:		bold;
	font-size:			11px;
}

#menu li.on
{
	background-image: 	url("../images/puce_bleu_menu_on.gif");
}

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

#bas_menu
{
	background-image:	url('../images/bloc_bas_menu_page.gif');
	background-repeat: 	no-repeat;
	background-position:11px;
	width: 				223px;	
	height:				9px;
	font-size:0;
}

#bloc_atout
{
	width: 				205px;
	height:				183px;
	margin-left:		19px;
	margin-top:			10px;
	background-image: 	url('../images/bloc_atout_telescribe2.jpg');
	background-repeat:	no-repeat;
}

#text_atout
{
	color:				#333333;
	font-family: 		Arial, serif;
	font-size: 			11px;
	font-weight: 		bold;
	line-height:		26px;
	padding-left:		42px;
	padding-top:		13px;
}

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


#colonne_milieu
{
	float:				left;
	width:				500px;
	display:			inline;
	margin-top:			35px;
	margin-left:		10px;
}

#colonne_milieu h1
{
	color:				#11a0dd;
	font-size:			16px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-bottom:		20px;
}

#colonne_milieu h2
{
	color:				#11a0dd;
	font-size:			15px;
	font-weight:		bold;
	margin-bottom:		16px;
}

#colonne_milieu p
{
	color:				#333333;
	font-size:			12px;
	margin-bottom:		16px;
}

#colonne_milieu a
{
	color:				#333333;
	font-size:			12px;
}

#colonne_milieu a:hover
{
	color:				#11A0DD;
	font-size:			12px;
}

#colonne_milieu ul
{
	padding-left:		15px;
}


#colonne_droite
{
	float:				right;
	width:				175px;
	margin-right:		26px;
	display:			inline;
	margin-top:			39px;
}

#bloc_visuel
{
	margin-bottom: 		9px;
	float:				right;
	_display:			inline;
}

#colonne_droite #plaquette
{
	background-image:	url("../images/fond_plaquette.gif");
	background-repeat:	no-repeat;
	width:				170px;
	height:				193px;
	float:				right;
	margin-top:			0px;
	margin-bottom:		12px;
	text-align:			center;
	padding-top:		13px;
	_display:			inline;
	
}

#colonne_droite #plaquette a
{
	text-decoration:	none;
	font-size:			11px;
	color:				#666666;
}

#colonne_droite #boutons_droite
{
	text-align:			right;
	margin-right:		12px;
}


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

#flash_bas
{
	width:				882px;
	height:				124px;
	float:				left;
	margin-left:		44px;
	display:			inline;
}

#text_footer
{
	text-align: 		center;
	display: 			block;
	color: 				white;
}

#text_footer a
{
	color:				white;
	font-family:		Arial;
	font-size:			12px;
	text-decoration:	none;
}

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

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

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

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                   *******CSS - formulaire******                    ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#mess_err
{
	color: red;
	text-align: justify;
	margin-left:10px;
	width: 440px;	
}

#formulaire
{
	width:				461px;
	background-image:	url('../images/corp_form_telescribe.jpg');	
	background-repeat: 	repeat-y;
	margin:				0 auto;
}

.long_input
{
	width:				211px;	
}

.radio_margin
{
	margin-left:		15px;
	margin-right:		5px;	
	padding:			0;
}

.radio_margin_pp
{
	margin-left:		15px;
	margin-right:		5px;	
	padding:			0;
}

.radio_margin_autre
{
	margin-left:		5px;
	margin-right:		5px;
	padding:			0;	
}


.radio_margin_Steno
{
	margin-left: 		29px;
	margin-right:		5px;	
	padding:			0;	
}

.de_langue
{
	margin-left:		20px;
	margin-bottom:		5px;	
}

.vers_trad
{
	margin-left:		11px;
}

.radio_margin_conse
{
	margin-left: 		10px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_def
{
	margin-left: 		3px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_long
{
	margin-left:		5px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_breve
{
	margin-left:		14px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_Scla
{
	margin-left:		8px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_Sliv
{
	margin-left:		41px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_Flash
{
	margin-left:		61px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_DAT
{
	margin-left:		17px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_DVD
{
	margin-left:		71px;
	margin-right:		5px;	
	padding:			0;	
}

.radio_margin_Dicta
{
	margin-left:		41px;
	margin-right:		5px;	
	padding:			0;	
}

.etoile
{
	color:				black;	
}

.input_right
{
	float:				right;
	width: 				140px;	
}

.right
{
	float:				right;	
	clear:				both;
}

.titre_form
{
	
	color: 				#1ba4de;
	font-weight:		bold;
	width:				198px;	
}

.partie_form
{
	text-transform: 	uppercase;
	color:				#5D014A;	
	font-weight:		bold;	
}

#titre_formulaire
{
	width:				100%;
	height:				57px;
	background-image:	url('../images/haut_form_telescribe.jpg');
	background-repeat: 	no-repeat;
}

#input_differe
{
	width: 50px;	
}

#img_titre
{
	margin-left:		123px;
	margin-top:			20px;	
}

#form_devis
{
	width:				100%;
	background-image:	url('../images/content_form_telescribe.jpg');
	background-repeat: 	no-repeat;	
}

#form_recrutement
{
	width:				100%;
	background-image:	url('../images/content_form_telescribe.jpg');
	background-repeat: 	no-repeat;	
}

#bas_formulaire
{
	width:				100%;
	height:				39px;
	background-image:	url('../images/bas_form_telescribe.jpg');
	background-repeat: 	no-repeat;		
}

.obligatoire
{
	color:				#666666;
	font-size:			10px;	
	margin-left:		15px;
	line-height:		35px;
}

.message_form
{
	color:				#666666;
	font-size:			10px;
	text-align: justify;
}

.center
{
	text-align: 		center;	
}

#valider
{
	background-image: 	url("../images/btn_valider.jpg");
	background-repeat:  no-repeat;
	color: 				white;
	width:				160px;
	height:				35px;
	border:				none;
	font-size:			11px;
	font-weight: 		bold;
	margin-left:		145px;
	margin-top:			20px;	
}

#code_postal
{
	width:  			40px;
	margin-right: 		10px;	
}

#ville
{
	width: 				159px;	
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                 *******CSS - Plan du site******                    ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#bloc_plan
{
	float:	left;
	display: inline;
	margin-left: 23px;
	margin-top: 23px;
	width: 893px;	
	background-image: url(../images/plan_repeat.jpg);
	background-repeat: repeat-y;
}

#plan_site
{

	background-image: url(../images/font_plan.jpg);
	background-repeat: no-repeat;
	width: 100%;
	margin-bottom: 20px;
}

#plan_site ul
{
	padding-left:		5px;
	padding-bottom:		5px;
}

#plan_site ul li
{
	list-style:			none;
	background-image: 	url("../images/puce_bleu_menu_on.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px; 
}

#plan_site ul li ul li
{
	list-style:			none;
	background-image: 	url("../images/puce_bleu_menu.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px; 
}

#plan_site ul li ul li ul
{
	padding-left: 20px;	
}

#plan_site ul li ul li ul li
{
	list-style:	disc;
	background: none;
	padding-left: 0;
}

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

#plan_site ul a:hover
{
	text-decoration: underline;
	color: #1CA4DE;	
}

.titre_rubrique
{
	background-image: url("../images/titre_plan.jpg");
	background-repeat: no-repeat;
	text-transform: uppercase;
	color:  white;
	font-size: 13px;
	height: 28px;
	width:	160px;
	padding-left:	20px;
	line-height:	28px;
}

.titre_rubrique a 
{
	text-decoration: none;
	color: white;	
}

.titre_rubrique a:hover
{
	text-decoration: none;
	color: white;	
}

.rubrique_plan
{
	float: left;
	display:	inline;
	margin-left:	45px;
	margin-top:		30px;
	width: 250px;	
}

#plan_accueil
{
	margin-left:	50px;	
}

#plan_savoir_faire
{
	margin-left:	50px;	
}

#plan_contact
{
	margin-left: 50px;	
}

#plan_bas
{
	background-image: url("../images/bas_plan.jpg");
	background-repeat: no-repeat;
	width: 893px;
	height: 9px;	
}

#titre_plan
{
	color: #1CA4DE;
	padding-top: 30px;
	padding-left:	40px;
	font-size: 13px;
	text-transform: uppercase;
}


/*********** LISTE A PUCES ************************************/

li {
 color: 				#00ccff;
}

/*************** PAGE CAS PARTICULIER *************************/


#redaction {
	text-align:center;
}


#redaction .bloc_redac{
	font-weight:bold;
	text-align:left;
	width:145px;
	float:left;
	height:60px;
	padding-right:20px;
}

#redaction .bloc_redac img {
	float:left;
}

#redaction .bloc_redac .intitule {
	padding-top:15px;
	display:block;
}

#redaction .bloc_redac a {
	font-size:11px;
	text-decoration:none;
}