html, body  {
	margin: 0; padding: 0; border: 0;
}
input   {
	color: #696969; font-size: 10px; background-color: #dcdcdc; margin: 0pt; border: solid 1px #696969; padding-left:2px; padding-right:2px;
}
select {
	color: #696969; font-size: 10px; margin: 0pt; background-color: #dcdcdc;
}
.rvalue, .cvalue {
	color: #696969; font-size: 10px; background-color: white; border: 0px;
}
textarea   { 
	color: #696969; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 0pt; padding:2px; border: solid 1px #808080; background-color: #dcdcdc;
}
input.radio {
	background-color:#FFFFFF; border:0px; padding:0px;
}

p { margin:0 0 0 0;}

/* ++++++++++++++++++ style pour colonne gauche Page Accueil ++++++++++++++++++++++++++++++ */

#colonne, #liste1 {
	color: #666; font-size: 9px; line-height: 14px; margin: 0px 6px; padding: 0px 6px; width: 180px;
}
#colonne a {
	color: #c60; font-weight: bold; text-decoration: none; 
	background: url(../images/common/lister_work.gif) no-repeat 3px center; margin-top: 2px;
	margin-bottom: 2px; padding-left: 15px; display: block;
}

#colonne a:hover, #Top a:hover, #liste1 a:hover {
	color: #003263;
}
#page     { 
	font-size: 9px; line-height: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: white url(../images/common/fond_page.gif) repeat-y center 0px;
}
#pagePOP { 
	font-size: 9px; line-height: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: white;
}


/* +++++++++++++++++++++++++++++ style pour news ++++++++++++++ */

#news    {
	margin-bottom: 20px;
}
#news table  { 
	color: #666; font-size: 9px; line-height: 14px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #ccc;
}
#news img   {
	margin: 4px; border: solid 1px #003263;
}

/* ++++++++++++++++++++++++++ style pour Content ++++++++++++++++++++++++++++++ */

#content, #colonneNav2     { 
	text-align: left; color: #666; font-size: 11px; line-height: 15px; margin-top: 4px; margin-right: 5px; margin-bottom: 25px; padding-right: 10px; padding-left: 8px; border-left: 1px solid #ccc;
}
#content table {
	text-align: left; color: #666; font-size: 11px; margin-top: 4px; margin-right: 5px;
}
.contentImg    { 
	float: left; margin-right: 10px; margin-bottom: 0px; padding: 1px; border: solid 1px #003263;
}
#horizon        { color: #808080; font-size: 10px; margin: 5px 0px 10px; padding: 7px 0px 5px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#content ul   { 
	color: #808080; list-style-type: disc; margin-top: 0px; margin-left: 12px; padding-left: 2px;
}
#content ol   { 
	color: #808080; margin-top: 0px; margin-left: 12px; padding-left: 2px;
}
#content h1   { 
	color: #003263; font-size: 16px; font-family: "Trebuchet MS", sans-serif;
}
#content h2  {
	color: #003263; font-size: 13px; line-height: 17px; font-family: "Trebuchet MS", sans-serif;
}
#content h3   { 
	color: #003263; font-size: 12px; font-family: Geneva, Verdana, Helvetica, Arial, sans-serif; background: url(../images/common/h3.gif) no-repeat; 
	letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; padding-left: 25px;
}
#content h4  { 
	color: #003263; font-weight: bold; font-size: 11px; list-style-type: none; margin-top: 10px; margin-bottom: 0px;
}
.black { 
	color: black;
}
.citation  { 
	color: gray; font-style: italic; padding-right: 6px; padding-bottom: 3px; padding-left: 6px;
}
#content a, #horizon a      {
	color: #c60; font-weight: bold; text-decoration: none;
	margin-top: 2px; margin-bottom: 2px; padding-right: 0px; display: inline;
}
#content a.texte { 
	color: #c60; font-weight: bold; text-decoration: none; background: transparent no-repeat 3px center; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: inline;
}
#content a:hover, #horizon a:hover { 
	color: #003263;
}

.lien_fleche {
	text-decoration: none;
	margin-top: 2px; margin-bottom: 2px; padding-right: 0px; display: inline; padding-left: 15px; 
 	background: url(../images/common/lister_work.gif) no-repeat 3px center; 
}

	
/* ++++++++++++++++++++++++++ style pour sous nav ++++++++++++++++++++++++++++++++ */

