/* CSS Document */
body, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f2f1e9;
	height:100%;
}
img {
	border:0;
}
#page {
	width:913px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border-left:1px solid white;
	border-right:1px solid white;
}
#logo {
	vertical-align:bottom;
	width:294px;
	padding-bottom:12px;
}
#accCl {
	background-color:#999999;
}
#btAcc {
	background-color:#222d80;
	width:54px;
}
#ongletsHaut {
	border-top:1px solid white;
	border-left:1px solid white;
}
#ongletsHaut img {
	border-right:1px solid white;
}
#accesClients {
	background-color:#999999;
	color:white;
	font-size:9px;
	width:120px;
	height:80px;
	padding-left:30px;
	padding-top:10px;
}
#accesClients a {
	color:white;
}
#accesClients a:hover {
	color:black;
}
#accesClients form {
	padding:0;
	margin:0;
}
#accesClients input[type="text"],#accesClients input[type="password"] {
	color:black;
	font-size:9px;
	width:80px;
	padding:1px;
	border:0;
	margin:0;
}
#pubHaut {
	width:425px;
	background-color:#222d80;
	padding:10px;
}
#onglets {
	padding-top:5px;
	font-size:10px;
	font-weight:bold;
}
#onglets ul {
	padding:0 0 0 5px;
	border-bottom:1px dotted #222d80;
	height:36px;
}
#onglets li {
	list-style:none;
	display:inline;
	float:left;
	width:140px;
	height:36px;
	border-bottom:1px dotted #222d80;
	margin-right:3px;
}
#onglets li:hover {
	border-bottom:1px solid white;
}
#onglets li.li2 {
	list-style:none;
	display:inline;
	float:left;
	width:140px;
	height:36px;
	border-bottom:1px solid white;
	margin-right:3px;
}
#onglets li.li2:hover {
	border-bottom:1px dotted #222d80;
}
#onglets a.ong {
	background-image:url(../images/onglet-bleu.gif);
	color:white;
	width:140px;
	height:21px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:15px 0 0 0;
}
#onglets a.ong:hover {
	background-image:url(../images/onglet-orange.gif);
	width:140px;
	height:21px;
	display:block;
	color:#222d80;
	text-decoration:none;
	text-align:center;
	padding:15px 0 0 0;
	margin:0 3px 0 0;
}
#onglets a.ong2 {
	background-image:url(../images/onglet-orange.gif);
	color:#222d80;
	width:140px;
	height:21px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:15px 0 0 0;
}
#onglets a.ong2:hover {
	background-image:url(../images/onglet-bleu.gif);
	width:140px;
	height:21px;
	display:block;
	color:white;
	text-decoration:none;
	text-align:center;
	padding:15px 0 0 0;
	margin:0 3px 0 0;
}
#zoneAffiliation {
	width:140px;
	text-align:center;
	vertical-align:top;
	padding-top:30px;
}
#content {
	vertical-align:top;
	padding:30px 30px 30px 30px;
}
#content h1 {
	color:#FF6600;
	font-size:18px;
	line-height:0px;
}
#content h2 {
	color:#222d80;
	font-size:14px;
	border-bottom:1px dotted #999999;
}
#content h3 {
	color:#ff6600;
	font-size:12px;
}
#content h4 {
	color:#ff6600;
	font-size:16px;
}
#content p, #content li{
	color:#222d80;
	font-size:12px;
}
#content li {
	list-style-image:url(../images/puce.gif);
	line-height:20px;
}
.tbl_esp {
	width:30px;
}
.tbl2col {
	vertical-align:top;
	color:#222d80;
	font-size:12px;
	width:340px;
}
#basPage {
	clear:both;
	border-top:1px solid #ff6600;
	padding:10px 30px 0px 30px;
	margin-top:10px;
}
#basPage a {
	font-size:12px;
	color:#222d80;
	text-decoration:none;
}
#basPage a:hover {
	color:#ff6600;
}
#copyrights {
	font-size:10px;
	color:#666666;
	padding:0px 30px 30px 30px;
}
#copyrights td {
	vertical-align:top;
}
#copyrights td.logos {
	width:207px;
}
#copyrights a {
	color:#666666;
	text-decoration:none;
}
#copyrights a:hover {
	color:#FF6600;
}
#resultats td, #resultats th{
	font-size:12px;
	color:#222d80;
}
#resultats th {
	background-color:#FF6600;
	border-bottom:#222d80;
	color:#ffffff;
}
#resultats2 td, #resultats2 th{
	font-size:12px;
	color:#222d80;
}
#resultats2 th {
	background-color:#FF6600;
	border-bottom:#222d80;
	color:#ffffff;
}
.pagination {
	color:#999999;
	font-size:12px;
}
.pagination a {
	color:#222d80;
}
.pagination a:hover {
	color:#ff6600;
}
.normal {
	background-color:#FFFFFF;
}
.alt {
	background-color:#FFFF99;
}
.tblEspClient th{
	background-color:#FF6600;
	border-bottom:1px solid #222d80;
	color:#ffffff;
	text-align:right;
	font-size:12px;
}
.tblEspClient td{
	background-color:#FFFFFF;
	border-bottom:1px solid #222d80;
	color:#222d80;
	font-size:12px;
	color:#222d80;
}
.tblEspClientH th{
	background-color:#FF6600;
	border-bottom:1px solid #222d80;
	color:#ffffff;
	text-align:center;
	font-size:12px;
}
.tblEspClientH td{
	background-color:#FFFFFF;
	border-bottom:1px solid #222d80;
	color:#222d80;
	font-size:12px;
	color:#222d80;
}
.contourAnim {
	
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed #ff6600;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 120px; /*position where enlarged image should offset horizontally */

}
#menuCat {
	font-size:12px;
	color:#000000;
	margin:22px;
	padding:0;
}
#menuCat li {
	line-height:16px;
	border-bottom:1px dotted #666666;
	list-style:square;
}
.colMenu {
	vertical-align:top;
	width:200px;
}
#menuCat a {
	color:#666666;
	text-decoration:none;
}
#menuCat a:hover {
	color:#ff6600;
	font-weight:bold;
	margin-left:3px;
}
#menuCat a.selecte {
	color:#ff6600;
	font-weight:bold;
}
#menuCat a.selecte:hover{
	color:#000000;
}