/*
-----------------------------------------------------
Site : wwww.cpge-brizeux.fr

Author : Emmanuel Riboulet-Deyris

Object : CSS full length shape for each default block level element
-----------------------------------------------------
*/

/* workaround : masquer les dotstyle border onclick de Firefox */

a{outline: none;}

body {
	margin: 0 0 0 0;
        padding: 0;
        border: 0;
	background-color: #dedcda;
	background-image: url(../img/tmp/accueil.bg.2.png);
	background-repeat: repeat-x;
        font-family: Helvetica, Arial, sans-serif;
}

a {
        border-style:dotted;
        border-width:0 0 1px 0;
        text-decoration:none;
}

/* -- MAIN -- */
#main {
        display:block;
        width:900px;
        height:885px;
        margin:0 auto;
        padding:0;
        border: 0;
        overflow:hidden;
    }

#main-nav {
        display:block;
        width:900px;
        height:205px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(/img/tmp/accueil.nav.41.jpg);
        background-position:right;
        background-repeat:no-repeat;
    }

#main-nav a {
        border:0;
        color:#aba092;
    }

#main-nav ul {
        display:block;
        float:left;
        margin:0;
        padding:0;
        border:0;
        color:#aba092;
    }

#main-nav-left {
        display:block;
        float:left;
        width:220px;
        height:205px;
        margin:0;
        padding:0;
    }

#main-nav-left a {
        display:block;
        float:left;
        margin:0;
        padding:0;
        border:0;
        width:220px;
    }

#main-nav-left a.main-nav-1 {
        height:65px;
        background-image: url(../img/tmp/accueil.nav-1.4.jpg);
    }

#main-nav-left a.main-nav-1:hover {
        background-image: url(../img/tmp/accueil.nav-1-over.3.jpg);
    }

#main-nav-left a.main-nav-2 {
        height:40px;
        background-image: url(../img/tmp/accueil.nav-2.4.jpg);
    }

#main-nav-left a.main-nav-2:hover {
        background-image: url(../img/tmp/accueil.nav-2-over.3.jpg);
    }

#main-nav-left a.main-nav-3 {
        height:40px;
        background-image: url(../img/tmp/accueil.nav-3.4.jpg);
    }

#main-nav-left a.main-nav-3:hover {
        background-image: url(../img/tmp/accueil.nav-3-over.3.jpg);
    }

#main-nav-left a.main-nav-4 {
        height:60px;
        background-image: url(../img/tmp/accueil.nav-4.4.jpg);
    }

#main-nav-left a.main-nav-4:hover {
        background-image: url(../img/tmp/accueil.nav-4-over.3.jpg);
    }


#main-nav-1-content ul {
        width:620px;
        height:150px;
        margin:35px 50px 20px 10px;
        list-style-position:inside;
        list-style:none;
    }

#main-nav-1-content li {
        padding:10px 10px 0px 10px;
        border-style:solid;
        border-width: 0 0 1px 0;
        font-size:14px;
    }

#main-nav-1-content li.even {
        text-align:right;
    }

#main-nav-1-content a {
        padding:0 10px 0 10px;
        margin:0 10px 0 0;
        text-transform:uppercase;
        font-weight:bold;
        border-style:solid;
        border-width:0 10px 0 0;
    }

#main-nav-2-content ul {
        width:620px;
        height:150px;
        margin:35px 50px 20px 10px;
        list-style-position:inside;
        list-style-image: url(../img/tmp/square.1.png);
    }

#main-nav-2-content li {
        width:260px;
        float:left;
        padding:5px 10px 5px 20px;
        text-transform:uppercase;
        font-weight:bold;
        letter-spacing:1px;
        font-size:14px;
    }

#main-nav-3-content ul {
        width:560px;
        height:50px;
        margin:35px 60px 15px 40px;
        list-style-position:inside;
        list-style-image: url(../img/tmp/square.1.png);
    }

#main-nav-3-content li {
        float:left;
        width:250px;
    }

#main-nav-3-content h1 {
        display:block;
        float:left;
        width:580px;
        margin:0 60px 0 20px;
        padding:0 10px 0 0;
        border-style:solid;
        border-width:1px 10px 0 0;
        text-transform:uppercase;
        font-size:20px;
        text-align:right;
        color:#aba092;
    }
#main-nav-3-content h2 {
        display:block;
        float:left;
        width:580px;
        margin:0 60px 0 20px;
        padding:0 10px 0 0;
        border-style:solid;
        border-width:1px 10px 0 0;
        text-transform:uppercase;
        font-size:16px;
        text-align:right;
        color:#aba092;
    }

#main-nav-3-content ul.classes {
        width:560px;
        height:50px;
        margin:0 60px 0 40px;
        list-style-position:inside;
        list-style:none;
        font-weight:bold;
    }

#main-nav-4-content ul {
        float:left;
        list-style-position:inside;
        list-style:none;
        font-size:20px;
        font-style:italic;
        letter-spacing:2px;
        border:0;
    }

#main-nav-4-content ul.left {
        width:285px;
        height:80px;
        padding:80px 20px 0 0;
        margin:25px 0 20px 10px;
        text-align:right;
        border-style:solid;
        border-width:0 5px 0 0;
    }

