body {
	background-color: #FFFFFF;
	scrollbar-face-color: #C3C7DF;
	scrollbar-highlight-color: #8790B7;
	scrollbar-shadow-color: #8790B7;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #E7E9F2;
	scrollbar-darkshadow-color: #C3C7DF;
	font: 12px Arial, Geneva, sans-serif;
	margin:5px 0 0 0;
	padding:0;
	text-align:center;
	}
	
#conteneur {
position: relative; /* on positionne le conteneur */ 
margin: 0 auto; 
width: 760px; 
text-align: left; 
}

#header {
position: relative;
width:760px;
height:120px;
}

#barre_menu {
position: absolute;
width:760px;
height:27px;
margin:5px 0;
background-color:#0f207f;
}

#main {
margin-top:40px;
position: relative;
width:760px;
}

#footer {
position: relative;
clear:both;
margin-top:10px;
width:760px;
}

#clear {
clear:both;
}

p {
text-align:justify;
}


a {
	font-family: Arial, Geneva, sans-serif;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	color: #0F207F;
	}
a:hover { background-color: #0F207F; color: #FFFFFF; }

h3 {
	display:block;
	background-color:#70BD1F;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	text-indent: 2px;
	border:1px solid #385E0F;
	font-size:11px;
	}


.article { font-family: Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-align: justify;}
.article a {
	font-family: Arial, Geneva, sans-serif;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #0F207F;
	}
.article a:hover { background-color: #0F207F; color: #FFFFFF; }
.article2  { color: #000000; font-size: 12px; font-family: Arial, Geneva, sans-serif; font-style: normal; font-weight: normal; line-height: 1.3; text-align: justify; }
.article2 a  { color: #0f207f; font-size: 12px; font-family: Arial, Geneva, sans-serif; font-style: normal; font-weight: normal; line-height: 1.3; text-decoration: none; text-align: left; }
.article2 a:hover { background-color: #0F207F; color: #FFFFFF; }

/* MENU COLONNE GAUCHE */

#colonne_gauche {
margin:0;
padding:0;
}


#colonne_gauche #menu {
	width:150px;
	margin:0;
	padding:0;
}
#colonne_gauche #menu ul, #colonne_gauche #menu li {
list-style: none;
margin: 0;
padding: 0;
}
#colonne_gauche #menu li {
margin-bottom:2px;
}
#colonne_gauche #menu li.espace {
margin-bottom:8px;
padding:0;
}
#colonne_gauche #menu li a {
	text-decoration: none;
	background-color:#F0F8E8;
	font-size: 11px;
	font-weight: bold;
	color: #0F207F;
	text-decoration: none;
	padding:2px 0;
	display: block;
	text-indent: 2px;
	border:1px solid #70BD1F;
} 

#colonne_gauche #menu li a:hover {
	background-color: #0F207F;
	color: #FFFFFF;
	}
	
#colonne_gauche #arrascommunaute {
	font-size:10px;
	background-color:#FFF3E5;
	border-bottom:1px solid #0F207F;
}

#colonne_gauche #phototheque {
	font-size:10px;
	background-color:#E7E8F2;
	border-bottom:1px solid #0F207F;
}



	



/* BREVES */

#breve {
color: #000000;
font: 12px Arial, Geneva, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1em;
text-align: justify;
margin-bottom:10px;
}

#breve a {
font-weight:bold;
}

#breve #intro {
font-size:10px;
color:#000000;
}




