/*





*/

@import url(/histogramme.css);

/******************************************************************************
 * Semantique
 ******************************************************************************/

dt {
  margin-top: 1.5em;
  margin-bottom: 0.7em;
}

p.banner {
    text-align: center !important;
}

.note {
    font-size: smaller;
}

p.copyright {
  font-size: smaller !important;
  font-style: italic !important;
}

blockquote {
    background: #fffce2;
    margin: 1em;
    padding: 2em;
}

blockquote p {
    margin-bottom: 0.5em !important;
}

q:lang(fr) {
  quotes: "\00AB\00A0" "\00A0\00BB" "" "";
}
q:before { content: open-quote }
q:after  { content: close-quote }


hr {
    margin-top: 2em;
    margin-bottom: 2em;
}

hr.big {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: #003A6B;
    height: 1em;
}

address#organizationAddress {
    font-style: normal;
    margin: 0.2em;
    margin-left: 3em;
}

.otherLang {
  font-style: italic;
}

p.updated {
  font-weight: bold;
  font-size: 80%;
  color: #dd4900;
  margin-left: 5em;
}

.invisible {
  display: none;
}

.biography {
  background: #cdcdcd;
  border: 1px solid #a7a7a7;
  padding: 1em;
}

.biography img {
  margin: 1em;
  border: 1px solid #a7a7a7;
}

/**********************************************************************
 * Styles for hiding the accessibility navigation panel
 * Solution from http://www.projectseven.com/tutorials/accessibility/hideskip/index.htm
 **********************************************************************/
.accessnav {
    position: absolute;
    width: 80%;
    top: -300px;
    left: 0;
}

.accessnav a {
    position: absolute;
    top: 0;
}

/**********************************************************************
 * Navigation bar
 **********************************************************************/
#navbar {
	position:relative;
	display:block;
	height:24px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(/media/image/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}
#navbar ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#navbar ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
	text-align: center;
}
#navbar ul li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	padding:6px 8px 0 8px;
	height:24px;
}
#navbar ul li a:hover,#styletwo ul li a.current {
	color:#fff;
	background:transparent url(/media/image/bgON.gif) repeat-x top left;
}

/**
 * Utilise pour
 * https://aful.org/workspaces/professionnels/modeles-economiques-ll
 */

.economicIndividuals {
    background: #FFCC00;
    width: 50%;
}

.economicLegal {
    background: #B38F00;
    width: 60%;
}

.economicProfessional {
    background: #CCFF00;
    width: 100%;
}

.economicProprietary {
    background: #8FB300;
    width: 80%;
}

.economicPublicEntity {
    background: #FF80FF;
    width: 60%;
}

/**
 * Utilise pour le lien RSS de la page d'accueil
 */
span.rssExport a, span.rssExport a:visited, span.rssExport a:hover {
    background: #ff6600;
    border: 0.1em outset #ff6600;
    color: #ffffff;
    font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    font-size: 70%;
    font-weight: bold;
    padding: 0 0.3em;
    margin-left: 1ex;
    text-decoration: none;
}

/******************************************************************************
 * Positionnement
 ******************************************************************************/

