* {margin: 0; padding: 0;}
	body {background : url(img_skins/ciel_fond.jpg); background-color: #7EB6FB; color: #8888BB; font-family: helvetica,arial;}
	h1,h2,h3,h4,h5,h6,h7,h8{font-family:helvetica, arial;padding:2px;margin:1px;}
	h1{color:#8888BB;font-size:80%;font-weight:normal;text-align:justify;}
	h2{color:#FF0000;font-weight:normal;text-decoration:underline;font-size:100%;text-align:justify;}
	h3{color:#FF8866;font-weight:normal;font-size:80%;text-align:justify;}
	h4{color:#CC8866;font-weight:normal;text-decoration:underline;font-size:80%;text-align:center;}
	h5{color:#FF6600;font-weight:bold;text-decoration:underline;font-size:80%;text-align:justify;}
	h6{color:#FF0000;font-weight:bold;font-size:120%;}
	l{color:#FFFFFF;font-weight:normal;text-decoration:underline;font-size:100%;text-align:center;}
	p{color:#FF8866;font-weight:normal;font-size:80%;text-align:center;}
	a{color:#5555FF;font-weight:normal;text-decoration:underline;font-size:100%;}
	a:hover{color:#FF5555;font-weight:normal;text-decoration:underline overline;font-size:100%;}
	a.new{color:#FF0000;font-weight:normal;text-decoration:underline;font-size:100%;}
	a:hover.new{color:#FF5500;font-weight:normal;text-decoration:underline overline;font-size:100%;}
	a.bold{color:#5555FF;font-weight:bold;text-decoration:underline;font-size:100%;}
	a:hover.bold{color:#9999FF;font-weight:bold;text-decoration:underline overline;font-size:100%;}
	a.special{color:#FFFFFF;font-weight:bold;text-decoration:underline;font-size:100%;}
	a:hover.special{color:#FF33FF;font-weight:bold;text-decoration:underline overline;font-size:100%;}
	a.newbold{color:#FF0000;font-weight:bold;text-decoration:underline;font-size:100%;}
	a:hover.newbold{color:#FF5500;font-weight:bold;text-decoration:underline overline;font-size:100%;}
	a.smlbld{color:#880088;font-weight:bold;text-decoration:underline;font-size:80%;}
	a:hover.smlbld{color:#DD0088;font-weight:bold;text-decoration:underline overline;font-size:80%;}
	a.smlbldnew{color:#FF0000;font-weight:bold;text-decoration:underline;font-size:80%;}
	a:hover.smlbldnew{color:#FF5588;font-weight:bold;text-decoration:underline overline;font-size:80%;}
	a.grolien{color:#8888FF; font-weight:bold; font-size:80%;}
	a:hover.grolien{color:#CC88FF; font-weight:bold; font-size:80%;}
	a.gronew{color:#FF4488; font-weight:bold; font-size:80%;}
	a:hover.gronew{color:#FF8844; font-weight:bold; font-size:80%;}

	.grorose{color:#FF77FF;font-weight:normal;text-decoration:none;font-size:110%;text-align:justify;}
	.imgbandeau{padding: 2px; border: 0px solid; height: 20px; width: 88px; float: left;}
	.imgedito{width:132px; height:130px;}
	.titre{color:#FF8866; text-decoration:overline; font-weight:bold; font-size:100%;}
	.avertissement{color:#FF4444; text-decoration:underline; font-weight:bold; font-size:100%;}

#tout
{
width:100%;
height:100%;
margin:auto;
}

#haut
{
top:0em;
width:100%;
height:1.5em;
border-top:0.2em solid #CCCCFF;
border-bottom:0.2em solid #CCCCFF;
border-right:0px;
border-left:0px;
position:relative;
margin:auto;
background:none;
text-align:center;
}

#titre
{
top:45px;
width:295px;
height:50px;
left:2em;
position: relative;
background: url(img_skins/ciel_titre.gif) no-repeat;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
margin:auto;
}

#menuedito
{
z-index:1;
left:35%;
top:2.5em;
position:relative;
width:60%;
border-right:2px dotted #FFFFFF;
border-left:2px dotted #FFFFFF;
border-top:6px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
background:none;
}

#edito
{
position:relative;
min-height:129px;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background: url(img_skins/ciel_edito.gif) no-repeat;
}

#newstitre
{
position:relative;
top:2em;
width:270px;
height:60px;
left:38%;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background: url(img_skins/ciel_news.gif) no-repeat;
}

#menu2
{
z-index:1;
left:35%;
top:2.5em;
position:relative;
width:48%;
border-right:2px dotted #FFFFFF;
border-left:2px dotted #FFFFFF;
border-top:6px solid #FFFFFF;
border-bottom:2px dotted #FFFFFF;
background:none;
}

#oldnews
{
position:relative;
top:2em;
padding:5px;
width:18em;
left:32%;
border-top:2px dotted white;
border-bottom:2px dotted white;
border-right:0px;
border-left:0px;
background:none;
}

#gauche
{
position:absolute;
top:3.8em;
width:30%;
min-width:210px;
left:1%;
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
background:url(img_skins/ciel_fond2.jpg) no-repeat #7EB6FB;
}

#chhead
{
width:180px;
height:155px;
top:0.5em;
padding:10px;
position:relative;
text-align:center;
margin:auto;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:none;
}

#menugauche
{
position:relative;
max-width:220px;
background:none;
border-top:0px;
border-left:2px dotted white;
border-right:2px dotted white;
border-bottom:0px;
margin:auto;
}

#liens
{
position:relative;
padding:10px;
width:70%;
min-width:7.5em;
left:5%;
border-left:2px dotted white;
border-right:0px;
border-top:0px;
border-bottom:0px;
background:none;
}

#saucisses
{
min-width:200px;
position:relative;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:none;
}

#cadrewebcam
{
position: relative;
min-width: 12em;
height:160px;
width: 0.01%;
margin:auto;
text-align:center;
border-right:0px;
border-left:0px;
border-top:2px dotted white;
border-bottom:2px dotted white;
background:none;
}

#webcam
{
position: relative;
margin: auto;
height: 122px;
width: 162px;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:none;
}

#news
{
z-index:1;
position:relative;
width:100%;
border-right:0px;
border-left:0px;
border-top:4px solid #8888FF;
border-bottom:4px solid #CCCCFF;
background:none;
}

#rocket
{
z-index:2;
position:absolute;
width:107px;
left:85%;
height:426px;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:url(Accueil/rocket.gif) no-repeat;
}

#interlude
{
position:relative;
left:5%;
width:35%;
min-width:220px;
top:4em;
border-right:0px;
border-left:0px;
border-top:5px dotted darkblue;
border-bottom:2px dotted white;
background:none;
}

#conseil
{
top:4.5em;
position:relative;
width:40%;
left:35%;
margin:0;
border:0px;
background:none;
text-align:center;
}

#avert
{
top:4.5em;
position:relative;
width:40%;
left:35%;
margin:0;
border:0px;
background:none;
text-align:center;
}

#pub
{
top:4em;
position:relative;
width:70%;
left:20%;
margin:0;
border:0px;
background:none;
text-align:center;
}

#divers
{
top:4.5em;
position:relative;
width:40%;
left:35%;
margin:0;
border:0px;
background:none;
text-align:center;
}

#logo
{
float:left;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:none;
}

#grotitre
{
width:60%;
min-height:120px;
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
font-size:300%;
text-align:center;
margin:auto;
border:4px dotted white;
background:#000044;
}

#page
{
width:60%;
margin: auto;
padding:5px;
text-align:center;
border:4px dotted white;
background:#000044;
}

#photo
{
float:left;
margin:auto;
border-right:0px;
border-left:0px;
border-top:0px;
border-bottom:0px;
background:none;
}