body          { font-size: 68.75%; }   /* IE */
html > body   { font-size: 11px; }  /* les autres */

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #333133;
	line-height: 1.2em;
	background-color : #f7f4f6;
}

a {
	color : #792090;
}

h1 {
	color : #454345;
	font-size : 17px;
	font-weight : bold;
	float : left;
	margin-right : 7px;
	margin-top : 23px;
	margin-bottom : 15px;
    line-height: 1.2em;
}

h2 {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
    font-weight : bold;
    margin: 0 0 10px 0px; 
}

.sous-titre_domaine {
    color : #454345;
	font-size : 17px;
	font-weight : bold;
	float : left;
	margin-right : 7px;
	margin-top : 23px;
	margin-bottom : 15px;
    line-height: 1.2em;
}

.index-title-b {
    clear : both;
    color : #fff;
    font-size : 8px; 
}


#contenu_site { line-height: 1.3em }

/* couleurs des titres et puces */
.puce_base {
	list-style-image : url(Images/listes/puce_base.png);
	margin-left : 29px;
	margin-top: -3px;
}
.puce_base_player {
	list-style-image : url(Images/listes/puce_base.png);
	margin-left : 370px;
	margin-top: 0px;

}
.puce_notre_va {
	list-style-image : url(Images/listes/puce_base.png);
	padding-left : 16px;
	margin-top: -10px;	
}

.puce_base_roi {
	list-style-image : url(Images/listes/puce_base.png);
	margin-left : 152px;
	margin-top: -12px;
}

.puce_base_formation_exemples {
	list-style-image : url(Images/listes/puce_base.png);
	margin-left : 241px;
	margin-top: -12px;
}

.puce_list_r-et-d {
    list-style-type: circle; 
	margin-left : 14px;
	margin-top: 2px;
}

.puce_wud {
	list-style-image : url(Images/listes/puce_base_reduit.png);
	padding-left : 28px;
	margin-top: -6px;
}

.couleur_logiciels {
	color : #025ADA;
}
.puce_logiciels {
	list-style-image : url(Images/listes/puce_logiciel.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_jeux {
	color : #D74511;
}
.puce_jeux {
	list-style-image : url(Images/listes/puce_jeux.png);
	margin-left : 29px;
	margin-top: -12px;
	
}
.puce_jeux_player {
	list-style-image : url(Images/listes/puce_jeux.png);
	margin-left : 370px;
	margin-top: 0px;
	
}
.couleur_web {
	color : #009191;
}
.puce_web {
	list-style-image : url(Images/listes/puce_web.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_intranet {
	color : #B50041;
}
.puce_intranet {
	list-style-image : url(Images/listes/puce_intranet.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_accessi {
	color : #117D31;
}
.puce_accessi {
	list-style-image : url(Images/listes/puce_accessi.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_elearning {
	color : #DD6D00;
}
.puce_elearning {
	list-style-image : url(Images/listes/puce_elearning.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_industrie {
	color : #238FB1;
}
.puce_industrie {
	list-style-image : url(Images/listes/puce_industrie.png);
	margin-left : 29px;
	margin-top: -12px;
}
.couleur_interfaces {
	color : #C21633;
}
.puce_interfaces {
	list-style-image : url(Images/listes/puce_interfaces.png);
	margin-left : 29px;
	margin-top: -12px;
}
/* fin des couleurs */

/* global */
#conteneur {
	/*min-width : 961px;*/
	width : 1005px;
	margin-left : auto;
	margin-right : auto;
	
	border-left-style : solid ;
	border-left-color : #e6e6e6 ;
	border-left-width : 1px ;
	border-right-style : solid ;
	border-right-color : #e6e6e6 ;
	border-right-width : 1px ;
	background-color : #fff;
}

.toplink {
  clear: both;
  padding-top: 30px;
  margin: 1px -1px 5px 250px;
  /* margin-top permet de definir la hauteur du BORDER du 'conteneur'*/
}

#preload_div {
	width : 1px;
	height : 1px;
	position : absolute;
	top : -100px;
	left : 0;
	display : none;
}

.clearer {
	clear : both;
}

.bold {
	font-weight : bold;
}
/* end global */

/* header */
#header{
	background: white url(Images/Image_Bandeau/Image_bandeau_5px.jpg) 0 0 no-repeat;
    height : 149px;
	width : 100%;
	
}

#logo img {
  position : relative ;
  top : 0;
  left : 0;
}

#bandeau{
	height:102px;
	width:818px;
	/* height:149px;
	width:1015px; */
	position: relative;
    float: right;
}


#back_image_fr, #back_image_en, #back_image_it {
    position : absolute;
	height:102px;
	width:818px;
	background-repeat:no-repeat;
}
#back_image_fr {
	background-image:url(Images/Image_Bandeau/Image_bandeau_haut_FR.jpg);
}

#back_image_en {
	background-image:url(Images/Image_Bandeau/Image_bandeau_haut_EN.jpg);
}

#back_image_it {
	background-image:url(Images/Image_Bandeau/Image_bandeau_haut_IT.jpg);
}

/* barre de langues */
#langages{
    /*clear : both;*/
    float: right;
    margin-top : 5px;
    margin-left : 0px;
    padding-top: 3px;
    padding-right: 17px;
}

.langues {
	color : #fafafa;
	font-size:11px;
	text-decoration:underline;
}
/*.langues:hover {
	color:#800080;
	text-decoration : underline;
}*/
#langues_selected {
	font-size:11px;
	color:#fafafa;
}
#langues_separateur {
	font-size:11px;
	color:#fafafa;
}
/* fin barre de langues #3F0C64*/
/* end header */

