/*$Id: sf2a.css,v 1.6 2011/11/30 14:21:08 loz Exp loz $*/
body{
      background: #0b0b16 url(../images/fondbody01.jpg) top left repeat;
      /*background: #ffffff;*/
      color: #000000;
      font-size: 12px;
      font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
      line-height:1.666666666;
      }

/*  --------- structure  --------- */
.clearer{ clear: both; }

#wrapper {
           width: 960px;
           margin: 10px auto;
           background: #ffffff;
           min-height:100%;
           }

#mastheadindex{
                width: 960px;
                height: 137px;
                background: url(../images/masthead01.jpg) top left no-repeat;
                color: #ffffff;
                }

#mastheadindex p{
                  width:200px;
                  position:relative;
                  top:90px;
                  left:252px;
                  font-size:16px;
                  }

#mastheadpage{
               width: 960px;
               height: 107px;
               background: url(../images/masthead-page01.jpg) top left no-repeat;
               color: #ffffff; }

#mastheadpage p{ width:200px;
                 position:relative;
                 top:70px;
                 left:244px;
                 }

#adminmasthead{ background:#cdd8e0; height:48px;}

#adminmasthead h1{
                   width:700px;
                   float:right;
                   padding:10px;
                   }

#adminmasthead p{ 
                  padding: 20px 10px 10px 10px;
                  width:220px; 
                  float:left;}

a#adminlink{ margin:-14px 0 0 12px;display:block;width:60px;height:48px; background: url(../images/admin01.png) top left no-repeat;}

#content{ 
          width: 700px;
          background: transparent;
          float: left; 
          display: inline;
          margin-left: 20px;
          margin-right: 0px;  }

#mailcontent{padding:10px;height:300px}

#admin-content{padding:10px;}

.floatlt{ float: left; margin: 10px 10px 10px 10px }
.floatrt{ float: right; margin: 10px 0 10px 10px }
.float-rt{ float: right; margin: 0 0 10px 10px }
.spons{ height:90px; padding:0 10px }

div#csponsors{  border-top: 1px solid #cccccc; margin:0 10px;  }

div#html-instruct{ border: 1px solid #cccccc; margin:10px 10px 10px 20px; padding:5px;font-size:90% }
div#lt-list{float:left  }
div#rt-list{float:right;margin:0 220px 0 0}

/*-----------------------boxes-------------------------------------*/
.iconbox{ 
          width:223px;
          float: left; 
          margin:5px;
          }
.icon{ border:none; }

.threecol{ 
           background:#ffccff;
           width:223px;
           float: left; 
           margin: 0 5px;
           }

.fourcol{ 
          background:#ffccff;
          width:300px;
          float: left; 
          margin: 0 5px;
          }

.fivecol  {
            background:#ccccff;
            width:380px;
            float: left; 
            margin: 0 5px;
            }
.ninecol  {
            background:#ccccff;
            width:690px;
            float: left; 
            margin: 0 10px;
            }
/*--------------------------logos-----------------------------*/
.logo{
       display:block;
       float:left; 
       padding:10px;margin-right:20px; }

a#mesr-logo{ 
             background: url(../images/mesr-logo01.png) center center no-repeat;
             height:40px; width:49px;
             }

a#mesr-logo:hover{ background: url(../images/mesr-logo-hover01.png) center center no-repeat }


a#cnes-logo{ 
             background: url(../images/cnes-logo01.png) center center no-repeat;
             height:40px; width:133px;
             }

a#cnes-logo:hover{ background: url(../images/cnes-logo-hover01.png) center center no-repeat }

a#cea-logo{ 
            background: url(../images/cea-logo01.png) center center no-repeat;
            height:40px; width:40px;
            }

a#cea-logo:hover{ background: url(../images/cea-logo-hover01.png) center center no-repeat }


a#hp-logo{ 
           background: url(../images/hp-logo01.png) center center no-repeat;
           height:40px; width:61px; 
           }

a#hp-logo:hover{ background: url(../images/hp-logo-hover01.png) center center no-repeat}

a#amd-logo{ 
            background: url(../images/amd-logo01.png) center center no-repeat;
            height:40px; width:103px;
            }           

a#amd-logo:hover{ background: url(../images/amd-logo-hover01.png) center center no-repeat }

