/* styles.css */

body {
/*	background-color:#605BAB; */
/* le gris des figures maths du bandeau est #dfdfdf
	background-color:#D5E0ED;  un bleu dérivé du signal */
	background-color:#e8f0ff;
	padding:0;
	margin:0;
}

body, td, th {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
				/* styles colonne milieu (contenu) */

.biblio {			/* pour biblio écrit petit dans Techno -> Background */
	font-size: 12px;
/*	text-align: justify; */
	margin-bottom: 10px;
	padding:0;
}

.bibtitle {
	font-style: italic;
}

.centre {
    text-align: center;
}

.normal {
	color:#000000;
	font-size:12px;
	text-align:justify;
}

.normal a:visited, .normal a:link,
.list8o a:visited, .list8o a:link { color: #0000c0 }
.normal a:active,  .normal a:hover,
.list8o a:active,  .list8o a:hover { color: #F97C00 }

.normbig {
	color:#0000c0;
	font-size:16px;
	line-height:30px;
	vertical-align:baseline;
}

.normbig a:visited, .normbig a:link { text-decoration:none; color: #0000c0 }
.normbig a:active, .normbig a:hover { text-decoration:none; color: #F97C00 }

.titre1contents {
	color:#ff8c00;
	font-size:28px;
	font-weight:bold;
	margin-top:9px;
	padding-bottom:2px;
}

.titre2contents {
	color:#ff8c00;
	font-size:14px;
	font-weight:bold;
}

				/* styles colonne gauche */
.leftmenu_body {
	padding:0;
	margin:0 0 0 10px;
	background-color:transparent;
}

.titre1col {
	color:#4386DF;
	font-size:20px;
	line-height:260%;
	font-weight:bold;
}

.titre1col a:visited, .titre1col a:link { text-decoration:none; color: #4386DF }
.titre1col a:active, .titre1col a:hover { text-decoration:none; color: #F97C00 }

.titre2col {
	color:#4386DF;
	font-size:14px;
	line-height:140%;
	font-weight:bold;
}

.titre2col a:visited, .titre2col a:link { text-decoration:none; color: #4386DF }
.titre2col a:active, .titre2col a:hover { text-decoration:none; color: #F97C00 }

.titre3col {
	margin-left:2em;
	color:#4386DF;
	font-size:12px;
	line-height:60%;
	font-weight:bold;
}

.titre3col a:visited, .titre3col a:link { text-decoration:none; color: #4386DF }
.titre3col a:active, .titre3col a:hover { text-decoration:none; color: #F97C00 }

				/* styles colonne droite */
.news_body {
	margin:0;
	background-color:white;
	padding:0 12px 0 0;
}

.newsbox {
	border-width:1px;
	border-style:dashed;
	border-collapse:collapse;
	border-color:#808080;
	background-color:white;
	padding:8px;
	margin:2px;
}

.newstitre {
	color:#808080;
	font-size:10pt;
	text-align:center;
	letter-spacing:4px;
	margin-bottom:12px;
	padding:0 0 0 4px;
}

.newstext {
	font-size:8pt;
	margin-bottom:8px;
}

.publis_body {
	padding:0;
	margin:0;
	background-color:transparent;
}

.newstext2 {		/* style dans la page News & Events */
	font-size:10pt;
	margin-bottom:8px;
}

.newstext  a:visited,	.newstext  a:link,
.newstext2 a:visited,	.newstext2 a:link	{ text-decoration:none; color: black }

.newstext  a:active,	.newstext  a:hover,
.newstext2 a:active,	.newstext2 a:hover	{ text-decoration:none; color: #F97C00 }

.aol-vspace {		/* espace entre le texte et le bouton AOL */
	margin-top:0.5em;
}

.aol-bandeaubleu {
	padding-top:2em;
	text-align:center;
}

					/* styles listes */
.list6o {
	list-style: outside url(../images/losange6o.gif);
	margin-bottom:1px;
}

.list6b {
	list-style: outside url(../images/losange6b.gif);
	margin-top:2px;
	margin-left:-24px;
	vertical-align: bottom;
}

.list7o {
	list-style: outside url(../images/losange7o.gif);
	margin-bottom:1px;
}

.list8o {
	list-style: outside url(../images/losange8o.gif);
	margin-bottom:2px;
}

.list9o {
	list-style: outside url(../images/losange9o.gif);
	margin-bottom:5px;
}

.list9b {
	list-style: outside url(../images/losange9b.gif);
	margin-bottom:5px;
}

					/* styles divers */
td.bord {				/* bordures */
	border-width:    1pt;
	border-style:    solid;
	border-color:    black;
	border-collapse: collapse;
}

td.botb {				/* bordure top & bottom: <td class="bord botb"> */
	border-left-width: 0px;
	border-right-width:0px;
}

td.bob {				/* bordure bottom only */
	border-top-width:  0px;
	border-left-width: 0px;
	border-right-width:0px;
}

.ico14x12 {				/* classe pour les icones 14x12			*/
	width:14px;			/* Usage: <img src="fleche-lien" class=ico14x12>*/
	height:12px;
	vertical-align:baseline;
	border-width:0;
}

/* debug -----------------------------------------------------------------------------------
.debug-red   { border-width:1px; border-style:dotted; border-color:red; }
.debug-blue  { border-width:1px; border-style:dotted; border-color:blue; }
.debug-green { border-width:1px; border-style:dotted; border-color:green; }
.debug-grey  { border-width:1px; border-style:dotted; border-color:#c0c0c0; }
 */

.barre	{ text-decoration:line-through; }	/* pour usage: ... class="barre" ... */
barre	{ text-decoration:line-through; }	/* pour usage: <barre> ... </barre>  */

.stab,  stab	{ background-color:#ffff00; }	/* styles stabilo */
.stabr, stabr	{ background-color:#ff3300; }
.stabg, stabg	{ background-color:#33ff33; }
.stabb, stabb	{ background-color:#00ffff; }
.stabv, stabv	{ background-color:#dd88ff; }

.stabba, stabba	{ text-decoration:line-through; background-color:#FFFF33; }