@CHARSET "ISO-8859-1";

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

*
{
	margin:0;
}

img
{
	border: none;	
}

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

#allPage
{
	width: 914px;
	margin: 10px auto;
	background-image: url("../images/fond_contenu_repeat.jpg");
	background-repeat: repeat-y;
	position: relative;
}

#headerPage
{
	width: 100%;
	background-image: url("../images/bandeau_telergos.jpg");
	background-repeat: no-repeat; 
	height: 207px;
}

#contentPage
{
	width: 100%;
	background-image: url("../images/fond_contenu.jpg");
	background-repeat: no-repeat;
	min-height: 440px;
	_height: 440px;
}

#footerPage
{
	width: 100%;
	background-image: url("../images/fond_bas.jpg");
	background-repeat: no-repeat;
	height: 117px;
	margin-top: 40px;
}

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

#conception
{
	font-size: 11px;
	text-align: center;
	margin-top: 20px;
	
}

#conception a
{
	color: #333333;		
}


/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                 *******CSS - headerPage******                      ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#lien_logo
{
	float:left;
	display:inline;
	margin-left:16px;
	margin-top: 50px;
}

#bloc_bouton
{
	width:	100%;
	float:	left;
	margin-top: -78px;
	position: relative;
	z-index: 100;
}

#anim_haut
{
	float: right;	
	width: 914px;
	height:	206px;
	z-index: 0;
}

.btn_menu
{
	float: 				left;
	margin-top: 		39px;
	margin-right:		15px;
}

#btn_presentation
{
	margin-left: 		54px;
	margin-top:			40px;	
}

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

#bloc_menu
{
	width: 254px;
	float:	left;
	display: inline;
	background-image: url("../images/fond_bloc_menu_repeat.jpg");
	background-repeat: repeat-y;
	margin-top:1px;
	margin-left: 5px;
	padding: 0px;
}

#bloc_menu_page
{
	width: 254px;
	float:	left;
	display: inline;
	background-image: url("../images/fond_bloc_menu_repeat.jpg");
	background-repeat: repeat-y;
	margin-top:1px;
	margin-left: 5px;
	padding: 0px;
}

#list_menu,#list_menu_index
{
	padding-right: 5px;
	min-height: 265px;
	_height: 265px;
	background-image: url("../images/fond_bloc_menu.jpg");
	background-repeat: no-repeat;
}

#list_menu,#list_menu_index
{
	padding-right: 5px;
	min-height: 265px;
	_height: 265px;
	background-image: url("../images/fond_bloc_menu.jpg");
	background-repeat: no-repeat;
}

#bas_menu
{
	width: 100%;
	height: 9px;
	background-image: url("../images/bas_bloc_menu.jpg");
	background-repeat: no-repeat;
	font-size: 0;	
}

#list_menu ul,#list_menu_index ul
{
	padding-top: 18px;
	margin-left: 11px;
	list-style: none;
	padding-left: 5px;
	margin-bottom: 25px;
}

