/* CSS Document */
* {margin:0;padding:0;}




ul li a
	{
	padding-left: 12px;
	background: transparent url(file:///F|/DIVX/img/arrow.gif) no-repeat 0 60%;
	}

ul li a:hover
	{
	background-position: -500px 60%;
	}
	
ul li a span { color: #999; }

ul li a:hover span { color: #443; }


p {margin-bottom:.7em}

body {
 background : #AEAEFF;
 padding-top: 20px;
 color:#000082;
 font-size: x-small;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
}
* html body{
 font-size: xx-small;/* for ie5 and 5.5. that are one size out*/
 f\ont-size: x-small;/* for ie 6*/
}

img {
border-style: none;
}

a{ color : #99CA3C; text-decoration : none; } 
a:hover { color : #3399CC; text-decoration : underline; } 

hr	{ height: 1px; border-top:1px solid #DADADA;overflow:hidden;}


#header {
	margin-left:auto;
 	margin-right:auto;
	height: 75px; 
	width: 100%; 
	padding-top: 15px; 
	border: 1px solid #FFFFFF; 
	border-top: 14px solid #FFFFFF; 
}
* html #header{/*box model hack*/
	height:105px;
	width:100%x;	
	he\ight:75px;	
	w\idth:100%;
}

#h_logo { 
	background: url(../images/jetly_logo.png) no-repeat left top; 
	float: left; 
	width: 250px; 
	height: 75px;
}

#h_logo a{
	display:block;
	width: 250px; 
	height: 75px;
	text-decoration:none;
}
#h_links {  float: left;width:250px}

h1#h_logo {text-indent:-999em}/* hide text*/
* html h1#h_logo {text-indent:0;}/* for ie5.+ as it will hide background image also*/
* html h1#h_logo span{text-indent:-999em}/* only text hidden now*/

#h_links ul.top-nav{	
	width: 105px; 
	float: left;
	list-style:none;
	margin:0;
}
* html #h_links ul.top-nav{/*ie 5.5 fix*/		
	margin-left:-16px;
	ma\rgin-left:0;
}
/* keep folllowing 2 styles together...important*/
* html ul.top-nav li {
	margin-top:-2px;
	ma\rgin-top:0;
	voice-family: "\"}\""; 
	voice-family:inherit; 
}
* html ul.top-nav li{margin-top:0;}/* for ie5 .5 and 5.5.*/
* html ul.top-nav li.top{margin-top:0}/* ie5 lands here don't delete*/

ul.top-nav a{text-decoration:none;}
#h_links .top-nav{text-indent:-999em}/* for mozilla*/
* html #h_links .top-nav{text-indent:0}/* for ie 5.= */
* html #h_links .top-nav span {text-indent:-999em}/* for ie*/

#h_search label{left:-999em;position:absolute;}

#h_search { 
	width: 228px; 
	float: left; 
	background: url(../images/serach_oncss_vault.png) no-repeat 7px 0; 
	padding: 25px 0 0 0px; 
}


.input_search,.input_submit {
	border: 1px solid #FFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background: #FFF; 
	color: #666; 
	font-weight: normal; 
	height:15px; 
}
* html .input_search,* html.input_submit {
	height:16px; 
	he\ight:15px; 
}

.input_submit {font-weight: bold; height:17px;}
* html.input_submit {height:18px;he\ight:17px;}

html>body .input_submit{position:relative;top:2px;}/* line input up*/

/* content */
h2.subheader, .subheader h2{
	margin-left:auto;
	margin-right:auto;
	height: 25px;
	padding-top: 5px;
	font-size: 11px;
	letter-spacing: -0.1em;
}
* html  h2.subheader, * html .subheader h2{
	height: 30px;
	he\ight: 25px;
}

.fullcol { 
	clear: both;
	background: #fff;
	width: 100%;
	border: 1px solid #FFF; 
	padding: 0 12px 20px;
	
}

* html .fullcol {
	width:100%;
	w\idth: 100%;
}
.outerFrame { 
	margin-left:auto;
	margin-right:auto;
	width: 100%; 
	background: #fff;
	text-align:left;
	overflow: scroll;
	overflow-y: hidden;
	overflow-x: hidden;
	
}