/* page_content */
#page_content {
  float: right;
  width: 101%;
  margin-left: -185px;
  margin-right : 0px;
  margin-top : -5px;
}

/* menu 
#menu, #menu_haut { width:180px; 
                  }
*/

#menu { 
/*	background-image:url(Images/Image_Menu/Forme_menu_Pixel.gif);*/
	width:180px;
	background-color : #ffffff;
	background-repeat:repeat-y;
    position: relative;
    	
}
#menu_haut {
    margin-top : 18px;
    background-image:url(Images/Image_Menu/Image_menu.jpg);
	background-repeat:no-repeat;
}


#copyright {
	color : #7a3da0;
	font-size : 11px;
	font-family : Arial;
	padding-left : 7px;
	margin-bottom : 4px;
	margin-left : 38px;
}

#navcontainer {
	width : 180px;
	height : 868px; /* ajoute par rapport a intial */
	top : 0;
}

.
 { margin-bottom: 15px }

#navcontainer_admin {
	top : 0;
	height : 831px;
	background : url(Images/Image_Menu/Image_menu_Admin.png);
	background-repeat : no-repeat;
}

#navcontainer_dev {
	top : 0;
	height : 831px;
	background : url(Images/Image_Menu/Image_menu_Dev.png);
	background-repeat : no-repeat;
}

#navcontainer ul {
	margin-top : -5px;
	margin-left: 2px;
	padding-left: 0;
	font-family : Verdana;
	font-size : 13px;
	font-weight : bold;
	list-style-type : none;
}

.menu1, .menu1_clicked {
	margin : 0 0 3px 0;
	width : 168px;
	height : 22px; /* H + padding = 21 */
	padding-top : 8px;
}

a.principal, #principal_clicked {
	display: block;
	height: 22px;
	width : 155px;
	padding-top:8px;
	padding-left:12px;
	padding-right : 1px;
	text-align:left;
}

a.principal {
  background-image: url(Images/Boutons/menu_principal/menu_principal.png);
	background-repeat: no-repeat;
	color:#7a3da0;
	text-decoration: none;
}
a.principal:hover {
	background-position : -168px;
}

#principal_clicked {
  background-image: url(Images/Boutons/menu_principal/menu_principal.png);
	background-position : -336px;
	color:#fff;
}
.menu_offset {
	font-family: Arial;
	font-size : 15px;
	margin-bottom : -7px;
	padding : 24px 0 0 15px;
	}
	
.menu_offset2 {
	font-family: Arial;
	font-size : 15px;
	margin-bottom : -6px;
	padding : 8px 0 0 15px;
}

.cadre_menu {
	/*color : #fff;
	background-color : #935eb6;*/
	margin-top : 10px;
	margin-left : 0px;
	margin-bottom: 12px; 
	
}

.cadre_menu li {
	width : 170px;
	height : 30px;
 	margin-top : 2px;
	margin-left : 0px;
	font-weight : bold;
	color : #7a3da0;
	list-style-type : none;

}

.cadre_menu li a:hover {
    background-position : -168px;
}


.cadre_menu a.ssmenu {
	background-image: url(Images/Boutons/POLES/sous-menu.png);
	display: block;
	color:#7a3da0;
	height: 22px;
	width : 135px;
	padding-top:8px;
	padding-left:32px;
	padding-right : 1px;
	text-align:left;
	text-decoration: none;
}

#ssmenu_clicked {
    background-image: url(Images/Boutons/POLES/sous-menu.png);
	background-position : -336px;
	color:#fff;
	height:22px;
	padding-top:8px;
	padding-left:32px;
	padding-right: 5px;
	width: 131px;
	display: block;
	text-align:left;
}

/*** POLES ***/
#ssmenu_logiciels,
#ssmenu_intranet,
#ssmenu_ecommerce,
#ssmenu_accessibilite,
#ssmenu_jeux,
#ssmenu_elearning,
#ssmenu_industrie,
#ssmenu_interfaces,
#ssmenu_logiciels_clicked,
#ssmenu_intranet_clicked,
#ssmenu_ecommerce_clicked,
#ssmenu_accessibilite_clicked,
#ssmenu_jeux_clicked,
#ssmenu_elearning_clicked,
#ssmenu_industrie_clicked,
#ssmenu_interfaces_clicked
 {
  display: block;
	color:#7a3da0;
	height: 22px;
	width : 135px;
	padding-top:8px;
	padding-left:32px;
	padding-right : 1px;
	text-align:left;
	text-decoration: none;
}

#ssmenu_logiciels_clicked,
#ssmenu_intranet_clicked,
#ssmenu_ecommerce_clicked,
#ssmenu_accessibilite_clicked,
#ssmenu_jeux_clicked,
#ssmenu_elearning_clicked,
#ssmenu_industrie_clicked,
#ssmenu_interfaces_clicked
{ background-color: white; }

#ssmenu_logiciels{
	background-image: url(Images/Boutons/POLES/logiciels.png);
}

#ssmenu_logiciels_clicked{
	background-image:url(Images/Boutons/POLES/logiciels.png);
	background-position : -336px;
	color:#fff;
}

#ssmenu_intranet{
	background-image: url(Images/Boutons/POLES/intranet.png);
}
#ssmenu_intranet_clicked{
	background-image:url(Images/Boutons/POLES/intranet.png);
	background-position : -248px;
	color:#b50041;
}

#ssmenu_ecommerce{
	background-image: url(Images/Boutons/POLES/web.png);
}
#ssmenu_ecommerce_clicked{
	background-image:url(Images/Boutons/POLES/web.png);
	background-position : -336px;
	color:#fff;
}

#ssmenu_accessibilite{
	background-image: url(Images/Boutons/POLES/accessibilite.png);
}

