@charset "utf-8";
/* CSS Document */
body {
background:#e8e4e1;
font-family:"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:12px;
height:100%;
margin:0;
padding:0;
width:100%;
}
img
{
border:0;
}
*{
padding:0em;
margin:0em;
}
#page {
margin-top:1.5em;
margin-bottom:1.5em;
margin-left:auto;
margin-right:auto;
width:82em;
padding:0;
}
#header {
background:transparent url(../images/header.jpg) no-repeat  ;
height:12.5em;
width:inherit;
margin:0;
}

#body{
float:left;
width:69em;
margin:0;
padding:0;
}

#menu {
font-family:Verdana,sans-serif;
margin:0em 3em;
padding:0;
font-weight:bold;
font-size:1em;
line-height:2em;
text-decoration:none;
color:#FFFFFF;
}

#menu_gh{
float:left;
background:#e9e4e1 url(../images/menu_gh.jpg) no-repeat;
width:10px;
height:26px;
}

#menu_dg{
float:right;
background:#e9e4e1 url(../images/menu_dr.jpg) no-repeat;
width:27px;
height:26px;
}

#menu1 {
background:url(../images/menu.jpg) repeat-x;
/*width:62.3em;*/
height:26px;
}

#menu2 {
float:right;
background:#c3BBB6;
width:14%;
text-align : center; 
border-bottom:3px solid #cb7927;
}
#menu2 strong {

}

#nav {
margin: 0;
padding: 0;
list-style-type: none;

}
#nav li {
margin: 0;
padding: 0;
width: 100%; /* IE whitespace bug */
display: inline;
}
#nav  a {
text-align: center;
text-decoration: none;
padding: 0em 2em;
color:#FFFFFF;
background: url(../images/puce_image.jpg) left bottom no-repeat;
}

#nav  a:active {
color:#ccc;
height:26px;
width:1px;
background: #ff00ff url(../images/menu_active.png) left top repeat-x;
background-color: #FF00FF;
}

#nav  a:hover {
color:#FFFFFF;
height:26px;
width:1px;
background: #ff00ff url(../images/menu_active.png) left top repeat-x;
}
/*
#nav  a:link, #nav a:visited {
text-align: center;
text-decoration: none;
padding: 0em 2em;
color:#FFFFFF;
background: url(../images/puce_image.jpg) left bottom no-repeat;
}
*/
/*
#nav  #nav_home a:link, #nav  #nav_home a:visited{
text-align: center;
text-decoration: none;
/*padding:0 7em 0em 7em;
color:#FFFFFF;
background: url(../images/puce_image.jpg) left bottom no-repeat;
margin-left:1em;
}
*/
#body_center {
background:#e8e4e1 url(../images/center.jpg) no-repeat  ;
background-position:0px -3px;
float:left;
height:42.5em;
width:69.3em;
padding-top:10px;
}

#concepts_cles  {

margin-top:4em;
margin-left:16em;
height:4.9em;
}

#nos_offres  {
margin-top:-3em;
margin-left:30em;
height:4.9em;
}

#acceder_diag  {
margin-top:-9em;
margin-left:42em;
height:4.9em;
}

#zone01 {
float:left;
background:transparent url(../images/zone_text.png) no-repeat  ;
width:27.4em;
height:19.5em;
margin-top:10em;
margin-left:3em;
margin-right:3em;
margin-bottom:2em;
padding-top:0.7em;
font-family: Lucida Grande;
font-size:1em;
}
/*
#zone01 h1{
font-weight: bold ;
color:#FFFFFF;
width:6em;
margin:2em 5em;
padding:1em 3em;
text-align:center;
white-space : nowrap;
}
*/
#zone01 span{
font-weight: bold ;
color:#FFFFFF;
width:6em;
margin:2em 5em;
padding:1em 3em;
text-align:center;
white-space : nowrap;
font-size:12px;
}

#zone01 strong{
text-decoration:underline;
}

#zone01 p{
font-family: Lucida Grande;
color:#9B186F;
margin:1.9em 1em 1em 1em;
padding:1em 1em 0em 1em;
text-align:center;
overflow:auto;
height:14em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#zone02 {
float:left;
background:transparent url(../images/zone_text.png) no-repeat  ;
width:27.4em;
height:19.5em;
margin:10em 3em;
padding-top:0.4em;
font-family: Lucida Grande;
font-size:1em;
}
/*
#zone02 h1{
font-weight: bold ;
color:#FFFFFF;
margin:1em 2em 1em 2em;
padding:2em 4.5em;
text-align:center;
line-height:2.1em;
white-space : nowrap;
}
*/
#zone02 span{
font-weight: bold ;
color:#FFFFFF;
margin:1em 2em 1em 2em;
padding:2em 4.5em;
text-align:center;
line-height:2.1em;
white-space : nowrap;
font-size:12px;
}

#zone02 strong{
text-decoration:underline;
}

#zone02 p{

font-family: Lucida Grande;
margin:1em;
color:#9B186F;
padding:1em 1em 0em 1em;
text-align:center;
overflow:auto;
height:14em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#body_left {
background:#e8e4e1 url(../images/center1.jpg) no-repeat top left  ;
float:right;
width:13em;
height:44.8em;
margin:0em;
padding:0em;
/*clear:both;*/
}

