/******************************************************
Feuille de style pour le site de Cantoche.com

!important permet à FF de prendre en compte ce paramettre
et de ne pas prendre en compte la ligne suivante
IE dans ce cas prends en compte la ligne suivante

*+html est compris par IE7 

partie générique

******************************************************/

/*****************************************************
Importation des autres feuilles de style : 
Color.css tous les élements du site qui comportent des couleurs
Pages.css toutes les images de fond pour le français et l'anglais
******************************************************/
@import url("../skin/color.css");
@import url("../skin/pages.css");


/******************************************************
		GENERALITE
******************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	margin:3px;
	color: #88745C;
	background-color:#F2EDE6;
}

a{	
	cursor: pointer;
	color: #5C4525;
	font-size:12px;
}

a:hover{
	color: #BFA67E;
}

a img{	
	cursor: pointer;
	border :none;
}

h1{ 
	visibility:hidden;
	display:none;
}

h2{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:5px;
}
/* IE7 */
*+html h2{
	line-height:30px;
}
* html h2{
	margin:10px;
	line-height:10px;
}

/*
ul{
	margin-left:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
}
*/

/******************************************************
		  Generale (gabarit.php) 
******************************************************/
#container{
	text-align:left;
	width:980px;
	background-color:#FFFFFF;	
	border :1px solid #837158;
}
#header {
	width :980px;
	height:23px;
	font-size: 11px;
	color: #B3A38C;
	z-index:5;
	background:url(../images/site/nav.jpg) no-repeat;
}
#contenu{
	width:980px;
}
#footer{
	width:980px;
}
#LA_Reports{
	position:absolute;
	top:0;
	left:0;
}

/******************************************************
		  NAVIGATION
******************************************************/
div#nav a{
	height:23px;
}
div#nav a:hover{
	color:#FF9900;
}
div.menu { 
	border : 1px solid #9F8964;
	left: 0px;
	position: absolute;
	top: 0px;	
	z-index: 101;
	visibility: hidden;
}
div.ssmenu{	 
	background:#FFF;
	padding:0;
	padding-left:0px;
	margin:0;
	width: 165px;
	height:24px;
}
div.ssmenu a{	
	color: #88745C;
	line-height:2;
	text-decoration: none;
	width: 165px;
	height:24px;
	display:block;
}
body:nth-of-type(1) div.ssmenu, body:nth-of-type(1) div.ssmenu a{
	width: 166px;
}
* html div.ssmenu a{
	line-height:1.5;
}
div.ssmenu a:hover{	
	color: #88745C;
	line-height:2;
	text-decoration: none;
	background:url(../images/site/roll_nav.jpg) repeat-y;
	width: 165px;
	height:24px;
	display:block;
}
* html div.ssmenu a:hover{
	line-height:1.5;
}
.title{
	text-decoration: none;
	line-height:2;
	width:78px!important;
	width:82px;
	text-align: center;
	display:block;
	float:left;
}
* html .title{
	line-height:1.5;
}
.pipe{
	line-height:2;
	width:3px;
	text-align: center;
	display:block;
	float:left;
}
* html .pipe{
	line-height:1.5;
}


/******************************************************
		  Navigation (nav_frg.html)
******************************************************/
#header_fond{
	width : 980px;
	height : 145px;
	z-index:1;
	background:url(../images/site/header_HP.jpg) no-repeat;
}
#lang{
	text-align:right;
	margin-right:15px;
}
#lang a {
	text-decoration:none;
	color: #FFF;
}
#lang a:hover {
	text-decoration:none;
	color: #BFA67E;
}
#intro_HP{
	margin-left:310px;
	margin-top:25px;
	color: #88745C;	
	width:580px;	
}
* html #intro_HP{
	margin-top:10px;
}
#flecheIntro_HP{
	margin-top:-30px;
	margin-left : -20px;
	float:left;
}
body:nth-of-type(1) div#flecheIntro_HP { 
   /* pour safari et Chrome */
   margin-top:-5px;	
}
* html #flecheIntro_HP{
   margin-top:-5px;
	margin-left : 0px;
}
#texteIntro_HP{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:bold;	
	margin-top:-25px;	
	margin-left : 5px;
	width:520px;
	height:80px;
	float:left;
}
body:nth-of-type(1) div#texteIntro_HP { 
   /* pour safari et Chrome */
   margin-top:0px;	
}
* html #texteIntro_HP{
   margin-top:0px;
}