#ssmenu_accessibilite_clicked{
	background-image:url(Images/Boutons/POLES/accessibilite.png);
	background-position : -336px;
	color:#fff;
}

#ssmenu_jeux{
	background-image: url(Images/Boutons/POLES/jeux.png);
}
#ssmenu_jeux_clicked{
	background-image:url(Images/Boutons/POLES/jeux.png);
	background-position : -336px;
	color: #fff;
}

#ssmenu_elearning{
	background-image: url(Images/Boutons/POLES/elearning.png);
}
#ssmenu_elearning_clicked{
	background-image:url(Images/Boutons/POLES/elearning.png);
	background-position : -248px;
	color:#dd6d00;
}

#ssmenu1_industrie{
	background-image: url(Images/Boutons/POLES/industries.png);
}
#ssmenu1_industrie_clicked{
	background-image:url(Images/Boutons/POLES/industries.png);
	background-position : -248px;
	color:#238FB1;
}

#ssmenu1_interfaces{
	background-image: url(Images/Boutons/POLES/interfaces.png);
}
#ssmenu1_interfaces_clicked{
	background-image:url(Images/Boutons/POLES/interfaces.png);
	background-position : -248px;
	color:#c21633;
}

/*** END POLES ***/

li.follow_text {
  padding-top: 23px;
  text-align: center;
  color: #7a3da0;
  font-weight:normal;
}

.image_follow1 {
    float : left;
    border : 0;
    width: 24px;
    height : 24px;
    margin : 16px 0 1px 18px;
} 

.image_follow2 {
    float : left;
    border : 0;
    width: 24px;
    height : 24px;
    margin : 16px 0 1px 13px;
}
.follow_line {
    border : 0;
    width: 130px;
    height : 33px;
    margin : 20px 0 0 19px;
} 
.image_youtube {
    float : left;
    border : 0;
    width: 40px;
    height : 18px;
    margin : 12px -1px 2px 18px;
}
.text_youtube {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    font-weight:normal;
    margin: 13px 0 0 0;
	padding-top : 0px;
	}

a.lien_youtube {
text-decoration : none;
	} 
	
a.lien_youtube:hover {
text-decoration : underline;
	}     

/* li.plan {
  padding-top: 9px;
  text-align: right;
}
li.plan a {
    color: #7a3da0;
    font-weight:normal;
    margin-right: 16px;
	text-decoration: underline;
}
li.plan a:hover {
	color:#7a3da0;
}
li.credits {
  padding-top: 9px;
  text-align: right;
}
li.credits a {
	color: #7a3da0;
	font-weight:normal;
    margin-right: 16px;
	text-decoration: underline;
}
li.credits a:hover {
	color:#7a3da0;
}*/

/* fin menu */

#centre {
  margin-left: 195px;
}

#onglets {
	min-width : 730px;
	width : 94%;
	height : 28px;
	margin-left : 28px;
	background: url(Images/cadres/cadre_horizontal_long.png) right 27px repeat-x;
}

/*liste des onglets*/
#onglets ul {
	width : 670px;
	padding-left: 0;
}

#onglets ul li {
	padding-top : 9px;
	height : 18px;
	list-style-type : none;
	float : left;
	text-align : center;
	width : 158px;
	background-image: url(Images/ONGLETS/onglets.png);
}

#onglet_premier {
	background-position : 0 0;
}

#onglet_premier:hover {
	background-position : -158px 0;
	color:#fff;
}

/** POLES **/
#onglet_premier_logiciels:hover {
	background-position : -158px 0;
	color:#fff;
}

#onglet_premier_jeux-videos:hover {
	background-position : -158 0;
	color:#fff;
}

#onglet_premier_internet:hover {
	background-position : -158px 0;
	color:#fff;
}
#onglet_premier_accessibilite:hover {
	background-position : 0 -29px;
	color:#fff;
}

/*-------------*/

#onglet_premier_intranet:hover {
	background-position : 0 -87px;
	color:#fff;
}


#onglet_premier_e-learning:hover {
	background-position : -284px -29px;
	color:#fff;
}

#onglet_premier_industries:hover {
	background-position : 0 -58px;
	color:#fff;
}

#onglet_premier_interfaces-mobiles:hover {
	background-position : -284px -58px;
	color:#fff;
}
/** FIN POLES **/

#onglet_premier_clicked {
	background-position: 158px 0;
}

.onglet1 {
	background-position: -316px 0;
	margin-left : 0px;
}

.onglet1:hover {
	background-position: -474px 0;
	color:#fff;
}

/** POLES **/
.onglet1_logiciels {
	background-position : -158px 0;
}

.onglet1_logiciels:hover {
	background-position : -316px 0;
	color:#fff;
}
.onglet1_jeux-videos {
	background-position : -158px 0;

}

.onglet1_jeux-videos:hover {
	background-position : -316px 0;
	color:#fff;
}
.onglet1_internet {
	background-position : -158px 0;

}

.onglet1_internet:hover {
	background-position : -316px 0;
	color:#fff;
}

.onglet1_accessibilite {
	background-position : -158px 0;

}

.onglet1_accessibilite:hover {
	background-position : -158px 0;
	color:#fff;
}

/*-----------------*/
.onglet1_intranet {
	background-position : -284px 0;
	margin-left : -12px;
}

.onglet1_intranet:hover {
	background-position : -142px -87px;
	color:#fff;
}

.onglet1_e-learning {
	background-position : -284px 0;
	margin-left : -12px;
}

.onglet1_e-learning:hover {
	background-position : -426px -29px;
	color:#fff;
}
.onglet1_industrie {
	background-position : -284px 0;
	margin-left : -12px;
}