#body_left  h1 {
padding:0em 0em 0em 3em;
color:#FFFFFF;
line-height:0em;
font-size:1em;
font-weight:bold;
margin-top:15px !important;
}

#body_left  h1 :hover{
color:#452265;
}
/*Hack pour safari 3.0*/
html[xmlns*=""] body:last-child #body_left  h1 {
margin-top:15px;/*juste adjuter le h1*/
}
/*-----------------------------------------*/

/*-----------------Espace Téléchargement-------------*/
#espace_telechargement{
margin:50px auto 0px auto;
width:450px;
height:250px;
overflow:auto;
}

#espace_telechargement table {
border:1px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}

#espace_telechargement td {
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:center;
}

#espace_telechargement a {
text-decoration:none;
color:#858745;
}

#espace_telechargement a:hover{
text-decoration:underline;
color:#ffffff;
}

.espace_down {
font-size:12px;
font-weight:bold;
text-align:center;
}

.entete_espace td{
font-weight:bold;
}

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

/*-----------------bienvenue-------------*/
#bienvenue {
background:#DCD7D3 url(../images/bienvenu.png) no-repeat top left  ;
height:3.5em;
}

#espace_perso{
margin:0em auto 0em auto;
background:transparent url(../images/espace.png) no-repeat top left  ;
height:7.5em;
width:12em;
}

#espace_perso h2{
padding-top:0.6em;
font-size:1em;
color:#FFFFFF;
text-align:center;
}

/*-----------------fin bienvenue-------------*/
#body_left  strong {
margin-top:3em;
padding:3em 0em 0em 3em;
font-weight: bold;
color:#000000;
}

#inscription {
background:#DCD7D3;
margin:0em auto;
width:12em;
height:8em;
}

#inscription  span {
color:#ffffff;
font-size:0.75em;
font-weight: bold;
padding-left:1.5em;
position:relative;
left:0px;
top:0px;
}

#inscription_input{
background:#DCD7D3 url(../images/input.jpg) no-repeat top left;
margin:1em 0.5em 0em 0.5em;
height:2.5em;
}

#inscription_input_pass{
background:#DCD7D3 url(../images/input.jpg) no-repeat top left;
margin:1em 0.5em 0em 0.5em;
height:2.5em;
}

#c_user {
background:#ffffff;
color:#9B186F;
margin:0em 0.5em 0.5em 0.3em;
width:120px;
border:1px solid #FFFFFF;
font-family:Verdana;
}

#c_pwd {
background:#ffffff;
color:#9B186F;
margin:0em 0.5em 0.5em 0.3em;
width:120px;
border:1px solid #FFFFFF;
/*height:1em;*/
font-family:Verdana;
}

#ok {
border:0px;
margin-left:90px;
}

#lost_pwd {
float:left;
/*background:transparent url(../images/lost_pwd.png) no-repeat top left;*/
border:0px;
margin: -2em 0em 0em 1.8em;
font-size:0.8em;
text-decoration:none;
color:#000000;
width:10em;
height:2em;
}

#lost_pwd a {
font-size:0.8em;
text-decoration:none;
color:#ffffff;
font-weight: bold ;
}

#information {
padding:1em;
margin-top:0px;
width:11em;
}

#information span{
padding:0.2em 0em 0em 1em;
background:#DCD7D3 url(../images/nom.png) no-repeat top left;
width:11em;
height:2em;
display:block;
color:#FFFFFF;
font-weight:bold;
font-size:1em;
margin:0em auto;
text-transform :capitalize;
}

#information span.deconnexion{
color:#FFFFFF;
padding:0.2em 0em 0em 1em;
background:#DCD7D3 url(../images/deconnexion.png) no-repeat top left;
width:11em;
height:2em;
display:block;
margin:0em auto;
}

#information a{
text-decoration:none;
color:#000789;
}

#information a:hover{
text-decoration:none;
color:#000;
}

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

#inscription_gratuit  {

margin-top:4em;
margin-left:1.4em;
height:4.9em;
}
/***ESPACE PERSO***/

html[xmlns*=""] body:last-child #espace_user  {
margin-top:1em;/* ajuste la taille d'input*/
}

#espace_user{

}

#espace_user h2,#espace_lois h2{
padding-top:0.5em;
color:#ffffff;
width:10em;
margin:0em auto;
font-size:1.5em;
}

#progression1{
float:left;
background:transparent url(../images/progression.png) no-repeat;
width:28em;
height:26em;
margin-left:6em;
}

#progression_modif{
height:20em;
overflow:auto;
width:25.5em;
padding:0.7em;
margin-top:0.5em;
}

#progression_modif p{
padding:0.25em 0em;
}

#progression_modif span{
font-weight:bold;
color:#000;
margin-left:7em;
font-size:1em;
}

#progression_modif label{
color:#9B186F;
width:10em;
float:left;
font-size:1em;
}

#progression_modif input,select{
color:#000000;
width:150px;
border:0em none;
}

#progression_modif textarea{
color:#000000;
width:11.5em;
height:4em;
border:0em none;
}