a#edp-logo{  
            background: url(../images/edp-logo01.png) center center no-repeat;
            height:40px; width:35px; 
            }

a#edp-logo:hover{ background: url(../images/edp-logo-hover01.png) center center no-repeat }

a#cnrs-logo{ 
             background: url(../images/cnrs-logo01.png) center center no-repeat; 
             height:40px; width:65px;
             }

a#cnrs-logo:hover{ background: url(../images/cnrs-logo-hover01.png) center center no-repeat }

a#insu-logo{
             background: url(../images/insu-logo01.png) center center no-repeat;
             height:40px; width:91px; 
             }

a#insu-logo:hover{ background: url(../images/insu-logo-hover01.png) center center no-repeat }

a#oca-logo{ 
            background: url(../images/oca-logo01.png) center center no-repeat;
            height:40px; width:141px;
            }

a#oca-logo:hover{ background: url(../images/oca-logo-hover01.png) center center no-repeat }

a#lagrange-logo{ 
                 background: url(../images/lagrange-logo01.png) center center no-repeat;
                 height:40px; width:63px;
                 }

a#lagrange-logo:hover{ background: url(../images/lagrange-logo-hover01.png) center center no-repeat }

a#geoazur-logo{
                background: url(../images/geoazur-logo01.png) center center no-repeat;
                height:40px; width:51px;
                }

a#geoazur-logo:hover{ background: url(../images/geoazur-logo-hover01.png) center center no-repeat }

a#alpesmaritimes-logo{
                       background: url(../images/alpesmaritimes-logo01.png) center center no-repeat;
                       height:40px; width:62px;
                       }

a#alpesmaritimes-logo:hover{ background: url(../images/alpesmaritimes-logo-hover01.png) center center no-repeat }

a#paca-logo{ 
             background: url(../images/paca-logo01.png) center center no-repeat;
             height:40px; width:100px;
             }

a#paca-logo:hover{ background: url(../images/paca-logo-hover01.png) center center no-repeat }
a#optivi-logo{ 
             background: url(../images/optiqueetvision-logo01.png) center center no-repeat;
             height:40px; width:100px;
             }

a#optivi-logo:hover{ background: url(../images/optiqueetvision-logo-hover01.png) center center no-repeat }


a#UNS-logo{
             background: url(../images/UNS-logo01.png) center center no-repeat;
             height:40px; width:67px;
             }

a#UNS-logo:hover{ background: url(../images/UNS-logo-hover01.png) center center no-repeat }

a#artemis-logo{
             background: url(../images/artemis-logo.png) center center no-repeat;
             height:45px; width:91px;
             }

a#artemis-logo:hover{ background: url(../images/artemis-logo-hover.png) center center no-repeat }

/*----------------------------------------------------------------------------------------*/
/*a#mdp-logo{ 
            display:block; height:70px; width:586px; 
            margin-right:5px; padding:5px;
            background: url(../images/mdp-logo.png) center center no-repeat }

a#mdp-logo:hover{ background: url(../images/mdp-logo-hover.png) center center no-repeat }

/*
a#iap-logo{ 
            background: url(../images/iap-logo.png) center center no-repeat;
            height:40px; width:270px; 
            margin-left: 0px; 
            }
a#iap-logo:hover{ background: url(../images/iap-logo-hover.png) center center no-repeat }
*/
/*
a#obspm-logo{  
              background: url(../images/obspm-logo.png) center center no-repeat;
              height:40px; width:81px;
              margin-right:0px; 
              
             }

a#obspm-logo:hover{ background: url(../images/obspm-logo-hover.png) center center no-repeat }
*/

/*
a#lesia-logo{ 
            display:block; height:70px; width:227px;float:right; 
            padding:10px 0; margin-right:82px;
            background: url(../images/lesia-logo.png) center center no-repeat }

a#lesia-logo:hover{ background: url(../images/lesia-logo-hover.png) center center no-repeat }
*/

/*------------ breadcrumb ------------------------*/
#topbar {  
          background: #f1e7d3 url(../images/bar_bg.png) top right repeat-x;
          margin:  0 0 1.0em 0;
          padding: 0.2em 0;
          }

