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

Author : Emmanuel Riboulet-Deyris

Object : CSS variable 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: #fff;
	background-image: url(../img/tmp/accueil.bg-vl.2.jpg);
	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;
        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.4.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.4vl.jpg);
    }

#main-nav-left a.main-nav-4:hover {
        background-image: url(../img/tmp/accueil.nav-4-over.3vl.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 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-center {
        display:block;
        float:left;
        width:850px;
        background-image: url(../img/tmp/accueil.main-bg-vl.1.png);
	    background-repeat: repeat-y;
        padding:0;
        margin:0;
        border:0;  
    }

#main-left {
        display:block;
        float:left;
        width:20px;
        height:610px;
        margin:0;
        padding:0;
        border:0;
    }

#main-left img {
        margin:0;
        border:0;
        padding:0;
    }

#main-center-top {
        display:block;
        color:#FFFFFF;
        width:850px;
        height:20px;
        margin:0;
        padding:0;
        border:0;
    }

#main-center-top img {
        margin:0;
        border:0;
        padding:0;
    }

#main-center-top-retour {
        border:0;
        margin:0;
        padding:0 0px 10px 550px;
        font-size:18px;
        color: #794400;
        text-indent:20px;
}

#main-center-content {
        display:block;
       
        width:830px;
        min-height:550px;
        margin:0;
        padding:0;
        border:0;
        color: #515050;
    }

#main-right {
        display:block;
        float:left;
        width:50px;
        height:610px;
        margin:0;
        padding:0;
        border:0;
    }

#main-right img {
        margin:0;
        border:0;
        padding:0;
    }

#main-center-bottom {
        display:block;
        float:left;
        width:900px;
        height:90px;
        margin:0;
        padding:0;
        border:0;
    }

#main-center-bottom img {
        margin:0;
        border:0;
        padding:0;
    }

/* -- FOOT -- */

#foot-large {
        background-color:#c5c7c4;
        background-image: url(../img/tmp/accueil-foot-vl.1.png);
	background-repeat: repeat-x;
    }

#foot {
        display:block;
        overflow:hidden;
        width:900px;
        height:80px;
        margin:0 auto;
        padding:20px 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
        
    }