body {
background-image: url('../images/bg.gif');
}

/* Menu Haut
-------------------------------------------------------- */

#barrehaut
{
float: left;
background-color: #ACD34F;
}

#barrehaut ul { padding: 0; }
#barrehaut ul li { display: inline; }

#barrehaut ul
{
width: 749px;
margin: 0;
padding: 0 0 0 150px;
color: #FFFFFF;
font-family: verdana, geneva, tahoma, arial, helvetica, sans-serif;
font-size: .65em;
letter-spacing: 2px;
font-weight: bold;
border-bottom: 2px solid;
border-bottom-color: #7A9637;
border-top: 1px solid;
border-top-color: #FFFFFF;
border-left: 1px solid;
border-left-color: #FFFFFF;
}

#barrehaut ul li a
{
padding: 0.2em 12px;
background-color: #97B54F;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #ACD34F;
}

#barrehaut ul li a:hover
{
background-color: #7B9D25;
color: #FFFFFF;
}

#barrelist li a:hover, #barrelist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

/* Images
-------------------------------------------------------- */

div#orientation {
  float: left;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  width: 225px;
  height: 103px;
  padding: 0;
  margin: 0;
}
div#scolaire {
  float: right;
  background-image: url('../images/baniere-accueil.jpg');
  background-repeat: no-repeat;
  width: 503px;
  height: 103px;
  padding: 0;
  margin: 0;
}
div#separation {
  float: left;
  background-image: url('../images/SubMenu.gif');
  width: 900px;
  height: 32px;
  padding: 0;
  margin: 0;
}

/* MEP
-------------------------------------------------------- */
#header {
height: 155px;
background-color: #FFFFFF;
}
#conteneur {
position: relative;
width: 900px;
margin: 30px auto; 
background-color:#FFFFFF;
}
#centre {
left:0;
width: 900px;
height: 770px;
background-color:#FFFFFF;
}
#gauche {
position: absolute;
left:0;
width: 180px;
}
#publicite {
margin: 20px; 
}
#droite {
margin-left: 180px;
}
#pied {
height: 40px;
margin-left: 180px;
}
#footer {
text-align: right;
height: 20px;
padding-top: 5px;
padding-right: 40px;
background-image: url('../images/bg.gif');
}

/* Boites du contenu
-------------------------------------------------------- */
#hautg {
	float : left;
	width : 360px;
	text-align : left;
	margin-bottom: 15px;
}
#hautd {
	float : right;
	width : 360px;
	text-align : left;
	margin-bottom: 15px;
}
.block {
	float : left;
	width : 338px;
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	padding: 5px;
	margin-bottom: 15px;
}
.column {
	float : left;
	width : 138px;
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	padding: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}
.grand {
	float : left;
	width : 680px;
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	padding : 5px;
	margin-bottom : 15px; 
}
.encyclopedie {
	float : left;
	width : 318px;
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	padding : 5px;
	margin-bottom: 15px;
}
.blog {
	float : right;
	width : 318px;
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	padding : 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 30px;
}
/* Titre et texte
-------------------------------------------------------- */
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14 pts;
	font-style: normal;
	font-weight: normal;
	color: #C0C0C0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C0C0C0;
	margin-top: 3;
	margin-bottom: 3;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	display: inline;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	display: inline;
}
.resume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	display: inline;
}


/* Autre
-------------------------------------------------------- */

.Style2 {
font-style: normal;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
table.MsoTableGrid {
border:1.0pt solid windowtext;
font-size:10.0pt;
font-family:"Times New Roman"
}
table.cadre{background-color: #E0E0E0;}
tr.titre{background-color: #F5F5F5;}
td{font-size: 11px;font-family: Arial;}
td.titre{color: #FF9900;}
tr.cadre{background-color: #F5F5F5;}
td.cadre{color: #666666;}
table.MsoTableContemporary{
font-size:10.0pt;
font-family:"Times New Roman"}
.outer {word-wrap: break-word;}
div.Section1{page:Section1;}
.lnavch { margin-left:23.0ex;}.lnavch { }
.lsh { border-left: 1px solid #ffcc33;}
.mbody {margin-top:4px}

.fond {
	background-color: #ffffff;
	height: 50px;
	width: 900px;
	float: left;}


/* Menu de navigation
-------------------------------------------------------- */

ul#navlist
{
width: 158px;
\width: 160px;
w\idth: 158px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px arial,verdana,helvetica,sans-serif;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
width: 122px;
\width: 158px;
w\idth: 122px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #F4F4F4;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ACD34F;
color: #ffffff;
background: #97B54F;
font: bold 13px arial,verdana,helvetica,sans-serif;
}

/* Le menu du bas
-------------------------------------------------------- */

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menubas li {
float: left;
list-style: none;
}

.menubas a {
	float : left;
	width : auto;
	padding : 5px;
	margin-bottom : 2em; 
	margin-right : 1em; 
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
	font: bold 12px arial,verdana,helvetica,sans-serif;
	color: #666666;
	text-decoration: none;
}

.menubas a:hover {
border-color: #ACD34F;
color: #ffffff;
background: #97B54F;
font: bold 12px arial,verdana,helvetica,sans-serif;
}

.menubas a:active {
border-color: #ACD34F;
color: #ffffff;
background: #97B54F;
font: bold 12px arial,verdana,helvetica,sans-serif;
}

#listbas li
{
display: inline;
list-style-type: none;
font: 10px arial,verdana,helvetica,sans-serif;
color: #666666;
text-decoration: none;
}


/* Contenu
-------------------------------------------------------- */

.cadre {
	float : left;
	width : 150px;
	padding : 5px;
	margin-bottom : 1em;
	background-color:#f4f4f4;
	border: 1px solid #dfdfdf;
}

#wrapper {
	float : right;
	width : 690px;
	margin : 0;
	padding : 0;
	text-align : left;
}

#left {
	float : left;
	width : 370px;
	margin : 0;
	padding : 0;
	text-align : left;
}
#right {
	float : right;
	width : 320px;
	margin : 0;
	padding : 0;
	text-align : left;
}
.post {
	float : left;
	width : 348px;
	padding : 5px;
	margin-bottom : 2em; 
	background-color:#f4f4f4;
	border: 1px solid;
	border-color: #dfdfdf;
}
}
.ajout {
	float : left;
	width : 690px;
	padding : 5px;
	margin-bottom : 2em; 
}


/* Autre
-------------------------------------------------------- */
.texte {

	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.def {

	margin-top: 6;
	margin-bottom: 6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #666666;
}

.titre {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #97b54f;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #616161;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #616161;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}


.menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E5F5BE;
	font-weight: bold;
	text-decoration: none;
}
.menu a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e5f5be;
	text-decoration: none;
}


.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

BODY {
scrollbar-face-color: #dee3cf; 
scrollbar-shadow-color: #dee3cf;
scrollbar-highlight-color: #dee3cf;
scrollbar-3dlight-color: #778f3c; 
scrollbar-darkshadow-color: #778f3c; 
scrollbar-track-color: #adae63; 
scrollbar-arrow-color: #778f3c;

}



.Box {
	background-color:#ffffff;
	border: 1px solid #e0e0e0;
}