.onglet1_industrie:hover {
	background-position : -142px -58px;
	color:#fff;
}
.onglet1_interfaces-mobiles {
	background-position : -284px 0;
	margin-left : -12px;
}

.onglet1_interfaces-mobiles:hover {
	background-position: -426px -58px;
	color:#fff;
}
/** FIN POLES **/

.onglet1_clicked {
	background-position : 158px 0;
	margin-left : 0px;
}
	
/*traitement du texte dans les onglets*/
.onglet {
	width : 100%;
	height : 28px;
	color: #7a34a5;
	display : block;
	font-weight : bold;
	text-decoration : none;
}
.onglet:hover {
	width : 100%;
	height : 28px;
	color: #74389a;
	display : block;
	font-weight : bold;
	text-decoration: underline;
}

.onglet_logiciels,
.onglet_jeux-videos,
.onglet_internet,
.onglet_accessibilite 
 {
	width : 100%;
	height : 28px;
	color: #7a34a5;
	display : block;
	font-weight : bold;
	text-decoration: none;
}


.onglet_logiciels:hover {
	width : 100%;
	height : 28px;
	color: #025ADA;
	display : block;
	font-weight : bold;
	text-decoration: underline;
}

.onglet_jeux-videos:hover {
	width : 100%;
	height : 28px;
	color: #D74511;
	display : block;
	font-weight : bold;
	text-decoration: underline;
}

.onglet_internet:hover {
	width : 100%;
	height : 28px;
	color: #009191;
	display : block;
	font-weight : bold;
	text-decoration: underline;
}

.onglet_accessibilite:hover {
	width : 100%;
	height : 28px;
	color: #117D31;
	display : block;
	font-weight : bold;
	text-decoration: underline;
}





#onglet_clicked {
	color:#fff;
	font-weight : bold;
}

#onglet_clicked_logiciels {
	color:#fff;
	font-weight : bold;
}

#onglet_clicked_jeux-videos {
	color:#fff;
	font-weight : bold;
}

#onglet_clicked_internet {
	color:#fff;
	font-weight : bold;
}

#onglet_clicked_accessibilite {
	color:#fff;
	font-weight : bold;
}

/*-----------------*/
#onglet_clicked_intranet {
	color:#B50041;
}

#onglet_clicked_e-learning {
	color:#DD6D00;
}

#onglet_clicked_industrie {
	color:#238FB1;
}

#onglet_clicked_interfaces-mobiles {
	color:#C21633;
}
/*Fin traitement du texte dans les onglets*/
/* Fin liste des onglets */

#contenu_central {
	clear : both;
	padding-top : 5px;
}

#barre_verticale {
	background-image:url(Images/cadres/cadre_horizontal_debut.png);
	height:5px; 
	background-repeat:no-repeat;
	width:28px;
	margin-top : -6px;
	float : left;
}

#contenu_site {
	margin-left : 30px;
	width : 92.5%;
	float : left;
	text-align : justify;
}
#contenu_site li {
  line-height: 1.5em;
}

#contenu_site_admin {
	margin-left : 3%;
	width : 75%;
	float : left;
	text-align : justify;
}

#contenu_site_index {
	margin-left : 14px;
	width : 805px;
	text-align : justify;
	float : left;
}

#contenu_site_credits {
	margin-top : 50px;
	margin-left : 80px;
	width : 650px;
	text-align : justify;
}

#contenu_site_credits h1{
	font-size : 17px;
	font-weight : bold;
	float : left;
	padding-right : 7px;
	padding-top : 3px;
	
}
.equipe-title_align_left {
	text-align : left;
	margin-top: 10px;
	margin-bottom: -5px;		
}
.equipe-title_align_right {
	text-align : right;
	margin-top: -10px;	
	margin-bottom: -12px;
}


.citation_auteur{
	
	text-align: right;
	margin-top: -6px;
}
/* fin page_content */

.table_header {
	margin-right : 5%;
}

/* page index */
#index_title {
	margin-top : -10px;
	margin-bottom : 18px;
	margin-left : 4px;
	color : #5485df;
	/*color : #7E2096;*/
	font-size : 25px;
	font-weight : normal;
	word-spacing : 2pt;
}	
#index_title_image {
	border :0;
	margin-top : -71px;
	margin-bottom : 12px;
	margin-left : 11px;
		
}

/* NEW */
#encarts_services {
    width : 100%;
}

#service1 {
    float : left;
    width : 233px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_audit.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 0;
    padding: 14px 15px 5px 12px;
}
#service1_it {
    float : left;
    width : 235px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_audit.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 0;
    padding: 14px 13px 5px 12px;
}

#service1_en {
    float : left;
    width : 231px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_audit.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 0;
    padding: 14px 17px 5px 12px;
}

a.title_service {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
    text-decoration : none;
    margin: 0 0 10px 0px;
}
a.title_service:hover {
    text-decoration : underline;
}

#service2 {
    float : left;
    width : 236px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_eyetracking.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 6px;
    padding: 14px 10px 5px 12px;
}

#service2_en {
    float : left;
    width : 232px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_eyetracking.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 6px;
    padding: 14px 14px 5px 12px;
}

#service3 {
    float : left;
    width : 233px;
	height : 148px; 
	background-image: url(Images/Home_page/services_encart_formation.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 -25px 0 8px;
    padding: 14px 15px 5px 12px;
}



#encarts_2eme_ligne {
    width : 100%;
}

.titre_section {
    font-family: Arial;
    color : #fff;
    font-size :13px;
    margin: -1px 0 0 10px;
}  

.titre_section_en {
    font-family: Arial;
    color : #fff;
    font-size :13px;
    margin: -1px 0 0 4px;
}    

