/* Feuille de style pour l'écran */
html {
	background:#3A67AD url('img/fondHTML.png') top center repeat-y;
	padding:0px;
	font-family:sans-serif;
	font-size:14px;
	text-align:justify;
	color:#000;
}

body {
	width:900px;
	margin:auto;
	background-color:white;
}

img {border-width:0px;}

acronym {cursor:help;}
acronym:hover { border-bottom: dashed silver 1px; cursor:help;}

address {background:#DDD; margin:2em; padding:1ex; border-width:0px 10px 2px 0px; border-style:solid; border-color:#BBB;}
address .telfax {font-weight:bold;}

/* @group Conteneur */

#conteneur {
	width:900px;
	border-width:0px;
}

/* @group Titre */

#titre {
	height:136px;
	padding:0px;
	background:url('img/fondTitre.jpg') top center no-repeat;
}
#titre td {border-bottom:solid #8C8C8C 1px;}
#titre td div {visibility:hidden;}
#titre td div span {}



/* @end */

/* @group Main */

#main {}

/* @group Menu */

#menu {
	width:200px;
	background-color:#E6EDF7;
	text-align:left;
	font-size:12px;
	vertical-align:top;
	color:black;
}
#menu a {display:block; text-decoration:none; color:black;}
#menu a:hover {color:white; text-shadow:black 2px 2px 5px;}
#menu dl {margin:5px 2px; border:dotted silver 1px; background-color:#D6DDE6;}
#menu dl dt {display:block; padding:0px; border-bottom:dotted silver 1px; font-weight:bold; line-height:33px;}
#menu dl dt a {background:url('img/triangle.png') center left no-repeat; padding-left:14px;}
#menu dl dt.enable {background:url('img/fondMenuHover33.png') top left repeat-x;}
#menu dl dt a:hover {background:url('img/fondMenuHover33.png') top left repeat-x; padding-left:14px;}
#menu dl dd {display:block; margin-left:0px; padding:0px; line-height:18px;}
#menu dl dd a {padding-left:28px;}
#menu dl dd.enable {background:url('img/fondMenuHover18.png') top left repeat-x;}
#menu dl dd a:hover {background:url('img/fondMenuHover18.png') top left repeat-x;}



/* @end */

/* @group Contenu */

#contenu {
	border-left:dotted #8C8C8C 1px;
	vertical-align:top;
	padding: 15px;
	background: #FFF url('img/fondContenu.png') no-repeat right bottom;
}

#contenu h1 {
	margin-right: -15px;
	margin-left: -15px;
	margin-top: -15px;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(img/fondH1Contenu.png); line-height:30px; text-align:left; font-size:20px;
	padding:0px 10px; background-color:#DDD; border-bottom:solid #8C8C8C 1px;
}
#contenu div {}



/* @end */



/* @end */

/* @group Pied */

#pied {
	background:url('img/fondPied.png') top left repeat-x;
	text-align:center;
	line-height:22px;
	font-size:12px;
	text-shadow:#3A67AD 2px 2px 5px;
}
#pied a:link, #pied a:visited {color:black; text-decoration:none;}
#pied a:hover, #pied a:active {color:black; text-decoration:underline;}
#pied td {border-top:solid #8C8C8C 1px; border-bottom:solid #8C8C8C 1px;}



/* @end */



/* @end */

/* @group Classes */

.gauche {float:left;}
.droite {float:right;}
.centre {text-align:center;}
.image {margin-top: 1px; margin-bottom: 2px; margin-right: 10px; margin-left: 10px; }
.important {color:red; font-style: italic; background-color:#FDD; padding:1px 1ex; border:solid red 1px;}
.gras {font-weight:bold;}
.petit {font-size:80%;}
.grand {font-size:120%;}

/* @group Bloc de News */

.bloc {margin:3px; border:solid gray 1px; background-color: white;}
.bloc h3 {margin:0px; background:#3A67AD; color:white; padding:0.5ex 1em;}
.bloc h3 a {color:white; background-color: transparent;
	text-decoration: none;
}
.bloc h3 a:hover {text-decoration: underline;}
.bloc .blocContenu {padding: 15px; margin:0px;}
.bloc .blocContenu h4 {padding: 15px; margin:0px 0px 10px 0px;}
.bloc img {border:solid black 1px; margin:3px;}
.bloc p {text-indent:3em; text-align:justify; margin: 0px;}
.bloc p.blocAuteur {text-align: right; font-size:75%; font-weight:bold; font-style: italic; margin: 1em 0px 0px 0px; clear:both;}



/* @end */

/* @group Liste pour les partenaires */

.listeInvisible {
	list-style-type: none;
	list-style-position: inside;
	display: inline;
}

.listeInvisible li {
	clear: both;
	border-left: 10px solid #3A67AD;
	border-top: 2px solid #3A67AD;
	border-right: 1px dotted #3A67AD;
	border-bottom: 1px dotted #3A67AD;
	background-color: #E6EDF7;
	padding: 10px;
	margin: 10px;
	display: block;
}



/* @end */

/* @group Pour les tableaux */

.tablo {
	width: 100%;
	border: 1px solid #3A67AD;
	background-color: white;
	margin-bottom: 2em;
}

.tablo tr {
	
}

.tablo thead {
	color: white;
	background-color: #3A67AD;
}

.tablo thead th {
	text-align: center;
	padding: 3px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.tablo thead td {
	font-size: 80%;
}

.tablo tbody {
	
}

.tablo tbody tr.alt {
	background-color: #f1f5fa;
}

.tablo tbody tr th {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	background: url(img/fondH1Contenu.png) repeat-x center bottom;
	border-top: 1px solid #3A67AD;
	border-right: 1px solid #3A67AD;
	border-left: 1px solid #3A67AD;
	letter-spacing: 0.5ex;
	border-bottom: 1px solid #8C8C8C;
	line-height: 30px;
}

.tablo tbody tr td {
	border-bottom: 1px solid #3A67AD;
	border-right: 1px solid #3A67AD;
	padding: 3px;
}

.tablo tbody tr td.firstCel {
	border-left: 1px solid #3A67AD;
	font-weight: bold;
	text-align: left;
}



/* @end */



/* @end */