/* CSS Document */
/*style chloé caradonna*/

body { 
background-color:black; 
background-image:url(img/acceuilfond2.gif);
background-repeat:no-repeat;
border:0px;
margin:0 auto;
width:900px;
height:600px; 

} 


#bg{
background-repeat:no-repeat;
border:0px;
}
/*.................................................................................................................................................TYPOGRAPHIE....................................................................................................................................................*/
/*Pour les titres du menu */
#gros {
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:white;
margin-left:50px;
}
/*Pour les titres du menu */
#medium {
font-family:Arial, Helvetica, sans serif;
font-size:10px;

color:white;
}
#lightlr {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
margin-left:0px;
color:white;
margin-top:0px;
}
#lightlr a  {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:#ff4fb6;
text-decoration:none;
margin-left:0px;
}

#lightlr li {

margin-left:0px;

}

#puce {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
margin-left:0px;
color:white;
margin-top:0px;
padding:20px;
padding-right:10px;
padding-top:10px;
}
#puce a  {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:#ff4fb6;
text-decoration:none;
margin-left:0px;
margin-top:0px;
padding:0px;

}

#puce li {

margin-left:0px;

}


#lightlr3{
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;

color:white;
margin-left:0px;
margin-top:0px;
}
#lightlr3 a  {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:#00c6ff;
text-decoration:none;
margin-left:0px;
}

#lightlr3 li {

margin-left:0px;

}







}
#smal {
font-family:Arial, Helvetica, sans serif;
font-size:9px;

color:white;
}
#decal {
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:white;
background:url(img/papillon_bleu.jpg);
background-repeat:no-repeat;
padding-top:5px;
padding-left:17px;


}
#decal1 {
font-family:Arial, Helvetica, sans serif;
font-size:12px;
font-weight:bold;
color:black;

padding-left:15px;

}
/*.................................................................................................................................................TYPOGRAPHIE. FIN...................................................................................................................................................*/





/*.................................................................................................................................................LES LIENS DANS LE BODY...................................................................................................................................................*/

#plr{
font-family:Arial, Helvetica, sans serif;
font-size:8pt;

color:white;
text-decoration:none;
}

#plr a :visited {
color:#00c6ff;
text-decoration:none;
}
#plr a:hover{
color:#00c6ff;
text-decoration:none;
font-size:8pt;
}



#lr{
font-family:Arial, Helvetica, sans serif;
font-size:9pt;
font-weight:bold;
color:black;
text-decoration:none;
}

#lr a{
color:black;
text-decoration:none;
}
#lr a:hover{
color:#66ff00;
}






/*...................................................................................................................................................menu entete de page ...................................................................................................................................................*/
.menutop {
text-align:center;
position: center;
font-family:Arial, Helvetica, sans serif;
font-size:8pt;
font-weight:bold;
color:white;
}
.menutop a{
color:white;
text-decoration:none;
}
.menutop a:hover{
color:#66ff00;
}


#bouton {


margin-top:30;


font-family: 'Arial', 'Helvetica', Arial, sans-serif;
font-weight:bold;
font-size: 80%;

color: #fff;

}

#bouton ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#bouton li {

margin: 0;
}

#bouton li a {
display: block;
padding: 5px 5px 5px 0.5em;

color: white;
text-decoration: none;
width: 100%;
}
#bouton1 a:visited { /* Les liens visités. */
display: block;


color: #fff;

width: 100%;
}
#bouton li a:hover {
color: #fff;
text-decoration: none;
background:url(img/papillon.jpg);
background-repeat:no-repeat;
margin-left:20px;
}


/* resa en ligne. */

#bouton2 {


margin-top:30;


font-family: 'Arial', 'Helvetica', Arial, sans-serif;
font-weight:bold;
font-size: 80%;

color: #fff;

}

#bouton2 ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#bouton2 li {

margin: 0;
}

#bouton2 li a {
display: block;
padding: 5px 5px 5px 0.5em;

color: white;
text-decoration: none;
width: 100%;
}
#bouton3 a:visited { /* Les liens visités. */
display: block;


color: #fff;

width: 100%;
}
#bouton3 li a:hover {
color: #fff;
text-decoration: none;
background:url(img/papillon_vert.jpg);
background-repeat:no-repeat;
margin-left:20px;
}


/* menu lignes regulières. */


#menulr {





font-family: 'Arial', 'Helvetica', Arial, sans-serif;
font-weight:bold;


color: #fff;

}

#menulr ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menulr li {

margin: 0;
}

#menulr li a {



color: white;
text-decoration: none;
width: 100%;
}
#menulr a:visited { /* Les liens visités. */
display: block;


color: #fff;

width: 100%;
}
#menulr li a:hover {
color: #00c6ff;
text-decoration: none;
background:url(img/papillon_bleu.gif);
background-repeat:no-repeat;

}



/* menu TO. */


#menuto {





font-family: 'Arial', 'Helvetica', Arial, sans-serif;
font-weight:bold;


color: #fff;

}

#menuto ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menuto li {

margin: 0;
}

#menuto li a {



color: white;
text-decoration: none;
width: 100%;
}
#menuto a:visited { /* Les liens visités. */
display: block;


color: #fff;

width: 100%;
}
#menuto li a:hover {
color: #ff4fb6;
text-decoration: none;
background:url(img/papillon_rose.gif);
background-repeat:no-repeat;

}


#pto{
font-family:Arial, Helvetica, sans serif;
font-size:8pt;

color:white;
text-decoration:none;
}

#pto a :visited {
color:#ff4fb6;
text-decoration:none;
}
#pto a:hover{
color:#ff4fb6;
text-decoration:none;
font-size:8pt;
}


#lightto {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;

color:white;
margin:0px;
}
#lightto a  {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:#ff4fb6;
text-decoration:none;
}

#lightto li {

margin-left:20px;

}

/* menu principal. */



#menumn{





font-family: 'Arial', 'Helvetica', Arial, sans-serif;
font-weight:bold;


color: #fff;

}

#menumn ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menumn li {

margin: 0;
}

#menumn li a {



color: white;
text-decoration: none;
width: 100%;
}
#menumn a:visited { /* Les liens visités. */
display: block;


color: #fff;

width: 100%;
}
#menumn li a:hover {
color: #F49F1A;
text-decoration: none;
background:url(img/papillon_orange.gif);
background-repeat:no-repeat;

}


#pmn{
font-family:Arial, Helvetica, sans serif;
font-size:8pt;
color:white;
text-decoration:none;

}

#pmn a :visited {
color:#F49F1A;
text-decoration:none;
}
#pmn a:hover{
color:#F49F1A;
text-decoration:none;
font-size:8pt;
}


#lightmn {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;

color:white;
margin:0px;
}
#lightmn a  {
text-align:justify;
font-family:Arial, Helvetica, sans serif;
font-size:11px;
font-weight:bold;
color:#F49F1A;
text-decoration:none;
}

#lightmn li {

margin-left:20px;

}