body { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
     margin: 0; background-color: #002840; text-align: center }
p  { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
td  { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

td.salles   { border-right: 2px solid #2E4A5B }

#global  { text-align: left; margin-right: auto; margin-left: auto; width: 760px; border: 1px solid black}

.texte  { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

.texte_blanc    { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }

.texte_gris    { color: gray; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }

.texte_bleu    { color: #2E4A5B; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }

a.menu_blanc, a.menu_blanc:hover, a.menu_blanc:visited { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; margin-right: 10px; margin-bottom: 5px; margin-left: 10px;margin-top: 12px; }

a.menu_vert, a.menu_vert:hover, a.menu_vert:visited  { color: #9fc022; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: right; display: block; margin-top: 12px; margin-right: 5px; padding: 0 }

a.menu_vert:hover  { color: #eb6727; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: right; display: block; margin-top: 12px; margin-right: 5px; padding: 0 }
.petit { font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

a.noir, a.noir:hover, a.noir:visited { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-right: 10px; margin-bottom: 5px; margin-left: 10px }

a.marron, a.marron:visited { color: #002840; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-right: 10px; margin-bottom: 5px; margin-left: 10px }

a.marron:hover { color: #002840; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; margin-right: 10px; margin-bottom: 5px; margin-left: 10px }

a.footer, a.footer:visited { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none;margin:0 }

a.footer:hover { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; }

hr.gris    { color: gray; background-color: gray; text-align: left; width: 85%; height: 2px; border: 0; }

hr.gris-1px   { color: gray; background-color: gray; text-align: left; width: 85%; height: 1px; border: 0 }

.titre_info { color: #ea6625; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }

.sstitre_info { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }

.titre_actualite   { color: #002840; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background: url(images/rondb.gif) top left no-repeat ;padding: 0px 0px 0px 22px; display: block; margin: 5 0 0 0}

.titre_agenda { color: #68B022; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background: url(images/rondv2.gif) top left no-repeat ; padding: 0px 0px 0px 22px; display: block; margin: 5 0 0 0}

.accroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #002840;
	margin-left: 8px;
}

.titre_marron  { color: #002840; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

.titre_recherche  { color: white; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align:right; margin: 15px 45px 0px 0px; }

.titre_recherche_rapide  { color: #002840; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; background: white url(images/fdtitre.gif) left center no-repeat ;line-height:25px;}

.titre_input  { color: white; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align:right; padding: 0px 0px 0px 15px; background: #2E4A5B url(images/fleche.gif) left center no-repeat ; }

.titre_rec_type{ color: #002840; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

.titre_rec_nom{ color: #002840; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

h2.vert { color: #68B022; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

h2.bleu { color: #002840; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

h2.marron { color: #002840; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

h2.devis { color: #002840; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin:10px 0 5px 0; border-bottom: 1px solid grey; display:block; width:100%}

span.vert { color: #68B022; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

span.bleu { color: #002840; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

span.marron { color: #002840; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

input.bouton_bleu {
background-color:#78b1b9;
color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #2E4A5B;
width:auto;
}

input.bouton_marron {
background-color:#002840;
color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #002840;
width:auto;
}

select {
background-color:white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:225px
}

input.recherche {
background-color:white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:225px
}

input {
background-color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:125px
}

input.contact {
background-color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:100%
}

textarea.contact {
background-color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:100%;
height:100px;
}

select.contact {
background-color: white;
font-family:"trebuchet ms",sans-serif;
border:1px solid #8F8778;
width:100%
}
/******************/
/* Menu graphique */
/******************/
#nav {
width: 195px ; /*195*/
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;		/* Création du contexte de formatage */
}
#nav li {
width: 195px ;
height: 40px;
margin: 0px ;
color: #fff ;
background: white ;
}
#nav li a.fd1 {
display: block ;
background: #68B022 url(images/fdmenu11.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd1:hover, #nav li a.fd1:focus, #nav li a.fd1:active {
background: #79b1b8 url(images/fdmenu12.gif) right top no-repeat ;
text-decoration: none ;
}

#nav li a.fd2 {
display: block ;
background: #68B022 url(images/fdmenu21.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd2:hover, #nav li a.fd2:focus, #nav li a.fd2:active {
background: #79b1b8 url(images/fdmenu22.gif) right top no-repeat ;
text-decoration: none ;
}				
#nav li a.fd3 {
display: block ;
background: #68B022 url(images/fdmenu31.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd3:hover, #nav li a.fd3:focus, #nav li a.fd3:active {
background: #79b1b8 url(images/fdmenu32.gif) right top no-repeat ;
text-decoration: none ;
}				
#nav li a.fd4 {
display: block ;
background: #68B022 url(images/fdmenu41.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd4:hover, #nav li a.fd4:focus, #nav li a.fd4:active {
background: #79b1b8 url(images/fdmenu42.gif) right top no-repeat ;
text-decoration: none ;
}				
#nav li a.fd5 {
display: block ;
background: #68B022 url(images/fdmenu51.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd5:hover, #nav li a.fd5:focus, #nav li a.fd5:active {
background: #79b1b8 url(images/fdmenu52.gif) right top no-repeat ;
text-decoration: none ;
}	
#nav li a.fd6 {
display: block ;
background: #68B022 url(images/fdmenu61.gif) right top no-repeat ;
color: #fff ;
font: 14px Arial,sans-serif ;
line-height: 40px ;
padding: 0px 25px 0px 0px ;
text-align: right ;
text-decoration: none ;
margin : 0px;
}
#nav li a.fd6:hover, #nav li a.fd6:focus, #nav li a.fd6:active {
background: #79b1b8 url(images/fdmenu62.gif) right top no-repeat ;
text-decoration: none ;
}	

/*  STYLES RUBRIQUES */
img
{	border: 0px;
}

.legende
{ 	position: absolute;
	left:0px;
	right:0px;
	z-index:500;
	display:none;
	font-size: 12px;
	font-family: Arial, Verdana;
	text-align:left;
	border:2px solid #BED242;
	background: #BED242;
	color: #ffffff;
}

img.cadre
{
	margin: 0px 5px 5px 0px;
}

hr.separation
{
	margin: 0;
	color:transparent;
	background-color: transparent;
	height: 0px;
	border: 0px;
	clear: both;	
}

hr.agenda
{	
	color:grey;
	background-color: grey;
	height: 1px;
	text-align: right; 
	width: 80%; 
	border: 0px;
	clear: both;
	margin: 0px 15px 0px 40px; 
}

h1   { color: #002840; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background: url(images/rondb.gif) left center no-repeat ; padding: 0px 0px 0px 22px; }

h2   { color: #002840; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;}

h3 { color: #68B022; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

a, a:visited { color: #002840; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none;}
a:hover { color: #002840; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline;}

a.null, a.null:visited,a.null:hover { margin: 0px; }

p.right
{ text-align:right; }

p.mentions-leg
{ text-align:left; margin:0}

h3.bleu { color: #002840; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

div.photo{ width: 100px;float: left;margin:0px 6px 4px 0px;}

a.barre_outils, a.barre_outils:visited { color: #002840; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none;}
a.barre_outils:hover { color: #002840; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline;}