img.inline {
    vertical-align: middle;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

/*
 * Flottant à gauche : les autres éléments passent le long de cette classe
 * qui se positionne elle à gauche.
 */
.floatLeft {
    float: left;
}

/*
 * Flottant à droite : les autres éléments passent le long de cette classe
 * qui se positionne elle à droite.
 */
.floatRight {
    float: right;
}

/*
 * La marge du bloc est augmentée de manière à ce que le coin le plus haut
 * soit sous le coin le plus bas de tout élément flottant.
 * Cela permet d'arrêter l'effet du contenu qui "glisse" le long d'éléments
 * flottants.
 */
.floatLeftFlush {
    clear: left;
}

/*
 * La marge du bloc est augmentée de manière à ce que le coin le plus haut
 * soit sous le coin le plus bas de tout élément flottant.
 * Cela permet d'arrêter l'effet du contenu qui "glisse" le long d'éléments
 * flottants.
 */
.floatRightFlush {
    clear: right;
}

/*
 * La marge du bloc est augmentée de manière à ce que le coin le plus haut
 * soit sous le coin le plus bas de tout élément flottant.
 * Cela permet d'arrêter l'effet du contenu qui "glisse" le long d'éléments
 * flottants.
 */
.floatFlush {
    clear: both;
}

.spaceTop {
  margin-top: 2em;
}

.tinySpaceTop {
  margin-top: 1em;
}

.spaceRight {
  margin-right: 2em;
}
.tinySpaceRight {
  margin-right: 0.5em;
}
.spaceBottom {
  margin-bottom: 2em;
}

.spaceLeft {
  margin-left: 2em;
}
.tinySpaceLeft {
  margin-left: 0.5em;
}

.spaced li {
  margin-bottom: 0.7em;
}

.displayInline {
   display: inline;
}

.spacer {
  clear: both;
}

/******************************************************************************
 * Presentation
 ******************************************************************************/

.striked {
  text-decoration: line-through;
}

.justLargeEnough {
  width: 200px;
}

/******************************************************************************
 * Tables of the visibleCells class will have colored cells.
 ******************************************************************************/

.visibleCells {
    border-collapse: collapse;
}

.visibleCells td {
    border: 0.2em solid #c5dbf7;
}

.visibleCells thead td {
    color: inherit;
    background: #eebbaa;

    padding: 0.4em;
}

.visibleCells tbody td {
    color: inherit;
    background: #efefdd;

    padding: 0.4em;
}

.visibleCells tbody tr.valid td {
    color: inherit;
    background: #73eb3b;
}

.visibleCells tbody tr.invalid td {
    color: inherit;
    background: #ff3722;
}

.valid {
    color: inherit;
    background: #73eb3b;
}

.invalid {
    color: inherit;
    background: #ff3722;
}

/******************************************************************************
 * Mises en page utilisées à plusieurs endroits sur le portail
 ******************************************************************************/

/* Légende sous les images */
.image p.caption {
  margin-top: 1em;
  font-size: 90% ! important;
}

ul.frontNews {
  padding-left: 0;
}

.frontNews li {
  background: transparent url(/media/image/puce/bullet_blue2.png) no-repeat scroll left top;
  padding: 0 0 0 20px;
  list-style-type: none;
}

#frontNewsBox {
  background: #ffffff;
  border: thin dashed #1f3d5b;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 0em;
}


#flagColumn {
  float: left;
  width: 49px;
  text-align: center;
  padding-top: 250px
}

#flagBox {
  background: #cccccc;
  padding: 2px;
}

#flagBox img {
    border: 1px solid #555555;
    padding: 0em;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

#associationPresentationColumn {
  float: left;
  width: 70%;
  padding: 0 2em 0 2em;
}

#libreSoftwareColumn img, #libreSoftwareBox img {
    padding-bottom: 2em;
}

#libreSoftwareColumn {
  float: left;
  width: 100px;
  text-align: center;
  padding-top: 250px
}

.portalBox {
    border: thin dashed #1f3d5b;

    padding: 0.5em 1.5em 0.5em 1.5em;
    margin: 0em 1em 1em 1em;
}

.standoutBox {
    color: #c12805;
    background: #fff9ed;

    border: 0.2em outset;
}

.halfPage {
    float: left;
    width: 48%;
}

#newsBox {
    float: left;
    width: 40%;
}

#politicalLineBox {
    float: left;
    width: 40%;
}

#organizationBox {
    clear: both;
    float: left;
    width: 40%;
}

#themeBox {
  float: left;
  width: 40%;
}

#siteLogo {
    margin: 0.6em 1.5em 0.6em 0.6em;
}

.sideDescription {
    padding-left: 2em;
}

#flagBox {
    color: inherit;
    background: #cccccc;
    float: left;
    text-align: center;
    margin-bottom: 1em;
}

#libreSoftwareBox {
    color: inherit;
    float: right;
    text-align: center;
    margin-bottom: 1em;
}

.presentationColumn {
    margin-top: 2em;
    padding-left: 6em;
    padding-right: 6em;
}

.sideColumn {
    padding-left: 6em;
}

.rssInformation   {
    float: right;
}

portalBox ul {
    clear: both;
}

.roundedBox {
  background: transparent url(/media/image/listItemShade.png) no-repeat scroll left top;
  margin-top: 1.5em;
  padding: 2em 0 0 3em;
}
.roundedBox h3 {
  padding-top: 1em !important;
}

.listItem {
  background: transparent url(/media/image/listItemShade.png) no-repeat scroll left top;
  margin-top: 1.5em;
  padding: 0.5em 0 0 2em;
}
.listItem h3 {
  padding-top: 1em !important;
}

.contributors {
  border: 0.1em solid #000000;
  padding: 0.5em 1em 0.5em 1em;
  font-style: italic;
}

/**
 * Utilisé sur :
 * http://aful.org/ressources/licences-libres
 * http://aful.org/nouvelles/conference-licence-libre-diffusion-programmes-donnees
 */
.licences-background {
  background: transparent url(/media/image/licences_farandole.png) no-repeat scroll left top;
  height: 200px;
}

