body {
	background-image:url(../../ProFra/fondfranck3.png);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

#site_contenu {
position:relative;
width:100%;
text-align:left;
margin:0;
padding:0;
}
/** Entete **/


#site_entete {	
	position: relative;
	width: 990px;
	margin: 0 auto;
	height: 400px;
    padding:0;

    background-image:url('image1.png');
	background-repeat:no-repeat;
    z-index:5;
}
#site_menu_page {
	position:relative;
	width: 990px;
	left: 50%;
	margin-left: -495px;
	height: 40px;
	z-index:110;
	background: transparent url(image4.png) 0px 0px;
	background-repeat: repeat-x;
}
#site_page {
	position:relative;
	width: 990px;
	margin: 0 auto;
	background:url('image6.png') no-repeat 0px 0px;
	min-height: 700px;
}
#site_bas_page {
	clear: both;
	width: 100%;
	text-align:center;
	min-height: 75px;
	margin: 0;
	padding: 20px 0;
	background-image:url('image10.html');
	background-repeat:repeat;
}


#site_logo a { 	
	position:absolute;
	width: 200px;
	height: 70px;
	z-index: 10;
	background-image:url('image2.gif');
	background-repeat:no-repeat;
	text-indent:-5000px;
}

#site_baseline { 
	display: none;
}

#site_bandeau {
	position: absolute;
    z-index:2;
}



#liendevis  {   
    position:absolute;
    top:40px;
    left:780px;
    width:210px;
    height:35px;
    z-index:10;
}

 #liendevis a { 
	display: block;
    height:35px;
	background-image: url('image8.png');
	z-index: 10;
	text-indent: -5000px;
}
 #liendevis a:hover, #rappel-immediat a:hover { 
background-position:0 -35px;
}
#rappel-immediat {
	position: absolute;
	top: 40px;
	left:570px;
    z-index:10;
}
#rappel-immediat a{
display:block;
z-index:10;
height:35px;
width:210px;
text-indent:-5000px;
margin:0;
padding:0;
text-decoration: none;
background-image: url('image7.png');
}

#site_traduction {
    position:absolute;
    left:740px;
	display: block;
	width: 130px;
	height: 30px;
	line-height: 1.8em;
}
#site_traduction p {margin:0 !important;  }
#site_traduction  form p  input{	
	float: left; 
	padding: 0 3px;
		height: 25px;width: 25px;
}

#site_adresse {
    position:absolute;
    font-size:12px;
    top:23px;
    left:740px;
	width: 130px;
	height:auto;
	z-index:10;
    text-shadow:1px 1px 2px #555;
}

#site_adresse span.ville:before {
	content:"-";
}

#numerotelephone {	
    display:inline;
}

#numerotelephone span.fax {
	display: none;
}
#numerotelephone span.mob:before {content:"-" }
#numerotelephone span.tel:before {content:"-" }
#numerotelephone span.mob {
	display: inline;
}
#numerotelephone span.mob > .picto {
    display:none;
}

#numerotelephone span.tel > .picto {
    display:none;
}

.tel,.fax,.mob {

}
#lien_entete { 
    position:absolute;
    left:840px;
    top:0;
	width: 150px;

	line-height: 1.8em;
	font-size:0.9em;
	font-weight:700;
	z-index: 10;
}

#lien_entete a {
	line-height: 1.8em;
}

#lien_entete img {	
	border: none;
	float: right;
	padding-left:5px;
			height: 25px;width: 25px;
}
}


/*************/
#avis { 
width: 270px;
padding: 10px;
height: 135px;
z-index: 30;
}
#avis h4 {display:none;}
#avis h5 {height: 20px; line-height: 20px; margin: 0 0 17px 0;}
#avis h5 a{
font-size: 16px; 
 line-height: 20px;
font-family:Georgia,sans-serif;
font-weight: normal;
font-style:italic;
text-align: center;
color: #FFF;
text-decoration: none;
}
				
