@CHARSET "ISO-8859-1";

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	behavior:url('css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}

#principal {
	position: relative;
	width: 936px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#popPrincipal {
	position:absolute;
	top:0px;
	width:804px;
	height: 670px;
	background-color: #FFFFFF;
}
#logo {
	position: absolute;
	width: 381px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/jtc_logo.gif);
	cursor: hand;
	z-index:200;

}
/* menu*/
#menu {
	position: absolute;
	height: 27px;
	top: 35px;
	left: 385px;
	width: 520px;
	z-index: 200;
}
ul { margin: 0px; padding: 0px}

li {  list-style: none; }
.btmenu {height:27px;}
.btmenu:hover div.menu_niv_1{
	display:block;
}
#rub1, #rub2, #rub3, #rub4, #rub5, #rub1On, #rub2On, #rub3On, #rub4On, #rub5On  { 
	position:relative;
	float: left;
	display: block;
	width: 100px;
	background-image: url(../images/rub_off_01.gif);
}
#rub2 { background-image: url(../images/rub_off_02.gif); width: 89px;}
#rub3 { background-image: url(../images/rub_off_03.gif); width: 106px;}
#rub4 { background-image: url(../images/rub_off_04.gif); width: 101px; }
#rub5 { background-image: url(../images/rub_off_05.gif); width: 90px;}

#rub1:hover, #rub1On {
	background-image: url(../images/rub_on_01.gif);
}
#rub2:hover, #rub2On { background-image: url(../images/rub_on_02.gif); width: 89px;}
#rub3:hover, #rub3On { background-image: url(../images/rub_on_03.gif); width: 106px;}
#rub4:hover, #rub4On { background-image: url(../images/rub_on_04.gif); width: 101px;}
#rub5:hover, #rub5On { background-image: url(../images/rub_on_05.gif); width: 90px;}

div.menu_niv_1{
	position:absolute;
	top:27px;
	left:0px;
	width:100px;
	display: none;
    text-align: left;
}

div.niv1, div.niv1 a:visited, div.niv1 a:hover, div.niv1 a {
	position:relative;
	width:96px;	
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	FONT-SIZE: 11px;
    COLOR: #50A3C9;
    FONT-FAMILY: verdana;
    font-weight:bold;
    WHITE-SPACE: nowrap;
    TEXT-DECORATION: none;
    cursor:hand;

}
div.niv1:hover, div.niv1 a:hover { color: #44240A;}

.spacer{
	width: auto;
	height:27px;
	cursor:hand;
}
/* fin Menu */

/* home */
#home{
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 0px;
}
/* fin home */

/* Page */

#centre {
	position: absolute;
	z-index: 1;
	top: 120px;
	left: 30px;
	height: 450px;
	width: 870px;
	background-image: url(../images/fond_contenu.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
#contenu_texte, #contenu_contact {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 390px;
	height: 450px;
	overflow: auto;
	text-align: justify;
	padding-right: 10px;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	scrollbar-3dlight-color: #9CD3EC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #9CD3EC;
	scrollbar-darkshadow-color: #9CD3EC;
	scrollbar-face-color: #9CD3EC;
	scrollbar-highlight-color: #9CD3EC;
	scrollbar-shadow-color: #9CD3EC;
	scrollbar-track-color:WHITE;		
}
#contenu_texte ul {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: #000000;
}
#contenu_contact {
	width: 700px;
	height: 450px;
	left: 190px;
}

#contenu_contact label{
	float: left;
	width: 300px;
	border-bottom: 1px solid #EEEEEE;
}
#contenu_contact .inputBox{
	float: left;
	width: 350px;	
	color:#6d5151;
	background-color:#ded1c1;
	border: 1px;
}
#contenu_photo {
	position: absolute;
	top: 0px;
	left: 420px;
	width: 450px;
	height: 450px;
}
.normal {	
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
}
.gras {	
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}
.grosGras {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;	
}
/* Fin Page */

/* Reference */
#centreRef {
	position: absolute;
	z-index: 1;
	top: 127px;
	left: 0px;
	height: 450px;
	width: 936px;
	background-image: url(../images/fond_reference.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
#bloc_droit{
	position:absolute;
	visibility:visible;
	top: 0px;
	left: 0px;
}
#rech_titre{
	position:absolute;
	top:0px;
	left: 21px;
	width:181px;
	height:17px;
	background-color: #44240A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#C6E3F2;
	font-size:15px;
	padding:5px;
}
#rech_contenu{
	position:absolute;
	top: 27px;
	left: 21px;
	width:181px;
	height: 420px;
	background-color:#C6E3F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding-top:10px;	
	padding-left:5px;
	padding-right:5px;
	color:#44240A;
	font-size:12px;
}
.rech_lien, a.rech_lien:link, a.rech_lien:visited, a.rech_lien:hover {text-decoration:none; color: #44240A}

#liste_ref{
	position:absolute;
	visibility:visible;
	top: 0px;
	left:257px;
	height: 457px;
	width: 677px;
	overflow: auto;
	scrollbar-3dlight-color: #9CD3EC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #9CD3EC;
	scrollbar-darkshadow-color: #9CD3EC;
	scrollbar-face-color: #9CD3EC;
	scrollbar-highlight-color: #9CD3EC;
	scrollbar-shadow-color: #9CD3EC;
	scrollbar-track-color:WHITE;	
}