/******************************************************
*******************************************************
			HOME PAGE
*******************************************************
******************************************************/

#AProduits{
	text-align:center;
	margin-top:30px;
}
/******************************************************
		  Page centrale HP
******************************************************/
/* ---------------   Partie de Gauche avec le flv  ---------------------*/
#centerL {
	width:240px;
	height:382px;
	background:url(../images/site/center_G.jpg) no-repeat;
	float :left;
}
#center {
	margin-left:-10px;
	width:460px;
	height:382px;
	float :left;
}
#centerR {
	width:283px;
	height:382px;
	float :left;
}

/* ---------------   Partie newsletters  ---------------------*/
#newsletter{
	padding:23px 0 0 10px;
}
	#titlenews{
		background:url(../images/site/fd_newsletters.gif) no-repeat;
		font-size:12px;
		font-weight:bold;
		color: #FFFFFF;
		height:52px;
		padding:18px 0 0 30px;
	}
	#titlenews a{
		font-size:14px;
		color: #FFFFFF;
		text-decoration:none;
	}
	#titlenews a:hover{
		color: #352815;
	}
	*+html #titlenews{	
		margin-top:-250px;
	}
.news_date_HP{
	font-weight:bold;
}
.news_content_HP{
	margin-bottom:10px;
}
.news_date{
	float:left;
	width : 50px;
	margin-left:6px;
	margin-right:10px;	
}
.news_content{
	float:left;
	width : 565px!important;
	width : 550px;
	margin-bottom:5px;	
}
.Container_news {
	width:198px;
	height:243px;
	padding:5px;
	margin-top:-24px;
	margin-left:5px;
	background-color:#F2EDE7;
}
*+html .Container_news{	
	width:180px;
}
* html .Container_news{	
	margin-top:-185px;
}
#HPImageOn{
	width:80px;
	height:27px;
	background:url(../images/site/HP_BorderFoot.gif) no-repeat;
	position:relative;
	top:-14px;
	left:5px;
}
* html #HPImageOn{
	top:-17px;
}
/* Safari */
html[xmlns*=""] body:last-child #HPImageOn { 
	top:-13px;
}
#Btn_news{
	float:right;
	margin-right:5px;	
	margin-top:14px;
	padding:5px;
	position:relative;
	left:-12px;
	top:70px;
	background-color:#F2EDE7;
}
.pointer{
	cursor: pointer;
}
#spacer{
	margin-top:-3px;
	width:20px;	
	height:200px;
	background:url(../images/site/news_border.gif) repeat-y;
}
* html #spacer{
	width:10px;	
}
body:nth-of-type(1) div#spacer { 
   /* pour safari et Chrome */   
	margin-top:-5px;	
}
#firstOuter	{
	margin-top:-5px;
	width: 180px;	
	height:253px;
}

/* ---------------   Partie Des solution à droites  ---------------------*/
.HP_Solutions{
	margin: 6px 0  6px 0;
	width:283px;
	height:67px;
	background:url(../images/site/fond_solutions.gif) no-repeat;
}
#FirstSol {
	margin: 1px 0  6px 0;
	width:283px;
	height:78px;
	background:url(../images/site/fond_solutions.gif) no-repeat;
	background-position:bottom;
}
	.HPSolText{
		width:173px;
		float:left;
		margin:	5px 0 5px 20px;
		font-size:11px;
	}
	* html .HPSolText{
		margin:	5px 0 5px 10px;
	}
		.HPSolTitre{
			font-weight:bold;
			font-size:15px;
			padding-bottom:5px;
		}
		.HPSolTitre a{
			text-decoration:none;
		}
	.HPSolImage{
		margin-top: 4px;
		margin-left: -8px;
		width:90px;
		float:left;
	}
	#HPSolImageCom{
		margin-top: -2px;	
	}
	#FirstSol .HPSolImage{
		margin-top: 0px;
		
	}	
	#FirstSol .HPSolText{
		margin-top: 15px;
	}
	
	
