body {
    background-color : #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 0.8em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


#Layer2 {
    width:315px;
    height:22px;
    z-index:2;
    background-color: #000000;
    color:#FFFFFF;
    font-weight:bold;
    padding-left:5px;
    margin-bottom:1px;
  }


#conteneur {
    width: 1000px;
    margin: 0 auto;
  }


#header {
    height: 155px;
    background-color: #99CCCC;
  }

#header_a{
    display:block;
    height: 53px;
    background-color: black;
    background-image:url(images/tete.png) ;
    background-repeat:no-repeat;
/*    margin:-40px 0 0 0;
    clear:both;*/
  }
#haut {
    height: 45px;
    background-color:#00FF00;
    background-repeat:no-repeat;
    padding-left:50px;
  }


#centre {
	z-index:10;
    background-color:white;
    margin:-0px 0 0 -0px;
    background-image:url(images/Fond_Contenu.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 0%;
    padding:20px 30px;
    height:505px;
    display:block;
    clear:left;
    /*clear:both;
    */;
  }


#centreretd {
    background-color:white;
    margin:-0px 0 0 -0px;
    background-image:url(images/Fond_Contenu.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 0%;
    padding:20px 30px;
    height:805px;
    display:block;
    /*clear:both;
    */;
  }
  


#centreretd img {
    overflow:visible;
    /*margin: 8px 10px 10px 5px;
    */ float:left;
  }


#centreathl {
    background-color:white;
    margin:-0px 0 0 -0px;
    background-image:url(images/Fond_Contenu.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 0%;
    padding:20px 30px;
    height:905px;
    display:block;
    /*clear:both;
    */;
  }

#centre.long, #centreathl.long, #centreretd.long{
    height:1100px;
  }
#centreretd.long2{
    height:980px;
  }
#pied {
    display:block;
    height: 130px;
    background-color: #000000;
    background-image:url(images/footer.png) ;
    background-repeat:no-repeat;
    margin:-40px 0 0 0;
    clear:both;
  }


p {
    margin: 0 0 10px 0;
    text-align:justify;
  }


#col_right {
    float:right;
    width:600px;
  }


#col_left {
    float:left;
    width:320px;
    margin-top:10px;
  }

.col_right {
    float:right;
    width:450px;
    margin-top:50px;
    margin-right:15px;
  }


.col_left_a {
    float:left;
    width:450px;
 vertical-align:middle;
    margin-top:110px;
/*border:solid;*/
    margin-left:5px;
 text-align:center;
  }
.col_right_a {
 text-align:center;
    float:right;
    width:450px;
    margin-top:50px;
    margin-right:5px;
 vertical-align:middle;
/*border:solid;*/
  }


.col_left {
    float:left;
    width:320px;
    margin-top:10px;
  }

.col_left img {
    max-height:430px;
    float:left;
    margin-left:10px;
  }

#ligne {
    display:block;
    clear:both;
  }

/*#ligne img{
height:120px;
}*/
/*#ligne p{
text-align:center;
}*/




#col_right_text {
    float:right;
    width:600px;
  }


#col_left_img {
    float:left;
    width:320px;
    margin-top:10px;
  }


#col_left_text {
    float:left;
    width:600px;
  }


#col_right_img {
    float:right;
    width:320px;
    margin-top:10px;
  }


div#centre h2, div#centreretd h2, div#apDiv1 h2, div#apDiv2 h2, div#apDiv3 h2, div#apDiv4 h2, div#apDiv5 h2 {
    margin-left: 10px;
    padding-left:38px;
    line-height: 18px;
    font-size: 1.4em;
    background: url(images/cube.gif) no-repeat left bottom ;
    color: #000;
    border-bottom: 1px solid #000;
  }

h1 {
    margin-left: 10px;
    padding-left:38px;
    line-height: 18px;
    font-size: 1.4em;
   color: #000;
 text-align:center;
  }

.bold {
    font-weight:bold;
  }


#footer_wrap {
    width: 1000px;
    margin: 0px auto;
    padding: 15px -12px 0px 12px;
    color:#999999;
    clear:both;
  }


.footer_rightcol {
    width:990px;
    float:right;
    padding-top:7px;
  }


