@charset "UTF-8";

/* BASE CSS */

/* //////////////////////////////////////////////////////////////////////////////////// page layout */

html, body {
	color: #000000;
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 12px;
	font-weight: normal;
}

#heading {
}

#logo {
}

#navigation {
	visibility: hidden;
}

#top {
	visibility: hidden;
}

#center {
	position: relative;
}

#news {
	position: relative;
}

#bottom {
	position: relative;
}

#footer {
	position: relative;
}

#underwater {
	visibility: hidden;
}

.footer_copyright a, .footer_copyright a:link, .footer_copyright a:visited, .footer_copyright a:active {

}

.footer_copyright a:hover {

}

.clr {
	clear: both;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
}


/* //////////////////////////////////////////////////////////////////////////////////// typo & content */

h1 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 24px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 30px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

h3 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

h4 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

h5 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.moduletable h3, .moduletable_photo h3 {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#footer .moduletable p {
	float: left;
	margin-right: 10px;
}

#footer .moduletable p.festival {
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
}

#underwater .moduletable_underwater img {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 120px;
}

.article_column img, content_top img, content_bottom img {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	max-width: 520px;
	height: auto;
}

#content_col01 img, #content_col02 img {
	margin: 0;
	height: auto;
	max-width: 100%;
}


/* CCK "ContenuTexte" model */

#content_top {
	position: relative;
	height: auto;
	padding-bottom: 30px;
}

#content_col01 {
	float: left;
	width: 240px;
	height: auto;
	margin-right: 40px;
}

#content_col02 {
	float: left;
	width: 240px;
	height: auto;
}

#content_bottom {
	position: relative;
	height: auto;
	margin-top: 30px;
}


/* LIST INSIDE ARTICLE */

#col01 ul {
	list-style: none;
	width: 240px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#col01 ul li {
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 240px;
	margin-right: 40px;
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0075a2;
}

/* normal */
#col01 ul li a, #col01 ul li a:link, #col01 ul li a:visited {
	display: inline-block;
	color: #71d1ff;
	text-decoration: none;
	width: 240px;
}

/* active menu */
#col01 ul li.active {
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 240px;
	margin-right: 40px;
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0075a2;
}

/* hover */
#col01 ul a:hover {
    display: inline-block;
	color: #ffffff;
	text-decoration: none;
	width: 240px;
}

/* active item */
#col01 ul li.active a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	width: 240px;
}


.blog{
}

.contentpaneopen {
}

.article-tools {
	position: relative;
}

.article-meta {
}

.buttonheading {
	position: absolute;
	top: -20px;
	right: 0;
}

.article_column {
	position: relative;
}

.article_separator {
}

.row_separator {
}

.createdate {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #6f93ae;
}
.modifydate{	
 font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #3c3b3b;
} /*ce style correspond �  la date figurant en fin de contenu/article «dernière modification» */ 

.small {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #e0e0e0;
}


/* //////////////////////////////////////////////////////////////////////////////////// comments */


/* //////////////////////////////////////////////////////////////////////////////////// page navigation */

.pagenavbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #4d4d4d;
} /* il n’est pas utilisé dans la page nav bar mais pour l’affichage des noms sur le forum Simple Board? */ 

.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #313131;
	padding: 3px;
	height: 15px;
	width: auto;
	border: 1px solid #313131;
}

a.pagenav, a.pagenav:link, a.pagenav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #9884be;
	padding: 3px;
	height: 15px;
	width: auto;
	border: 1px solid #9884be;
}

/* //////////////////////////////////////////////////////////////////////////////////// module tables */

div.moduletable {
	float: left;
	width: 240px;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

#col02 .moduletable {
	float: left;
	width: 240px;
	height: auto;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

#col02 .moduletable_photo {
	float: left;
	width: 280px;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 40px;
}

#col02 .moduletable_photo .picturemod {
	width: 280px;
	height: 180px;
	overflow: hidden;
	margin: 0;
}

#col02 .moduletable_photo .picturemod img {
	width: 280px;
}