.titre_section_it {
    font-family: Arial;
    color : #fff;
    font-size :13px;
    margin: -1px 0 0 5px;
}    

#video_conseil_ergonomie {
    float : left;
    width : 525px;
	height : 383px; 
	background-image: url(Images/Home_page/Video_Fond.png);
	background-repeat: no-repeat;
	text-align : justify;
	padding : 5px 0 0 0;
}


#player_video_conseil_ergonomie {
	background-color : #fff;
	text-align : left;
	width : 470px;
	height : 290px;
	margin : 5px 0 0 0px;
 	}

.lien_voir_plus_videos {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    text-align: right ;
    margin: 36px 11px 0 0;
	padding-top : 0px;
	}      

#actualite_ludotic {
    float : left;
    width : 256px;
	height : 383px; 
	background-image: url(Images/Home_page/Actualite_Fond.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 8px;
    padding: 5px 0 0 0;
}

.actualite_contenu {    
    width: 220px;
    margin: 24px 0 0 18px;   
    }


.titre_theme_actualite {
    font-family: Verdana;
    color : #888888;
    font-size :13px;
    margin: 0 0 0 0;
}

.titre_actualite {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size :11px;
   text-align : left;
   color : #7E2096;
   margin : 16px 0 10px 0;
   }

.actualite_paragraphe1 
{
    float: left;
    width: 140px;
    text-align : justify;
} 

.image_actualite {
    border : 0;
    float: left;
    width: 70px;
    height : 120px;
    margin : -1px 0 0 10px;
} 

.actualite_paragraphe2 
{
    width: 100%;
    text-align : justify;
    margin : 0 0 0 0;
}

.image_actualite2 {
    float : left;
    border : 0;
    width: 100px;
    height : 53px;
    margin : 2px 0 0 -1px;
} 

.image_actualite2a {
    float : left;
    border : 0;
    width: 94px;
    height : 53px;
    margin : 2px 0 0 17px;
} 

.lien_voir_plus_actualite {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    text-align: right ;
    margin: 10px 0 0 0;
	padding-top : 0px;
	}      

/* Actualites IT - EN ! */



#actualite_ludotic_it_en {
    float : left;
    width : 256px;
	height : 383px; 
	background-image: url(Images/Home_page/Actualite_Fond.png);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 8px;
    padding: 5px 0 0 0;
}


.actualite_contenu_it_en {    
    width: 227px;
    margin: 23px 0 0 14px; 
    }

.titre_actualite_it_en {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size :11px;
   text-align : left;
   color : #7E2096;
   margin : 12px 0 8px 0;
   }

.actualite_paragraphe1_it_en 
{
    float: left;
    width: 149px;
    text-align : justify;
} 

.image_actualite_it_en {
    border : 0;
    float: left;
    width: 70px;
    height : 108px;
    margin : -1px 0 0 8px;
} 

.actualite_paragraphe2_it_en 
{
    width: 100%;
    text-align : justify;
    margin : 0 0 0 0;
}

.lien_voir_plus_actualite_it_en {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    text-align: right ;
    margin: 9px 0 0 0;
	padding-top : 0px;
	}   

/* Fin actualites IT - EN ! */


#references {
	clear : both;
	width : 789px;
	height : 120px; 
	background-image: url(Images/cadres/references_HP.gif);
	background-repeat: no-repeat;
	text-align : justify;
	color : black;
}
.ref_zone_cliquable {
    float : left;
    width : 753;
	height : 109px;
	margin-left : 200px;
	margin-top : 10px; 
}

   
#focus_bas_de_page {
	clear : both;
	width : 789px;
	height : 157px; 
	background-image: url(Images/Home_page/Focus_en_bas_Fond.png);
	background-repeat: no-repeat;
	text-align : justify;
	padding-top : 6px;
	
}
.image_focus_bas_de_page {
    border : 0;
	float : right;
	width : 242px;
	margin : 24px -12px 0 23px;
}

#contenu_focus_bas_de_page {
        width : 93%;
        margin: 29px 0 0 28px; 
    }

.titre_focus_bas_de_page {
   font-size :11px;
   }

.text_focus_bas_de_page {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    color : #333133;
    text-align : justify;
    margin: 0 0 0 0;
	padding-top : 0px;
	width : 100%;
}

.lien_voir_plus_focus {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size :11px;
    text-align: right ;
    margin: 1px -6px 0 0;
	padding-top : 0px;
	}

/* fin NEW */



/* a VERIFIER a quoi correspondent ces elements (ancien 'encart_couleur' : est-ce utile ? */

#encart_color_small {
    float : right;
    background-image : url(Images/cadres/encart_couleur_small.png);
	background-repeat: no-repeat;
	width : 192px;
	height : 160px;
	margin-top : 8px;
	margin-left : 35px;
	margin-right : -10px;
	
}
.text_encart_small {
    clear : both;
    color : #1a1a1a;
    text-align : justify;
    margin-top: 9px;
	padding-top : 5px;
	padding-left : 14px;
	width : 81%;
}
.text_encart_small_2 {
    clear : both;
    color : #1a1a1a;
    text-align : justify;
    margin-top: 9px;
	padding-top : 5px;
	padding-left : 16px;
	width : 79%;
}

.text_ligne_vide {
    clear : both;
    font-size : 1px;
    text-align : justify;
	margin-top : -5px;
	padding-left : 17px;
}

.text_ligne_vide_petit {
    clear : both;
    font-size : 0px;
    text-align : justify;
	margin-top : -5px;
	padding-left : 17px;
}
.text_left {
    clear : both;
   }

.ligne_vide_petit {
    font-size : 0px;
    text-align : justify;
	margin-top : -5px;
	padding-left : 17px;
}
/* FIN ''a VERIFIER'' */
     
