
/* ---------------------------------------- FONDS DE PAGE ---------------------------*/

body {
	background-color: #CFCFCF;
}

/*------ Fond de page bande grise ----*/

#bandgrise
 {
 background-image:url(../img/bandgrise.jpg);
 background-repeat:repeat-y;
 background-position:top right ;
  }

/* ------------------------------------------- LIENS ---------------------------------*/

a:link,a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	color: #575757;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	text-decoration: none;
	color: #FFCC00;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	color: #575757;
	text-decoration: underline;
}

/* LIENS MENU gauche */

a.mg:link,a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	color: #575757;
	text-decoration: none;
}
a.mg:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	text-decoration: none;
	color: #FFCC00;
}

a.mg:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	color: #575757;
	text-decoration: none;
}
/* LIENS des News */

a.news:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: gray;
	text-decoration: underline;
}
a.news:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
        color: #FFCC00;
}

a.news:active, a.news:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: gray;
	text-decoration: underline;
}
/* Liens pied de page  */

a.bas:link, a.bas:active, a.bas:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: white;
}

a.bas:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: gray;
}

/* Liens centre page Une*/

a.centre:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #34158c;
	text-decoration: underline;
}
a.centre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #FFCC00;
}

a.centre:active, a.centre:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #34158c;
	text-decoration: underline;
}

/* Liens centre page Partenaires*/


a.partner:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #FFCC00;
}

a.partner:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #FFCC00;;
}

a.partner:active, a.partner:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: gray;
	text-decoration: underline;
}
/* Liens de la page Sitemap */

a.map:link, a.map:active, a.map:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #575757;
	text-decoration: none;
}
a.map:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #FFCC00;
}

#menubas{
       	margin-left:0px;
       	padding-left:0px;
       	margin-top:0px;
        list-style-type: none;
        text-align:center;
           }

#menubas li{
        list-style-type: none;
	margin-left:0px;
       	padding-left:8px;
       	padding-right:8px;
        border-right-style: solid;
        border-right-color: white;
        border-right-width: 1px;
        float: left;
        width: auto;
        vertical-align:middle;
}

/* ----------------------------------------- CADRES ---------------------------------*/

.cadregris {
	margin: 0px;
	padding-left: 15px;
        padding-right: 15px;
        padding-top: 1px;
        padding-bottom: 5px;
	background-color: #f5f5f2;
}

 .cadreintroUne{
	background-color: #D6D6D6;
/*        background-color: #FFCC00;  */
        border: 2px solid gainsboro;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00003C;
	padding-left: 12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
        font-weight: bold;
	text-align: left;
	letter-spacing: 0.08em;
	word-spacing: 0.15em;
	border: 1px solid gainsboro;
	line-height:1.50em;
	margin:0;
        }

.cadrenews {
/*	background-color: #f5f5f2;  */
	background-color:white;
/*	border: 0.08em solid gainsboro;   */
	border: 0.1em solid gainsboro;
	border-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 0px;
	width: 270px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	margin-right:2px;
	line-height:1em;
        }

.cadre {
	border: 1px solid gainsboro;
	top: 5px;
	text-indent: 0px;
	margin: 0px;
	padding: 5px;
}
.cadrephoto {
	border: 1px solid gainsboro;
	margin-left: 20px;
	z-index:2;
}
.cadre1 {
	border: 1px solid gainsboro;
	top: 5px;
	padding: 10px;
        width: 700px;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
	vertical-align: middle;
	text-align: center;
	margin-left: 17px;
	margin-right: 15px;
	z-index:2;
}
.cadre2 {
	border: 1px solid gainsboro;
	top: 5px;
	width: 500px;
 	letter-spacing: 0.03em;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	margin-top: 15px;
	margin-left: 0px;
	z-index:2;
}
.sanscadre {
	padding: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 700px;
	line-height:1.50em;
}
.sanscadrec {
	padding: 0px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 700px;
	line-height:1.50em;
}
.encadrejaune {
	background-color: #FFC600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
  	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	padding: 8px;
}
.ptencadrej {
	background-color: #FFC600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
  	margin-right: 80px;
  	margin-left: 80px;
	margin-bottom: 30px;
	margin-top: 0px;
	padding: 10px;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
	text-align: justify;
}
.contdrap {
  position:relative;
  margin-bottom: 10px;
          }
.carte_europe {
        width: 379px;
        height: 395px;
        padding:0;
        margin-left: 20px;
        margin-bottom:20px;
        text-align: center;
        vertical-align: center;
}
/* ----------------------------------------- TABLEAUX ---------------------------------*/

TR.pair {
        background-color: #e9e9e4;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: gray;
        text-align: center;
        font-size: 11px;
        padding: 3px;
	border: 1px solid gainsboro;
	height:50px;
}
TR.impair {
        background-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
       /* color: #5f5f5c; */
        color: #f39105;
        font-size: 11px;
        text-align: center;
        padding: 3px;
	border: 1px solid gainsboro;
	height:50px;
}
TR.entete {
        background-color: #6f6f6d;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: white;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        height:35px;
}
TD.annee {
        background-color: #6f6f6d;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: white;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        height:35px;
        vertical-align:top; 
        padding-top:10px;
        margin-top:3px;
}