#BaseNav, #Top  { 
	color: white; font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 6px;
}
#BaseNav a { 
	color: white; text-decoration: none;
}
#BaseNav a:hover {
	background-color: #003263;
}
#Top a { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/lister_work_top.gif) no-repeat 3px center;
	margin-top: 2px; margin-bottom: 2px; padding-left: 15px; display: block;
}


/* ++++++++++++++++++++++++++++++ style pour  nav ++++++++++++++++++++++++++++++++ */
#navcontainer       { 
	color: white; font-weight: bold; font-size: 11px; font-family: Arial, Geneva, Helvetica, sans-serif; background: url(../images/common/fond.gif) repeat-y; 
	letter-spacing: 1px; padding-left: 4px; cursor: pointer;
}
.fond { 
	background-image: url(../images/common/bandeau_haut.jpg);
	background-repeat: repeat-y;
	background-position: -10px -10px;
}
.fixe  { width: 181px }
.a_menu    {
	color: white; text-decoration: none; padding: 1px 3px 1px 10px; border-bottom: 1px solid #fff; border-left: 8px solid #036; display: block;
	white-space:nowrap;
}
.a_menu:hover  { border-left: 8px solid #0079c0 }


/* +++++++++++++++++++++++++++++++++++++++style pour  nav ++++++++++++++++++++++++++++++ */

.submenu    { 
	color: white; font-weight: bold; font-size: 10px; font-family: Arial, Geneva, Helvetica, sans-serif; background-color: #036; position: absolute; width: 512px;
}
.submenu ul {
	color: white; font-family: arial, helvetica, sans-serif; background-color: #036; 
	margin: 0; padding: 0; border:0; 
}
.submenu ul li {
	display: inline;
}
.submenu ul li a { 
	color: white; text-decoration: none; background-color: #036; float: left; padding: 0.2em 1em; border-right: 1px solid #fff;
}
.submenu ul li a:hover { 
	color: #fff; background-color: #0079c0;
}


/* +++++++++++++++++++++++++++ style pour colonne gauche Page Interieur ++++++++++++++++++++++++++ */

#colonneInt  { 
	color: #666; font-size: 9px; line-height: 12px; margin: 0px 6px; padding: 0px 6px; width: 150px;
}
#rollo {
	color: #666; font-weight: bold; font-size: 9px; padding-top: 5px; 
}
.Titre  { 
	color: #036; font-weight: bold; font-size: 11px; padding-bottom: 0px;
}
.Titre a  { 
	color: #c60; font-weight: bold; text-decoration: none;
}
.Titre a:hover { 
	color: #003263;
}
#colonneInt h4 { 
	color: #666; font-weight: bold; font-size: 9px;
}
#colonneInt a.texte       { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/lister_work.gif) no-repeat 3px center; 
	margin-top: 2px; margin-bottom: 2px; padding-left: 15px; display: block;
}
#colonneInt a.loupe { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/icone_loupe.gif) no-repeat 0px -2px; 
	margin-top: 15px; padding-top: 4px; padding-bottom: 4px; padding-left: 25px; display: block;
}
#colonneInt a:hover, #Top a:hover    { 
	color: #003263;
}


/* ++++++++++++++++++++++++++++ style pour sous nav colonne droite Page Interieur ++++++++++++++++++++++++++ */

#contentSous    { 
	font-size: 9px; float: right; margin: 2px 6px; width: 165px;
}
#contentSousGauche  {
	color: #666; font-size: 10px; line-height: 15px; margin-top: 15px; padding-right: 8px; padding-left: 8px; width: auto;
}
#contentSousNav { 
	font-size: 9px; margin-bottom: -5px; border-right: 1px solid #696969; border-left: 1px solid #696969;
}
#end { 
	font-size: 9px; background: url(../images/common/block_end.gif) no-repeat -6px -2px; margin-bottom: 20px; height: 15px;
}
#contentSousNav a            { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/bullet_squarre.gif) no-repeat 2px 1px;
	margin: 4px 3px; padding-top: 2px; padding-bottom: 1px; padding-left: 25px; border-top: 1px solid #c0c0c0; display: block;
}
#pdf a { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/icone_pdf.gif) no-repeat 1px 3px; 
	margin: 5px 3px; padding-top: 4px; padding-bottom: 2px; padding-left: 25px; border-top: 1px solid #c0c0c0; display: block;
}
#pop a {
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/icone_up.gif) no-repeat 0px 2px; 
	margin: 5px 3px; padding-top: 4px; padding-bottom: 2px; padding-left: 25px; border-top: 1px solid #c0c0c0; display: block;
}
#ext a, #ext2 a {
	background: url(../images/common/bullet.gif) no-repeat; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 25px; height: 20px; display: block;
}
#contentSousNav a:hover    { 
	color: #003263;
}
#contentSousNav h1   { 
	color: #fff; font-weight: bold; font-size: 13px; background-color: #0079c0; margin: 0px; padding: 2px 6px; border: solid 1px #0079c0;
}


