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

#global {
width:980px;
/*background:#d9d9d9 url('active_portail_bleu/bg_activeportail.gif') repeat-y top center;*/
background-color:#ffffff;
position:relative;
margin-left:auto;
margin-right:auto; }

form, input {
margin:0;
padding:0; }

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

h2 {
text-indent:30px;
line-height:26px;
text-align: left;
margin-top:5px;
margin-bottom:5px;
margin-bottom:5px;
font-size:18px;
color:#00568a; 
background: url('active_ppra/puce_titre_cop.gif') no-repeat top left; }

a {
color:#a7a2ca; }

a:hover {
color:#00568a; }

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

#outils {
margin:0;
background-color:#00568a;
padding:0px 0px 0px 0px; /* Haut Droite Bas Gauche */
list-style:none;
overflow:hidden; /* contexte de formatage */}

#outils li {
margin:4px 0px 4px 0px;
border-left:1px solid white;
float:right; }

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

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


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

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

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

#menu_pere {
height:26px;
background-image:URL('active_ppra/menu_pere.gif');
margin:0;
padding:0px 0px 0px 40px;
list-style:none; }

#menu_pere li {
background:URL('active_ppra/menu_pere.gif') no-repeat top right;
line-height:26px;
float:left; }

#menu_pere li a {
color:#ffffff;
padding:0px 20px 0px 20px;
display:block;
font-weight:bold;
border-left:solid 1px #a9a5c5;
border-right:solid 1px #787492;
text-decoration:none; }

#menu_pere li a:hover {
border-left:solid 1px #bbbbbb;
border-right:solid 1px #ffffff;
background:URL('active_ppra/menu_pere_hover.gif') repeat top right;
color:#a59fd1; }

#milieu {
padding-top:10px; }

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

#colonne_gauche {
margin-left:10px;
margin-bottom:10px;
float:left;
width:180px; }

#recherche {
background-color:#e5e4f1;
margin-bottom:10px;
height:70px;
color:#ff0000; }

#recherche label {
display:block;
background-color:#00568a;
color:#ffffff;
text-indent:5px;
height:24px;
line-height:24px;
font-size:12px;
font-weight:bold;
margin-bottom:8px; }

#recherche input {
margin-left:5px;}

#colonne_gauche ul {
height:400px;
background-color:#e5e4f1;
margin:0;
padding:0;
list-style:none; }

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

#colonne_gauche li.titremenu a {
background-color:#00568a;
color:#ffffff;
text-indent:5px;
height:24px;
line-height:24px;
font-size:12px;
font-weight:bold; }

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

#colonne_gauche li.smenu a {
color:#00568a;
line-height:24px;
text-indent:6px;
font-size:11px; }

#colonne_gauche li.smenu a:hover {
background-color:#ffffff;
text-decoration:underline; }

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

#colonne_gauche li.ssmenu a:hover {
background-color:#ffffff;
text-decoration:underline; }

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

#colonne_droite {
float:right;
width:195px;
margin-right:5px; }

#colonne_droite .bloc_droite {
background:#dddbed url('active_ppra/bloc_droite.gif') no-repeat top left;
text-align:center;
margin-bottom:10px;
padding-bottom:5px; }

#colonne_droite .bloc_droite h3 {
position:relative; /* Correctif bug IE6 */
text-align:left;
text-indent:10px;
font-weight:bold;
color:#ffffff;
margin:0;
padding:5px; 
font-size:12px; }

#colonne_droite .bloc_droite fieldset  {
text-align:left;
border:0;
padding:5px; }

#colonne_droite .bloc_droite label {
display:inline;
float:left;
width:100px; }

#colonne_droite .bloc_droite fieldset input {
margin-bottom:2px; } 

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

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

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

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

#fil_ariane {
padding-bottom:5px;
float:left;
color:#2a7ba0; }

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

#fil_ariane a {
color:#999999;
text-decoration:none;
padding:3px; }

#fil_ariane a:hover {
color:#666666;
border:1px solid #cccccc;
background-color:#f2f2f2;
padding:2px; }

#fonctions {
padding-bottom:5px;
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 {
background-color:#ffffff;
border-top:solid 1px #dddddd;
height:34px;
padding:0px 20px 0px 20px;
line-height:34px;
clear:both; }

#pied .copy_gauche {
color:#777777;
padding:0px 2px 0px 2px;
float:left; }

#pied .copy_droite {
color:#777777;
padding:0px 2px 0px 2px;
float:right; }

#pied a {
padding:3px;
color:#4f70ce; }

#pied a:hover {
color:#86a0eb; }

#pied img, span {
vertical-align:middle;
padding-right:5px; }

/********** 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 agenda **********/

.fond_agenda_1{
background-color:#f3f3f3;
font-size:11px;
color:#4b616c; }

.fond_agenda_2{
background-color:#f8f8f8;
font-size:11px;
color:#4b616c;
padding:5px; }

/********** Styles FAQ **********/

.fond_faq_1{
background-color:#d7d7d7;
font-size:11px;
color:#4b616c; }

.fond_faq_2{
background-color:#f3f3f3;
font-size:11px;
color:#4b616c;
padding:5px; }

.fond_faq_3{
background-color:#f8f8f8;
font-size:11px;
color:#4b616c; }

/********** Styles téléchargements **********/

.table_tel{
background-color:#f8f8f8;
border: solid 1px #cdcdcd;
font-size:11px;
color:#4b616c; }

.fond_tel_1{
background-color:#f3f3f3;
font-size:11px;
color:#4b616c;
padding:5px; }

.fond_tel_2{
background-color:#f8f8f8;
font-size:11px;
color:#4b616c;
padding:5px; }

/********** Styles Une **********/

#une_gauche {
width:430px;
padding-right:10px;
padding-left:5px;
float:left;
overflow:hidden; /*  contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

#une_droite {
width:320px;
float:left;
overflow:hidden; /*  contexte de formatage : permet de placer correctement le bloc au milieu des flottants */ }

/* Actualités */

#actu {
float:left; 
margin-bottom:10px; }

#actu h1 {
padding:0px 0px 5px 0px;
margin:0px;
color:#5477dc;
font-size:20px; }

#actu .bloc_actu {
overflow:hidden;
border-top:dotted 1px #d3d3d3;
border-bottom:dotted 1px #d3d3d3;
background-color:#eff3ff;
padding:5px;
margin:0px 5px 5px 0px; }