#bottombar { background: #f1e7d3 url(../images/bar_bg.png) top right repeat-x;
             margin: 1.0em 0; 
             padding:0.2em 0; 
             border-top:1px dotted #9c9589; 
             border-bottom:1px dotted #9c9589;
             }

/*------------ site nav ------------------------*/

#navcontainer{
               background:transparent; 
               width: 220px;
               float: left; 
               display: inline;
               margin: 40px 0 0 10px; }

#navcontainer ul{ padding:0;}

#navcontainer ul li{
                     padding: 0.7em 0 0.3em 0; 
                     border-bottom: 1px solid #cccccc;
                     list-style-image:none;}

#navcontainer ul li a{
                       color: #000000;
                       text-decoration: none;
                       font-variant: small-caps;
                       padding:5px 0;}

#navcontainer ul li a:hover{ background: #69889a;
                             color: #ffffff;}

#navcontainer ul li a#current{
                               color: #313639;
                               text-decoration: none;
                               font-variant: small-caps;
                               font-weight: bold;}

#navcontainer ul li a#current:hover{ background: #69889a;
                                     color: #ffffff;}

/*------------- infonav---------------------------------*/
ul#infonav{  } 
ul#infonav li{list-style:none;display:inline }
ul#infonav li a{ } 

#toc{
      margin: 0 20px 10px 0;
      padding: 0;
      font: 11px Verdana, sans-serif;
      font-variant:small-caps;
      width: 100%;
      list-style-type: none;
      }

#navlist li{
             line-height:2.8em;
             margin: 0;
             padding: 0;
             width: auto;
             display: inline;
             }

#navlist li a, #navlist li a:link{
                                   border: 1px dotted #bfbfbf;
                                   background: #fff;
                                   color: #555;
                                   text-decoration: none;
                                   margin: 0 4px 20px 0px; 
                                   padding: 4px;
                                   display: inline;
                                   }

#navlist li a:hover{
                     color: #039;
                     border-bottom: 3px solid #6d8697;
                     cursor: pointer;
                     background: #fafafa;
                     }
div#gmap{ padding:10px; }
/*------------ footer --------------------------*/

#footer{ 
         padding: 10px 10px 20px 10px;
         border-top: 1px solid #666666; }

p#footlt, p#footrt {
                     font-family: Verdana, sans-serif; 
                     font-size:76%; 
                     padding:0 0 10px 0; }

p#footrt{float:right; }

p#footlt{float:left; }
/*------------------ typo ---------------*/
h1,h2,h3{ 
          font-family: Georgia,serif;
          font-weight: normal;
          letter-spacing: 0.06em;
          margin: 12px 0 4px 10px;
          }

h2#adminhead{ margin: 10px 0}
h2#workhead{ text-align: right;}
h1{
    text-align: right;
    font-size: 2.166em;
    margin:0 0 10px 0;  
    }

.nolang-head{ margin:10px 10px 4px 10px; }

h2{
    font-size: 1.444em;
    }

h3{
    font-size: 1.3em;
    margin: 10px 0 4px 10px;
    }

p{ padding: 5px 10px; }

p.error{ color:#ff0000;
         font-style:italic;
         font-size:120%;
         padding:4px 20px;
         margin:0 }

p.warning{ padding:20px 0px 10px 0px; font-style:italic; }
p.sessionp{ font-style:italic;  }

p#langlink{float:right;padding:0px 0px 0 0; }
p#langlink a{text-decoration:none;}

