@charset "utf-8";
body {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #002CA2;
	background-color: #5883CD;
}
html, body {
	SCROLLBAR-FACE-COLOR: #5883CD;
	SCROLLBAR-HIGHLIGHT-COLOR: #5883CD;
	SCROLLBAR-SHADOW-COLOR: #5883CD;
	SCROLLBAR-3DLIGHT-COLOR: #7B9FDC;
	SCROLLBAR-ARROW-COLOR:  #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #7B9FDC;
	SCROLLBAR-DARKSHADOW-COLOR: #7B9FDC;
}
.oneColFixCtrHdr #container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/background07_11.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.oneColFixCtrHdr #header {
	padding: 28px 44px 4px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0px;
	text-align:right;
	color:#FFFFFF;
	background-color: #5883CD;
	
}
#header a:link, #header a:visited {	color:#FFFFFF; text-decoration:none; padding:0px 4px; font-weight:bold;}
#header a:hover {color:#002CA2; text-decoration:none;}
.oneColFixCtrHdr #subheader {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0px;
	text-align:center;
	height:196px;
	background-image: url(images/background07_01.gif);
	background-position: center top;
	background-repeat: no-repeat;
	
}
#menu {	height:48px; text-align:center; margin: 0px; padding: 0px;}
.menu01 a:link, .menu01 a:visited { width:99px; height:48px; background-image:url(images/menu_02.gif); background-repeat:no-repeat; background-position:left top; margin:0px; padding:0px; display:block;}
 .menu01 a:hover, .menu01 a:focus { background-image:url(images/menu_02-over.gif); background-repeat:no-repeat; background-position:left top;}
