/* only :float, position, width, height, top, bottom, left, right, margin, padding, border, clear ,z-index */
/******************************************************************************
* position absolute
******************************************************************************/
#container,
#interpage,
#extrapub,
#lienextra,
#head h2
{ position:absolute; }
/******************************************************************************
* position relative
******************************************************************************/
#coin,
#interpage img,
#citation,
#stat
{ position:relative; }
/******************************************************************************
* z-index : les superpositions des calques
******************************************************************************/
#coin { z-index:1; } 
#citation { z-index:1; }
#extrapub { z-index:3; } 
#stat { z-index:5; }
#lienextra { z-index:6; }
/******************************************************************************
* Width : les largeur des calques
******************************************************************************/
#container 
{ width:100%; }
#sousrub,
#bodycontent
{ width:100%; }
#lautent
{ width:80%;}
/******************************************************************************
* Height : les hauteurs des calques
******************************************************************************/
body 
{ height:auto; }
/******************************************************************************
* float : right
******************************************************************************/
#bodycontent,
#fjaimepas,
#lcfemme,
#lccouple,
.2bloc2
{ float:right; }
/******************************************************************************
* float : left
******************************************************************************/
#fjaime,
#lchomme,
#lcaide,
.2bloc1
{ float:left; }
/******************************************************************************
* empecher palette flottante des deux cotés
******************************************************************************/
hr,
hr#bodycontent,
#footer,
.spacer
{ clear:both; }
/******************************************************************************
* margin + padding = 0
******************************************************************************/
body,
#listelien,
#lienrapide,
#bodycontent,
#bodycontent div,
#bodycontent span,
#bodycontent ol,
.generale
{ margin:0px; padding:0px; }
/******************************************************************************
* position des calques
******************************************************************************/
#container { 
border:0px solid #000000;
}
#coin { 
margin-right:auto; 
}
#interpage { 
top:95px; 
}
#interpage p{ 
padding:15px;
margin:10px; 
}
#citation { 
padding:10px; 
top:-590px; 
}
#stat {
left:10px; 
top:10px; 
}
#extrapub {
left:8px; 
top:12px; 
}
#lienextra {
left:620px; 
top:10px; 
}
/* liens important membre/rubrique */
#lienrapide *{
font-size:12px;
margin:0px;
padding:0px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#lienrapide { 
width:100%;
float:inherit;
position:inherit;
background-color:#3F3FCD;
border-top:0px solid #FFFFFF;
}
#lienrapide li{ 
display:inline;
vertical-align:bottom;
height:25px;
padding-top:5px;
}
#lienrapide A{ 

padding:0px;
padding-left:10px; 
padding-right:10px; 
border:0px;
}
/*** conteneur listes de liens 1 & 2 ****/
#listelien { 
margin:0px;
margin-left:12px; 
padding-right:1px; 
padding-left:1px; 
padding-right:1px; 
padding-bottom:5px;
border-right:1px dotted gray; 
} 

/**** Sous module Liste de liens 1 *******/
/* formulaire autent */
#lautent fieldset { 
padding-right:20px; 
}

/************* le pied de page ***********/
#footer {
font-size:10px;
margin-top:5px; 
margin-left:11px; 
padding-bottom:5px; 
}
#footer a:link,
#footer a:visited { 
padding-right:5px; 
}
#footer a:hover,
#footer a:active { 
padding-right:5px; 
}

/********************************/
/***** Contenu de la page *******/
/********************************/
#bodycontent, #bodycontent fieldset{ 
margin:0px;
padding:1px; 
}
#bodycontent em{ 
padding-right:8px; 
}
#bodycontent .homme ul, 
#bodycontent ul, 
#bodycontent div div  { 
margin:5px; 
}

#bodycontent ul h2, 
#bodycontent div h2{ 
margin:2px; 
}

#bodycontent div .formulaire{  
padding:0px; 
margin:0px; 
}

