body, html, p, div, h1, h2, h3 { margin:0; padding:0; }

html { font-family:Trebuchet MS; font-size:12px; }
a, a:visited { text-decoration:none; }
a img { border:none; }
ul { list-style:none; }
ul li { display:inline; }

.separateur { 
    width:100%;
    background:url(../images/separateur.png) repeat-x;
    height:3px;
    margin:10px 0;
    clear:both;
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
}

#select_langue {
	margin-left: 40px;
}

/***
/* Menu_top
/***/
#menu_top {
    height:92px;
    width:970px;
    background-color:#9f1559;
    margin:0 0 5px 0;
}
#menu_top div { float:left; }
#menu_top img {
    height:87px;
}
#menu_top ul li {
    width:160px;
    height:72px;
    float:left;
    text-align:center;
    padding:20px 0 0 0;
}
#menu_top ul li a {
    font-weight:bold;
    font-size:19px;
    color:white;
    text-decoration:none;
}
#menu_top .color1 { background-color:#5d132f; }
#menu_top .color2 { background-color:#8f3b5a; }
#menu_top .color3 { background-color:#ab5474; }
#menu_top .color4 { background-color:#934260; }

/***
/* HOME
/***/
#container_home {
    width:974px;
    height:753px;
    margin:0 auto;
    background:url(../images/back_home.jpg);
    padding:0 25px 10px 25px;
}
#submenu_home .contacts {
    color:white;
}
#submenu_home .abonnement {
    color:#990066;
    font-size:13px;
    font-weight:bold;
}
#submenu_home .votre_avis img {
    margin:0 0 0 140px;
    vertical-align:top;
}
#submenu_home .espace_enseignants {
    margin:0 0 0 172px;
    background:#ffb506;
    font-size:11px;
    font-weight:bold;
    padding:2px 2px 2px 20px;
    color:black;
}

#content_home {
    margin:65px 0 0 0;
    overflow:auto;
}
#content_home div {
    float:left;
    width:320px;
    height:110px;
    text-align:center;
    font-weight:bold;
}
#content_home a { color:white; }
#content_home .title, #content_home .links, #content_home .avenir {
    width:160px;
}
#content_home .title {
    color:white;
    font-size:26px;
    letter-spacing:-1px;
    padding-top:40px;
    height:70px;
}
#content_home .links div {
    color:white;
    width:72px;
    height:48px;
    font-size:14px;
    padding:7px 4px 0 4px;
}
#content_home .avenir {
    padding-top:45px;
    height:65px;
}

#footer_home {
    clear:both;
    margin:120px 0 0 0;
}
.visitez img {
    float:left;
    margin-right:5px;
}
.visitez p {
    float:left; 
    font-size:19px;
    letter-spacing:-1px;
    color:#990066;
    width:75px;
}
#footer_home .menu_footer {
    margin:0 0 0 755px;
}
#footer_home .menu_footer ul li {
    display:block;
    margin-top:2px;
    padding:2px;
    width:160px;
    text-align:center;
    background-color:#cccccc;
}
#footer_home .menu_footer ul li a {
    color:black;
    text-transform:uppercase;
    font-size:11px;
}

/***
/* CONTENU
/***/
#global {
    width:970px;
    margin:0 auto;
    padding:0;
}
#container {
    width:100%;
    padding:0;
}
#menu_sub ul li {
    padding:2px 15px;
    margin:0 -1px;
    font-weight:bold;
    color:white;
    text-transform:uppercase;
}
#menu_sub a {
    color:white;
}
#menu_sub .enseignants {
    margin:0 0 0 100px;
    background:#ffb506;
    font-size:11px;
    font-weight:bold;
    padding:2px 2px 2px 40px;
}
#menu_sub .enseignants a {
    color:black;
}

#submenu {
    margin-left:40px;
}
#submenu .contacts {
    color:white;
}
#submenu .abonnement {
    color:#feb30d;
    font-size:13px;
    font-weight:bold;
}

#content {
    overflow:auto;
    margin:18px 0 0 0;
}

#menu-left {
    width:175px;
    margin:0 0 0 20px;
}
#menu-left ul li {
    width:100%;
    display:block;
    padding:10px 10px;
    text-align:right;
    background-color:#99536d;
}
#menu-left .selected {
    background-color:#84495f;
}
#menu-left ul li a {
    color:white;
    font-size:14px;
}
#menu-left .lettrine {
    margin:-12px 0 0 -20px;
}

#content-center {
    float:left;
    width:720px;
    padding-top:15px;
}
#content-center h1 {
    color:white;
    text-transform:uppercase;
    font-size:22px;
}
#content-center h1 img {
    vertical-align:middle;
    position:relative;
    top:-15px;
}
#content-center .center {
    background:#faeef4;
    width:466px;
    padding:25px 15px 180px 15px;
    float:left;
}
#content-center h3 {
    color:#9f1559;
    font-size:15px;
    margin:10px 0;
}
#content-center .adresse {
    color:#9f1559;
    font-size:12px;
}
#content-center .centree {
    text-align:center;
    width:100%;
    margin:10px 0;
}
#content-center ul li {
    display:block;
    margin:5px 0 5px -40px;
}
#content-center ul li span {
    display:block;
}
#content-center .titre {
    font-style:italic;
    font-size:13px;
    color:#4d4b4c;
}
#content-center .auteur {
    color:#929090;
    font-size:12px;
}

