/*--SECTIONS--*/
body{
background:url('nimg/ciel.jpg') no-repeat fixed center; 
background-color:plum;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
margin:0;padding:0;
}
#cadre{
background:url('nimg/cielcadreblue.gif') repeat fixed;
background-color:#DDAAEE;width:88%;height:85%;
margin-top:5%;margin-bottom:5%;margin-left:4%;margin-right:4%;
}
.footer{
background-color:transparent;
margin-left:1%;margin-right:1%;
clear:both;
}
/*-------------------------------------*/
.blogo{
position:absolute;left:6%; top:10%;
background-color:transparent;border:0px solid #000;padding: 0 0 0 5px;
text-align: center;color:#FFA510; width:150px;height:150px;
}
.blogofly{
position:absolute;right:0%; top:20%;
background-color:transparent;border:0px solid #000;padding: 0 0 0 5px;
text-align: center;color:#FFA510; width:150px;height:150px;
}

/*--------------------------------------*/
#news{background-color:#FFF0F5;}
/*--------------------------------------*/
marquee{color:#7947AA;font-family:"arial";font-size:90%;}
h1{color:#79478c;font-family:"arial";font-size:90%;}
h2,h3,h4{color:#8822CC;font-family: "Verdana","arial";}
h2{color:blueviolet;}
h4{color:violet;font-size:140%;}
h5{color:#7755EE;font-size:140%;}
hr{color:#554444}
/*-------------------------------------*/
#vboxlogo {
background-color:transparent;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:100%;height:60px;
left:0%;
float:left;
}
.vboxligne{
background-color:transparent;border:0px solid #FFFFFF; padding: 0 0 0 5px;
text-align: center;color:violet;
width:99%;height:22px; left:0%; float:left;
}
/*-------------------------------------*/
.vbox24x180{
background-color:transparent;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:24%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox24x300{
background-color:transparent;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:24%;height:300px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox50x180 {
background-color:#DDAADD;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:black;
width:49%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox50 {
background-color:#DDAADD;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:black;
width:49%;height:300px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox50applet {
background-color:#DDAADD;border:0px solid #FFFFFF;
background:url('nimg/cielapplet.gif') no-repeat center; 
padding: 0 0 0 5px;
text-align: center;color:black;
width:49%;height:300px;
left:1%;
float:left;
}
/*-------------------------------------*/
#vbox2 {
background-color:#DDAADD;border:1px solid #FFFFFF;
padding: 0 0 0 0px;
text-align: center;color:#8822CC;
width:49%;height:160px;
left:1%;
float:left;
}
#vbox2:hover {
background-color: #CC99BB;border:1px solid #666644;
}
/*-------------------------------------*/
.vbox2n{
background-color:#DDAAFF;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:49%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
#vbox3 {
background-color: #CCAACC;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:32%;height:160px;
left:1%;
float:left;
}
#vbox3:hover {
background-color: #AA99CC;border:1px solid #666644;
}
/*-------------------------------------*/
.vbox4{
background-color:transparent;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:24%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox5 {
background-color:transparent;border:0px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:19%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox99{
background-color:transparent;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:99%;height:300px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox99x180{
background-color:transparent;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:99%;height:180px;
left:1%;
float:left;
}
/*-------------------------------------*/
.vbox999{
background-color:transparent;border:1px solid #FFFFFF;
padding: 0 0 0 5px;
text-align: center;color:#8822CC;
width:99%;
left:1%;
float:left;
}
img{border: 0px solid #000000;}
a:link     {color:#8822CC;text-decoration:none;}
a:hover    {color:indigo;text-decoration:underline; }
a:visited  {color:#7722BB;text-decoration:none;}
a:active   {color:#8811EE;}



/*-------------COLOR-------------------------*/
.txnewsa{ color:#33DD88;font-size:100%;}
.txnews{ color:#ffac14;font-size:100%;}
.txcol{color:#FF5555;font-size:100%;}
.txv1{ color:#5c55e5;font-size:100%;}
.txv2{ color:#ffac14;font-size:100%;}
.txv3{ color:#FF9888;font-size:100%;}
.txvert{ color:#DDDDAA;font-size:100%;}
.txvertc{ color:#55DD88;font-size:100%;}
.pub{background-color:yellow;color:red}
.titre{ color:#88AAFF;font-size:140%;}
.bleu{ color:#22AAEE;font-size:110%;}
.vert{ color:#22FF77;font-size:100%;}
.noir{ color:#000000;font-size:100%;}
/*-------------GENERAL---FFA555--Orange=FF9000--VIOLET=8811CC--BLEUNOIR=331155--------------*/
#col1 a:link     {color:#FFF922;text-decoration:none;}
#col1 a:hover    {color:#331155;text-decoration:underline;}
#col1 a:visited  {color:#DDD900;text-decoration:none;}
input,textarea{ color:#000044;text-align:left;}
* {
font-family: "Verdana";
font-size : 12px;
text-align: center;
color:#000;
}
p,li,th,td
{font-size:107%;}
p{
text-align:justify;
color:##AACCFF;
margin: 10 10 10px 10;
}
cite,q{color:#333333}
code{color:#774444}
table,li,address{
font-family: "comic sans ms", arial, 'sans serif';
margin-left: 10pt;text-align: left;}



/*-------------BOITE VERTICALES ---------------------*/
.TXfr p {
color:#AAAAFF;
background: #AA6699;
}
/*--------------------------------------*/
/*--COLMENU------*/
.colmenu {
list-style-type: none; margin: 0; padding: 0;
}
.colmenu a {
background:url('nimg/cielmenu.gif') repeat;
margin: 0 0px; height: 18px; display: block; text-align: center;
align:center; border: 0px solid #8822CC; text-decoration: none;
color:#883388;
}
.colmenu a:hover  {
color:darkblue;
background:white;border: 1px solid white;
background:url('nimg/cielmenuover.gif') repeat;
}
.colmenu a:active {background:#f7f8a7;border: 1px solid yellow;color:#000;}
/*--------------------------------------*/
/*-------------CLASS MENU LIGNE --------*/
.menuligne {
background:url('nimg/cielmenuligne.gif') repeat;
height:18px;text-align:center;list-style-type: none;margin: 0;padding:0;}
.menuligne li {display: inline;}
.menuligne a {margin: 0 2px;text-decoration:none;}
.menuligne a:hover {
text-decoration:underline;
color:darkblue;
background:white;border: 1px solid white;
background:url('nimg/cielmenuover.gif') repeat;}