body
{
margin : 0 ;
padding : 0 ;
font-family : Arial;
font-size : 11px ;
/*background:url(images/bg_body_fetes.jpg) no-repeat center center ;*/
/*background:url(images/bg_body_carbon.jpg) no-repeat center center ;*/
background:url(images/bg_carbon_mobile.jpg) repeat center center ;
background-attachment:fixed;
}

#leftTeam
{
position : absolute ;
padding: 0;
padding: 0;
width: 160px;
top : 157px ;
left : 0 ;
}


a
{
text-decoration : none ;
color : DimGray ;
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

a:active, a:focus, input [type=submit]:focus, input [type=submit]:active
{
outline : none ;
}


img
{
border : none ;
}

.menuTeam ul
{
    margin : 0 ;
    padding : 0 ;
    list-style-type:none ;
}

.menuteama
{
    display : block ;
    padding : 5px ;
    margin : 0 ;
    color : #666 ;
  border-radius : 8px ;
 -webkit-border-radius : 8px ;
    -moz-border-radius : 8px ;
    -o-radius : 8px ;
   -khtml-border-radius : 8px ;
    font-size : 12px ;
}

.menuTeam ul li
{
    margin : 0 ;
    padding : 5px ;
    
      background : url(images/menuteamsep.gif) no-repeat 5px bottom ;
}

.menuteama:hover, .menuteama:focus
{
    background:#fff ;
}

#menuteamback
{
    display : block ;
    margin : 20px auto 0px 2px ;
    background : url(images/menuteamback.jpg) no-repeat left top ;
    font-size : 12px ;
    font-weight : bold ;
    color :#fff ;
    height : 45px ;
    width : 154px ;
    line-height : 38px ;
    padding : 0 0 0 30px ;
    text-shadow : 0 0 2px #666 ;
}

#menuteamback:hover, #menuteamback:focus
{
    color : Silver ;
}

#centerTeam
{
    width : 807px ;
    margin : 0 0 30px 178px;
    min-height : 600px ;
    background : url(images/teamlogo.png) no-repeat right 5px ;
}

#centerTeam div a:not(.panamaTxtA)
{
    color : #F10D0E ;
    text-decoration : underline ;
}

.panamaTxtA
{
border-bottom : 1px dotted ;
}
.panamaTxtA:hover, .panamaTxtA:focus
{
border-bottom : none;
}

.bold
{
    font-weight : bold ;
}

.roundGray
{
    border-radius : 15px ;
     -webkit-border-radius : 15px ;
    -moz-border-radius : 15px ;
    -o-radius : 15px ;
   -khtml-border-radius : 15px ;
    background : #EDEBEC ;
    border : 1px solid gray ;
    padding : 10px ;
    color : #666 ;
    clear : left ;
     position : relative ;
    overflow : hidden ;
}

.roundGray p
{
  margin : 5px 0 ;
padding : 0 ;
}
.roundGray h1, .invisible h1
{
    margin : 0 0 10px 0 ;
    padding : 0 ;
    color : #666 ;
    font-style:italic ;
    font-size : 14px ;
}
.roundGray h2
{
    margin : 0 0 10px 0 ;
    padding : 0 ;
    color : #000 ;
    font-style:italic ;
    font-size : 11px ;
}

.roundGray h3
{
    margin : 0 0 10px 0 ;
    padding : 0 ;
    color : #000 ;
    
    font-size : 12px ;
}

.roundGray h4
{
    margin : 0 0 10px 0 ;
    padding : 0 0 0 20px ; ;
    color : #000 ;
    font-style:italic ;
    font-size : 11px ;
	background : whitesmoke ;
	font-weight : normal ;
}

.roundBlack
{
    border-radius : 15px ;
     -webkit-border-radius : 15px ;
    -moz-border-radius : 15px ;
    -o-radius : 15px ;
   -khtml-border-radius : 15px ;
    background : #000 ;
    border : 1px solid #000 ;
    padding : 10px ;
    clear : left ;
     position : relative ;
    overflow : hidden ;
}

.roundBlack h1
{
    margin : 0 0 10px 0 ;
    padding : 0 ;
    color : #F10D0E ;
    font-style:italic ;
    font-size : 14px ;
}

.invisible
{
    padding : 10px 0 ;
    position : relative ;
    overflow : hidden ;
}

.width45
{
    width : 43% ;
    float : left ; 
    margin : 0 30px 20px 0 ;
}

.width55
{
    width : 50% ;
    float : right ; 
    margin : 0 0px 10px 0 ;
}

.memberlist2
{
/*yylist-style-type : none ;*/
padding : 0 0 15px 30px ;
}


.memberlist
{
    display : block ;
    float : left ;
    padding : 3px ;
    background : #fff ;
    border : 1px solid silver ;
    border-radius : 5px ;
     -webkit-border-radius : 5px ;
    -moz-border-radius : 5px ;
    -o-radius : 5px ;
   -khtml-border-radius : 5px ;
    margin : 0 5px 5px 0 ;
}

.memberlist img
{
    width : 40px ;
    height : 40px ;
}

.voirTeamHigh
{
    position : absolute ;top : 10px ;right:10px ;
    font-style : italic ;
    font-size : 12px ;
}

.voirTeamLow
{
    position : absolute ;bottom : 5px ;right:10px ;
    font-style : italic ;
    padding : 0 ;
    margin : 0 ;
    font-size : 12px ;
}

.roundBlack table
{
    width : 100% ;
    margin : 0 0 30px 0 ;
    padding : 0 ;
    border : 0 ;
    /*---border-collapse : collapse ;*/
    font-size : 11px ;
    color : #666 ;
}
.roundBlack table tr td
{
 border: 3px solid #000 ;
}

.roundBlack table tr td span
{
  padding : 5px ;
    background : #fff ;
  
    border-radius : 8px ;
     -webkit-border-radius : 8px ;
    -moz-border-radius : 8px ;
    -o-radius : 8px ;
   -khtml-border-radius : 8px ;
    margin : 0px 5px ;
   display : block ;
}

#panama
{
    float : left ;
    width : 204px ;
    padding : 5px ;
    background : #fff ;
    border-radius : 10px ;
     -webkit-border-radius : 10px ;
    -moz-border-radius : 10px ;
    -o-radius : 10px ;
   -khtml-border-radius : 10px ;
    font-weight : bold ;
    font-style : italic ;
}

#panamaTxt
{
    margin : 0 0 0 250px ;
}

#panama span
{
    display : block ;
    margin : 0 0 4px 0 ;
}

#panamaTxt ul
{
    margin : 0 ;
    padding : 0 ;
    list-style-type : none ;
}

#panamaTxt ul li
{
    margin : 0 ;
    padding : 0 ;
    
}

#panamaTxt ul li:before
{
    content :'- ';
    
}

#ongletsTeam
{
    list-style-type : none ;
    clear:left ;
    margin : 0 ;
    padding : 0 ;
}

#ongletsTeam li
{
    float : left ;
    margin : 0 0 0 15px ;
    padding : 0 ;
	background : none ;
}



#ongletsTeam li a:not(.ongletActive)
{
    display : block ;
    font-size:14px ;
    font-weight : bold ;
    font-style : italic ;
    text-decoration : none ;
    border : 1px solid silver ;
    background : #333 ;
    background: -moz-linear-gradient(90deg, #fff ,#000);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000', startColorstr='#FFFFFF', gradientType='0');
    color : #fff ;
    border-radius : 10px 10px 0 0 ;
     -webkit-border-radius : 10px 10px 0 0 ;
    -moz-border-radius : 10px 10px 0 0 ;
    -o-radius : 10px 10px 0 0 ;
   -khtml-border-radius : 10px 10px 0 0 ;
    height : 30px ;
    line-height : 30px ;
    padding : 0 10px ;
    box-shadow : 2px 2px 8px #333 ;
    -webkit-box-shadow : 2px 2px 8px #333 ;
    -moz-box-shadow : 2px 2px 8px #333 ;
    -o-box-shadow : 2px 2px 8px #333 ;
   -khtml- box-shadow : 2px 2px 8px #333 ;
      margin : 0 0 -1px 0 ;
}





#ongletsTeam li a:hover, #ongletsTeam li a:focus, .ongletActive
{
 display : block ;
    font-size:14px ;
    font-weight : bold ;
    font-style : italic ;
    text-decoration : none ;
    border : 1px solid silver ;
    background : #333 ;
    background: -moz-linear-gradient(90deg, #999 ,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#999999', gradientType='0');
    color : #CC0000 ;
     border-radius : 10px 10px 0 0 ;
     -webkit-border-radius : 10px 10px 0 0 ;
    -moz-border-radius : 10px 10px 0 0 ;
    -o-radius : 10px 10px 0 0 ;
   -khtml-border-radius : 10px 10px 0 0 ;
    height : 30px ;
    line-height : 30px ;
    padding : 0 10px ;
    box-shadow : 2px 2px 8px #333 ;
      margin : 0 0 -1px 0 ;
}






.threeDivs
{
    float : left ;
    width : 215px ;
    margin : 20px 31px 20px 0 ;
    padding : 10px ;
    overflow : hidden ;
     border-radius : 15px ;
     -webkit-border-radius : 15px ;
    -moz-border-radius : 15px ;
    -o-radius : 15px  ;
   -khtml-border-radius : 15px  ;
    background : #EDEBEC ;
    border : 1px solid gray ;
    padding : 10px ;
    color : #666 ;
  
     position : relative ;

}

.threeDivs p
{
    /*ppclear : left ;*/
}

.teamSuite
{
    margin-left : 138px ;
}

.teamForm
{
    margin : 0 ;
    padding : 0 ;
}

.teamForm p:hover
{
   background : whitesmoke ;
}

.teamForm label
{
    margin : 0 ;
    padding : 0 ;
    display : inline-block ;
    width : 188px ;
    font-weight : bold ;
}

.teamForm input[type=text], .teamForm textarea, .teamForm select
{
   border-radius : 5px ;
  -webkit-border-radius : 5px ;
    -moz-border-radius : 5px ;
    -o-radius : 5px ;
   -khtml-border-radius : 5px ;
padding : 1px 10px ;
border : 1px solid DimGray ;
font : normal italic 11px/16px Arial, helvetica, sans-serif ;
color : Gray ;
background : whitesmoke ;
margin : 0 ;
}

.teamForm input[type=text], .teamForm textarea, .teamForm select
{
   border-radius : 5px ;
  -webkit-border-radius : 5px ;
    -moz-border-radius : 5px ;
    -o-radius : 5px ;
   -khtml-border-radius : 5px ;
padding : 1px 10px ;
border : 1px solid DimGray ;
font : normal italic 11px/16px Arial, helvetica, sans-serif ;
color : Gray ;
background : whitesmoke ;
}

.teamForm select
{
  padding : 1px 1px ;  
}

.teamForm input[type=text]
{
    width : 200px ;
}

.teamForm input[type=submit], .teamButton
{
       font-size:14px ;
    font-weight : bold ;
    font-style : italic ;
    text-decoration : none ;
    border : 1px solid silver ;
    background : #333 ;
    background: -moz-linear-gradient(90deg, #999 ,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#999999', gradientType='1');
    color : #CC0000 ;
    
    height : 30px ;
    line-height : 30px ;
    padding : 0 10px ;
    
    border-radius : 5px ;
     -webkit-border-radius : 5px ;
    -moz-border-radius : 5px ;
    -o-radius : 5px ;
   -khtml-border-radius : 5px ;
    cursor : pointer ;
    margin-top : 20px ;
}

.teamButton
{
    padding : 5px ;
}
.teamForm input[type=submit]:hover, .teamForm input[type=submit]:focus, .teamButton:hover, .teamButton:focus
{box-shadow : 0px 0px 5px #333 ;}

.teamForm input[type=submit]:active, .teamButton:focus
{box-shadow : 0px 0px 5px #CC0000 ;}

.teamForm legend, legend
{color :  #CC0000 ;
font-size : 14px ;
font-weight : bold ;
font-style : italic ;}

.teamMembreContent h3
{
    background : url(images/flecherouge.png) no-repeat 6px center whitesmoke;
    padding : 3px 20px ;
   cursor : pointer ;
}
.teamMembreContent h3:hover
{
   
    padding : 3px 25px ;
   cursor : pointer ;
}

.recitShown
{
    padding : 10px ;
    background : whitesmoke ;
    margin : 5px 0 ;
}

.flechetruc
{
/*bbbackground-image : url(images/flecherouge.png) no-repeat 5px center ;*/
}

.flechetructruc
{
/*bbbackground-image : url(images/flecherouge2.png) no-repeat 5px center whitesmoke;*/
}

/**************************Overflows***************************************/
#overflowShade
{
display : none ;
position : absolute;
top:-10px;

background:url(images/black80.png);
background:rgba(0, 0, 0, 0.8) ;
z-index:10000000;
width:100%;
height:130%;
}

#overflowTransp
{
display : none ;
position : fixed;
top:-10px;
_position : absolute;
z-index:10000000;
width:100%;
height:103%;
text-align:center ;
}

#overflowShade h1
{
padding : 3px 0 0 0  ;
margin : 0 ;
}
#closeOverflow, #close
{
text-decoration:none;
display:block;position : absolute;
z-index:10000000000000;
height:24px; width:84px;top:20px;right:13px;background:url(images/teamClose.png) no-repeat left top;
color : #666 ;
font-weight : bold ;
font-size : 12px ;
font-style:italic ;
line-height : 24px ;
padding : 0 0 0 5px ;
}


#overflow4{
display:  block ;
width : 980px ;
margin : 0px  auto ;
padding:10px;
color : #fff ;
position : relative ;
}

#overflow4 h1
{
    font-size : 21px ;
    line-height : 22px ;
    margin : 5px 0 0 160px ;
}

#overflow3 a{
color : #EFEEEF ;
}


#photothequeMenu
{
    position : absolute ;
    top : 40px ;
    left : 0 ;
    width : 160px ;
}

#photothequeMenu ul
{
   margin : 30px ;
padding : 0 ;
list-style-type : none ;
}

#photothequeMenu ul li
{
margin : 10px 0 0 0 ;
padding : 0 ;
}

#photothequeMenu ul li a
{
display : block ;
background : url(images/puteneg.png) 50% 50% #969696 ;
color : #fff ;
border-radius : 10px ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
-o-border-radius : 10px ;
-khtml-border-radius : 10px ;
padding : 5px 10px ;
font-weight : bold ;
}

#photothequeMenu ul li a:hover, #photothequeMenu ul li a:focus
{
color :#969696 ;
background : #F2F2F2 ;
}
.ad-gallery {
  width: 782px;
height : 670px;
background : url(images/carbon.png) repeat left top ;
border-radius : 15px ;
-moz-border-radius : 15px ;
-webkit-border-radius : 15px ;
-o-border-radius : 15px ;
-khtml-border-radius : 15px ;
border : 1px solid #999 ;
box-shadow : 0 0 20px #666;
 margin: 30px 0 0 160px;
padding : 15px ;
}

  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 520px;
    margin-bottom: 10px;
    position: relative;
   /*---overflow: hidden;*/
    margin-top : 15px ;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: none;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: none;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      /*--overflow: hidden;*/
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
        
      }
    .ad-image img {
    display : block ;
     box-shadow: 0 0 12px #000 ;
    -webkit-box-shadow : 0 0 12px #000 ;
        border : 1px solid #666 ;
        }
        
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        /*ppposition: absolute;*/
		text-align : center ;
        left: 0px;
        padding: 0px ;
        text-align: center;
        width: 100%;
        z-index: 2;
        /*---background: url(images/opa75.png);
        ----background : rgba(0 ,0,0 ,0.6);*/
        color: #fff;
        margin : 25px 0 0 0 ;
        font-size : 13px ;
        font-weight : bold ;
        line-height : 13px;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
    display : none ;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 782px;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 34px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 220px;
    top : 10px ;
      width: 32px;
      display: block;
      background: url(images/ad_scroll_back.png) no-repeat left top;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
    top : 10px ;
        left :552px ;
        width: 32px;
      background: url(images/ad_scroll_forward.png) no-repeat left top;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 782px;
    padding : 50px 0 0 0 ;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
        margin : 0 ;
        padding : 0 ;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
             box-shadow: 5px 5px 12px #000 ;
			 float: left;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            width : 90px ;height : 60px ;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

.Album img
{
    padding: 1px ;
    border : 1px solid silver ;
    margin : 0 3px 3px 0 ;
}
.asterisk
{
font-size : 11px ;
color : red ;
font-style : italic ;
}

.team_membre_fiche
{
font-size:13px;
clear:none ;
}