/* FIN nouveaux elemenets de la page d'accueil */


#title_bar {
	clear : both;
	height : 14px;
	color : #ffffff;
	width : 100%;
	margin-bottom : 10px;
	background-image: url(Images/cadres/barre_news.png);
	background-repeat: no-repeat;
}

#left {
	float : left;
	width : 49%;
	padding-left : 3px;
	text-align : left;
}

#right {
	float : left;
	width : 50%;
	text-align : right;
}
#archives_news {
	float : left;
	width : 48.5%;
	text-align : right;
	
}

#news {
	clear : both;
	width : 98%;
	text-align : justify;
	color : black;
}

.news_single {
	
	background : #f5f5f5;
	padding : 7px 5px 3px 10px;
	margin-bottom : 8px;
	text-align : justify;
}

.news_single p {
	margin-top : 0;
	margin-bottom : 0;
}
/* fin page index */


/***SERVICES***/

/* Titres Onjectif, Demarche, Methode... - Communes a toutes les pages*/

.title_objectif {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
  /*margin : T  R  B  L*/
    margin: 0 0 7px 14px;
 }
 
 .title_exemples {
    clear : both;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
    margin: 0 0 5px 0;
 }
 .image_logo_exemple {
	border : 0;
	float : left;
	padding-bottom : 5px;
	margin : -3px 15px 5px 2px;
}

/*page Connaitre l'Utilisateur*/
.cycle_v_connaitre {
	border : 0;
	margin : -2px -2px 0 28px;
	float : right;
}

.pg_connaitre_intro_paragraphe1 {
    clear: both;
    text-align : justify;
    margin : 0 0 0 0;
}

.pg_connaitre_intro_paragraphe2 {
    text-align : justify;
    margin : 4px 0 0 0;
    width : 415px;
}

.pg_connaitre_objectif {
    background-image: url(Images/contenu/services/connaitre_utilisateur/forme_Objectif.png);
    background-repeat: no-repeat;
    width : 388px;
    height : 160px;
    text-align : justify;
    margin : 20px 0 0 0;
    padding: 13px 15px 5px 15px;
}

.image_demarche_connaitre {
	border : 0;
	float : left;
	width : 200px;
	height : 200px;
	margin : -19px 15px 0 2px;
	
}

