/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #00204C url(images2/page_fond.jpg) 50% top repeat-y;
	text-align: center;
	font: normal 80%/1.5em arial, helvetica, sans-serif;
	color: black;
}

/*
================================
barre de menus haut
================================
*/
#hmenu {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-top: 1px solid #a7d4fe;
	border-bottom: 1px solid #1772cd;
	width: 1000px;
	height: 25px;
	background: url(images2/fmenuH.jpg) left top repeat-x;
	text-align: center;
	z-index: 110;
}
#hmenu dl {float:right}
#hmenu dl, #hmenu dt, #hmenu dd, #hmenu ul, #hmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hmenu dt {
	padding-top: 5px;
	width: 12em;
	height: 20px;
	font-family: tahoma, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: white;
	border-left: 1px solid #a7d4fe;
	border-right: 1px solid #1772cd;
}
#hmenu dd {
	position: absolute;
	width: 11.4em;
	border-top: 1px solid #000;
	background: white;
	padding: 1px !important;
	z-index: 120;
	text-align: left;
	visibility: hidden;
}
#hmenu li {
	display: block;
	background: #1873CD;
	margin: 2px !important;
	padding: 3px !important;
}
#hmenu a {
	color: white;
	text-decoration: none;
}
#hmenu a:hover {color: black;}
.divn3 {
	position: absolute;
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
	margin-left: 10.7em;
	padding: 0.2em;
	background: #eee;
	border: 1px solid black;
	visibility: hidden;
}
.flecheRub {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: middle;
}

/*
================================
Page
================================
*/
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	background: url(images2/fond_page.gif) left top repeat-y;
}

#baspage {
	width: 1000px;
	clear: both;
	margin: 0;
	height:1px;
}

#vague {
	position: absolute;
	width: 1000px;
	height: 55px;
	left: 0;
	top: 0;
	background: url(images2/vague.gif) left top no-repeat;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
	text-align: left;
	z-index: 100;
}

/*
================================
colonne de gauche
================================
*/
#colgauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 235px;
	text-align: left;
	background: #4D90CD;
	border-right: 1px solid #1772cd;
}
#colgauche form {display: inline;}
#colgauche label {
	display: block;
	margin: 0 auto;
	padding: 0;
	font-size: small;
	font-weight: bold;
	color: white;
}
#colgauche input[type] {
	margin: 0;
	padding: 0;
}
#colgauche p {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}
#colgauche h3 {
	margin: 0;
	margin-left: 10px;
	margin-bottom: 1em;
	color: white;
}
#coulhaut {
	width: 235px;
	height: 68px;
	background: url(images2/bHrecherche.jpg) left top no-repeat;
}
.bloc {
	padding: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	color: white;
}

/* Espace recherche et sommaire */
#rech {
	margin: 0;
	padding: 0;
	padding-top: 10px;
/*	height: 110px;	*/
	border-bottom: 1px solid #03406F;
	background: url(images2/fond_rech.jpg) left top repeat-x;
}
#rech ul, #rech li {
	color: white;
	line-height: 1.5em;
	font-weight: bold;
}
#rech li a {
	color: white;
	text-decoration: none;
}
#rech li a:hover {text-decoration: underline;}

/* Invariants */
#invariant {
	padding: 0;
	margin: 0;
	border: 0;
	height: 100px;
	background: #3C7EB8 url(images2/fond_invar.gif) left top repeat-y;
}
#invariant ul, #invariant li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#invariant ul {margin-left: 40px;}
#invariant li {margin-bottom: 10px;}
#invariant li a {margin-left: 10px;}
/*

*/
#invariant a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#invariant a:hover {text-decoration: underline;}

/* extranet  */
#extra {padding-left:10px;}
#extra a {text-decoration: none;color: white;}
#extra a:hover {text-decoration: underline;}

/*
================================
espace de contenu
================================
*/

/* Outils */
#btn {
	position: absolute;
	width: 525px;
	height: 17px;
	left: 350px;
	top: 3px;
	z-index: 110;
	text-align: right;
} /*  */

#btn ul, #btn li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#btn li {padding-left: 10px;}