/******************************************************
		  Pied de page HP (foot_HP_frg.php)
******************************************************/
#foot_HP{
	width:980px;
	height : 23px;
	background:url(../images/site/foot_HP.jpg) no-repeat;
	clear:both;
}
#ftxt{	
	color: #FFF;	
}
#foot_L{
	line-height:23px;
	float:left;
	font-size:9px;
	text-align:left;
	width:400px;
	color:#FFF;
}
#foot_R{
	line-height:23px;
	float:right;
	font-size:12px;
	color:#FFF;
}
#foot_R a{
	text-decoration : none;
	color:#FFF;
}
#foot_R a:hover{
	color: #5C4525;
}

/******************************************************
*******************************************************
			PAGES INTERIEURE
*******************************************************
******************************************************/

/******************************************************
		Haute de page, page interieure
******************************************************/
#intro_second{
	margin-top:-90px !important;
	margin-top:10px;
	margin-left:280px !important;
	margin-left:100px;
	font-size:12px;
	font-weight:bold;
	color: #88745C;
	width:520px;
	float:left;
}
#flecheIntro{
	float:left;
}
#texteIntro{
	padding-left:10px;
	padding-top:5px !important;
	padding-top:6px;
	width:488px;
	float:left;
}
.link{
	width:180px;
	height:100px;	
	float:none !important;
	float:left;
	display:block;
}
a .link{	
	text-decoration:none;
}
.header_second{
	width:980px;
	height : 106px;
	font-size: 11px;
	color: #B3A38C;
	background:url(../images/site/header_second.jpg) no-repeat;
}
.content_echo_log{
	width:980px;
	height:350px;
	background:url(../images/site/logo_echo.gif) no-repeat;
}
/*hack pour le min-height marche sur IE6*/
html>body .content_echo_log {
	height: auto;
	min-height: 350px;
} 


/******************************************************
	Pied de page, page interieure(foot_second_frg.php)
******************************************************/
#foot_second{
	width:980px;
	height : 93px;
	background:url(../images/site/foot.jpg) no-repeat;
	clear:both;
}
#foot_space{
	width:980px;
	height:70px;
}

/******************************************************
*******************************************************
		PAGES INTERIEURES TOUTES
*******************************************************
******************************************************/

/* -------- Elements générique pour une grande partie des pages -------- */
.marginhaut{
	padding-top:10px;
	clear:both;
}
.margeHaut{
	clear:both;
}
.paddingIE{
	padding-top:10px;
}
.txtContent{
	margin:3px 50px 0px 163px;
	padding:0px 10px 2px 10px;
	width:635px;
}
.txtContentP{
	margin:3px 50px 0px 163px;
	padding:0px 10px 2px 10px;
	width:635px;
}
.fleche{
	float:left;
	margin-left:128px !important;
	margin-left:64px;
	margin-top:5px!important;
	margin-top:-5px;
}
.sous_titre{
	float:left;
}
.center{
	text-align:center;
}
.template_Illustration{
	position: relative;
	width:671px;
	height: 245px;
	clear:both;
}

*+html .template_Illustration{
	height: 280px;
}

body:nth-of-type(1) div.illustration{
	width:680px;
}
.bordureImg{
	margin:0px;
	float:left;
}
/******************************************************
				NEW - GENERIQUE
******************************************************/
.area_Left{
	float:left;
	margin: 14px 0 0 15px;
	padding:5px;
	width:640px;
}
* html .area_Left{
	margin: 14px 0 0 8px;
	width:630px;
}
.area_Right{
	float:right;
	margin: 13px  23px 0 0;
	padding:5px;
	width:260px;
	height:412px;
	background-color:#F2EDE7;
}
* html .area_Right{
	margin: 13px  10px 0 0;
	width:250px;
}

