/*$Id: sf2a.css,v 1.1 2011/02/01 15:47:22 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;
      }

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

#wrapper {
           width: 820px;
           margin: 10px auto;
           background: #ffffff;
           /*border: 1px solid #666666;*/ 
           }

#mastheadindex{
                width: 820px;
                height: 140px;
                background: url(../images/masthead.jpg) top left no-repeat; }


#mastheadpage{
                width: 820px;
                height: 94px;
                background: url(../images/masthead-page.jpg) top left no-repeat; }

#content{ 
          width: 604px;
          background: transparent;
          float: left; 
          display: inline;
          margin-left: 10px;
          margin-right: 10px;  }

#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}
/*--------------------------logos-----------------------------*/
a#iap-logo{ 
            display:block; height:70px; width:472px; 
            padding:10px; margin-left: 20px;
            background: url(../images/iap-logo.png) center center no-repeat }
a#iap-logo:hover{ background: url(../images/iap-logo-hover.png) center center no-repeat }

a#cnrs-logo{ 
            display:block; height:70px; width:113px; 
            padding:10px;
            background: url(../images/cnrs-logo.png) center center no-repeat }
a#cnrs-logo:hover{ background: url(../images/cnrs-logo-hover.png) center center no-repeat }

a#hp-logo{ 
           display:block; height:70px; width:105px;
           float:right; 
           margin-right:60px; padding:10px;
           background: url(../images/hp-logo.png) center center no-repeat }

a#hp-logo:hover{ background: url(../images/hp-logo-hover.png) center center no-repeat }
a#cnes-logo{ 
            display:block; height:70px; width:231px;float:right; 
            margin-right:30px; padding:10px;
            background: url(../images/cnes-logo.png) center center no-repeat }

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

a#mesr-logo{ 
            display:block; height:70px; width:80px;float:right; 
            margin-right:30px; padding:10px;
            background: url(../images/mesr-logo.png) center center no-repeat }

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

a#obspm-logo{ 
            display:block; height:70px; width:142px;float:right; 
            margin-right:26px; padding:10px;
            background: url(../images/obspm-logo.png) center center no-repeat }

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 }


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

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

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

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

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

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

a#insu-logo{ 
            display:block; height:70px; width:159px;float:right; 
            margin-right:8px; padding:10px;
            background: url(../images/insu-logo.png) center center no-repeat }

a#insu-logo:hover{ background: url(../images/insu-logo-hover.png) center center no-repeat }
a#mdp-logo{ 
            display:block; height:70px; width:586px; 
            margin-right:8px; padding:10px;
            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 }


/*------------ 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: 176px;
               float: left; 
               display: inline;
               margin: 32px 10px 10px 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-size:95%;
                       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-size: 95%;
                               font-variant: small-caps;
                               font-weight: bold;}

#navcontainer ul li a#current:hover{ background: #69889a;
                                     color: #ffffff;}
/*------------ 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;
    line-height: 1.154;
    margin-top:0;  
    }

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

h2{
    font-size: 1.444em;
    }

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



p{ 
   padding: 5px 10px; 
   line-height: 1.3em;
   }

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

p.warning{ padding:10px 0; font-style:italic; }
p.sessionp{ font-style:italic;  }
p#langlink{ float:right;padding:5px; }
p#langlink a{text-decoration:none;}
img{ padding:5px; border: 1px solid #cccccc }
img.logo{ padding:5px 0 5px 5px; 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; 
    line-height: 1.2em; 
    }

ol{ list-style:lower-roman; padding: 5px 10px; 
    line-height: 1.2em; }

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; 
    line-height: 1.2em;  }
dt{
    padding:5px 0; }
dd{ padding:0 10px; }

.emph{ font-style:italic; font-size:110%; }
.smallemph{ font-style:italic; }
.bigemph{ font-weight:bold; font-size:120%; }

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 }
.nextPrevious a{color:#ffffff}
.nextPrevious a:hover{color:#ffdd11}
img.albumphoto{background:#ffffff; padding:10px; border: 1px solid #cccccc}

table#photoalbum{ margin:0;width:602px; }

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

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

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

form { margin:10px}

fieldset { 
           margin: 0 0 10px 10px;
           padding: 10px;
           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;
       }

label.ckbox {vertical-align:middle }

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

input: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#calc-button{width:auto; border: auto; padding: 4px;   }

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

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


label.ckbox{display:inline; } 

textarea.abstract{ height: 200px; }

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

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

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


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

table#cboxtable{}
table#cboxtable td{ background:#efefef;}
table#optiontable{width:20%}
table#optiontable 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;
             line-height:1.3em;
             }

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;
    }



table#agenda td{line-height:1.6em;  }
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;}