TD.blang {
     height:10px;
     padding-top:5px;
     padding-bottom:0px;
     margin-top:0px;
     margin-bottom:0px;
}
TD.fblang {
     height:10px;
     padding-top:4px;
     padding-bottom:0px;
     margin-top:0px;
     margin-bottom:0px;
}

/* ----------------------------------------- TITRES -------------------------------------------------*/

H1 {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: #FFFFFF;
          margin:0;
          padding-left:5px;
          background-color:#FFCC00;
          font-size: 30px;
          height:auto;
          padding-bottom:5px;
          }
H2.gris {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: gray;
          background-color:none;
          font-size: 23px;
          text-align: center;
          letter-spacing: 0.03em;
          }
H2.jaune {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: #FFC600;
          font-size: 22px;
          }
H2.arch {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: #FFCC00;
          font-size: 13px;
          border-bottom-style:solid;
          border-bottom-width:0.1 em;
          border-color:gray;
          }
H2.popup {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: lighter;
          color: #f39105;
          font-size: 19px;
          border-bottom-style:solid;
          border-bottom-width:0.05 em;
          border-color:gray;
          letter-spacing: 0.2em;
          }

H3.gris {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: gray;
        font-size: 13px;
        text-align: right;
         }
H3.grisleft {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #706d6d;
        font-size: 13px;
        text-align: left;
         }

H2.news {
          margin:0;
          padding:15;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
    /*      color: #17037c;   */
          color:white;
          width:270px;
          height:40px;
          background-color:#FFCc00;
          font-size: 25px;
          vertical-align:center;
          border-bottom-style:solid;
          border-bottom-width:1px;
          border-color:gray;
          border-top-style:solid;
          border-top-width:1px;
          padding-top:8px;
          padding-left:8px;
          }
H3.news
     {
      color:#FFCc00;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: bold;
      padding-left:8px;
      }

H3.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00003C;
}
#menu{
       	margin-left:0px;
       	padding-left:0px;
        list-style-type: none;
        width:150px;

           }

#menu li{
	margin-left:0px;
       	padding-left:4px;
        border-bottom-style: dotted;
	border-bottom-color: #D2D2D2;
	border-bottom-width: 2px;
}



/* ---------------------------------------------- CORPS -----------------------------------------*/


.corps {
	color: #00003C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
	line-height:17pt;
	text-align: justify;
}
.cpgclair {
	color: #5f5f5c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
	text-align: justify;
}
.cpgray {
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
        font-weight: bold;
        color: gray; 
	text-align: center;
	font-size: 12px;
        }
.cpnews
     {
       color:#333366;
/*      color:#666666;
       color:#575757;*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 8pt;
      line-height:11pt;
      text-align:justify;
      padding:8px;
      }
.cplaune {
	color: #666565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	letter-spacing: 0.03em;
	word-spacing: 0.10em;
	text-align: justify;
	line-height:14pt;
        }
H3.popup {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-weight: lighter;
          color: #ffc000;
          font-size: 15px;
          letter-spacing: 0.02em;
          }
 .imgpopup {
        float:right;
        margin-bottom:10px;
        margin-right:0px;
 }

 .timgpopup {
        float:right;
        width:200;
        margin-bottom:10px;
        margin-left:0;
        margin-right:10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: lighter;
        color: gray;
        font-size: 11px;
        letter-spacing: 0.02em;
        text-align:center;
 }


/* ------------------------------------------- LISTES A PUCES -----------------------------------------*/
li.puce {
 /* list-style-type: none; */
 display: list-item;
/*  list-style-image:url(../img/puce.jpg); */
list-style-type: none;
  background-image: url(../img/puce.jpg);
background-repeat: no-repeat;
padding-left: 15px;
background-position: 0% 65%;

}

dt.puce {
background-image: url(../img/puce.jpg);
background-repeat: no-repeat;
padding-left: 15px;
background-position: 0% 65%;
	color: gray;
	font-style:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
}

.art {
  float:left;
  height: 100px;
      margin-left: 10px;
  width:150px;
  text-align: center;
  margin-top: 5px;
  padding: 0;
  width: 200px;

}
.t_art {
       float: left;
       margin-left: 10px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #575757;
       font-weight: bold;
       font-size: 9pt;
       width: 200px;
       text-align: center;
       height: 40px;

}
.contxtart {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #575757;
       font-weight: bold;
       font-size: 9pt;
       margin-top: 10px;
       margin-left: 15px;
       width: 700px;
       height: 40px;

  /*     text-align: center;   */

}
.contart {
       margin-top: 10px;
       margin-left: 15px;
       width: 700px;
       height: 150px;
}
.contvideo {
         margin-top: 15px;
         margin-bottom: 45px;
}
img.manuel {

float:right;
}

img.press {
        border-style: solid;
	border-color: grey;
	border-width: 1px;
}
-->