.intro { font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #0F207F; text-align: justify;}
.intro2 { font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #0F207F; text-align: justify;}
.titre1 { font-family: Arial, Geneva, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; text-align: left;}
.titre2 { font-family: Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-align: left;}
.titre3 { font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #000000; text-align: left;}
.legende1 { font-family: Arial, Geneva, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #0F207F; text-align: left;}
.legende2 { font-family: Arial, Geneva, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #666666; text-align: left;}

td.page {
color: #000000;
font: 12px Arial, Geneva, sans-serif;
line-height: 1.3;
text-align: justify; 
}

td.page a {
	color: #0f207f;
	font: 12px Arial, Geneva, sans-serif;
	line-height: 1.3;
	text-decoration: none;
	
	}
td.page a:hover { background-color: #E4EBF6; color: #0f207f; }

.puce{
	padding:0 5px 0 0;
	}
img.photo_gauche {
	margin: 3px 10px 10px 0;
	}
	
img.photo_droite {
	margin: 3px 0 10px 10px;
	}

.sujet {
	height: 14px;
	background-color:#FFF3E5;
	font-family: Arial, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FF8700;
	text-decoration: none;
	display: block;
	border:1px solid #FF8700;
	}

.rubrique80a {
	width: 80px;
	background-color:#F0F8E8;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0F207F;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-indent: 2px;
	border:1px solid #70BD1F;
	}
.rubrique80a a {
	width: 78 px;
	display: block;
	background-color: transparent;
	color: #0F207F;
	text-decoration: none;
	}
.rubrique80a a:hover {
	display: block;
	background-color: #0F207F;
	color: #FFFFFF;
	}
.rubrique150a {
	width: 150px;
	background-color:#F0F8E8;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0F207F;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-indent: 2px;
	border:1px solid #70BD1F;
	}
.rubrique150a a {
	width: 148 px;
	display: block;
	background-color: transparent;
	color: #0F207F;
	text-decoration: none;
	}
.rubrique150a a:hover {
	display: block;
	background-color: #0F207F;
	color: #FFFFFF;
	}
.rubrique150c {
	width: 150px;
	background-color:#70BD1F;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-indent: 2px;
	border:1px solid #385E0F;
	}
.rubrique200a {
	width: 198px;
	background-color:#F0F8E8;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0F207F;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	padding-left:2px;
	border:1px solid #70BD1F;
	}
.rubrique200a a {
	width: 196px;
	display: block;
	background-color: transparent;
	color: #0F207F;
	text-decoration: none;
	}
.rubrique200a a:hover {
	display: block;
	background-color: #0F207F;
	color: #FFFFFF;
	}
.rubrique200b {
	width: 200px;
	background-color:#FFE7CC;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #0F207F;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-indent: 2px;
	border:1px solid #FF8700;
	}
.rubrique200c {
	width: 200px;
	background-color:#70BD1F;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	text-indent: 2px;
	border:1px solid #385E0F;
	}
.lire a {
	font-family: Arial, Geneva, sans-serif;
	font-size: 9px;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FF8700;
	}
.lire a:hover {
	background-color: #FF8700;
	color: #FFFFFF;
	}

.ephemeride {  font-family: Arial, Geneva, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-align: left; }
a.ephemeride:active { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; }
a.ephemeride:link { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; }
a.ephemeride:visited { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; }
a.ephemeride:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; background-color: #FF8700;}

.agenda {  font-family: Arial, Geneva, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-align: justify; }
a.agenda:active { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; }
a.agenda:link { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; }
a.agenda:visited { color: #0F207F; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; }
a.agenda:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; ; font-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; background-color: #0F207F;}

.date1 { font-family: Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000}
.date2 { font-family: Arial, Geneva, sans-serif; font-size: 16px; font-style: normal; font-weight: 900; color: #000000}

#menubar {
	position:relative;
	width:760px;
	height:20px;
	background-color:#FFFFFF;
}
.menu .options {
	position:relative;
	border:1px solid #0F207F;
	background-color:#FFFFFF;
}
.menu a {
	color: #000000;
	display: block;
	width: 123px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration:none;
	background-color:transparent;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.menu a:hover {
	background-color:#FFE7CC;
}

.formtxt1 {
	background-color: #FFFFFF;
	height: 17px;
	width: 160px;
	border: 1px solid #000000;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-indent: 1px;
	padding-top: 2px;
	color: #000000;
	text-decoration: none;
	}
.formtxt2 {
	background-color: #FFFFFF;
	height: 150px;
	width: 400px;
	border: 1px solid #000000;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-indent: 1px;
	padding-top: 3px;
	color: #000000;
	text-decoration: none;
	overflow: auto;
	}
.formselect {
	background-color: #FFFFFF;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-indent: 1px;
	padding-top: 2px;
	color: #000000;
	text-decoration: none;
	}
.formfile{
	background-color: #FFFFFF;
	height: 20px;
	border: 1px solid #000000;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-indent: 1px;
	padding-top: 3px;
	color: #000000;
	text-decoration: none;
}
.formsubmit{
	height: 20px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor: hand;
	}
.formbutton{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor: hand;
	}
	
td.formulaire {
padding : 10px 3px 10px 0;
margin :0 ;
text-align:justify;
font :11px Arial, Geneva, sans-serif; 
color :#000000 ;
}

td.titre { 
background-color:#b7de8f;
padding:2px;
}

/* -------------------- Admin -------------------- */
table.admin {
	margin: 0 0 16px 0;
	width: 590px;
	padding:0px;
	border-spacing:0px;
	font: 10px/13px Arial, Helvetica, sans-serif;
	}
td.admin_titre {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: black;
	background: #E2F2D2;
	text-align:left;
	}
td.admin {
	padding :5px;
	margin :0 ;
	font :10px Arial, Helvetica, sans-serif;
	color :#000000 ;
	}
td.admin_infos {
	padding : 0 5px 5px 5px;
	margin :0 ;
	font:9px Arial, Helvetica, sans-serif;
	color :#555555;
	}
td.admin_rubrique {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: black;
	background: #E2F2D2;
	}
td.formulaire {
	padding : 10px;
	margin :0 ;
	text-align:justify;
	font :10px Arial, Helvetica, sans-serif;
	color :#000000 ;
	}
div.menu {
	margin-bottom:10px;
	}
a.admin_menu {
	font: bold 11px Arial, Helvetice, sans-serif;
	padding-top:2px;
	text-indent: 2px;
	color: white;
	background: black;
	text-decoration : none;
	display:block;
	width:160px;
	height:14px;
	}
a.admin_menu2 {
	font: bold 11px Arial, Helvetice, sans-serif;
	padding-top:2px;
	text-indent: 10px;
	color: white;
	background: #660000;
	text-decoration : none;
	display:block;
	width:160px;
	height:14px;
	}

/* questionnaire*/

form#questionnaire {
    width: 380px;
}
    

form#questionnaire fieldset {
    border : none;
    padding: 0;
}

form#questionnaire legend{
    display: none;
}

form#questionnaire label{
    font-size: 13px;
    font-weight: bold;
}

form#questionnaire p{
    text-align:justify;
}

form#questionnaire span {
    font-size: 12px;
}
    
.error {
    color: red;
    font-style: italic;
    font-size: 13px;
}


/* div des réponses*/

div#repquest {
    text-align: left;
    padding: 0 10px 0;
}

div#repquest h6 {
    margin-bottom: 3px;
    margin-top: 15px;
}




