@media screen and (min-width :800px)
{
/*Tableau actualité */

td
{
padding: 15px;/* gère l'espace entre la bordure et le texte */
}


/* Définie la zone ou il va y avoir des données à afficher par rapport à la fenêtre*/
.taille_fenetre
{
width: 100%;
}
/* Gestion du texte par defaut */
.ocpadmenta_default {
  text-align:center;
  line-height:normal;
}

.logo {
  border-style: none; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 50%; /* gère la dimension du tableau en fonction de la taille de lécran */
}

.Image_logo
{
  border-bottom:0px;
  text-align:center;
}

/* Zone de l'image du logo dans la zone de logo */
.img {
  border-width:0px;
  width:472px;
  height:98px;
}

.Titre
{
  height:50px; /* Hauteur du titre de la rubrique */
  text-align:center; /* Alignement horizontal du titre de la rubrique */
  vertical-align: center;
  background-color: #009A74;
  color: white;
  border-bottom:0px;
  word-wrap:break-word;
  font-family:'Calibri Bold', 'Calibri Regular', 'Calibri';
  font-weight:700;
  font-style:normal;
  font-size:28px;
}
.DerniereLigne
{
  height:20px; /*Hauteur de la dernière ligne du tableau */
  text-align:justify;/*Alignement horizontal dde la dernière ligne du tableaux */
  vertical-align: center; /*Alignement vertical de la dernière ligne du tableaux */
}

.Actualite
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 50%; /* gère la dimension du tableau en fonction de la taille de lécran */
  
}
.LigneActualiteTitre
{
  height:80px; /* Hauteur du titre de l'article */
  text-align:center; /*Alignement horizontal du titre de l'actualité */
  vertical-align: center;/*Alignement vertical du titre de l'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
.LigneActualite
{
  height:50px; /* Hauteru des lignes de l'article */
  text-align:left;/*Alignement horizontal de la ligne d'actualité */
  vertical-align: center; /*Alignement vertical de la ligne d'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}

.Mention
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 50%; /* gère la dimension du tableau en fonction de la taille de lécran */
}
.LigneMention
{
  height:50px; /* Hauteru des lignes de la mention legale */
  text-align:center;/*Alignement horizontal de la mention légale */
  vertical-align: center; /*Alignement vertical de la mention légale */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
}
/*********************************************************************************************************/

@media screen and (min-width: 430px) and (max-width :800px) 
{
/*Tableau actualité */

td
{
padding:15px;
}


/* Définie la zone ou il va y avoir des données à afficher par rapport à la fenêtre*/
.taille_fenetre
{
width: 100%;
}
/* Gestion du texte par defaut */
.ocpadmenta_default {
  text-align:center;
  line-height:normal;
}

.logo {
  border-style: none; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}

.Image_logo
{
  border-bottom:0px;
  text-align:center;
}

/* Zone de l'image du logo dans la zone de logo */
.img {
  border-width:0px;
  width:369px;
  height:71px;
}

.Titre
{
  height:50px; /* Hauteur du titre de la rubrique */
  text-align:center; /* Alignement horizontal du titre de la rubrique */
  vertical-align: center;
  background-color: #009A74;
  color: white;
  border-bottom:0px;
  word-wrap:break-word;
  font-family:'Calibri Bold', 'Calibri Regular', 'Calibri';
  font-weight:700;
  font-style:normal;
  font-size:28px;
}
.DerniereLigne
{
  height:20px; /*Hauteur de la dernière ligne du tableau */
  text-align:justify;/*Alignement horizontal dde la dernière ligne du tableaux */
  vertical-align: center; /*Alignement vertical de la dernière ligne du tableaux */
}

.Actualite
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
  
}
.LigneActualiteTitre
{
  height:80px; /* Hauteur du titre de l'article */
  text-align:center; /*Alignement horizontal du titre de l'actualité */
  vertical-align: center;/*Alignement vertical du titre de l'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
.LigneActualite
{
  height:50px; /* Hauteru des lignes de l'article */
  text-align:left;/*Alignement horizontal de la ligne d'actualité */
  vertical-align: center; /*Alignement vertical de la ligne d'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}

.Mention
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}
.LigneMention
{
  height:50px; /* Hauteru des lignes de la mention legale */
  text-align:center;/*Alignement horizontal de la mention légale */
  vertical-align: center; /*Alignement vertical de la mention légale */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
}
/*********************************************************************************************************/
@media all and (max-device-width: 480px)
{
/*Tableau actualité */

td
{
padding:15px;
}


/* Définie la zone ou il va y avoir des données à afficher par rapport à la fenêtre*/
.taille_fenetre
{
width: 100%;
}
/* Gestion du texte par defaut */
.ocpadmenta_default {
  text-align:center;
  line-height:normal;
}

.logo {
  border-style: none; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}

.Image_logo
{
  border-bottom:0px;
  text-align:center;
}

/* Zone de l'image du logo dans la zone de logo */
.img {
  border-width:0px;
  width:369px;
  height:71px;
}

.Titre
{
  height:50px; /* Hauteur du titre de la rubrique */
  text-align:center; /* Alignement horizontal du titre de la rubrique */
  vertical-align: center;
  background-color: #009A74;
  color: white;
  border-bottom:0px;
  word-wrap:break-word;
  font-family:'Calibri Bold', 'Calibri Regular', 'Calibri';
  font-weight:700;
  font-style:normal;
  font-size:28px;
}
.DerniereLigne
{
  height:20px; /*Hauteur de la dernière ligne du tableau */
  text-align:justify;/*Alignement horizontal dde la dernière ligne du tableaux */
  vertical-align: center; /*Alignement vertical de la dernière ligne du tableaux */
}

.Actualite
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
  
}
.LigneActualiteTitre
{
  height:80px; /* Hauteur du titre de l'article */
  text-align:center; /*Alignement horizontal du titre de l'actualité */
  vertical-align: center;/*Alignement vertical du titre de l'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
.LigneActualite
{
  height:50px; /* Hauteru des lignes de l'article */
  text-align:left;/*Alignement horizontal de la ligne d'actualité */
  vertical-align: center; /*Alignement vertical de la ligne d'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}

.Mention
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}
.LigneMention
{
  height:50px; /* Hauteru des lignes de la mention legale */
  text-align:center;/*Alignement horizontal de la mention légale */
  vertical-align: center; /*Alignement vertical de la mention légale */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#009A74;
}
}
/*********************************************************************************************************/