/* ++++++++++++++++++++++++++++++++++ style pour archive actu +++++++++++++++++++++++++++++++++++++++++++++++ */

#liste1 a { 
	color: #c60; font-weight: bold; text-decoration: none;
}
.annee  { 
	color: #003263; font-weight: bold; padding-top: 15px; border-bottom: 2px solid #003263;
}
.date  { 
	color: #003263; font-weight: bold; line-height: 12px; margin-bottom: 0px;
}
.archive  { 
	line-height: 12px; margin-top: 5px; margin-bottom: 1px; padding-bottom: 3px; border-bottom: 1px dotted #696969;
}
.bullet   { 
	background: url(../images/common/bullet.gif) no-repeat 0px center; float: right; margin-top: 0px; width: 21px; height: 21px;
}
.bullet a   { 	
background: url(../images/common/bullet.gif) no-repeat 0px center; float: right; width: 23px; height: 23px;
}


/* style pour sous nav colonne droite Page Interieur */

#contentSousNav2             { 
	font-size: 9px; margin: 2px 6px; padding: 2px 6px 5px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;
}
#contentSousNav2 a           { 
	color: #c60; font-weight: bold; text-decoration: none; background: url(../images/common/bullet_squarre.gif) no-repeat 0px 2px; 
	margin-top: 4px; margin-bottom: 4px; padding-top: 2px; padding-bottom: 1px; padding-left: 25px; border-top: 1px solid #c0c0c0; display: block;
}
#contentSousNav2 a:hover    { 
	color: #003263;
}
#contentSousNav2 h1  { 
	color: #fff; font-weight: bold; font-size: 13px; background-color: #0079c0; margin: -2px -6px 10px; padding: 2px 6px; border: solid 1px #0079c0;
}

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
.csc-menu a {
	color: #008080;
	text-decoration: none;
	background: url(../images/common/bullet_squarre.gif) no-repeat;
}

.csc-menu a:hover {
	text-decoration: underline;
}

/* Menu / Sitemap, "Sitemap" */

.csc-sitemap-level1 {
	margin: 25px 0 8px 0px;
	padding: 0 0 4px 0px;
	font-size: 14px;
	border-bottom: 1px solid silver;
}

.csc-sitemap-level1 a {
	color: #003263 !important;
	text-decoration: none;
	background: url(../images/common/bullet_squarre.gif) no-repeat ! important ;
	padding: 0 0 4px 20px !important;
}

.csc-sitemap-level2 {
	margin-left: 30px;
	font-size: 10px;
}

.csc-sitemap-level3 {
	margin-left: 60px;
}

.csc-sitemap-level4 {
	margin-left: 90px;
}

.csc-sitemap-level2 A {
	background: url(../images/common/point.gif) no-repeat 0px ! important ;
	padding: 0 0 2px 10px !important;
}

.csc-sitemap-level3 A {
	background: url(../images/common/point.gif) no-repeat 0px ! important ;
}

.csc-sitemap-level4 A {
}

.ErrorMessage {  
font-size:10px; 
color:#990000; 
display:block; 
}

.RequiredFormField {  
font-size:11px !important; 

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;  
color: #003263 !important;  
font-weight:bold !important; 
} 
.OptionalFormField {  
font-size:11px !important; 

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;  
color: #003263 !important; 
} 
 
p.form_validation {
	margin-top:10px;
	padding-top:5px;
	text-align:center;
	border-top:1px dotted #003263;
}