/********************************/
/******* Classe générique *******/
/********************************/
.formulaire fieldset{ 
margin:1px; 
padding:2px;
width:98%; 
}
.formulaire p{ 
margin:5px; 
padding-left:5px; 
padding-right:5px; 
width:98%; 
}
.formulaire form{  
margin-top:10px; 
}
.formulaire input, 
.formulaire select{ 
margin:2px; 
margin-left:5px; 
}
.generale {
border:0px; 
}
.error *{ 
margin:0px; 
padding:1px; 
border:0px; 
}
.error { 
z-index:20; 
}
.sousmenu A:hover,
.sousmenu A:active{ 
padding:2px; 
}

/* balises personnel (couleurs, puces...) à EFFACER */
#sousrub { 
padding:2px; 
}
/*#sousrub h2{ display:inline }#sousrub img{ display:inline;visibility:visible }*/
#sousrub A{ 
padding-left:10px; 
padding-right:10px; 
}
/******************************************************************************
* Police générale
******************************************************************************/
* { 
font-family: Arial, Verdana, Helvetica, sans-serif; 
}
/******************************************************************************
* display : none
******************************************************************************/
.nonactif *
{ display:none; }
/******************************************************************************
* display : bloc
******************************************************************************/
.nonactif h2,
.nonactif h2 img,
.nonactif h2 A
{ display:block }
/******************************************************************************
* display : inline
******************************************************************************/
#sousrub ol ul li,
.error *
{ display:inline; }
/******************************************************************************
* visibility : visible
******************************************************************************/
#bodycontent hr,
.actif *,
.nonactif h2,
.nonactif h2 img,
.nonactif h2 A
{ visibility:visible; }
/******************************************************************************
* visibility : hidden
******************************************************************************/
.nonactif *
{ visibility:hidden;}
/******************************************************************************
* text-align : left
******************************************************************************/
p,
#listelien1,
#listelien1 A,
#listelien2,
#listelien2 li,
#container,
.error
{ text-align:left }
/******************************************************************************
* text-align : center
******************************************************************************/
#lienrapide,
#lienrapide form,
#lienrapide span,
#lienrapide li,
#lienrapide p,
#lienrapide ul,
#lienrapide h2,
#lautent,
#lautent fieldset,
#lautent p,
#lchat,
#lcontact, #lcontact ul, #lcontact li, 
#footer,
#bodycontent h1,
#bodycontent h2,
#bodycontent h3,
.formulaire fieldset,
.button *,
.sousmenu,
#fconcours,
#lpub a,
#fphoto,
#sousrub
{ text-align:center }
/******************************************************************************
* text-align : right
******************************************************************************/
#lienextra
{ text-align:right }
/******************************************************************************
* text-align : justify
******************************************************************************/
#interpage p
{ text-align:justify }
/******************************************************************************
* color1 
******************************************************************************/
body,
h,
h1,
h2,
h3,
ul,
li,
p,
div,
td,
textarea, 
input,
select,
form,
.textsmallnr,
A.textsmallbl:hover,
A.textsmallnr:link,
A.textsmallnr:visited,
#sousrub ol ul li A,
#bodycontent,
#bodycontent li,
#sousrub,
#footer,
.arbo a:hover,
.arbo a:active,
.error,
.error h6
{ color:#000000; }
/******************************************************************************
* color2 
******************************************************************************/
A:link,
A:visited,
A:active,
#listelien1 a:hover,
#listelien1 a:active,
.arbo a:link,
.arbo a:visited
{ color:#0b3a8a; }
/******************************************************************************
* color3
******************************************************************************/
#listelien1 li a:hover,
#listelien1 li a:active,
#listelien1 h1,
#listelien1 h2,
#listelien2 h2,
#bodycontent h1
{ color:#686E90; }
/******************************************************************************
* color4
******************************************************************************/
#lienrapide a:link,
#lienrapide a:visited
{ color:#FFFFFF; }
/******************************************************************************
* color5
******************************************************************************/
#lienrapide a:hover,
#lienrapide a:active,
#listelien1 ul
{ color:#FFFF00; }
/******************************************************************************
* color6
******************************************************************************/
#listelien1 li a:link,
#listelien1 li a:visited
{ color:#b9b9b9; }
/******************************************************************************
* color7
******************************************************************************/
.error h4
{ color:#660066; }
/******************************************************************************
* color8
******************************************************************************/
.error h5
{ color:#330099; }
/******************************************************************************
* color9
******************************************************************************/
#lautent h2 
{ color:#CC3300; }
/******************************************************************************
* color10
******************************************************************************/
#head h1
{ 
font-size:30px;
color:#336699; }
/******************************************************************************
* color16 
******************************************************************************/
fieldset 
{ border-color:#FAF89A; }
/******************************************************************************
* Font-size1
******************************************************************************/
h, h1, h2, h3 
{ font-size:14px; }
/******************************************************************************
* Font-size2
******************************************************************************/
ul,
li,
p,
div,
td,
#sousrub
{ font-size:12px; }
/******************************************************************************
* Font-size3
******************************************************************************/
select
{ font-size:10px }
/******************************************************************************
* Font-size4
******************************************************************************/
#lautent .note
{ font-size:9px;}
/******************************************************************************
* Font-weight1
******************************************************************************/
#head p,
#lienrapide A
{ font-weight:bold;}
/******************************************************************************
* Font-weight2
******************************************************************************/
#bodycontent li,
#bodycontent h2,
#bodycontent h3,
#listelien2 h3
{ font-weight:normal;}
/******************************************************************************
* Font-family1
******************************************************************************/
#interpage p
{ font-family:Arial, Helvetica, sans-serif; }
/******************************************************************************
* Font-family2
******************************************************************************/
#bodycontent h1 
{ font-family:Arial, Helvetica, sans-serif; }
/******************************************************************************
* Text-decoration1
******************************************************************************/
a:hover,
a:link,
a:visited,
a:link
{ text-decoration: none; }
/******************************************************************************
* background transparent
******************************************************************************/
#listelien *
{ background:transparent; } 
/******************************************************************************
* background-color1 
******************************************************************************/
#lienrapide a:hover,
#lienrapide a:active
{  background-color:#3F3FCD; }
/******************************************************************************
* background-color2
******************************************************************************/
#lienrapide a.selected:link,
#lienrapide a.selected:visited
{ background-color:#3F3FCD; }
/******************************************************************************
* background-color3 //rollover
******************************************************************************/
#sousrub
{ background-color:#FFFFFF; }/* gris */
/******************************************************************************
* list-style-type none
******************************************************************************/
#lienrapide ul li,
.lienrapide ul li
{ list-style-type:none;}
/******************************************************************************
* background-color4 
******************************************************************************/
#lienrapide a:link,
#lienrapide a:visited
{  background-color:#3F3FCD }
/******************************************************************************
* background-color5
******************************************************************************/
#container,
#sousrub a:hover,
#sousrub a:active,
#sousrub li a:hover,
#sousrub li a:active,
#listelien1 fieldset,
#listelien1 input
{ background-color:#FFFFFF; } /* fond orange */
/******************************************************************************
* background url + position
 body 
{ background:#FFFFFF url(/brand/brand1/images/fond.jpg); }
******************************************************************************/
body 
{ background-color:#FFFFFF; }
#cadre 
{ background:transparent url(/brand/brand1/images/fondmain.gif) repeat-y; }

/******************************************************************************
* Bordures
******************************************************************************/
/*fieldset
{ border:0px; }*/
form
{ vertical-align:baseline; }
.formulaire samp
{
font-family:Arial, Helvetica, sans-serif;; 
font-size:10px; 
color:#E28403
}
/**** Bordures *******/
#listelien1 div
{
 border:0; 
 border-bottom:5px solid #FFFFFF ;
 border-left:1px dotted #FFFFFF ;
 border-right:1px dotted #FFFFFF ;
}
/******************************************************************************
* Structure
******************************************************************************/
/******************************************************************************
* cursor : Help
******************************************************************************/
acronym,
a acronym
{ cursor:help; }
/******************************************************************************
* cursor : Pointer
******************************************************************************/
#listelien1 h1,
#listelien1 h2,
#listelien2 h2,
#interpage img,
#bodycontent h2 
{ cursor:pointer; }
/******************************************************************************
* cursor : Pointer
******************************************************************************/
.arbo div, .arbo ul, .arbo li,
div .arbo, ul .arbo ,li .arbo
{
margin:inherit;
padding-left:1%;
}
#accueil 
{
width:95%;
text-align:left;
}
#accueil div
{
border:0px dotted #CC3333;
}
#accueil h2
{
font-size:14px;
font-weight:bold;
}
#accueil h3
{
font-size:14px;
font-weight:bold;
color:#CC0000;
}
#accueil ul
{
padding:2px;
margin:inherit;
text-align:left;
}
#accueil li
{
text-indent:50px;
}
#navigation 
{ 
clear:both;
margin:5em;
top:5px;
text-indent:5px;
font-size:16px;
font-weight:bold;
background-color:#FFFFCC;
font-family:Arial, Helvetica, sans-serif;
border:2px solid #336633;
}
/* ARBO.. */
/* générale */
.arbopublic
{ 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
list-style-type: none;
}
/* structure et block */
.arbopublic ul
{
padding-bottom:2em;
}
.arbopublic li
{ 
float:inherit;
margin:2em;
margin-top:0px;
margin-right:1em;
font-size:16px;
background-color:#D5D8FD;
font-family:Arial, Helvetica, sans-serif;
border:2px dotted #000000;
}
.descriptifrub
{ 
font-size:12px;
}
#head 
{
background-color:#FFFFFF;
background-image:url(/images/frame_bas.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
#document
{
padding:0px;
width:80%;
text-align:left;
}
#document legend
{
font-size:16px;
font-weight:bold;
color:#3F3FCD;
}
#document fieldset
{
border-color:#3F3FCD;
}
.arbopublic li ul li
{ 
float:inherit;
display:inherit;
margin-top:2em;
background-color:#899CF8;
font-size:12px;
border:1px solid #000000;
}
.arbopublic li ul li ul li
{ 
background-color:#899CF8;
}
.arbopublic li ul li ul li ul li
{ 
background-color:#899CF8;
}
.arbopublic li ul li ul li ul li ul li
{ 
background-color:#899CF8;
}
.arbopublic li ul li ul li ul li ul li ul li
{ 
background-color:#899CF8;
}
/* titre structure */
.arbopublic li A
{ 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:2px;

}
.arbopublic li ul li A
{ 
background-color:transparent;
}

/* cat enfant : ... */

.arbopublic A:link,
.arbopublic A:hover,
.arbopublic A:visited,
.arbopublic A:active
{
color:#000000;
}
div.confirmation {
border: 1px dashed #D0D0D0;white-space:nowrap;
background-color: #FFFFE0;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

div.confirmation h4 {
margin: 8px;
}

div.confirmation p, div.confirmation pre {
color: #333333;
margin: 10px 10px 10px 30px;
}

div.confirmation a, div.confirmation a:visited {
color: #333333;
text-decoration: underline;
}

div.confirmation h4.error { color: #CC0000; }
div.confirmation h4.warning { color: #333333; }
div.confirmation h4.info { color: #3353A8; }
div.confirmation h4.success { color: #338844; }

img.icon {
border: 0;
margin-right: 6px;
}

.fantome,
.fantome span,
.fantome a:link,
.fantome a:hover,
.fantome a:visited,
.fantome a:active
{ font-style:italic;
 text-decoration:overline;
 background-color:#FF3333;
 }
/******************************************************************************
* Moteur de recherche
******************************************************************************/
#recherche *,
#recherche form,
{
margin:0;
padding:0;
background-color:#FFCF01;
border:0;
}
div #recherche,
{
border-top:3px solid #3F3FCD;
border-bottom:3px solid #3F3FCD;
}
#recherche input,
{
background-color:#FFFFFF;
}
#recherche legend
{
visibility:hidden;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#3F3FCD;
}
/******************************************************************************
* Barre de scrolling
******************************************************************************/
body {
scrollbar-3d-light-color:#5C9BE0;
scrollbar-arrow-color:#5C9BE0; 
scrollbar-base-color:#FFFFFF;
scrollbar-dark-shadow-color:#FFFFFF; 
scrollbar-face-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}