/******************************************************
				AVATAR - Galery - Creation
******************************************************/
.AV_L_Intro{
	clear:both;
	margin:10px 0 0 0;
	padding:7px 10px 10px 10px;
	width:600px;
}
.AV_L_Line{
	width:650px;
}
	.AV_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 5px 8px;
		float:left;
		width:375px;
	}
	.AV_L_Textes{		
		margin: 0 0 5px 0;			
		padding: 5px 0 0 0;
		float:left;
		width:260px;
		height:89px;
	}
	* html .AV_L_Textes{
		width:250px;
	}
		.AV_Txt_Fleche{
			float:left;
			width : 40px;
			padding-top:10px;
		}
		.AV_Txt_Content{
			float:left;	
			width : 210px;
			padding-top:10px;
		}
/******************************************************
				AVATAR - New AVATAR
******************************************************/
.AV_AV_L_Images{
	margin: 10px 10px 23px 10px;
	float:left;
	width:400px;
	height:250px;
}
* html .AV_AV_L_Images{
	margin: 10px 10px 33px 10px;
	height:270px;
}
	.AV_AV_Txt_Content{
			font-family: Arial, Helvetica, sans-serif;
			color:#88745C;
			font-style:italic;
			float:left;	
			width : 210px;
			padding-top:0px;
			margin-left:0;
		}
	.AV_AV_R_Logo{
		text-align:center;
		margin: 5px 0px 12px;
	}			
	*+html .AV_AV_R_Logo{
		margin: 5px 0px 10px;
	}		
	* html .AV_AV_R_Logo{
		margin: 5px 0px 10px;
	}
.AV_AV_L_Textes{
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 20px;
	width:230px; 
}
*+html .AV_AV_L_Textes{
	bottom: 20px;
}
* html .AV_AV_L_Textes{
	padding: 0;
	right: 0;
	margin: 0 0 10px 0;	
}	
	.AV_AV_L_Ident{
		margin: 0 0 16px 0;	
		width:230px;
		height:20px;
	}		
/******************************************************
				AVATAR - Galery
******************************************************/
.AV_R_Intro_Gal{
	clear:both;
	margin:10px 0 0 0;
	padding:0 10px 65px 10px;
	width:250px;
}
.AV_R_Line_Gal{
	margin: 0 0 0 10px;
	width:250px;
}
	.AV_R_Images_Gal{
		margin: 0 0 8px 8px;
		float:left;
		width:83px;
		height:135px;
	}
	.AV_R_Textes_Gal{
		margin: 0 0 8px 8px;
		float:left;
		width:150px;
		height:135px;
	}
	* html .AV_R_Textes_Gal{
		width:142px;
	}
	.AV_R_Textes_Gal_Bis{
		margin: 0 0 8px 0;
		float:left;
		width:150px;
		height:135px;
	}
	
/******************************************************
				AVATAR - Creation
******************************************************/
.AV_R_Intro_Crea{
	clear:both;
	margin:5px 0 0 0;
	padding:0 10px 40px 5px;
	width:250px;
}
.AV_R_Line_Crea{
	width:250px;
}
.AV_R_Outline_Crea{
	clear:both;
	margin: 0 0 0 5px;
	width:249px;
}
#paddingLeft{
	padding-left:27px;
}
	.AV_R_Images_Crea{
		float:left;
		width:83px;
	}
	.AV_R_Textes_Crea{
		margin: 0 0 0 5px;
		float:left;
		width:158px;
	}
	* html .AV_R_Textes_Crea{
		width:142px;
	}
/******************************************************
				CLIENT - Toutes les pages
******************************************************/
.CL_L_Line{
	width:650px;
	clear:both;
}
	.CL_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 0 -10px;
		padding: 0 0 0 0;
		float:left;
		width:120px;
		width:110px;
		text-align:center;
	}	
	.CL_L_Textes{
		margin: 0 0 5px 20px;			
		padding: 25px 0 0 10px;
		float:left;
		width:500px;
	}	
		.CL_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}
		.CL_content{
			height:40px;
		}
		.CL_Legend {
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}
	#CL_marge{	
		padding: 10px 50px 0 27px;
	}
	* html #CL_marge{	
		padding: 10px 0 0 27px;
	}