#avis  p.commentaireavis
{
color: #EEE;font-size: 11px; width: 270px;font-style:italic;padding-left: 10px;
}
span.noteavis {position: absolute; top: 20px; left: 0px;}
span.dateavis {position: absolute; top: 90px; right: 5px; font-size: 10px;color: #EEE;}
p.auteuravis {position: absolute; top: 90px; left: 0px; font-size: 10px;margin: 0;color: #EEE;} 


#site_menu_page ul {
    margin:0;
	list-style-type:none;
	padding: 0;
	font-size: 1.1em;
}

#site_menu_page li {
display: block;
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	background: transparent url('image5.png') no-repeat top right;
}
#site_menu_page li:last-child {
background:none;
}
#site_menu_page ul li a {
	display : block;
	float: left;
	width : 154px;
	height : 40px;
	line-height:40px;
	font-weight:700;
	background: transparent url(image4.png) 0px 0px;
	background-repeat: repeat-x;
	margin : 0;
	text-decoration:none;
	padding: 0;
	text-align:center;
}

#site_menu_page ul li a:hover,#site_menu_page ul li a.actif {
	text-decoration:none;
	background: transparent url(image4.png) 0px -40px repeat-x;
}
#site_menu_page ul li.lien_0_menu a {
height: 40px;
width: 28px;
padding:0 10px;
}
#site_menu_page ul li.lien_0_menu a span.pictomenu {
display: block;
height: 40px;
width: 28px;
background:transparent url('../Standard/standard59.png') center center no-repeat;
}
#site_menu_page ul li.lien_0_menu a span.textemenu {
display: none;
}

#site_menu_page ul.menuDeroulantHorizontal li ul {margin-top: 40px;background-image: url(../Standard/standard50.png);width: auto; }  
#site_menu_page ul.menuDeroulantHorizontal li ul li  {clear: left;background-image:none; padding:0;z-index:120;}  
#site_menu_page ul.menuDeroulantHorizontal li ul li ul {margin-left: 200px;margin-top: 0px;}  
#site_menu_page ul.menuDeroulantHorizontal li ul li ul li ul{margin-left: 200px;}  
#site_menu_page ul.menuDeroulantHorizontal li ul li a {clear:left;text-decoration: none;font-size: 0.8em; min-height : 30px;line-height: 24px; padding:  5px;width: 190px;border-top: 1px solid #EEE;background-image: url('../Standard/fleche-droite.png');background-position:center right;background-repeat: no-repeat;} 
#site_menu_page ul.menuDeroulantHorizontal li ul li a:last-child {background-image: none;} 
#site_menu_page ul.menuDeroulantHorizontal li ul li a:first-letter {text-transform: uppercase;} 
#site_menu_page ul.menuDeroulantHorizontal li ul li a:last-child {text-decoration: none; background-image: none;}


/***************************************/


#fil_ariane {
    padding: 20px 20px;
}

#cartouche {
    padding: 0 ;
	width: 230px;
	float: right;
	margin: 0px 20px 20px 20px;
	z-index: 4;
}

.cartouche_article_parent {
	font-size : 1.3em; 
	font-weight: 700;
	margin: 0 0 10px 0;
    text-align:center;    
}

.cartouche_article_parent   a {
    font-size:1.1em !important;

}

#cartouche ul {
	list-style-type: none;
	padding: 0;
	text-align: left;

}

#cartouche ul li {
    height:auto;
	font-size: 1.3em;


	
}
#cartouche ul li a  {
    display:block;
    line-height:30px; 
	padding-left: 20px;
	background-image: url('image9.png') ;
	}


#cartouche ul li a:hover, #cartouche  ul li a.article-current {
    background: transparent url(image9.png)  0 -30px no-repeat;background-color:none; 
}
#cartouche ul li ul li {
	font-size: 1em;
	background-image: url('image9.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 5px 0 0 0;
}

#cartouche ul li a, #cartouche ul li ul li a { display: block;}



#site_page_texte {
	margin: 0;
	padding: 10px 20px;
}
#site_page #liendevis  {   
    position:relative;
    width:80%;
	background-image: none;
    margin: 10px auto;
	padding: 20px 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
#site_page_texte h1, #site_page_texte h2, 
#site_page_texte h3, #site_page_texte h4, 
#site_page_texte h5, #site_page_texte h6 {
	margin: 0 0 10px 0;
	line-height: 0.5;
	font-size: 16px;
} 
hr {border: 0; height:9px; width: 329px;margin: 20px auto;background-image: url('../Standard/standard60.png');
background-repeat: no-repeat;
background-position: 0 center ;}

