a.nath {
	color: blue;
	text-decoration: underline;
}
a.nath:link {
	color: blue;
	text-decoration: underline; 
}
a.nath:active {
	color: red;
	text-decoration: none;
}
a.nath:hover {
	color: red;
	text-decoration: none;
}

a.light { 
	color: white; 
	text-decoration: none; 
}
a.light:link { 
	color: white; 
	text-decoration: none; 
}
a.light:active { 
	color: white; 
	text-decoration: none; 
}
a.light:hover { 
	color: white; 
	text-decoration: underline; 
}

a { 
	color: black; 
	text-decoration: none; 
}
a:link {
	color: black; 
	text-decoration: none; 
}

a:active { 
	color: black; 
	text-decoration: none; 
}
	
a:hover { 
	color: #5798bb; 
	text-decoration: none; 
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Geneva, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	background: white url(/images/boussole.png) no-repeat fixed center center;}
.petit { 
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black;
}

img {	
	border-style: none; 
	border: 0; 
}
img.section {	
	text-align: left; 
	border: 0; 
}

.logo	{
	text-align: center;
}
table.banner {
	background-color: transparent;
	border-width: 0px;
	border-bottom: 1;
	border-top: 1;
	border-right: 0;
	border-left: 0;
	border-color: black;
	border-style: solid;
	vertical-align: middle;
}

tr.banner {
	text-align: center;
	border-width: 0px;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	border-color: black;
	border-style: none;
}
	
td.banner {
	text-align: center;
	width: 8%;
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-right: 1;
	border-left: 1;
	border-top: 1;
	border-bottom: 1;
	border-color: black;
	background: #f98d09;
	border-style: solid;
}

td.rightbanner {
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	border-right: 1;
	border-left: 1;
	border-top: 1;
	border-bottom: 1;
	border-color: black;
	background: #f98d09;
	border-style: solid;
}

table.fond { 
	text-align: left;
	background-color: black;
	border-width: 1px; 
	border-left: 1;
	border-top: 1;
	border-right: 1;
	border-bottom: 1;
	border-color: black;
	border-style: solid;
}
table.forme { 
	border-width: 0px;
}
table.main { 
	border-width: 0px;
	width: 100%;
}

td.center {
	text-align: center;
	background-color: white;
}

tr { 
	border-width: 0; 
	text-align: center; 
}
td { 
	border-width: 0; 
	text-align: center; 
}

/* Alignement */
.left  { 
	text-align: left; 
}
.right { 
	text-align: right; 
}

/* Bold Black Bordure */
.bbb { 	
	text-align: left;
	border-style: none; 
	background-color: transparent;
	border-right: 0;  
	border-left: 0;
	border-bottom: 0; 
	border-top: 0; 
	border-color: black; 
	border-width: 0px; 
	font-weight: bold; 
	text-decoration: none; 
}

/* Black Bordure */
.bb { 	
	text-align: left;
	border-style: none; 
	background-color: transparent;
    border-right: 0;  
	border-left: 0;
 	border-bottom: 0; 
	border-top: 0; 
   	border-color: black; 
	border-width: 0px; 
}

/* Rubrique */
.rubrique {
	text-align: left;
	border-style: none;
	border-width: 0px;
	background-color: transparent;
	color: red;
	font-weight: bold;
	text-decoration: underline;
	padding: 5px 5px 5px 5px;
}

/* Pour les choses importantes */
.important {
		background-color: transparent;
	color: crimson;
	border-style: solid;
	border-color: crimson;
	border-width: 1px;
	border-top: 1;
	border-bottom: 1;
	border-right: 1;
	border-left: 1;
	text-align: center;
	font-weight: bold;
}
	

/* Pour marquer les champs obligatoires */
.obligatoire {
	color: red;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/*.obligatoire:hover {
	color: blue;
	background-color: transparent;
	text-decoration: underline;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}*/

/* Pour marquer les champs facultatifs */
.facultatif {
	color: black;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/*
.facultatif:hover {
	color: blue;
	background-color: transparent;
	text-decoration: underline;
	text-align: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
*/


/* Les grandes bandes sur les côtés */
tr.side { 
	border-width: 0; 
	vertical-align: top; 
	border-width: 0px; 
}
td.side { 
	border-width: 0; 
	text-align: center; 
	width: 16%; 
	vertical-align: top; 
}


/* La partie centrale */
tr.centre { 
	vertical-align: top; 
}
td.centre { 
	text-align: left; 
	width: 35%; 
	border-width: 0px; 
}

/*
 * Les news
 */
 
/* Head */
.newshead { 
	background-color: #f98d09;
	color: white;
	border-width: 1px; 
	border-color: black;
	border-left: 1;
	border-bottom: 1;
	border-top: 1;
	border-right: 1;
	border-style: solid;
	text-align: center; 
}
/* Contenu */
.newscontent { 
	background-color: transparent;
	color: black;
	border-width: 0px; 
	text-align: left; 
}
/* Info */
.newsinfo { 
	background-color: transparent; 
	color: white; 
	font-size: 10px;
}

/*
 * Les messages
 */
 
/* Head */
.msghead { 
	background-color: #f98d09; 
	color: white; 
	border-width: 0px; 
	text-align: left; 
	font-weight: bold; 
}
/* Contenu */
.msgcontent { 
	background-color: transparent;
	color: black;
	border-width: 0px; 
	text-align: left; 
}
/* Info */
.msginfo { 
	background-color: transparent;
	color: black; 
	text-align: left; 
	border-width: 1px;
	border-top: 0;
	border-bottom: 1;
	border-right: 0;
	border-left: 0;
	border-color: black;
	font-size: 10px;
}

td.msg { 
	text-align: left;
}
/* Les boîtes */
tr.box {	
	background-color: #f98d09;
	color: white;
	border-width: 0px;
	border-color: red;
	width: 100%;
}

td.box {
	text-align: center;
	vertical-align: center;
	font-weight: bold; 
}
		
table.box {
	background-color: white;
	color: black; 
	border-width: 0px;
	text-align: center;
	width: 100%; 
}

input { 
	background-color: white;
	border-width: 1px; 
	border-color: #f98d09;
	border-style: solid;
	color: black;
}
input:focus { 
	background-color: white;
	border-width: 1px; 
	border-style: groove; 
	color: red;
}

input.text { 
	background-color: white;
	border-width: 1px; 
	border-style: solid;
	border-color: #f98d09;
	color: black;
}
input.text:focus { 
	background-color: white; 
	border-width: 1px; 
	border-style: solid;
	border-color: #cae9f9;
	color: red;
	font-weight: bold;
}
input.radio {
	background: transparent;
	border-width: 0px;
	border-style: none;
}
input.submit { 
	background-color: #f98d09; 
	color: white;
	border-width: 1px; 
	border-style: outset;
	font-weight: normal;
}
input.submit:hover { 
	background-color: #f98d09; 
	color: yellow;
	border-width: 1px; 
	border-style: outset;
	font-weight: normal;
}

select {
	text-align: left;
}

textarea { 
	background-color: white;
	border-width: 1px;
	border-style: solid;
	color: black;
}

textarea:focus {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	color: red;
}