/* Linkeo Optipages */
@import "/css/optipage.css";

html, body {
	height: 100%;
	margin: 0;
	background-image: url(interface/fondPage.jpg);
	background-color: #026B88;
	font-size:13px;
	}
.fondGauche {
	background-image: url(interface/fondGauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.fondDroite {
	background-image: url(interface/fondDroite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fondContenu {
	background-image: url(interface/contenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fondBandeau {
	background-image: url(interface/bandeau.jpg);
}
.gauche {
	background-image: url(interface/gauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.droite {
	background-image: url(interface/droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.baseline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B4D1E9;
}
.baseline a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B4D1E9;
	text-decoration: none;
}
.baseline a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
hr { color:#FFFFFF;}
ul          { list-style-type: none; padding-bottom:20px; margin-top:0;  }
ol          { list-style-type: square;  }


.menu {
	height: 32px;
}

.gauche #vidLinkeo{
	height:130px;
margin-left:auto;
margin-right:auto;
width:160px;}


.menu a {
	line-height: 20px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	width: 160px;
	background-color: #0A84A2;
	border: 1px solid #FFFFFF;
	margin-bottom: 2px;
	padding-right: 10px;
}
.menu a:hover {
	color: #FFFFFF;
	background-color: #1D2ACE;
}
.sep { margin:0 5px 0 5px; color:#1D2ACE;}
.imgDroite {
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #FFFFFF;
}
.imgGauche {
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #FFFFFF;
}


.linkeo_cnil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #B4D1E9;
}
#powered a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #B4D1E9;
}
#powered img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
}
h1 {
	display: none;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
p { font-size:13px; color: #FFFFFF;}
p a { font-size:13px; color: #FFFFFF;}
p a:hover { font-size:13px; color: #1D2CCF;}

h2 {font-size:18px; color: #FFFFFF; font-weight:bold; margin-bottom:3px; margin-top:3px; border-bottom:dashed thin #27E5F5; }
h3 {font-size:14px; color: #72603D; background-color:#FFFFCC;}
h4 {font-size:13px; color: #FFFFFF; font-weight:bold; }
h5 {font-size:16px; color: #27E5F5; font-weight:bold; margin-bottom:3px; margin-top:3px; border-bottom:dashed thin #0289B0; border-top:dashed thin #0289B0;  background: url(/interface/puce.gif) no-repeat top left ; padding-left:30px;  }

.plusgros { font-size:20px;}
.couleur { color: #27E5F5; font-weight:bold;}
blockquote { border:dashed thin #27E5F5; background-color:#0289B0; margin:10px; padding:10px; font-size:13px;}

.vcard .type	{ display: none; } /* ne pas modifier */ 
.vcard .email	{ display: block; } 
.vcard .adr	{ display: block; } 

#wcb  { position: absolute; top: 10px; left: 250px; z-index: 1000; }
#wcb #boutonappel 	{ text-indent : -9999px; height: 203px; width: 225px; overflow: hidden; background: url(/boutonappel.gif) no-repeat top left; display: block; }


#cont-mail  { position: absolute; top: 102px; left: 317px; z-index: 1000; }
#cont-mail img 	{ text-indent : -9999px; height: 103px; width: 148px; overflow: hidden; display: block; }









.clear{clear:both;}
.left { float: left; border:outset thin #FFFFFF; margin:0 10px -15px 0; }
.right { float: right; border:outset thin #FFFFFF; margin:0 0 0 15px; }
.center { border:outset thin #FFFFFF; margin:2px;}
.legende { font-size:10px; text-align:center; padding:0 5px 5px 5px;}

#powered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-decoration:none;
	text-align:center;
	border-top:solid thin #FFFFFF;
	display:block;
}
#powered:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	text-decoration:none;
}
#powered img {
	height: 10px;
	width: 10px;
	vertical-align: middle;
	margin-right:5px;
}