/******************************************************************************
 * http://aful.org/association/
 ******************************************************************************/

a.availableOtherLanguage {
  background: transparent url(/media/image/localisation_world_globe.png) no-repeat scroll left center;
  padding: 10px 0 10px 34px;
}

/******************************************************************************
 * http://racketware.info/
 ******************************************************************************/

ul.countryLocalAction {
  padding-left: 0.5em;
}

ul.countryLocalAction > li {
  background: transparent url(/media/image/localisation_world_globe.png) no-repeat scroll left top;
  padding: 10px 0 10px 34px;
  list-style-type: none;
}

.racketwareAfulFooterLogo {
  margin-left: 1em;
}

/******************************************************************************
 * Page de presentation du CA
 ******************************************************************************/

img.photoLeft {
  padding: 0;
  float: left;
}

hr.spacerHidden {
    clear: both;
    visibility: hidden;
}

div.gradientBlueLeft, div.captionGradientBlueLeft {
    margin-top: 5px;
    margin-left: 90px;
    padding: 5px 0px 5px 10px;
    background-image: url(/media/image/blue_gradient.png);
    background-repeat: repeat-y;
}

div.captionGradientBlueLeft {
    height: 86px;
}

/******************************************************************************
 * A quoi sert cette partie ?
 ******************************************************************************/

li.logo {
    list-style: none;
    position: relative;
    left: -1.5em;
}

ul.logo {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.logo li {
    clear: both;
}

ul.logo img {
    float: left;
    padding: 0;
    margin-right: 0.5em;
    margin-bottom: 2em;
}

/******************************************************************************
 * Adhesion
 ******************************************************************************/

h2 {
  margin-bottom: 0em;
  margin-top: 0.5em;
}

th.adhesion {
    text-align: left;
    background: #bbcadd;
}
th.adhesion_labelline {
    text-align: center;
    color: #ffffff;
    background: #00386b;
}
td.adhesion_error {
    background: #f25151;
}

/******************************************************************************
 * Liste des GUL
 ******************************************************************************/

div.zonegul h3 {
  background-color: #003A6B;
  color: #ffffff;
  padding-left: 0.4em;
  padding-bottom: 0.3em;
  margin-top: 0.7em;
  margin-bottom: 0.5em;
}
div.zonegul h4 {
  padding-left: 0.5em;
}

p.gulInactif {
  font-weight: bold;
  font-size: 80%;
  background-color: #00929C;
  color: #ffffff;
  margin-left: 5em;
  width: 18em;
  padding: 0.5em;
}

/******************************************************************************
 * Entretiens sur les modeles economiques
 ******************************************************************************/

dl.interview dt {
  margin-top: 1.5em;
  padding-top: 0.8em;
  border-top: thin black solid;
  font-size: 110%;
  font-style: italic;
  color: rgb(80,0,0);
}

dl.interview dd {
  margin-top: 1em;
}

dl.interview dd strong {
  color: rgb(0,50,0);
}

ol.toc {
  padding-left: 1em;
}
ol.toc li {
  font-weight: bold;
}
ol.subLevel {
  list-style-type: lower-alpha;
  padding-left: 1.8em;
  padding-bottom: 1em;
}

/******************************************************************************
 * Racketiciel.info
******************************************************************************/

p.signerLaPetition {
  background: transparent url(/media/image/racketiciel/fleche_orange_red.png) no-repeat scroll left center;
  padding: 0 0 0 20px;
}
p.signerLaPetition a {
  font-weight: bold;
}

li.g {
  font-weight: bold;
}

.barre_d_onglets {
  float: right;
}

a.onglet {
  font-weight: bold;
  margin-left: 1em;
  padding: 0.5em 0.5em 1em 0.5em;
}

/*
a.onglet:hover {
  background: url(/media/image/racketiciel/rollover_small.png) bottom repeat-x;
}
*/

.illustration_racketiciel {
  float: left;
  width: 40%;
}

.illustration_racketiciel img {
  width: 235px;
}

table#racketicielAccueil {
  padding: 0;
  margin: 0;
}

table#racketicielAccueil td {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.paves_verticaux div {
  background-color: #f1f1f1;
  border: 2px solid #dfeaff;
  margin: 0 1em 1em 0;
  padding: 1em;
  text-align: center;
}

.paves_verticaux span.title {
  display: block;
  font-weight: bold;
}

.pave strong {
  display: block;
}

.barre {
  margin: 0px 8px 5px 3px;
  padding: 0.7em 0;
  text-align: center;
  display: block;
  width: 100%;
  background-color: #dddddd;
}

.barre strong {
  margin-right: 1em;
}