#btn a {
	color: black;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana,helvetica,sans-serif;
	text-decoration: none;
}

#btn a:hover {text-decoration: underline;}

#content {
	float:right;
	width:764px;
	margin-top:20px;
}

/* .blocContenu {padding:10px;}	*/

.spetheme {
	position: relative;
	margin-left:20px;
	padding:0;
	padding-top:30px;	/**/
	padding-bottom:2px;
	padding-left:25px;
	background-position:0% 80%;
	background-repeat: no-repeat;
	font: bold 1.3em arial, Helvetica, Sans-Serif;
	background-image: url("images2/puce_rouge.gif");
}

.blocContenu h2 {color: black;}
.blocContenu h3 {color:#0179c5}
.blocContenu h5 {color: #ef3f34;}

.separation1 {
	height: 1px;
	background: black;
}

/* Espace à la Une */
#une {
	margin: 0 auto;
	border-bottom: 1px solid #074675;
	background: #f4f4f4;
}

#une h2 {margin-top:30px}

/* Espace actualités */
#actu {width:380px}
#actu ul{
	padding: 20px;
}
#actu ul, #actu li {
	margin: 0;
	list-style-type: none;
	line-height: 2em;
	font-weight: bold;
}

#actu a {
	color: #6a8dc1;
	text-decoration: none;
}

#actu a:hover {
	color: black;
	text-decoration: underline;
}

#jvsgroupe {
	position: relative;
	float: right;
	width: 270px;
	border: 1px solid #51a8ff;
	margin: 4em 20px 20px 20px;
}

#jvsgroupe h4 {text-transform: uppercase;}

#logojvsgrp {
	position: absolute;
	top: -18px;
	left: -35px;
}

.rouge {color:red}

.bleu {color:#01204c}

.txtJVSgrp {
	margin-top: 0.5em;
	margin-right: 5px;
	margin-bottom: 0.5em;
	margin-left: 55px;
}

.titreJVS {
	color: grey;
	font-weight: bold;	
}

a.titreJVS:hover {color:#000}

.resumeJVS {
	line-height: auto;
	text-decoration: none;
	color: black;
}

a.resumeJVS:hover {text-decoration:underline}

/* Espace des contenus */
#gabarit {
	margin: 0;
/*	border: 1px solid black;
	width: 690px;	*/
	width: 470px;
	margin-top: 20px;
}

#gabarit h3 {text-transform:uppercase}
.nomcontenu {display:none}
.TContenu, .TListe {
	padding: 15px !important;
	margin-bottom: 1em;
	width:100%;
}
.TListe td {
	text-align: justify;
	padding: 0.3em;
	margin: 0;
}
.TContenu td {text-align: justify;}
.TListe img {border: 0;}
/*.TContenu .resume, .TContenu .vignette {display:none} */
td.vignette img {
	margin: 5px;
	margin-top: 0;
	border: 0;
}
img.photo1, img.photo2 {
	border: 0;
	margin: 10px;
	margin-top: 0;
}

/* ============== Colonne de droite =================== */
#coldroite {
	float: right;
	width: 230px;
	margin: 0;
	padding: 0;
/*	padding-left: 5px;	*/
	margin-top: 60px;
	margin-right: 10px;
/*	border: 1px solid black;
	height: 100px;	*/
}
#coldroite h3 {
	margin-left: 20px;
}
#coldroite ul, #coldroite ul {
	padding: 0;
}
#coldroite a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#coldroite a:hover {
	text-decoration: underline;
}

/* Espace bas de page */
#bas {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	background: url(images2/fond_page.gif) left top repeat-y;
}

#bascontent {
	float: right;
	width: 764px;
	height: 25px;
	text-align: left;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #797979;
}

#bas ul, #bas li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: x-small;
	color: #797979;
}

#bas ul {
	position: absolute;
	height: 25px;
	width: 764px;
}

#bas li {
	float: left;
	margin: 0.5em auto 0 20px;
}

#bas a {
	text-decoration: none;
	color: #797979;
}
#bas a:hover {text-decoration: underline;}