/*Anneau de Sable Global Style
------------------------------------*/
/* Corps de la page
----------------------------------*/
body
{
    background-color: #ffffff;
	color: #000000;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	height: 100%;
	text-align: justify;
}


a:link {
	text-decoration: none;
	background-color: transparent;
	color: #993470;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #FF9900;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	background-color: transparent; 
	color: #0066CC;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	background-color: transparent;
	color: #333399;
	font-weight: bold;
}

a 
{
   position: relative;
}


.espace
{
   height: 10px;
} 


.espaceb
{
   height: 20px;
}   


.haut
{
   text-align:right;
   background-image: url(../images/haut_guillemets.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
}

.hautB
{
   text-align:right;
   background-image: url(../images/haut.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
   height: 30px;
}

.suivant
{
   text-align:right;
   background-image: url(../images/suivant_guillemets.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
}

.suivantB
{
   text-align:right;
   background-image: url(../images/suivant.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
   height: 30px;
}

.precedent
{
   text-align:right;
   background-image: url(../images/retour_guillemets.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
}

.precedentB
{
   text-align:right;
   background-image: url(../images/retour.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
   height: 30px;
}

.precedsuiv
{
   text-align:right;
   background-image: url(../images/preced_suiv.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
   height: 30px;
}

.tridir
{
   text-align:right;
   background-image: url(../images/pre_hau_suiv.gif);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 5px;
   height: 30px;
}

img.bordure
{
   border: 0px;
}


h1 
{
   font-size : 200%;
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   color : navy;
   text-align: center;
}

h2 
{
   font-size : 150%;
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   color : blue;
   padding-left:15px;
}

h3
{
   font-size : 120%;
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   color : #6e231a;
}

h4
{   
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   color: #6e231a;
   text-align: left;
}

h5
{
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #660099;
   text-align: left;
}

h6
{
   font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
   font-size: 0.9em;
   font-weight: bold;
   color: #333333;
   text-align: left;
}

.formtextA
{
   font-weight: bold;
   color: #696eef;
}


.formtextB
{
   font-size: 8pt;
   font-weight: bold;
   color: #686982;
   text-align: right;
}


.formtextC
{
   font-size: 12pt;
   font-weight: bold;
   color: #0a3a0a;
}


.formtextD
{
   font-size: 11pt;
   font-weight: bold;
   color: #6e231a;
   text-align: left;
}


.formtextE
{
   font-size: 11pt;
   font-weight: bold;
   color: #6e231a;
}


.marq
{
   font-weight: bold;
   background-color: #CC9933;
}

.marqA
{
   font-weight: bold;
   background-color: #FF0000;
   color: #FFFF00;
   width: inherit;
}

.marqblue
{
   font-weight: bold;
   background-color: #0000FF;
   color: #FFFFFF;
}

.marqblueA
{
   font-weight: bold;
   background-color: #0000FF;
   color: #FFFFFF;
   width: auto;
}


/*Classes tableaux
--------------------------------------------*/

table
{
   border: 0px;  
   padding-left: 1px;
   padding-right: 1px;
   vertical-align: top;
}

.encadrement
{
   border-right: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
}

.bordure
{
   border-bottom:1px solid black;
   border-left: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   vertical-align: middle;
   text-align: center;
} 

.bordurea
{
   border-bottom:1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-top: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   vertical-align: middle;
   text-align: center;
}

.bordureb
{
   border-left: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   vertical-align: middle;
   text-align: center;
} 

.bordurec
{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   vertical-align: middle;
   text-align: center;
}

.bordured
{
   border-bottom: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   background-color:#00FFFF;
   vertical-align: middle;
   text-align: center;
} 

.borduree
{
   border-bottom: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   background-color:#FFFF00;
   vertical-align: middle;
   text-align: center;
   color:#990000;
   font-weight: bold;
}

.borduref
{
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   background-color: #FFCC99;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}


.bordureg
{
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   padding-left: 1px;
   padding-right: 1px;
   background-color: #99CC99;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}                                                                                                                
   

col.cadre
{
   background-color: #B3FFFF;
   vertical-align: top;
   text-align: left;
   width: 20%; 
}

col.cadrea
{
   background-color: #C1FF84;
   vertical-align: top;
   text-align: left;
   width: 20%;
}
col.cadreb
{
   background-color: #FFC082;
   vertical-align: top;
   text-align: left;
   width: 20%;
}

col.cadrec
{
   background-color: #C1FF84;
   vertical-align: top;
   text-align: left;
   width: 5%;
}

col.cadred
{
   background-color: #FFC082;
   vertical-align: top;
   text-align: left;
   width: 95%;
}


th.forme
{
   font-size: 1em;
   color: #993300;
   border-collapse: collapse; border-bottom: 1px solid black; 
}


th.vide
{
   background-color: #FFFFFF;
}
td
{
   text-align: left;
   vertical-align: top;
   padding-left: 1px;
   padding-right: 1px;
}

.largeur
{
   width: 5%;
   text-align: right;
}

/*----Classes images
--------------------------------------------*/
#tableau
{
    position: relative;
	text-align: center;
	width: 75%;
}

caption
{
   font-weight: bold;
   color: #330099;
}


div.centrage 
{
   text-align: center;
}

div.right 
{
   width: 100%;
   text-align: right;
}

div.left
{
   text-align: left;
}

div.sjava
{
   font-size: 0.9em; 
   text-align: center;
}

div.float 
{
   float: left;
   width: 20%;
}

div.dos
{
   background-color: #000000; 
   color: #FFFFFF; 
   text-align: left; 
   width: 90%;
   margin-left: 5%;
   padding-left: 8px;
}

noscript.java
{
   font-size: 0.8em; 
   text-align: center;
}

div.note
{
   background-color:#669999;
   background-image: url(../images/info.jpg);
   background-position: 1% 1%;
   background-repeat: no-repeat;
   width: 60%;
   margin-left: 20%;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 40px;
   padding-bottom: 5px;
}

div.noteb
{
   background-color: #CC3300;
   background-image: url(../images/attention.jpg);
   background-position: 1% 1%;
   background-repeat: no-repeat;
   width: 60%;
   margin-left: 20%;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 40px;
   padding-bottom: 5px;
}

div.noteA
{
   position: relative;
   background-color:#669999;
   background-image: url(../images/info.jpg);
   background-position: 0% 0%;
   background-repeat: no-repeat;
   width: 90%;
   margin-left: 3%;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 40px;
   padding-bottom: 10px;
}



.icones
{
   border: 0px;
   margin-left: 5px;
   margin-bottom: 2px;
   vertical-align: middle; 
}

a img 
{
   border: 0; 
}

.paragraphe
{
   border: 0px;
   float: left;
   margin-right: 5px;
}
/* curseurs
--------------------------*/   
.curhp
{
   cursor: help;
}

.curwt
{
   cursor: wait; 
}


/*----Listes avec puces
--------------------------------------------*/


li 
{
}



a.bouton:link
{
   width: 150px;
   height:30px;
   text-decoration: none;
   color: white;
   text-align: center;
   font-weight: bold;
   background-color: #000080;
   padding: 5px;
   border-style: outset;
   border-width: 2px;
   border-color: silver;
}

a.bouton:visited
{
   width: 150px;
   height: 30px;
   text-decoration: none;
   color: white;
   text-align: center;
   font-weight: bold;
   background-color: #0066FF;
   padding: 5px;
   border-style: outset;
   border-width: 2px;
   border-color:silver;
}

a.bouton:hover
{
   border:2px inset silver; width: 150px;
   height: 30px;
   text-decoration: none;
   color: white;
   text-align: center;
   font-weight: bold;
   background-color: #0000FF;
   background-image: url('aqua.jpg');
   padding: 5px;
   
}

.bouton
{
   text-align:center;padding:5px;
}





/*Titres de la page et menu principal
---------------------------------------------*/



#TitreLogo
{
    position: absolute;
    top: 6px;
    left: 2px;
	width: 262px;
	height: 60px;
    background-image: url(../images/logos/logo_bleu1.png);
	background-repeat: no-repeat;
}

#TitreLogoCulture
{
    position: absolute;
    top: 6px;
    left: 2px;
	width: 262px;
	height: 60px;
    background-image: url(../images/logos/logo_bleu_culture.png);
	background-repeat: no-repeat;
}

#TitreLogoA
{
    position: absolute;
    top: 6px;
    left: 2px;
	display: none;
}

#TitreCompt
{
    position: absolute;
    top: 30px;
    left: 286px;
    background-color: transparent;
    height: 15px;
    width: 320px;
	font-size: 7pt;
	color:#666666;
    text-align: center;
    font-weight: bold;
}


#TitreDate
{
    position: absolute;
    top: 50px;
    left: 286px;
    background-color: transparent;
    height: 15px;
    width: 320px;
    text-align: center;
    font-weight: bold;
}


#TitreAuditIP
{
    position: absolute;
    top: 5px;
    left: 620px;
    background-color: transparent;
    width: 348px;
    text-align: right;
}


#MenuType
{
    position: absolute;
    top: 73px;
    left: 10px;
}

#Private
{
    position: absolute;
    top: 73px;
    left: 30px;
	width: 900px;
	text-align: center;
	font-weight: bold;
	background-color:#990000;
	color: #FFFF00;
}


#Wish
{
    position: absolute;
    top: 100px;
    left: 190px;
    width: 600px;
    text-align: center;
    background-color: transparent;
}


#NetNews
{
    position: absolute;
    top: 119px;
    left: 190px;
    width: 598px;
    background-color: transparent;
}






/*Fenêtre centrale
---------------------------------*/


#CaseInfoA
{
    position: absolute;
    top: 144px;
    left: 190px;
    background-color: #9999ff;
    font-weight: bold;
    width: 200px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000000;
}


#CaseInfoB
{
    position: absolute;
    top: 144px;
    left: 390px;
    background-color: #9998f0;
    font-weight: bold;
    width: 200px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000000;
}


#CaseInfoC
{
    position: absolute;
    top: 144px;
    left: 590px;
    background-color: #9998f0;
    font-weight: bold;
    width: 200px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000000;
}





/*Fenêtre droite
----------------------------*/


#MeteoCellA
{
    position: absolute;
    top: 150px;
    left: 800px;
    background: url(../images/titlebox.png) repeat-x;
    width: 160px;
    height: 16px;
    text-align: center;
    font-weight: bold; color: #FFFFFF;
}


#MeteoCellB
{
    position: absolute;
    top: 175px;
    left: 800px;
    width: 160px;
	font-size: 0.9em;
    text-align: center;
    background-color: #fff0aa;
}


#HoroA
{
    position: absolute;
    top: 360px;
    left: 800px;
    background: url(../images/titlebox.png) repeat-x;
    width: 160px;
    height: 16px;
    text-align: center;
    font-weight: bold;
	color: #FFFFFF; 
}


#HoroB
{
    position: absolute;
    top: 385px;
    left: 800px;
    width: 160px;
    text-align: center;
    background-color: transparent;
}


#PubA
{
    position: absolute;
    top: 585px;
    left: 801px;
    width: 160px;
	font-size: 0.9em;
    text-align: center;
    font-weight: bold;
}




/*Fenêtre centrale la presse en parle
------------------------------------------*/


#PaperNews
{
    position: absolute; 
    top: 300px; 
    left: 190px;
    font-size: 12pt; 
    color: #ffffff; 
    text-align:left; 
    background-color:#9999ff; 
    width: 600px;
}


#article
{
    position: absolute; 
    top: 290px; 
    left: 190px;
    font-size: 0.9em; 
    text-align:justify; 
    width: 590px;
	padding-left: 5px;
	padding-right: 5px;
}

#CuturePart
{
    position: absolute; 
    top: 145px; 
    left: 180px;
    font-size: 0.9em; 
    text-align:justify; 
    width: 590px;
	padding-left: 5px;
	padding-right: 5px;
}


#PaperNewsA
{
    position: absolute; 
    top: 330px; 
    left: 190px;
    font-size:9pt; 
    text-align:justify; 
    width: 535px;
}


.presse
{   
   background-image: url(../images/newspaper.gif);
   background-repeat: no-repeat;
   background-position: 2% 50%;
   padding-left: 60px;
   padding-right: 5px;
}


#PaperNewsLetter
{
    position: absolute; 
    top: 330px; 
    left: 190px;
	width: 600px;
    font-size:9pt; 
    text-align:justify; 
}



#PaperNewsB
{
    position: absolute; 
    top: 400px; 
    left: 190px;
    font-size:9pt; 
    text-align:justify; 
    width: 535px;
}


#PaperNewsC
{
    position: absolute; 
    top: 470px; 
    left: 190px;
    font-size:9pt; 
    text-align:justify; 
    width: 535px;
}


#PaperNewsD
{
    position: absolute; 
    top: 540px; 
    left: 190px;
    font-size:9pt; 
    text-align:justify; 
    width: 535px;
}




/*Fenêtre centrale Recherche
----------------------------------*/


#FindInfo
{
    position: absolute; 
    top: 200px; 
    left: 190px;
    font-size: 11pt; 
    color: #008080;
    font-weight: bold; 
    text-align: center;
	width: 590px; 
}


#FindInfoA
{
    position: absolute; 
    top: 220px;
    left: 290px; 
    font-size: 9pt; 
    text-align: center; 
}


#FindInfoAA
{
    position: absolute; 
    top: 790px;
    left: 290px; 
    font-size: 9pt; 
    text-align: center; 
    width: 300px;
}


#FindInfoAB
{
    position: absolute; 
    top: 440px;
    left: 165px; 
    font-size: 9pt; 
    text-align: center; 
    width: 300px;
}


#FindInfoAC
{
    position: absolute; 
    top: 1105px;
    left: 200px; 
    font-size: 9pt; 
    text-align: center; 
    width: 390px;
}




/*Fenêtre centrale les tests de l'Anneau de Sable
----------------------------------------------------*/


#AnoTest
{
    position: absolute; 
    top: 640px; 
    left: 190px;
    font-size: 12pt; 
    color: #ffffff; 
    text-align: left; 
    background-color: #9999ff; 
    width:600px;
}


#ArticleOneTest
{
    position: absolute; 
    top: 670px; 
    left: 190px;
    font-size: 0.9em; 
    text-align: justify; 
    width: 590px;
	padding-left: 5px;
	padding-right: 5px;
}

.fondocre
{
	background-image: url(../rss/images/fond_degrade_ocre.jpg);
}


.fondbleu
{
    background-image: url(../rss/images/fond_degrade_bleu.jpg);
}


#AnoArchives
{
    position: absolute; 
    top: 1220px; 
    left: 190px;
    font-size: 9pt;
    color: #666666;
    font-weight: bold; 
    text-align: justify; 
    width: 600px;
}


#AnoArchivesA
{
    position: relative; 
    font-size: 9pt;
    color: #666666;
    font-weight: bold; 
    text-align: center; 
    width: 590px;
}

.anoarchives
{
    font-size: 9pt;
    color: #666666;
    font-weight: bold; 
    text-align: center; 
    width: 100%;
}

/*Fenêtre de gauche Navigation
-----------------------------------*/


#ReadNews
{
    position: absolute; 
    top: 150px; 
    left: 20px; 
    background: url(../images/titlebox.png) repeat-x;
    font-size: 10pt; 
    color:#ffffff; 
    text-align: left; 
    width: 160px;
	height: 16px;
}


#PCHelp
{
    position: absolute; 
    top: 190px; 
    left: 20px; 
    background: url(../images/titlebox.png) repeat-x;
    font-size: 10pt; 
    color: #ffffff; 
    text-align:left; 
    width: 160px;
	height: 16px;
}



#WebMastersHelp
{
    position: absolute; 
    top: 230px; 
    left: 20px; 
    background: url(../images/titlebox.png) repeat-x;
    font-size: 10pt; 
    color: #ffffff; 
    text-align:left; 
    width: 160px;
	height: 16px;
}



#CocoonHelp
{
   position: absolute; 
   top: 270px; 
   left: 20px; 
   background: url(../images/titlebox.png) repeat-x;
   font-size: 10pt; 
   color:#ffffff; 
   text-align: left; 
   width: 160px;
   height: 16px;
}


#GamesHelp
{
   position: absolute; 
   top: 310px; 
   left: 20px; 
   background: url(../images/titlebox.png) repeat-x;
   font-size: 10pt; 
   color: #ffffff; 
   text-align: left; 
   width: 160px;
   height: 16px;
}


#ParlerDeNous
{
   position: absolute; 
   top: 395px; 
   left: 20px; 
   background: url(../images/titlebox.png) repeat-x;
   font-size: 10pt; 
   color: #ffffff; 
   text-align: left; 
   width: 160px;
   height: 16px;
}
.recommander
{
   background-color: #ffffff; 
   text-align:justify;
}


#OurPartners
{
   position: absolute; 
   top: 448px; 
   left: 20px; 
   background: url(../images/titlebox.png) repeat-x;
   font-size: 10pt; 
   color: #ffffff; 
   text-align: left; 
   width: 160px;
   height: 16px;
}
.partenaires
{
   background-color: #ffffff; font-size:0.9em; text-align:center;
}



/*Clôture de fenêtres
-------------------------------*/


#CloseWindowsLeft
{
   position: absolute; 
   top: 545px; 
   left: 20px; 
   background: url(../images/titlebox.png) repeat-x;
   width: 160px;
   height: 16px;
}


#PubSpaceLeft
{
	position: absolute;
	top: 525px;
	left: 5px;
	width: 160px;
	padding-left: 15px;
	padding-right: 2px;
}


#CloseWindowsRight
{
   position: absolute; 
   top: 765px; 
   left: 800px; 
   background-color: #9999ff; 
   width: 160px;
   height: 16px;
}

.closerfloat
{
   position: relative;   
   background: url(../images/titlebox.png) repeat-x;
   width: 160px;
   height: 16px;
   color: #FFFFFF;
}

#PubSpaceRight
{
   position: absolute; 
   top: 900px; 
   left: 800px;  
   width: 160px;
}


#SeparateurRight
{
   position: absolute; 
   top: 570px; 
   left: 800px; 
   background: url(../images/titlebox.png) repeat-x;
   width: 160px;
   height: 16px;
   color: #FFFFFF;
}


#SeparateurMiddleA
{
    position: absolute; 
    top: 1200px; 
    left: 190px;
    font-size: 12pt; 
    color: #ffffff; 
    text-align: left; 
    background-color: #9999ff; 
    width:600px;
}


#SeparateurArchives
{
    position: relative; 
    font-size: 12pt; 
    color: #ffffff; 
    text-align: left; 
    background-color: #9999ff; 
    width:590px;
}

.archives
{
    font-size: 12pt; 
    color: #ffffff; 
    text-align: left; 
    background-color: #9999ff; 
    width:100%;
}

#SeparateurMiddleB
{
    position: absolute; 
    top: 1260px; 
    left: 190px;
    font-size: 10pt; 
    color: #ffffff; 
    text-align: center; 
    background-color: #9999ff; 
    width:600px;
}


#SeparateurCopy
{
    position: relative; 
    font-size: 10pt; 
    color: #ffffff; 
    text-align: center; 
    background-color: #9999ff; 
    width:590px;
}

.copy
{
    font-size: 10pt; 
    color: #ffffff; 
    text-align: center; 
    background-color: #9999ff; 
    width:100%;
}

/*Page des Downloads
-------------------------------*/


#GlobalDivPresTitre
{
   position: absolute;
   top: 144px;
   left: 5px;
   width: 726px;
   background: url(../images/titlebox.png) repeat-x;
   text-align: center;
   font-size: 1em;
   color: #ffffff;
   font-weight: bold;
}


#GlobalDivPresDisclam
{
   position: absolute;
   top: 170px;
   left: 5px;
   width: 726px;
   background-color: transparent;
   font-size: 8pt;
   color: #000000;
   text-align: center;
}


/*Cadre des downloads
-----------------------------------------*/


#GlobalBlock
{
   position: absolute;
   top: 200px;
   left: 5px;
   width: 726px;
   height: 280px;
   background-image: url(../downloads/images/background.jpg);
   background-repeat: repeat-y;
   border: 1px solid #000000;
}

#GlobalBlagues
{
   position: absolute;
   top: 200px;
   left: 5px;
   width: 714px;
   padding-left: 10px;
   padding-right: 10px;
}

#GlobalAstuces
{
	position: absolute;
	top: 150px;
	left: 6px;
	width: 942px;
	padding-left: 10px;
	padding-right: 10px;
}



#GlobalDivPresSystem a
{
   position: absolute;
   top: 230px;
   left: 60px;
   background-image: url(../downloads/images/bouton_systeme.png);
   background-repeat: no-repeat;   
   width: 140px;
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresSystem a:hover
{
   background-image: url(../downloads/images/bouton_lum_systeme.png); 
   background-repeat: no-repeat;   
}




#GlobalDivPresSecurity a
{
   position: absolute;
   top: 230px;
   left: 300px;
   width: 140px;
   background-image: url(../downloads/images/bouton_securite.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresSecurity a:hover
{
   background-image: url(../downloads/images/bouton_lum_securite.png);
   background-repeat: no-repeat;
}   


#GlobalDivPresGraphUtil a
{
   position: absolute;
   top: 230px;
   left: 540px;
   width: 140px;
   background-image: url(../downloads/images/bouton_graphisme.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresGraphUtil a:hover
{
   background-image: url(../downloads/images/bouton_lum_graphisme.png);
   background-repeat: no-repeat;
}


#GlobalDivPresDeskUtil a
{
   position: absolute;
   top: 290px;
   left: 60px;
   width: 140px;
   background-image: url(../downloads/images/bouton_bureautique.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresDeskUtil a:hover
{
   background-image: url(../downloads/images/bouton_lum_bureautique.png);
   background-repeat: no-repeat; 
}

#GlobalDivPresGestComm a
{
   position: absolute;
   top: 290px;
   left: 300px;
   width: 140px;
   background-image: url(../downloads/images/bouton_communication.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresGestComm a:hover
{
   background-image: url(../downloads/images/bouton_lum_communication.png);
   background-repeat: no-repeat;
}   

#GlobalDivPresEducUtil a
{
   position: absolute;
   top: 290px;
   left: 540px;
   width: 140px;
   background-image: url(../downloads/images/bouton_education.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresEducUtil a:hover
{
   background-image: url(../downloads/images/bouton_lum_education.png);
   background-repeat: no-repeat;
}   


#GlobalDivPresMediaTools a
{
   position: absolute;
   top: 350px;
   left: 60px;
   width: 140px;
   background-image: url(../downloads/images/bouton_multimedias.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresMediaTools a:hover
{
   background-image: url(../downloads/images/bouton_lum_multimedias.png);
   background-repeat: no-repeat;
}


#GlobalDivPresNetworkTools a
{
   position: absolute;
   top: 350px;
   left: 300px;
   width: 140px;
   background-image: url(../downloads/images/bouton_internet.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresNetworkTools a:hover
{
   background-image: url(../downloads/images/bouton_lum_internet.png);
   background-repeat: no-repeat; 
}


#GlobalDivPresUtilities a
{
   position: absolute;
   top: 350px;
   left: 540px;
   width: 140px;
   background-image: url(../downloads/images/bouton_utilitaires.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresUtilities a:hover
{
   background-image: url(../downloads/images/bouton_lum_utilitaires.png);
   background-repeat: no-repeat;
}


#GlobalDivPresGames a
{
   position: absolute;
   top: 410px;
   left: 300px;
   width: 140px;
   background-image: url(../downloads/images/bouton_jeux.png);
   background-repeat: no-repeat;  
   overflow:hidden; 
   height:0px; 
   padding-top: 25px;
}
#GlobalDivPresGames a:hover
{
   background-image: url(../downloads/images/bouton_lum_jeux.png);
   background-repeat: no-repeat; 
}



#GlobalBlockA
{
   position: absolute;
   top: 490px;
   left: 5px;
   width: 726px;
   height: 616px;
   background-image: url(../rss/images/fond_degrade_ocre.jpg);
   border: 1px solid #000000;
}




#GlobalDivPresCotationAdvert
{
   position: absolute;
   top: 488px;
   left: 5px;
   width: 726px;
   background-color: transparent;
}


#GlobalDivPresAstuces
{
   position: absolute;
   top: 144px;
   left: 750px;
   width: 212px;
   background-color: #9999ff;
   font-size: 12pt;
   color: #ffffff;
   text-align: center;
}



#GlobalDivPresIdeasPart
{
   position: absolute;
   top: 174px;
   left: 750px;
   width: 212px;
   background-image: url(../downloads/images/fond_degrade_ocre.png);
   font-size: 8pt;
   color: #000000;
   text-align: justify;
   border: 1px solid #000000;
}


#GlobalDivPresPartners
{
   position: absolute;
   top: 1130px;
   left: 5px;
   width: 977px;
}


#TittlePage
{
   position: absolute;
   top: 108px;
   left: 20px;
   width: 160px;
   text-align: center;
}


#RetourAccueil
{
   position: absolute;
   top: 108px;
   left: 800px;
   width: 160px;
   text-align: center;
}

.astuce 
{
   color: #ffffff;
   font-weight: bold;
   background-color: transparent;
   background-image: url(../images/astuce.gif);
   background-repeat: no-repeat;
   background-position: 2% 50%;

}


#PointBleu
{
   background-image: url(../images/point_bleu.gif); 
   background-position: 2% 5%; 
   background-repeat: no-repeat;
}


.banbox
{
   width:100%;
   background: url(../images/barre_separation.gif) repeat-x;
   padding-top:10px;
}

.mainbox
{
   width:100%;
   background: url(../images/barre_separation_inversee.gif) repeat-x;
   padding-top:10px;
}


.titlebox
{ 
   float:right;
   width:100%;
   background: url(../images/titlebox.png) repeat-x;
   text-align: right;
}

.titleboxA
{ 
   float:left;
   width:50%;
   background: url(../images/titlebox.png) repeat-x;
   text-align: left;
   padding-left: 5px;
   padding-top: 7px;
}

.titleboxB
{ 
   float:left;
   width:80%;
   background: url(../images/titlebox.png) repeat-x;
   text-align: left;
   padding-left: 5px;
   padding-top: 2px;
}


.centbox
{
   width: 40%;
   margin-left: 30%;
   background: url(../images/barre_separation_inversee.gif) repeat-x;
   padding-top:10px;
}

   

#AnnuLeft
{
   position: absolute;
   top: 320px;
   left: 5px;
   width: 470px;
}


#AnnuRight
{
   position: absolute;
   top: 320px;
   left: 485px;
   width: 470px;
   border-left: 1px dashed #500;
   padding-left: 5px;
}


#cadremessage
{
   position: absolute;
   top: 540px;
   left: 190px;
   width: 600px;
   height: 170px;
   background-image: url(../rss/images/fond_degrade_bleu.jpg);
   background-repeat: repeat-y;
}
#precedente a
{
   position: absolute;
   top: 10px;
   left: 230px;
   width: 140px;
   height:0px;
   padding-bottom: 25px;
   background-image: url(../downloads/images/bouton_retour.png);
   background-repeat: no-repeat;  
}
#precedente a:hover
{
   background-image: url(../downloads/images/bouton_retour_lum.png);
   background-repeat: no-repeat;
}
#revenir
{
   position: absolute;
   top: 45px;
   left: 50px;
   width: 500px;
   text-align: center;
}
#signaler a
{
   position: absolute;
   top: 110px;
   left: 230px;
   width: 140px;
   height:0px;
   padding-bottom: 25px;
   background-image: url(../downloads/images/bouton_webmaster.png);
   background-repeat: no-repeat;  
}
#signaler a:hover
{
   background-image: url(../downloads/images/bouton_webmaster_lum.png);
   background-repeat: no-repeat;
}
#envoi
{
   position: absolute;
   top: 80px;
   left: 40px;
   width: 520px;
   text-align: center;
}

#overdiv
{
   position:absolute; 
   padding-left: 30px; 
   visibility: hidden; 
   z-index: 1000;
   text-align: justify;
   background-image: url(../images/icons/dico_small.ico);
   background-repeat: no-repeat;
   background-position: left;
}

.surlign
{
   background-color: #66FF99;
   width: 350px;
   background-image: url(../images/icon_arrow.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 30px;
   padding-right: 5px;
   font-size: 1.2em;
   font-weight: bold;
}

.surlignA
{
   width: 33%;
   background-image: url(../images/fondDreamweaver.png);
   text-align: left;
   padding-left: 10px;
   font-size: 1em;
   color: #CC3300;
   font-weight: bold;
}

.footer
{
   text-align: center;
   background-color: #66FF99;
} 

.affiche
{
display: none;
}

.firefox
{ 
   background: url(../images/titlebox.png) repeat-x;
   font-size:90%;
   color:#FFFFFF;
   text-align: center;
   padding-left: 5px;
}

.book {	
    float:right; width:100%; text-align:right;
}
.bookA {
	float:left; text-align:left;
}

.search
{
   background: url(/images/fondDreamweaverLong.png) repeat;
   width: 60%;
   border: 1px solid #000000;
   padding: 2px 2px 2px 2px;
   text-align: center;
   margin-left: 20%;
}

.searchA
{
   /*background: url(/images/fondDreamweaverLong.png) repeat;*/
   background-color: #9999ff;
   width: 70%;
   border: 1px solid #000000;
   padding: 0px 0px 0px 0px;
   font-size: 0.8em !important;
   color: #000000 !important;
   text-align: center;
   margin-left: 15%;
   height: 25px;
}