#progression2{
float:left;
margin-left:1em;
background:transparent url(../images/progression.png) no-repeat;
width:28em;
height:26em;
color:#cc9966;
}

#progression2 p{
font-weight:bold;
padding:1em;
}

#progression2 span{
display:block;
padding:1em 0em;
}

#progression2 a{
color:#990066;
text-decoration:none;
}

#espace_annuler{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/save.png) no-repeat  ;
}

html[xmlns*=""] body:last-child #espace_annuler {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

#espace_bouttons{
clear:both;
width:20em;
margin:0em auto;
}

#espace_bouttons input{
margin-top:0em;
}

#espace_save{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/envoye.png) no-repeat  ;
}

html[xmlns*=""] body:last-child #espace_save {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

#espace_lois {
background:transparent url(../images/liberte.png) no-repeat  ;
margin:0em auto;
width:43em;
height:10em;
}

#espace_lois h2{
padding-top:0.5em;
color:#ffffff;
width:16em;
margin:0em auto;
font-size:1.5em;
}

#espace_lois p{
margin-top:0.5em;
overflow:auto;
color:#9B186F;
height:4.5em;
width:40em;
padding:0.5em 0.5em 0.5em 1em;
text-align:justify;
}

/***ESPACE PERSO***/
.lien_espace{
text-decoration:none;
color:#FFFFFF;
}

#coordonnes {
background:transparent url(../images/nos_coordonnes.jpg) repeat-x;
height:2em;
}

#coordonnes  strong {
color:#786B61;
white-space : nowrap;
padding-left:0.2em;
line-height:2.1em;
}



#coordonnes  p.nos {
font-size:0.9em;
color:#FFFFFF;
font-weight: bold ;
white-space : nowrap;
text-align:center;
line-height:2em;
}

#coordonnes  p.infinite {
font-size:0.9em;
color:#786B61;
font-weight: bold ;
white-space : nowrap;
text-align:center;
line-height:2.5em;
}

#coordonnes  p {
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
font-size:0.85em;
color:#786B61;
font-weight: bold ;
white-space : nowrap;
padding-left:0.2em;
text-align:center;
line-height:1.3em;
}

#coordonnes  p.siren {
line-height:2.5em;
}

#footer {
color:#A39B96;
text-align:center;
height:2em;
width:50em;
margin:0.5em auto;
clear:both;
}

#footer p.footer_1 {
font-size:1.4em;
color:#383639;
}
#footer p.footer_2 {
font-weight:bold;
font-size:0.75em;
color:#948981;
}

#footer p.footer_3 {
display:none;
font-weight:bold;
font-size:0.75em;
color:#948981;
margin:0 3px;
vertical-align:middle;
}

#footer  img{
margin:0 3px;
vertical-align:middle;
}

/* CONTACT */
#contact_form {
margin :3em auto;
width:30em;
}

#contact_objet {
background:transparent url(../images/contact_objet.png) no-repeat;
height:6.5em;
width:43em;
}

#contact_form h2 {
padding-top:1em;
font-weight:bold;
color:#FFFFFF;
font-size:1em;
text-align:center;
}

#contact_corp{
background:transparent url(../images/contact.png) no-repeat;
height:21em;
width:35em;
}

#contact_corp span{
color:#9B186F;
float:left;
width:70px;
font-weight:bold;
margin :1em 0em 0em 1em;
}

#contact_objet_text{
width:150px;
height:20px;
margin:1em 0 0 1em;
border:0em;
}

#area_contact{
margin:1em;
width:300px;
height:150px;
overflow:auto;
border:0em none;
}

#contact_envoyer{
margin-left:150px;
}

/***fin contact**/
/***
CSS Inscription
*/

#inscription_form {
padding :3em;
width:100%;
}

#inscription_form  fieldset{
margin: 1.5em 0 0 0;
padding: 0;
}

#inscription_form  fieldset p{
padding: 1em 1em 0em 1em;
}

#inscription_form  label{
float: left;
width: 15em;
margin-right: 1em;
text-align: right;
}

#inscription_form fieldset.submit {
float: none;
width: auto;
border: 0 none #FFF;
padding-left: 12em;
}


.tab_qcm{

}
/*Questionnaire ue*/

.tab_recap{
width:80%;
margin:0 auto;
border-collapse: collapse;
border: 4px outset #E8E4E1;
}

.tab_recap td{
font-size:9px;
border:1px #000 dotted;
text-align:center;
padding:8px;

}

.tab_entete td{
border:1px #000 dotted;
font-size:1.2em;
border:#333;
font-weight:bold;
background-color:#DCD7D3;
text-align:center;

}

#div_option{
font-size:1.5em;
width:200px;
}

.question_bis{
color:#CC6600;
}

.question_bis_reponse td{
text-align:left;
border:0px none ;
color:#CC6600;
}

#div_option8,#div_option10{
color:#CC6600;
}

.Style1 span{
font-weight:bold;
text-transform : uppercase; 
}

.Style2 span{
font-weight:normal;
text-transform : uppercase; 
}

#qcm{
color:#9B186F;
margin:1em 0em 0em 0em;
width:100%;
}