.CL_R_Text{
	padding: 10px;
}
.CL_NB{
	padding: 7px 0 10px 0;
}
	.CL_Number{
		font-weight:blod;
		font-style: italic;
		font-size : 18px;
	}
	
	
/******************************************************
				CLIENT - E-learning
******************************************************/
#CL_Elearn_Right{
	height:425px;
	float:right;
	margin: 13px  23px 0 0;
	width:270px;
	height:412px;
	background-color:#F2EDE7;
}

* html #CL_Elearn_Right{
	margin: 13px  10px 0 0;
	width:250px;
}
#Business_case_txt{
	padding-top : 15px;
	text-align:center;
	height:76px;
}

#Business_case_img{
	padding-top : 20px;
	text-align:right;

}

#Business_case_btn{
	margin:0;
	padding:0;
	padding-top : 32px;
}
	
/******************************************************
				CLIENT - mobile / ugc communities
******************************************************/
.CL_area_Right_MobUgc{
	float:right;
	margin: 13px  23px 0 0;
	padding:5px;
	width:260px;
	height:320px;
	background-color:#F2EDE7;
}
* html .CL_area_Right_MobUgc{
	margin: 13px  10px 0 0;
	width:250px;
}
/******************************************************
				SOCIETE - Management
******************************************************/
/* Société Management */
.titreFdBl{
	width:584px;
	height:18px;
	font-weight:bold;
	margin-top:-3px;
	background-color:#FFF;
	text-indent:10px;
	line-height:18px;
	float:left;
}
* html .titreFdBl{
	width:574px;
}
/******************************************************
				SOLUTION
******************************************************/
.sl_Offre{ 
	background-color:#FFD36E;	
	width:114px;	
	height:250px;
	color: #88745C;
	margin-top:-3px;
	padding:6px;	
	float:left;
	text-align:center;
	border-right:1px solid white;
}
.sl_Offre a{
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
.sl_Offre a:hover{
	color:#FF7D14;
	font-weight:bold;
	text-align:center;
}
.sl_Offre p{ 
	padding-top:15px;
	width:118px;
}
body:nth-of-type(1) div.sl_Offre { 
   /* pour safari et Chrome */
   margin-top:-4px;
}
/*IE6*/
* html .sl_Offre{
	width:112px;
	height:300px;
	padding:4px;
}
/*IE6*/
* html .sl_Offre p{
	width:112px;
}

/******************************************************
				SOLUTION / CLIENT
******************************************************/
.SL_OffreAll{
	width:637px;
}
#offre1_01{
	padding-left:9px;
	
}
* html #offre1_01{
	padding-left:13px;
}
#offreEnd_01{
	border-right:1px solid #FFD36E;
	padding-right:3px!important;
	padding-right:15px;
}

/******************************************************
				SOLUTION / WEBMARKETING
******************************************************/

.SL_WebM_area_Right{
	float:right;
	margin: 13px  23px 0 0;
	padding:5px;
	width:260px;
	height:442px;
	background-color:#F2EDE7;
}
* html .SL_WebM_area_Right{
	margin: 13px  10px 0 0;
	width:250px;
}

/******************************************************
				SOLUTION / ELEARNING
******************************************************/
.SL_Elearn_Area_Right{
	float:right;
	margin: 13px  23px 0 0;
	padding:5px;
	width:260px;
	height:462px;
	background-color:#F2EDE7;
}
* html .area_Right{
	margin: 13px  10px 0 0;
	width:250px;
}
/******************************************************
				SOCIETE - Histoire
******************************************************/
#offre1{
	padding-left:22px!important;
	padding-left:36px;
}
/******************************************************
				SOCIETE - Management
******************************************************/
.SC_tab{
	width:636px;
	margin-top:-13px;
	clear:both;
}
.SC_tab a{
	color:#FFFFFF;
	font-size:13px;
}


