/* CSS Document */
*{
  margin:0;
  padding:0;
}
body{
  background: #000;
  text-align: center;  
  margin-top:0%;
  font-family: Arial;
  font-size:11px;
  color:#4D4D4D;
  background: #41638B url(../images/bg_wide.png) 50% 0 no-repeat;
  background-attachment:fixed;
}

h1{
  font-size:14px;
}



h3{
  color:#205CA4;
  font-size:14px;
  font-weight:bold;
  padding-bottom:15px;
}

h4{
  font-weight:bold;
  font-size:12px;
}

a{
  text-decoration:none;
  color:#205CA5;
}

a.select{
  text-decoration:underline;
  color:#205CA5;
}

a.selectOrange{
  text-decoration:underline;
  color:#F7971C;
}

a:hover{
  text-decoration:underline;
}

a.bleu{
  text-decoration:none;
  color:#205CA5;
  background: url(../images/rightbleu.png) no-repeat left;
  padding-left:12px;
}

a.bleu:hover{
  color:#F7971C;
  text-decoration:underline;
  background: url(../images/rightorange.png) no-repeat left;
}

a.bleuselect{
  padding-left:12px;
  color:#F7971C;
  text-decoration:underline;
  background: url(../images/rightorange.png) no-repeat left;
}

a.orange{
  text-decoration:none;
  color:#F7971C;
  background: url(../images/rightorange.png) no-repeat left;
  padding-left:12px;
}

a.orange:hover{
  color:#205CA5;
  text-decoration:underline;
  background: url(../images/rightbleu.png) no-repeat left;
}

a.orangeselect{
  padding-left:12px;
  color:#205CA5;
  text-decoration:underline;
  background: url(../images/rightbleu.png) no-repeat left;
}

ul {
  padding-left:40px;
  padding-top:10px;
  padding-bottom:10px;
  list-style-image: url(../images/rightbleu.png);
}

a.neutre{
  font-weight:bold;
  color:#4D4D4D;
  text-decoration:underline;
}


img{
  border:0;
  padding-right:8px;
}

img.bordure{
  border:1px solid #D7D7D7;
}

img.noborder{
  border:0;
} 

div.right{
  text-align:right
}

span.bleu{
  color:#205CA5;
}

span.orange{
  color:#F7971C;
}

label{
  display:block;
  float:left;
  width:100px;
}

input, textarea, select{
  border:1px solid #2D2D2D; 
}

form{
  margin-right:25px;
}

form img{
  padding-left:10px;
}

form#devis label{
  padding-left:80px;
  width:320px;
}

form#devis label.contact{
  padding-left:80px;
  width:270px;
}

input{
   float:left;
}

input.effacer, input.valider{
   float: none;
  
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus{
  background-color:#F7971C;
  color:#FFF;
  border:1px solid #2D2D2D;
}

input.valider:hover{
  background-color:#33A230;
}

input.effacer:hover{
  background-color:#FF0000;  
}

input.boutonimg{
  border:0;
  float:right;
  margin-top:-13px;
  margin-right:-13px;
}

/*-------------------------------------------------*/
div#globale{
  width:771px;  
  text-align: justify;
  margin: 0 auto; 
  margin-top: 12px;
  background:#FFF;
  min-height:566px;
  
}


div#globale div#menu{
  width:771px;  
  height:32px;  
  background: #F9F9F9;
  margin-top:-2px;

  
}

div#globale div#menu ul{  
  padding-left:39px;
  padding-top:0px;
  font-size:12px;
  list-style-type: none;
  list-style-image: url(none);
}

div#globale div#menu ul li{   
  float:left;
  padding:8px;
  
}





div#globale div#menu ul li.listeneutre{ 
  list-style-type: none;
  list-style-image: none;
}


div#globale div#bandeau{
  width:771px;  
  height:173px;  
  text-align:center;
padding-top:40px;
height:133px;
  background: url(../images/bandeau.gif) no-repeat;
  
}

div#globale div#contenu{
  width:730px;  
  border:0px solid red;
  margin-left:20px;  
}

div#globale div#contenu div#contenudroit{  
  margin-top:30px;
  margin-left:140px; 
  padding-bottom:20px;
}

div#globale div#contenu div#contenudroit div#liste_reference div#categorie_ref{
 background:url('../images/cat_reference.png') no-repeat;
 width:610px; height:47px; 
 margin-top:10px; margin-left:-8px;
 padding-top:16px;
 text-align:center;
 font-size:12px;
}

*+html div#globale div#contenu div#contenudroit div#liste_reference div#categorie_ref{
  
 background:url('../images/cat_reference.png') no-repeat;
 width:610px; height:47px; 
 margin-top:-70px; margin-left:-8px;
 padding-top:16px;
 text-align:center;
 font-size:12px;
}

* html div#globale div#contenu div#contenudroit div#liste_reference div#categorie_ref{
  
 background:url('../images/cat_reference.png') no-repeat;
 width:610px; height:47px; 
 margin-top:-70px; margin-left:-8px;
 padding-top:16px;
 text-align:center;
 font-size:12px;
}


div#globale div#contenu div#contenudroit div#categorie_ref a.selectRef{
 color:#F7971C;
}

div#globale div#contenu div#contenudroit div.blocref{
  margin-bottom:15px;
  width:550px;
}



div#globale div#contenu div#contenudroit div.blocref div.ref_haut{
  width:610px;
  height:26px;
  background: url('../images/ref_haut.png') no-repeat;
  margin-left:-8px;
 
}