/* Right */
#content-center .right {
    background:white;
    width:200px;
    float:left;
    margin-left:10px;
}
#content-center .right h2 {
    border-bottom:1px dotted #9f1559;
    color:#9f1559;
    font-size:16px;
    margin:10px 0;
}  
#content-center .right h4 {
    color:#9f1559;
    font-size:14px;
}  
#content-center .right strong {
    font-size:14px;
}  
#content-center .right p {
    font-size:11px;
    color:#707070;
}
#content-center .right .link {
    margin:5px 0 5px 100px;
    color:#9f1559;
}
#content-center .center h2 {
    color:#9f1559;
    font-size:20px;
    font-style:italic;
}
#content-center .center h1 {
    color:#363333;
    font-size:27px;
    margin:10px 0 20px 0;
    text-transform:none;
}
#content-center .center p {
    text-align:justify;
}
#content-center .center .link {
    float:right;
    color:#9f1559;
}
#content-center .center .extrait {
    display:block;
    font-style:italic;
    color:#707070;
}
#content-center .titre {
    font-style:italic;
    font-size:13px;
    color:#4d4b4c;
}
#content-center .auteur {
    color:#929090;
    font-size:12px;
}
#content-center .center .chapitres {
    list-style-image: url(../images/fleche_purple.png);
}
#content-center .center .chapitres li {
    font-size:16px;
    color:#9f1559;
    font-style:italic;
    font-weight:bold;
}
#content-center .center .souschapitres li {
    font-size:14px;
    color:#707070;
    font-style:normal;
    font-weight:normal;
    margin-left:0;
}
#content-center .center h1 {
    color:#363333;
    font-size:27px;
    margin:10px 0 20px 0;
    text-transform:none;
}

/* Ouvrages */
#select_ouvrage {
    width:210px;
}
#content-center .center .ouvrage {
    margin:20px 0;
}
#content-center .center .ouvrage img {
    float:left;
    margin:0 15px 10px 0;
}
#content-center .center .ouvrage .auteur {
    color:#a21557;
    text-decoration:underline;
}
#content-center .center .ouvrage p {
    margin:10px 0;
    color:#000000;
}
#content-center .center .ouvrage strong {
    color:#a21557;
}

#content-center #bibliographie .auteur {
    display:block;
    margin:15px 0 0 0;
    font-size:14px;
    color:#a82566;
}
#content-center #bibliographie .reference {
    text-decoration:underline;
}

#content-center .site {
    display:block;
    color:#9f1559;
    font-size:12px;
}

/* Menu ouvrage */
#content-center #content-menu ul, 
#content-center #content-menu img,
#content-center #content-menu .references {
    float:left;
    margin:20px 10px;
}
#content-center #content-menu .references {
    margin-top:120px;
    color:#828181;
    font-size:11px;
}
#content-center #content-menu ul {
    margin-left:40px;
    padding:0;
    overflow:visible;
}
#content-center #content-menu ul li {
    background:url(../images/fleche.png) no-repeat right;
    text-align:right;
    width:200px;
}
#content-center #content-menu ul li a{
    margin-right:15px;
    color:#363333;
}
#content-center #content-menu ul .selected {
    color:black;
    font-weight:bold;
    font-size:16px;
    background:url(../images/fleche_black.png) no-repeat right;
}
#content-center #content-menu ul li a:hover{
    text-decoration:underline;
}

/* Formulaire */
#content-center .formulaire {
    font-size:11px;
    font-weight:bold;
    color:#666666;
}
#content-center .formulaire h1 {
    color:#9f1559;
    font-size:15px;
    text-transform:uppercase;
    margin:15px 0;
}
#content-center .formulaire h2 {
    color:#9f1559;
    font-size:15px;
    font-style:normal;
    margin:15px 0;
}
#content-center .formulaire input {
    margin:3px 0;
}
#content-center .formulaire label {
    margin:3px 2px;
}
#content-center .formulaire .decale {
    margin-left:2px;
}
#content-center .formulaire .adresse_puf {
    font-size:12px;
}
#content-center .formulaire p {
    margin:10px 0;
}
#content-center .formulaire .info {
    margin:-15px 0 20px 0;
    font-weight:normal;
    font-style:italic;
}

/* Footer */
#footer {
    width:100%;
    height:20px;
    clear:both;
}
.visitez {
    position:absolute;
	margin-top: -30px;
	margin-left:810px;
}

.visitez_in {
    position:absolute;
	margin-top: 10px;
	margin-left:810px;
}

/***
/* RUBRIQUES
/***/
.economie { background-color:#cc1874; }
.philo    { background-color:#2abdee; }
.histoire { background-color:#adbc09; }
.psycho   { background-color:#e38c0b; }
.socio    { background-color:#a82566; }
.droit    { background-color:#0072b6; }
.lettres  { background-color:#6f223d; }
.geo      { background-color:#9c9a00; }
.langue   { background-color:#cd1c25; }

.economie .color1 { background-color:#d95297; }
.economie .color2 { background-color:#e074ab; }
.philo .color1 { background-color:#4ac7f1; }
.philo .color2 { background-color:#7dd6f4; }
.histoire .color1 { background-color:#d6d633; }
.histoire .color2 { background-color:#e3e372; }
.psycho .color1 { background-color:#e79d2f; }
.psycho .color2 { background-color:#eeba6c; }
.socio .color1 { background-color:#b5457d; }
.socio .color2 { background-color:#ca7ca2; }

.lettres .color1 { background-color:#824057; }
.lettres .color2 { background-color:#a77989; }

.geo .color1 { background-color:#A8A622; }
.geo .color2 { background-color:#C2C164; }

.droit .color1 { background-color:#2284BF; }
.droit .color2 { background-color:#64A8D1; }

.langue .color1 { background-color:#D23A41; }
.langue .color2 { background-color:#DF757A; }

.droit .avenir { background-color:#4095c8; color:#86bcdc; }
.lettres .avenir { background-color:#945a6e; color:#caadb7; }
.geo .avenir { background-color:#b5b33f; color:#dad99f; }
.langue .avenir { background-color:#d9555b; color:#ecaaad; }