#qcm #zone01 p {
color:#9B186F;
font-family:Lucida Grande;
height:13em;
margin:1.9em 1em 1em;
overflow:auto;
padding:1em 1em 0;
text-align:justify;
width:24em;
}

#qcm #zone02 p {
color:#9B186F;
font-family:Lucida Grande;
height:14em;
margin:1em;
overflow:auto;
padding:1em 1em 0;
text-align:justify;
width:23.5em;
}

#qcm span{
font-weight:bold;
text-transform : uppercase; 
}

#qcm strong{
text-decoration:underline;
}
/*seulement les p enfants de qcm*/
#qcm p{
margin:0em auto;
width:44em;
}

#qcm_recap{
height:30em;
width:65em;
overflow:auto;
margin:0em auto;
}

/*seulement les ul li enfants de qcm*/

.question_ue{
margin:0em auto;
width:44em;
}

.oui_non{
padding:1em 0em;
list-style-type: none;
margin-left:20em;
}

.oui_non li{
padding:0em 2em;
font-weight:bold;
display:inline;
}

/*#qcm ul{
padding:1em 0em;
list-style-type: none;
margin-left:20em;
}

#qcm ul li{
padding:0em 2em;
font-weight:bold;
display:inline;
}*/

#union{
width:32em;
margin:2.5em auto 1em auto;
color:#9B186F;
font-size:1.5em;
}

#union p{
margin:0em;
padding:0em;
}

#qcm #union p{
margin:0em;
padding:0em;
width:35em;
}

#union ul{
padding:1.5em;
}

#union a{
font-size:1em;
text-decoration:none;
color:#000000;
}

#union_pays {
margin:0em auto;
background:transparent url(../images/zone_text.png) no-repeat  ;
width:18.4em;
height:19.5em;
font-family: "Lucida Grande";
font-size:1em;
}

#union_pays h2 {
text-align:center;
font-size:1em;
color:#FFFFFF;
}

#union_pays p {
padding:1em;
overflow:auto;
height:15em;
text-align:justify;
}

#qcm #union_pays p {
padding:1em;
overflow:auto;
height:15em;
text-align:justify;
width:16.8em;
}

#div_question{
margin:0em auto;
width:50em;
}

#div_question ul{
padding:1em 0em 1em 0em;
list-style-type: none;
margin-left:1em;
}

#div_question li{
padding-top:0.5em;
display:block;
}

#tab_commentaire{

}

#tab_commentaire span{
text-decoration:underline;
display:block;
text-transform:none;
padding:0.5em 0em;
}

#tab_commentaire div {
width:21em;
height:20em;
margin-left:1.2em;
float:left;
background-color:#FFF000;
background:transparent url(../images/zone_commentaire.png) no-repeat  ;
}

#tab_commentaire h2 {
color:#FFFFFF;
font-size:0.8em;
margin:1.1em auto 0em;
width:24em;
text-align:center;
}

#tab_commentaire p {
margin-top:1.5em;
overflow:auto;
height:11.5em;
padding:1.5em 0.5em 1em;
width:19.5em;
text-align:justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#qcm_precedant{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/envoye.png) no-repeat  ;
}

html[xmlns*=""] body:last-child #qcm_precedant ,#qcm_save ,#qcm_recommencer,#cmd_soumettre,#qcm_envoyer {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

html[xmlns*=""] body:last-child #qcm_save {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

html[xmlns*=""] body:last-child #qcm_recommencer {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

html[xmlns*=""] body:last-child #cmd_soumettre{
width:10em;/* ajuste la taille d'input*/
height:6em;
}

html[xmlns*=""] body:last-child #qcm_envoyer {
width:10em;/* ajuste la taille d'input*/
height:6em;
}

#qcm_boutton{
width:35em;
margin:1em auto;
clear:both;
}

#qcm_boutton1{
width:350px;
margin:1em auto;
clear:both;
}

#qcm_save{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/save.png) no-repeat  ;
}

#qcm_recommencer{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/save.png) no-repeat  ;
}

#cmd_soumettre{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/envoye.png) no-repeat  ;
}

#qcm_envoyer{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
border:0em none;
height:4.5em;
width:8em;
background:transparent url(../images/envoye.png) no-repeat  ;
}

/*Fin questionnaire*/
/*concept clé*/

#concept_cle {
height:45em;
}

html[xmlns*=""] body:last-child #concept_cle  {
margin-top:1em;/* ajuste la taille d'input*/
}

#zone_concept {
background:transparent url(../images/zone_concept.png) no-repeat  ;
position: absolute;
margin-left: 15em;
margin-top: 31em;
width:42.7em;
height:9.5em;
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
}

#zone_concept  span{
font-size:12px;
font-weight: bold ;
color:#FFFFFF;
padding-left:2em;
text-align:center;
line-height:2.1em;
white-space : nowrap;
text-decoration:underline;
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
}

#zone_concept  strong{
font-weight: bold ;
text-decoration:underline;
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
}

#zone_concept p{
padding-right:1em;
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
margin:1em 0.5em 0.3em 1em;
color:#9B186F;
text-align:center;
overflow:auto;
height:5em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#concept_cle  img {
border:0 ;
}