#main-nav-4-content ul.right {
        width:290px;
        height:150px;
        padding: 10px 0 0 20px;
        margin:25px 0 20px 0;
    }

#main-nav-4-content li {
        float:left;
        width:285px;
    }

#main-left {
        display:block;
        float:left;
        width:270px;
        height:680px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.left.3.png);
        background-repeat:no-repeat;
        background-position : bottom;
        overflow:hidden;
    }

#main-left a.forum {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.forum.4.jpg);
    }

#main-left a.seminaire {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.seminaire.4.jpg);
    }

#main-left a.pcsia {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.pcsia.4.jpg);
    }

#main-left a.pcsib {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.pcsib.4.jpg);
    }

#main-left a.psi {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.psi.4.jpg);
    }

#main-left a.pc {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.pc.4.jpg);
    }

#main-left a.ressources {
        display:block;
        float:left;
        width:270px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.ressources.4.jpg);
    }

#main-left-id {
       display:block;
       float:left;
       width:270px;
       height:250px;
       overflow:hidden;
    }

#main-left-id form {
       display:block;
       float:left;
       margin:0;
       padding:0;
       border:0;
       width:270px;
    }

#main-left-id ul.login {
       display:block;
       float:left;
       margin:20px 0 0 0;
       padding:0;
       border:0;
       width:270px;
       list-style:none;
       list-style-position:inside;
    }

#main-left-id li.text {
       display:block;
       float:left;
       width:180px;
       height:20px;
       color:#515050;
       font-variant:small-caps;
       font-weight:bold;
       font-size:14px;
       letter-spacing:2px;
       padding:0 0 0 10px;
       margin:0 40px 0 30px;
       border-style:solid;
       border-width:0 0 0 10px;
       text-align:right; 
   }

#main-left-id li.input {
       display:block;
       float:left;
       width:200px;
       height:20px;
       color:#515050;
       font-variant:small-caps;
       font-weight:bold;
       font-size:14px;
       letter-spacing:2px;
       padding:0;
       margin:0 40px 5px 30px;
       border-style:solid;
       border-width:0 0 1px 0;   
    }

#main-left-id li.submit {
       display:block;
       float:left;
       width:235px;
       height:20px;
       color:#515050;
       font-variant:small-caps;
       font-weight:bold;
       font-size:14px;
       letter-spacing:2px;
       padding:0;
       margin:0 35px 0 0;
       border:0;
       text-align:right; 
   }

#main-left-id input {
      display:block;
      float:left;
      height:20px;
      border:0;
      margin:0;
      padding:0;
      background-color:transparent;
      color:#515050;
      line-height:20px;
      font-size:12px;
      vertical-align:bottom;
    }

#main-left-id input.submit {
      float:right;
      border:0;
      margin:0;
      padding:0;
      color:#515050;
      font-size:14px;
      font-variant:small-caps;
      font-weight:bold;
      text-align:right;
      letter-spacing:2px;
      background-color:transparent;
    }

#main-left-id ul.more {
      display:block;
      float:left;
      margin:0;
      padding:20px 0 0 30px;
      border:0;
      width:240px;
      list-style:square;
      list-style-position:inside;
      color:#515050;
    }

#main-left-id a {
        border:0;
        color:#515050;
        font-size:14px;     
    }


#main-left-id h1 {
       display:block;
       float:left;
       width:210px;
       color:#515050;
       font-variant:small-caps;
       font-weight:bold;
       font-size:14px;
       letter-spacing:2px;
       padding:0 0 0 10px;
       margin:60px 10px 0 30px;
       border-style:solid;
       border-width:0 0 0 10px;
    }

#main-left-id p {
    display:block;
    float:left;
    width:210px;
    color:#515050;
    font-size:14px;
    padding:0;
    margin:10px 0 0 30px;
    line-height:20px;
    }

#main-center-top {
        display:block;
        float:left;
        width:630px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.main-center-top.2.png);
    }

#border {
        display:block;
        float:left;
        width:50px;
        height:560px;
        padding:0;
        margin:0;
        border:0;
    }

#main-center-bottom {
        display:block;
        float:left;
        width:630px;
        height:60px;
        margin:0;
        padding:0;
        border:0;
        background-image: url(../img/tmp/accueil.main-center-bottom.2.png);
    }

/* -- FOOT -- */
#foot {
        display:block;
        overflow:hidden;
        width:900px;
        height:80px;
        margin:0 auto;
        padding:40px 0 0 0;
        border: 0;
        color:#9b9792;
        font-size:12px;  
    }

#rule  {
       width:865px;
       height:0;
       padding:0;
       margin:0 25px 0 10px;
       color:#9b9792;
       border-style:solid;
       border-width:1px 0 0 0;
    }

#foot a {
        color:#9b9792;
}

#foot img {
        vertical-align:bottom;
}

#foot ul {
        display:block;
        float:left;
        width:365px;
        padding:0;
        margin:5px 0 0 10px;
        list-style:none;
   }

#foot li {
        padding:10px 0 0 0;
    }

#logo {
        display:block;
        float:left;
        width:505px;
        margin: 0 0 0 0;
    }

#logo img {
        float:right;
        border-style:solid;
        border-width:1px;
        border-color:#9b9792;
        padding:1px;
        margin:5px
        
    }