td,select,input {font:normal 12px Arial}
      .select1 {width:170px}
      .select2 {width:80px}

body{ 
background-image: url(http://www.espace-live.com/fond.jpg); 
} 


.searchbox {
    font-size: 12px;
    padding: 2px;
    padding-left: 25px;
    background: #ffffff url(/loupe.png) 5px center no-repeat;
    border: 1px solid #aca289;
    width: 100px;
}
#searchbox {
    width: 145px;
    margin-right: 2px;
    display: inline;
    vertical-align: middle;
}

#search_submit {
    padding: 0 2px;
    width: 80px;
    background: #000;
    color: #fff;
    border-color: #999;
    font-weight: bold;
    cursor: pointer;
}

#propaganda
{
	float: left;
}

#propaganda {
	width: 270px;
}

#class1 p {
width:305px; 
float:right;
}
#class2 p {
width:305px;
float:left;
}

#header2 {
font-size: 11pt;
width:647px;
margin-left: 70px;
/*margin-top: 5px;*/
}

#header3 {
font-size: 12px;
width:320px;
margin-left: 825px;
margin-top: 5px;
}


#contenu2 {
font-family: Arial;
font-size: 10px;

}

#menu_gauche {
font-family: Arial;
font-size: 12px;
font:normal 12px Arial;

}
#barrehaut {
font-family: Arial;
font-size: 12px;
font:normal 12px Arial;
width:100%;
}

.mecs
{ color: #0000ff; text-decoration:none; }

.mecs:hover
{ color: #0000ff; text-decoration:underline; }

.filles
{ color: #ff00ff; text-decoration:none; }

.filles:hover
{ color: #ff00ff; text-decoration:underline; }

#dedi-Fille
{ font-family: Arial; font-size: 12px; color: #ff00ff; text-decoration:none; }

#dedi-Garçon
{ font-family: Arial; font-size: 12px; color: #0000ff; text-decoration:none; }

.dedi_c
{ font-family: Arial; font-size: 12px; color: #FF9900; text-decoration:none; }

.dedi_c:hover
{ font-family: Arial; font-size: 12px; color: #FF9900; text-decoration:underline; }

.rougec
{ color: #FF0000; text-decoration:none; }

.rougec:hover
{ color: #FF0000; text-decoration:underline; }

.rougef
{ color: #7e0000; text-decoration:none; }

.rougef:hover
{ color: #7e0000; text-decoration:underline; }




.menugauche
{ color: #fa5c18; text-decoration:none; }

.menugauche:hover
{ color: #F68B5D; text-decoration:underline; }

.footer
{ color: #000000; text-decoration:none; }

.footer:hover
{ color: #000000; text-decoration:underline; }


.partenaires
{ color: #0033FF; text-decoration:none; }

.partenaires:visited
{ color: #0033FF; text-decoration:none; }

.partenaires:hover
{ color: #003399; text-decoration:none; }

.partenaires2
{ color: #0099FF; text-decoration:none; }

.partenaires2:hover
{ color: #6699FF; text-decoration:none; }

.barre
{ color: #339900; text-decoration:none; }

.barre:hover
{ color: #33CC33; text-decoration:none; }

.barre2
{ color: #994506; text-decoration:none; }

.barre2:hover
{ color: #FF3300; text-decoration:none; }

.barre3
{ color: #ff0000; text-decoration:none; }

.barre3:hover
{ color: #0000ff; text-decoration:none; }


.haut
{ color: #000000; text-decoration:none; }

.haut:hover
{ color: #ffffff; text-decoration:none; }

.dedi
{ color: #0000ff; text-decoration:none; }

.dedi:hover
{ color: #0099ff; text-decoration:none; }

.dedi2
{ color: #0000cc; text-decoration:none; }

.dedi2:hover
{ color: #0000ff; text-decoration:none; }

.rouge
{ color: #ff0000; text-decoration:none; }

.rouge:hover
{ color: #ff0000; text-decoration:underline; }




.Garçon
{color: #0000ff }

.Fille 
{color: #ff00ff }


.bgris
{border:1px solid #CCCCCC;padding:2px 4px 2px 4px; background-color:#FFFFFF;}


.lgris
{border:1px solid #CCCCCC;background-color:#FFFFFF;}

.lnnoir
{border:1px solid #0099ff;background-color:#FFFFFF;}

.lrose
{border:1px solid #198FE5;background-color:#FFFFFF;}

.lrouge
{border:1px solid #ff0000;}

.Garçon
{border:1px solid #0000ff;}

.Fille 
{border:1px solid #ff00ff;}

#Garçon
{border:1px solid #0000ff;}

#Fille 
{border:1px solid #ff00ff;}


.Garçon2
{border:1px solid #0000ff;}

.Fille2
{border:1px solid #ff00ff;}


.boy2
{border:1px solid #0000ff;}

.girl2
{border:1px solid #ff00ff;}

.boy_fond
{background-color:#0000ff;}

.girl_fond
{background-color:#ff00ff;}


.Garçon_fond
{background-color:#0000ff;}

.Fille_fond
{background-color:#ff00ff;}

.cellulebleu{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: bold;color:#FFFFFF;
	background-color : #32647D;padding-left : 3px;height : 16px;}
	
.cellulebleuc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FFFFFF;
	background-color : #249CD3;padding-left : 3px;height : 16px;}
	
.celluleblanc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FA5C18;
	background-color : #FFFFFF;padding-left : 0px;height : 16px;}


.tableau {  BACKGROUND-COLOR: #F3F4F5; BORDER: #D2D6D9 1px solid; COLOR: #063D61; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.input {  BACKGROUND-COLOR: #ffffff; BORDER: #31A8D2 1px solid; COLOR: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}


a
{ color: #fa5c18; text-decoration:underline; }

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




.tag-1 { /* nom de la class*/ 
   color:#0000ff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
   /*background-color: #FCFFCF;*/
}
.tag-1:hover { /* nom de la class*/ 
   color:#ff00ff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
   /*background-color: #FCFFCF;*/
}

.tag-2 {
   font-size: 14px;
   color:#009900;
   /*background-color: #FCFFCF;*/
}
.tag-2:hover {
   font-size: 14px;
   color:#00cc00;
   /*background-color: #FCFFCF;*/
}

.tag-3 {
   font-size: 12px;
   color:#BF2470;
   /*background-color: #FCFFCF;*/
}
.tag-4 {
   font-size: 10px;
   color:#333333;
   /*background-color: #FCFFCF;*/
}