.oneColFixCtrHdr #mainContent {	padding: 0px; margin: 0px; background-image: url(images/background07_10.gif); background-repeat: no-repeat; background-position: center top; display:block;}
.oneColFixCtrHdr #mainContent2 {padding: 0px; margin: 0px; background-image: url(images/background07-Ocean-en_10.gif); background-repeat: no-repeat; background-position: center top; display:block;}
#content {padding: 0 28px 10px 206px; margin:0px; background-repeat:repeat-y; background-position:center top; background-image:url(images/background07_11.gif); text-align: justify;}
#news {	width:159px; float:left; margin:0px; padding: 14px 10px 0px 17px; font-size:10px; display:inline;}
#news p {color:#5F4655;}
#news ul, #news ol {margin-top:5px; margin-bottom: 5px;}
#news ul li, #news ol li {margin-bottom:2px; color:#5F4655;}
#news ul li a:link, #news ul li a:visited, #news ol li a:link, #news ol li a:visited {text-decoration:underline; color:#5F4655;}
#news ul li a:hover, #news ol li a:hover {text-decoration:none; color:#5883CD;}
.titrenews {color:#910091; font-weight:bold; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-top:0px; padding-top:0px;}
#subtitreblue {	font-weight:bold; font-size: 11px; margin-top:0px; padding-top:0px;}
#subtitreblue a:link, #subtitreblue a:visited { color:#5F4655; text-decoration:underline;}
#subtitreblue a:hover {color:#5883CD; text-decoration:none;}
.oneColFixCtrHdr #footer {
	padding: 5px 0px 0px 180px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color: #FFFFFF;
	font-size: 9px;
	height: 60px;
	background-image:url(images/background07_12.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	margin: 0px;
	clear:both;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #002CA2;
	text-align: center;
}
#footer a:link, #footer a:visited {	color:#5883CD; text-decoration:none; padding:0px; margin:0px 7px 0px 7px; font-weight: bold; font-size: 10px;}
#footer a:hover {text-decoration:none; color: #002CA2; }
.book {	display:block; clear:both;}
p {	padding:0px; margin:5px 0px 10px 0px; color: #002CA2;}
p a:link, p a:visited {	text-decoration:underline; color:#5883CD;}
p a:hover {	text-decoration:none; color:#534B4A;}
.top-page {	text-align:center; padding-top:15px; font-size:11px;}
.top-page a:link, .top-page a:visited { text-decoration:none; color:#5883CD;}
.top-page a:hover {text-decoration:underline; color:#534B4A;}
H1 {FONT-SIZE: 15px; color: #CC3333; letter-spacing: 1px; margin: 0px; padding: 5px 0px 14px 160px; text-align: center;}
H4 {FONT-SIZE: 15px; color: #CC3333; letter-spacing: 1px; margin: 0px; padding: 7px 0px 4px 160px; text-align: center;}
H2 {FONT-SIZE: 13px; color: #002CA2; margin: 0 0px 10px 0px;}
H3 {FONT-SIZE: 13px; color: #3168AC; margin: 20px 0px 10px 0px;}
.H3 {FONT-SIZE: 13px; color: #3168AC; font-weight:bold;}
.portrait {width:250px; margin:0px 0px 15px 22px; float:right; text-align: center; font-size: 10px; color: #534B4A;}
#title{color:#FFFFFF; background-color: #5883CD; font-weight: bold; height: 24px;}
#odd {background-color: #EDF2F8; }
.maintitle {padding-top: 15px;}
ul, ol {margin-top:5px;}
ul li, ol li {margin-bottom:5px;}
ul li a:link, ul li a:visited, ol li a:link, ol li a:visited {text-decoration:underline; color:#5883CD;}
ul li a:hover, ol li a:hover {text-decoration:none; color:#534B4A;}
#pop {
	width:770px;
	height:auto;
	padding:15px 15px 0px 15px;
	margin:0;
	border:solid #002CA2 4px;
	position:absolute;
	top:20px;
	background-color:#FFFFFF;
	z-index:1000;
	display:none;
	left:50%;
	text-align:left;
	margin-left:-385px;
}
hr {color:#5F4655; height:1px; width:100%; text-align:center; padding: 0px; margin: 8px 0px 13px 0px; }
#rainbow {width:160px; text-align:center; padding: 0px; margin: 23px 0px 23px 0px;}
#acheter {margin:0px; padding:4px 0px 0px 0px; float:right; display:block; height:40px; width:110px; color: #5F4655; font-weight: bold; font-size: 11px;}
#acheter input {border: solid #5F4655 1px; margin-top:4px; color: #5F4655;}
#acheter2 {	margin:0px; padding:4px 0px 0px 0px; float:right; display:block; height:40px; width:110px; color: #5F4655; font-weight: bold; font-size: 10px;}
#acheter2 input {border: solid #5F4655 1px; margin-top:4px; color: #5F4655;}
#acheter3 {
	margin:0px;
	padding:4px 0px 6px 0px;
	color: #5F4655;
	font-weight: bold;
	font-size: 12px;
}
#acheter3 input, #acheter3 select {	border: solid #5F4655 1px; margin-bottom:4px; color: #5F4655;}
.separation {color:#FFFFFF; height:4px; width:140px; text-align:center; padding: 0px; margin: 8px 0px 12px 0px; border: dotted;}
#news p.quote {	text-align:center; font-style: italic; margin-bottom:0px; padding-bottom:0px; color: #002CA2; font-size: 12px;}
#news p.bottom-quote {padding-bottom:0px; padding-top:0px; text-align:center; margin-top:4px; font-weight:bold; color: #002CA2; font-size: 11px;}
.extrait {padding:0px 50px 10px 50px; font-size:14px; font-style:italic;}
.extrait-normal {padding:0px 30px 0px 30px; font-style:italic;}
#addtocart a, #addtocart a:visited {color: #FFFFFF; text-decoration: none;}
#addtocart a:hover {color: #5883CD; text-decoration: none;}
#addtocart {background:url(https://www.telosinfo.org/shop/design/images/medium_btn.gif) no-repeat center center; font-weight: bold; font-size: 11px; float: left; padding-top: 6px; width: 135px; height: 19px; text-align: center; vertical-align: middle;}
#donation {
	width:200px;
	height:189px;
	background-color:#FFFFFF;
	border:solid #5f4655 4px;
	position:absolute;
	z-index:150;
	margin:0 auto;
	top:10%;
	left:50%;
	visibility:hidden;
	display:block;
	text-align: center;
	vertical-align: middle;
}
#membership {
	width:200px;
	height:189px;
	background-color:#FFFFFF;
	border:solid #5f4655 4px;
	position:absolute;
	z-index:150;
	margin:0 auto;
	top:10%;
	left:50%;
	visibility:hidden;
	display:block;
	text-align: center;
	vertical-align: middle;
}
#cardsmultiple {
	height:30px;
	padding:0px 0px 10px 0px;
	margin:0px;
	text-align:center;
}
#cardsmultipleB {
	height:30px;
	padding:0px 0px 15px 0px;
	margin:0px;
	text-align:center;
}
#cardsmultiple2 {
	height:auto;
	padding:20px 0px 0px 0px;
	margin:0px;
	text-align:center;
}
#cardsmultiple-don {
	height:30px;
	padding:0px 0px 6px 0px;
	margin:0px;
	text-align:center;
}