.footer_rightcol a, .footer_rightcol a:visited {
    color:#FFF;
  }


.center-bas {
    width:50px;
    text-align:center;
    margin-left:470px;
  }


.center-bas a, center-bas a:visited {
    color:#FFF;
    text-decoration:none;
  }


.center-bas a:hover {
    color:#666;
    text-decoration:none;
  }


#calque a {
    text-decoration: none;
    /* d�finition du lien qui affichera le "calque" */;
  }


#calque a img {
    border: none;
    margin-left:157px;
  }


#calque a:hover {
    background-color: #FFF;
    /* correction d'un bug IE */;
  }


#calque a span {
    /* d�finition de la balise <span> inclue dans <a> */display: none;
  }


#calque a:hover span {
    /* d�finition de la balise <span> au survol */display: inline;
    position: relative;
    top: 0px;
    left: -91px;
    width: 200px;
    height: 130px;
    z-index:100;
  }


.footer_nav {
    float:right;
    margin: 0px 20px 0px;
    padding:0px;
    font-size:90%;
  }


.copyright {
    text-align:right;
    font-size:85%;
    clear:both;
    margin:10px 20px 0px;
    color: #666666;
  }


.copyright a, .copyright a:visited {
    color:#FFF;
    text-decoration:none;
  }


.copyright a:hover {
    color:#666;
  }


.left {
    float:left;
  }


.right {
    float:right;
  }


a.validcss-mini {
    background: url(images/valid-mini.gif) no-repeat left center;
    padding-left: 13px;
    color:#FFFFFF;
    text-decoration: none;
    margin-left: 10px;
    font-size:90%;
  }


a.validcss-mini:visited {
    color:#FFF;
  }


a.validcss-mini:hover {
    color:#ffffff;
    text-decoration: none;
  }


a.validhtml-mini {
    background: url(images/valid-mini.gif) no-repeat left center;
    padding-left: 13px;
    color:#FFF;
    text-decoration: none;
    margin-left: 10px;
    font-size:90%;
  }


a.validhtml-mini:visited {
    color:#FFF;
  }


a.validhtml-mini:hover {
    color:#ffffff;
    text-decoration: none;
  }


.clearit {
    margin: 0;
    padding: 0;
    height: 0;
    clear: both;
  }


img {
    border:0;
  }


.thumb {
    width:140px;
    height:105px;
    margin: 8px 5px 10px 2px;
    float:left;
    background-color:#FFF;
  }


.thumb img {
    /*margin: 8px 5px 5px 5px;
    */;
  }


.thumb a {
    /*display:block;
    */background-color:black;
    text-decoration:none;
  }


.thumb a:hover {
    /*position:absolute;
    */background-color:white;
  }


.thumb a img {
    /*margin:0;
    padding:0;
    */float:left;
    position:absolute !important;
    max-width:140px;
    max-height:105px;
    /*width:expression(document.body.clientWidth > 140 ? "140px" : "auto");
    */height:expression(document.body.clientHeight > 105 ? "105px" : "auto");
  }


.thumb a:hover img {
    float:left;
    position:absolute !important;
    max-width:100%;
    max-height:100%;
    width : expression(Math.min(this.width*2, 280));
    height : expression(Math.min(this.height*2, 225));
    /*width:expression(document.body.clientWidth > 280 ? "280px" : "auto");
    height:expression(document.body.clientHeight > 225 ? "225px" : "auto");
    */overflow:visible;
    z-index:20;
  }

/*hack pour permettre le rollover
de gauche à droite avec mozilla*/
/*body>.thumb a:hover {
	position:relative;
	}*/



.bas {
    position:absolute;
    text-align:center;
    bottom:0px;
    background-color:black;
    color:white;
  }


.presse a:link {
    color: #000000;
    text-decoration: underline;
    font-weight:bold;
  }


.presse a:visited {
    text-decoration: underline;
    color: #000000;
    font-weight:bold;
  }


.presse a:hover {
    text-decoration: none;
    color: #CCCCCC;
    font-weight:bold;
  }


.presse a:active {
    text-decoration: underline;
    color: #000000;
    font-weight:bold;
  }

/**********************************/
/* BUBBLE PLASTIC HORIZONTAL MENU */
/**********************************/



.bubplastic.horizontal {
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
  }