#zone_concept  a {
text-decoration:none;
font-weight: bold ;
color:#0B1000;
width:3em;
}

#zone_images  a{
text-decoration:none;
font-weight: bold ;
color:#0B1000;
display:block;
position:absolute;
height:3em;
width:3em;
}



#zone_images{
position:relative;
}

.zone_images1{
margin-top:10em;
margin-left:1em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images2{
margin-top:0em;
margin-left:33em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images3{
margin-top:10em;
margin-left:60em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images4{
margin-top:4em;
margin-left:17em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images6{
margin-top:10em;
margin-left:30em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images5{
margin-top:4em;
margin-left:48em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images7{
margin-top:17em;
margin-left:17em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images8{
margin-top:17em;
margin-left:48em;
margin-right:0em;
margin-bottom:0em;
}

.zone_images9{
margin-top:21em;
margin-left:32em;
margin-right:0em;
margin-bottom:0em;
}

#btn_intelligent_concept_cle{
margin:0px auto 0px;
width:10em;
}

#erreur{
margin: 10em auto;
width:50em;
height:8em;
text-align:center;
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
font-size:1em;
color:#ae3083;
}

#erreur p.erreur1{
font-weight: bold ;
font-size:2.1em;
color:#9b0066;
}

#solution1 {
margin:3em 2em 1em 1.5em;
float:left;
width:30em;
}

#solution1 a{
cursor:pointer;
text-indent:-999px;
font-size:12px;
}

#solution1_1 {
clear:both;
background:transparent url(../images/cone1.png) no-repeat  ;
height:9.9em; 
width:27.5em;
display:block;
}

#solution1_2 {
clear:both;
background:transparent url(../images/cone2.png) no-repeat  ; 
height:5.8em; 
width:18.5em;
margin-left:4.5em;
display:block;
}

#solution1_3 {
clear:both;
background:transparent url(../images/cone3.png) no-repeat; 
height:10em; 
width:13em;
margin-left:8em;
margin-top:-0.1em;
display:block;
}

#solution2 {
float:right;
background:transparent url(../images/text_nos_solutions.png) no-repeat  ; 
height:24em; 
width:31em;
margin:5em 4em 1.5em 0.5em;
}

#solution2 h2 {
text-align:center;
color:#ffffff;
font-size:1em;
font-weight: bold ;
margin:0 auto;
width:30em;
padding:1em;
}


#solution2 div {
text-align:justify;
overflow:auto;
height:17em; 
width:28em;
padding:1em;
color:#9B186F;
}

#solution2 ul {
text-align:justify;
padding:0.5em 0em 0.5em 2em;
}

#solution2 li {
text-align:justify;
padding:0.5em 0em 0em 0em;
}

#solution2 li.non {
text-align:justify;
padding:0em;
list-style-type:none;
margin:5px 0px;
}

#solution2 img {
height:1em; 
width:1em;
}

#solution2 strong {
text-decoration:underline;
}

#solution_compatible{
clear:both;
background:transparent url(../images/compatible.png) no-repeat  ; 
height:6em; 
width:12em;
margin-left:9em;
}

/**page utilisation REACH **/

#util_reach {
margin:0.5em;
}

#util_reach h1{
margin-left:3em;
font-size:1.7em;
color:#9B186F;
}

.carre1{
float:left;
background:url(../images/carre1.png) no-repeat;
width:13em;
height:8em;
margin-top:2em;
margin-left:1em;
}

.carre2{
float:left;
background:url(../images/carre2.png) no-repeat;
width:12.5em;
height:8em;
margin-top:2em;
margin-left:0.5em;
}

#bull1,#bull2{
float:left;
background:url(../images/bull.png) no-repeat;
width:13em;
height:10em;
margin-top:2em;
margin-left:1em;
}

#util_reach p{
padding:0.5em 1em 0.5em 2em;
font-size:1em;
color:#FFFFFF;
height:5em;
width:7em;
text-align:center;
font-size:1em;
}

#util_reach img{
position:absolute;
margin-left:8em;
}

.bull_p{
padding:2.8em 1em 0.5em 2em;
font-size:1em;
color:#FFFFFF;
height:6em;
width:9em;
text-align:center;
font-size:1em;
}

#bull1 p ,#bull2 p {
padding:2.8em 1em 0.5em 2em;
font-size:1em;
color:#FFFFFF;
height:6em;
width:9em;
text-align:center;
font-size:1em;
}

.bull p {
padding:2.8em 1em 0.5em 2em;
font-size:1em;
color:#FFFFFF;
height:6em;
width:9em;
text-align:center;
font-size:1em;
}

.bull img{
position:absolute;
margin-top:-3em;
}

#case_utilisation{

border:1px solid #9B186F;
padding:1em;
padding:0em;/*hack IE7 éliminer le padding-top*/
margin:1em;
clear:both;
display:none;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
}

#case_utilisation input{
margin-right:1em;
}

html[xmlns*=""] body:last-child #util_reach p  {
padding:1em 1em 0.5em 2em;
width:9em;/* ajuste la taille */
}