.bloc_ref{
	position:relative;
	width:660px;
	height:120;
	margin-bottom:10px;
}
.bloc_ref_photo{
	position:relative;
	float:left;
	width:160px;
	height:120px;
}
.bloc_ref_titre{
	position:relative;
	float:left;
	width:460px;
	height: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	color: #FFFFFF;
	background-color:#44240A;
	margin-left:16px;
	text-decoration:none;
}
.bloc_ref_contenu{
	position:relative;
	float:left;
	width:450px;
	height:89px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #44240A;
	background-color: #C6E3F2;
	line-height:17px;
	text-decoration:none;
	padding:5px;
}
.clear {clear:both;}

a:link, a:hover {
	text-decoration: none;
	cursor:hand;
	color: #FFFFFF;
}

#contenu_texte a:link, #contenu_texte a:hover,a:visited {
	text-decoration: underline;
	cursor:hand;
	color: #50A3C9;
}

select{
	width:160px;	
	font-size:10px;
	color:#6d5151;
	background-color:#ded1c1;
}
#pop_bando{
	position:absolute;
	background-color:#FFFFFF;
	top:0px;
	width:800px;
	height:115px;
}
#pop_bando_menu{
	position:absolute;
	background-color:#44240A;
	color: #FFFFFF;
	top:115px;
	width:800px;
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	padding-left:15px;
}
#pop_bloc_droit{
	position:absolute;
	visibility:visible;
	top: 137px;
	left:0px;
}
#ref_titre{
	position:absolute;
	top:20px;
	left:5px;
	width: 300px;
	height:17px;
	background-color:#44240A;
	color: #C6E3F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	font-size:15px;
	padding:5px;
}
#ref_fiche{
	position:absolute;
	top:47px;
	left:5px;
	width:300px;
	height: 470px;
	background-color:#C6E3F2;
	color: #44240A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	padding-top:10px;	
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}
.ref_lib, .ref_val {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3F382D;
	font-weight:bold;
	line-height:20px;
	text-align:left;
}
.ref_val {
	color:#584E3F;
	line-height:12px;
}
#ref_photo_vign2{
	position:absolute;
	top:157px;
	left:320px;
	width: 160px;
	height: 120px;

}
#ref_photo_vign3{
	position:absolute;
	top: 157px;
	left: 482px;
	width: 160px;
	height: 120px;

}
#ref_photo_vign4{
	position:absolute;
	top: 157px;
	left: 644px;
	width: 160px;
	height: 120px;

}
#ref_photo_big{
	position:absolute;
	top: 280px;
	left: 320px;
	width: 484px;
	height: 363px;
}
/* fin Référence */

/* Actualités */
#centreActu {
	position: absolute;
	z-index: 1;
	top: 127px;
	left: 0px;
	height: 420px;
	width: 936px;
	background-image: url(../images/fond_actu.gif);
	background-position: top left;
	background-repeat:no-repeat;
}

#contenu_actu{
	position:absolute;
	visibility:visible;
	top:0px;
	background-color: #44240A;
	height:443px;
	overflow:auto;
	left: 188px;
	width: 715px;
	scrollbar-3dlight-color: #9CD3EC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #9CD3EC;
	scrollbar-darkshadow-color: #9CD3EC;
	scrollbar-face-color: #9CD3EC;
	scrollbar-highlight-color: #9CD3EC;
	scrollbar-shadow-color: #9CD3EC;
	scrollbar-track-color:WHITE;	
}
#actualite {
	position:absolute;
	visibility:visible;
	top: 15px;
	left: 82px;
}
#liste_actu {
	position:absolute;
	visibility:visible;
	top: 55px;
	left: 82px;
}
.bloc_actu{
	position:relative;
	width: 582px;
	min-height: 120px;
	margin-bottom:10px;
	background-color: #FFFFFF;
}
.bloc_actu_photo {
	position:relative;
	float:left;
	width: 160px;
	height: 120px;
	margin-right: 10px;
}
.bloc_actu_titre{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
}
.bloc_actu_contenu{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 400px;
	text-align: justify;
}
/* fin Actualités */