.bubplastic.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }


.bubplastic.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
  }


.bubplastic.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 15px;
    /*float: left;
    */text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:0.7em;
    font-weight:bolder;
    color: #FFFFFF;
    text-decoration: none;
  }


.bubplastic.horizontal ul li a span.menu_ar {
    display: block;
    /*float: left;
    */height: 22px;
    padding-top: 5px;
    padding-right: 15px;
    /*background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
    */cursor: pointer;
  }

/* GRAY HOVER */


.bubplastic.gray ul li a:hover,.bubplastic.gray ul li.highlight a {
    background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
  }

/*.bubplastic.gray ul li a:hover span.menu_ar,.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}*/



.bubplastic.gray span.menu_r {
    display:block;
  }

/* END BUBBLE PLASTIC HORIZONTAL MENU */

/*   MENU   */


#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }


#nav a {
    display: block;
  }


#nav li {
    float: left;
  }


#nav li ul {
    position: absolute;
    left: -999em;
  }

#nav li ul li {
    float:none;
  }

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
  }

.fermer {
    clear : both;
    font-size : 1.4em;
    text-align : right;
    vertical-align : top;
    margin-right:10px;
  }

.fermer img {
    float:right;
    cursor: pointer;
  }

	
#popcont {
    background-color:grey;
    top:0;
    left:0;
    /*width:100%;
    height:100%;
    */width:1500px;
    height:800px;
    border-style:solid;
    position :absolute!important;
    z-index:50;
    /*background: url(images/transparent.png) repeat;
    */visibility:visible;
    -moz-opacity:0.85;
    opacity: 0.85;
    filter:alpha(opacity=85);
    /* Spécifique IE5.5 et IE6 *//*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/transparent.png', sizingMethod='scale')*/;
  }

/*div.conteneur>popcont { background: url(images/transparent.png) no-repeat bottom;}*/

#popup {
    font-size:1.0em ;
    color:black ;
    font-weight:bold;
    margin:0px;
    background-color:#7A7A7A;
    position:absolute;
    float:left;
    padding:0px;
    top:20%;
    left:40%;
    width:300px;
    height:200px;
    z-index:99;
    border-style:solid;
    border-width:3px;
    overflow:visible;
    /*display:block;
    /*float:right;
    */visibility:visible;
    -moz-opacity:1.0;
    opacity: 1;
    filter:alpha(opacity=100);
    background: url(images/sev/sev_esp.png) no-repeat;
    /*background: url(images/transparent.png) repeat;
    */;
  }


/* #popup {
    margin:0px;
    background-color:grey;
    color:black;
    float:left;
    padding:20px;
    top:50%;
    left:50%;
    width:300px;
    height:200px;
    z-index:99;
    border-style:solid;
    border-width:3px;
  }*/

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6 {
    display:block;
    background-color:white;
    color:black;
    position: fixed;
    margin:0 auto;
    top:5%;
    left:20%;
    width:800px;
    height:480px;
    z-index:100;
    border-style:solid;
    border-width:1px;
    -moz-box-shadow: 4px 4px 2px #444;
  }

.thumbstaff {
    padding-top:5px;
    text-align:center;
  }

.thumbstaff {
    text-decoration:none;
  }

.thumbstaff img {
    border-style:none;
    /* float:none;
    */ width:56px;
    height:67px;

  }

.thumbstaff img:hover {
    background-color:black;
    cursor: pointer;
  }

table {
    /*border: medium solid #000000;
    */width : 930px;
/*    margin:auto;*/
  }

td {
    width : 170px;
    /*border: thin solid #000;
    */vertical-align:top;

  }

td ul {
    font-weight: bold;
 padding-left:10px;
margin-left:0px;
text-align:center;
  }

td ul li {
    list-style-position:outside;
    font-weight: normal;
 margin-left:15px;
text-align:left;
list-style-type:circle
  }

.Style1 {
    font-size: 1.1em;
    font-weight: bold;
    text-align:center;
    vertical-align: middle;
    /*border: thin solid #99CCCC;
    */-moz-box-shadow: 4px 4px 2px #444;
    padding:5px;
  }

.Style1 img {
 vertical-align:bottom;
height:10px;
    cursor: pointer;
}