/******************************************************
				PARTENERS
******************************************************/
.liste{
	border:1px solid #FFFFFF;
	background-color:#F2EDE6;	
}
/******************************************************
				CLIENT - Webmarketing
				LIVING ACTOR - FAQ
				LIVING ACTOR - Flash
				LIVING ACTOR - Speech To Video
				LIVING ACTOR - Video
******************************************************/
.liste ul, .listeSsFd ul, .PA_listeSsFd ul{
	list-style-image:url(../images/icones/pastille.jpg);
	list-style-type:circle;
	margin-left:0px;	
	padding-left:40px;
	padding-top:0px;
	margin-top:5px
}
*+html .PA_listeSsFd li{
	margin-top:15px;
}
/******************************************************
				LIVING ACTOR - Flash
******************************************************/
.paddingHautPt{
	padding-top:5px;
	clear:both;
}
/******************************************************
				LIVING ACTOR - FAQ
				LIVING ACTOR - Flash
				LIVING ACTOR - Speech To Video
				LIVING ACTOR - Video
******************************************************/
.marginList{
	clear:both;
	padding-top:1px;
}
*+html .marginList{
	padding-top:0px;
	margin-top:0px;
	border:1px solid white;
}
/******************************************************
				SOLUTIONS - Web Marketing
******************************************************/
.SL_WebM_L_Line{
	width:650px;
	clear:both;	
}
	.SL_WebM_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 5px 0 5px 0;
		padding: 0 0 12px 0;
		float:left;
		width:200px;
		text-align:center;
	}	
	.SL_WebM_L_Textes{		
		margin: 0 0 5px 0;			
		padding: 5px 0 0 7px;
		float:left;
		width:430px;
	}
	
		.SL_WebM_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}
		.SL_WebM_Content{
			height:55px;
		}			
		.SL_WebM_Legend{
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}
		
.SL_WebM_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
/* également utiliser pour LA_Video */
.SL_WebM_R_Img{
	text-align:center;
}
.SL_WebM_R_Text{
	padding:10px;
}
#SL_WebM_img{
	margin-top:-15px;
}
/******************************************************
				SOLUTIONS - Communication
******************************************************/
.SL_Com_L_Line{
	width:650px;
	clear:both;
}
	.SL_Com_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 12px 0;
		float:left;
		width:190px;
		text-align:center;
	}	
	
	.SL_Com_L_Textes{
		margin: 0 0 5px 0;			
		padding: 5px 0 0 15px;
		float:left;
		width:430px;
	}	
		.SL_Com_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}
		.SL_Com_Content{
			height:55px;
		}
		.SL_Com_Legend {
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}		
.SL_Com_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
.SL_Com_R_Img{
	text-align:center;
}
.SL_Com_R_Text{
	padding:10px;
}	
/******************************************************
				SOLUTIONS - E-learning
******************************************************/
.SL_Elearn_L_Line{
	width:650px;
	clear:both;
}
	.SL_Elearn_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 12px 0;
		float:left;
		width:170px;
		text-align:center;
	}		
	.SL_Elearn_L_Textes{
		margin: 0 0 5px 0;			
		padding: 5px 0 0 15px;
		float:left;
		width:450px;
	}	
		.SL_Elearn_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}
		.SL_Elearn_Content{
			height:55px;
		}		
		.SL_Elearn_Legend {
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}		
.SL_Elearn_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
.SL_Elearn_R_Img{
	text-align:center;
}
.SL_Elearn_R_Text{
	padding:10px;
}	
/******************************************************
				SOLUTIONS - Mobile
******************************************************/
.SL_Mob_L_Line{
	width:650px;
	clear:both;
}
	.SL_Mob_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 12px 0;
		float:left;
		width:170px;
		text-align:center;
	}	
	.SL_Mob_L_Textes{
		margin: 0 0 5px 0;			
		padding: 5px 0 0 15px;
		float:left;
		width:450px;
	}	
		.SL_Mob_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}

		.SL_Mob_Content{
			height:55px;
		}		
		.SL_Mob_Legend {
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}	
#SL_Mob_Right{
	height:435px;
}		
.SL_Mob_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
.SL_Mob_R_Img{
	text-align:center;
}
.SL_Mob_R_Text{
	padding:10px;
}
/******************************************************
				SOLUTIONS - Communities
******************************************************/
.SL_Ugc_L_Line{
	width:650px;
	clear:both;
}
	.SL_Ugc_L_Images{
		text-align:right;
		font-style:italic;
		font-size:10px;	
		line-height: 12px;
		margin: 0 0 5px 0;
		padding: 0 0 12px 0;
		float:left;
		width:170px;
		text-align:center;
	}	
	.SL_Ugc_L_Textes{
		margin: 0 0 5px 0;			
		padding: 5px 0 0 25px;
		float:left;
		width:450px;
	}
	* html .SL_Ugc_L_Textes{
		width:440px;
	}
		.SL_Ugc_title{		
			font-weight:bold;
			font-size:14px;	
			padding-bottom:2px;
		}
		.SL_Ugc_Content{
			height:55px;
		}		
		.SL_Ugc_Legend {
			padding-top:11px;
			font-style:italic;
			font-size:12px;	
			text-align:right;
		}		
