/* Style partie GRAPHISTES */

html,
body{
  height: 100%;
  }

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	scrollbar-base-color: #FFFFFF;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	background-color: #839DCE;
	background-image: url(images/charte/fd.jpg);
}

table {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color: #000000;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
	line-height: 18px;
}

a{
	color: #F52E0F;
	text-decoration: none;
	letter-spacing: 1px;
}
a:hover {
	text-decoration: underline;

}


.text_area1 {
	font-size: 11px;
	font-weight: normal;
	width: 150px;
	border: 1px solid #0068C8;



}
.titre {
font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: lighter;
	font-style: normal;
	color: #3300CC;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.input {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #B9B6C3;
	color: #000066;
}


.encart_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	background-color: #FFFFFF;

}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.titregros {
	font-family: "Trebuchet MS", Arial;
	font-size: 20px;
	color: #F42F0D;
	font-weight: bold;
	
}


.ariane {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	
}

.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding: 2px;

}

.encart_pointille {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	border: 1px dotted #00FFFF;
	padding: 2px;


}

.lien:hover {
	color: #006699;
	text-decoration: underline;
}
.lien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}

.entete_tableau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1767C2;
	padding: 2px;

}

/* Style partie PHP */
.FDpointilles {
	background-attachment: scroll;
	background-image: url(images/charte/pointill.gif);
	background-repeat: repeat-x;

}
.tabgche {
	background-attachment: scroll;
	background-image: url(images/charte/tab_gche.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.tabht {
	background-attachment: scroll;
	background-image: url(images/charte/tab_ht.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tabdrte {
	background-attachment: scroll;
	background-image: url(images/charte/tab_drte.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.tabbs {
	background-attachment: scroll;
	background-image: url(images/charte/tab_bs.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.dgradht {
	background-attachment: scroll;
	background-image: url(images/charte/dgrad_fdpge.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #6EAFE2;
}
.fdpge {
	background-attachment: scroll;
	background-image: url(images/charte/fd_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.dgradbs {
	background-attachment: scroll;
	background-image: url(images/charte/dgrad.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.mnubas {
	background-attachment: scroll;
	background-image: url(images/charte/mnubas.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #BC0001;
}
.visuel {
color: #FFFFFF
}
.tabgche {
	background-attachment: scroll;
	background-image: url(images/charte/tab_gche.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.tabht {
	background-attachment: scroll;
	background-image: url(images/charte/tab_ht.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tabdrte {
	background-attachment: scroll;
	background-image: url(images/charte/tab_drte.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.tabbs {
	background-attachment: scroll;
	background-image: url(images/charte/tab_bs.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.fdnavbas {
	background-attachment: scroll;
	background-image: url(images/charte/fdnavbas.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.nav {
	background-attachment: scroll;
	background-image: url(images/charte/nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.suitnav {
	background-attachment: scroll;
	background-image: url(images/charte/suitnav.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f52e0f;
	font-weight: bold;
	padding-left: 26px;
}

#nav ul{
	padding-left: 26px;
}

#nav li {
	list-style: none;
	padding-left:15px;
}
#nav a {
	font:normal 11px/15px "trebuchet MS", Arial, Helvetica, sans-serif;
	color: #625c53;
	text-decoration: none;
	padding-left:15px;
}
#nav a:hover {
	font:normal 11px/15px "trebuchet MS", Arial, Helvetica, sans-serif;
	color: #494134;
	text-decoration: none;
	background:url(images/charte/pucemenu.gif) 2px 2px no-repeat;
}
/*#nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #052E54;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(images/charte/puce.gif);
	letter-spacing: 0em;
}
#nav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #052E54;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(images/charte/puce.gif);
	letter-spacing: 0em;
}
#nav ul {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #052E54;
	border-right-color: #052E54;
	border-bottom-color: #052E54;
	border-left-color: #052E54;
	margin: 5px 0;
	padding: 0 0 0 35px;
}*/



.clearer{
  clear: both;
  }
#nav img{
  margin: 0 0 0 15px;
  }
.itemprod{
  width: 234px;
  height: 264px;
  background: url(images/produits/prod_item_bck.png);
  float: left;
  margin: 0 10px 10px 0;
  }
.itemprod a{
  display: block;
  width: 200px;
  height: 200px;
  margin: 16px 18px 14px;
  background-position: center center;
  background-repeat: no-repeat;
  }
.itemprod p{
  text-align: center;
  font: bold 11px Arial, Helvetica, sans-serif;
  margin: 0;
  color: #3B5073;
  }
#itemblocpic{
  float: left;
  width: 234px;
  height: 254px;
  background: url(images/produits/fiche_pic_bck.png);
  }
#itemblocpic a{
  display: block;
  width: 200px;
  height: 200px;
  margin: 38px 18px 0;
  background-position: center center;
  background-repeat: no-repeat;
  }
#itemblocdesc{
  float: left;
  width: 446px;
  background: url(images/produits/fiche_desc_bck.png);
  }
  
  
  
#itemblocdesc #itemblocdescsub
{
	background: url(images/produits/fiche_desc_bottom_bck.png) left bottom no-repeat;
	padding: 40px 15px 15px;
}
  
#itemblocdesc #itemblocdescsub
{
	height:200px;
}

html>body #itemblocdesc #itemblocdescsub
{
	height: auto;
	min-height:200px;
}

#itemblocdesc #itemblocdescsub p.rien
{
	margin:95px 0 0 0;
	text-align:center;
	color:#004085;
	font-style:italic;
}
  



#itemblocdesc #itemblocdescsub ul{
  padding: 0 0 0 20px;
  margin: 0;
  }

#formDrawer{
  float: left;
  width: 234px;
  background: url(images/contact/contact_drawer_bottom_bck.png) left bottom;
  }
#formDrawer #formDrawerSub{
  padding: 158px 15px 10px;
  background: url(images/contact/contact_drawer_top_bck.png) no-repeat;
  }
#formContactWrapper{
  float: left;
  background: url(images/contact/contact_form_bottom_bck.png) left bottom;
  width: 446px;
  padding: 0 0 15px;
  }
#formContactWrapper #formContact{
  background: url(images/contact/contact_form_top_bck.png) no-repeat;
  padding: 50px 40px 0;
  text-align: right;
  }
#formContactWrapper #formContact div{
  margin: 0 0 8px;
  }
#formContactWrapper #formContact input,
#formContactWrapper #formContact textarea{
  width: 220px;
  }
#formContactWrapper #formContact button{
  width: 110px;
  font-size: 9px;
  }
#formContactWrapper p{
  font-size: 9px;
  line-height: 11px;
  padding: 0 30px;
  }
  
  /***************** DEVIS *****************/
  
#fomtopdevis {
background:url(images/devis/devis_form_bottom_top.gif) no-repeat;
padding-top:34px;
width:650px;
}
  #formdevis {
background:url(images/devis/devis_form_bottom_bck.gif) repeat-y;
width:6870px;
/margin-top:34px;
}
 #fombotdevis {
background:url(images/devis/devis_form_bottom_bot.gif) repeat-y;
margin-top:-20px;
height:25px;
}
 #left3 {

 margin-left: 45px;
 /padding-left:40px;
 -margin-left:015px;
 width: 280px;
 float: left;
}

#right3 { 

 float: left;
 margin-left: 15px;
 /padding-left:40px;
 width: 280px;
 display: inline;
 position: relative;
}

#devisform {
padding-top:0px;
margin-top:0px

}


#devisformc {
padding-left:50px;
}
#devisformc td{
text-align:right;
}

#devisform p{
padding-top:0px;
padding-bottom:0px;
margin-top:2px;
margin-bottom:3px;
width:100x;
}

#devisform select{
width:146px;
}