div.moduletable_logo {
	position: absolute;
	left: -80px;
	top: 0px;
	width: 120px;
	height: 150px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

div.moduletable_sitename {
}

div.moduletable_connect {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 280px;
	height: auto;
}

div.moduletable_nav {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
}

div.moduletable_navother {
	position: absolute;
	left: 600px;
	top: 0px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div.moduletable_language {
	position: absolute;
	right: 0px;
	top: 0px;
	height: auto;
	margin: 0;
	padding: 0;
}

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

div.moduletable_fishright {
	float: left;
	width: 345px;
	height: 122px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../../images/stories/modules/mod_meduses_01.png);
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div.moduletable_fishleft {
	position: absolute;
	top: 80px;
	left: -110px;
	width: 149px;
	height: 156px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.moduletable_fishright #fish {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	padding: 0;
}

#bottom .moduletable {
	float: left;
	width: 880px;
	height: auto;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

#news .moduletable {
	float: left;
	width: 880px;
	height: auto;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

#footer .moduletable {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 11px;
	color: #444444;
	font-style: normal;
	line-height: 20px;
}

div.moduletable_underwater {
	float: left;
	width: 880px;
	height: auto;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

/* //////////////////////////////////////////////////////////////////////////////////// navigation / ul - li */

/* NAVIGATION */

/* hover */
ul.menunav a:hover {
	display: block;
	color: #717376;
	text-decoration: none;
}

/* 1 level */

ul.menunav {
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.menunav li {
	float: left;
	padding: 0;
	font-size: 14px;
	line-height: 39px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

ul.menunav li #current {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 39px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

/* normal */
ul.menunav a, ul.menunav a:link, ul.menunav a:visited {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active menu */
ul.menunav li.active {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* hover */
ul.menunav a:hover {
   	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active item */
ul.menunav li.active a {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* SUBNAV */

/* hover */
ul.menusubnav a:hover {
	display: block;
	color: #717376;
	text-decoration: none;
}

/* 1 level */

ul.menusubnav {
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.menusubnav li {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

ul.menusubnav li #current {
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 39px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

/* normal */
ul.menusubnav a, ul.menusubnav a:link, ul.menusubnav a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

/* active menu */
ul.menusubnav li.active {
	display: block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* hover */
ul.menusubnav a:hover {
   	display: block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

/* active item */
ul.menusubnav li.active a {
	display: block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}


/* OTHER */


/* OTHER */

/* hover */
ul.menuother a:hover {
	display: block;
	color: #717376;
	text-decoration: none;
}

ul.menuother {
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.menuother li {
	float: left;
	padding: 0;
	font-size: 12px;
	line-height: 39px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}


/* normal */
ul.menuother a, ul.menuother a:link, ul.menuother a:visited {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active menu */
ul.menuother li.active {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* hover */
ul.menuother a:hover {
   	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active item */
ul.menuother li.active a {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}


/* LANGUAGE */


/* hover */
ul.jflanguageselection a:hover {
	display: block;
	color: #717376;
	text-decoration: none;
}

ul.jflanguageselection {
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.jflanguageselection li {
	float: left;
	padding: 0;
	font-size: 12px;
	line-height: 39px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
}


/* normal */
ul.jflanguageselection a, ul.jflanguageselection a:link, ul.jflanguageselection a:visited {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active menu */
ul.jflanguageselection li.active {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* hover */
ul.jflanguageselection a:hover {
   	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

/* active item */
ul.jflanguageselection li.active a {
	display: inline-block;
	color: #2ccce7;
	text-decoration: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}


/* NEWS MODULE */

ul.latestnews {
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.latestnews li {
	float: left;
	margin: 0 0 3px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 240px;
	margin-right: 40px;
}

/* normal */
ul.latestnews a, ul.latestnews a:link, ul.latestnews a:visited {
	display: inline-block;
	color: #71d1ff;
	text-decoration: none;
	width: 240px;
}

/* active menu */
ul.latestnews li.active {
	float: left;
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 240px;
	margin-right: 40px;
}

/* hover */
ul.latestnews a:hover {
    display: inline-block;
	color: #ffffff;
	text-decoration: none;
	width: 240px;
}

/* active item */
ul.latestnews li.active a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	width: 240px;
}


/* //////////////////////////////////////////////////////////////////////////////////// links */

.moduletable_logo img{
	border: none;
}

a {
	color:#2ccce7;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #ffffff;
}

a.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #939598;
} /* comme son nom l’indique, ce style correspond aux liens << Premier < Précédent 1 Suivant > Dernier */ 

h1 a{
	color: #000000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #ffffff;
}

.readon, readon:link, readon:visited {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #939598;
	text-decoration: none;
}

.readon:hover {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.readonhome:hover {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
} /*ce style correspond au texte «lire la suite…" figurant dans la page principale ou en fin de résumé (contenu)*/ 

a.doc, a.doc:link, a.doc:visited {
	color: #939598;
	font-size: 10px;
	text-decoration: none;
}
a.doc:hover {
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
}


/* //////////////////////////////////////////////////////////////////////////////////// pathway */

span.pathway {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}
a.pathway, a.pathway:link, a.pathway:active, a.pathway:visited {
	color: #ffffff;
}
a.pathway:hover {
	color: #ffffff;
}


/* //////////////////////////////////////////////////////////////////////////////////// form */

/* module connection */

.moduletable_connect fieldset {
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
	border:0;
}

.moduletable_connect span {
	display: block;
	float: left;
	margin-right: 5px;
}

#form-login-button {
	display: block;
	float: left;
	margin: 0;
	padding-top: 15px;
}

.inputboxlogin {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-top: 5px;
	width: 75px;
	height: 20px;
	color: #00e0ff;
	border: 1px solid #00e0ff;
	background-color: #096188;
}

.moduletable_connect label {
	display: inline-block;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.buttonlogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
	color: #00e0ff;
	background-color: #096188;
	height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.buttonlogout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #005aab;
	width: auto;
	height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.moduletable_connect ul {
	padding-top: 5px;
    list-style: none;
	padding: 0;
	margin: 0;
}

.moduletable_connect ul li {
	margin: 0 0 3px 0;
	font-size: 10px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 200px;
}

/* normal */
.moduletable_connect ul a, .moduletable_connect ul a:link, .moduletable_connect ul a:visited {
	display: block;
	color: #00e0ff;
	text-decoration: none;
	width: 200px;
}

/* active menu */
.moduletable_connect ul li.active {
	font-size: 10px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	width: 200px;
}

/* hover */
.moduletable_connect ul a:hover {
    display: block;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
}

/* active item */
.moduletable_connect ul li.active a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
}


/* generic */

form {
	margin: 0px;
	padding: 0px;
	border:0;
	display:inline;
}

fieldset {
	margin:0;
	padding:0;
	border:0;
}

.button, .button:hover, .button:visited, .button:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background-color: #ff0000;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.buttonsend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #f5f5f5;
	border: 1px solid #272727;
} 

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #f5f5f5;
	border: 1px solid #272727;
} 


/* //////////////////////////////////////////////////////////////////////////////////// img */

img { 
    border:0px;
	border-style:none;
}


/* //////////////////////////////////////////////////////////////////////////////////// misc elements */


/* //////////////////////////////////////////////////////////////////////////////////// specific engine elements */

/* tables */

.sectiontableheader th {
	background-color: #CCCCCC;
}

.sectiontableheader {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #222222;
	font-family: Helvetica, Arial, sans-serif;
} /*ce style correspond aux entêtes des tableaux (<table>) dans les pages Section. Un exemple serait celui de la liste des articles quand vous cliquez sur “News” ou autre avec l'entête de tableau (<table>)comme “date”, “titre de l'article”, “auteur” et “hits”. C'est l'entête que vous pourrez contrôler avec ce style. */ 

.sectiontableentry1 {
	color: #222222;
	background: none;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #282828;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.sectiontableentry2 {
	color: #222222;
	background: none;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #282828;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.blog_more {
	font-size: 10px;
	text-align: left;
}
.blog_more ul li{
    list-style: none;
}

.poll {
} /* Les textes des sondages */ 
.pollstableborder {
} /* configure les bords de la table des sondages */ 

.weblinks {
} /* Configure le titre des liens dans l'annuaire “Weblinks”*/ 
a.weblinks:hover {
} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/ 

table.searchintro {
} /* Ce style configure l'affichage du resulta d'une recherche affichée dans la page principale */ 


table.contact {
} /* Pour formater la totalité de la table des “contacts” ce qui inclus le nom, addresse icons and formulaire. 
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir “Department” “Personne” */ 

table.contact td.icons {
} /* Le nom vous en dis deja beaucoup. Ce style configure les cellules <td> 
ou sont affichés les petits icons prés des details (addresses, telephone etc) */ 

table.contact td.details {
} /* ceci definit le format <td> ( td pour table data ) des cellules ou sont les informations. 
Ces informations sont : addresses, telephone et autres info*/


/* Diffusion des news */ 
.newsfeedheading {
} /* Le titre des news. NOTE: ceci n'affecte pas le titre des news! */ 
.newsfeeddate {
} /* La date des news */ 
.fase4rdf {
} /* Le texte principal des news*/