#caroussel {}

#realisation {
	margin: 10px 0 0 195px;
	height: 375px;
	width: 520px;
	position: relative;
}

*+html #realisation {
	padding-left: 195px;
}
div #realisation img {
max-height: 375px;
}


#titre {
	position: absolute;
	width: 160px;
	height: 200px;
	display: block;
	margin: -375px 0 0 20px;
}

#titre .titreimage {
	width: 160px;
	position: absolute;
}


#site_bas_page a { 
	text-decoration:none; 
}

#site_bas_page a:hover { 
	text-decoration:underline; 
}

/*****/

.facultatif,.doNotDisplay {
	display:none;
}

.validerformulaire {
	font-size: 1.2em;
	padding: 5px 10px;
	margin: 10px auto;
}

    
#cartouche  >   #prestation a, #cartouche > #cartouche_articles a   {
    text-decoration:none;
    font-size:12px;
}

#cartouche  >   #prestation h4  {  
    text-align:center;}
	/* Boutique */

#cartouche_boutique {display:none;}
div #lienrecherche, div #lien_retour_boutique
{
position: absolute;
top: 5px;
font-size: 10px;
text-align: left;
}
.triproduits {
width: 950px;
margin:10px;
font-size: 14px;
height: 20px;
border: 1px solid #f0f0f0;
padding: 9px;
}
.triproduits select{

}
	                                                                  
div #produits_boutique {
width: 970px;
margin: 0;
}
div .un_produit_boutique
{
display:block;
position: relative;
width:100%;
height:200px;
border: 1px solid #f0f0f0;
border-radius: 4px;
padding: 0px;
text-align: center;
margin: 10px;
}
div.un_produit_boutique  .nom_produit_boutique
{display: block;
position: absolute;
top: 0;
left: 266px;
text-align: left;
font-weight: normal;
text-transform: capitalize;
font-size: 18px;
font-weight: 900;
padding: 10px 20px 0 20px;
width: 664px;
color: #4f4f4f;
height: 40px;
}
div.un_produit_boutique  .reference_produit_boutique,div.un_produit_boutique  .fichecom_produit_boutique
 {display: block;
position: absolute;
top: 50px;
left: 266px;
text-align: left;
font-weight: normal;
font-size: 14px;
padding: 10px 20px 10px 20px;
width: 464px;
height: 130px;
}
div .un_produit_boutique .prix_produit_boutique,div .un_produit_boutique .ancienprix_produit_boutique, div.un_produit_boutique .prixpromo_produit_boutique
{
display: block;
position: absolute;
top: 50px;
left: 770px;
text-align: center;
width:200px;
font-weight: 900;
font-size: 30px;
line-height: 30px;
padding: 20px 0px;
}
.ancienprix_produit_boutique
{text-decoration:line-through;}
div.un_produit_boutique  .ancienprix_produit_boutique{font-weight: normal;padding-right: 3px;}
div.un_produit_boutique  .prixpromo_produit_boutique{top: 100px;}
.image_produit_boutique {
}
.image_produit_boutique a img {
display:block;
max-width:267px;
margin: 0;
height:200px;
}

div.un_produit_boutique  div.actionproduit
{position: absolute;
}
a.infoproduit, .ajoutpanier
{
display: block;
position: absolute;
top: 177px;
height: 30px;

}
a.infoproduit {
left: 0px;
width: 266px;
height: 23px;
line-height: 23px;
text-align: center;
color: white;
text-decoration: none;
background-color: #A9A9A9;
background: rgba(169, 169, 169, 0.5);
}
.ajoutpanier {
display:none;
}

div #ficheproduit_boutique {margin: 10px 0;}
div #ficheproduit_boutique img.image_produit_boutique { float: left; clear:left; display: block; margin: 0px 20px 0 0;
	border: 1px solid #f0f0f0;
	padding: 4px;
   box-shadow: 1px 1px 12px #555;
   max-width: 510px;
   max-height: 570px;


    transition: all 0.8s ease-in-out 0s;
}

#ficheproduit_boutique img.image_produit_boutique:hover{   
    -moz-transform:  scale(1.50)  ;
    -webkit-transform:  scale(1.50)  ;
    -o-transform:  scale(1.50) ;
    -ms-transform:  scale(1.50)  ;
    transform: scale(1.50) ;
	-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;

}