div#globale div#contenu div#contenudroit div.blocref div.ref_milieu{
  width:610px;
  min-height:120px;
  background: url('../images/ref_milieu.png') repeat-y;
  margin-left:-8px;
  padding:15px;
  padding-top:0;
}

div#globale div#contenu div#contenudroit div.blocref div.ref_bas{
  width:610px;
  height:21px;
  background: url('../images/ref_bas.png') no-repeat;
  margin-left:-8px;
 
}

div#globale div#contenu div#contenudroit div.blocref div.ref_milieu div.desc_ref {
 width:575px;
 text-align:justify;
}

*+html div#globale div#contenu div#contenudroit div.blocref div.ref_milieu div.desc_ref {
 width:465px;
 text-align:justify;
}

* html div#globale div#contenu div#contenudroit div.blocref div.ref_milieu div.desc_ref {
 width:465px;
 text-align:justify;
}

div#globale div#contenu div#contenudroit div.blocref div.ref_milieu img.borderref {
 padding:1px;
 border: 1px solid #2D2D2D;
 margin-right:7px;
 
}

div#globale div#contenu div#contenudroit div.blocref div.liensite {
 float:right;
 margin-top:1px;
 margin-right:20px;
 
}


div#globale div#contenu div#blocgauche{
  width:330px;
  margin-top:30px;
  margin-left:25px;
  border-right:2px solid #EAEAEA;
  
}

div#globale div#contenu div#menugauche{
  width:120px;
  margin-top:40px;
  margin-left:0px;
  margin-right:20px;
  border-right:2px solid #EAEAEA;
  float:left;  
  
}

* html div#globale div#contenu div#menugauche{
  width:120px;
  margin-top:40px;
  margin-left:0px;
  margin-right:10px;
  border-right:2px solid #EAEAEA;
  float:left;  
  
}

div#globale div#contenu div#menugauche div#pubgoogle{
 width:115px;
 
 margin-left:-10px;
  
}


* html div#globale div#contenu div#menugauche div#pubgoogle{
 
 
 margin-left:0px;
  
}




div#globale div#contenu div#blocgauche div#texteaccueil{
  width:300px;
  border:0px solid red;
  
}

div#globale div#contenu div#blocgauche div#reference{
  width:300px;
  margin-top:20px;
  border:0px solid red;
 
}

div#globale div#contenu div#blocgauche div#reference img{
  float:left;
  margin-right:5px;
  width:100px;
  padding:1px;
  border:1px solid #2D2D2D;
}






div#globale div#contenu div#blocdroit{
  width:330px;
  margin-top:30px;
  margin-left:380px; 
}

* html div#globale div#contenu div#blocdroit{
  margin-top:-265px;
  
}


div#globale div#contenu div#services{
  margin-top:-345px; 
  /*background:url('../images/presta.png') no-repeat;*/
  width:371px;
  height:282px;
  margin-left:-12px;
  text-align: center;
  
}



* html div#globale div#contenu div#services{
  margin-top:0px; 
  /*background:url('../images/presta.png') no-repeat;*/
  width:371px;
  height:282px;
  margin-left:-5px;
  text-align: center;
  
}

div#globale div#contenu div#detail1{
  padding-top:127px;
  margin-left:112px;
  
}

div#globale div#contenu div#detail2{
   margin-top:-15px;
   margin-left:293px;
  
}

div#globale div#contenu div#detail3{
   margin-top:119px;
   margin-left:293px;
  
}

div#globale div#contenu div#detail4{
  margin-top:-15px;
  margin-left:112px;
  
}



div#globale div#contenu div#skr{
  margin-left:160px;
  margin-top:15px; 
  border-top:2px solid #F0F0F0;
  padding-top:2px;
  
}

* html div#globale div#contenu div#skr{
  margin-left:160px;
  margin-top:05px; 
  margin-bottom:15px;
}

div#globale div#contenu div#skr h3{
  color:#F7971C;
  padding-bottom:0;
  font-size:14px;
  font-weight:bold;
  
 
}

div#globale div#contenu div#toutesreferences{
 
  margin-top:-18px;
  
}

div#globale div#contenu div#devis{
  float:left;
  margin-top:-70px; 
  margin-left:45px;
  margin-bottom:15px;
  
}

* html div#globale div#contenu div#devis{
  margin-top:-90px;
  margin-left:28px;
}

div#footer{  
  text-align:center;
  background: url(../images/footer.png) repeat-x;
  width:771px;  
  margin: 0 auto;  
  padding-top:10px;
  padding-bottom:10px;
 
}

div#footer a{  
  color:#4D4D4D;
  text-decoration:none; 
}

div#footer a:hover{  
  color:#4D4D4D;
  text-decoration:underline; 
}

* html div#footer{  
  text-align:center;
  background: url(../images/footer.png) repeat-x;
  width:771px;  
  margin: 0 auto;  
  padding-top:10px;
  padding-bottom:10px;
 
}

/******************** divers ****/

/***** NEWS **/


.news_style{
display:none;
}
.news_show
{

overflow: auto;	

}

.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:361px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
/*border-top-color: white;*/
border-top:none;
height:20px;
}

.buttondiv img
{
cursor:pointer;
}



.lquote{
  background: url('../images/lquote.gif') no-repeat;
  width:22px;
  height:19px;
  display:block;
  float:left;
  margin-right:10px;
  

}

.rquote{
  background: url('../images/rquote.gif') no-repeat;
  width:15px;
  height:13px;
  display:block;
  float:right;
  margin-left:10px;
}


.texte_actu{
  font-style: italic;
  text-align: justify;
}

.auteur
{
  text-align:center;
  font-style:normal;
  
}

.clearer{
  clear:both;
}