@charset "utf-8";
/* CSS Document */

html
{
/*background-color: black;
background: url('ressources/bg-body.jpg')left top repeat-y ;
width: 1200px;
height: 3px;*/
background:#fff url('ressources/bg-body.jpg') repeat-y;
}



body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: auto;



}

#global
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
/*border: solid black 2px;*/
background-image:url('ressources/bg-contenaire.jpg');
background-repeat:repeat-y;
width: 910px;
}

/* le header le bandeau flash */

#header
{
/*border: 2px solid red;*/
width: 900px;
height: 150px;
}

#animeflash
{
/*border: 2px solid black;*/
float: right;
padding: 10px;
}


#cadre
{
/*
background: #fff;
border: solid yellow 2px;
width: 100%;
height: 100%;*/
}

#menu
{
float: left;
text-align:left;
background: url('ressources/bg-menu.jpg');
margin: 20px 0px 0px 0px;
width: 300px;
height: 514px;
}

#menu li
{
margin: 10px 0px 10px -30px;
width: 170px;
text-indent: -5000px;
/*border: 2px solid black;*/
list-style-type: none;
cursor:pointer;
}

#menu a
{
/* pour décaler le texte lien */ 
text-indent: -5000px;

}


/* mes ID pour le menu */

#menu ul li.accueil a
{
background: url('ressources/accueil-off.png');
background-repeat:no-repeat;
display:block;
width: 213px;
height: 31px;
}

#menu ul li.accueil a:hover
{
background: url('ressources/accueil-on.png');
width: 213px;
height: 31px;
}

#menu ul li.particulier a
{
background: url('ressources/particulier-off.png');
background-repeat:no-repeat;
display:block;
width: 213px;
height: 31px;
}

#menu ul li.particulier a:hover
{
background: url('ressources/particulier-on.png');
width: 213px;
height: 31px;
}


#menu ul li.professionnel a
{
background: url('ressources/professionnel-off.png');
background-repeat:no-repeat;
display:block;
width: 213px;
height: 31px;
}

#menu ul li.professionnel a:hover
{
background: url('ressources/professionnel-on.png');
width: 213px;
height: 31px;
}

#menu ul li.peinture a
{
background: url('ressources/peinture-off.png');
background-repeat:no-repeat;
display:block;
width: 213px;
height: 31px;
}

#menu ul li.peinture a:hover
{
background: url('ressources/peinture-on.png');
width: 213px;
height: 31px;
}


#menu ul li.contact a
{
background: url('ressources/contact-off.png');
background-repeat:no-repeat;
display:block;
width: 213px;
height: 31px;
}

#menu ul li.contact a:hover
{
background: url('ressources/contact-on.png');
width: 213px;
height: 31px;
}

/* fin des ID pour le menu */

#menu li a
{
color: #246e37;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
#menu li a:hover
{
color: #793091;
}

#menu h2
{
color: #793091;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
text-align:left;
margin: 0px 0px 0px 20px;
}


#menu p
{
color: #ad1f8c;
/*color: #1F8CAD;*/
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: left;
font-size: 0.8em;
line-height: 1.5em;
padding: 15px;
}

#menu p #mr
{
color: #793091;
font-size: 1.2em;
font-weight:bold;

}


#menu a
{
color: #793091;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: center;
font-size: 16px;
}

#carte
{
border: 2px solid #793091;
margin: auto;
padding: 5px;
}
/* pour la contenu*/

#contenu
{
float: right;
width: 600px;
/*border: 2px solid green;*/
margin: 0px 0px 0px 0px;
}

#cadrehaut
{
background:url('ressources/bg-cadre-haut.jpg');
height: 49px;
width: 590px;
}


/* Contenu */

#contenu h1
{
/*border: 2px solid red;*/
text-align:left;
font-size: 0.5em;
text-indent: -5000px;
}
#contenu h2
{
/*border: 2px solid red;*/
color: #DA2F5D;
text-align:left;
font-size: 1em;
margin: 0px 30px 0px 30px;
padding: 0px 0px 5px 0px;
font-weight:bold;
}

#contenu h3
{
/*border: 2px solid red;*/
color: #DA2F5D;
text-align:left;
font-size: 1.3em;
margin: 10px 250px 0px 30px;
border-bottom: #793091 dotted 2px;
font-weight:bold;
}


#contenu p#center
{
color: #793091;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
}

#contenu p
{
color: #DA2F5D;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
padding: 0px 40px 0px 30px;
}
#contenu ul li
{
color: #E36385;
text-align:left;
list-style-type:square;
font-family:Arial, Helvetica, sans-serif;
line-height: 1.7em;
margin: 0px 30px 0px 30px;
font-size: 1.1em;
font-weight:bold;
}

#contenu ul li:hover
{
color: #793091;
cursor:pointer;
}

#contenu strong
{
color: #793091;
font-size: 1.2em;
font-weight:bold;
}

#pied-contenu
{
/*border: 2px solid black;*/
background:url('ressources/bg-pied-contenu.jpg');
height: 50px;
width: 600px;
}

#contenu img#titre
{
/*border: 2px solid black;*/
margin: 0px 0px 0px 30px;
}

#contenu img#image
{
/*border: red solid 2px;*/
padding: 10px 50px 10px 20px;
}


/* fin contenu */


hr
{

border-bottom: #793091 dotted 3px;
margin: 0px 60px 0px 60px;
}

/* Formulaire de Contact */

#formulairecontact td
{
text-align:left;
padding: 5px;
}

#asterix
{
color: red;
font-size: 1.3em;
font-weight:bold;
}

label
{
color: #793091;
text-align: left;
font-size: 1em;
font-weight:bold;
}

input, textarea
{
border: solid 2px #793091;
padding: 5px;
color: #793091;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

input:hover, textarea:hover
{
background-color: #e5e5e5;

}

/* Pour le pied de page */ 


#pied 
{
clear:both;
text-align:center;
/*border: 2px solid black;*/
background-image:url('ressources/bg-pied.jpg');
height:177px;
width:910px;
font-size: 0.8em;
line-height: 2.5em;
}
#pied ul
{
/*border: red solid 2px;*/
margin: 20px 0px 0px 0px;

}
#pied li
{
display: inline;
/*border: red solid 2px;*/
padding: 0px 30px 0px 30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.5em;

}

#pied li a
{
color: #fff;
text-decoration:none;

}

#pied li a:hover
{
color: #4e1f5e;
text-decoration:none;
}

/* lien pour le pied de page */
a
{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color: #4e1f5e;
text-decoration:none;
font-weight:bold;
}