/* 
Auteur : Julien Skotarek - 4i (Ingénierie Informatique Internet Intranet), Vosges, pour Constructions Socopa
Site web : http://www.4i.fr

Index du fichier css :
- Générales : body, a, h1 ...
- Grandes parties : les div principaux, structure du site
- Menu : Le menu haut
- Accueil : La page d'accueil, spécifique
- Diaporama javascript, page Maisons sur mesure
- L'affichage dans la partie corps : puces, justifié ...
- Elements : Les éléments spécifiques, inclassables

Structure du site :
- principal
    - entete 
        - texteEntete 
            - texteEnteteInterne
        - menu
    - corps
        - menuGauche
            - texteMenuGauche
            - lien4i
        - titreCentral
        - contenu
*/

/* _____________________Générales _____________________ */

body {
margin: 0;
padding: 0;
background:#ffffff;
color:#000000;
font-family: arial, sans-serif;
font-size:14px;
scrollbar-base-color:#ff7700;
}

h2{
font-size:16px;
  color:#a4d90d;
}

h3
{
display:block;
font-size:14px;
  color:#a4d90d;

}

h4
{
display:block;
font-size:12px;
margin-bottom:0px;
}
p
{
margin-bottom:0px;
}

a
{
text-decoration: none;
color:black;
}

fieldset
{
padding-top:0px;
border:none;
}

/* _____________________Grandes parties _____________________ */

#principal
{
top:0px;
height:100%;
}

#entete
{
display:none;
}    

#texteEntete
{
display:none;
}

#texteEnteteInterne
{
display:none;
}

#menu {
display:none;
}
                 
#corps {
top:0px;
width:100%;
height:100%;
}

#menuGauche
{
display:none;
}

#lien4i
{
display:none;
}

#titreCentral{
display:none;
}
            
#contenu
{
display:block;
position:absolute;
top:0px;
left:0px;
height:1200px;
padding:5px;  
}

/* _____________________Menu _____________________ */

dl, dt, dd, ul, li
{
list-style-type: none;

margin: 0;
padding: 0;
}

#menu dl
 {
float: left;

width: 120px;
margin: 5px 0px 0px 5px;
}

#menu dt{
cursor: pointer;

border: 1px solid #A4D90D;

font-size:14px;
font-weight: bold;
text-align: center;

background: #269806;
color:white;
}

#menu dd {
border: 1px solid gray;
}

#menu li {
font-size:12px;
text-align: center;

background: #A4D90D;

/*margin-left:12px;*/
/*width: 144px;*/
}

#menu li#partenaires
{
font-size:10px;
}

#menu li a
{
display: block;

border: 0 none;
height: 100%;

text-decoration: none;

color:black;
}

#menu dt a {
display: block;

border: 0 none;
height: 100%;

text-decoration: none;

color:white;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
color:black;
}

/* _____________________Accueil _____________________ */

#accueil
{
position:relative;
width:100%;
height:480px;
background-image:url('../images/lacRetouche1.jpg');
}

#diapoAccueil
{
border:0px;
position:absolute;
top:300px;
left:0px;
height:190px;
width:980px;
overflow:hidden;
}

#texteAccueil
{
margin:0px;
font-weight:inherit;
position:absolute;
top:120px;
left:60px;
color:white;
font-size:48px;
}


/* _____________________Diaporama javascript, page Maisons sur mesure _____________________ */

#collectifPics img {
  margin:5px; padding:0;
  width:270px;
}

#collectifPics {
  position:relative;
  margin:auto;
  height:190px;
  width:550px;
  border:1px solid #EFEFEF;
  padding:13px;
  background:#F7F7F7;
  margin-bottom:50px;
  padding-top:0px;
}

#sliderHolder {
  position: relative;
  width:565px; height:190px;
  overflow: hidden;
  border:1px solid #EFEFEF;
  background:white;
}

#sliderItems {
  position: absolute;
  top:0; left:0;
}

#sliderItems div {
  float:left;
  position:relative;
  width:280px; height:190px;
  background:#F7E4D4;
  margin-right:5px;
}

#sliderItems div span {
  display:block;
  width:100%; text-align:center;
  font-weight:bold;
  font-size:10px;
  position:absolute;
  bottom:0; left:0;
  background:#F7E4D4;
}

.sliderHolderFwBt {
  width:0px; height:0px;
 /* background:white url(../images/bt_forward.png) no-repeat;*/
  font-size:0;
  color:#FFAA0B;
  cursor:pointer;
  position:absolute;
  right:-1px; bottom:-22px;
  visibility:hidden;
}

.sliderHolderBwBt {
  width:0px; height:0px;
 /* background:white url(../images/bt_backward.png) no-repeat;*/
  font-size:0;
  color:#FFAA0B;
  cursor:pointer;
  position:absolute;
  left:-1px; bottom:-22px;
  visibility:hidden;
}

.modelesHolderFwBt {
  width:29px; height:19px;
  background:white url(../images/bt_forward.png) no-repeat;
  font-size:0;
  color:#FFAA0B;
  cursor:pointer;
  position:absolute;
  right:-1px; bottom:-22px;
}

.modelesHolderBwBt {
  width:29px; height:19px;
  background:white url(../images/bt_backward.png) no-repeat;
  font-size:0;
  color:#FFAA0B;
  cursor:pointer;
  position:absolute;
  left:-1px; bottom:-22px;
}


/* _____________________Affichage dans la partie corps : puces, justifié ... _____________________ */
/* Corps forcé pour les puces, car le menu est géré en ul/li */

#corps ul li
{
margin-top:2px;
padding-left:25px;
margin-left:20px;
vertical-align:bottom;
background-image:url('../images/puce1.jpg');
background-repeat:no-repeat;
}

#corps ul ul li
{
background-image:url('../images/puce2.jpg');
background-repeat:no-repeat;
}

#corps ul
{
margin-top:0px;
}

#corps ul.grosseListe li
{
margin-top:10px;
}

#corps ul.grosseListe ul
{
margin-top:0px;
}

#corps ul.grosseListe ul li
{
margin-top:0px;
}

#corps a, span.lien
{
text-decoration:underline;
cursor:pointer;
}

#contenu p, #contenu li
{
text-align:justify;
}

/* _____________________Elements _____________________ */

#boutonContact
{
position:absolute;
top:20px;
right:20px;
text-decoration:none;
}

form .contact
{
cursor:pointer;
width:250px;
margin:5px;
padding:0;
border-width:0 1px 1px 0;
border-color:#f70;
background-color:#dddddd;
font-size:12px;
font-family:Arial;
}

.vert
{
font-size:12px;
font-weight:bold;
color:#0a0;
}

.rouge
{
font-size:12px;
font-weight:bold;
color:#f00;
}

.orange
{
color:#F60;
font-weight:bold;
}

#lien4i a
{
font-size:10px;
text-decoration:underline;
color:white;
}

fieldset label
{
width: 160px;
line-height: 14px;
margin-right: 10px;
float: left;
text-align: right;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

fieldset.selections label
{
width:inherit;
}


fieldset p
{
margin-top:0px;
}