html[xmlns*=""] body:last-child #bull1 p {
padding:2.8em 1em 0.5em 2em;
}

html[xmlns*=""] body:last-child #bull2 p {
padding:2.8em 1em 0.5em 2em;
}

html[xmlns*=""] body:last-child .bull p  {
padding:2.8em 1em 0.5em 2em;
}

/**Fin page utilisation REACH **/

/**Page Inscription**/

#msg_erreur{
margin:1em auto;
width:680px;
height:60px;
overflow:auto;
color:red;
border:1px red dotted ;
padding:0.5em;
font-size:9px;
font-weight:bold;
}

#body_inscription {
color:#9B186F;
margin:1em;
padding:1em;
margin-top:0em;
padding-top:0em;
}

html[xmlns*=""] body:last-child #body_inscription {
margin:1em;
padding-top:0em;
}

#body_inscription h2{
font-size:1em;
color:#FFFFFF;
font-weight:bold;
margin-top:1em;
margin-left:9em;
margin-bottom:1em;
}

#inscri_entreprise {
float:left;
background:url(../images/inscription_form.png) no-repeat;
height:24em;
width:31em;
color: #9B186F;
}

.inscription small {
color:#9B186F;
font-size:9px;
font-style:italic;
}

#espace_perso p{
color:#ffffff;
font-size:10px;
font-weight:normal;
padding-top:10px;
padding-left:10px;
}

#espace_perso a{
color:#EBD1EF;
text-decoration:none;
}

#espace_perso a:hover{
color:#BF5FBD;
}

#div_numero {
padding:0em 0em 0.5em 0em;
}

#inscription_div,#inscription_div2{
padding:1em;
overflow:auto;
height:16em;
margin-top:1.5em;
margin-right:1em;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#inscri_entreprise div {

}

#inscri_entreprise p,#inscri_contact p {
padding-bottom:0.5em;
}

#inscri_entreprise label,#inscri_contact label  {
width:12em;
float:left;
}

#inscri_entreprise select ,#inscri_contact select {
width:11em;
color: #9B186F;
}

#inscri_entreprise input ,#inscri_contact input {
width:11em;
color: #9B186F;
}

#inscri_entreprise textarea ,#inscri_contact textarea {
color: #9B186F;
width:11em;
height:5em;
overflow:auto;
}
/*
#body_inscription strong {
font-weight:bold;
display:block;
padding-top:0.5em;
margin:0em auto;
width:40em;
font-size:0.75em;
text-align:justify;
color:#EF0000;
}
*/
#inscri_entreprise strong,#inscri_contact strong {
font-weight:bold;
display:block;
padding-top:10px;
width:30em;
font-size:0.75em;
text-align:justify;
}

#inscri_contact {
color: #9B186F;
margin-left:1em;
background:url(../images/inscription_form.png) no-repeat;
float:left;
height:24em;
width:31em;
}

#inscri_envoyer {
clear:both;
margin-left:22em;
font-size:1em;
color:#FFFFFF;
font-weight:bold;
}

#inscrit_avantage  {
text-align:justify;
}

#inscrit_avantage  span{
display:block;
padding:1em;
overflow:auto;
height:4.5em;
width:25em;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#inscrit_avantage  ul{
padding:1em;
}

#inscrit_avantage1,#inscrit_lois{
margin-left:2em;
float:left;
background:url(../images/inscrition_lois.png) no-repeat;
height:11em;
width:31em;
color: #9B186F;
}

#inscrit_avantage h2{
text-decoration:underline;
font-size:1em;
color:#FFFFFF;
font-weight:bold;
margin-top:1em;
margin-left:7em;
margin-bottom:1em;
}

#inscrit_avantage strong{
text-decoration:underline;
}

#inscrit_lois{
margin-left:1em;
}

#inscription_envoyer{

}
/**Page Inscription Fin**/
/**page pwd_lost**/
#pwd_lost{
margin:5em auto;
width:31em;
color:#9B186F;
text-align:center;
}

html[xmlns*=""] body:last-child #pwd_lost  {
width:35em;/*ajuste le div principal pour ne pas avoir de débourdement*/
}

#pwd_mail{
background:transparent url(../images/email.png) no-repeat;
height:5em;
width:19em;
margin:3em auto;
}

#email_lost{
height:2em;
width:16em;
border:0em;
margin-top:2em;
}

html[xmlns*=""] body:last-child #email_lost  {
height:2.5em;/*ajuste input mail en largeur et en hauteur*/
width:20em;
margin-top:2.5em;
}

/**page pwd_lost**/

/**QCm HUE**/
#div_question_hue{
margin:0em auto;
/*width:60em;*/
}

#div_question_hue ul{
padding:1em 0em 1em 0em;
list-style-type: none;
margin-left:1em;
}

#div_question_hue li{
padding-top:0.5em;
text-align:left;
}

#div_question_hue #ok{
margin-left:10px;
}

#hue_reponse{
font-size:15px;
font-weight:bold;
text-align:center;
}

/****/

#footer a{
color:#383639;
text-decoration:none;
}

#footer a:hover{
color:#383000;
}

#auteur{
display:none;
}

/**page Choix Paiement**/
#table_paiement{
margin:40px 0 0 80px;
width:700px;
}