#actu .bloc_actu2 {
overflow:hidden;
padding:2px 5px 2px 5px;
margin:0px 5px 0px 0px; }

#actu .titre {
color:#00568a;
font-weight:bold;
font-size:12px; }

#actu .texte {
color:#000000;
font-weight:normal;
font-size:11px; }

#actu a {
color:#ff0000;
font-weight:bold;
font-size:12px; }

#actu a.suite {
float:right;
color:#00568a;
font-weight:normal;
font-size:11px; }

#actu .img{
float:left;
border:solid 1px #000000;
margin-right:5px; }

/* Evénements */

#even {
float:left;
margin-bottom:10px; }

#even h1 {
padding:0px 0px 5px 0px;
margin:0px;
color:#8785c4;
font-size:20px; }

#even .bloc_even {
overflow:hidden;
border-top:dotted 1px #d3d3d3;
border-bottom:dotted 1px #d3d3d3;
background-color:#f7f6fb;
padding:5px;
margin:0px 5px 5px 0px; }

#even .bloc_even2 {
overflow:hidden;
padding:2px 5px 2px 5px;
margin:0px 5px 0px 0px; }

#even .date {
color:#8785c4;
font-weight:bold;
font-size:12px; }

#even .titre {
color:#00568a;
font-weight:bold;
font-size:12px; }

#even .texte {
color:#000000;
font-weight:normal;
font-size:11px; }

#even a {
color:#ff0000;
font-weight:bold;
font-size:12px; }

#even a.suite {
float:right;
color:#00568a;
font-weight:normal;
font-size:11px; }

/* Annuaire */

#annuaire {
float:left;
margin-bottom:10px; }

#annuaire h1 {
padding:0px 0px 5px 0px;
margin:0px;
color:#00568a;
font-size:20px; }

#annuaire .bloc_annuaire {
overflow:hidden;
border-top:dotted 1px #d3d3d3;
border-bottom:dotted 1px #d3d3d3;
background-color:#efefef;
padding:5px;
margin:0px 5px 5px 0px; }

#annuaire a.suite {
float:right;
color:#00568a;
font-weight:normal;
font-size:11px; }

#annuaire .titre {
color:#000000;
font-weight:bold;
font-size:12px; }

/* Flux RSS */

#flux {
float:left;
margin-bottom:10px; }

#flux h1 {
padding:0px 0px 5px 0px;
margin:0px;
color:#00568a;
font-size:20px; }

#flux .bloc_flux {
overflow:hidden;
border-top:dotted 1px #d3d3d3;
border-bottom:dotted 1px #d3d3d3;
background-color:#efefef;
padding:5px;
margin:0px 5px 5px 0px; }

#flux a.suite {
float:right;
color:#00568a;
font-weight:normal;
font-size:11px; }

/* Selection */

#selection {
margin-bottom:10px;
float:left; }

#selection h1 {
padding:0px 0px 5px 0px;
margin:0px;
color:#00568a;
font-size:20px; }

#selection .bloc_selection {
overflow:hidden;
border-top:dotted 1px #d3d3d3;
border-bottom:dotted 1px #d3d3d3;
background-color:#efefef;
padding:5px;
margin:0px 5px 5px 0px; }

#selection .img{
float:left;
border:solid 1px #000000;
margin-right:5px; }

#selection .titre {
color:#00568a;
font-weight:bold;
font-size:12px; }

#selection a {
color:#ff0000;
font-weight:bold;
font-size:12px;
text-decoration:underline;
color:#25419a;
}

/* styles du login */

#zone_login {
background-color:#fafafa;
width:450px;
padding:10px;
border:solid 1px #aaaaaa;
overflow:hidden; /* contexte de formatage */ }

#zone_login .gauche {
float:left;
margin:20px;
width:150px; }

#zone_login .droite {
background-color:#f5f5f5;
float:left;
border:solid 1px #aaaaaa;
margin:10px;
width:200px; }

/* 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:#999999;
text-decoration:none;
display:block;
}

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

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

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

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

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

/* STyles divers */

.libelle{
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
font-weight:bold;
text-align:justify;
font-size:12px;
color:#39518f;
line-height:16px;
}

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

.annu_table1{
border:solid 1px #c7c3e1;
background-color:#f4f4f4;
}

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

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

.entete_table{
font-size:16px;
font-weight:bold;
color:#5f9dc9;
margin:10px;
}

.img_une_1{
border:solid 1px #cccccc; }

.table_une_2{
background-color:#ffffff;
border: solid 1px #cdcdcd;
font-size:11px;
color:#4b616c; }

.flux_actu{
display:block;
overflow:auto;
width:174px;
height:100px; }

.lign_rss{
background-color:#f8f8f8;
border-bottom:solid 1px #cccccc; }

a.rss{
display:block;
background-color:#ffffff;
text-decoration:none;
border-bottom:solid 1px #cccccc;
padding:2px; }

a.rss:hover{
display:block;
background-color:#eeeeee;
text-decoration:none;
border-bottom:solid 1px #cccccc; }

/********** Styles 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{
border-right:solid 1px #dddddd; }