@media screen and (max-width :430px)
{
/*Tableau actualité */

td
{
padding:2px;
}


/* Définie la zone ou il va y avoir des données à afficher par rapport à la fenêtre*/
.taille_fenetre
{
width: 100%;
}
/* Gestion du texte par defaut */
.ocpadmenta_default {
  text-align:center;
  line-height:normal;
}

.logo {
  border-style: none; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}

.Image_logo
{
  border-bottom:0px;
  text-align:center;
}

/* Zone de l'image du logo dans la zone de logo */
.img {
  border-width:0px;
  width:184px;
  height:35px;
}

.Titre
{
  height:50px; /* Hauteur du titre de la rubrique */
  text-align:center; /* Alignement horizontal du titre de la rubrique */
  vertical-align: center;
  background-color: #009A74;
  color: white;
  border-bottom:0px;
  word-wrap:break-word;
  font-family:'Calibri Bold', 'Calibri Regular', 'Calibri';
  font-weight:700;
  font-style:normal;
  font-size:28px;
}
.DerniereLigne
{
  height:20px; /*Hauteur de la dernière ligne du tableau */
  text-align:justify;/*Alignement horizontal dde la dernière ligne du tableaux */
  vertical-align: center; /*Alignement vertical de la dernière ligne du tableaux */
}

.Actualite
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
  
}
.LigneActualiteTitre
{
  height:80px; /* Hauteur du titre de l'article */
  text-align:center; /*Alignement horizontal du titre de l'actualité */
  vertical-align: center;/*Alignement vertical du titre de l'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
.LigneActualite
{
  height:50px; /* Hauteru des lignes de l'article */
  text-align:left;/*Alignement horizontal de la ligne d'actualité */
  vertical-align: center; /*Alignement vertical de la ligne d'actualité */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}

.Mention
{
  border: 1px solid black; /* gère le contour du tableau */
  border-collapse: collapse; /* les contour seront collés */
  border-width:1px;
  border-style:solid;
  border-color:#009A74;

  margin:auto; /* Gère la marge automatiquement pour le tableau d'une logueur à width pour cent */
  width: 100%; /* gère la dimension du tableau en fonction de la taille de lécran */
}
.LigneMention
{
  height:50px; /* Hauteru des lignes de la mention legale */
  text-align:center;/*Alignement horizontal de la mention légale */
  vertical-align: center; /*Alignement vertical de la mention légale */

  word-wrap:break-word;
  font-family:'Tahoma Normal', 'Tahoma';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#000000;
}
}