/* CSS Document */

/*===================================================================
site : site de Clemenceau
Version : 1.0
Date : Octobre 2006
===================================================================*/

body {
font-family:Century Gothic, sans-serif;
}

 /*==================================================================
 
                            Mise en page générale

===================================================================*/

#conteneur {
width:800px;
min-height:600px;
margin:auto;
background-color:#FFFFFF;
}

#accueilbleu{
width:139px;
height:125px;
background-image:url(images/accueil.gif);
background-repeat:no-repeat;
float:left;
}

#lien a{
position: absolute;
width:139px;
height:125px;
display: block;
background-color: transparent;
}

#accueil2bleu{
width:30px;
height:125px;
background-image:url(images/accueil2.gif);
background-repeat:no-repeat;
float:left;
}

#bandeaubleu {
width:621px;
height:45px;
background-image:url(images/bandeau.jpg);
background-repeat:no-repeat;
float:left;
padding-left:10px;
padding-top:80px;
text-transform:uppercase;
color: #FFFFFF;
font-weight:bold;
font-size:36px;
}

#contenubleu{
background-color:#605F98;
float:left;
width: 800px;
min-height: 452px;
}

#menu_gauche{
position: absolute;
width: 130px;
padding-top: 45px;
}

#fondmenujaune{
width:800px;
height:20px;
background-image:url(images/viedanslycee_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#EAEC2F;
}

#fondmenuvert{
width:799px;
height:20px;
background-image:url(images/association_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#34B837;
margin-top: -1px;
color:#FFFFFF;
}

#fondmenubleu{
width:799px;
height:20px;
float: left;
background-color:#605F98;
margin-top: -1px;
color:#FFFFFF;
}

#fondmenuviolet{
width:799px;
height:20px;
background-image:url(images/international_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#6C2281;
margin-top: -1px;
color:#FFFFFF;
}

#fondmenurose{
width:799px;
height:20px;
background-image:url(images/initiativepeda_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#D129CA;
margin-top: -1px;
color:#FFFFFF;
}

#fondmenuorange{
width:799px;
height:20px;
background-image:url(images/enseignement_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#DD9930;
margin-top: -1px;
color:#000000;
}

#fondmenuvertfonce{
width:799px;
height:20px;
background-image:url(images/presentationlycee_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#255C2E;
margin-top: -1px;
color:#ffffff;
}

#fondmenurouge{
width:799px;
height:20px;
background-image:url(images/liens_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#BD3939;
margin-top: -1px;
color:#ffffff;
}

#fondmenubleufonce{
width:799px;
height:20px;
background-image:url(images/calendrier_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#403D7C;
margin-top: -1px;
color:#FFFFFF;
}

#fondmenumarron{
width:800px;
height:20px;
background-image:url(images/artsetculture_04.gif);
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#6E371C;
color:#FFFFFF;
}

#contenu_texte{
background-color:#FFFFFF;
width:650px;
background-image:url(images/cercle_bis.gif);
background-repeat:no-repeat;
background-position:bottom right;
float:left;
min-height: 452px;
text-align: justify;
font-size: 0.8em;
padding-bottom: 50px;
padding-left:10px;
margin-left: 140px;
margin-top: 0px;
}

.contenu{
text-align: justify;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 640px;
float:left;
}

#titre_page{
background-color:#FFFFFF;
width: 660px;
height:50px;
float:left;
background-image:url(images/arrondi.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:uppercase;
text-align: right;
font-size: 1.5em;
color: #605F98;
margin-left: 140px;
margin-top: 0px;
padding-top:22px;
}

#menu_haut{
float: left;
margin-left: 170px;
width: 630px;
font-size: 0.7em;
margin-top: 2px;
}

 /*==================================================================
 
                            Espace prof

===================================================================*/

#accueilvert{
width:138px;
height:125px;
background-image:url(images/ESpaceprof_01.gif);
background-repeat:no-repeat;
float:left;
}

#accueil2vert{
width:30px;
height:125px;
background-image:url(images/ESpaceprof_02.jpg);
background-repeat:no-repeat;
float:left;
}

#bandeauvert {
width:621px;
height:45px;
background-image:url(images/ESpaceprof_03.jpg);
background-repeat:no-repeat;
float:left;
padding-left:10px;
padding-top:80px;
text-transform:uppercase;
color: #FFFFFF;
font-weight:bold;
font-size:36px;
}

#contenuvert{
background-color:#255312;
float:left;
width: 800px;
min-height: 452px;
}

#titre_page_vert{
background-color:#FFFFFF;
width: 660px;
height:50px;
float:left;
background-image:url(images/ESpaceprof_04.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:uppercase;
text-align: right;
font-size: 1.5em;
color: #605F98;
margin-left: 140px;
margin-top: 0px;
padding-top:22px;
}

