body {
background-color:#f4f7fb;
font-family:arial, verdana,serif, sans-serif;
font-size:11px;
margin:0;
padding:0; }

#global {
background-color:#ffffff;
border-left:dotted 1px #dddddd;
border-right:dotted 1px #dddddd;
border-bottom:dotted 1px #dddddd;
width:980px;
position:relative;
margin-left:auto;
margin-right:auto; }

form {
margin:0;
padding:0; }

h1 {
font-size:24px;
color:#00be59; }

h2 {
text-align:left;
line-height:24px;
padding-bottom:24px;
margin-bottom:10px;
font-size:18px;
color:#1460a7; 
background:url('active_site/bg_titre_lean.gif') no-repeat bottom left; }

h3 {
text-align:left;
margin:0px 0px 5px 0px;
line-height:14px;
font-size:14px;
color:#f7931d; 
font-weight:bold; }

a {
color:#6a87d1; }

a:hover {
color:#f7931d; }

/********** Outils **********/

#entete {
background-color:#6a87d1;
overflow:hidden; /* contexte de formatage */ }

#outils {
float:left;
margin:0;
padding:5px 0px 5px 0px; /* Haut Droite Bas Gauche */
list-style:none;
overflow:hidden; /* contexte de formatage */ }

#outils li {
border-right:1px solid white;
color:#ffffff;
float:left; }

#outils li a {
color:#ffffff;
display:block;
margin:0px 3px 0px 3px; /* Espaces entres <li> */
padding:3px 4px 3px 4px; /* Espace intérieur pour placer le :hover border 1px */
text-decoration:none; }

#outils li a:hover {
padding:2px 3px 2px 3px;
border:1px solid white;
background-color:black;}

#connexion {
padding:4px 1px 5px 1px;
float:center;
 }
 
#connexion input {
font-size:11px; }

#connexion label {
margin:0;
padding:0;
font-size:11px;
color:#ffffff; }

#recherche {
padding:4px 1px 5px 1px;
float:right;
 }
 
#recherche input {
font-size:11px; }

#recherche label {
margin:0;
padding:0;
font-size:11px;
color:#ffffff; }

/********** Bandeau **********/

#bandeau {
font-size:0px;
height:120px; /* Correctif bug marge bas IE */ }

/********** Menu père **********/

#menu_pere {
height:38px;
margin:0;
padding:0;
list-style:none;
overflow:hidden; /* contexte de formatage */}

#menu_pere li {
line-height:38px;
float:left; }

#menu_pere li a {
background:url('../style/active_site/menu_haut.gif') repeat-x;
color:#1460a7;
padding:0px 10px 0px 10px;
display:block;
text-decoration:none;
font-weight:bold;
font-size:11px; }

#menu_pere li a:hover {
background:url('../style/active_site/menu_haut_hover.gif') repeat-x;
color:#f7931d; }

#menu_pere li.debut_menu {
width:110px;
display:block;
line-height:38px; }

/********** Colonne de gauche **********/

#colonne_gauche {
margin:0px 10px 0px 10px;
background-color:white;
float:left;
width:200px; }

#colonne_gauche ul {
margin:0;
padding:0px;
list-style:none;
overflow:hidden; /* contexte de formatage */ }

#colonne_gauche li a {
text-decoration:none;
display:block; }

#colonne_gauche li a:hover {
text-decoration:underline; }

#colonne_gauche li.titremenu a {
margin-top:10px;
color:#000000;
text-indent:5px;
background-color:#eeeeee;
line-height:24px;
font-weight:bold;
font-size:12px; }

#colonne_gauche li.smenu a {
border-bottom:dotted 1px #bbbbbb;
color:#4f70ce;
line-height:24px;
text-indent:10px;
font-size:11px; }

#colonne_gauche li.ssmenu a {
color:#666666;
line-height:18px;
text-indent:20px;
font-size:10px; }

/********** Colonne de droite **********/

#colonne_droite {
margin:0px 10px 0px 10px;
float:right;
width:200px; }

#colonne_droite .bloc_droite {
margin-top:10px;
background-color:#ffffff;
border-bottom:dotted 1px #dddddd; }

#colonne_droite .bloc_droite h3 {
position:relative; /* Correctif bug IE6 */
background:url('../style/active_site/entete_menu.gif') no-repeat;
background-color:#ffffff;
text-align:right;
line-height:32px;
color:#0052a0;
margin:0;
padding:0px 5px 0px 5px; 
font-size:12px; }

#colonne_droite .gauche_bd {
padding:5px 5px 0px 5px;
float:left; }

#colonne_droite .droite_bd {
padding:5px 5px 0px 0px;
float:right; } 

#colonne_droite .gauche_bd label {
line-height:24px;
font-size:11px;
display:block; }

#colonne_droite .droite_bd input{
margin:4px;
font-size:11px;
display:block; }


