body {
background-color:#fafafa;
font-family: "Nom de police", Arial, Helvetica, Geneva, sans-serif;
padding:0;
margin:0;
}

img {
border="0"
}


p {
color: #333333;
font-size: 13px;
font-family: "Nom de police", Arial, Helvetica, Geneva, sans-serif;
line-height:18px;
}


a {
color:#ff00ff;
text-decoration: none;
font-family: "Nom de police", arial, sans-serif;
}

a: hover {
color:#ff00ff;
text-decoration: none;
font-family: "Nom de police", arial, sans-serif;
}

/*  ---- MENU DATES ---- */

#haut ul {
list-style:none;
padding-top:40px;
text-align:right;
}

#haut li a {
font-size: 10px;
color:#666;
padding:3px;
}

#haut li a:hover {
background-color:#ff00ff;
color:#fff;
padding:3px;
}

#haut li {
display: inline;
}


/*  ---- MENU ---- */

.menu {
padding-bottom:5px;
border-bottom:1px dotted #ff00ff;
text-align:center;
}

.menu ul {
list-style:none;
}

.menu li a {
font-size: 13px;
color:#9966cc;
padding : 2px 12px 1px 12px;
text-transform:uppercase;
border-left:1px dotted #ff00ff;
border-right:1px dotted #ff00ff;
}

.menu li a:hover {
color:#ff00ff;
border-left:1px solid #9966cc;
border-right:1px solid #9966cc;
}

.menu li {
display: inline;
padding : 2px 12px 2px 12px;
}


/*  ---- MENU BAS ---- */

.menubas {
text-align:center;
padding-bottom:7px;
padding-top:7px;
border-top:1px dotted #ff00ff;
border-bottom:3px dashed #fafafa;

}

.menubas ul {
list-style:none;
padding-top:50px;
text-align:center;
}

.menubas li a {
font-size: 14px;
color:#9966cc;
padding:3px;
padding : 2px 12px 1px 12px;
text-transform:uppercase;
border-left:1px dotted #ff00ff;
border-right:1px dotted #ff00ff;
}

.menubas li a:hover {
color:#ff00ff;
border-left:1px solid #9966cc;
border-right:1px solid #9966cc;
}

.menubas li {
display: inline;
padding : 2px 12px 2px 12px;
}


/*  ---- STRUCTURE ---- */


#all {
background:#ebeaea url(fond.jpg) center 120px no-repeat;
width:1000px;
height:706px;
margin: 0 auto;
padding : 0;
}


#haut {
width:1000px;
height:54px;
background: #fafafa url(cristinamartinez.gif) 0 16px no-repeat;
}


/*  ---- TYPO NEW ---- */ 
 


#espanol {
float: left;
width:1000px;
height:300px;
text-align:center;
text-transform:uppercase;
text-align:center;
padding-bottom:7px;
}

#espanol a:hover {
color:#ff00ff;
}

#espagnol {
text-align:center;
text-transform:uppercase;
margin-right:100px;
margin-top:190px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#ff00ff;
}


#espagnol a:hover {
background-color:#ff00ff;
color:#fff;
}

#francais {
float: left;
width:1000px;
height:auto;
text-align:center;
text-transform:uppercase;
}

#francais a:hover {
color:#ff00ff;
}

#francais2 {
text-align:center;
text-transform:uppercase;
margin-left:100px;
margin-bottom:200px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#ff00ff;
margin-left:100px;
}

#francais2 a:hover {
background-color:#ff00ff;
color:#fff;
}




#francais p {
margin-left:100px;
margin-bottom:200px;
}

.trebuchet {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
border-left:1px solid #ff00ff;
border-right:1px solid #ff00ff;
padding : 2px 12px 1px 12px;
}

.trebuchet: hover {
background-color:#ff00ff;
border-left:1px solid #ff00ff;
border-right:1px solid #ff00ff;
padding : 2px 12px 1px 12px;
}


.bilingue {
font-size: 13px;
border-left:1px dotted #ff00ff;
border-right:1px dotted #ff00ff;
padding : 2px 12px 1px 12px;
color:#9966cc;
}

.bilingue: hover {
color:#ff00ff;
}



#menubas {
float:left;
width:1000px;
height:50px;
}


#footer {
text-align:left;
list-style:none;
padding-top:7px;
padding-bottom:5px;
background-color:#fafafa;
display:inline;
}

#footer ul {
list-style:none;
text-align:left;

}

#footer li a {
font-size: 11px;
color:#9966cc;
padding : 2px 820px 1px 6px;
text-transform:uppercase;
border-left:1px solid #ff00ff;
border-right:1px dotted #ff00ff;
}

#footer li a:hover {
color:#ff00ff;
border-left:1px solid #9966cc;
border-right:1px solid #9966cc;
}

#footer li {
display: inline;
padding : 2px 10px 2px 10px;
margin-left:0;
padding-left:0;
}

#foot{
float:left;
margin-top:15px;
margin-left:0;
padding-left:0;
}

#compteur {
color:#9966cc;
padding-left:560px;
font-family:arial;
font-size:10px;
}

#footer p {
list-style:none;
padding-left:850px;
font-size:10px;
}


#foot p {
list-style:none;
padding-left:850px;
}

.actif {
background-color:#9966cc;
color:#fff;
font-family: "Nom de police", Arial, Helvetica, Geneva, sans-serif;
text-transform:uppercase;
font-size: 13px;
padding : 2px 12px 1px 12px;
}

.actif a {
background-color:#9966cc;
color:#fff;
font-family: "Nom de police", Arial, Helvetica, Geneva, sans-serif;
text-transform:uppercase;
font-size: 13px;
padding : 2px 12px 1px 12px;
}