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-family: Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal;
}

#clear {
clear:both;
}

.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;
	font-size: 10px;
	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; }

.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;
	background-color: #E4EBF6;
	}
td.page a:hover { background-color: #0F207F; color: #FFFFFF; }

.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: 200px;
	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;
	}
.rubrique200a a {
	width: 198 px;
	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 #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;
}