#colonne_droite .ligne_bd {
text-align:center;
padding:5px 0px 5px 0px;
clear:both; }

#colonne_droite img {
margin-top:9px;
text-align:center;
border:1px solid black; }

#colonne_droite p {
text-align:justify;
padding:0px 5px 5px 5px; }

/********** Colonne au centre **********/

#content {
padding:10px 5px 10px 5px;
overflow:hidden; /* contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

#fil_ariane {
float:left; }

#fil_ariane img { /* Supprime la bordure du lien */
border:0px;}

#fonctions {
float:right; }

#fonctions img { /* Supprime la bordure du lien */
border:0px; }

#donnees {
text-align:justify;
clear:both;
overflow:hidden; /* contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

#donnees p {
text-align:justify; }

/********** Pied de page **********/

#pied {
overflow:hidden;
padding:0px 5px 0px 5px;
line-height:26px;
border-top:dotted 1px #dddddd;
background-color:#ffffff;
clear:both; }

#pied .copy_gauche {
float:left; }

#pied .copy_droite {
float:right; }

#pied a{
color:#4f70ce; }

/********** Styles sur XSLT **********/

.img {
margin:6px 10px 0px 0px;
float:left; }

.img_left {
margin:6px 10px 0px 0px;
float:left; }

.img_right {
margin:6px 0px 0px 10px;
float:right; }

.img_left2 {
margin:10px 10px 10px 10px;
float:left; }

.img_right2 {
margin:0px 0px 0px 10px;
float:right; }

.table_article_1 {
margin:10px;
background-color:#ffffff;
border-style:solid;
border-color:#ffffff;
border-width:1px 1px 1px 1px; }

.table_article_2 {
margin:10px;
background-color:#fafafa;
border-style:solid;
border-color:#cdcdcd;
border-width:1px 1px 1px 1px; }

.galerie_portail_haut{
background-image:URL('../images/galerie_portail_haut.gif');
background-repeat:no-repeat;
background-position:top center; }

.galerie_portail_centre{
background-image:URL('../images/galerie_portail_centre.gif');
background-repeat:repeat-y;
background-position:top center; }

.galerie_portail_bas{
background-image:URL('../images/galerie_portail_bas.gif');
background-repeat:no-repeat;
background-position:top center; }

/* Styles accueil lean */

#bloc_actu{
display:block;
float:left;
width:553px;
height:158px;
background:#ffffff url('../style/active_site/bloc_actu.gif') no-repeat top left;
color:#0052a0;
font-size:11px;
text-align:left;
padding:40px 0px 0px 0px;
margin-bottom:10px;
}

#bloc_actu .titre{
width:130px;
padding:50px 5px 0px 0px;
float:left;
text-align:right;
}

#bloc_actu h3{
background:#ffffff url('../style/active_site/bloc_actu_titre.gif') no-repeat top right;
padding-right:24px;
text-align:right;
line-height:24px;
color:#6785bd;
font-size:12px;
margin:0;
font-weight:bold;
}

#bloc_avenir{
display:block;
float:right;
width:408px;
height:198px;
color:#0052a0;
font-size:11px;
text-align:left;
margin-bottom:10px;
}

#bloc_formation{
clear:both;
display:block;
float:left;
width:284px;
height:134px;
background:#ffffff url('../style/active_site/bloc_formation.gif') no-repeat top left;
color:#0052a0;
font-size:11px;
text-align:left;
padding:34px 20px 0px 18px;
}

#bloc_formation h3{
color:#0052a0;
font-size:11px;
line-height:14px;
font-weight:bold;
}

#bloc_formation p{
margin:4px;
color:#0052a0;
font-size:11px;
}

#bloc_formation a{
display:block;
height:24px;
width:100px;
background:url('../style/active_site/bloc_formation_lien.gif') no-repeat top left;
color:#0052a0;
text-indent:30px;
line-height:24px;
font-size:11px;
font-weight:bold;
text-decoration:none;
float:right;
}

#bloc_manifestation{
display:block;
float:left;
width:284px;
height:134px;
background:#ffffff url('../style/active_site/bloc_manifestation.gif') no-repeat top left;
color:#f7931d;
font-size:11px;
text-align:left;
padding:34px 20px 0px 18px;
}

#bloc_manifestation h3{
color:#f7931d;
line-height:14px;
font-size:11px;
font-weight:bold;
}

#bloc_manifestation p{
margin:4px;
color:#f7931d;
font-size:11px;
}

#bloc_manifestation a{
display:block;
height:24px;
width:100px;
background:url('../style/active_site/bloc_manifestation_lien.gif') no-repeat top left;
color:#f7931d;
text-indent:30px;
line-height:24px;
font-size:11px;
font-weight:bold;
text-decoration:none;
float:right;
}