div #ficheproduit_boutique  h1.nom_produit_boutique { float: right; clear:right; display: block; font-size: 20px;color: #4f4f4f;width: 400px;margin: 10px 0;border-bottom: 1px solid #f0f0f0;}
div #ficheproduit_boutique   .reference_produit_boutique {float: right; clear:right; left; display: block; font-size: 12px;width: 400px;}
div #ficheproduit_boutique   .conditionnement_produit_boutique {float: right; clear:right; left; display: block; font-size: 12px;width: 400px;height: 25px;}


div #ficheproduit_boutique .fichecom_produit_boutique{ float: right; clear:right; width: 400px;margin: 10px 0;font-weight: bold; font-style: italic;}
div #ficheproduit_boutique .fichetechnique_produit_boutique{  float: right; clear:right; width: 400px;margin: 10px 0;text-align: left;}
div #ficheproduit_boutique .prix_produit_boutique, div #ficheproduit_boutique .ancienprix_produit_boutique, div #ficheproduit_boutique .prixpromo_produit_boutique{ float: right; clear:right; width: 400px; font-size: 30px;}
div #images_ficheproduit_boutique  { position:absolute; top: 50px; left: 500px;width: 40px; margin: 5px;}
a.une_image_ficheproduit  { float: left; margin: 5px;}
a.une_image_ficheproduit > img{max-width: 40px !important;max-height: 40px !important; border: 1px solid #f0f0f0;}
div #ficheproduit_boutique form{ float: right; clear:right;width: 400px; font-size: 30px; font-weight: 700;}
div #ficheproduit_boutique form input[type="submit"] {font-size: 26px;color: #FFF; display: block; margin: 10px 0; width: 287px; height: 41px; background-color:#f68c06;cursor:pointer;border:none;}
div #ficheproduit_boutique form input[type="text"] {font-size: 26px;cursor:pointer;margin: 10px 0;}
div #ficheproduit_boutique form .unite-commande {font-weight: normal; font-size: 14px;color: #4f4f4f;padding-left: 5px;}

div #navigation_ficheproduit_boutique {clear: both; text-align:center;padding-top: 20px; font-size: 14px; }
div #navigation_ficheproduit_boutique a , .pagination a {text-decoration: none; display: inline-block; border-width: 2px;border-style: solid;padding: 2px 5px 2px 5px;margin: 2px;} 
#panier_boutique table {border-collapse:collapse ;} 
#panier_boutique table tr th, #panier_boutique table tr td {padding: 2px 5px;} 
#panier_boutique table tr th {border-width:0 0 1px 0;border-style: solid;}
#panier_boutique table tr td {border-width:0 0 1px 0;border-style: dotted;}
#validation-achat  {margin-left: 750px; }
div #site_page_texte form p {margin: 5px 0; } 
div #site_page_texte form p label {display: inline;float: left;width: 400px;text-align: right;padding-right: 10px; font-weight: 700;} 
div #cartouche_boutique form p {margin: 2px 0; } 
div #cartouche_boutique form p label {display: inline;float: left;width: 150px;text-align: left; font-weight: 700; font-size: 10px;} 

#process-commande
{margin: 0 auto;
height: 78px;
width: 412px;
background: transparent url('../Standard/commande.png') no-repeat;
}
#process-identification
{margin: 0 auto;
height: 78px;
width: 412px;
background: transparent url('../Standard/identification.png') no-repeat;
}
#process-livraison
{margin: 0 auto;
height: 78px;
width: 412px;
background: transparent url('../Standard/livraison.png') no-repeat;
}
#process-validation
{margin: 0 auto;
height: 78px;
width: 412px;
background: transparent url('../Standard/validation.png') no-repeat;
}
table.beautableau caption{ text-align: left; font-size: 16px !important; font-weight: 300 !important; color: #333; padding: 5px 0 !important;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
table.beautableau th, table.beautableau td { border-top: 1px dotted #ccc !important;border-bottom: 1px dotted #ccc !important;border-right: none !important; border-left: none !important; 
}
table.beautableau {
border: none !important;
}
table.beautableau th {background-color: #F5F5F5; text-align: left !important;}