#list_menu ul ul,#list_menu_index ul ul
{
	padding-top: 0px;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

#bloc_menu #list_menu li,#bloc_menu #list_menu_index li
{
	background-image: url("../images/puce_violet.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 23px;
	margin-top: 10px;
	color: #5d014a;
}

#bloc_menu #list_menu_index li
{
	margin-top: 20px;	
}

#bloc_menu_page #list_menu li,#bloc_menu_page #list_menu_index li
{
	background-image: url("../images/puce_vert_foncer.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
	margin-top: 20px;
	color: #5d014a;
}

#bloc_menu_page #list_menu li.on,#bloc_menu_page #list_menu_index li.on
{
	background-image: 	url("../images/bg_puce_verte.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #96bf0d;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
}

#list_menu a,#list_menu_index a
{
	color: #5d014a;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
}

#list_menu_index a{
	font-size: 15px;
}

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


#bloc_content
{
	width: 637px;
	float:	left;
	diplay: inline;
	margin-left: 14px;
	background-image: url("../images/fond_vert_repeat.jpg");
	background-repeat: repeat-y;	
}

#list_content
{
	width: 100%;
	background-image: url("../images/fond_vert.jpg");
	background-repeat: no-repeat;
	min-height: 270px;
	_height: 270px;
}

#arriane
{
font-size: 10px;
color:	#333333;
margin-top: 10px;
position: absolute;
display; inline;
}


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

#arriane a:hover
{
	color:				#96BF0D;
	text-decoration:   underline;	
}

#bloc_atout
{
	background-image: url("../images/fond_atout.jpg");	
	width: 253px;
	height: 191px;
	float: left;
	display: inline;
	margin-left: 5px;
	margin-top: 20px;
}

#bloc_atout ul
{
	list-style: none;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 5px;
	
}

#bloc_atout li
{
	margin-top: 10px;
	background-image: url("../images/puce_vert.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
	background-position: 0 4px;
}

#bloc_atout a
{
	color: #82a021;
	text-decoration: none;
	font-weight: bolder;
}


#bloc_actualite
{
	width: 330px;
	min-height: 193px;
	_height: 193px;
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 45px;		
}


#actu
{
	text-align: justify;	
}

#date_actu
{
	margin-top: 20px;
	color: #823c71;
	font-weight: bold;
}

#titre_actu
{
	color: #660f53;
	font-weight: bolder;
	text-align: justify;
}

#bloc_lien
{
	width: 219px;
	height: 167px;
	float: right;
	display: inline;
	background-image: url("../images/fond_bloc_lien.jpg");
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 20px; 	
}

#colonne_gauche
{
	width: 260px;
	float: left;
	display: inline;
	height: 100%;	
}

#colonne_droite
{
	width: 175px;
	float: right;
	display: inline;
	height: 100%;	
	margin-right: 4px;
}

#visuel
{
	float: right;
	display: inline;
	margin-top: 40px;	
}

#fond_plaquette
{
	width: 175px;
	height: 204px;
	background-image: url("../images/fond_plaquette.jpg");
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	display: inline;
	margin-top: 40px;
	text-align: center;	
}

#fond_plaquette a
{
	text-decoration: none;	
	color: #333333;
	font-size: 11px;
}

#plaquette
{
	float:	left;
	display: inline;
	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 5px;
}

#colonne_milieu
{
	width: 462px;
	float: left;
	display: inline;
	margin-left: 10px;
	height: 100%;
	text-align: justify;
	position: relative;
}

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

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

#colonne_milieu a:hover
{
	color:				#96BF0D;
	text-decoration:   underline;	
}

#colonne_milieu h1
{
	color:				#96BF0D;
	font-size:			16px;
	font-weight:		bold;
	text-transform:		uppercase;
	margin-bottom:		20px;
	text-align: left;
}

#contenu
{
	padding-top: 20px;	
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 90%;
	margin: 0 auto;	
}

#contenu_page
{
	padding-top: 38px;	
	text-align: justify;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 460px;
}

#list_actu
{
	clear: both;
}

#anime_ref
{
	float: left;
	display: inline;
	margin-left: 400px;
	position:	absolute;
	z-index: 100;
}

/*###################################################################################*/
/*#######                                                                    ########*/
/*#######                     *******CSS - footer******                      ########*/
/*#######                                                                    ########*/
/*#######                                                                    ########*/
/*###################################################################################*/

#lien_bas
{
	text-align: center;
	padding-top: 80px;
	color: white;
}

#lien_bas a
{
	color: white;
	text-decoration: none;
}

#lien_bas a:hover
{
	color: white;
	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: 				#96BF0D;
	font-weight:		bold;
	width:				198px;	
	text-align: 		left;
}

.hidden
{
	display: none;	
}

.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-repeat: repeat-y;
}

#plan_site
{
	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_vert_foncer.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px; 
}

#plan_site ul li ul li
{
	list-style:			none;
	background-image: 	url("../images/puce_vert.png");
	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: #96BF0D;	
}

.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;	
}

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