#bloc_librairie{
display:block;
float:right;
width:284px;
height:134px;
background:#ffffff url('../style/active_site/bloc_librairie.gif') no-repeat top left;
color:#808285;
font-size:11px;
text-align:left;
padding:34px 20px 0px 18px;
}

#bloc_librairie h3{
color:#808285;
line-height:14px;
font-size:11px;
font-weight:bold;
}

#bloc_librairie p{
margin:4px;
color:#808285;
font-size:11px;
}

#bloc_librairie a{
display:block;
height:24px;
width:100px;
background:url('../style/active_site/bloc_librairie_lien.gif') no-repeat top left;
color:#808285;
text-indent:30px;
line-height:24px;
font-size:11px;
font-weight:bold;
text-decoration:none;
float:right;
}

.bloc_lien{
display:block;
float:left;
width:284px;
color:#808285;
font-size:11px;
text-align:left;
padding:10px 20px 0px 18px;
}

.toutes_manif {
font-size:11px;
font-weight:bold;
color:#f7931d;
float:right;
}

.toutes_forma {
font-size:11px;
font-weight:bold;
color:#0052a0;
float:right;
}

.toutes_lib {
font-size:11px;
font-weight:bold;
color:#808285;
float:right;
}

/* styles du plan */

.fond_plan1{

}

.fond_plan2{
text-indent:10px;
margin:5px;
padding:5px;
}

.fond_plan3{
text-indent:20px;
margin:5px;
padding:5px;
}

a.plan1{
background-color:#fafafa;
border-style:solid;
border-color:#dddddd;
border-width:1px 1px 1px 1px;
margin:5px;
padding:5px;
font-size:14px;
font-weight:bold;
color:#6a87d1;
text-decoration:none;
display:block;
}

a.plan1:hover{
font-size:14px;
color:#f7931d;
text-decoration:none;
}

a.plan2{
font-size:11px;
font-weight:bold;
color:#6a87d1;
margin:10px;
text-decoration:none;
}

a.plan2:hover{
font-size:11px;
color:#f7931d;
text-decoration:none;
}

a.plan3{
font-size:11px;
color:#6a87d1;
margin:10px;
text-decoration:none;
}

a.plan3:hover{
font-size:11px;
color:#f7931d;
text-decoration:none;
}

/* styles de la faq */

a.annu1:hover{
font-size:14px;
text-decoration:underline;
color:#222222;
}

.annu_table1{
padding:5px;
border:solid 1px #c7c3e1;
background-color:#fafafa;
}

.annu_table2{
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#c7c3e1;
}

/* styles du commerce */

.table_article {
border:solid 1px #dddddd;
}

.titreprix {
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
text-align:justify;
font-size:14px;
font-weight:bold;
color:#6a87d1;
line-height:16px;
text-decoration:none;
}

.texteprix{
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
text-align:justify;
font-size:13px;
font-weight:bold;
color:#333333;
line-height:16px;
text-decoration:line-through;
}

.texteprix2{
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
text-align:justify;
font-size:13px;
font-weight:bold;
color:#ee0000;
line-height:16px;
text-decoration:none;
}

.textetotal{
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
font-size:12px;
font-weight:bold;
color:#6a87d1;
line-height:16px;
}

.entete_table_commande{
background-color:#6a87d1;
color:#ffffff;
font-size:11px;
border-left:solid 1px #ffffff;
}

.accueil_catalogue{
padding:5px;
border-top:dotted 1px #bbbbbb; 
border-bottom:dotted 1px #bbbbbb; 
}

.accueil_table{
background-color:#fafafa;
padding:5px;
}

.libelle {
font-weight:bold; }

.produit {
padding:5px;
border-top:dotted 1px #bbbbbb; 
border-bottom:dotted 1px #bbbbbb; 
background-color:#fafafa;}



div.div_popup_cachee{

	display: none;
	position:absolute;
	border: 1px solid #a999d5;
	background-color: #FFFFFF;
	/*text-align: center;*/
	padding: 1em;

}

div.div_popup_affichee{

	/*display: block;*/
	position:absolute;
	border: 1px solid #a999d5;
	background-color: #FFFFFF;
	/*text-align: center;*/
	padding: 0px;
	margin: 0px;
}

/* Styles du Forum */

.entete_message{
padding:3px;
background-color:#eeeeee;
border:solid 1px #dddddd;
color:#666666;
}

.message{
padding:3px;
line-height:22px;
}

.auteur{
color:#5c5874;
font-weight:bold;
background:#fafafa;
padding:5px;
}

.table{
border:solid 1px #dddddd;
}

table.sortable{
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
}

table.sortable td{
padding:5px;
border-bottom:solid 1px #dddddd;
border-right:solid 1px #dddddd;
}

.entete_table{
background:#6a87d1;
border:inset 1px #000000;
color:#ffffff;
height:18px;
font-size:11px;
font-weight:bold;
}