.pg_connaitre_demarche_right_list {
	float : left;
	background-image : url(Images/contenu/services/connaitre_utilisateur/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 530px;
    height : 200px;
    text-align : justify;
    margin : -19px 0 0 0;
}

.pg_connaitre_methode_left_list {
	float : left;
	background-image : url(Images/contenu/services/connaitre_utilisateur/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 450px;
    height : 200px;
    text-align : justify;
    margin: -10px 0 20px 0; 
}

.image_methode_connaitre {
	border : 0;
	float : left;
	width : 250px;
	height : 200px;
	margin: -3px 0 0 36px;
}

/*page Conception*/
.cycle_v_conception {
	border : 0;
	margin : 20px -2px 0 14px;
	float : right;
}
.pg_conception_intro_paragraphe1 {
    clear: both;
    text-align : justify;
    margin : 0 0 2px 0;
}

.pg_conception_objectif {
    background-image: url(Images/contenu/services/conception/forme_Objectif.png);
    background-repeat: no-repeat;
    width : 404px;
    height : 135px;
    text-align : justify;
    margin: 20px 0 0 0;
    padding: 13px 15px 5px 15px;   
}
.image_demarche_conception {
	border : 0;
	float : left;
	width : 292px;
	height : 280px;
	margin : -30px 15px 0 7px;
	
}
.pg_conception_demarche_right_list {
	float : left;
	background-image : url(Images/contenu/services/conception/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 440px;
    height : 280px;
    text-align : justify;
    margin : -24px 0 0 0;
}

.pg_conception_methode_left_list {
	float : left;
	background-image : url(Images/contenu/services/conception/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 755px;
    height : 120px;
    text-align : justify;
    margin: -10px 0 20px 0; 
}
.pg_conception_exemple_intro {
	float : left;
	width : 480px;
	height : 36px;
    text-align : justify;
    margin: 8px 0 0 0; 
}

.pg_conception_image_logo_ref1 {
	border : 0;
	float : left;
	width : 95px;
	
	margin: -22px 0 0 10px;
}
.pg_conception_image_logo_ref2 {
	border : 0;
	float : left;
	width : 100px;
	
	margin: -23px 0 0 10px;
}

#pg_conception_image_exemple {
	border : 0;
	width : 755px;
	height : 703px;
	margin: 0 0 50px 0;
}

.pg_conception_image_screenshots {
	border : 0;
	float : left;
	width : 755px;
	height : 620px;
	margin-top : 2px;
}

.pg_conception_exemple_explication1-2 {
	float : left;
	width : 274px;
	height : 80px;
	margin: -3px 0 0 -275px;
}
.pg_conception_exemple_explication3 {
	width : 260px;
	margin: -78px 0 25px 0px;
}


/*page Audit*/
.cycle_v_audit {
	border : 0;
	margin : -20px -2px 0 29px;
	float : right;
}

.pg_audit_intro_paragraphe1 {
    clear: both;
    text-align : justify;
    margin : 0 0 0 0;
}


.pg_audit_objectif {
    background-image: url(Images/contenu/services/audit/forme_Objectif.png);
    background-repeat: no-repeat;
    width : 388px;
    height : 160px;
    text-align : justify;
    margin : 30px 0 0 -1px;
    padding: 13px 15px 5px 15px;   
}

.pg_audit_demarche_paragraphe1 {
	background-image : url(Images/contenu/services/connaitre_utilisateur/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 755px;
    height : 50px;
    text-align : justify;
    margin: -55px 0 23px 0;
}
.image_demarche_audit {
	border : 0;
	float : left;
	width : 270px;
	height : 335px;
	margin : -22px 0 0 4px;
	
}
.pg_audit_demarche_right_list {
	float : left;
	width : 455px;
    height : 335px;
    text-align : justify;
    margin : -18px 0 4px 25px;
}

.pg_audit_demarche_paragraphe2 {
	float : left;
	width : 755px;
    height : 70px;
    text-align : justify;
    margin: 0px 0 20px 0;
}

.pg_audit_methode_left_list {
	float : left;
	background-image : url(Images/contenu/services/connaitre_utilisateur/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 459px;
    height : 155px;
    text-align : justify;
    margin: 5px 0 20px 0; 
}

.image_methode_audit {
	border : 0;
	float : left;
	width : 250px;
	height : 155px;
	margin: -20px 0 0 32px;
}

/*page Tests Utilisateurs*/
.cycle_v_test_u {
	border : 0;
	margin : -20px -2px 0 30px;
	float : right;
}

.pg_test_u_intro_paragraphe1 {
    clear: both;
    text-align : justify;
    margin : 0 0 0 0;
}


.pg_test_u_objectif {
    background-image: url(Images/contenu/services/test_u/forme_Objectif.png);
    background-repeat: no-repeat;
    width : 388px;
    height : 145px;
    text-align : justify;
    margin : 25px 0 0 0;
    padding: 13px 15px 5px 15px;   
}
.image_demarche_test_u {
	border : 0;
	float : left;
	width : 337px;
	height : 368px;
	margin : -52px 15px 0 4px;
	
	
}
.pg_test_u_demarche_right_list {
	float : left;
	background-image : url(Images/contenu/services/test_u/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 397px;
    height : 368px;
    text-align : justify;
    margin : -29px 0 0 0;
}

.pg_test_u_methode_left_list {
	float : left;
	background-image : url(Images/contenu/services/test_u/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 755px;
    height : 253px;
    text-align : justify;
    margin: -10px 0 20px 0; 
}
.blocs_types_test {
    width : 100%;
    margin-top : 19px;
}

.test_classique_titre {
    float : left;
    width : 240px;
    height : 140px; 
	background-image: url(Images/contenu/services/test_u/type_test_classique.jpg);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 0;
    padding: 0 0px 5px 0px;
}

.test_classique_texte {
    width : 129px;
	text-align : justify;
	margin : 11px 0 0 0;
    padding: 0 111px 5px 0px;
}

.title_type_test {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :11px;
    margin: 0 0 10px 0px;
}

.test_eye_tracking {
    float : left;
    width : 156px;
	height : 140px; 
	background-image: url(Images/contenu/services/test_u/type_test_eye_tracking.jpg);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0 0 11px;
    padding: 0 94px 5px 10px;
}

.test_remote {
    float : left;
    width : 134px;
	height : 140px; 
	background-image: url(Images/contenu/services/test_u/type_test_remote.jpg);
	background-repeat: no-repeat;
	text-align : justify;
	margin : 0 0px 0 5px;
    padding: 0 94px 5px 10px;
}


/*page Eye Tracking*/
.cycle_v_eye_tracking {
	border : 0;
	margin : -20px -2px 0 30px;
	float : right;
}

.pg_eye_tracking_intro_paragraphe1 {
    clear: both;
    text-align : justify;
    margin : 0 0 0 0;
}

.pg_eye_tracking_intro_paragraphe2 {
    text-align : justify;
    margin : -4px 0 0 0;
    width : 417px;
}

.pg_eye_tracking_objectif {
    background-image: url(Images/contenu/services/eye_tracking/forme_Objectif.png);
    background-repeat: no-repeat;
    width : 394px;
    height : 125px;
    text-align : justify;
    margin : 20px 0 0 0;
    padding: 13px 15px 5px 15px;   
}
.image_demarche_eye_tracking {
	border : 0;
	float : left;
	width : 420px;
	height : 382px;
	margin : -20px 15px 10px 2px;
	
}
.pg_eye_tracking_demarche_right_list {
	float : left;
	background-image : url(Images/contenu/services/eye_tracking/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 280px;
    height : 290px;
    text-align : justify;
    margin : -18px 0 0 18px;
}

.pg_eye_tracking_methode_left_list {
	float : left;
	background-image : url(Images/contenu/services/eye_tracking/forme_Demarche.png);
	background-repeat: no-repeat;
    width : 478px;
    height : 245px;
    text-align : justify;
    margin: -7px 0 20px 0; 
}

.image_methode_eye_tracking {
	border : 0;
	float : left;
	width : 230px;
	height : 200px;
	margin: -11px 0 0 38px;
}

/*page Téléchargements - Publications*/

.title_derniere_publication {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
  /*margin : T  R  B  L*/
    margin: 0 0 12px 14px;
 }
 
 
.encart_derniere_publication {
    background-image: url(Images/contenu/ressources/forme_derniere_publication.png);
    background-repeat: no-repeat;
    width : 758px;
    height : 80px;
    text-align : justify;
    margin : 60px 0 -10px -8px;
    padding: 13px 15px 5px 15px; 

}

.contenu_derniere_publication {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #151415;

}

/*page Videos*/


.pg_video_title1 {
	background-image : url(Images/contenu/video/forme_title_video.png);
	background-repeat: no-repeat;
    width : 758px;
    height : 28px;
    text-align : justify;
    margin : 60px 0 0 -1px;
    padding: 4px 0px 0px 0px;
}

.pg_video_title2 {
	clear : both;
	background-image : url(Images/contenu/video/forme_title_video.png);
	background-repeat: no-repeat;
    width : 758px;
    height : 28px;
    text-align : justify;
    margin : 20px 0 0 -1px;
    padding: 4px 0px 0px 0px;
}

.video_title {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color : #7a3da0;
    font-size :13px;
    margin: 0 0 12px 16px;
    
 }
 .video_text_description {
	clear : both;
	margin : 10px 0 0px 0;	
}
.video_text_date {
	text-align :right;	
}
 
.video_left1 {
	float : left;
	height : 242px;
	border : 0;
	margin : 0px 20px 0 -1px;	
}

.video_left_16_9 {
	float : left;
	height : 242px;
	border : 0;
	margin : 0px 20px 0 -1px;	
}

.video_left2 {
	float : left;
	height : 320px;
	border : 0;
	margin : 0px 20px 0 -1px;	
}
 


/*** MODULES ***/
/* questions */
.left_part {
	width : 300px;
}

.right_part {
	width : 100px;
}

.button_next {
	width : 100px;
}

#avancement_fond {
	width : 300px;
	height : 15px;
	background-color : #C8C8C8;
}

#avancement_front {
	height : 15px;
	background-color : #3f0c64;
}

/* resume */
h4.negatif {
	color : #FF4747;
}

.underline {
	border-bottom : 1px solid #000;
}

.recommendation {
	border : 1px dashed #999;
	padding-left : 10px;
	margin-top : 5px;
}


/* !!! PARTIE DU VALIDATEUR !!! */
#gauche {
	float : left;
	width : 48%;
	background-color : #CBFF9D;
	margin : 5px;
	padding : 5px;
}

#droite {
	float : left;
	width : 48%;
	background-color : #FF9090;
	margin : 5px;
	padding : 5px;
}

#gen_time {
	clear : both;
}
/*** FIN MODULES ***/


/*** CONTENU ***/

/* Qui sommes nous */
.text {
	clear : both;
	padding-top : 5px;
}
.text_violet {
	clear : both;
	color: #7e2096;
	padding-top : 5px;
}
.image_left {
	border : 0;
	margin : 5px;
	margin-right : 20px;
	margin-top : 3px;
	float : left;
}

.image_right {
	border : 0;
	margin : 5px;
	margin-top : 3px;
	margin-left : 15px;
	float : right;
}

.image_left_marge_haut {
	border : 0;
	margin : 5px;
	margin-right : 20px;
	margin-top : 10px;
	float : left;
}

.image_right_player {
	border : 0;
	margin-top : -4px;
	margin-left : 35px;
	float : right;
}

.image_center {
	clear : both;
	border : 0;
	margin-top : 5px;
	margin-left : 20%;
}
.image_screenshot_generali {
	clear : both;
	border : 0;
	margin-top : 15px;
	margin-left : 23.5%;
}
.double_screenshot_center {
	clear : both;
	border : 0;
	margin-top : 15px;
	margin-left : 13%;
}
.center {
	clear : both;
	padding-top : 20px;
	margin-left : 25%;
}
.center_video {
	clear : both;
	padding-top : 0px;
	margin-left : 25%;
}

.left_part {
	padding : 15px;
	float : left;
	width : 45%;
	text-align : left;
}

.right_part {
	padding : 15px;
	float : left;
	width : 45%;
	margin-left : 3%;
	text-align : left;
}

.text_without_clear
{
	margin-top : 5px;
}
.text_without_clear_gr_marge
{
	margin-top : 20px;
}

.text_violet_without_clear_gr_marge {
    color: #7e2096;
	padding-top : 8px;
}

.text_wud
{
	margin-top : -5px;
}

.image_wud-2011
{
    clear : both;
	border : 0;
	margin : 5px 0 0 151px;

}

.text_video
{
    color :#7A2A8E;
    width : 320px;
}
/*** FIN CONTENU ***/

/*** admin ***/
#logout_link {
	float : right;
	display : block;
	color : #000;
}
/*** fin admin ***/

/** references clients **/
.client {
	padding-top : 5px;
}

.client img {
	margin : 0 20px 15px 0;
	float : left;
}

.hr_client {
	clear : both;
	border-style : inherit;
	height : 1px;
	background-color : #3F0C63;
	color : #3F0C63;
}
/** references partenaires **/
.partenaire {
	padding-top : 5px;
}

.partenaire img {
	margin : 0 20px 15px 0;
	float : left;
}

.hr_partenaire {
	clear : both;
	border-style : inherit;
	height : 1px;
	background-color : #3F0C63;
	color : #3F0C63;
}
/** end references */

/** formulaire de contact */
.required {
	color : #800080;
	font-size : 15px;
}

fieldset {
	padding-bottom : 10px;
	border : 0;
}

fieldset label {
	width : 18%;
	text-align : left;
	margin-bottom : 2px;
	float : left;
}

fieldset input, fieldset textarea {
	margin-bottom : 2px;
}

.contact_buttons {
	clear : both;
	padding-top : 5px;
	width : 50%;
	margin-left : 20%;
}

/** Plan du site **/
.niveau1 {
	list-style-type : none;
	margin-left: 15px;
}

.niveau1 li {
	min-height : 18px;
	margin-left: 15px;
}

.niveau2 {
	list-style-image : url(Images/listes/puce_plan.png);
	margin-top : -9px;
	margin-bottom : 12px;
	margin-left: 15px;
}
.sitemap {
	margin-top: 20px;
}
 
/** tailles de polices */
.cinq_px {
	font-size : 5px;
}

.huit_px {
	font-size : 8px;
}

.dix_px {
	font-size : 10px;
}

.copy_style {
	font-family:Verdana; 
	font-size : 9px;
}