Cat OPIDoR - Contributions [fr]

MediaWiki:Common.css

2017-09-25T06:41:33Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");background-position:left top 50%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;}
p>.libelle{margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}
.graphe{margin-right:3em}
.graphe img{max-width:100%}
.pagerelation{border:1px dashed #808080;border-radius: 10px;}
.pagerelation li{list-style-image:none;list-style-type:none;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{-ms-flex-wrap:wrap;flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

MediaWiki:Common.css

2017-09-12T11:22:35Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");background-position:left top 50%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;}
p>.libelle{margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

MediaWiki:Common.css

2017-09-12T09:19:29Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");background-position:left top 50%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

MediaWiki:Common.css

2017-09-12T09:17:41Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");background-position:left top 35%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

Fichier:Losangebleu9.png

2017-09-12T09:17:06Z

Catherine :

MediaWiki:Common.css

2017-09-12T09:16:26Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

Fichier:Losangejaune9.png

2017-09-12T09:12:06Z

Catherine :

MediaWiki:Common.css

2017-09-07T13:29:19Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/1/18/Losangejaune1.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

Formulaire:Service

2017-08-04T08:20:43Z

Catherine :

<noinclude>
<div class="contribuer-service">
== Ajouter un nouveau service ==
Ce formulaire vous permet de créer ou modifier une page descriptive d'un service.

Afin d'éviter les '''doublons''', veuillez vérifier que le service n'est pas déjà décrit en consultant la [[:Catégorie:Service]].

Pour modifier ou créer une page, entrez le nom de la page ci-dessous.

'''Pour nommer le service''', utilisez son nom usuel. S'il est identique à celui de la structure d'appartenance, construisez-le selon la règle suivante : '''Structure d'appartenance:Type du service'''

Exemple: CINES:Plateforme d'archivage

{{#forminput:form=Service|size=35|button text=Ajouter ou modifier}}
</div>
</noinclude><includeonly>
=Infobox Service=
{{{for template|Infobox Service}}}<div class="flexhz">
<div class="input"><span class="label">Logo</span>{{{field|Logo|uploadable|image preview|property=Logo|values from namespace=File}}}</div>
<p class="aide">Largeur optimale de l'image : 400 pixels. Merci d'indiquer un '''nom de fichier explicite''' (nom du service)</p>
</div>
{{{field|NomService|default={{SUBJECTPAGENAME}}|hidden|}}}
<div class="flexhz">
<div class="input"><span class="label">Type de service *</span>{{{field|TypeService|mandatory}}}</div>
</div>
<div class="flexhz">
<div class="input"><span class="label">Statut du service *</span>{{{field|StatutService|mandatory}}}</div>
<p class="aide">Phase d'avancement du service : '''En cours d'élaboration''' (service à l'état de prototype) ; '''En test''' (service disponible au public dans sa version test) ; '''En production''' (service en fonctionnement dans sa version aboutie) ; '''Arrêté''' (le service n'est plus proposé).</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Autres formes du nom</span>{{{field|NomAlternatif|cols=70|rows=1|autogrow|placeholder=Nom développé, acronyme ou version anglaise}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">URL du service *</span>{{{field|UrlService|mandatory|input type=textarea|cols=70|rows=1|autogrow}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Adresse mail du contact *</span>{{{field|ContactMel|input type=textarea|mandatory|autogrow|cols=70|rows=1}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Localisation</span>{{{field|Localisation|input type=textarea|cols=70|rows=1|autogrow|placeholder=Nom de la ville}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Structure d'appartenance *</span>{{{field|StructureAppartenance|size=68|placeholder=Infrastructure/unité/département fournissant le service|mandatory|autogrow}}}</div>
</div>

{{{field|IdentifiantService|hidden}}}

<div class="flexhz">
<div class="input"><span class="label">Identifiant dans un autre catalogue</span>{{{field|IdentifiantAlternatif|input type=textarea|autogrow|cols=70|rows=1}}}</div>
<p class="aide">Saisir l'identifiant sous forme d'URL puis le catalogue séparé par un point virgule. Si plusieurs identifiants séparer les informations par une virgule</p>
</div>

<div class="bgfield">
<span class="label">Stades du cycle de vie *</span>{{{field|PhaseCycleVie|mandatory}}}
</div>

<div class="flexhz">
<div class="input"><span class="label">Coordonnées géographiques</span>{{{field|CoordonneeGeographique|input type=googlemaps|width=300|height=300|center=48.85661, 2.35222|zoom=13|autozoom=off}}}</div>
<p class="aide"> Entrez votre adresse complète et cliquez sur "Chercher les coordonnées"</p>
</div>
{{{end template}}}

'''<nowiki>*</nowiki>Champ obligatoire'''

[[File:important.png|50px|link=]] N'oubliez pas de renseigner l'onglet '''"Description"''' avant de publier !

{{{for template|Service|}}}

=Description=
<div class="flexhz">
<div class="input">
<span class="label">Description</span>
{{{field|Description|input type=textarea|editor=wikieditor|autogrow|rows=10}}}
</div>
<div class="aide">
Décrire le service de manière précise
*Quelle est sa finalité/qu'offre-t-il à ses utilisateurs ?
*Quel est son mode de fonctionnement ?
*Quelles sont ses spécificités ?
*Quelles sont ses garanties de qualité (identifiants pérennes, stockage sécurisé, etc.) ?
Exemples de description :
-D'un service d'information : [Cirad : Information]
-D'un service de formation : [URL]
-D'un service d'accompagnement : [BBEES : Accompagnement]
-D'un outil de gestion de données : [DMP OPIDoR]
-D'une plateforme d'acquisition : [Constances]
-D'une plateforme de calcul : [CC-IN2P3]
-D'un annuaire de données : [BBEES : Annuaire de données]
-D'un entrepôt de données : [ArkeoGIS]
-D'une plateforme d'archivage : [CINES : Plateforme d'archivage]
Vous pouvez retrouver ces consignes dans la section [[FAQ#Décrire un service|Décrire un service]] de la [[FAQ]]
</div>
</div>

<div class="bgfield">
<div class="flexhz">
<div class="input"><span class="label">Domaines scientifiques *</span>{{{field|Discipline|mandatory}}}</div>
<p class="aide">Vous pouvez préciser à l'aide d'un ou plusieurs sous domaines</p>
</div>

Sous domaines Sciences Humaine & Sociales
<div class="ssdiscip seule">
{{{field|SousDisciplineSciencesHumaines&Sociales|delimiter=;|input type=checkboxes|values=Individus, marchés et organisations;
Institutions, valeurs, environnement et espace;
Le monde social, diversité, population;
L'esprit humain et sa complexité;
Cultures et production culturelle;
L'étude du passé humain}}}
</div>

Sous domaines Sciences & Technologies
<div class="ssdiscip seule">
{{{field|SousDisciplineSciences&Technologies|delimiter=;|input type=checkboxes|values=Mathématiques;
Constituants fondamentaux de la matière;
Physique de la matière condensée;
Chimie physique et analytique;
Chimie de synthèse et matériaux;
Sciences informatiques et informatique;
Ingénierie des systèmes et de la communication;
Ingénierie des produits et des procédés;
Sciences de l'Univers;
Sciences de la Terre}}}
</div>

Sous domaines Vie & Santé
<div class="ssdiscip seule">
{{{field|SousDisciplineVie&Sante|delimiter=;|input type=checkboxes|values=Biologie moléculaire et structurale et biochimie;
Génétique, génomique, bioinformatique et biologie des systèmes;
Biologie cellulaire et du développement;
Physiologie, physiopathologie et endocrinologie;
Neurosciences et troubles neurologiques;
Immunité et infection;
Diagnostics, thérapies, technologie médicale appliquée et santé publique;
Biologie de l'évolution des populations et environnementale;
Sciences de la vie appliquées et biotechnologie non médicale}}}
</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Thématique et/ou mots-clés</span>{{{field|Thematique|input type=textarea|cols=80|rows=5|autogrow|}}}</div>
<p class="aide">Si vous le souhaitez, vous pouvez préciser une thématique et ajouter quelques mots-clés séparés par une virgule</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Type de données</span>{{{field|TypeDonnee|cols=80|rows=5|autogrow}}}</div>
<p class="aide">Vous pouvez préciser les types de données collectées, mesurées, entreposées, voire aussi les matériels analysés. Exemples: données d'enquête, spectres, simulation, corpus et format</p>
</div>
'''<nowiki>*</nowiki> Champ obligatoire'''

=Usages=
<div class="flexhz">
<div class="input"><span class="label">Communauté d'utilisateurs</span>{{{field|Communaute|placeholder=Communautés autorisées à utiliser ce service|input type=text with autocomplete}}}</div>
<p class="aide">Exemples: ESR français, international, organismes/institutions, communauté disciplinaire, ...</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Usagers et bénéficiaires</span>{{{field|Beneficiaire|placeholder=Type de personnes pouvant utiliser ou bénéficier de ce service|input type=text with autocomplete}}}</div>
<p class="aide">Exemples: Chercheurs, informaticiens, ...</p>
</div>

<div class="bgfield">
<div class="input"><span class="label">Conditions d'usage</span>{{{field|ConditionUsage|placeholder=Procédures permettant à la communauté d'utilisateurs et aux utilisateurs cibles de faire usage du service (l'utilisation du service peut être libre, requérir la création d'un compte utilisateur, être soumise à sélection, etc.)}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">Modèle économique</span>{{{field|ModeleEconomique|placeholder=gratuit, payant, ou précisions sur le modèle|input type=text with autocomplete}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">Certification / Label qualité</span>{{{field|Certification|placeholder=URL de la page décrivant le certificat/label qualité attribué|autogrow}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">CGU</span>{{{field|Cgu|placeholder=URL de la page décrivant les conditions d'utilisation de ce service|autogrow}}}</div>
</div>
<headertabs />

[[File:construction_site.png|50px|link=]] Si vous jugez votre descriptif incomplet, cocher cette case : {{{field|StatutPage}}}
{{{end template}}}

{{{standard input|minor edit}}} {{{standard input|watch}}}
Toutes les contributions à Cat OPIDoR peuvent être modifiées ou supprimées par d’autres utilisateurs. Si vous ne désirez pas que vos écrits soient modifiés et distribués à volonté, merci de ne pas les soumettre ici.

Vous nous promettez aussi que vous avez écrit ceci vous-même, ou que vous l’avez copié d’une source provenant du domaine public, ou d’une ressource libre. (voir [[Cat OPIDoR:Copyrights]] pour plus de détails). N’UTILISEZ PAS DE TRAVAUX SOUS DROIT D’AUTEUR SANS AUTORISATION EXPRESSE !

{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}
</includeonly>

Formulaire:Service

2017-08-04T08:19:08Z

Catherine :

<noinclude>
<div class="contribuer-service">
== Ajouter un nouveau service ==
Ce formulaire vous permet de créer ou modifier une page descriptive d'un service.

Afin d'éviter les '''doublons''', veuillez vérifier que le service n'est pas déjà décrit en consultant la [[:Catégorie:Service]].

Pour modifier ou créer une page, entrez le nom de la page ci-dessous.

'''Pour nommer le service''', utilisez son nom usuel. S'il est identique à celui de la structure d'appartenance, construisez-le selon la règle suivante : '''Structure d'appartenance:Type du service'''

Exemple: CINES:Plateforme d'archivage

{{#forminput:form=Service|size=35|button text=Ajouter ou modifier}}
</div>
</noinclude><includeonly>
=Infobox Service=
{{{for template|Infobox Service}}}<div class="flexhz">
<div class="input"><span class="label">Logo</span>{{{field|Logo|uploadable|image preview|property=Logo|values from namespace=File}}}</div>
<p class="aide">Largeur optimale de l'image : 400 pixels. Merci d'indiquer un '''nom de fichier explicite''' (nom du service)</p>
</div>
{{{field|NomService|default={{SUBJECTPAGENAME}}|hidden|}}}
<div class="flexhz">
<div class="input"><span class="label">Type de service *</span>{{{field|TypeService|mandatory}}}</div>
</div>
<div class="flexhz">
<div class="input"><span class="label">Statut du service *</span>{{{field|StatutService|mandatory}}}</div>
<p class="aide">Phase d'avancement du service : '''En cours d'élaboration''' (service à l'état de prototype) ; '''En test''' (service disponible au public dans sa version test) ; '''En production''' (service en fonctionnement dans sa version aboutie) ; '''Arrêté''' (le service n'est plus proposé).</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Autres formes du nom</span>{{{field|NomAlternatif|cols=70|rows=1|autogrow|placeholder=Nom développé, acronyme ou version anglaise}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">URL du service *</span>{{{field|UrlService|mandatory|input type=textarea|cols=70|rows=1|autogrow}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Adresse mail du contact *</span>{{{field|ContactMel|input type=textarea|mandatory|autogrow|cols=70|rows=1}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Localisation</span>{{{field|Localisation|input type=textarea|cols=70|rows=1|autogrow|placeholder=Nom de la ville}}}</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Structure d'appartenance *</span>{{{field|StructureAppartenance|size=68|placeholder=Infrastructure/unité/département fournissant le service|mandatory|autogrow}}}</div>
</div>

{{{field|IdentifiantService|hidden}}}

<div class="flexhz">
<div class="input"><span class="label">Identifiant dans un autre catalogue</span>{{{field|IdentifiantAlternatif|input type=textarea|autogrow|cols=70|rows=1}}}</div>
<p class="aide">Saisir l'identifiant sous forme d'URL puis le catalogue séparé par un point virgule. Si plusieurs identifiants séparer les informations par une virgule</p>
</div>

<div class="bgfield">
<span class="label">Stades du cycle de vie *</span>{{{field|PhaseCycleVie|mandatory}}}
</div>

<div class="flexhz">
<div class="input"><span class="label">Coordonnées géographiques</span>{{{field|CoordonneeGeographique|input type=googlemaps|width=300|height=300|center=48.85661, 2.35222|zoom=13|autozoom=off}}}</div>
<p class="aide"> Entrez votre adresse complète et cliquez sur "Chercher les coordonnées"</p>
</div>
{{{end template}}}

'''<nowiki>*</nowiki>Champ obligatoire'''

[[File:important.png|50px|link=]] N'oubliez pas de renseigner l'onglet '''"Description"''' avant de publier !

{{{for template|Service|}}}

=Description=
<div class="flexhz">
<div class="input">
<span class="label">Description</span>
{{{field|Description|input type=textarea|editor=wikieditor|autogrow|rows=10}}}
</div>
<div class="aide">
Décrire le service de manière précise
*Quelle est sa finalité/qu'offre-t-il à ses utilisateurs ?
*Quel est son mode de fonctionnement ?
*Quelles sont ses spécificités ?
*Quelles sont ses garanties de qualité (identifiants pérennes, stockage sécurisé, etc.) ?
Exemples de description :
-D'un service d'information : [Cirad : Information]
-D'un service de formation : [URL]
-D'un service d'accompagnement : [BBEES : Accompagnement]
-D'un outil de gestion de données : [DMP OPIDoR]
-D'une plateforme d'acquisition : [Constances]
-D'une plateforme de calcul : [CC-IN2P3]
-D'un annuaire de données : [BBEES : Annuaire de données]
-D'un entrepôt de données : [ArkeoGIS]
-D'une plateforme d'archivage : [CINES : Plateforme d'archivage]
Vous pouvez retrouver ces consignes dans la section [[FAQ#Décrire un service|Décrire un service]] de la [[FAQ]]
</div>
</div>

<div class="bgfield">
<div class="flexhz">
<div class="input"><span class="label">Domaines scientifiques *</span>{{{field|Discipline|mandatory}}}</div>
<p class="aide">Vous pouvez préciser à l'aide d'un ou plusieurs sous domaine</p>
</div>

Sous domaines Sciences Humaine & Sociales
<div class="ssdiscip seule">
{{{field|SousDisciplineSciencesHumaines&Sociales|delimiter=;|input type=checkboxes|values=Individus, marchés et organisations;
Institutions, valeurs, environnement et espace;
Le monde social, diversité, population;
L'esprit humain et sa complexité;
Cultures et production culturelle;
L'étude du passé humain}}}
</div>

Sous domaines Sciences & Technologies
<div class="ssdiscip seule">
{{{field|SousDisciplineSciences&Technologies|delimiter=;|input type=checkboxes|values=Mathématiques;
Constituants fondamentaux de la matière;
Physique de la matière condensée;
Chimie physique et analytique;
Chimie de synthèse et matériaux;
Sciences informatiques et informatique;
Ingénierie des systèmes et de la communication;
Ingénierie des produits et des procédés;
Sciences de l'Univers;
Sciences de la Terre}}}
</div>

Sous domaines Vie & Santé
<div class="ssdiscip seule">
{{{field|SousDisciplineVie&Sante|delimiter=;|input type=checkboxes|values=Biologie moléculaire et structurale et biochimie;
Génétique, génomique, bioinformatique et biologie des systèmes;
Biologie cellulaire et du développement;
Physiologie, physiopathologie et endocrinologie;
Neurosciences et troubles neurologiques;
Immunité et infection;
Diagnostics, thérapies, technologie médicale appliquée et santé publique;
Biologie de l'évolution des populations et environnementale;
Sciences de la vie appliquées et biotechnologie non médicale}}}
</div>
</div>

<div class="flexhz">
<div class="input"><span class="label">Thématique et/ou mots-clés</span>{{{field|Thematique|input type=textarea|cols=80|rows=5|autogrow|}}}</div>
<p class="aide">Si vous le souhaitez, vous pouvez préciser une thématique et ajouter quelques mots-clés séparés par une virgule</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Type de données</span>{{{field|TypeDonnee|cols=80|rows=5|autogrow}}}</div>
<p class="aide">Vous pouvez préciser les types de données collectées, mesurées, entreposées, voire aussi les matériels analysés. Exemples: données d'enquête, spectres, simulation, corpus et format</p>
</div>
'''<nowiki>*</nowiki> Champ obligatoire'''

=Usages=
<div class="flexhz">
<div class="input"><span class="label">Communauté d'utilisateurs</span>{{{field|Communaute|placeholder=Communautés autorisées à utiliser ce service|input type=text with autocomplete}}}</div>
<p class="aide">Exemples: ESR français, international, organismes/institutions, communauté disciplinaire, ...</p>
</div>

<div class="flexhz">
<div class="input"><span class="label">Usagers et bénéficiaires</span>{{{field|Beneficiaire|placeholder=Type de personnes pouvant utiliser ou bénéficier de ce service|input type=text with autocomplete}}}</div>
<p class="aide">Exemples: Chercheurs, informaticiens, ...</p>
</div>

<div class="bgfield">
<div class="input"><span class="label">Conditions d'usage</span>{{{field|ConditionUsage|placeholder=Procédures permettant à la communauté d'utilisateurs et aux utilisateurs cibles de faire usage du service (l'utilisation du service peut être libre, requérir la création d'un compte utilisateur, être soumise à sélection, etc.)}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">Modèle économique</span>{{{field|ModeleEconomique|placeholder=gratuit, payant, ou précisions sur le modèle|input type=text with autocomplete}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">Certification / Label qualité</span>{{{field|Certification|placeholder=URL de la page décrivant le certificat/label qualité attribué|autogrow}}}</div>
</div>

<div class="bgfield">
<div class="input"><span class="label">CGU</span>{{{field|Cgu|placeholder=URL de la page décrivant les conditions d'utilisation de ce service|autogrow}}}</div>
</div>
<headertabs />

[[File:construction_site.png|50px|link=]] Si vous jugez votre descriptif incomplet, cocher cette case : {{{field|StatutPage}}}
{{{end template}}}

{{{standard input|minor edit}}} {{{standard input|watch}}}
Toutes les contributions à Cat OPIDoR peuvent être modifiées ou supprimées par d’autres utilisateurs. Si vous ne désirez pas que vos écrits soient modifiés et distribués à volonté, merci de ne pas les soumettre ici.

Vous nous promettez aussi que vous avez écrit ceci vous-même, ou que vous l’avez copié d’une source provenant du domaine public, ou d’une ressource libre. (voir [[Cat OPIDoR:Copyrights]] pour plus de détails). N’UTILISEZ PAS DE TRAVAUX SOUS DROIT D’AUTEUR SANS AUTORISATION EXPRESSE !

{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|changes}}} {{{standard input|cancel}}}
</includeonly>

MediaWiki:Common.css

2017-08-04T08:12:48Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/1/18/Losangejaune1.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 65%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}

MediaWiki:Common.css

2017-08-03T14:36:17Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/1/18/Losangejaune1.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 65%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{min-height:8em;padding-top:19px;margin-top:-19px;background-color:transparent;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-repeat:no-repeat;background-position:top 65% center, top center}
div#simpleSearch #searchInput{height:100%;}
#firstHeading{position:relative;z-index:10}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
pspan.dynatree-node a{display:inline;}
ul.dynatree-container{white-space:normal}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{min-width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
.mw-body .aide{width:100%;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField{width:100% !important}
}

MediaWiki:Common.css

2017-08-01T15:14:56Z

Catherine :

/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/1/18/Losangejaune1.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 65%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{min-height:8em;padding-top:19px;margin-top:-19px;background-color:transparent;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-repeat:no-repeat;background-position:top 65% center, top center}
div#simpleSearch #searchInput{height:100%;}

/*ACCUEIL*/
.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

/*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:25em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:25em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
pspan.dynatree-node a{display:inline;}
ul.dynatree-container{white-space:normal}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:2em;}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{min-width:80%}

@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
.mw-body .aide{width:100%;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField{width:100% !important}
}

Fichier:Bggris.png

2017-08-01T12:33:02Z

Catherine :

Fichier:Bgthematique.png

2017-08-01T12:32:25Z

Catherine :

Fichier:Bgsearch1.png

2017-08-01T12:32:06Z

Catherine :

Fichier:Losangebleu1.png

2017-08-01T12:31:40Z

Catherine :

Fichier:Losangejaune1.png

2017-08-01T12:31:11Z

Catherine :