#grandsSujets {
  margin-left: 0.8em;
  padding-top: 1em;
}

.actualite {
  padding: 0;
  margin-top: 2em;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.actualite ul {
  padding-left: 0;
}

.actualite li {
  background: transparent url(/media/image/racketiciel/fleche_graylight.png) no-repeat scroll left top;
  padding: 0 0 0 20px;
  list-style-type: none;
}

.fleche-jaune {
  background: transparent url(/media/image/racketiciel/fleche_yellow.png) no-repeat scroll left center;
  padding: 0 0 0 20px;
}

#racketicielBasPage p {
  padding: 0;
  margin: 0.5em;
}


p.more, div.more {
	padding: 10px 0 10px 45px;
	width: 100%;
	background-color: white;
	background-image: url("/media/image/right.png");
	background-repeat: no-repeat;
	background-position: 10px;
	}

/** Liens Sujets connexes **/
div.subjects {
	margin: 40px 0 1em 0;
	padding: 10px 0 10px 45px;
	border-top: 1px solid #9FB1BC;
	border-bottom: 1px solid #9FB1BC;
	background-color: white;
	background-image: url("/media/image/right.png");
	background-repeat: no-repeat;
	background-position: 10px;
	}


div.subjects a:link,
div.subjects a:visited {
	font-size: 1em;
	line-height: 14px;
	font-weight: bold;
	padding: 4px 0 4px 4px;
	text-decoration: underline;
	color: #333;
	}

div.subjects a:link.active,
div.subjects a:visited.active,
div.subjects a:hover {
	color: #fff;
	background-color: #888;
	text-decoration: none;
	}

.subjects .dlabel {
  color: #943;
  font-weight: bold;
  font-size: 1.2em;
}

/*****************************************************************************
 * http://bons-vendeurs-ordinateurs.info/
 * http://bons-constructeurs-ordinateurs.info/
 *****************************************************************************/

table.presentation-details {
  border-collapse:collapse;
  margin-bottom: 4ex;
}

table.presentation-details th {
  border: 1px solid black;
  margin: 0px;
  text-align: center;
}

table.presentation-details tbody th {
  border: 1px solid black;
  margin: 0px;
  text-align: left;
}

table.presentation-details tr.subtitle {
  font-size: 80%;
  text-align: left;
}

table.presentation-details td {
  border: 1px solid black;
  margin: 0px;
  text-align: center;
  padding: .2ex 0px .2ex 0px;
  background-color: #e6e6e6;
}

table.presentation-details td.not_applicable {
  border: 1px solid black;
  background-color: white;
}

div#objectifSite {
  vertical-align: bottom !important;
}

/******************************************************************************
 * Boutons pour PayPal (pages cotisation + page don)
 ******************************************************************************/

.paypal {
   display: inline;
   margin: 0;
   padding: 0;
}
.paypal input {
   border-width: thin;
   border-style: outset;
   background-color: #CFD2EA;
}
.paypal input:hover {
   border-style: inset;
   cursor: pointer;
   background-color: #E6E8FA;
}
.paypal input:active {
   border-style: inset;
   cursor: pointer;
   color: red;
   background-color: #B0BEDF;
}


/* ******************************************************
 Style pour le tableau UMPC
 http://aful.org/metamorphose/ultra-portables-umpc
******************************************************* */

td.T1 {
	font-weight: bold;
}

td.dispo {
	background-color: #66FF99;
}

td.nouveau {
	background-color: #F5F6F7;
        border-color: red;
	border-style: double;
	border-width: medium;
	font-weight: bold;
}

/******************************************************************************
 * http://aful.org/personnes_morales
 ******************************************************************************/

.personnes_morales {
  padding: 0.8em;
  border: 0.1em solid black;
  border-radius: 0.5em;
  box-shadow: 0.05em 0.1em 0.2em #6b6b6b;
}

/* ~ bleu */
.personnes_morales h2 {
  margin-left: 2em;
  text-shadow: 1px 1px 1px #fff;
  color: #694B86;

}

/* ~ violet */
.personnes_morales h3 {
  margin-left: 3em;
  text-shadow: 1px 1px 1px #fffffc;
  color:#666666;
  margin-bottom: 1em;
  font-size: 1.8em;
}

.personnes_morales h4 {
 margin-top: 0;
}
.personnes_morales div {
  padding-top: 0.5em;
}
.personnes_morales p {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.personnes_morales {
  color: #333366;
}
.personne_morale ul {
  margin-left: 0 !important;
  padding-left: 1em;
}

#entreprises.personnes_morales {
background: #fffffc;
}

/* original background: #fffffc; */
#actifs.personnes_morales {