/* content left */
.col_left { float: left; width: 219px;background: #fff;}
/* content middle */
.col_middle {float: left; width: 219px; margin:0 33px;}
/* content right */
.col_right {float: left; width: 219px;}
.col_main {float: center; width: 100%;background: #fff;}


.col_parent {float: center; width: 80%;background: #f67;}


.conteneur{float: center; width:100%;background: #fff;text-align:left;}
.sommaire{margin-left:0px;float: left;width:200px;height:100px;	background: blue;text-align:left;}

.main{ 
	float: left;
	width:100%; 
	background: red;
	text-align:left;
	margin-left: 0px;
	height:100%;
}

.footer{float: center; width: 100%;background: yellow;}
.tete{float: center; width: 100%;background: yellow;text-align:center;}

.col_box, 
a.col_box { 
	clear: both; 
	float: left; 
	border: 5px solid #F1F1F1; 
	background-color: #FFF; 
	padding: 4px; 
	margin: 0 0 1px;
} 
a.col_box:hover {border: 5px solid #7ABBEB;}

.image{border: 1px solid #EAEEF3;}

.col_link_box {
	clear: both;
	padding: 2px 0 3px 23px;
	background:#fff url(../images/ico_info.png) no-repeat left top;
	border: 1px solid #f1f1f1;
}

.col_link, a.col_link :link, a.col_link :visited, a.col_link :active {}
a.col_link:hover  {}


.col1	{
	float: left;
	width: 536px;
	background: #fff;
	padding: 5px 5px 5px 15px;
}
* html .col1{/* box model hack */
	width: 556px;
	w\idth: 536px;
}
.col1 h2{margin-bottom:.4em;}
.col2	{
	float: right;
	width: 180px;
	background: #eee;
	padding: 0 5px 5px;
	border: 3px solid #fff;
}

* html .col2{
	width: 196px;
	w\idth: 180px;
}
.textad{
	margin: 10px 0 15px;
	position:relative;
}
/* mac hide \*/
* html .textad {height:1%}
/*  end hide */
.textad a:link, .textad a:visited	{
	text-decoration: none;
	color: #000;
}
.textad a:hover {
	color: #3399CC;
	text-decoration: underline;
}
.textad p{margin-top:1em;}


.heading {	
	height: 20px;
	margin: 5px 0;
	background: #EEF0F1;
	border: 1px solid #DDE1E3;
	overflow: scroll;
	overflow-y: hidden;
	overflow-x: hidden;
}

* html .heading{
	height:28px;
	he\ight:28px;
}

.heading h1{
	font-weight: bold;
	font-size: 15px;
	background: url(../images/ico_h1.png) no-repeat left top;
	padding: 3px 13px 3px 20px;
	border: 1px solid #FFF;
}


.grandtitre{
	font-family:Kristen ITC,Verdana;
	color:#ED3A8B;
	font-size:40px;
}

h2
	{
	position: relative;
	color: #AEAEFF;
	font: normal 1.2em/1em helvetica, arial, sans-serif;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	font-weight: bold;
	font-family: Kristen ITC,Verdana;
	/*border-top: 1px solid #000;*/
	}
	
h1
{
	position: relative;
	color: #AEAEFF;
	font: normal 1.2em/1em helvetica, arial, sans-serif;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	font-weight: bold;
	font-family: Kristen ITC,Verdana;
	font-size:26px;
}
	
h2 a { color: #d60; }
	
h2 span
	{
	color: #888;
	}
	
h2 a:hover { color: #b40; }
	
h2 a:hover span { color: #666; }



.past_entries { float:left; width: 103px;}
.noteworthy { float:left; width: 103px;}
/* Images Links */
a.m_gallery,
a.m_resources,
a.m_about,
a.m_xml_feeds,
a.m_submit_link,
a.m_advertising { 
	display:block;
	height: 21px; 
	width: 105px; 
	cursor: pointer 
}
a.m_gallery{background: url(../images/menu_off_02.png) no-repeat left top; }
a.m_gallery:hover { background: url(../images/menu_on_02.png) no-repeat left top;} 

a.m_resources{ 
	background: url(../images/menu_off_04.png) no-repeat left top; 
	height: 19px; 
 }
a.m_resources:hover { background: url(../images/menu_on_04.png) no-repeat left top;} 

a.m_about{ 
	background: url(../images/menu_off_06.png) no-repeat left top; 
	height: 20px;
}
a.m_about:hover { background: url(../images/menu_on_06.png) no-repeat left top;} 

a.m_xml_feeds {	
	background: url(../images/menu_off_03.png) no-repeat left top; 
	width: 145px;
}
a.m_xml_feeds:hover { background: url(../images/menu_on_03.png) no-repeat left top} 

a.m_submit_link {
	background: url(../images/menu_off_05.png) no-repeat left top; 
	height: 19px; 
	width: 145px;
}
a.m_submit_link:hover { background: url(../images/menu_on_05.png) no-repeat left top;} 

a.m_advertising{
	background: url(../images/menu_off_07.png) no-repeat left top; 
	height: 20px; 
	width: 145px;
}
a.m_advertising:hover {background: url(../images/menu_on_07.png) no-repeat left top;} 

.galleryList {}
.galleryList li {
	list-style: none;
	padding: 1px 0 1px 0; 
	margin: 0px;
	font-size: 10px;

}
.galleryList li a {
	color:#6699CC;
	padding: 1px 0 1px 0em; 
	text-decoration: none;

}
.galleryList li a:hover{
	background-color: #f8f8f8;
}

ul.galleryList2 {margin-bottom:3em}
.galleryList2 li	{
	list-style-type: none;
	background: url(../images/arrow.png) no-repeat -1px 0;
	padding: 0 0 0 1.1em;
    margin: 0 0 0.5em 0;
}

.galleryListImg	{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}

.galleryListImg li	{
	float: left;
	display: inline;
	margin: 0 10px 20px 0;
	padding: 0;
	width: 220px;
        height: 200px;
	font-size: 90%;
}

.galleryListImg li a	{
	text-decoration: none;
	color: #666;
}

.galleryListImg li p	{
	padding: 0;
	margin: 0;
        color: #999;
}

.galleryListImg li img	{
	border: 5px solid #ccc;
	padding: 4px;
	background: #fff;
}

.galleryListImg li a:hover img {
	border: 5px solid #F1F1F1; 
}


.box {
	padding: 5px;
	border: 1px solid #EAEEF3;
	clear: both;
	float: left;
	width: 207px;
	margin-bottom: 25px;
	text-align:center;
}


.boxmain {
	padding: 5px;
	border: 1px solid #EAEEF3;
	clear: both;
	float: left;
	width: 100%;
	heigth:100%;
	margin-bottom: 25px;
	text-align:left;
}


* html .box{
	width: 219px;
	w\idth: 207px;
}

.box p{margin-bottom: 15px;}
.resourcesList li {
	padding:0 0 0 2.1em;
	margin: 0 0 0.5em; 
	list-style: none
}
.resourcesList li p{margin:0;font-size: 10px;}
.resourcesList li a {color: #6699CC;}

.resourcesList li a:hover{color: #99CA3C;}

.siteTitle {text-decoration: none}
.resourcesList {
	margin: 1em 0; 
	padding: 0px; 
	list-style: none
}
.resourcesList p {
	color:#92979C;
	margin-bottom:.7em;
	line-height: 14px;
}

.news {}
.news li {
	padding:0 0 0 2.1em;
	margin: 0 0 0.5em; 
	list-style: none
}
.news li a {color: #6699CC;}

.news li a:hover{color: #99CA3C;}
.news h3 {
	color: #6699CC;
	font-size: 10px;
	margin: 0 0 5px;
	padding:2px 0 2px 15px;	
	background: #F9FAFA url(../images/ico_news.png) no-repeat left top;
}

.news p {
	color:#92979C;
	padding:0 0 0 15px;	
	margin: 0;
	padding-bottom: 0;
	font-size: 11px;
	line-height: 14px;
}
.news div.border {
	padding: 5px;
	margin: 0;
	margin-bottom: 15px;
	border: 1px solid #EEF0F1;
	display: block;
}


form input.submit-btn
	{
	width: 54px;
	height: 20px;
	background: #743 url(file:///F|/DIVX/img/20050321/btn-submit.gif) no-repeat;
	outline: none;
	}
	
form input.submit-btn:hover
	{
	background: #069 url(file:///F|/DIVX/img/20050321/btn-submit.gif) no-repeat 0 -20px;
	}
	
form input.preview-btn
	{
	width: 54px;
	height: 20px;
	background: #e5e5dd url(file:///F|/DIVX/img/20050321/btn-preview.gif) no-repeat;
	outline: none;
	}
	
form input.preview-btn:hover
	{
	background: #c9c9c2 url(file:///F|/DIVX/img/20050321/btn-preview.gif) no-repeat 0 -20px;
	}



form, fieldset	{
	margin: 0;
	padding: 0;
}

fieldset	{
	border: 0px solid #fff;
}



.comments-head	{
	margin: 20px 0 10px 0;
	padding: 20px 0;
}

.comments-body	{
	margin: 0;
	padding: 10px;
	border-top: 1px solid #ccc;
	color: #333;
}
.white	{
	background: #fff;
}

.gray	{
	background: #f5f5f5;
}

.comments-post	{
	font-size: 90%;
}





.designdisease, .designdisease a {
height: 32px;
width: 116px;
float: right;
cursor: pointer;
}
.designdisease {background: url(../images/designdisease.png) no-repeat left top;}

.clearer{
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	clear:both;
}


.p_c {
	border-bottom: 1px solid #EEF0F1;
	padding-bottom: 5px;
}



#footer
	{
	clear: both;
	background: #fff;
	height: 3.7em;
	}
	
#footer p
	{
	border-top: 1px dashed #aaa;
	position: relative;
	top: 2em;
	text-align: center;
	padding: 1.0em 0;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ED3A8B;
	background: #f2f2f2;
	}
	
#footer p:hover { background: #efefef; }


#menu
	{
	clear: both;
	background: #fff;
	height: 1.7em;
	}
	
#menu p
	{
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	position: relative;
	text-align: center;
	padding: 1.0em 0;
	font: 10px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background: #f2f2f2;
	}
	
#menu p:hover { background: #efefef; }



.titletable {
    text-align: center;
    background: #EEF0F1;
    border: 1px solid #DDE1E3;

}


.titletable p{
	font-weight: bold;
	font-size: 13px;
}



.tdresult {
    text-align: center;
    border: 1px solid #DDE1E3;

}


.tdresult p{
	font-weight: bold;
	font-size: 10px;
}

#err
	{
	text-align: center;
    background: #EEF0F1;
	color: red; 
	}


#err p{
	font-weight: bold;
	font-size: 10px;
}
.topnav {
	background-Color: #AEAEFF; /*#f5f5f5;*/
	color: #ED3A8B; /*silver;*/
	border-top: 1px #000082; /*1px solid silver;*/
	border-bottom: 1px #000082; /*1px solid silver;*/
	font-size: small;
	font-family: verdana, Helvetica;
}

a.navlink {
	color : #ED3A8B;
	text-decoration : none;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	font-family: Kristen ITC,Verdana;
	border-right: 1px solid silver;
	margin: 0px;
}

a.navlinkC {
	color : #000082;
	text-decoration : none;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	font-family: Kristen ITC,Verdana;
	border-right: 1px solid silver;
	margin: 0px;
}
a.navlinkC:hover { 
	color: #ED3A8B;
	text-decoration : underline;
}


a.navlink:hover { 
	color: #B51E62;
	text-decoration : underline;
	
}

td
{
	text-align:left
}


div.show
{
	position:absolute;
	visibility:visible;
	display:block;
	background-color:white;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

div.hide
{
	position:absolute;
	visibility:hidden;
	display:none;
		top:400px;
	left:150px;
}


a.picture:hover { 
	text-decoration : underline;
	border-color: #ED3A8B;
	border-width: 1px;
	border-style:solid;
}


table.layout
{
	text-align:center;
	table-layout:fixed;
}