/* contenu page */
#contenu_page {
text-align:left;
padding:0 10px;
font: 12px Arial, Geneva, sans-serif;
}

#contenu_page a{
	color: #0f207f;
	line-height: 1.3;
	text-decoration: none;
	}
#contenu_page a:hover {
	background-color: #0F207F;
	color: #FFFFFF
	 }

#titre_rubrique {
	padding:2px;
	background-color:#FFF3E5;
	font-size: 9px;
	color: #FF8700;
	text-decoration: none;
	border:1px solid #FF8700;
	float:left;
	font-weight:bold;
}

#contenu_page h1 {
font-size:14px;
font-weight:bold;
}

#contenu_page h2 {
font-size:14px;
font-weight:bold;
color:#0f207f;
padding:5px 0;
border-top:1px solid #cfD2E5;
margin:20px 0 0 0;
background-color:#E4EBF6;
}

#contenu_page #basdepage {
margin-top:30px;
text-align:right;
border-top:1px solid #cfD2E5;
font-size:10px;
}


/* guide pratique */

#guidepratique td{
border-top:1px solid #cfD2E5;
padding:5px 10px 5px 0;
}

	
/* emploi */

#emploi {
padding:5px 0;
border-top:1px solid #cfD2E5;
}

#emploi img.logo {
margin:0 0 10px 10px;
}

#emploi img.puce {
margin-right: 10px;
}

#emploi h1 {
font-size:12px;
font-weight:bold;
background: url("../images/puces/puceorange.gif") 0 6px no-repeat;
text-indent:10px;
}

#emploi h2 {
margin-top:-10px;
font-size:11px;
font-weight:bold;
text-indent:10px;
background:none;
border:none;
color:black;
}

#emploi #mail {
height:14px;
padding-left:20px;
display:block;
background: url("../images/pictos/picto_mail.gif") no-repeat;
}

#emploi #web {
height:14px;
padding-left:20px;
display:block;
background: url("../images/pictos/picto_web.gif") no-repeat;
}

/* seances education environnement */

#fiche {
padding:5px 0;
border-top:1px solid #cfD2E5;
}

#fiche h1 {
font-size:12px;
font-weight:bold;
background: url("../images/puces/puceorange.gif") 0 6px no-repeat;
text-indent:10px;
}

#fiche h2 {
margin-top:-10px;
font-size:11px;
font-weight:bold;
text-indent:10px;
background:none;
border:none;
color:black;
}