img{ padding:5px; border: 1px solid #cccccc }

img.langlogo{ padding:6px 10px 10px 0; border: none}

img#rss-icon{ padding:5px 0 5px 5px; border: none}

#googlemap{ 
            margin:10px;
            padding:5px;
            border: 1px solid #666666}

ul{ padding: 0 10px; }

ol{ list-style:lower-roman; padding: 5px 10px; }

ol li{ list-style-position:inside; }

ul li{ 
       list-style-position:inside;
       list-style-image: url(../images/list-bullet.png) }

li{ padding:5px 0; }
dl{ padding: 5px 10px; }
dt{ padding:5px 0; }
dd{ padding:0 10px; }

.emph{ font-style:italic; font-size:110%; }
p.formemph{font-style:italic;padding:0;margin:-10px 0 10px 10px; }
.smallemph{ font-style:italic; }
.bigemph{ font-weight:bold; font-size:120%; }
.red{ color:#ff0000; }
.redbold{ color:#ff0000;font-weight:bold; }

p.inscritp{ padding:10px 20px 10px 20px; }
p#carteinfo{font-weight:bold; font-size:110%;color:#ff0000;margin:0 0 0 94px; }

h3.abstitle{ background:#dcdad5; padding: 10px; margin: 0; }

.display{ border:1px solid #eeeeee; margin: 0 0 10px 10px; padding: 2px; }

p.abslink{ background:#eceae5; float:right; margin: 0 10px 0 0; padding:4px; }
p.abstype{ background:#eceae5; float:right; margin: 0 20px 0 0; padding:4px; }
p.absauth{ background:#eceae5; margin: 0; padding:4px 10px; }
p.authors{ font-style:italic; }
p.abstext{ margin:10px; }
.wcontrib{ border: 1px solid #dddddd;padding:5px;margin:5px 0 }
sub{font-size:9px;vertical-align:text-bottom }
sup{font-size:9px;vertical-align:super }

/*------------------------------------photo album-----------------------*/
a.albumlink{ font-size:34px; text-decoration: none; }

.nextPrevious{ text-align:center;background:#ffffff url(../images/photohead.png) center center no-repeat;color:#ffffff;padding-bottom:2px; }
.nextPrevious a{color:#ffffff;padding-bottom:10px;}
.nextPrevious a:hover{color:#ffdd11}
img.albumphoto{background:#ffffff; padding:10px; border: 1px solid #cccccc}

table#photoalbum{ margin:0;width:687px;line-height:1; }

td#photocell{ background:#c4c4c4; text-align:center;padding:10px 0 10px 0; }
/*------------------------------------inscription form-----------------------*/

.row {
       display: table-row;
       margin: 5px 0;
       }

.checkboxrow {
               margin: 6px 0;
               padding: 5px 4px 3px 5px;
               }

form { margin:10px;}

fieldset {
           background:#ffffff;
           margin: 10px;
           padding: 20px;
           border: 1px solid #beb6b2;
           }
legend {
         padding: 0 10px;
         background: #ffffff;
         color: #666666;
         font-size: 1.0em;
         font-variant: small-caps;
         }
label{ 
       display: table-cell;
       vertical-align: top;
       padding: 0 10px 0 0;
       margin-bottom: 10px;
       }

select{ margin:10px 0 }
label.wshoplabel{ margin:10px 0;padding:10px 10px 0 0 }
label.abslabel{ margin:10px 0;padding:12px 10px 0 0 }
label.ckbox {vertical-align:middle }

label.type-label{ 
                  font-variant: small-caps;
                  padding: 4px 0;
                  }

label.radio-label{ }

input:focus {
              background:none repeat scroll 0 0 #efefef;
              color:black;}
textarea:focus {
              background:none repeat scroll 0 0 #efefef;
              color:black;}

input.submitButton{width:auto; border: auto; padding: 4px;  }

input#image{  width: 293px;border:none;margin:10px 0 0 100px }

input.workshops{ width:600px }
input.workshop-code{ width:40px }
input.session{ width:200px }

input,textarea{
                display: table-cell;
                vertical-align: top;
                border: 1px solid #beb6b2;
                width: 400px; padding: 4px;
                margin-bottom: 10px;
                }

input.agendainput{width:160px;display:block  }

input#calc-button{width:auto; border: auto; padding: 4px;}

input#calc-input{width:auto; border: auto; padding: 4px; margin: 0 0 0 10px}

input.editpword{width:200px; margin-bottom:0;}

input.cbox{
            display:inline; 
            width: auto;
            height:auto;
            margin-bottom:0px;
            }

label.ckbox{display:inline; } 

textarea.abstract{ height: 300px; }

textarea.edit{ 
               width: 680px;
               height: 400px;}

/*-----------------tables---------------------------*/
hr {
     color:#ddd;
     background-color:#ddd;
     margin: 10px  }

table{
       width:97%;
       border-collapse:collapse;
       margin: 10px;
       }

table#browse-table{
                    margin:10px;
                    }

table.admin-table{width:60%}
table.admin-table p.subbutton(margin:10px;padding:0)
table#cboxtable{width:40%}
table#cboxtable td{ background:#efefef;}

table.acboxtable{width:40%;margin:0}
table.acboxtable td{ background:#efefef;}

table.boxtable{width:80%}
table.boxtable td{ background:#efefef;}

table#optiontable{width:20%}
table#optiontable td{ background:#efefef;}

table.optiontable01{width:40%;margin:6px 0 10px 0}
table.optiontable01 td{ background:#efefef;}

table.otable01{width:60%;margin: 0 0 10px 10px}
table.otable01 td{ background:#efefef;}

table.radiotable {width:20%;margin:6px 0 10px 0}
table.radiotable td{ background:#efefef;}

table.count{ width:60%; float:right; margin: 10px 0 0 10px; }
table.count th{ 
                border: 1px solid #dddddd;
                background:#efefef;
                color:#000000;
                font-variant:small-caps;
                font-weight:normal
                }
table.count td{ 
                border: 1px solid #dddddd;
                background:#ffffff; 
                }

table,th,td{
             border: 1px solid #ffffff;
             }

th{  
    background:#5f7a86;
    color:#ffffff;
    height:20px;
    text-align:left;
    padding:3px 7px 2px 7px;
    vertical-align:middle; 
    }

th a{color:#ffffff;}

td{
    background:#dddddd;
    text-align:left;
    padding:3px 7px 2px 7px;
    vertical-align:top;
    }

.opttable td {padding:6px 7px 0 7px;}
.opttable td.opt {width:20px}

table#agenda td{ }
table#agenda th{padding:6px; text-align:middle; }
table#agenda td.daytime{ vertical-align:middle; background:#eeeeee; background:#5f7a86; color:#ffffff;font-weight:bold; }

td.break{
          background:#7d8386;
          color:#ffffff;
          text-align:left;
          padding:3px 7px 2px 7px;
          vertical-align:middle;font-weight:bold}

td.pause{
          background:#bababa;
          text-align:left;
          padding:3px 7px 2px 7px;
          vertical-align:bottom;
          }
.italic{  font-style:italic; }
td.links{text-align:center; background:#cccccc;}

/*-----------------------tab nav-------------------------------------*/

#tabcontent{  
             margin:0 10px;
             background:#eceae5;
             color:#000000;
             padding:10px; 
             border-left: 1px solid #9e9a91; border-right: 1px solid #9e9a91; border-bottom: 1px solid #9e9a91;
             }


#tabnavlist{ 
             padding: 3px 0;
             margin: 10px 10px 0 10px;
             border-bottom: 1px solid #9e9a91;
             font: 12px Verdana, sans-serif;
             }


#tabnavlist li{ 
               
                padding:0;
                list-style: none;
                margin: 0;
                display: inline;
                }


#tabnavlist li a{
                  font-size:14px;
                  moz-border-top-right-radius: 10px;
                  border-top-right-radius: 10px;
                  moz-border-top-left-radius: 10px;
                  border-top-left-radius: 10px;
                  padding: 3px 0.5em;
                  margin-left: 2px;
                  border-top: 1px solid #fbfbfa;
                  border-right: 1px solid #bcbcbc;
                  border-left: 1px solid #bcbcbc;
                  border-bottom: none;
                  background: #b2b2b2; color: #000000;
                  text-decoration: none;
                  }
#tabnavlist li a.navend{ margin-left: 0px;}

#tabnavlist li a:link { color: #000000; }

#tabnavlist li a:visited { color: #000000; }

#tabnavlist li a:hover {  background: #fcfaf5; border-top: 1px solid #bcbcbc; }

#tabnavlist li a#current{
                          background: #eceae5; color: #000000;
                          border-bottom: 1px solid #eceae5; 
                          border-top: 1px solid #9e9a91; 
                          border-right: 1px solid #bcbcbc;
                          border-left: 1px solid #9e9a91;
                          }

fieldset.tabfield {
                    width:50%;
                    background:#fcfaf5;
                    margin: 0 0 10px 0;
                    padding: 10px;
                    border: 1px solid #beb6b2;
                    }

fieldset.tabfield legend { border: 1px solid #beb6b2;
                           padding: 5px;
                           background: #fcfaf5;
                           color: #666666;
                           font-size: 1.0em;
                           font-variant: small-caps;
                           }