Voir la source de Sous-portail-qualite

<div id="homepage-content" style="margin-top:-50px; background-color: white;">
<br><br>
<div style="width: 1300px;">
<div style="border: 4px double #72B41C; width: 1292px;"> </div>

<div align="center" style="font-variant: small-caps !important; font-weight: bold; font-size: 30px; color: #605E5E;">Démarches qualité</div>
<div style="border: 4px double #72B41C; width: 1292px;"> </div>
<br>
<div style="border: 1px solid #605E5E; text-align: justify !important ; width: 40%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; float: right; top: 0; text-align: justify ; height: 320px; position: relative; margin-left: 19px; margin-top: 5px; background-color: #605E5E; color: white;">

<div id="carre2" style="width: 100%; float: left; margin-left: 7px; height: 70px; margin-right: 15px; text-align: center;">

<slideshow sequence="forward" transition="fade" refresh="4000" style="height: 100px !important; text-align: center !important; margin:0; padding-left: 0">
<div style="height:120px !important; text-align: center!important;">[[Image:Test.jpg|center|500px|Réseau Emploi]]</div>
<div style="height:120px !important; text-align: center!important;">[[Image:Evaluation.jpg|center|500px|Réseau Evaluation]]</div>
<div style="height:120px !important; text-align: center!important;">[[Image:Qualite.jpg|center|500px|Réseau Qualite]]</div>
<div style="height:120px !important; text-align: center!important;">[[Image:Recherche.jpg|center|500px|Réseau Recherche]]</div>
<div style="height:120px !important; text-align: center!important;">[[Image:Systeme.jpg|center|500px|Réseau Système Agricole]]</div>
<div style="height:120px !important; text-align: center!important;">[[Image:Territoire.jpg|center|500px|Réseau Territoire]]</div>


</slideshow>

<div style="margin-top: -30px; font-variant: small-caps !important; font-size: 16px;"><b> À la Une </b></div>

<div align="justify" style="padding-right: 20px; font-size: 13px; font-variant: small-caps !important;"> <i>Aliquam ante eros, sollicitudin et libero eu, tincidunt placerat dui. Nam erat purus, iaculis in fermentum ac, fermentum ac purus. Aenean eleifend dictum orci. Vivamus scelerisque pretium justo. Mauris posuere lectus augue, pellentesque facilisis ligula faucibus sit amet. </i> <div class="bar" style="float: right; margin-top: 10px;">