#table_paiement h1{
color:#9B186F;
font-size:14px;
list-style: none;
}

#table_paiement ul{
list-style: none;
}

#table_paiement li{
display:inline;
margin: 0 3px 0 0;
}

#table_paiement li.cheque{
/*background-image: url(../images/cheque.png);*/
background-repeat: no-repeat;
background-position: top center;
width:100px;
height:110px;
}

.paiment_choix{
text-align: center;
border-collapse:collapse;
width:90%;
margin:auto;
}

#zone1_paiement {
float:left;
background:transparent url(../images/paiement_ligne.png) no-repeat  ;
width:28em;
height:19.5em;
padding-top:0.7em;
font-family: Lucida Grande;
font-size:1em;
}

#zone1_paiement span{
font-weight: bold ;
color:#FFFFFF;
width:6em;
margin:2em 5em;
padding:1em 3em;
text-align:center;
white-space : nowrap;

}

#zone1_paiement strong{
text-decoration:underline;
}

#zone1_paiement p{
font-family: Lucida Grande;
color:#9B186F;
margin:1.9em 1em 1em 1em;
padding:1em 1em 0em 1em;
text-align:center;
overflow:auto;
height:14em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#zone2_paiement {
position:relative;
float:right;
background:transparent url(../images/paiement_difere.png) no-repeat  ;
width:28em;
height:19.5em;
margin-right:10px;
padding-top:0.7em;
font-family: "Lucida Grande";
font-size:1em;
}

#zone2_paiement  span{
position:absolute;
font-weight: bold ;
color:#FFFFFF;
margin:0px;
padding:0px 0px 0px 120px;
text-align:center;
white-space : nowrap;

}

#zone2_paiement  strong{
text-decoration:underline;
}

#zone2_paiement  p{
position:absolute;
font-family: "Lucida Grande";
margin:50px 10px 0px 0px;
color:#9B186F;
padding:0em 1em 0em 2em;
text-align:center;
overflow:auto;
height:14em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#recap_paiement2 {
float:left;
position:relative;
padding-top:100px;
font-family: "Lucida Grande";
font-size:14px;
font-weight:bold;
text-align:right;
}

#recap_paiement2 span{
position:absolute;
margin-top:10px;
margin-left:50px;
background:transparent url(../images/save.png) no-repeat  ;
width:111px;
height:62px;
padding:20px 0px 0px 10px;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
#recap_paiement2 div{
position:absolute;
width:200px;
margin-top:70px;
margin-left:50px;
padding-top:10px;
font-size:12px;
color:#7F756F;
text-align:justify;
font-weight:bold;
}

#case_recap{
border:1px solid #9B186F;
padding:10px;
clear:both;
margin-left:20px;
width:750px;
color:#9B186F;
}

#case_recap_paypal{
font-size:11px;
border:1px solid #9B186F;
padding:10px;
clear:both;
margin-left:20px;
width:750px;
color:#9B186F;
}

#paiement_succes{
width:500px;
margin :50px auto;
font-size:1.2em;
color:#9B186F;
text-align:center;
font-weight:bold;
}

#paiement_cb{
clear:both;
color:#9B186F;
}

.paymentMethodUpsell{
margin-top:10px;
}

#envoyer_recap{
margin-left:350px;
margin-top:10px;
}

#envoyer_recap_paypal{
margin-top:10px;
}

#recap_paiement1 {
float:left;
margin:50px 40px 10px 50px;
background:transparent url(../images/paiement_ligne.png) no-repeat  ;
width:28em;
position:relative;
height:19.5em;
padding-top:0.7em;
font-family: Lucida Grande;
font-size:12px;
}

#recap_paiement1_paypal {
float:left;
margin:30px 40px 10px 50px;
background:transparent url(../images/paiement_ligne.png) no-repeat  ;
width:28em;
position:relative;
height:19.5em;
padding-top:0.7em;
font-family: Lucida Grande;
font-size:12px;
}

#recap_paiement1 span{
font-weight: bold ;
color:#FFFFFF;
width:6em;
position:absolute;
padding: 0px 0px 0px 70px;
text-align:center;
white-space : nowrap;
}

#recap_paiement1 strong{
text-decoration:underline;
}

#recap_paiement_bas {
clear:both;
text-align:center;
color:#9B186F;
font-size:1.5em;
}

#message_validation{
margin-top :50px;
text-align:center;
color:#9B186F;
font-size:1.1em;
font-weight:bold;
}

#recap_paiement1 p{
position:absolute;
font-family: "Lucida Grande";
color:#9B186F;
margin:30px 10px 10px 10px;
padding:20px 20px 0px 0px;
text-align:center;
overflow:auto;
height:14em;
text-align: justify;
scrollbar-3dlight-color: #666;
scrollbar-arrow-color: #A39B96;
scrollbar-darkshadow-color: #e2e2e2;
scrollbar-face-color: #A39B96;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #A39B96;
scrollbar-track-color: ##BAB9BE;
scrollbar-base-color: #080;
}

#table_paiement li.paypal{
/*background-image: url(../images/paypal.png);*/
background-repeat: no-repeat;
background-position: top center;
width:100px;
height:110px;
}

