body,html {
text-align:center;
font:90% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(images/global6.jpg) top center repeat-y;
color:#000080;
line-height:1.2em;
margin:0;
padding:0;
}

img#banniere {
border:0;
}

img#infotechjour{
width:140;
height:198;
text-align:left;
border:0;
}

.lettrine {
float: left; 
font-size: 32pt; 
font-weight: bold;
font-family: tahoma;
color: white;
background-color: #000084; 
margin: 1px;
padding: 1px;
line-height: 1em;
}

table{
border-collapse:collapse;	
}
table#tab {
background:white;
}
table#tab td{
padding:0.33em 0.33em 0.33em 0.33em;
border:solid black 1px;
}
table#tab td#designation{
	background-color: silver;
	text-align : center;
	color: #000084;
	font-weight: bold;
	width: 150px;
}
table#tab td#symbole{
	background-color: Gray;
	color: white;
	text-align: center;
}
table#tab td#procede{
background-color: silver;
color:#000084;
}
table#tab th{
padding:0.5em 0.5em 0.5em 0.5em;
border:solid black 1px;
text-align:center;
background-color: #000084;
color:white;
font-weight: bold;
}
table#tab1{
background-color: #FFFF99;
border:solid black 1px;
color:#000084;
}
table#tab1 td{
border:solid black 1px;
text-align: center;
}

ul{
padding:0 0 0 10px;
}



h2{
font-size:1.4em;
color:#000084;
border-bottom:4px solid #848400;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#000084;
border-bottom:1px solid #848400;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

div#conteneur{
text-align:left;
margin:0 auto ;
width:860px;
}

div#tete{
width:860px;
height:100px;
}


div#gauche{
font:90% Verdana,Tahoma,Arial,sans-serif;
float:left;
width:175px;
margin:0 0 10px 0;
padding:10px 5px 0px 10px;
}

#gauche h2{
font-size:1.2em;
color:white;
border-bottom:2px solid white;
padding:0 2px 2px 2px;
margin:0 35px 5px 0;
letter-spacing:-1px;
}

#gauche h4{
font-size:1.2em;
}

#gauche div {
margin-bottom:5px;
}

#gauche a{
margin:0;
padding-right:5px;
color:white;
float:right;
}

div#gauchebas{
font:95% Verdana,Tahoma,Arial,sans-serif;
color:white;
width: 90%;
height:400px;
margin-left:auto;
margin-right:auto;
padding:5px;
}


div#gauchebas a img{
border-style: none;
}

div#gauchebas h4{
margin-top:10px;
margin-bottom:2px;
}

ul#sommaire {
list-style-type: square;
margin-left: 10px;
margin-bottom:0px;
}

div#gauchehaut{
font:95% Verdana,Tahoma,Arial,sans-serif;
color:white;
width: 90%;
height:150px;
margin-left:auto;
margin-right:auto;
padding:5px;
}


div#gauchehaut h4{
margin-top:5px;
}

div#gauchehaut h5 {
font-size:1em;
margin-bottom:0px;
}

div#gauchehaut p {
margin-bottom:10px;
margin-top:4px;
}


div#gauchehaut a{
font:bold;	
}

div#contenu{
line-height:1.5em;
float:right;
width:660px;
padding-top:5px;
padding-left:10px;
}

div#pied{
text-align:right;
clear:both;
width:860px;
border-top:4px solid #DADADA
}


.souligner {
color : #000084;
font-size:10pt;
font-weight : bold;
font-variant : small-caps;
}

#menuh{
margin:0;
padding:0;
background:black url(images/blockdefault1.gif) center center repeat-x;
float:left;
width:100%;
border:1px solid;
}

#menuh li{
display:inline;
padding:0;
margin:0;
}
#menuh li a{
font:bold Verdana,Tahoma,Arial,sans-serif;
text-decoration:none;
color:white;
float:left;
width:auto;
border-right: 1px solid white;
padding: 3px 7px;
}
#menuh li a:visited{
color:white;
}

#menuh li a:hover{
background:transparent url(images/blockactive1.gif) center center repeat-x;
color:white;
}


#forminfo
{
	width: 95%;
}

#forminfo p
{
	margin: 2px 0;
}


#forminfo fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}


#forminfo fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #000084;
font-weight: bold;
}


#forminfo label
{
	background-color: #DBE0F4;
	display: block;
        color:;
        font-weight: bold;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}



#forminfo .form_label_nostyle
{
	background: none;
}

#forminfo input, #forminfo select
{
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}


#forminfo textarea {
margin-left: 1%;
	border: #CCC 1px solid;
	background-color: #FFFFFF;
}

#forminfo input:hover, #forminfo select:hover, #forminfo input:focus, #forminfo select:focus
{
	border: #999 1px solid;
	background-color: #DBD9A9;
}


#forminfo input[type="submit"]
{
	border: #9cabdc 1px solid;
	width: 27%;
}

#forminfo input[type="submit"]:hover
{
	background-color: #000084;
color:white;
	cursor: pointer;
}

#forminfo input[type="reset"]
{
	border: #9cabdc 1px solid;

	width: 27%;
}

#forminfo input[type="reset"]:hover
{
	background-color: #000084;
color:white;
	cursor: pointer;
}
div#reader{
width:120px;
float:right;
border:solid 2px black;
padding:5px;
color : #FFCF2D;
background-color : #002A80;
text-align:center;
font-weight: bold;
}

.infotech{
clear:both;
text-align:left;
}

.infotech a{
text-decoration:none;
}
.infotech img{
border-style:none;
}

.infotech ul{

margin-left:80px;
}

.infoimg {
float:left;
}   