#fondmenuprof{
width:800px;
height:20px;
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#255312;
color:#ffffff;
}

#contenu_texte_vert{
background-color:#FFFFFF;
width:650px;
background-image:url(images/ESpaceprof_07.gif);
background-repeat:no-repeat;
background-position:bottom right;
float:left;
min-height: 452px;
text-align: justify;
font-size: 0.8em;
padding-bottom: 50px;
padding-left:10px;
margin-left: 140px;
margin-top: 0px;
}

 /*==================================================================
 
                            Actu

===================================================================*/

#accueilrouge{
width:139px;
height:125px;
background-image:url(images/souspageACTU_01.gif);
background-repeat:no-repeat;
float:left;
}

#accueil2rouge{
width:26px;
height:125px;
background-image:url(images/souspageACTU_02.jpg);
background-repeat:no-repeat;
float:left;
}

#bandeaurouge {
width:621px;
height:45px;
background-image:url(images/souspageACTU_03.jpg);
background-repeat:no-repeat;
float:left;
padding-left:10px;
padding-top:80px;
text-transform:uppercase;
color: #FFFFFF;
font-weight:bold;
font-size:36px;
}

#contenurouge{
background-color:#911B3D;
float:left;
width: 800px;
min-height: 452px;
}

#titre_page_rouge{
background-color:#FFFFFF;
width: 660px;
height:50px;
float:left;
background-image:url(images/souspageACTU_04.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:uppercase;
text-align: right;
font-size: 1.5em;
color: #605F98;
margin-left: 140px;
margin-top: 0px;
padding-top:22px;
}

#fondmenuactu{
width:796px;
height:20px;
background-position:left;
background-repeat: no-repeat;
float: left;
background-color:#911B3D;
color:#FFFFFF;
}

#contenu_texte_rouge{
background-color:#FFFFFF;
width:650px;
background-image:url(images/souspageACTU_07.gif);
background-repeat:no-repeat;
background-position:bottom right;
float:left;
min-height: 452px;
text-align: justify;
font-size: 0.8em;
padding-bottom: 50px;
padding-left:10px;
margin-left: 140px;
margin-top: 0px;
}

 /*==================================================================
 
                            Navigation

===================================================================*/

a.menu2blanc{
text-decoration: none;
color:#FFFFFF;
}

a.pageactuelle2blanc{
text-decoration:underline;
color:#FFFFFF;
}

a.menu2noir{
text-decoration: none;
color:#000000;
}

a.pageactuelle2noir{
text-decoration:underline;
color:#000000;
}

a.menu3rose{
text-decoration: none;
color:#EFCAD4;
font-size: 0.75em;
}

a.pageactuelle3blanc{
text-decoration:none;
color:#FFFFFF;
font-size: 0.75em;
}

a.haut_page {
float:right;
text-decoration:underline;
margin-top:10px;
margin-bottom:10px;
}

a.retour_page {
float:right;
text-decoration:underline;
margin-top:10px;
margin-bottom:10px;
}

.maj {
float:right;
font-style:italic;
}

 /*==================================================================
 
                            Texte

===================================================================*/

.titre3vert {
color:#34B837;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}

.titre3vertfonce {
color:#255C2E;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}

.titre3bleufonce {
color:#403D7C;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3marron {
color:#6E371C;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3jaune {
color:#EAEC2F;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3orange {
color:#DD9030;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3rouge {
color:#BD3939;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3rose {
color:#D129CA;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3bleu{
color:#605F98;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}
.titre3violet {
color:#6C2281;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left: 25px;
margin-bottom : 0px;
}

.titre4bleu {
font-size:16px;
color:#605F98;
font-weight:bold;
text-align:left;
margin-left:10px;
}

.titre4rouge {
font-size:16px;
color:#911B3D;
font-weight:bold;
text-align:left;
margin-left:10px;
}

.titre4vert {
font-size:16px;
color:#255312;
font-weight:bold;
text-align:left;
margin-left:10px;
}

.titre5 {
font-size:14px;
text-align:left;
font-weight:bold;
margin-left:5px;
}

.cpge {
font-size:11px;
text-align:left;
font-weight:bold;
color:#009900;
}

.lycee {
font-size:11px;
text-align:left;
font-weight:bold;
color:#993366;
}

.deux {
font-size:11px;
text-align:left;
font-weight:bold;
color:#003399;
}

/*************************************
		Menu gauche
*************************************/

ul{
	list-style-image: none;
	list-style: none;
	margin-left: -20px;
	width: 110px;
	margin-top: 10px;
	position:absolute;
}

li{
font-size: 0.8em;
}

li a{
text-decoration: none;
color: #EFCAD4;
}

li a:hover{
text-decoration: none;
color: #EFCAD4;
}