/* CSS issu des tutoriels www.alsacreations.com/articles */


body {
	background: #FFFFFF;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
}


h1 {
font-size: 140%;
text-align: right;
}


h2	{
font-size: 100%;
text-align: right;
}

k {
font-size: 120%;
font color="#CCCCFF";
face="Comic Sans MS";
background-color:#CCCCFF;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.logo {
float: left;
margin-right: 0px;
margin-top: 0px;
border: 0;
}

.entete {
height: 100px;
width: 100%;
background: #003399;
}

.menugauche {
position: absolute;
background: transparent url("../images/jpg/col_ciel_logo03.jpg") top left no-repeat;	/* arrire-plan gnral du menu */
height: 500px;
left: 0px;
width: 180px;
}

.menugauche a{
text-decoration: none;
}

.menugauche dt {
cursor: pointer;
color: #333399;
height: 30px;
line-height: 30px;
margin: 2px 0;
border: 0px solid gray;
text-align: left;
font-weight: bold;
}

.menugauche dd {
	position: absolute;
	left: 9em;
	margin-top: -4em;
	width: 19em;
	background: #99CCFF;
	border: 1px solid gray;
}

.menugauche ul {
padding: 2px;
}

.menugauche a:hover {
text-decoration: none;
color: #FF0033;
}

.menugauche li {
text-align: left;
font-size: 100%;
line-height: 16px;
}


.menugauche li  a, #menu dt a {
color: #333399;
text-decoration: none;
display: block;
border: 0 none;
height: 80%;
}

.menugauche li,dt a:hover {
text-decoration: none;
}

.menudroit {
list-style-type: none;
margin-left: 650px;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}

.centre {
background-color: #FFFFFF;
margin-left: 181px;
margin-right: 20px;
margin-top: 0px;
hspace: 6px;
vspace: 6px;
}

.image1 {
float: right;
margin-right: 10px;
margin-left: 30px;
margin-bottom: 10px;
}

.lettre {
width: 73px ;
height: 100px;
border: 0;
}

#navig {
border-style:solid; 
border-width:0px; 
border-color:green;
color: #FFFFFF;
line-height: 16px;
width: 70em;
background: #000099;
}

#navig a:link {
color: #FFFF33; 
text-decoration:underline;
}

#navig a:visited {
color: #FF9900; 
text-decoration:underline;
}

#navig a:hover {
color:red; 
text-decoration:none;
}

#t {
color: #FF0033;
margin-left: 50px; 
font-size: 200%;
}

#rethaut {
color: #FF0033;
margin-left: 500px; 
font-size: 100%;
}

#lien {
color: #000000;
margin-left: 30px;
width: 70em;
}

#lien a:link {
color: #3333FF;
text-decoration:underline;
}

#lien a:visited {
color: #FF9900; 
text-decoration:underline;
}

#lien a:hover {
color:red; 
text-decoration:none;
}



.Style1 {font-size: x-small}

.style9 {
font-weight: bold;
font-size: 120%;
color:#0066CC;
font-family:Comic Sans MS;
background-color:#FFFFFF;
margin-left: 66px;
margin-right: 66px;
}