.SL_Ugc_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
.SL_Ugc_R_Img{
	text-align:center;
}
.SL_Ugc_R_Text{
	padding:10px;
}
/******************************************************
				LIVING ACTOR - video
******************************************************/
.LA_imgLeft{
	float:left;
	width:50px;
}
.LA_txtLeft{
	float:left;
	width:210px;
}
.LA_alignRight {
	text-align:center;
}
/******************************************************
				LIVING ACTOR - FAQ
				LIVING ACTOR - Flash
				LIVING ACTOR - Speech To Video
				LIVING ACTOR - Video
******************************************************/
.LA_R_Img_center{
	text-align:center;
}
.LA_Video_area_Right, .LA_SVideo_area_Right{
	float:right;
	margin: 13px  23px 0 10px;
	padding:10px;
	width:260px;
	background-color:#F2EDE7;
}
* html .LA_Video_area_Right, * html .LA_SVideo_area_Right{
	margin: 13px  10px 0 10px;
	width:250px;
}
.LA_Video_area_Right{
	height:610px;
}
.LA_SVideo_area_Right{
	height:660px;
}
/******************************************************
				LIVING ACTOR - FAQ
				LIVING ACTOR - Speech To Video
******************************************************/
.LA_legend{
	font-style:italic;
	text-align:center;
}
/******************************************************
				LIVING ACTOR - Speech To Video
******************************************************/
.LA_miLegend{
	font-style:italic;
	font-size:10px;
}
/******************************************************
				LIVING ACTOR - FAQ
******************************************************/
.LA_txtFAQ{
	float:left;
	width:145px;
}
* html .LA_txtFAQ{
	width:143px;
}
.LA_imgFAQ{
	float:left;
	width:115px;
}
* html .LA_imgFAQ{
	width:114px;
}
/******************************************************
				LIVING ACTOR - Flash
******************************************************/
#Avatar {
	float: left;
	overflow: hidden;
	width:100%;
	height:152px;
	
}
#Avatar a {float: left;
	text-align:center;
	width: 100%;
	height: 152px;
	overflow: hidden;
}

#Avatar a:hover img {
	margin-top: -152px;
}
#AvatarDemo {
	float: left;
	overflow: hidden;
	width:174px;
	height:110px;
	
}
#AvatarDemo a {
float: left;
	text-align:center;
	width: 100%;
	height: 110px;
	overflow: hidden;
}

#AvatarDemo a:hover img {
	margin-top: -110px;
}/*
#AvatarDemo{
	width:173px;
	height:113px;
}*/

.LA_Flash_Right{
	float:right;
	margin: 13px  23px 0 10px;
	padding:10px;
	width:260px;
	height:380px;
	background-color:#F2EDE7;
}

