/* CSS Document */
@font-face {
    font-family: 'Conv_IsonoMon';
    src: url('fonts/IsonoMon.eot');
    src: url('fonts/IsonoMon.eot?#iefix') format('embedded-opentype'),
         url('fonts/IsonoMon.woff') format('woff'),
         url('fonts/IsonoMon.ttf') format('truetype'),
         url('fonts/IsonoMon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	padding:0;
	margin:0;
}
html, body {
	font-size:13px;
	font-weight:normal;
	color: #000000;
	background-color: #fff;
	text-align:left;
	font-family: 'Conv_IsonoMon', arial;
}

a {
	color:#eb7231;
	text-decoration:none;
	border-bottom: none;
	/*font-weight:bold;*/
}
a:hover, .select {
	text-decoration:none;
	border-bottom: none;
	color:#000; 
}
strong {
	color:#eb7231;
	font-weight:normal;
}
img { margin:0; padding: 0; border:0px; display:inline; }
img a:hover { text-decoration:none; border:none; }

h1 {	font-size:200%; font-weight:normal; color: #000000; padding-top:7px; }
h2 {font-size:170%; font-weight:normal; padding-top:8px; }
h3 {font-size:130%; font-weight:normal; text-transform:uppercase; }
h4 {font-size:100%; font-weight:normal; }
h5 {font-size:80%; font-weight: normal; }
h6 {font-size:70%; font-weight: normal; color:#990000; }
p { padding-top:5px; }
pre {font-size:100%; color:#fff; text-transform:uppercase; font-weight:normal; background-color:#000; padding:5px; }
address {font-size:90%; color:#000; font-weight:normal; font-style: normal; background-color:#ff9999; padding:8px; }

#container {
	position:relative;
	left: 50%;  
	top: 10px;
	width: 900px; 
	margin-left: -450px; /* moitié de la largeur */ 
	min-height:300px;
}
#header{
	clear:both;
	float:left;
	width:900px;
}
.colGauche {
	float:left;
	width:135px;
	text-align:center;
}
.colGauche a {
	color:#000;
	font-size:120%;
	
}
.ligneBasse {
	position:relative;
	top:0;
	height:350px;
	border-bottom:1px solid #000;
}
.colDroite {
	float:left;
	width:135px;
	text-align:left;
}
#medias {
	position:absolute;
	left:20px;
	bottom:5px;
	margin:0;
	padding:0;
}
#medias ul li {
	display:inline;
	margin:0;
	padding:0;
}
#zoneVisuel {
	overflow:hidden;
	margin:auto;
	background-color:#000;
}
.visuel {
	float:left;
	width:630px;
}
#menuHaut {
	text-align:center;
	padding:0;
	margin:auto;
	margin-top:65px;
	vertical-align:bottom;
}
#menuHaut img {
	display:block;
	margin:auto;
	padding:0;
	padding:10px;
	width:30px;
}
#menuHaut ul {
	list-style:none;
}
#menuHaut ul li {
	display:block;
	margin:0;
	padding:0;
}
#menuHaut li {
	liST-STYLE-TYPE: none; POSITION: relative; display:block; 
}
#menuHaut li a {
	cursor:default;
}
#menuHaut li:hover ul.niveau2 {
	DISPLAY: block
}
#menuHaut li.sfhover ul.niveau2 {
	DISPLAY: block
}
#menuHaut ul ul {
	DISPLAY: none;
	PADDING-LEFT: 0px;
	LEFT: 135px;
	POSITION: absolute;
	TOP: -15px;
	width:630px;
	z-index:1000;
	margin:0;
	padding:0;
	background-image:url('../images/spacer.gif');
}
#menuHaut ul ul li {
	margin:0;
	padding:0;
	margin-bottom:2px;
	background-image:url('../images/fond-menu.png');
}
*html #menuHaut ul ul {
	DISPLAY: none;
	PADDING-LEFT: 0px;
	LEFT: 135px;
	POSITION: absolute;
	TOP: 0px;
	width:630px;
	float:left;
	z-index:1000;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}
#menuHaut li li  a {
	liST-STYLE-TYPE: none; 
	POSITION: relative; 
	/*top:15px; */
	display:block;
	padding:0;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	line-height:12px;
	cursor:pointer;
}
*html #menuHaut li li a {
	font-family: 'TradeGothicRegular',Arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	TEXT-DECORATION: none;
	font-size:100%;
	liST-STYLE-TYPE: none; 
	POSITION: relative; 
	display:block;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background-color:#ccc;
	line-height:12px;
	cursor:pointer;
}
#menuHaut li li:hover {
	color:#fff;
	background-color:#eb7231;
	background-image: none;
}
#menuHaut li li a, #menuHaut li li a:hover {
	color:#fff;
}

#corps {
	float: left;
	width:900px;
}
.accueil {
	margin-top:300px;
}
#content {
	float: left;
	margin:0px;
	padding:0px;
	width:630px;
}
#content h1 {
	font-size:200%;
}
#content strong {
	color:#eb7231;
	font-weight:normal;
}
#content table {
	width:100%;
	margin:0;
	padding:0;
	border-spacing: 0px;
}
#content table tr{ 
	margin:0;
	padding:0;
}
table.saisie tr td { 
	border-bottom:1px solid #ddd;
}
#content table tr.ligneGrise td, #content table tr.ligneBlanche td {
	border-bottom:1px solid #000;
	font-size:80%;
}
.unecol {
	clear:both;
	float: left;
	width:630px;
	overflow:hidden;
}
.unecol img, .deuxcols0 img {
	margin-left:-30px;
}
.unecol p {
	padding-right:30px;
}
.unecol p  img {
	margin-top:-5px;
}
.deuxcols {
	float: left;
	width:295px;
	padding-right:20px;
}
.troiscols {
	float: left;
	width:198px;
	padding-right:12px;
}
.blocRevenir {
	float:right;
	text-align:right;
	/*width:420px;*/
	font-size:80%;
	padding:10px;
}

.boutons {
	clear:both;
	float:right;
	margin:0;
	padding:0;
	margin-top:-23px;
}
.blocCouleur {
	float:right;
	display: inline;
	background-color:#990000;
	margin:0;
	margin-left:4px;
	padding:5px 10px 5px 10px;
	text-transform:uppercase;
	font-size:90%;
}
.blocCouleur  a {
	color:#fff;
}
.blocCouleur  a:hover{
	color:#ffcccc;
}
.separation { 
	float:left;
	width:650px;
	height:4px;
	background-color:#990000;
}
#footer {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	height:40px;
}
#basdepage {
	float:left;
	height:30px;
}

.retourSaisie {
	position:absolute;
	left:815px;
	top:10px;
	z-index:1000;
	margin:5px;
	padding:5px;
	background-color:#35A8BD;
	color:#FFFFFF;
}
.retourSaisie a { color:#FFFFFF; }
.retourSaisie a:hover { color:#EEEEEE; }
