/* CSS Document */

HTML, BODY {
  font-family: verdana,arial;
  font-size:11px;
  margin: 0;padding: 0;
  width: 100%;height: 100%;
  background-image:url(../images/background.gif);
}
IMG{border-color: #ffe600; border-style: solid; border-width: 1px;}
HR{ background-color:#5f6062; height:1px;border: 0px; width:100%}

A{
  font-family: verdana,arial;
  font-size:11px;
  text-decoration:underline;
  color:#5f6062;
}
A:hover{
  font-family: verdana,arial;
  font-size:11px;
  text-decoration:underline;
  color:#ffffff;
}

A.copyright{
  font-family: verdana,arial;
  font-size:9px;
  color:#5f6062;
  text-decoration:underline;
}
A.copyright:hover{
  color:#ffffff;
}

A.atitre{
  font-family:verdana,arial;
  font-size:11px;
  color:#5f6062;
  font-weight:bold;
  text-decoration:none;
}
A.atitre:hover{
  text-decoration:underline;
}

A.photos {
  color:#5f6062;
  text-decoration:none;
  font-size: 10px;
}

A.photos:hover {
  text-decoration: underline;
}

P{
  font-family:verdana,arial;
  font-size:11px;
  color:#5f6062;
  font-weight:normal;
  text-align:justify;
}

H3{
  font-family:verdana,arial;
  font-size:14px;
  color:#272728;
  font-weight:bold;
}

H4{
  font-family:verdana,arial;
  font-size:11px;
  color:#5f6062;
  font-weight:bold;
}

SPAN.choix{
  font-family:Arial;
  font-size:11px;
  color:#5f6062;
  font-weight:normal;
  text-transform:uppercase;
}


div#nav{
  margin:190px 5px 5px 10px;
  width:445px;
  text-align:right;
}


div#menu{
  margin-top:210px;
  margin-left:25px;
}

#menu .elementMenu{
  background-image:url(../images/menu/fonds.gif);
  width:177px; height:23px;
  padding-top:2px;
  margin-top:-2px;
}

#menu .elementMenu IMG {
  border: none;
}


#extranet{
  margin-top:60px;
  margin-left:25px;
  padding-top:30px;
  margin-bottom:-18px;
  background-image:url(../images/menu/extranet.gif);
  background-repeat:no-repeat;
  width:177px; height:130px;
  text-align:right;
  color:#FFFFFF;
  
}

#extranet INPUT {
  margin-top:2px;
  margin-bottom:7px;
}



#extranet .texte {border-style: double; border-color:#5f6062 !important;border-color:#ffffff; border-width:3px;width:150px;}
#extranet .pass {border-style: double; border-color:#5f6062 !important;border-color:#ffffff; border-width:3px;width:150px;}
/*SOUS_MODULES*/

#logo{
  position:absolute;
  left:-1px;top:0px;
}
#photo{
  position:absolute;
  right:0px;
}

#txtProfil{
  padding:185px 10px 75px 10px;
  position:relative;
}

#txtRealisation{
  padding:5px 10px 75px 15px;
  position:relative;
  text-align:right;
}

/*Realisations*/
.vignette{
  position:relative;
  margin-bottom:10px;
  margin-right:10px;
  width:440px;
  min-height:110px;
  background: url(../images/vignette.gif)  bottom right;
}


/* for IE */
* html .vignette {
  margin-bottom:25px;
  width:440px;
  height:110px;
  background: url(../images/vignette.gif)  bottom right;
}

.contVignette{
  padding:5px 10px 5px 5px;
}

.photoVignette{
  /*background: url(../images/fondPhoto.gif) no-repeat bottom right;*/
  margin:6px; 
  padding: 2px;
  text-decoration: none;
}

.imgVignette{
  float:left;
  margin-right:10px;
  margin-left:10px;
  text-align: center;
}

.imgVignetteright{
  float:none;
  margin-right:10px;
  margin-left:10px;
}

.txtVignette{
  /*padding:5px !important;*/
  padding:5px 5px 5px 25px;
  text-align:left;
  font-family: verdana,arial;
  color:#5f6062;
}

.txtVignette .h3{
  margin-left:-10px !important;
  margin-left:0px;
  
  position:relative;
  font-size:12px;
  font-weight:bold;
  color:#5f6062;
}

.txtVignette .h4{
  /*margin:0px 0 -7px -5px;*/
  margin:0px 0 -7px -8px  !important;
  margin-left:0px 0px 0px -30px;
 /* padding-left:38px;*/
  /*padding-left:18px !ie;*/
  font-weight:bold;
  font-size:11px;
}

.txtVignette .autre{
 margin:0px 0 -7px 5px  !important;
  margin-left:0px 0px 0px -40px;
  /*margin:0px 0 -7px -0px !ie;*/
  
 /* padding-left:8px;
  padding-left:18px !ie;*/
  
  font-weight:bold;
  font-size:11px;
}

.txtVignette .top{
  font-family: verdana,arial;
  font-weight:normal;
  list-style:square;
  list-style-position:outside;
  font-size:10px;
  margin-top:2px;

  line-height:18px;
  
  margin-left:120px !important;
  margin-left:110px;
  
  padding-left:0px !important;
  padding-left:15px;
}

.txtVignette .bottom{
  font-family: verdana,arial;
  font-weight:normal;
  list-style:square;
  list-style-position:outside;
  font-size:10px;
  margin-top:2px;

  line-height:18px;
  
  margin-left:-30px;
  margin-left:10px !ie;

}

.txtVignette UL.sub{
  margin-top:0px;
  margin-left:-25px;
  margin-left:25px !ie;

}

.txtVignette UL SUP{
  font-family: verdana,arial;
  font-weight:normal;
  font-size:8px;
}

.autrePrj{
  text-align:right;
  font-family: verdana,arial;
  font-size:10px;
  color:#696a6c;
}

UL{
  color:#5f6062;
  font-family: verdana,arial;
  font-weight:normal;
  list-style:square;
  list-style-position:outside;
  font-size:11px;
  margin-top:10px;
  margin-left:-18px ;
  margin-left:20px !ie;
}