.LA_Flash_R_Intro{
	font-weight:bold;
	font-size:16px;	
	padding:10px;	
}
/******************************************************
				LIVING ACTOR - Tutoriel Video
******************************************************/
#LA_Video_flash{
	width:768px;
	height:526px;
	margin:0px;
	padding:10px;
}
body:nth-of-type(1) div#LA_Video_flash{
	padding:4px;
}
/******************************************************
				LIVING ACTOR - Presenter
******************************************************/
#LAP_fr , #LAP_en{
	margin-left:17px;
}
#LAP_fr a, #LAP_en a{
	display:block;
	height:64px;
	text-indent:-9999px;
	width:226px;
}
#LAP_fr a{
	background:url("../images/LA/GetStarted_fr.jpg") no-repeat scroll 0 0 transparent;
}
#LAP_fr a:hover{
	background:url("../images/LA/GetStarted_fr.jpg") no-repeat scroll 0 100% transparent;
}
#LAP_en a{
	background:url("../images/LA/GetStarted_en.jpg") no-repeat scroll 0 0 transparent;
}
#LAP_en a:hover{
	background:url("../images/LA/GetStarted_en.jpg") no-repeat scroll 0 100% transparent;
}

/******************************************************
				SOCIETE - Historique
******************************************************/
.histPara{
	text-indent: 25px;
}
.left{
	padding-right:10px;
	float:left;	
}
* html .left{
	height:130px;
}
.sc_Offre{
	background-color:#A8D0D8;	
	width:193px;
	height:150px;
	color: #88745C;
	margin-top:-3px;
	padding:5px 5px 5px 5px;	
	float:left;
}
* html .sc_Offre{
	padding:5px 24px 5px 25px;
	width:150px;
}
.sc_OffreAll{
	width:637px;
}
/******************************************************
				SOCIETE - News
******************************************************/
#desinscrire{
	height:0px;
	visibility: hidden;
}

#deinscrireIn{
	width : 280px;
}
* html #txtMention{
	margin-top:-85px;
}
fieldset legend{
	color: #5F4F3B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
* html .center input{
	margin:5px;
}
/*--------------- Newsletter ---------*/
.news{
	width : 635px;
	height:30px;
	clear:both;
}
.newsl_date{
	float:left;
	width : 100px;
	height : 20px;
	margin-left:6px!important;
	margin-left:0px;
	margin-right:10px;
	line-height	:20px;
}
.newsl_content{
	float:left;
	width : 420px;
	margin-bottom:5px;
}
.newsl_image{
	float:right;
	margin-left:5px;
	width : 21px;
	height : 20px;
}
.newsl_telecharger{
	float:right;
	width : 60px;
	height : 20px;
	margin-bottom:5px;
	margin-left:5px;
}
#listenSwf{
text-align:left;	
}
.communique{
	width : 635px;
	clear:both;
}
/******************************************************
				CONTACT
******************************************************/
.adresse{ 
	float:left;
	width:200px;
	margin:0 10px 10px 70px;
}
* html .adresse{	
	margin:0px 10px 10px 10px;
}
#swfContact{
	width:600px;
	height:325px;
}
/******************************************************
				CONTACT - FAQ
******************************************************/
.FAQ_Content{
	margin:3px 50px 0px 130px;
	padding:0px 10px 2px 10px;
	width:635px;
}
#Site_FAQ h2{
	text-align:left;
}
#Site_FAQ .frontNameQuestion a{
	font-size:11px;
}
#Site_FAQ #frontKnowMore a{
	font-size:10px;
	color:#484848;	
}

/******************************************************
		  Error 404
******************************************************/
#top{
	width:980px;
	height : 93px;
	background:url(../images/site/top.jpg) no-repeat;
	clear:both;
}


/******************************************************
		  Newsletter Video 2007-11
******************************************************/
#container_Video{
	text-align:left;
	width:480px;
	background-color:#FFFFFF;	
	border :1px solid #837158;
}


/******************************************************
		LA_Dwload LA Vidéo
******************************************************/
#resultats{
color:red;
font-weight:bolder; 
}