#devisform label{
float: left;
margin-left: -120px;
padding-right:10px;
width: 200px;
text-align:right;
}

#devisform table{
margin-left:10px;
}
#devisform textarea {
font-size:10px;
width:145px;
font-family:Arial, Helvetica, sans-serif;
padding:1px;
color:#000;
text-align:left;
}

.boutons {
margin-top:20px;
margin-left:165px;
}

.boutons img{
margin-bottom:10px;
}

.bouton {
  width: 110px;
  font-size: 9px;
}

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

.champRequis{
color:#FF0000;
}
p.capa {
margin-left:20px;
text-align:justify;
font-size:9px;
width:580px;
}
.capa img{
border:none;
margin-left:20px;
margin-top:10px;
}





#search{
width:194px;
height:70px;
background:#EFEFEF;
border-bottom:1px solid #d4d4d4;}

#search form{
padding:0 10px;}

#search input{
width:170px;
background:#FFFFFF;
border:1px solid #858079;
font:10px Arial, Helvetica, sans-serif;
color:#858079;
margin:2px;}

#search select{
width:170px;
background:#FFFFFF;
border:1px solid #858079;
font:10px Arial, Helvetica, sans-serif;
color:#858079;
margin:2px;}


/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:194px;
}
#menuLeft h1{
padding:0;
margin:0;
}
#menuLeft ul{
list-style:none;
border:solid #D4D4D4;
border-width:0 0 1px 0;
margin:0;
padding:0;
}
#menuLeft a{
text-decoration:none;
font:normal 11px/25px  "trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
display:block;
height:25px;
overflow:hidden;
border:solid #D4D4D4;
border-width:0 0 1px 0;
padding:0 0 0 25px;
background:url(images/charte/pucemenu.gif) 8px 8px no-repeat;
}
#menuLeft a:hover{
font:normal 11px/25px  "trebuchet MS", Arial, Helvetica, sans-serif;
color:#999;
background:url(images/charte/pucemenu.gif) 8px 8px no-repeat;
}



/***************** SOUS MENU */

#menuLeft ul{
margin:0;
padding:0;
list-style:none;
}

#menuLeft li a{
border:none;
text-decoration:none;
font:normal 10px/15px "trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
display:block;
height: auto;
overflow:hidden;
padding-left:10px;
background:none;
}
#menuLeft li a:hover{
text-decoration:none;
color:#999;
background:none;
font:normal 10px/15px "trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
background:none;

}


/***************** Boutons actions fiche prod *****************/

#actions {
margin-top:35px;
}
#actions img{
border:none;
}
#actions a{
color:#666666;
margin-right:2px;
padding:3px;
border:1px solid #666;
}
#actions a:hover {
text-decoration:none;
}




/***************** Savoir faire *****************/

.itemsf{
  width: 165px;
  padding-left:5px;
  height: 254px;
  float: left;
  margin: 0 2px 2px 0;
  border:1px solid #CCC;
  background:#FFF;
  }
.itemsf a{
  display: block;
  margin: 10px 5px 5px 5px;
  background-position: center center;
  background-repeat: no-repeat;
  }
.itemsf p{
  text-align: center;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0;
  color: #3B5073;
  }
.itemsf img {
border:1px solid #CCC;
}


.pdfsf{
  width: 90px;
  height: 110px;
  float: left;
  margin: 0 2px 2px 0;
   border:1px solid #CCC;
  background:#FFF;
  }
.pdfsf a{
  
  margin: 16px 10px 14px 0px;
  background-position: center center;
  background-repeat: no-repeat;
  }
.pdfsf p{
  text-align: center;
  font: bold 11px Arial, Helvetica, sans-serif;
  margin: 0;
  color: #3B5073;
  }
.pdfsf img {
border:none;
}