background: rgb(193,191,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYmZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZDhkMGVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNjZWM3ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNlYmU5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(193,191,234,1) 0%, rgba(216,208,239,1) 4%, rgba(206,199,236,1) 7%, rgba(235,233,249,1) 26%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,191,234,1)), color-stop(4%,rgba(216,208,239,1)), color-stop(7%,rgba(206,199,236,1)), color-stop(26%,rgba(235,233,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(193,191,234,1) 0%,rgba(216,208,239,1) 4%,rgba(206,199,236,1) 7%,rgba(235,233,249,1) 26%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(193,191,234,1) 0%,rgba(216,208,239,1) 4%,rgba(206,199,236,1) 7%,rgba(235,233,249,1) 26%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(193,191,234,1) 0%,rgba(216,208,239,1) 4%,rgba(206,199,236,1) 7%,rgba(235,233,249,1) 26%); /* IE10+ */
background: linear-gradient(left, rgba(193,191,234,1) 0%,rgba(216,208,239,1) 4%,rgba(206,199,236,1) 7%,rgba(235,233,249,1) 26%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1bfea', endColorstr='#ebe9f9',GradientType=1 ); /* IE6-8 */

  margin-bottom: 2em;

}

#associes.personnes_morales {

background: rgb(235,233,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNlYmU5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiNjZWM3ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNkOGQwZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzFiZmVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, rgba(235,233,249,1) 74%, rgba(206,199,236,1) 93%, rgba(216,208,239,1) 96%, rgba(193,191,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(74%,rgba(235,233,249,1)), color-stop(93%,rgba(206,199,236,1)), color-stop(96%,rgba(216,208,239,1)), color-stop(100%,rgba(193,191,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(235,233,249,1) 74%,rgba(206,199,236,1) 93%,rgba(216,208,239,1) 96%,rgba(193,191,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(235,233,249,1) 74%,rgba(206,199,236,1) 93%,rgba(216,208,239,1) 96%,rgba(193,191,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(235,233,249,1) 74%,rgba(206,199,236,1) 93%,rgba(216,208,239,1) 96%,rgba(193,191,234,1) 100%); /* IE10+ */
background: linear-gradient(left, rgba(235,233,249,1) 74%,rgba(206,199,236,1) 93%,rgba(216,208,239,1) 96%,rgba(193,191,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-8 */

}

.personne_morale {
  float: left;
  height: 24em;
  width: 20%;
  min-width: 360px; 
  margin: 1em;
  padding: 1em;
  border-radius: 15px 5px 15px 5px;
  background: white;
 }

#associes.personnes_morales .personne_morale {
  height: 9em;
}

/******************************************************************************
 * Formulaire de versement des fichiers PDF
 ******************************************************************************/

#pdf-upload-heading {
  margin-bottom: 1em;
}

#pdf-upload {
  background-color: #cccccc;
  border-radius: 0.3em;
  display: inline-block;
  margin-bottom: 0.5em;
  padding: 1em;
}

#pdf-upload input {
  padding: 0.3em;
  border-color: #cccccc;
  border-radius: 0.3em;
}

.button-pane {
  margin-top: 1em;
}

.success {
  background: green;
  color: #ffffff;
  padding: 1em;
  margin: 0;
  width: 98% !important;
}

.error {
  background: #d2c055;
  color: #2c2618;
  border: 0.1em solid #00446e;
  padding: 1em;
  margin: 0;
  width: 98% !important;
}


/******************************************************************************
 * Lien vers la nouvelle de Galette
 * https://aful.org/workspaces/nouvelles/paiement-couts-developpements-galette
 ******************************************************************************/

.more-galette {
  background-image: url("/media/image/galette/galette.png");
  background-position: 0 1.5em;
  background-repeat: no-repeat;
  padding-left: 17em;
  padding-top: 6em;
}

/******************************************************************************
 * Correction de la nouvelle stratégie stupide de "CSS reset"
 * introduite dans CPS 3.6.
 ******************************************************************************/

#wikipageContent ol { 
   padding: 1em 0 1em 2em;
}
.main-column ul { 
   list-style-type: disc; 
}
.main-column ol { 
   list-style-type: decimal; 
}
.main-column ul ul, .main-column ol ul { 
   list-style-type: circle; 
}
.main-column ol ol, .main-column ul ol { 
   list-style-type: lower-latin; 
}
.main-column p {
  margin: 1.12em 0;
}

@media print {
  #right-header-box {
   display: none;
  }
  #header {
   display: none;
  }
}

/*
Local Variables:
mode: css
End:
vim: set filetype=css:
*/