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

/* Pour le pied de page */ 
body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center;
background: #cccccc url(ressources/bg_body.jpg) left top repeat-x;
}

#global
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
border: solid black 1px;
background-color: #fff;
width: 800px;
}

#header
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
/*border: 2px solid green;*/
width: 800px;
height: 148px;
}

/* affichage cadre */

#cadre
{

/*border: solid black 5px;*/
height:auto;
}

/* affichage  menu */

#menu
{
/*border: solid red 2px;*/
background:url('ressources/bg-menu.jpg');
}

#menuhaut
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center;
}
ul#menuhaut li
{
list-style-type: none;
display: inline;
padding: 0px 40px 0px 40px;
}
ul#menuhaut li a
{
color: #fff;
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

ul#menuhaut li a:hover
{
color: #FE3939;
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}


/* cadre coordonnées */
#coordonnees
{
float: left;
/*border: solid 3px red;*/
padding: 0px 0px 0px 0px;
width: 250px;
height: 300px;
margin: 0px 0px 0px 10px;
text-align:left;
background:url('ressources/coordonnees.jpg');
background-repeat:no-repeat;
}
#coordonnees h1
{
margin: 40px 0px 40px 10px;
font-size: 1.5em;
}
#coordonnees p
{
color: #534c4e;
margin: -40px 0px 30px 10px;
font-size: 1em;
}
#coordonnees address a
{
margin: 0px 0px 30px 10px;
color: #913041;
font-weight:bold;
}

#coordonnees strong
{
margin: 0px 0px 30px 10px;
color: #534c4e;
font-size: 1.2em;
}

#contenu
{
float: right;
border: 2px solid black;
width: 510px;
margin: 0px 3px 70px 0px;
background:url('ressources/bg-contenu.jpg');
background-repeat:repeat-x;
}

#contenu p
{
color: #534c4e;
text-align:left;
padding: 10px 30px 0px 10px;


}
#contenu h1
{
color: #000;
text-align:left;
font-size: 1.4em;
text-indent: -5000px;
padding: 0px 0px 0px 0px;
}
#contenu h2
{
color: #913041;
text-align:center;
font-size: 1em;
padding: 10px;
}

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

#contenu ul li
{
text-align:left;
color: #534c4e;
list-style-type:square;
font-weight:bolder;
line-height: 1.5em;
}
#contenu ul img
{
padding: 15px;
}

/* elements du formulaire*/

#formulairedevis label
{
color: #534c4e;
font-weight:bold;
}

#asterix
{
color: red;
font-size: 1.2em;
}

#pied 
{
clear:both;
text-align:center;
margin: -40px 0px 0px 0px;
}

#pied li
{
display: inline;
padding: 0px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}

#pied li a
{
color: #2e3430; 
text-decoration:none;
}

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

#pied a
{
color: #bd0102;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

#pied a:hover
{
color: #2e3430;
text-decoration:none;
font-weight:bold;
}