#table_paiement li.cb{
/*background-image: url(../images/cb.png);*/
background-repeat: no-repeat;
background-position: top center;
width:100px;
height:110px;
}

#table_paiement li.virement{
/*background-image: url(../images/virement.png);*/
background-repeat: no-repeat;
background-position: top center;
width:100px;
height:110px;
}

/**Fin page Choix Paiement**/

/***************************************Site Version 2******************************************************/
/**page Second**/
#second{
position:relative;
background: url(../images/arriere_vierge.png) no-repeat left top; 
width:820px;
height:492px;
padding:0px;
margin:-8px 0 0 5px;
}

#second h1{
font-family: "Lucida Grande";
font-size:15px;
font-weight: bold ;
color:#000000;
text-align:center;
white-space : nowrap;
margin-bottom:7px;
}

#second p{
color:#000000;
font-size:13px;
font-family:Lucida Grande;
overflow:auto;
text-align:justify;
line-height:18px;
}

#second1{
position:absolute;
top :35px;
left:45px;
width:350px;
height:100px;
}

#second2{
position:absolute;
top :35px;
left:425px;
width:350px;
height:100px;
}

#second3{
position:absolute;
top :275px;
left:45px;
width:350px;
height:100px;
}

#second4{
position:absolute;
top :275px;
left:425px;
width:350px;
height:100px;
}

#second_btn{
position:absolute;
top :182px;
left:80px;
}

#second_btn1{
position:absolute;
top :165px;
left:80px;
}

#second_centre{
position:absolute;
top :215px;
left:365px;
width:81px;
height:81px;
}

/**Fin page Second**/

/**page Reglement REACH **/

#second_2{
position:relative;
background: url(../images/arriere_vierge_2.png) no-repeat left top; 
width:740px;
height:420px;
padding:35px;
margin:-8px 0 0 20px;
}

#second_2 h1{
font-family: "Lucida Grande";
font-size:15px;
font-weight: bold ;
color:#000000;
text-align:center;
white-space : nowrap;
}

#second_2 p{
color:#bbb5b0;
font-size:13px;
font-family:"Lucida Grande";
overflow:auto;
text-align:justify;
width:700px;
height:350px;
padding-right:7px;
}

#second_2 div{
color:#000000;
font-size:13px;
font-family:"Lucida Grande";
overflow:auto;
text-align:justify;
width:700px;
height:350px;
padding-right:7px;
line-height: 20px;
}

#second_annuler{
position:relative;
background: url(../images/arriere_vierge_2.png) no-repeat left top; 
width:740px;
height:420px;
padding:35px;
margin:-8px 0 0 20px;
}

#second_annuler div{
color:#000000;
font-size:13px;
font-family:"Lucida Grande";
overflow:auto;
text-align:center;
width:700px;
height:350px;
padding-right:7px;
line-height: 35px;
font-weight: bold ;
}

#second_2 h2{
font-family: "Lucida Grande";
font-size:13px;
font-weight: bold ;
color:#000000;
text-align:center;
white-space : nowrap;
}

.second_2{
text-align:center;
}

#second_2 a{
text-decoration:none;
white-space : nowrap;
color:#1a3bc6;
white-space : nowrap;
}

#second_2 a:hover{
white-space : nowrap;
color:#000f33;
}

#second_boutton{
position:relative;
left:175px;
top:5px;
}

#second_boutton_2{
position:relative;
left:260px;
top:120px;
}

#second_boutton_3{
position:relative;
left:260px;
top:3px;
}

#second_boutton_4{
position:relative;
left:260px;
top:60px;
}

/**Fin page Reglement REACH **/
/**Page TAG **/

#tag {
background:#e8e4e1;
text-align:justify;
color:#786B61;
font-style:italic;
}

#tag  p {
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
font-size:8px;
color:#786B61;
font-weight: bold ;
white-space : nowrap;
padding-left:0.2em;
text-align:center;
line-height:1.3em;
}

#tag  a {
text-decoration:none;
white-space : nowrap;
color:#786B61;
white-space : nowrap;
}

#tag a:hover{
white-space : nowrap;
color:#000f33;
}

#tag  p.petit {
font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode" ;
font-size:7px;
color:#786B61;
font-weight: bold ;
white-space : nowrap;
padding-left:0.2em;
text-align:center;
line-height:1.3em;
}
/**Fin page Tag **/
/**page First**/
#second_first{
position:relative;
background: url(../images/arriere_vierge_first.png) no-repeat left top; 
width:820px;
height:492px;
padding:0px;
margin:-8px 0 0 5px;
}

#second1_first{
position:absolute;
top :60px;
left:325px;
width:150px;
height:140px;
}

#second_first h1{
font-family: "Lucida Grande";
font-size:15px;
font-weight: bold ;
color:#000000;
text-align:center;
white-space : nowrap;
margin-bottom:7px;
}

#second_first p{
color:#000000;
font-size:13px;
font-family:Lucida Grande;
overflow:auto;
text-align:justify;
line-height:18px;
}

/**page First**/

/***************************************Fin Site Version 2**************************************************/