[[Image:LogoPDF.png|30px|Accéder à la plaquette en PDF|link=https://odr.inra.fr/intranet/carto/cartowiki2.2/images/Plaquette_convention.pdf]] </div>

</div>
</div>
</div>

<div align="justify" !important; style="font-size: 13px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper tortor quis ornare tincidunt. Sed id velit porttitor, mollis velit fringilla, consectetur orci. Nullam aliquam lacus fringilla mi tristique, sit amet mollis elit vehicula. Donec erat tellus, lacinia ut nisl sit amet, tincidunt ultricies lorem. Curabitur vestibulum risus consequat, pharetra leo imperdiet, consectetur felis. Fusce in dignissim dui. Sed eget leo in quam bibendum semper sed vitae ipsum. Nulla vel felis felis. Aliquam ante eros, sollicitudin et libero eu, tincidunt placerat dui. Nam erat purus, iaculis in fermentum ac, fermentum ac purus. Aenean eleifend dictum orci. Vivamus scelerisque pretium justo. Mauris posuere lectus augue, pellentesque facilisis ligula faucibus sit amet.  </div>
<div align="justify" !important; style="margin-top: 13px; font-size: 13px;">  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper tortor quis ornare tincidunt. Sed id velit porttitor, mollis velit fringilla. </div>

<div align="justify" !important; style="margin-top: 13px; font-size: 13px; font-weight: bold;"> Aliquam ante eros, sollicitudin et libero eu, tincidunt placerat dui. Nam erat purus, iaculis in fermentum ac, fermentum ac purus. Aenean eleifend dictum orci. Vivamus scelerisque pretium justo. Mauris posuere lectus augue, pellentesque facilisis ligula faucibus sit amet.  </div>

<br>
<div align="center" style="font-variant: small-caps !important; font-weight: bold; font-size: 25px; color: white; background: #72B41C;"> Fonctionnalités, contributions et apports </div>
<br>
<div style="float: left; height: 450px; width: 30%; display: inline-block;">
<div id="carre_derarticle1" style="cursor:pointer;">
<div id="dernier-article-cree" align="justify" style="border: 4px double white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #FFECEC; color: black; min-height: 161px; margin-top: 45px;">
<div style="padding: 8px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; color: black !important;"> Dernier article créé </div>
<div align="justify" style="font-size: 13px; font-variant: small-caps !important; color: black !important; padding: 8px;"> <i> Les utilisateurs sont des personnes ayant accès à l’observatoire ODR dans un cadre professionnel, du fait de leur rattachement à l’un des organismes partenaires de l’observatoire ou à un tiers agréés. La gestion des utilisateurs est effectuée par des administrateurs à l'aide d'un composant de Joomla [...]. 
</i></div>
</div>
</div>

<div id="dernier-article-cree" align="justify" style="border: 4px double white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #605E5E; color: black; float: bottom; min-height: 161px; margin-top: 20px;">
<div style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px;"> Les dix articles les plus populaires </div>

<table id="ss-portail" class="articles-populaires" style="font-style: italic;">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail2">

<DynamicPageList>
category = Portail:Fonctionnalités,Contribution,Apports
count=5
ordermethod=popularity
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail2">
<DynamicPageList>
category = Portail:Fonctionnalités,Contribution,Apports
offset = 5
count= 5
ordermethod=popularity
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
</div>
</div> 

<div style="float: right; float: top; height: 500px; width: 58%; display: block; margin-left: 15px; margin-top: -10px;">
<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5;  float: right; min-height: 120px; margin-right: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; border: 1px solid white; background-color: white; color: #72B41C;"> Qu'est ce l'ODR ? </div>
<div text="justify">
<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail">

<DynamicPageList>
category = ODR
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail" float:right;">
<DynamicPageList>
category = ODR
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
 </div>
</div>


<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; float: bottom; min-height: 120px; margin-right: 20px; margin-top: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Qui y contribue ? </div>
<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail"">

<DynamicPageList>
category = Contribution
count    = 4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail" float:right;">
<DynamicPageList>
category = Contribution
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>

 </div>
</div>

<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; float: bottom; min-height: 120px; margin-right: 20px; margin-top: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Quelles sont ses fonctionnalités ? </div>
<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail"">

<DynamicPageList>
category = Fonctionnalités
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail">
<DynamicPageList>
category = Fonctionnalités
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>

 </div>
</div>
</div>
<div style="clear: both;"> </div>

<div align=center style="font-variant: small-caps !important; font-weight: bold; font-size: 25px; color: white; background: #72B41C; margin-top: 20px;"> Utilisation de Carto Dynamique </div>
<br>
<div style="float: left; height: 730px; width: 30%; display: inline-block;">
<div id="carre_derarticle2" style="cursor:pointer;">
<div id="dernier-article-cree" align="justify" style="border: 4px double white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #FFECEC; color: black; min-height: 161px; margin-top: 45px; margin-top: 100px;">
<div style="padding: 8px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; color: black !important;"> Dernier article créé </div>
<div align="justify" style="font-size: 13px; font-variant: small-caps !important; color: black !important; padding: 8px;"> <i> Sur le serveur de l'observatoire (ODR), lorsque l'on est dans un "projet", le MENU (à gauche de l’écran) permet de consulter des Dossiers Thématiques (cliquer sur le dossier thématique que vous souhaitez consulter). Pour chacun des dossiers thématiques, le visiteur d'un projet peut consulter (et télécharger) [...]. 
</i></div>
</div>
</div>

<div  id="dernier-article-cree" align="justify" style="border: 4px double white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #605E5E; color: black; float: bottom; min-height: 161px; margin-top: 20px;">
<div style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px;"> Les dix articles les plus populaires </div>
<table id="ss-portail" class="articles-populaires" style="font-style: italic;">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail2">

<DynamicPageList>
category = Portail:Utilisation de Carto Dynamique
count=5
ordermethod=popularity
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail2">
<DynamicPageList>
category = Portail:Utilisation de Carto Dynamique
offset = 5
count= 5
ordermethod=popularity
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
</div>
</div>

<div style="float: right; float: top; height: 500px; width: 58%; display: block; margin-left: 15px; margin-top: -10px;">
<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; min-height: 120px; margin-right: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Comment créer une carte ? </div>
<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail">

<DynamicPageList>
category = Création d'une carte
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail">
<DynamicPageList>
category = Création d'une carte
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
 </div>
</div>


<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; float: bottom; min-height: 120px; margin-right: 20px; margin-top: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Quelles sont les couches géographiques disponibles ? </div>

<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail">

<DynamicPageList>
category = Couches géographiques disponibles
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail">
<DynamicPageList>
category = Couches géographiques disponibles
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
 </div>
</div>

<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; float: bottom; min-height: 120px; margin-right: 20px; margin-top: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Quels sont les zonages disponibles ? </div>
<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail">

<DynamicPageList>
category = Zonages disponibles
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail">
<DynamicPageList>
category = Zonages disponibles
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
 </div>
</div>

<div align="justify" style="border: 1px solid white; width: 100%; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 8px; background-color: #F8F5F5; color: #555555; float: right; float: bottom; min-height: 120px; margin-right: 20px; margin-top: 20px;">
<div align="center" style="padding-bottom: 1px; font-variant: small-caps !important; font-weight: bold; font-size: 20px; background-color: white; color: #72B41C;"> Quelles sont les modalités d'enregistrement ? </div>
<div text="justify">

<table id="ss-portail">
<tr><th colspan="2"></th></tr>
<tr><td id="td-ss-portail">

<DynamicPageList>
category = Modalités d'enregistrements
count=4
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
<td id="td-ss-portail">
<DynamicPageList>
category = Modalités d'enregistrements
offset    = 4
count= 20
ordermethod=categorysortkey
order     = ascending
suppresserrors = true
</DynamicPageList>
</td>
</tr></table>
 </div>
</div>

<div style="clear: both;"> </div>

</div>