/*--------------------------------*/
/*                                */
/*       VERSION PC FIXE          */
/*                                */
/*--------------------------------*/


 
body	{
		background-image:url("../image2017/m-fond-responsive.jpg");
		background-repeat:repeat-x;
		height :auto;
		width: auto;
		text-align:center;
}

#fond-page{
		background-image:url("../image2017/fond-2017.png");
		background-repeat:repeat-x;
		height :auto;
		width: auto;
		text-align:center;
}
/*******************************************/
/**               entête                    /
/*******************************************/
#entete-lf{
width:1100px;
height:120px;
font-family:Arial;
font-size:0.80em;
margin:auto;
}

/* conteneur taille de l'image*/
/*
#logonx {
	
background-image:url("../image2017/logo-2017.jpg");
	background-repeat:no-repeat;
	     background-size: 100%;
		
	height: 120px;
	width: 231px;
	text-align:left;
	float:left;
	margin-top:25px;
}
 */
#logonx {

	height: 100px;
	width: 231px;
	text-align:left;
	float:left;
	background-image:url("../image2017/logo-2017.jpg");
	background-repeat:no-repeat;
	     background-size: 100%;
		 margin-top:20px;
}
/* height et width permet de redimensionner l'image  */
/*magin-left margin-top permet de positionner*/
img.logonx-responsive{
	margin-top : 20.5px;
}

#baseline {
	height: 70px;
	width:489px;
	float:left;
	margin-top: 50px;
font-family:fantasy;
font-size:3.0em;
}

#cadre-logo-fab {
height: 120px;
	width: 82px;
	text-align:right;
	float:right;
	text-decoration: none;

}
#cadre-logo-qualibat {
height: 120px;
	width: 50px;
	text-align:right;
	float:right;
	text-decoration: none;

}

#cadre-entete-gauche-rencontre{
	height:20px;
	width:230px;
	float:right;
	text-align:left;
	font-family:serif;
	font-weight:normal;
	font-size:21px;

}

#cadre-entete-gauche-rencontre-1{
	
}

#cadre-entete-gauche-rencontre-2{
	
	float:left;

}

#cadre-entete-gauche-rencontre-3{

	float:right;
	
}
#cadre-entete-gauche-fab{
	height:120px;
	width:150px;
	float:right;
}

img.cadre-logo-fab-dim{
	margin-top: 13px;
	max-width:100%
}
img.cadre-logo-facebook{
	margin-right:30px;
	margin-top:7px;
	max-width:40%
}
img.cadre-entete-bouton{
	max-width:50%

}
/**********************************************/
/**              fin entête                    /
/**********************************************/


/**********************************************/
/**           menu déroulant                   /
/**********************************************/

.menuderoulant {
}

#cadre-menuderoulant{
width:auto;
height:500px;
font-family:Arial;
font-size:0.80em;
text-align:left;
margin:auto;

}
/*menu déroulant*/

#menu_h_4 {    /* ONGLETS ARRONDIS EN COULEURS */
	/*background-image: url("images/ar_plan_ci.gif");   /*  ajout JM */	

/*bea :police du menu */	
/*bea		font-size:13px;*/   /* taille de la police  ajout JM */
	font-family:arial; /* ajout JM */
	list-style:none;	
	margin-left:1px; /* 2px ajout JM un espace à gauche pour le premier onglet */
	margin-top:0px; 
	padding:3px 0 0 0;  
	/* padding:3px 0 0 0; */	
	/*text-align:center; 	/*text-align:left; alignment des ONGLETS A GAUCHE */			   
}

		

 /* menu_h_4  code qui aligne les onglets du menus */ 
#menu_h_4 li{	
display:inline-block;
position:relative;
border-radius:8px 8px 0 0; 
}
/* menu_h_4   background des liens menus (ONGLETS)*/ 
#menu_h_4 li:first-child{
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);     /* pour Chrome, Safari*/ 
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%); 		/* W3C */	 	
}
#menu_h_4 li:nth-child(2){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
			/*margin-left: -5px; /* position horizontale de l'onglet  19.11.13 */					
}
#menu_h_4 li:nth-child(3){ /* ONGLET 3 et 7 */ 
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:nth-child(4){ /* Onglet  Télécharger */
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
		/*width:100px;  /* AJOUT 01.11.2014 */
}
#menu_h_4 li:nth-child(5){	
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);	
}
#menu_h_4 li:nth-child(6){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:last-child{  /* ONGLET 3 et 7 */ 		
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}	
/* fin  menu_h_4 background des liens menus  (ONGLETS)*/ 

#menu_h_4 li:hover > a {             
    display: block;  	/* modif 03.10.13*/
    color: #E1E1E1; 		/*#fafafa; couleur texte AU SURVOL des ONGLETS */ 
}
*html #menu_h_4 li a:hover { /* IE6 */
    color: #E1E1E1; 		 /*#fafafa;*/	
	
}

#menu_h_4 li:hover > ul {  
	/* background: grey ; /*  change la couleur du sous menu */
    display: block; 
	/* montré le menu */
}

/* menu_h_4 background des liens sous-menus */
#menu_h_4 li:first-child li{
	background:#CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2) li{ 		
	background: #CE072E; /*  #333A40; COULEUR DU SOUS MENU DE L'ONGLET 2 = FAQ*/
	/*padding: 2px;    /*  marges H D B G - */
	/*margin-left: -5px; /* position horizontale */	
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(3) li{
	background:#CE072E;   /*  #9F391A;  */
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	/*width:12em;*/
}
#menu_h_4 li:nth-child(4) li{/* si desactivé alors le background du sous menu Télécharger reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	width:7.61em;	
}
		
#menu_h_4 li:nth-child(5) li{
	background:#CE072E;  /*  #9F391A;  */ 
	opacity:0.9;
	filter:alpha(opacity=90);			
}
#menu_h_4 li:nth-child(6) li{ /* si desactivé alors le sous menu reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	margin-left: -1px; /* MODIF 01.11.2014  -4px position horizontale DU sous-menu 6 - PUG GRATUITE */	
/*bea	width: 8.7em;*//*  pour augmenter la largeur du sous menu N° 6 PUB GRATUITE */
	text-align:center;
}
#menu_h_4 li:last-child li{
	 background:#CE072E; /*  ONGLET 7*/		
	opacity:0.9;
	filter:alpha(opacity=90);	 
}

/* #menu_h_2  background des liens menus et sous menus au survol */
#menu_h_4 li:first-child:hover, #menu_h_4 li:first-child li:hover{
	background:  #CE072E;  
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2):hover, #menu_h_4 li:nth-child(2) li:hover{ 
	background:#CE072E;    /* #729EBF; couleur lors du survol de l'ONGLET 2 (FAQ)  et du sous-menu */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(3):hover, #menu_h_4 li:nth-child(3) li:hover{
	background: #CE072E;  /* couleur de l'ONGLET 3 (Ma région)   */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(4):hover, #menu_h_4 li:nth-child(4) li:hover{
	background:  #CE072E;  /*  couleur lors du survol  de onglet 5 ( Télécharger) et du sous-menu  */
	opacity:0.9;

	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(5):hover, #menu_h_4 li:nth-child(5) li:hover{
	background:  #CE072E;  /*  couleur (verte) onglet 5 ( Mes prèfs.) lors du survol */  
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(6):hover, #menu_h_4 li:nth-child(6) li:hover{
	background:  #CE072E;    /* #729EBF; couleur  du sous-menu/onglet 2 (FAQ) lors du survol */	
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:last-child:hover, #menu_h_4 li:last-child li:hover{
	background:#CE072E;  /*    */		 		
	opacity:0.9;
	filter:alpha(opacity=90);		
}

		
#menu_h_4 a {   /* #menu_h_2  les a href */
	/*border-bottom:solid 1px grey;  	/* GREY   #004772; /* ajout JM  7.11.14 crée le trait sur toute la longueur  du bloc*/ 
	text-decoration:none;
	display:block;
	padding:8px 20px;   /* marges H D B G   8px=hauteur   20px=largeur des onglets  */  
	color:#fff;       /* #fff; couleur du texte des onglets */ 
	/*bea : couleur de l'écriture du menu : blanc */
	font-family:arial;	
	/*BEA POLICE DU MENU*/
	font-size:17px;
}
#menu_h_4 ul a { /* blocks des sous-menuS et sous sous-menuS */	
	display: block; 
	/*float: none;*/
	height: auto;   
    /*line-height: 1;  /*height: 25px;*/
	/* 03.11.2014 suppr padding: 10px;   /* 10px;   */
    text-transform: none;
	margin-left:2px;  /* 2px position du texte des sous-menus ajout JM */
/*bea	font-size:13px;  */ /* 13px taille de la police  ajout JM */
	padding:8px 0;   /* marges H D B G   8px=hauteur boite du sous-menus 0px  */ 	
/*bea	width: 7.8em; *//*MODIF 01.11.2014  7.8em  102px  largeur du sous-menu 1-Thunderbird/Firefox ....*/
}

*html #menu_h_4 ul a { /* IE6 */
    height: 10px;
/*bea    width: 102px;*/
}
*:first-child+html #menu_h_4 ul a { /* IE7 */
    height: 10px;
 /*bea   width: 102px;*/
}
/* #menu_h_4  les a href */

#menu_h_4 li:hover ul { /* #menu_h_4  les a href */
	/*max-height:55em;  /* 55em augmente la hauteur du sous-menu  */ 
	padding: 0em;    /*  marges H D B G DES SOUS MENUS */
}

#menu_h_4 li:hover li a { /* #menu_h_4  les a href */
	color:#fff;  /*#fff; couleur (blanc) du texte des sous-menus */
	text-transform:inherit;  
}
	

/* Sous-menu bea*/
#menu_h_4 ul {
	border-radius:0px 0px 0px 0px;
	display: none;
	left: 0;
    list-style: none;
    margin: 0; 
	margin-left: 0px; /* position du bloc des sous-menu  20px;  JM*/
	margin-top: -4px;  /* -3px position verticale  = marge intérieure haute modif 01.11.2014 */	
	padding:0;	/*padding: 1px;    /* 0px marges interieures   modif 03.10.13 */
    position: absolute;
    top: 35px;     
/*bea:largeur sous menu*/	
/*bea	width: 120px; *//* 100px AJOUT 01.11.2014 */	
	z-index: 99999;      /* 99999;   */ 
}

#menu_h_4 ul li {    /*  sous-menu  ET sous sous-menus */  	 	

	border-radius:0 0 0 0;   /* ajout JM 21.10.2013 supprime arrondi des angles */
    /*float: none;*/    
    display: block;		
	margin: 0;
	padding: 0; /* marges interieures */
			/* remise en service 19.11.13 ralenti l'affichage hover */   
			/* transition: .1s all .3s;/* W3C transition: .18s all .3s;   */ 
			/*-moz-transition: .1s all .3s;   /*pour FF  8s all .3s;*/   
			/*-webkit-transition: .1s all .3s;  /* pour Chrome, Safari 8s all .3s;*/
}

#menu_h_4 ul li:hover{  /* menu_h_ 2 ul li:hover  couleur du fond du sous-menu au survol  */
	/*border-radius:0 0 0 0;  /* suppr arrondis des sous-menus AU SURVOL  */
}

#menu_h_4 ul li:first-child ul a:after, #menu_h_4 ul ul li:first-child a:after {  /* petit triangle  suprimé des sous sous-menus */
   display: none;	   
}	
	
/* Rétablissement du flottement */
#menu_h_4:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html #menu_h_4   { zoom: 1; } /* IE6 */
*:first-child+html #menu_h_4 { zoom: 1; } /* IE7 */

#menu_h_4 ul ul { /* ici je cible à la fois le SOUS MENU ET LE le sous sous-menu  */ 	
	/*background: background: #444; /* couleur de fond du SOUS-MENUS 1 -> en général est ouvert.... */	
	display: none;		
/*bea sous sous menu position et largeur  	*/
	margin-left:180px;  /*MODIF 01.11.2014   102  94px  position DES SOUS SOUS-MENUS 1  -> général est ouvert....*/
	margin-top: -37px; /* -37px   DES SOUS SOUS-MENUS 1 -> général est ouvert ....*/
/*bea	width: 422px;*//* 122px;    310  largeur DES SOUS SOUS-MENUS 1 -> général est ouvert.... */
	
	/*border-radius:0 0 10px 10px;  */		
}
#menu_h_4 ul ul ul { /* ajout JM menu3:Import-Export/Rédaction.....*/ 
	/*display: none;*/	
	/*border-radius:0 0 0px 0px;  */	
/*bea	margin-left: 122px; */ /*  122px  position du sous sous sous-menu 3 (Import-Export/Rédaction....)*/
	/*margin-top: -36px; */   
/*bea	width: 272px;	*/ /* 172px */
}
#menu_h_4 li:hover a {
	/*bea couleur du texte au survol du menu*/
	color:#E1E1E1;
}
#menu_h_4 li li:hover a {
	/*bea couleur du texte au survol du sous menu*/
	color:#e1e1e1;
}
#menu_h_4 li li li:hover a {
	/*bea couleur du texte au survol du sous sous menu*/
	color:white;
}

/**********************************************/
/**         fin menu déroulant                 /
/**********************************************/


/***********************************/
/* cadre pied de page des produits */
/***********************************/
#cadre-produits{
width:1100;
height:auto;
margin:auto;
text-align:center;

}
/* pied de page fenetres et porte pour fond gris et rouge*/
#pp-fenetre{
width:200px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
float:left;
}

/* pied de page fenetres et porte pour fond tout gris*/
#pp-fenetre-fond-gris{
width:230px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
float:left;
}
.pp-fenetre-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 72px;
	width:300px;
	height:200px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
/*affichage de l'image de fond dans un cadre pour fond tout gris*/
.pp-fenetre-image-fond-gris {
    background-image:url("../image2017/pdt-cadre.jpg");
    background-repeat: no-repeat;
    background-size: 70%;
	background-position: 67px 70px;
	height:230px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}


.pp-fenetre-responsive{
      width: 150px;
	  
}

.pp-fenetre-tit{
text-decoration:none;
font-family:arial;
font-size:1em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-fenetre-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:1.3em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}

.pp-fenetre-pvc{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
.pp-fenetre-pvc-fond-gris{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-pvc:hover{
	color:black;
}
a.pp-fenetre-pvc-fond-gris:hover{
	color:#CE072E;
}
.pp-fenetre-alu{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
.pp-fenetre-alu-fond-gris{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-alu:hover{
	color:black;
}
a.pp-fenetre-alu-fond-gris:hover{
	color:#CE072E;
}
.pp-fenetre-vr{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-vr:hover{
	color:black;
}
.pp-fenetre-vr-fond-gris{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-vr-fond-gris:hover{
	color:#CE072E;
}
/* fin  pied de page fenetres et porte*/


/* pied de page porte de garage*/
#pp-pg{
width:200px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: 100px;
margin-right: auto;
margin-top: 0px;
float:left;
}
#pp-pg-fond-gris{
width:230px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: 60px;
margin-right: auto;
margin-top: 0px;
float:left;
}
.pp-pg-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 72px;
	width:300px;
	height:200px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-pg-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 70px;
	height:230px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-pg-responsive{
      width: 150px;
	  
}

.pp-pg-tit{
text-decoration:none;
font-family:arial;
font-size:1em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline
}
.pp-pg-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:1.3em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline
}
.pp-pg-pgl{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgl:hover{
	color:black;
}
.pp-pg-pgl-fond-gris{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgl-fond-gris:hover{
	color:#CE072E;
}
.pp-pg-pgs{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgs:hover{
	color:black;
}
.pp-pg-pgs-fond-gris{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgs-fond-gris:hover{
	color:#CE072E;
}
.pp-pg-vide{
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:center;
color:transparent;
vertical-align:center;
}
/* fin  pied de page porte de garage*/


/* pied de page portail*/
#pp-portail{
width:200px;
height:auto;
font-family:arial;
font-size:0.80em;
margin-left: 100px;
margin-top: 0px;
float:left;
}
#pp-portail-fond-gris{
width:230px;
height:auto;
font-family:arial;
font-size:0.80em;
margin-left: 60px;
margin-top: 0px;
float:left;
}
.pp-portail-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 72px;
	width:300px;
	height:200px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-portail-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 70px;
	height:230px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-portail-responsive{
	
      width: 150px;
	  
}
.pp-portail-responsive img{ 

}
.pp-portail-tit{
text-decoration:none;
font-size:1em;
color:#CE072E;
background-color:transparent;
font-family:arial;
text-align:right;
text-decoration:underline;
}
.pp-portail-tit-fond-gris{
text-decoration:none;
font-size:1.3em;
color:#CE072E;
background-color:transparent;
font-family:fantasy;
text-align:right;
text-decoration:underline;
}

.pp-portail-portail{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-portail-portail:hover{
	color:black;
}
.pp-portail-portail-fond-gris{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-portail-portail-fond-gris:hover{
	color:#CE072E;
}
/* fin pied de page portail/


/* pied de page divers*/
#pp-divers{
width:200px;
height:auto;
font-family:arial;
font-size:0.80em;
position: left;
margin-left: 100px;
margin-top: 0px;
float:left;
}
#pp-divers-fond-gris{
width:230px;
height:auto;
font-family:arial;
font-size:0.80em;
position: left;
margin-left: 60px;
margin-top: 0px;
float:left;
}
.pp-divers-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 72px;
	width:300px;
	height:200px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 67px 70px;
	height:230px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-responsive{
	
      width: 150px;
	  
}
.pp-divers-responsive img{ 

}
.pp-divers-tit{
text-decoration:none;
font-size:1em;
color:#CE072E;
background-color:transparent;
font-family:arial;
text-decoration:underline

}
.pp-divers-tit-fond-gris{
text-decoration:none;
font-size:1.3em;
color:#CE072E;
background-color:transparent;
font-family:fantasy;
text-decoration:underline

}

.pp-divers-banne{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-banne:hover{
	color:black;
}
.pp-divers-banne-fond-gris{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-banne-fond-gris:hover{
	color:#CE072E;
}
.pp-divers-moteur{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-moteur:hover{
	color:black;
}
.pp-divers-moteur-fond-gris{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-moteur-fond-gris:hover{
	color:#CE072E;
}
.pp-divers-gardecorp{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-gardecorp:hover{
	color:black;
}
.pp-divers-gardecorp-fond-gris{
text-decoration:none;
font-size:1em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-gardecorp-fond-gris:hover{
	color:#CE072E;
}
/* fin pied de page divers/

/***************************************/
/* fin cadre pied de page des produits */
/***************************************/


/***************************************/
/*          cadre pied de page         */
/*conseil, accompagnement, savoir faire*/
/***************************************/

#bandeaugris-bas{
font-family:Arial;
margin:auto;
text-align:center;
background-color:C3C3C3;
}

#bandeaugris-bas th{
Font-Weight: Normal;
 padding-bottom:20px;
vertical-align:top;
 padding-top:20px;
height: 50px;
font-size:1em;
font-family:Arial;
text-align:center;
color:#CE072E;

}

td.bandeaugris-bas-ligne{
vertical-align:top;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:40px;
 padding-left:40px;
 width:150px;
 font-size:0.9em;
 color:black;
 text-align:justify;
 }
 

 
 td.bandeaugris-bas-ligne4{
  width:200px;
 padding-top:0px;
 padding-right:40px;
 padding-left:40px;
 width:190px;
 font-size:0.9em;
 color:black;
 text-align:center;
 vertical-align:top;
 }
 .bandeaugris-bas-video{
 font-size:0.9em;
 }

 img.bandeaugris-bas-qualibat{
	 max-width:50%
 }
 img.bandeaugris-bas-ligne4{
	width : auto;
	height:auto;
	float:right;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-color:white;
		padding-left:0px;
		padding-right:0px;
		background-color:C3C3C3;
		
	
}
/***************************************/
/*      fin cadre pied de page         */
/*conseil, accompagnement, savoir faire*/
/***************************************/
 
/**********************/
/* page index accueil */
/**********************/

/*cadre global*/
 #cadre-accueil{
width:1100px;
height:520px;
text-align:left;
margin:auto;
}
/*cadre avec image et coordonnée*/
#cadre-accueil-img-adr{
	float:left;
	width:700px;
	height:520px;
	margin-top:10px;

}

/*sous cadre image magasin de laval en haut*/
 #cadre-accueil-img{
width:320px;
height:auto;
float:left;
text-align:center;
margin-left:20px;

}

#cadre-accueil-img-vitre{
width:320px;
height:auto;
float:right;
text-align:center;
margin-right:20px;

}
img.cadre-accueil-image{
	max-width:100%;
}
img.cadre-accueil-image-vitre{
	max-width:100%;
}

/*sous cadre actualité sur le coté*/
#cadre-accueil-actualite-cadre{
width:400px;
height:520px;
float:right;
text-align:center;
background-color:white;
outline-style:solid;
outline-width:0.1em;
outline-color:#CE072E;
margin-top:10px;

}

img.cadre-accueil-porte-ouverte{
	margin-right: 0px;
	margin-top: 0px;
	height: auto;
	width: auto;
	max-width:30%;
	float:right;
}


.cadre-accueil-actualite-texte{

}
/*titre ACTUALITE */
.cadre-accueil-actualite-texte h1{
 color:black;
 font-size:2em;
 font-family:fantasy;
 margin:0px;
 margin-top:20px;
}
/*sous titre*/
.cadre-accueil-actualite-texte h2{
	font-weight:bold;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

/*texte*/
.cadre-accueil-actualite-texte h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
	margin-bottom: 30px;
}
.cadre-accueil-actualite-texte P{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:justify;
	margin-left:5px;
	margin-right:5px;
	
}
.cadre-accueil-actualite-texte-vitre h2{
	font-weight:bold;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	margin-top:110px;
}
.cadre-accueil-actualite-texte-vitre h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
	margin-bottom: 50px;
}
img.cadre-accueil-promo-kline{
	float:left;
	max-width:60%;
}
img.cadre-accueil-pub-kline{
	float:center;
	max-width:75%;
}
img.cadre-accueil-foire-vitre{
	float:left;
	max-width:40%;
}
img.cadre-accueil-promo-charuel{
	margin:auto;
	height: auto;
	width: auto;
	text-align:center;
	max-width:25%;
	float:left;
	margin-left:30px;
}
img.cadre-accueil-bonnesfetes{
	margin:auto;
	height: auto;
	width: auto;
	text-align:center;
	max-width:80%;
	margin-bottom:40px;
}


/*dans page acceuil cadre coordonnées*/
#cadre-accueil-adr{
font-family:Arial;
float:left;
width:700px;
height:234px;
text-decoration:none;
margin-top:20px;
}

#cadre-accueil-tab{
padding-top:30px;
padding-left:2px;
text-align:center;
}

#cadre-accueil-tab tr td{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}
img.cadre-accueil-tel-logo{
top:0px;
left:0px;
color:#CE072E;
 }
.cadre-accueil-tel{
	color:#CE072E;
	font-size:1em;
}
.cadre-accueil-colonne-mail {
color:#CE072E;
  width:103px;
  text-decoration:none; 
}
 
.cadre-accueil-lien-mail-contact{
  text-decoration:none; 
 width:180px;
 color:#CE072E;
 	font-size:1.3em;
 }

.cadre-accueil-lien-mail-contact:hover{
 
color:blue;
}
/*************************/
/* fin page index accueil */
/**************************/

 /******************/
/* page entreprise*/
/******************/

#cadre-ent{
width:1100px;
height:auto;
font-family:Arial;
text-align:left;
margin:auto;
}

#cadre-ent h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:justify;
}
#cadre-ent h2{	
	font-weight:normal;
	font-size:0.8em;
	left:20px;
	color:black;
	text-align:justify;
}

img.img-atelier {
height : auto; 
width : auto; 
margin-top :20px; 
margin-left:230px;
margin-bottom:20px;

}

/**********************/
/* fin page entreprise*/
/**********************/

 
/******************/
/*  page pvc nouvelle  */
/******************/


/*cadre global*/
#cadre-pdt-pvc{
width:1100px;
height:auto;
text-align:center;
margin:auto;
}

.cadre-pdt-pvc-image{		
	width:1100px;
	height: auto;
	margin-top:0px;
	margin-bottom:00px;
	margin-left:0px;
	float:left;
	padding-top:20px;
}

img.cadre-pdt-pvc-img1{
max-width:100%;
height:auto;
padding-right:150px;
}
img.cadre-pdt-pvc-img2{
max-width:100%;
height:auto;
}


.cadre-pdt-pvc-texte{
margin-top:20px;
width: 1100px;
height:auto;
margin-left:0px;
margin-bottom:20px;
float:left;
}
.cadre-pdt-pvc-texte h1{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#CE072E;
	font-size:1.2em;
	font-family:Arial;

}
.cadre-pdt-pvc-texte h2{
	width: 1100px;
	font-weight:normal;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;

}
P.cadre-pdt-pvc-texte {
    margin-left: auto;
    margin-right: auto;
	text-align:justify;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-pdt-pvc-logo1{
margin-left:190px;
margin-top:30px;
margin-bottom:30px;
float:left;
}
.cadre-pdt-pvc-logo2{
float:right;
margin-left:140px;
margin-right:190px;
margin-top:30px;
margin-bottom:30px;
}

.cadre-pdt-pvc-entretien{
font-size:1.3em;
float:right;
margin-left:140px;
margin-right:150px;
margin-top:50px;
margin-bottom:50px;
}

.cadre-pdt-pvc-lig1{
text-align: center; 
width:auto;
margin:auto;	
float:none;
}

.cadre-pdt-pvc-figure{
	display:inline-block
	
}
.cadre-pdt-pvc-figcaption{
	 color:BLACK;
	 	font-size:1em;
}

img.cadre-pdt-pvc-photo{
	max-width:100%;
}

img.cadre-pdt-pvc-entretien-img{
display: block;
margin:auto;
max-width:18%;
margin-top:10px;
}

/**********************/
/*  fin page pvc nouvelle */
/**********************/
 
 
 
 


/**************/
/*  page alu  */
/**************/

/*cadre global*/
#cadre-produit-alu{
	font-family:Arial;
	font-size:1em;

width:1100px;
height:auto;
text-align:left;
margin:auto;
}

.cadre-produit-alu-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
}

.cadre-produit-alu-figure-1{
	display:inline-block;
	text-align: center;
	margin-bottom:40px;
	margin-left:75px;
	margin-top:50px;
}


.cadre-produit-alu-figure-2{
	display:inline-block;
	text-align: center;
	margin-bottom:40px;
}
.cadre-produit-alu-figure-3{
	display:inline-block;
	text-align: center;
	margin-bottom:40px;
}
img.cadre-produit-alu-figure-photo{
	max-width:100%;
}
.cadre-produit-alu-figcaption{
	color:#CE072E;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}

.cadre-produit-alu-image-réalisation{		

	width:auto;
	height: auto;
	margin:auto;


}
.cadre-produit-alu-figure-1-réalisation{
	display: block;
    margin: auto;
	text-align:center;
	
}
img.cadre-produit-alu-figure-photo-réalisation{
	margin-top:50px;
	margin-right:50px;
  	max-width:100%;
}

.cadre-produit-alu-figcaption-réalisation{
		margin-bottom:50px;
	color:black;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}
.cadre-produit-alu-image-logo{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;

}
.cadre-produit-alu-image-expert{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;

}
#cadre-alu-corps-1{
width: 1100px;
height:auto;
float:left;
margin-left:0px;
margin-bottom:20px;
text-align:justify;
line-height: 2em;
}
#cadre-alu-corps{
width: 1100px;
height:auto;
float:left;
margin-left:0px;
margin-bottom:20px;
text-align:justify;
}
#cadre-alu-corps-2{
width: 700px;
height:230px;
float:left;
margin-left:0px;
margin-right:100px;
margin-bottom:20px;
}
#cadre-alu-corps-3{
width: 300px;
height:230px;
float:right;
margin-left:0px;
margin-bottom:20px;
}

.cadre-alu-texte{
color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}

#cadre-produit-alu-logo1-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:20px;
margin-bottom:40px;
}

#cadre-produit-alu-logo1-cadre2{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:20px;
margin-bottom:20px;
}

img.cadre-produit-alu-logo1-img{
max-width:100%;
}
img.cadre-produit-alu-logo1-img-1{
max-width:40%;
}

img.cadre-pdt-alu-entretien-img{
max-width:30%;
}

/******************/
/*  fin page alu  */
/******************/





/******************/
/*  page réalisation alu  */
/******************/



#réalisation-alu-cadre{
	font-family:Arial;
	font-size:1em;

width:AUTO;
height:auto;
text-align:center;
margin:auto;
margin-top:40px;
margin-bottom:50px;
background-color:#E1E1E1;

}
#réalisation-alu-cadre h1{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#CE072E;
	font-size:1.2em;
	font-family:Arial;
	margin-bottom:50px;

}

.réalisation-alu-figure-PAYSAGE {
    display: inline-block;
    height: 250px;
    width: 400PX;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	/**********gris clair********/
	background-color:WHITE;
	margin-bottom:10px;
}
.réalisation-alu-figure-PORTRAIT {
    display: inline-block;
    height: 400px;
    width: 400PX;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	background-color:WHITE;
	margin-bottom:10px;

}
img.réalisation-alu-figure-photo {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-alu-figure-photo-50 {
    width: 50%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-alu-figure-photo-70 {
    width: 70%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-alu-figure-photo-75 {
    width: 75%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-alu-figure-photo-80 {
    width: 80%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-alu-figure-photo-85 {
    width: 85%;
    margin: 0px;
    padding: 0px;
}
.réalisation-alu-figcation {
	color:black;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}


/******************/
/*  fin page réalisation alu  */
/******************/




/******************/
/*  page MEO  */
/******************/

/*cadre global*/
#cadre-produit-meo{
width:1100px;
height:auto;
text-align:left;
margin:auto;
}

.cadre-produit-meo-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
}

img.cadre-meo-img{
display: block;
margin:auto;
margin-top:40px;
max-width:40%;
}

#cadre-meo-corps{
width: 1100px;
height:auto;
float:left;
margin-left:0px;
margin-bottom:20px;
margin-top:20px;
line-height: 2em;
}

.cadre-meo-texte{
color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}

.cadre-meo-texte h1{
	font-weight:normal;
	font-size:1.2em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	
.cadre-meo-texte h2{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}


#cadre-produit-meo-logo1-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:20px;
margin-bottom:20px;
}

img.cadre-produit-meo-logo1-img{
max-width:30%;
}





#cadre-meo-corps-photo{
text-align:center;
margin-top:20px;
}

.cadre-produit-meo-photo-figure{
	display:inline-block;
	text-align: center;
	margin-bottom:30px;
	width: auto;
	height:auto;
}

img.cadre-produit-meo-photo-figure-photo{
	text-align: center;
	color:BLACK;
	max-width:25%;
	font-size:1em;
	margin-left:10px;
	margin-right:10px;
}

.cadre-produit-meo-photo-figcaption{
	 color:BLACK;
	 	font-size:1em;
}

#cadre-meo-corps-2{
width: 1100px;
height:auto;
float:left;
}


.cadre-meo-texte{
color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}
/**********************/
/*  fin page MEO  */
/**********************/



/******************/
/*  page réalisation portail  */
/******************/

#réalisation-portail-cadre{
	font-family:Arial;
	font-size:1em;

width:auto;
height:auto;
text-align:center;
margin:auto;
margin-top:40px;
margin-bottom:50px;
background-color:#E1E1E1;

}
#réalisation-portail-cadre h1{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#CE072E;
	font-size:1.2em;
	font-family:Arial;
	margin-bottom:50px;

}

.réalisation-portail-figure-PAYSAGE {
    display: inline-block;
    height: auto;
    width: 400PX;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	margin-bottom:10px;
	background-color:white;
}

img.réalisation-portail-figure-photo {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-portail-figure-photo-50 {
    width: 50%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-portail-figure-photo-59 {
    width: 59%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-portail-figure-photo-70 {
    width: 70%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-portail-figure-photo-90 {
    width: 90%;
    margin: 0px;
    padding: 0px;
}
.réalisation-portail-figcation {
	color:black;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}


/******************/
/*  fin page réalisation portail  */
/******************/






/******************/
/*  page futurol  */
/******************/

/*cadre global*/
#cadre-produit-futurol{
width:1100px;
height:auto;
text-align:center;
margin:auto;
}

#cadre-futurol-image{
	width:1100px;
	height: auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	float:left;
	padding-top:20px;
}

img.cadre-futurol-img{
max-width:50%;
height:auto;
}







.cadre-produit-futurol-vr{
margin-top:20px;
width: 1100px;
height:auto;
margin-left:0px;
margin-bottom:10px;
float:left;
}
.cadre-produit-futurol-vr h1{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#CE072E;
	font-size:1em;
	font-family:Arial;
	line-height: 2em;
}

P.cadre-produit-futurol-vr {
    margin-left: auto;
    margin-right: auto;
	text-align:justify;
	color:black;
	font-size:1em;
	font-family:Arial;
	line-height: 2em;
}



.cadre-produit-futurol-vr-avantages{
margin-top:0px;
width: 1100px;
height:auto;
margin-left:0px;
margin-bottom:20px;
float:left;
}
.cadre-produit-futurol-vr-avantages h1{
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-produit-futurol-vr-avantages h2{
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;


}
.cadre-produit-futurol-vr-avantages h3{
	text-decoration:none;
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:0.8em;
	font-family:Arial;


}
P.cadre-produit-futurol-vr-avantages{
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	color:black;
	font-size:1em;
	font-family:Arial;
		line-height: 2em;

}




.cadre-pdt-futurol-logo1{
margin-left:190px;
margin-top:30px;
margin-bottom:30px;
float:left;
}
.cadre-pdt-futurol-logo2{
float:right;
margin-left:140px;
margin-right:190px;
margin-top:30px;
margin-bottom:30px;
}


/**********************/
/*  fin page futurol  */
/**********************/


/******************/
/*  page guttomat  */
/******************/

/*cadre global*/
#cadre-produit-guttomat{
width:1100px;
height:auto;
text-align:left;
margin:auto;
}

#cadre-guttomat-image{
	width:auto;
	height: auto;
	margin-top:5px;
	margin-bottom:00px;
	margin-left:400px;
}

img.cadre-guttomat-img{
max-width:55%;
height:auto;
}


#cadre-produit-guttomat-vr{
width: 530px;
height:410px;
float:left;
margin-left:0px;
}

#cadre-produit-guttomat-moteur{
width: 530px;
height:410px;
float:right;
}

.cadre-guttomat-texte{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}

.cadre-guttomat-texte h1{
	font-weight:normal;
	font-size:1.2em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	
.cadre-guttomat-texte h2{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}


#cadre-produit-guttomat-logo-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:15px;
}
img.cadre-produit-guttomat-logo-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
	float:none;

}
#cadre-produit-guttomat-marantecnice-cadre{
	width: 530px;
height:80px;
margin-top:0px;

}

#cadre-produit-guttomat-marantec-cadre{
width: 200px;
height:85px;
margin:auto;
text-align:left;
float:left;
margin-left:65px;
margin-top:0px;
}

.cadre-produit-guttomat-marantec{
}


img.cadre-produit-guttomat-marantec-img{
margin-left: auto;
margin-right: auto;
max-width:100%;
float:left;

}


#cadre-produit-guttomat-nice-cadre{
width: 200px;
height:65px;
margin:auto;
text-align:right;
float:right;
margin-right:65px;
margin-top:25px;
}

img.cadre-produit-guttomat-nice-img{
float:right;
padding-right:0px;
margin-left: auto;
margin-right: auto;

}





#cadre-produit-guttomat-entretien{
	display: block;
	float:none;
	height:auto;
	width:auto;
	font-weight:normal;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
	margin-top:20px;
	margin-left:auto;
} 



#cadre-guttomat-corps-photo{
	width:auto;
	height:auto;
	margin:auto;
text-align: center;

}

.cadre-produit-guttomat-photo-figure{
	width: auto;
	height:auto;
	margin:auto;

	
	display:block;
}


img.cadre-produit-guttomat-photo-figure-photo{
	max-width:30%;
	margin-top:30px;

}

.cadre-produit-guttomat-photo-figcaption{
	 color:BLACK;
	 	font-size:0.8em;
}


#cadre-produit-guttomat-pied{
margin-top:20px;
width: 820px;
height:auto;
margin-left:90px;
margin-right:90px;
margin-bottom:20px;
float:left;
	text-align:center;
}



/**********************/
/*  fin page guttomat  */
/**********************/


/******************/
/*  page hormann  */
/******************/

/*cadre global*/
#cadre-produit-hormann{
width:1100px;
height:auto;
text-align:left;
margin:auto;
}

#cadre-hormann-image{
	width:auto;
	height: auto;
	margin:auto;

	text-align:center;
	
}

img.cadre-hormann-img{
		
display: block;
margin:auto;
max-width:60%;
margin-top:20px;
}

#cadre-produit-hormann-vr{
width: 530px;
height:400px;
float:left;
margin-left:0px;
}

#cadre-produit-hormann-moteur{
width: 530px;
height:280px;
float:right;
}

.cadre-hormann-texte{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}

.cadre-hormann-texte h1{
	font-weight:normal;
	font-size:1.2em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	
.cadre-hormann-texte h2{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}


#cadre-produit-hormann-logo-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:15px;
}
img.cadre-produit-hormann-logo-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
	float:none;

}
#cadre-produit-hormann-marantecnice-cadre{
	width: 530px;
height:80px;
margin-top:0px;

}

#cadre-produit-hormann-marantec-cadre{
width: 200px;
height:85px;
margin:auto;
text-align:left;
float:left;
margin-left:65px;
margin-top:0px;
}

.cadre-produit-hormann-marantec{
}


img.cadre-produit-hormann-marantec-img{
margin-left: auto;
margin-right: auto;
max-width:100%;
float:left;

}


#cadre-produit-hormann-nice-cadre{
width: 200px;
height:65px;
margin:auto;
text-align:right;
float:right;
margin-right:65px;
margin-top:25px;
}

img.cadre-produit-hormann-nice-img{
float:right;
padding-right:0px;
margin-left: auto;
margin-right: auto;

}





#cadre-produit-hormann-entretien{
	display: block;
	float:none;
	height:auto;
	width:auto;
	font-weight:normal;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
	margin-top:20px;
	margin-left:auto;
} 


#cadre-hormann-corps-photo{
text-align:center;
float:left;
margin-top:20px;
}

.cadre-produit-hormann-photo-figure{
	display:inline-block;
	text-align: center;
	margin-bottom:30px;
	width: auto;
	height:auto;
}

img.cadre-produit-hormann-photo-figure-photo{
	text-align: center;
	color:BLACK;
	max-width:42.5%;
	font-size:1em;
}

.cadre-produit-hormann-photo-figcaption{
	 color:BLACK;
	 	font-size:1em;
}

#cadre-produit-hormann-pied{
margin-top:20px;
width: 820px;
height:auto;
margin-left:90px;
margin-right:90px;
margin-bottom:20px;
float:left;
	text-align:center;
}

/**********************/
/*  fin page hormann  */
/**********************/



/******************/
/*  page charuel  */
/******************/

/*cadre global*/
#cadre-produit-charuel{
width:1100px;
height:auto;
text-align:justify;
margin:auto;
}

#cadre-charuel-image{
	width:auto;
	height: auto;
	margin:auto;

	text-align:center;
	
}

img.cadre-charuel-img{
		
display: block;
margin:auto;
max-width:40%;
margin-top:20px;
}

#cadre-produit-charuel-vr{
width: 530px;
height:auto;
float:left;
margin-left:0px;
}

#cadre-produit-charuel-moteur{
width: 530px;
height:auto;
float:right;
text-align:justify;

}

.cadre-charuel-texte{
color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}

.cadre-charuel-texte-nice{
color:black;
text-align:justify;
font-size:3em;
font-weight:normal;
}
.cadre-charuel-texte h1{
	font-weight:normal;
	font-size:1.2em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	

.cadre-charuel-texte h2{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}


#cadre-produit-charuel-logo-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:15px;
margin-bottom:30px;
}
img.cadre-produit-charuel-logo-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
	float:none;
}



#cadre-produit-charuel-nice-cadre{
	width:auto;
	height: auto;
	margin:auto;
	margin-top:20px;
	text-align:center;
	margin-bottom:20px;
}


.cadre-produit-charuel-nice{
}


img.cadre-produit-charuel-nice-img{
display: block;
margin:auto;
max-width:10%;
margin-top:20px;

}

#cadre-produit-charuel-entretien{
	display: block;
	float:none;
	height:auto;
	width:auto;
	font-weight:normal;
	text-align:center;
	margin-top:20px;
	margin-left:auto;
} 
img.cadre-produit-charuel-entretien-img{
display: block;
margin:auto;
max-width:20%;
margin-top:20px;
}





#cadre-charuel-corps-photo{
text-align:center;
float:left;
margin-top:20px;
}

.cadre-produit-charuel-photo-figure{
	display:inline-block;
	text-align: center;
	margin-bottom:30px;
	width: auto;
	height:auto;
}







img.cadre-produit-charuel-photo-figure-photo{
	text-align: center;
	color:BLACK;
	max-width:42.5%;
	font-size:1em;
}

.cadre-produit-charuel-photo-figcaption{
	 color:BLACK;
	 	font-size:1em;
}
.cadre-produit-charuel-photo-figcaption-2{
	 color:BLACK;
	 	font-size:1em;
		margin-bottom:50px;
}
#cadre-produit-charuel-pied{
margin-top:0px;
width: 820px;
height:auto;
margin-left:90px;
margin-right:90px;
margin-bottom:20px;
float:left;
	text-align:center;
}


/**********************/
/*  fin page charuel  */
/**********************/



/******************/
/*  page batistore  */
/******************/


/*cadre global*/
#cadre-produit-batistore{
width:1100px;
height:520px;
text-align:left;
margin:auto;
}

.cadre-produit-batistore-image{		
	width:430px;
	height: 430px;
	margin-top:90px;
	margin-bottom:00px;
	margin-left:70px;
	float:left;
}

img.cadre-batistore-img{
max-width:80%;
height:auto;
}


#cadre-batistore-texte{
width: 600px;
height:350px;
float:left;
margin-left:0px;
margin-top:20px;

}

.cadre-batistore-tit{
	font-weight:normal;
	font-size:1.3em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}

.cadre-produit-batistore-texte{
color:black;
text-align:justify;
font-size:1.2em;
}

#cadre-produit-batistore-logo1-cadre{
width: 300px;
height:125px;
float:left;
margin-left:230px;
margin-top:50px;
}

/**********************/
/*  fin page batistore  */
/**********************/


/******************/
/*  page motorisations  */
/******************/



/*cadre global*/
#cadre-produit-motorisation{
width:1100px;
height:520px;
text-align:left;
margin:auto;
}
#cadre-produit-motorisation h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#cadre-motorisation-texte-somfy{
width: 700px;
height:120px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-somfy h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-somfy h3{
/*gras*/
font-weight:normal;
margin-left:120px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-somfy{
width: 400px;
height:70px;
float:left;
margin-left:0px;
margin-top:50px;
}
img.cadre-motorisation-logo-somfy-img{
max-width:90%;
}

#cadre-motorisation-texte-buben{
width: 700px;
height:120px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-buben h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
}
#cadre-motorisation-texte-buben h3{
/*gras*/
font-weight:normal;
margin-left:120px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-buben{
width: 400px;
height:80px;
float:left;
margin-left:0px;
margin-top:40px;
}
img.cadre-motorisation-logo-buben-img{
max-width:40%;
}
#cadre-motorisation-texte-marantec{
width: 700px;
height:120px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-marantec h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-marantec h3{
/*gras*/
font-weight:normal;
margin-left:120px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-marantec{
width: 400px;
height:100px;
float:left;
margin-left:0px;
margin-top:20px;
}
img.cadre-motorisation-logo-marantec-img{
max-width:40%;
}
#cadre-motorisation-texte-nice{
width: 700px;
height:120px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-nice h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
}
#cadre-motorisation-texte-nice h3{
/*gras*/
font-weight:normal;
margin-left:120px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-nice{
width: 400px;
height:80px;
float:left;
margin-left:0px;
margin-top:40px;
}
img.cadre-motorisation-logo-nice-img{
max-width:100%;
}		
/******************/
/*  fin page motorisations  */
/******************/




/******************/
/*  page karla  */
/******************/

/*cadre global*/
#cadre-produit-karla{
width:1100px;
height:auto;
text-align:left;
margin:auto;
}

.cadre-produit-karla-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
}

img.cadre-karla-img{
display: block;
margin:auto;
max-width:80%;
margin-top:20px;
}

#cadre-karla-corps{
width: 1100px;
height:auto;
float:left;
margin-left:0px;
margin-bottom:20px;
}

.cadre-karla-texte{
color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}

.cadre-karla-texte h1{
	font-weight:normal;
	font-size:1.2em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	
.cadre-karla-texte h2{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;
}


#cadre-produit-karla-logo1-cadre{
width: auto;
height:auto;
margin:auto;
text-align:center;
float:none;
margin-top:20px;
margin-bottom:20px;
}

img.cadre-produit-karla-logo1-img{
max-width:30%;
}


#cadre-karla-corps-label{
	text-align:center;
}

.cadre-produit-karla-label-figure{
	display:inline-block;
	text-align: center;
	margin-bottom:60px;
	
}
.cadre-produit-karla-label-figcaption{
	text-align: center;
	 color:BLACK;
	 	font-size:1em;
}

img.cadre-produit-karla-label-figure-photo{
	max-width:80%;
}








#cadre-karla-corps-photo{
text-align:center;
margin-top:20px;
}

.cadre-produit-karla-photo-figure{
	display:inline-block;
	text-align: center;
	margin-bottom:30px;
	width: auto;
	height:auto;
}

img.cadre-produit-karla-photo-figure-photo{
	text-align: center;
	color:BLACK;
	max-width:100%;
	font-size:1em;
}

.cadre-produit-karla-photo-figcaption{
	 color:BLACK;
	 	font-size:1em;
}
/**********************/
/*  fin page karla  */
/**********************/





/******************/
/*  page réalisation karla  */
/******************/

#réalisation-karla-cadre{
	font-family:Arial;
	font-size:1em;

width:auto;
height:auto;
text-align:center;
margin:auto;
margin-top:40px;
margin-bottom:50px;
background-color:#E1E1E1;

}
#réalisation-karla-cadre h1{
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:#CE072E;
	font-size:1.2em;
	font-family:Arial;
	margin-bottom:50px;

}

.réalisation-karla-figure-PAYSAGE {
    display: inline-block;
    height: auto;
    width: 400PX;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	margin-bottom:10px;
	background-color:white;
}

img.réalisation-karla-figure-photo {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-karla-figure-photo-50 {
    width: 50%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-karla-figure-photo-59 {
    width: 59%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-karla-figure-photo-70 {
    width: 70%;
    margin: 0px;
    padding: 0px;
}
img.réalisation-karla-figure-photo-90 {
    width: 90%;
    margin: 0px;
    padding: 0px;
}
.réalisation-karla-figcation {
	color:black;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}


/******************/
/*  fin page réalisation karla  */
/******************/



/******************/
/*  page actualités */
/******************/
/*cadre global*/
#page-actualite{
width:1100px;
height:520px;
text-align:center;
margin:auto;
margin-top: 20px;
}

#page-actualite-1{
	width : 425px;
	height:225px;
	float:left;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-long{
	width : 980px;
	height:225px;
	float:left;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-1-droite{
	width : 425px;
	height:225px;
	float:right;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;	
}
#page-actualite-1-centre{
	width : 425px;
	height:225px;
	float:left;
	margin-left:285px;
	margin-right:285px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

img.page-actualite-1-vitre{
	float:none;
max-width:35%;
padding-left:20px;
}
img.page-actualite-1-charuel{
	float:right;
max-width:40%;
padding-left:20px;
}

img.page-actualite-1-kline{
	
max-width:80%;
padding-left:20px;
}
img.page-actualite-1-kline-photo{
	
max-width:40%;
padding-left:20px;
}


img.page-actualite-1-partenariat-kline{
	float:right;
max-width:25%;
padding-left:20px;
}
img.page-actualite-1-bonnesfetes{
	margin-top:0px;
	float:none;
max-width:60%;
padding-left:10px;
}

#page-actualite-gauche{
	width : 463px;
	height:470px;
	float:right;
	margin-left:00px;
	margin-right:50px;
	margin-bottom:20px;
	background-color:white;
		padding-left:0px;
		padding-right:0px;
		
	
}

#page-actualite-2{
	width : 425px;
	height:470px;
	float:right;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}
#page-actualite-long h1{
	font-size:1.5em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-1 h1{
	font-size:1.5em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-1-centre h1{
	font-size:1.5em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#page-actualite-2 h1{
	font-size:1.5em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-gauche h1{
	font-size:1.5em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#page-actualite-gauche h3{
	font-size:1.3em;
	color:black;
	text-align:center;
	font-weight:normal;
}

#page-actualite-1 h2{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:justify;
}

#page-actualite-1 p{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:justify;
}

#page-actualite-1-centre h2{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:justify;
}
#page-actualite-long p{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:center;
}

#page-actualite-1 h3{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:center;
}
#page-actualite-1 h4{
font-weight:normal;
font-size:0.9em;
color:black;
text-align:center;
}
#page-actualite-1-centre h3{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:center;
}
#page-actualite-2 h2{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:justify;
}
#page-actualite-2 p{
font-weight:normal;
font-size:1.3em;
color:black;
text-align:justify;
}
#page-actualite-suite{
	width:1100px;
	height:30px;
	text-align:right;
	font-size:1.3em;
	margin-top:10px;
	
}

/******************/
/*  fin actualités */
/******************/

/****************************/
/*  page entreprise contact */
/****************************/


#cadre-contact-info{
width:623px;
height:520px;
font-family:Arial;
font-size:0.8em;
text-align:left;
margin:auto;
}
#cadre-contact-info-2{
width:623px;
height:0px;
font-family:Arial;
font-size:1em;
text-align:left;
color:#CE072E;
margin-top:20px;

}

.cadre-contact-titre{
float:left;


}
.cadre-contact-input1-civilite{
margin-left: 50px;

}
.cadre-contact-input2-civilite{
}
.cadre-contact-input1-nom{
margin-left: 18px;
}
.cadre-contact-input1-email{
margin-left: 58px;
}
.cadre-contact-input1-rue{
margin-left: 79px;
}
.cadre-contact-input1-cp{
margin-left: 34px;
}
.cadre-contact-input1-ville{
margin-left: 59px;
}
.cadre-contact-input1-tel{
margin-left: 36px;
}
.cadre-contact-input1-message{
	width:623px;
height:10px;
margin-left: 0px;
margin-bottom:50px;
}
.cadre-contact-input1-envoye{
	width:623px;
height:100px;	
margin-left: 116px;
margin-top:60px;
}
#cadre-contact-bloc{
width:623px;
height:auto;
margin-bottom: 10px;
}
#cadre-contact-bloc-message{
	width:623px;
height:10px;
margin-bottom: 0px;
}
#cadre-contact-bloc-input-message{
	width:623px;
height:10px;
margin-bottom: 10px;
}
.cadre-contact-titre-message{
	
width:1100px;
height:10px;
margin-bottom: 10px;
float:left;


}


/********************************/
/*  fin page entreprise contact */
/********************************/

/********************************/
/*  page vidéo KLINE 1 */
/********************************/
  
 #page-video-kline{
width:1100px;
height:520px;
text-align:center;
margin:auto;
}
/*droite*/
#page-video-kline-1{
	width : 510px;
	height:225px;
	float:left;
	margin-left:0px;
	margin-right:30px;
	margin-bottom:0px;
	margin-top:30px;
	background-color:white;
		padding-left:10px;
		padding-right:0px;
		
		
	
}

#page-video-kline-2{
	width : 510px;
	height:225px;
	float:right;
	margin-left:0px;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:30px;
	background-color:white;
		padding-left:10px;
		padding-right:0px;
		
	
}

#page-video-kline-3{
	width : 510px;
	height:225px;
	float:right;
	margin-left:0px;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:30px;
	background-color:white;
		padding-left:10px;
		padding-right:0px;
		
	
}
 
#page-video-kline-1 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;

} 
#page-video-kline-2 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
} 
 #page-video-kline-3 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
} 
#page-video-kline-1 h2{
		font-weight:normal;
	width:230px;
	font-size:0.9em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:left;


} 
#page-video-kline-2 h2{
		font-weight:normal;
	width:230px;
	font-size:0.9em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:left;
} 
#page-video-kline-3 h2{
		font-weight:normal;
	width:230px;
	font-size:0.9em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:left;
} 
img.page-video-kline-ep1{
		max-width:50%;
}
img.page-video-kline-ep2{
		max-width:50%;
}
img.page-video-kline-ep3{
		max-width:50%;
}
img.page-video-kline-ep4{
		max-width:50%;
}

#page-video-kline-suite{
	width:1100px;
	height:30px;
	text-align:center;
	font-size:1.3em;
	margin-top:10px;
	
}		
 
/********************************/
/*  FIN page vidéo KLINE 1 */
/********************************/
 
/******************/
/*  page magasin vitré  */
/******************/


/*cadre global*/
#cadre-magasin-vitre{
width:1100px;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-vitre-image{		
	width:440px;
	height: 304px;
	margin-top:20px;
	margin-bottom:00px;
	margin-left:70px;
	float:left;
	padding-top:20px;
}

img.cadre-magasin-vitre-img{
max-width:100%;
height:auto;
}


.cadre-magasin-vitre-texte{
margin-top:0px;
width: 590px;
height:auto;
margin-left:0px;
text-align:center;
float:right;
padding-top:15px;
}
P.cadre-magasin-vitre-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:590px;
	text-align:center;
	color:#5A5E6B;
	font-size:1.3em;

}
.cadre-magasin-vitre-texte-2{
margin-top:20px;
width: 1100px;
height:auto;
margin-left:0px;
text-align:center;
float:left;
}
P.cadre-magasin-vitre-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-magasin-vitre-tel{

}
 



.cadre-magasin-vitre-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-vitre-mail:hover{
color:blue;
}

.cadre-magasin-vitre-produit-lig1{
text-align: center; 
width:1100px;
margin:auto;
margin-top:20px;	
float:left;

}
.cadre-magasin-vitre-produit-lig-fin{
text-align: center; 
width:1100px;
height:auto;
float:left;
margin:auto;	
margin-top:40px;
margin-bottom:40px;
}


.cadre-magasin-vitre-produit-figure{
	display:inline-block
}
.cadre-magasin-vitre-produit-figcaption{
	 color:BLACK;
	 	font-size:1em;
}

img.cadre-magasin-vitre-photo{
	max-width:100%;
}

/**********************/
/*  fin page magasin vitré  */
/**********************/
 
 
/******************/
/*  page magasin laval  */
/******************/


/*cadre global*/
#cadre-magasin-laval{
width:1100px;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-laval-image{		
	width:440px;
	height: 304px;
	margin-top:20px;
	margin-bottom:00px;
	margin-left:70px;
	float:left;
	padding-top:20px;
}

img.cadre-magasin-laval-img{
max-width:100%;
height:auto;
}


.cadre-magasin-laval-texte{
margin-top:0px;
width: 590px;
height:auto;
margin-left:0px;
text-align:center;
float:right;
padding-top:15px;
}
P.cadre-magasin-laval-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:590px;
	text-align:center;
	color:#5A5E6B;
	font-size:1.3em;

}
.cadre-magasin-laval-texte-2{
margin-top:20px;
width: 1100px;
height:auto;
margin-left:0px;
margin-bottom:20px;
text-align:center;
float:left;
}
P.cadre-magasin-laval-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-magasin-laval-tel{

}
 



.cadre-magasin-laval-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-laval-mail:hover{
color:blue;
}

.cadre-magasin-laval-produit-lig1{
text-align: center; 
width:1100px;
margin:auto;
margin-top:20px;	
float:left;

}
.cadre-magasin-laval-produit-lig-fin{
text-align: center; 
width:1100px;
height:auto;
float:left;
margin:auto;	
margin-top:40px;
margin-bottom:40px;
}


.cadre-magasin-laval-produit-figure{
	display:inline-block
}
.cadre-magasin-laval-produit-figcaption{
	 color:BLACK;
	 	font-size:1em;
}

img.cadre-magasin-laval-photo{
	max-width:100%;
}

/**********************/
/*  fin page magasin laval  */
/**********************/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


.bandeaurouge {
position:absolute;
top: 651px;
left:167px;
}
.bandeaurouge2 {
position:absolute;
top: 700px;
left:167px;
}

.bandeaugris-bas {
position:absolute;
top: 1020px;
left:167px;
}



.arriereplandroite {
position:absolute;
top: 0px;
left:1200px;
}


.boutonvert1 {
position:absolute;
top: 190px;
left:170px;
}

a.texteboutonvert1{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 205px;
left:180px;
color:white;
}

a.texteboutonvert1:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 205px;
left:180px;
color:yellow;
}

.boutonvert2 {
position:absolute;
top: 240px;
left:170px;
}

a.texteboutonvert2{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 255px;
left:180px;
color:white;
}

a.texteboutonvert2:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 255px;
left:180px;
color:yellow;
}

.boutonvert3 {
position:absolute;
top: 290px;
left:170px;
}

a.texteboutonvert3{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 305px;
left:180px;
color:white;
}

a.texteboutonvert3:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 305px;
left:180px;
color:yellow;
}

.boutonvert4 {
position:absolute;
top: 340px;
left:170px;
}

a.texteboutonvert4{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 355px;
left:180px;
color:white;
}

a.texteboutonvert4:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 355px;
left:180px;
color:yellow;
}

.boutonvert5 {
position:absolute;
top: 390Px;
left:170px;
}

a.texteboutonvert5{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 405px;
left:180px;
color:white;
}

a.texteboutonvert5:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 405px;
left:180px;
color:yellow;
}

.boutonvert6 {
position:absolute;
top: 440px;
left:170px;
}

a.texteboutonvert6{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 455px;
left:180px;
color:white;
}

a.texteboutonvert6:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 455px;
left:180px;
color:yellow;
}

.boutonvert7 {
position:absolute;
top: 490px;
left:170px;
}

a.texteboutonvert7{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 505px;
left:180px;
color:white;
}

a.texteboutonvert7:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 505px;
left:180px;
color:yellow;
}

.boutonvert8 {
position:absolute;
top: 540px;
left:170px;
}

a.texteboutonvert8{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 555px;
left:180px;
color:white;
}

a.texteboutonvert8:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 555px;
left:180px;
color:yellow;
}

.boutonvert9 {
position:absolute;
top: 590px;
left:170px;
}

a.texteboutonvert9{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 605px;
left:180px;
color:white;
}

a.texteboutonvert9:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 605px;
left:180px;
color:yellow;
}

.porteouverte {
position:absolute;
top: 163px;
left:450px;
font-family:Arial;
background-color:yellow;
width: 727px;
height:25px;
text-align:center;
border-style:solid;
border-width:1px;
}

 .cadre1 {
position:absolute;
font-size:1.5em;
text-align:justify;
top: 190px;
left:20px;
width: 100px;
height:100px;
}

.textecadre-tab1{
position: absolute;
text-decoration:none;
font-size:0.65em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 200px;
left:35px;
color:#CE072E;
}

.video-titre1{
position: absolute;
text-decoration:none;
font-size:0.65em;
vertical-align:top;
font-family:Arial;
text-align:justify;
top: 1059px;
left:1000px;
color:#CE072E;
}
.video-texte1{
position: absolute;
text-decoration:none;
font-size:0.60em;
vertical-align:top;
font-family:Arial;
text-align:justify;
top: 1099px;
left:995px;
color:black;
}



.lfkline{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
top: 310px;
left:815px;
color:#CE072E;
text-align:justify;
}

.conseil{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
text-valign:top;
top: 1059px;
left:200px;
color:#CE072E;
text-align:justify;
}


.conseil1{
font-size:0.90em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
color:#CE072E;
}

.conseil2{
font-size:0.80em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
color:black
}

.accompagnement{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 1059px;
left:450px;
color:#CE072E;
}


.accompagnement1{
font-size:0.90em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:center;
color:#CE072E;
}

.accompagnement2{
font-size:0.80em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:justify;
color:black;
}

.savoirfaire{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 1059px;
left:700px;
color:#CE072E;
}


.savoirfaire1{
font-size:0.90em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:center;
color:#CE072E;
}

.savoirfaire2{
font-size:0.80em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:justify;
color:black
}



.textecadre-tab1nx{
position: absolute;
text-decoration:none;
font-size:0.70em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 5640px;
left:170px;
color:#CE072E;
}

.textecadre-tab1-white{
color:white;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-tab1-black{
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-tab1-#CE072E{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col1{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col1{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}
.textecadre-col2 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}
.textecadre-col3{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col4 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-col5{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col6 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.cadre2 {
position:absolute;
font-size:1.5em;
text-align:left;
top: 400px;
left:20px;
width: 100px;
height:100px;
}
.textecadre-tab2{
position: absolute;
text-decoration:none;
font-size:0.6em;
text-align:justify;
font-family:Arial;
text-align:left;
top: 420px;
left:40px;
color:white;
}

a.txt-lien{
color:white;
}
a.txt-lien:hover{
color:black;
background-color:white;
}

.cadrerouge{
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 180px;
left:464px;
color:white;
}

.cadrerougenx{
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 190px;
left:450px;
color:white;
}

.accueil-img-magasinnx{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 190px;
left:300px;
color:#CE072E;
}
.accueil-info{
position: absolute;
font-family:Arial;
font-size:0.60em;
font-weight:bold;
text-align:center;
top: 220px;
left:470px;
width: 380px;
height:380px;
}

.accueil-infonx{
position: absolute;
font-family:Arial;
font-size:0.60em;
font-weight:bold;
text-align:center;
top: 220px;
left:320px;
width: 380px;
height:380px;
}

a.produit{
position: absolute; 
text-decoration:none;
text-align:left;
color:black;
}

a.produit:hover{
color:white;
}

.produit-tableau1{
position: absolute;
text-decoration:none;
font-size:0.60em;
text-align:justify;
top: 230px;
left:470px;
color:black;
}

.produit-titre1{
text-decoration:none;
font-family:Arial;
text-align:center;
font-size:0.9em;
color:#CE072E;
}


.produit-tableau2{
position: absolute;
text-decoration:none;
font-size:0.60em;
text-align:left;
top: 230px;
left:800px;
color:black;
}



a.produit-txt-lien{
color:BLACK;
}
a.produit-txt-lien:hover{
color:white;
}

.alu-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 345px;
left:850px;
color:#CE072E;
width: 10%;
height:10%;
}

a.pvc-entretien {
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:left;
top: 565px;
left:840px;
color:black;
}
a.pvc-entretien:hover {
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:left;
top: 565;
left:840px;
color:silver;
}

.kbe-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 610px;
left:515px;
color:#CE072E;
}
.profine-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 610px;
left:705px;
color:#CE072E;
}

.kline-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 590px;
left:570px;
color:#CE072E;
}

.futurol-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 380px;
left:305px;
color:#CE072E;
}

.somfy-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 510px;
left:305px;
color:#CE072E;
}

.futurol-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 305px;
left:690px;
color:#CE072E;
width: 5%;
height:5%;
}

.guttomat-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 335px;
left:455px;
color:#CE072E;
}

.guttomat-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 360px;
left:830px;
color:#CE072E;
}

.guttomat-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:570px;
color:#CE072E;
}

.hormann-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 345px;
left:455px;
color:#CE072E;
}

.hormann-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 350px;
left:830px;
color:#CE072E;
}

.hormann-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:630px;
color:#CE072E;
}

.charuel-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 335px;
left:455px;
color:#CE072E;
}

.nice-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 330px;
left:830px;
color:#CE072E;
}

.charuel-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:550px;
color:#CE072E;
}

.batistore-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 430px;
left:505px;
color:#CE072E;
}

.batistore-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 300px;
left:860px;
color:#CE072E;
width: 5%;
height:5%;
}

.motorisation-somfy-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 290px;
left:830px;
color:#CE072E;
}

.motorisation-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 400px;
left:830px;
color:#CE072E;
}

.motorisation-nice-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 510px;
left:950px;
color:#CE072E;
}

.bugal-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 430px;
left:505px;
color:#CE072E;
}
.bugal-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 270px;
left:835px;
color:#CE072E;
}


.pvc-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 200px;
left:680px;
color:#CE072E;
}

.pvc1-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 200px;
left:400px;
color:#CE072E;
}

.stephane-thebaut{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
text-valign:top;
top: 200px;
left:420px;
color:#CE072E;
text-align:justify;
}

.noussituer-plan {
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 245px;
left:815px;
width: 1000px;
height:800px;
}

.lamayenne {
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 320px;
left:470px;
width: 1000px;
height:800px;
}

.contact-info{
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 280px;
left:300px;
width: 1000px;
height:800px;
}

.contact-info-2{
position: absolute;
font-family:Arial;
font-size:0.50em;
font-weight:bold;
text-align:left;
top: -51px;
left:-50px;
width: 725px;
height:40px;
background-color:D3D3D3;
border-style:solid;
border-width:1px;
}

.entreprise-img-atelier{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 195px;
left:425px;
color:#CE072E;
width: 10%;
height:10%;
}

a.menu2 {
text-decoration:none;
color:black;
text-align:left;
}

a.menu2:hover {
text-decoration:none;
color:white;
text-align:left;
font-size:1em;
}


.info{
position:absolute;
top: 125px;
left:250px;
background-color:#c0c0c0;
width: 1500px;
height:500px;
}

.info-titre-nousrencontrer{
position:absolute;
top : 20px;
left:50px;
color:black;
font-style:bold;
font-size:1.5em;
text-align:left;
}

.info-titre-nouscontacter{
position:absolute;
top : 300px;
left:50px;
color:black;
font-style:bold;
font-size:1.5em;
text-align:left;
}

.info-titre-magasin{
position:absolute;
top : 75px;
left:50px;
color:#c0c0c0;
width: 1000px;
height:300px;
text-align:left;
}

.info-titre-adr{
position:absolute;
top : 75px;
left:425px;
color:black;
}

.info-titre-heure{
position:absolute;
top : 170px;
left:400px;
color:white;
background-color:black;
width: 200px;
height:75px;
text-align:center;
}

.info-titre-tel-mail{
position:absolute;
top : 350px;
left:100px;
color:black;
text-align:left;
}


a.entretienportail{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 503px;
left:900px;
color:black;
}

a.entretienportail:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 563x;
left:873px;
color:#CE072E;
}

a.entretienmenuiseries-pvc{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top: 573px;
left:878px;
color:white;
}

a.entretienmenuiseries-pvc:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top: 573x;
left:878px;
color:silver;
}

a.entretienmenuiseries-alu{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 573px;
left:870px;
color:white;
}

a.entretienmenuiseries-alu:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 573x;
left:870px;
color:silver;
}

.essai{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:5em;
text-align:left;
top: 1500px;
left:0px;
color:black;
}


.arriereplangauche {
 position:absolute;
 top:0px;
 left:0px;
 }

 .pubcharuel-index {
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:930px;
color:#CE072E;
 }
 .pubcharuel-charuel{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 400px;
left:450px;
color:#CE072E;
}
 .portesouvertes-index{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 220px;
left:870px;
color:#CE072E;
}

.actualite-cadre{
 color:black;
 font-size:0.7em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:270px;
 left:1100px;
}
.actualite-tit{
 color:black;
 font-size:1em;
 position: absolute;
 font-family:fantasy;
 text-align:center;
 top:300px;left:1168px;
}

.actualite-texte{
 color:black;
 font-size:0.5em;
 position: absolute;
 font-family:arial;
 text-align:center;
 top:340px;left:1105px;
 width:200px;
height:80px;
}

.laval{
 color:black;
 font-size:0.6em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:525px;left:315px;
}

.vitre{
 color:black;
 font-size:0.6em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:525px;left:710px;
}

.telephone-laval{
 position: absolute; 
text-decoration:none;
font-size:0.6em;
font-family:Arial;
text-align:left;
top:615px;
left:350px;
color:#CE072E;
 }
 
 .telephone-laval-num{
 position: absolute; 
text-decoration:none;
font-size:0.6em;
font-family:Arial;
text-align:left;
top: 615px;
left:370px;
color:#CE072E;
 }
 
 .telephone-vitre{
 position: absolute; 
text-decoration:none;
font-size:0.6em;
font-family:Arial;
text-align:left;
top:615px;
left:760px;
color:#CE072E;
 }
 
 .telephone-vitre-num{
 position: absolute; 
text-decoration:none;
font-size:0.6em;
font-family:Arial;
text-align:left;
top: 615px;
left:780px;
color:#CE072E;
 }
.accueil-lien-mail-lettre{
 position: absolute; 
text-decoration:none;
font-size:0.6em;
font-family:Arial;
text-align:left;
top: 615px;
left:570px;
color:#CE072E;
 }

 

 /**

 .adr-titre{
 color:#CE072E;
 font-size:0.7em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:230px;left:470px;
 width:380px;
 height:380px;
 }
 .adr{
 color:black;
 font-size:0.60em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:265px;
 left:470px;
 width:380px;
 height:380px;
 }
 .horaire{
color:black;
font-size:0.6em;
position: absolute;
font-family:Arial;
text-align:center;
top:325px;
left:470px;
width:380px;
height:80px;
}
.telephone1{
color:#CE072E;
font-size:0.7em;
position: absolute;
font-family:Arial;
text-align:center;
top:375px;
left:470px;
width:380px;
height:80px;
}
.telephone2{
color:black;
font-size:0.60em;
position: absolute;
font-family:Arial;
text-align:center;
top:410px;
left:470px;
width:380px;
height:80px;
}
.rencontre1{
color:#CE072E;
font-size:0.7em;
position: absolute;
font-family:Arial;
text-align:center;
top:460px;
left:470px;
width:380px;
height:380px;
}
.rencontre2{
color:black;
font-size:0.60em;
position: absolute;
font-family:Arial;
text-align:left;
top:480px
;left:450px;
width:420px;
height:380px;
}
**/

/***********************************************************************************/
/**                                                                               **/
/**TABLETTE :  entre 1100 (largeur du texte sur écran standard) et 480 (téléphone)**/
/**                                                                               **/
/***********************************************************************************/

@media screen and (min-width: 680px) and (max-width: 1100px) {
body	{
		background-image:url("../image2017/m-fond-responsive.jpg");
		background-repeat:repeat-x;
		height :auto;
		width: auto;
		text-align:center;
}
#fond-page{
		background-image:url("../image2017/m-fond-responsive-tel.jpg");
		background-repeat:repeat-x;
		height :auto;
		width: auto;
		text-align:center;
}
/***********************************/
/*           entête tablette       */
/***********************************/

#entete-lf{
width:auto;
height:120px;
font-family:Arial;
font-size:0.80em;
margin:auto;
}

/* conteneur taille de l'image*/
/*
#logonx {
background-image:url("../image2017/Logoetligne.jpg");
	background-repeat:no-repeat;
	      background-size: 95%;
	height: 120px;
	width: 231px;
	text-align:left;
	float:left;
	margin-top:15px;
}
*/
#logonx {

	height: 120px;
	width: 231px;
	text-align:left;
	float:left;
	background-image:url("../image2017/logoetligne.jpg");
	background-repeat:no-repeat;
	     background-size: 95%;
}
/* height et width permet de redimensionner l'image  */
/*magin-left margin-top permet de positionner*/
img.logonx-responsive{
	margin-top : 20.5px;
}

#baseline {
	display:none
}

#cadre-logo-fab {
height: 70px;
	width: auto;
	text-align:right;
	float:right;
	text-decoration: none;

}
#cadre-logo-qualibat {
height: 70px;
	width: auto;
	text-align:right;
	float:right;
	text-decoration: none;

}

	
.portesouvertes {
position:absolute;
top: 3px;
left:490px;
}

/***********************************/
/*           fin entête            */
/***********************************/


/***********************************/
/*     menu déroulant              */
/***********************************/

.menuderoulant {
}

#cadre-menuderoulant{
width:auto;
height:500px;
font-family:Arial;
font-size:0.80em;
text-align:left;
margin:auto;
}
/*menu déroulant*/

#menu_h_4 {    /* ONGLETS ARRONDIS EN COULEURS */
	/*background-image: url("images/ar_plan_ci.gif");   /*  ajout JM */	

/*bea :police du menu */	
/*bea		font-size:13px;*/   /* taille de la police  ajout JM */
	font-family:arial; /* ajout JM */
	list-style:none;	
	margin-left:1px; /* 2px ajout JM un espace à gauche pour le premier onglet */
	margin-top:0px; 
	padding:3px 0 0 0;  
	/* padding:3px 0 0 0; */	
	/*text-align:center; 	/*text-align:left; alignment des ONGLETS A GAUCHE */			   
}

		

 /* menu_h_4  code qui aligne les onglets du menus */ 
#menu_h_4 li{	
display:inline-block;
position:relative;
border-radius:8px 8px 0 0; 
}
/* menu_h_4   background des liens menus (ONGLETS)*/ 
#menu_h_4 li:first-child{
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);     /* pour Chrome, Safari*/ 
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%); 		/* W3C */	 	
}
#menu_h_4 li:nth-child(2){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
			/*margin-left: -5px; /* position horizontale de l'onglet  19.11.13 */					
}
#menu_h_4 li:nth-child(3){ /* ONGLET 3 et 7 */ 
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:nth-child(4){ /* Onglet  Télécharger */
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
		/*width:100px;  /* AJOUT 01.11.2014 */
}
#menu_h_4 li:nth-child(5){	
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);	
}
#menu_h_4 li:nth-child(6){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:last-child{  /* ONGLET 3 et 7 */ 		
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}	
/* fin  menu_h_4 background des liens menus  (ONGLETS)*/ 

#menu_h_4 li:hover > a {             
    display: block;  	/* modif 03.10.13*/
    color: #E1E1E1; 		/*#fafafa; couleur texte AU SURVOL des ONGLETS */ 
}
*html #menu_h_4 li a:hover { /* IE6 */
    color: #E1E1E1; 		 /*#fafafa;*/	
	
}

#menu_h_4 li:hover > ul {  
	/* background: grey ; /*  change la couleur du sous menu */
    display: block; 
	/* montré le menu */
}

/* menu_h_4 background des liens sous-menus */
#menu_h_4 li:first-child li{
	background:#CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2) li{ 		
	background: #CE072E; /*  #333A40; COULEUR DU SOUS MENU DE L'ONGLET 2 = FAQ*/
	/*padding: 2px;    /*  marges H D B G - */
	/*margin-left: -5px; /* position horizontale */	
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(3) li{
	background:#CE072E;   /*  #9F391A;  */
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	/*width:12em;*/
}
#menu_h_4 li:nth-child(4) li{/* si desactivé alors le background du sous menu Télécharger reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	width:7.61em;	
}
		
#menu_h_4 li:nth-child(5) li{
	background:#CE072E;  /*  #9F391A;  */ 
	opacity:0.9;
	filter:alpha(opacity=90);			
}
#menu_h_4 li:nth-child(6) li{ /* si desactivé alors le sous menu reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	margin-left: -1px; /* MODIF 01.11.2014  -4px position horizontale DU sous-menu 6 - PUG GRATUITE */	
/*bea	width: 8.7em;*//*  pour augmenter la largeur du sous menu N° 6 PUB GRATUITE */
	text-align:center;
}
#menu_h_4 li:last-child li{
	 background:#CE072E; /*  ONGLET 7*/		
	opacity:0.9;
	filter:alpha(opacity=90);	 
}

/* #menu_h_2  background des liens menus et sous menus au survol */
#menu_h_4 li:first-child:hover, #menu_h_4 li:first-child li:hover{
	background:  #CE072E;  
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2):hover, #menu_h_4 li:nth-child(2) li:hover{ 
	background:#CE072E;    /* #729EBF; couleur lors du survol de l'ONGLET 2 (FAQ)  et du sous-menu */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(3):hover, #menu_h_4 li:nth-child(3) li:hover{
	background: #CE072E;  /* couleur de l'ONGLET 3 (Ma région)   */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(4):hover, #menu_h_4 li:nth-child(4) li:hover{
	background:  #CE072E;  /*  couleur lors du survol  de onglet 5 ( Télécharger) et du sous-menu  */
	opacity:0.9;

	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(5):hover, #menu_h_4 li:nth-child(5) li:hover{
	background:  #CE072E;  /*  couleur (verte) onglet 5 ( Mes prèfs.) lors du survol */  
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(6):hover, #menu_h_4 li:nth-child(6) li:hover{
	background:  #CE072E;    /* #729EBF; couleur  du sous-menu/onglet 2 (FAQ) lors du survol */	
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:last-child:hover, #menu_h_4 li:last-child li:hover{
	background:#CE072E;  /*    */		 		
	opacity:0.9;
	filter:alpha(opacity=90);		
}

		
#menu_h_4 a {   /* #menu_h_2  les a href */
	/*border-bottom:solid 1px grey;  	/* GREY   #004772; /* ajout JM  7.11.14 crée le trait sur toute la longueur  du bloc*/ 
	text-decoration:none;
	display:block;
	padding:8px 20px;   /* marges H D B G   8px=hauteur   20px=largeur des onglets  */  
	color:#fff;       /* #fff; couleur du texte des onglets */ 
	/*bea : couleur de l'écriture du menu : blanc */
	font-family:arial;	
	/*BEA POLICE DU MENU*/
	font-size:10px;
}
#menu_h_4 ul a { /* blocks des sous-menuS et sous sous-menuS */	
	display: block; 
	/*float: none;*/
	height: auto;   
    /*line-height: 1;  /*height: 25px;*/
	/* 03.11.2014 suppr padding: 10px;   /* 10px;   */
    text-transform: none;
	margin-left:2px;  /* 2px position du texte des sous-menus ajout JM */
/*bea	font-size:13px;  */ /* 13px taille de la police  ajout JM */
	padding:8px 0;   /* marges H D B G   8px=hauteur boite du sous-menus 0px  */ 	
/*bea	width: 7.8em; *//*MODIF 01.11.2014  7.8em  102px  largeur du sous-menu 1-Thunderbird/Firefox ....*/
}

*html #menu_h_4 ul a { /* IE6 */
    height: 10px;
/*bea    width: 102px;*/
}
*:first-child+html #menu_h_4 ul a { /* IE7 */
    height: 10px;
 /*bea   width: 102px;*/
}
/* #menu_h_4  les a href */

#menu_h_4 li:hover ul { /* #menu_h_4  les a href */
	/*max-height:55em;  /* 55em augmente la hauteur du sous-menu  */ 
	padding: 0em;    /*  marges H D B G DES SOUS MENUS */
}

#menu_h_4 li:hover li a { /* #menu_h_4  les a href */
	color:#fff;  /*#fff; couleur (blanc) du texte des sous-menus */
	text-transform:inherit;  
}
	

/* Sous-menu bea*/
#menu_h_4 ul {
	border-radius:0px 0px 0px 0px;
	display: none;
	left: 0;
    list-style: none;
    margin: 0; 
	margin-left: 0px; /* position du bloc des sous-menu  20px;  JM*/
	margin-top: -4px;  /* -3px position verticale  = marge intérieure haute modif 01.11.2014 */	
	padding:0;	/*padding: 1px;    /* 0px marges interieures   modif 03.10.13 */
    position: absolute;
    top: 35px;     
/*bea:largeur sous menu*/	
/*bea	width: 120px; *//* 100px AJOUT 01.11.2014 */	
	z-index: 99999;      /* 99999;   */ 
}

#menu_h_4 ul li {    /*  sous-menu  ET sous sous-menus */  	 	

	border-radius:0 0 0 0;   /* ajout JM 21.10.2013 supprime arrondi des angles */
    /*float: none;*/    
    display: block;		
	margin: 0;
	padding: 0; /* marges interieures */
			/* remise en service 19.11.13 ralenti l'affichage hover */   
			/* transition: .1s all .3s;/* W3C transition: .18s all .3s;   */ 
			/*-moz-transition: .1s all .3s;   /*pour FF  8s all .3s;*/   
			/*-webkit-transition: .1s all .3s;  /* pour Chrome, Safari 8s all .3s;*/
}

#menu_h_4 ul li:hover{  /* menu_h_ 2 ul li:hover  couleur du fond du sous-menu au survol  */
	/*border-radius:0 0 0 0;  /* suppr arrondis des sous-menus AU SURVOL  */
}

#menu_h_4 ul li:first-child ul a:after, #menu_h_4 ul ul li:first-child a:after {  /* petit triangle  suprimé des sous sous-menus */
   display: none;	   
}	
	
/* Rétablissement du flottement */
#menu_h_4:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html #menu_h_4   { zoom: 1; } /* IE6 */
*:first-child+html #menu_h_4 { zoom: 1; } /* IE7 */

#menu_h_4 ul ul { /* ici je cible à la fois le SOUS MENU ET LE le sous sous-menu  */ 	
	/*background: background: #444; /* couleur de fond du SOUS-MENUS 1 -> en général est ouvert.... */	
	display: none;		
/*bea sous sous menu position et largeur  	*/
	margin-left:180px;  /*MODIF 01.11.2014   102  94px  position DES SOUS SOUS-MENUS 1  -> général est ouvert....*/
	margin-top: -37px; /* -37px   DES SOUS SOUS-MENUS 1 -> général est ouvert ....*/
/*bea	width: 422px;*//* 122px;    310  largeur DES SOUS SOUS-MENUS 1 -> général est ouvert.... */
	
	/*border-radius:0 0 10px 10px;  */		
}
#menu_h_4 ul ul ul { /* ajout JM menu3:Import-Export/Rédaction.....*/ 
	/*display: none;*/	
	/*border-radius:0 0 0px 0px;  */	
/*bea	margin-left: 122px; */ /*  122px  position du sous sous sous-menu 3 (Import-Export/Rédaction....)*/
	/*margin-top: -36px; */   
/*bea	width: 272px;	*/ /* 172px */
}
#menu_h_4 li:hover a {
	/*bea couleur du texte au survol du menu*/
	color:#E1E1E1;
}
#menu_h_4 li li:hover a {
	/*bea couleur du texte au survol du sous menu*/
	color:#e1e1e1;
}
#menu_h_4 li li li:hover a {
	/*bea couleur du texte au survol du sous sous menu*/
	color:white;
}

/***********************************/
/*    fin menu déroulant           */
/***********************************/

/***********************************/
/* cadre pied de page des produits tablette*/
/***********************************/
#cadre-produits{
width:680px;
height:auto;
margin:auto;
}

/* pied de page fenetres et porte*/
#pp-fenetre{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
#pp-fenetre-fond-gris{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
.pp-fenetre-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}

.pp-fenetre-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}

.pp-fenetre-responsive{
      width: 100px;
	  
}

.pp-fenetre-tit{
text-decoration:none;
font-family:arial;
font-size:0.7em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-fenetre-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:1.2em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-fenetre-pvc{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-pvc:hover{
	color:#CE072E;
}

.pp-fenetre-alu{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-alu:hover{
	color:#CE072E;
}
.pp-fenetre-vr{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-fenetre-vr:hover{
	color:#CE072E;
}
/* fin cadre pied de page fenetres et porte*/


/* pied de page porte de garage*/
#pp-pg{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
#pp-pg-fond-gris{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
.pp-pg-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
 .pp-pg-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-pg-responsive{
      width: 100px;
	  
}

.pp-pg-tit{
text-decoration:none;
font-family:arial;
font-size:0.7em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline
}
.pp-pg-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:1.2em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline
}
.pp-pg-pgl{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgl:hover{
	color:#CE072E;
}
.pp-pg-pgs{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
a.pp-pg-pgs:hover{
	color:#CE072E;
}
.pp-pg-vide{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:transparent;
vertical-align:center;
}
/* fin pied de page porte de garage*/

/* pied de page portail*/
#pp-portail{
width:150px;
height:auto;
font-family:arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
#pp-portail-fond-gris{
width:150px;
height:auto;
font-family:arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
.pp-portail-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-portail-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}

.pp-portail-responsive{
      width: 100px;
}

.pp-portail-responsive img{ 

}

.pp-portail-tit{
text-decoration:none;
font-size:0.7em;
color:#CE072E;
background-color:transparent;
font-family:arial;
text-align:right;
text-decoration:underline
}
.pp-portail-tit-fond-gris{
text-decoration:none;
font-size:1.2em;
color:#CE072E;
background-color:transparent;
font-family:fantasy;
text-align:right;
text-decoration:underline
}
.pp-portail-portail{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}

/* fin pied de page portail*/


/* pied de page divers*/
#pp-divers{
width:150px;
height:auto;
font-family:arial;
font-size:0.80em;
position: 0.7em;
margin-left: auto;
margin-top: auto;
}
#pp-divers-fond-gris{
width:150px;
height:auto;
font-family:arial;
font-size:0.80em;
position: 0.7em;
margin-left: auto;
margin-top: auto;
}

.pp-divers-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-responsive{
	
      width: 100px;
	  
}

.pp-divers-responsive img{ 

}
.pp-divers-tit{
text-decoration:none;
font-size:0.7em;
color:#CE072E;
background-color:transparent;
font-family:arial;
text-decoration:underline

}
.pp-divers-tit-fond-gris{
text-decoration:none;
font-size:1.2em;
color:#CE072E;
background-color:transparent;
font-family:fantasy;
text-decoration:underline

}
.pp-divers-banne{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-banne:hover{
	color:#CE072E;
}
.pp-divers-moteur{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-moteur:hover{
	color:#CE072E;
}
.pp-divers-gardecorp{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
a.pp-divers-gardecorp:hover{
	color:#CE072E;
}

/* fin pied de page divers*/
/***************************************/
/* fin cadre pied de page des produits tablette*/
/***************************************/

/***************************************/
/*          cadre pied de page tablette        */
/*conseil, accompagnement, savoir faire*/
/***************************************/

#bandeaugris-bas{
font-family:Arial;
margin:auto;
text-align:center;
background-color:white;
width:auto;
height:auto;


}

#bandeaugris-bas th{

Font-Weight: Normal;
 padding-bottom:20px;
vertical-align:top;
 padding-top:20px;
height: 50px;
font-size:0.8em;
font-family:Arial;
text-align:center;
color:#CE072E;

}

td.bandeaugris-bas-ligne{
vertical-align:top;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:20px;
 padding-left:20px;
 width:100px;
 font-size:0.7em;
 color:#black;
 text-align:justify;
 }
 
 td.bandeaugris-bas-ligne4{
  width:200px;
 padding-top:0px;
 padding-right:20px;
 padding-left:20px;
 width:150px;
 font-size:0.7em;
 color:black;
 text-align:center;
 }
 
 .bandeaugris-bas-video{
 font-size:0.7em;
 }

img.bandeaugris-bas-qualibat{
	 max-width:80%
 }
/***************************************/
/*      fin cadre pied de page tablette        */
/*conseil, accompagnement, savoir faire*/
/***************************************/


/*******************************/
/* page index accueil tablette */
/*******************************/

/*cadre global*/
 #cadre-accueil{
width:650px;
height:426px;
text-align:left;
margin:auto;
}
/*cadre avec image et coordonnée*/
#cadre-accueil-img-adr{

	width:651px;
	height:auto;
}

/*sous cadre image magasin de laval en haut*/
 #cadre-accueil-img{
width:300px;
height:auto;
margin-top:10px;
}
#cadre-accueil-img-vitre{
width:300px;
height:auto;
margin-top:10px;
}

img.cadre-accueil-image{
	max-width:100%;
}
img.cadre-accueil-image-vitre{
	max-width:100%;
}



/*sous cadre actualité sur le coté*/
#cadre-accueil-actualite{
width:400px;
height:auto;
float:left;
text-align:center;
background-color:white;
outline-style:solid;
outline-width:0.1em;
outline-color:#CE072E;
margin:auto;

}
#cadre-accueil-actualite-cadre{
width:400px;
height:950px;
float:none;
text-align:center;
margin-bottom:20px;
float:left;
background-color:white;
outline-style:solid;
outline-width:0.1em;
outline-color:#CE072E;
margin-right:50px;
}

/* titre ACTUALITE*/
.cadre-accueil-actualite-texte h1{
	color:black;
 font-size:2.2em;
 font-family:fantasy;
 left:0px;
 margin-top:60px;
 margin-bottom:60px;
}
/*sous titre*/
.cadre-accueil-actualite-texte h2{
	font-weight:bold;
	font-size:1.1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	margin-top:40px;
}
/*texte*/
.cadre-accueil-actualite-texte h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
	 margin-top:0px;
 margin-bottom:90px;
}
.cadre-accueil-actualite-texte-vitre h2{
	font-weight:bold;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	margin-top:150px;
}
.cadre-accueil-actualite-texte-vitre h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
	margin-bottom: 90px;
}

img.cadre-accueil-porte-ouverte{
	margin-right: 0px;
	margin-top: 0px;
	height: auto;
	width: auto;
	max-width:50%;
}
img.cadre-accueil-promo-kline{

	max-width:60%;
}
img.cadre-accueil-pub-kline{
	float:center;
	max-width:100%;
}
img.cadre-accueil-bonnesfetes{
	margin:auto;
	height: auto;
	width: auto;
	text-align:center;
	max-width:50%;
}
img.cadre-accueil-promo-charuel{
	margin:auto;
	height: auto;
	width: auto;
	text-align:center;
	max-width:25%;
}
img.cadre-accueil-bonnesfetes{
	margin:auto;
	height: auto;
	width: auto;
	text-align:center;
	max-width:100%;
}

/*dans page acceuil cadre coordonnées*/
#cadre-accueil-adr{
font-family:Arial;
width:651px;
height:auto;
margin:auto;
}

#cadre-accueil-tab{

padding-top:20px;
padding-left:0px;
text-align:center;
margin:auto;
font-size:18px;
}

#cadre-accueil-tab tr td{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:15px;
}
img.cadre-accueil-tel-logo{
top:0px;
left:0px;
color:#CE072E;
 }
.cadre-accueil-tel{
	color:#CE072E;
	font-size:0.8px;
}
td.cadre-accueil-colonne-mail {
 
  width:auto;
}
 
img.cadre-accueil-lien-mail {
 width:auto;
 color:#CE072E;
 }
.cadre-accueil-lien-mail-contact {
display:none;
 }

.cadre-accueil-lien-mail-contact:hover{
 
color:black;
}

/**********************************/
/* fin page index accueil tablette*/
/**********************************/

 
/***************************/
/* page entreprise tablette*/
/***************************/
#cadre-ent{
width:auto;
height:auto;
font-family:Arial;
font-size:0.80em;
text-align:left;
margin:auto;
}

#cadre-ent h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
}
#cadre-ent1{
	left:20px;
	color:black;
}

img.img-atelier {
/*centrer l'image*/
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	margin-bottom:20px;
}

/*******************************/
/* fin page entreprise tablette*/
/*******************************/


/******************/
/*  page pvc nouvelle tablette */
/******************/


/*cadre global*/
#cadre-pdt-pvc{
width:auto;
}

.cadre-pdt-pvc-image{		
	width:auto;
	margin:auto;
	text-align:center;
	float:none;
}

img.cadre-pdt-pvc-img1{
padding:0px;
float:left;
margin-left:100px;
}


img.cadre-pdt-pvc-img2{
display: block;
float:right;
margin-right:100px;

}

.cadre-pdt-pvc-texte{
width: auto;
}
.cadre-pdt-pvc-texte h1{
}
.cadre-pdt-pvc-texte h2{
}
P.cadre-pdt-pvc-texte {
}


.cadre-pdt-pvc-logo1{
	float:left;
	margin-left:40px;
}
.cadre-pdt-pvc-logo2{
	display: block;
	margin-left:0px;
	float:right;
	margin-right:40px;
}

.cadre-pdt-pvc-entretien{
	display:block;
	margin-top:120px;
	float:none;
	margin-left:0px;
}

.cadre-pdt-pvc-lig1{
text-align: center; 
width:auto;
margin:auto;	
float:none;
}

.cadre-pdt-pvc-figure{
	display:inline-block
	
}
.cadre-pdt-pvc-figcaption{
	 color:BLACK;
	 	font-size:0.8em;
		width: 20px,
}

img.cadre-pdt-pvc-photo{
	max-width:60%;
}

/**********************/
/*  fin page pvc nouvelle tablette */
/**********************/
 
 


/**************/
/*  page alu tablette */
/**************/

/*cadre global*/
#cadre-produit-alu{
	width:auto;
		text-align:center;
}


.cadre-produit-alu-figure-3{
	display:none;
	
}
img.cadre-produit-alu-figure-photo{
	max-width:100%;
}


.cadre-produit-alu-figcaption{
	color:#CE072E;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}

#cadre-alu-corps-1{
width: auto;

}


#cadre-alu-corps-2{
	text-align:left;
width: auto;
height:auto;
margin-bottom:40px;

}
#cadre-alu-corps-3{
	height:auto;
width: auto;
float:none;
text-align:center;
	height: auto;
	margin:auto;

}

.cadre-alu-texte{
text-align:left;
margin-bottom:20px;

}

#cadre-produit-alu-logo1-cadre2{

margin-bottom:40px;
}

img.cadre-produit-alu-logo1-img{
max-width:100%;
}
img.cadre-produit-alu-logo1-img-1{
max-width:20%;
}

img.cadre-pdt-alu-entretien-img{
max-width:17%;
}

/******************/
/*  fin page alu  tablette */
/******************/






/******************/
/*  page réalisation alu tablette  */
/******************/

#réalisation-alu-cadre{
font-size:0.8em;
width:auto;
margin-top:50px;
margin-bottom:50px;

}
#réalisation-alu-cadre h1{
   	font-size:1em;

	margin-bottom:50px;

}



/******************/
/*  fin page réalisation alu tablette */
/******************/



/******************/
/*  page MEO tablette */
/******************/


/*cadre global*/
#cadre-produit-meo{
width:auto;
text-align:justify;
}

#cadre-meo-corps{
width: auto;
height:auto;
float:none;
}

#cadre-meo-corps-2{
width: auto;
height:auto;
float:none;
}




/**********************/
/*  fin page MEO tablette */
/**********************/





/******************/
/*  page futurol tablette */
/******************/

/*cadre global*/
#cadre-produit-futurol{
width:auto;

}

#cadre-futurol-image{
	width:auto;
	margin:auto;
	float:none;
	text-align:center;
}

img.cadre-futurol-img{

}







.cadre-produit-futurol-vr{
width: auto;
}
.cadre-produit-futurol-vr h1{
}

P.cadre-produit-futurol-vr {
}



.cadre-produit-futurol-vr-avantages{
width: auto;
}
.cadre-produit-futurol-vr-avantages h1{
 }
.cadre-produit-futurol-vr-avantages h2{

}
.cadre-produit-futurol-vr-avantages h3{
}
P.cadre-produit-futurol-vr-avantages{
}




.cadre-pdt-futurol-logo1{
margin-left:40px;
float:left;
}
.cadre-pdt-futurol-logo2{
display:block;
float:right;
margin-left:0px;
margin-right:40px;
}





/**********************/
/*  fin page futurol  tablette*/
/**********************/




/******************/
/*  page réalisation portail tablette  */
/******************/

#réalisation-portail-cadre{
font-size:0.8em;
width:auto;
margin-top:50px;
margin-bottom:50px;

}
#réalisation-portail-cadre h1{
   	font-size:1em;

	margin-bottom:50px;

}



/******************/
/*  fin page réalisation portail tablette */
/******************/



/******************/
/*  page guttomat tablette */
/******************/

/*cadre global*/
#cadre-produit-guttomat{
width:550px;
height:520px;
text-align:left;
margin:auto;


}

#cadre-guttomat-image{
	width:auto;
	height: auto;
	margin-top:5px;
	margin-bottom:00px;
	margin-left:125px;
}

img.cadre-guttomat-img{
max-width:80%;
height:auto;
}


#cadre-produit-guttomat-vr{
width: auto;
height:auto;
float:none;
margin-left:0px;
}


#cadre-produit-guttomat-moteur{
width: auto;
height:auto;
float:left;
}




img.cadre-produit-guttomat-photo-figure-photo{
	max-width:25%;


}






#cadre-produit-guttomat-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
float:left;
	text-align:center;
}


/**********************/
/*  fin page guttomat tablette */
/**********************/



/******************/
/*  page hormann tablette */
/******************/

/*cadre global*/
#cadre-produit-hormann{
width:550px;
height:520px;
text-align:left;
margin:auto;


}

img.cadre-hormann-img{
max-width:80%;
}


#cadre-produit-hormann-vr{
width: auto;
height:auto;
float:none;
margin-left:0px;
}


#cadre-produit-hormann-moteur{
width: auto;
height:auto;
float:left;
}


#cadre-produit-hormann-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
float:left;
	text-align:center;
}


/**********************/
/*  fin page hormann tablette */
/**********************/




/******************/
/*  page charuel tablette */
/******************/


/*cadre global*/
#cadre-produit-charuel{
width:auto;
height:auto;
text-align:justify;
margin:auto;
}

#cadre-produit-charuel-vr{
width: auto;
height:auto;
float:left;
margin-left:0px;
}

#cadre-produit-charuel-moteur{
width: auto;
height:auto;
float:right;
text-align:justify;
}




#cadre-produit-charuel-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
float:left;
text-align:center;
}



/**********************/
/*  fin page charuel tablette */
/**********************/



/******************/
/*  page batistore tablette */
/******************/


/*cadre global*/
#cadre-produit-batistore{
width:550px;
height:520px;
text-align:left;
margin:auto;
}

.cadre-produit-batistore-image{		
	width:430px;
	height: auto;
	margin-top:20px;
	margin-bottom:00px;
	margin-left:120px;
}

img.cadre-batistore-img{
max-width:80%;
height:auto;
}


#cadre-batistore-texte{
width: 550px;
height:auto;
margin-left:0px;
margin-top:20px;

}

.cadre-batistore-tit{
	font-weight:normal;
	font-size:1.3em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}

.cadre-produit-batistore-texte{
color:black;
text-align:justify;
font-size:1.2em;
}

#cadre-produit-batistore-logo1-cadre{
width: 550px;
height:auto;
float:left;
margin-left:230px;
margin-top:20px;
margin-bottom:20px;
}

/**********************/
/*  fin page batistore tablette */
/**********************/



/******************/
/*  page motorisations tablette */
/******************/



/*cadre global*/
#cadre-produit-motorisation{
width:550px;
height:auto;
text-align:left;
margin:auto;
}
#cadre-produit-motorisation h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#cadre-motorisation-texte-somfy{
width: 400px;
height:150px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-somfy h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-somfy h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-somfy{
width: 100px;
height:80px;
float:left;
margin-left:50px;
margin-top:70px;
}
img.cadre-motorisation-logo-somfy-img{
max-width:90%;
}

#cadre-motorisation-texte-buben{
width: 400px;
height:150px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-buben h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
}
#cadre-motorisation-texte-buben h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-buben{
width: 100px;
height:100px;
float:left;
margin-left:50px;
margin-top:50px;
}
img.cadre-motorisation-logo-buben-img{
max-width:90%;
}
#cadre-motorisation-texte-marantec{
width: 400px;
height:150px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-marantec h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-marantec h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-marantec{
width: 100px;
height:100px;
float:left;
margin-left:50px;
margin-top:50px;
}
img.cadre-motorisation-logo-marantec-img{
max-width:100%;
}
#cadre-motorisation-texte-nice{
width: 400px;
height:150px;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-nice h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
}
#cadre-motorisation-texte-nice h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-nice{
width: 100px;
height:100px;
float:left;
margin-left:50px;
margin-top:50px;
}
img.cadre-motorisation-logo-nice-img{
max-width:100%;
}		
/******************/
/*  fin page motorisations tablette */
/******************/



/******************/
/*  page karla tablette */
/******************/


/*cadre global*/
#cadre-produit-karla{
width:auto;
text-align:justify;
}

#cadre-karla-corps{
width: auto;

}

img.cadre-produit-karla-label-figure-photo{
	max-width:60%;
}



/**********************/
/*  fin page karla tablette */
/**********************/


/******************/
/*  page actualités tablette */
/******************/
/*cadre global*/
#page-actualite{
width:550px;
height:auto;
text-align:center;
margin:auto;
}

#page-actualite-long{
	width : 460px;
	height:225px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-1{
	width : 190px;
	height:225px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}
#page-actualite-1-droite{
	width : 190px;
	height:225px;
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-1-centre{
	width : 190px;
	height:225px;
	float:left;
	margin-left:155px;
	margin-right:155px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}
img.page-actualite-1-vitre{
	float:none;
max-width:100%;
padding-left:0px;
}
img.page-actualite-1-bonnesfetes{
	margin-top:0px;
float:none;
max-width:100%;
padding-left:0px;
}

#page-actualite-2{
	width : 190px;
	height:470px;
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-gauche{
	width : 190px;
	height:470px;
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-long h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#page-actualite-1 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-1-centre h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-2 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-gauche h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-gauche h3{
	font-size:0.8em;
	color:black;
	text-align:center;
	font-weight:normal;
}
#page-actualite-1 h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}

#page-actualite-1 p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-2 p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-long p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:center;
}
#page-actualite-1 h3{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:center;
}
#page-actualite-1 h4{
font-size:0.8em;
}
#page-actualite-1-centre h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-2 h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-suite{
	width:550px;
	height:auto;
	text-align:right;
	font-size:1em;
	margin-top:10px;
	margin-bottom:20px;
	
}

img.page-actualite-1-kline{
	
max-width:100%;
padding-left:0px;
}
img.page-actualite-1-kline-photo{
	
max-width:100%;
padding-left:0px;
}
/******************/
/*  fin actualités tablette */
/******************/

/********************************/
/*  page vidéo KLINE 1 tablette*/
/********************************/

 
 #page-video-kline{
width:auto;
height:auto;
text-align:center;
margin:0 auto;
}
/*droite*/
#page-video-kline-1{
	width : 520px;
	height:225px;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:0px;
	margin-top:30px;
	background-color:white;
	display: inline-block;
	float:none;
	
}
/*gauche*/
#page-video-kline-2{
	width : 520px;
	height:225px;
	display:block;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:0px;
	margin-top:30px;
	background-color:white;
	float:none;	
	display: inline-block;
}
#page-video-kline-3{
	width : 520px;
	height:225px;
	display:block;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:30px;
	margin-top:30px;
	background-color:white;
	float:none;	
	display: inline-block;
}
 
#page-video-kline-1 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;

} 
#page-video-kline-2 h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
} 
 /
#page-video-kline-1 h2{
		font-weight:normal;
	width:200px;
	font-size:0.9em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:left;


} 
#page-video-kline-2 h2{
		font-weight:normal;
	width:200px;
	font-size:0.9em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:left;
} 

			
 
#page-video-kline-suite{
	width:1100px;
	height:30px;
	text-align:center;
	font-size:1.3em;
	margin-top:20px;
	margin-bottom:20px;
	
}		
/********************************/
/*  FIN page vidéo KLINE 1 tablette */
/********************************/
 
  
 
/******************/
/*  page magasin vitré tablette */
/******************/


/*cadre global*/
#cadre-magasin-vitre{
width:auto;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-vitre-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
	float:none;
}

/*afficher une image centré*/
img.cadre-magasin-vitre-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
	float:none;
}


.cadre-magasin-vitre-texte{
margin-top:0px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
padding-top:15px;
	float:none;
}
P.cadre-magasin-vitre-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
	text-align:center;
	color:#5A5E6B;
	font-size:1.3em;

}
.cadre-magasin-vitre-texte-2{
margin-top:10px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
float:left;
}
P.cadre-magasin-vitre-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-magasin-vitre-tel{

}
 



.cadre-magasin-vitre-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-vitre-mail:hover{
color:blue;
}

.cadre-magasin-vitre-produit-lig1{
text-align: center; 
width:auto;
height:auto;
margin:auto;
margin-top:20px;	
margin-bottom:20px;	
float:left;
}


.cadre-magasin-vitre-produit-figure{
	display:inline-block;
	margin:0px;
	
}
.cadre-magasin-vitre-produit-figcaption{
	 color:BLACK;
	 	font-size:0.8em;
	
}

img.cadre-magasin-vitre-photo{
	max-width:60%;
}
/**********************/
/*  fin page magasin vitré tablette */
/**********************/
 
 
 
/******************/
/*  page magasin laval tablette */
/******************/


/*cadre global*/
#cadre-magasin-laval{
width:auto;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-laval-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
	float:none;
}

img.cadre-magasin-laval-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
	float:none;
}


.cadre-magasin-laval-texte{
margin-top:0px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
padding-top:15px;
	float:none;
}
P.cadre-magasin-laval-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
	text-align:center;
	color:#5A5E6B;
	font-size:1.3em;

}
.cadre-magasin-laval-texte-2{
margin-top:10px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
float:left;
}
P.cadre-magasin-laval-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:1em;
	font-family:Arial;

}
.cadre-magasin-laval-tel{

}
 



.cadre-magasin-laval-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-laval-mail:hover{
color:blue;
}

.cadre-magasin-laval-produit-lig1{
text-align: center; 
width:auto;
height:auto;
margin:auto;
margin-top:20px;	
margin-bottom:20px;	
float:left;
}


.cadre-magasin-laval-produit-figure{
	display:inline-block;
	margin:0px;
	
}
.cadre-magasin-laval-produit-figcaption{
	 color:BLACK;
	 	font-size:0.8em;
	
}

img.cadre-magasin-laval-photo{
	max-width:60%;
}
/**********************/
/*  fin page magasin laval tablette */
/**********************/
 

/***********************************************************************************/
/**                                    fin tablette                               **/
/***********************************************************************************/
}


/***********************************************************************************/
/**                             écran téléphone téléphone                         **/
/***********************************************************************************/

@media screen and (max-width:679px){
   body	{
		background-image:url("../image2017/m-fond-responsive.jpg");
		background-repeat:repeat-x;
		height:auto;
		width:auto;
		text-align:center;
	}
#fond-page{
		background-image:url("../image2017/m-fond-responsive-tel.jpg");
		background-repeat:repeat-x;
		height :auto;
		width: auto;
		text-align:center;
}
/***********************************/
/*           entête téléphone      */
/***********************************/
	
#entete-lf{
width:auto;
height:120px;
font-family:Arial;
font-size:0.80em;
margin:auto;
}

/* conteneur taille de l'image*/
/*
#logonx {
background-image:url("../image2017/Logoetligne.jpg");
	background-repeat:no-repeat;
	      background-size: 60%;
	height: 120px;
	width: 231px;
	text-align:left;
	float:left;
	margin-top:15px;
}
*/
#logonx {

	height: 105px;
	width: 180px;
	text-align:left;
	float:left;
	background-image:url("../image2017/logoetligne.jpg");
	background-repeat:no-repeat;
	     background-size: 65%;
		 margin-top:35px;
}
/* height et width permet de redimensionner l'image  */
/*magin-left margin-top permet de positionner*/
img.logonx-responsive{
	margin-top : 20.5px;
}

#baseline {
	display:none
}
/* height et width permet de redimensionner l'image  */
/*magin-left margin-top permet de positionner*/
img.logonx-responsive{
	margin-top: 20.5px;
	height: 50%;
}	
	
#baseline {
width:auto;
float:left;
margin-top:50px;
font-family:fantasy;
font-size:1.5em;
margin-left: 5px;

}

#cadre-logo-fab {
display:none;
}

#cadre-logo-qualibat {
display:none;
}

.portesouvertes {
position:absolute;
top: 3px;
left:490px;
}


#cadre-entete-gauche-rencontre{
	height:80px;
	width:150px;
	float:right;
	text-align:left;
	font-family:serif;
	font-weight:normal;
	font-size:11px;
	margin-top:20px;
}
#cadre-entete-gauche-fab{
	height:40px;
	width:150px;
	float:right;
}

img.cadre-logo-fab-dim{
	margin-top: 0px;
	max-width:60%
}
img.cadre-entete-bouton{
	max-width:20%
}

img.cadre-logo-facebook{
	margin-right:10px;
	margin-top:5px;
	max-width:35%
}

/***********************************/
/*         fin entête téléphone    */
/***********************************/


/***********************************/
/*     menu déroulant téléphone    */
/***********************************/
.menuderoulant {
float:left;
position:left;
top: 133px;
left:3px;
}

#cadre-menuderoulant{
width:auto;
height:500px;
font-family:Arial;
font-size:0.80em;
text-align:left;
margin:auto;
}

/*menu déroulant*/

#menu_h_4 {    /* ONGLETS ARRONDIS EN COULEURS */
	/*background-image: url("images/ar_plan_ci.gif");   /*  ajout JM */	

/*bea :police du menu */	
/*bea		font-size:13px;*/   /* taille de la police  ajout JM */
	font-family:arial; /* ajout JM */
	list-style:none;	
	margin-left:1px; /* 2px ajout JM un espace à gauche pour le premier onglet */
	margin-top:0px; 
	padding:1px 0 0 0;  
	/* padding:3px 0 0 0; */	
	/*text-align:center; 	/*text-align:left; alignment des ONGLETS A GAUCHE */	
text-align:left;	
}

		

 /* menu_h_4  code qui aligne les onglets du menus */ 
#menu_h_4 li{	
display:inline-block;
position:relative;
border-radius:8px 8px 0 0; 
}
/* menu_h_4   background des liens menus (ONGLETS)*/ 
#menu_h_4 li:first-child{
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);     /* pour Chrome, Safari*/ 
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%); 		/* W3C */	 	
}
#menu_h_4 li:nth-child(2){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
			/*margin-left: -5px; /* position horizontale de l'onglet  19.11.13 */					
}
#menu_h_4 li:nth-child(3){ /* ONGLET 3 et 7 */ 
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:nth-child(4){ /* Onglet  Télécharger */
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
		/*width:100px;  /* AJOUT 01.11.2014 */
}
#menu_h_4 li:nth-child(5){	
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);	
}
#menu_h_4 li:nth-child(6){
	background-color:#CE072E; 
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image: -webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}
#menu_h_4 li:last-child{  /* ONGLET 3 et 7 */ 		
	background-color: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
	background-image:-webkit-linear-gradient(top, #CE072E 0%, #CE072E 100%);
	background-image:linear-gradient(to bottom, #CE072E 0%, #CE072E 100%);
}	
/* fin  menu_h_4 background des liens menus  (ONGLETS)*/ 

#menu_h_4 li:hover > a {             
    display: block;  	/* modif 03.10.13*/
    color: #E1E1E1; 		/*#fafafa; couleur texte AU SURVOL des ONGLETS */ 
}
*html #menu_h_4 li a:hover { /* IE6 */
    color: #E1E1E1; 		 /*#fafafa;*/	
	
}

#menu_h_4 li:hover > ul {  
	/* background: grey ; /*  change la couleur du sous menu */
    display: block; 
	/* montré le menu */
}

/* menu_h_4 background des liens sous-menus */
#menu_h_4 li:first-child li{
	background:#CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2) li{ 		
	background: #CE072E; /*  #333A40; COULEUR DU SOUS MENU DE L'ONGLET 2 = FAQ*/
	/*padding: 2px;    /*  marges H D B G - */
	/*margin-left: -5px; /* position horizontale */	
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(3) li{
	background:#CE072E;   /*  #9F391A;  */
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	/*width:12em;*/
}
#menu_h_4 li:nth-child(4) li{/* si desactivé alors le background du sous menu Télécharger reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	opacity:0.9;
	filter:alpha(opacity=90);	
/*bea:taille sous menu*/
	width:7.61em;	
}
		
#menu_h_4 li:nth-child(5) li{
	background:#CE072E;  /*  #9F391A;  */ 
	opacity:0.9;
	filter:alpha(opacity=90);			
}
#menu_h_4 li:nth-child(6) li{ /* si desactivé alors le sous menu reprend toutes les couleurs des onglets	*/	
	background: #CE072E;
	margin-left: -1px; /* MODIF 01.11.2014  -4px position horizontale DU sous-menu 6 - PUG GRATUITE */	
/*bea	width: 8.7em;*//*  pour augmenter la largeur du sous menu N° 6 PUB GRATUITE */
	text-align:center;
}
#menu_h_4 li:last-child li{
	 background:#CE072E; /*  ONGLET 7*/		
	opacity:0.9;
	filter:alpha(opacity=90);	 
}

/* #menu_h_2  background des liens menus et sous menus au survol */
#menu_h_4 li:first-child:hover, #menu_h_4 li:first-child li:hover{
	background:  #CE072E;  
	opacity:0.9;
	filter:alpha(opacity=90);		
}
#menu_h_4 li:nth-child(2):hover, #menu_h_4 li:nth-child(2) li:hover{ 
	background:#CE072E;    /* #729EBF; couleur lors du survol de l'ONGLET 2 (FAQ)  et du sous-menu */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(3):hover, #menu_h_4 li:nth-child(3) li:hover{
	background: #CE072E;  /* couleur de l'ONGLET 3 (Ma région)   */
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(4):hover, #menu_h_4 li:nth-child(4) li:hover{
	background:  #CE072E;  /*  couleur lors du survol  de onglet 5 ( Télécharger) et du sous-menu  */
	opacity:0.9;

	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(5):hover, #menu_h_4 li:nth-child(5) li:hover{
	background:  #CE072E;  /*  couleur (verte) onglet 5 ( Mes prèfs.) lors du survol */  
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:nth-child(6):hover, #menu_h_4 li:nth-child(6) li:hover{
	background:  #CE072E;    /* #729EBF; couleur  du sous-menu/onglet 2 (FAQ) lors du survol */	
	opacity:0.9;
	filter:alpha(opacity=90);	
}
#menu_h_4 li:last-child:hover, #menu_h_4 li:last-child li:hover{
	background:#CE072E;  /*    */		 		
	opacity:0.9;
	filter:alpha(opacity=90);		
}

		
#menu_h_4 a {   /* #menu_h_2  les a href */
	/*border-bottom:solid 1px grey;  	/* GREY   #004772; /* ajout JM  7.11.14 crée le trait sur toute la longueur  du bloc*/ 
	text-decoration:none;
	display:block;
	padding:8px 6px;   /* marges H D B G   8px=hauteur   20px=largeur des onglets  */  
	color:#fff;       /* #fff; couleur du texte des onglets */ 
	/*bea : couleur de l'écriture du menu : blanc */
	font-family:arial;	
	/*BEA POLICE DU MENU*/
	font-size:8px;
	float:left;
}
#menu_h_4 ul a { /* blocks des sous-menuS et sous sous-menuS */	
	display: block; 
	/*float: none;*/
	height: auto;   
    /*line-height: 1;  /*height: 25px;*/
	/* 03.11.2014 suppr padding: 10px;   /* 10px;   */
    text-transform: none;
	margin-left:2px;  /* 2px position du texte des sous-menus ajout JM */
/*bea	font-size:13px;  */ /* 13px taille de la police  ajout JM */
	padding:8px 0;   /* marges H D B G   8px=hauteur boite du sous-menus 0px  */ 	
/*bea	width: 7.8em; *//*MODIF 01.11.2014  7.8em  102px  largeur du sous-menu 1-Thunderbird/Firefox ....*/
	float:none;
}

*html #menu_h_4 ul a { /* IE6 */
    height: 10px;
/*bea    width: 102px;*/
}
*:first-child+html #menu_h_4 ul a { /* IE7 */
    height: 10px;
 /*bea   width: 102px;*/
}
/* #menu_h_4  les a href */

#menu_h_4 li:hover ul { /* #menu_h_4  les a href */
	/*max-height:55em;  /* 55em augmente la hauteur du sous-menu  */ 
	padding: 0em;    /*  marges H D B G DES SOUS MENUS */
}

#menu_h_4 li:hover li a { /* #menu_h_4  les a href */
	color:#fff;  /*#fff; couleur (blanc) du texte des sous-menus */
	text-transform:inherit;  
}
	

/* Sous-menu bea*/
#menu_h_4 ul {
	border-radius:0px 0px 0px 0px;
	display: none;
	left: 0;
    list-style: none;
    margin: 0; 
	margin-left: 0px; /* position du bloc des sous-menu  20px;  JM*/
	margin-top: -4px;  /* -3px position verticale  = marge intérieure haute modif 01.11.2014 */	
	padding:0;	/*padding: 1px;    /* 0px marges interieures   modif 03.10.13 */
    position: absolute;
    top: 35px;     
/*bea:largeur sous menu*/	
/*bea	width: 120px; *//* 100px AJOUT 01.11.2014 */	
	z-index: 99999;      /* 99999;   */ 
}

#menu_h_4 ul li {    /*  sous-menu  ET sous sous-menus */  	 	

	border-radius:0 0 0 0;   /* ajout JM 21.10.2013 supprime arrondi des angles */
    /*float: none;*/    
    display: block;		
	margin: 0;
	padding: 0; /* marges interieures */
			/* remise en service 19.11.13 ralenti l'affichage hover */   
			/* transition: .1s all .3s;/* W3C transition: .18s all .3s;   */ 
			/*-moz-transition: .1s all .3s;   /*pour FF  8s all .3s;*/   
			/*-webkit-transition: .1s all .3s;  /* pour Chrome, Safari 8s all .3s;*/
}

#menu_h_4 ul li:hover{  /* menu_h_ 2 ul li:hover  couleur du fond du sous-menu au survol  */
	/*border-radius:0 0 0 0;  /* suppr arrondis des sous-menus AU SURVOL  */
}

#menu_h_4 ul li:first-child ul a:after, #menu_h_4 ul ul li:first-child a:after {  /* petit triangle  suprimé des sous sous-menus */
   display: none;	   
}	
	
/* Rétablissement du flottement */
#menu_h_4:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html #menu_h_4   { zoom: 1; } /* IE6 */
*:first-child+html #menu_h_4 { zoom: 1; } /* IE7 */

#menu_h_4 ul ul { /* ici je cible à la fois le SOUS MENU ET LE le sous sous-menu  */ 	
	/*background: background: #444; /* couleur de fond du SOUS-MENUS 1 -> en général est ouvert.... */	
	display: none;		
/*bea sous sous menu position et largeur  	*/
	margin-left:180px;  /*MODIF 01.11.2014   102  94px  position DES SOUS SOUS-MENUS 1  -> général est ouvert....*/
	margin-top: -37px; /* -37px   DES SOUS SOUS-MENUS 1 -> général est ouvert ....*/
/*bea	width: 422px;*//* 122px;    310  largeur DES SOUS SOUS-MENUS 1 -> général est ouvert.... */
	
	/*border-radius:0 0 10px 10px;  */		
}
#menu_h_4 ul ul ul { /* ajout JM menu3:Import-Export/Rédaction.....*/ 
	/*display: none;*/	
	/*border-radius:0 0 0px 0px;  */	
/*bea	margin-left: 122px; */ /*  122px  position du sous sous sous-menu 3 (Import-Export/Rédaction....)*/
	/*margin-top: -36px; */   
/*bea	width: 272px;	*/ /* 172px */
}
#menu_h_4 li:hover a {
	/*bea couleur du texte au survol du menu*/
	color:#E1E1E1;
}
#menu_h_4 li li:hover a {
	/*bea couleur du texte au survol du sous menu*/
	color:#e1e1e1;
}
#menu_h_4 li li li:hover a {
	/*bea couleur du texte au survol du sous sous menu*/
	color:white;
}
/***********************************/
/*     fin menu déroulant téléphone*/
/***********************************/


/***********************************/
/* cadre pied de page des produits téléphone*/
/***********************************/
#cadre-produits{
width:auto;
height:auto;
margin:auto;
float:left;
}

/* pied de page fenetres et porte*/
#pp-fenetre{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
#pp-fenetre-fond-gris{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: auto;
}
.pp-fenetre-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-fenetre-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-fenetre-responsive{
      width: 100px;
	  
}

.pp-fenetre-tit{
text-decoration:none;
font-family:fantasy;
font-size:0.7em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-fenetre-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:0.8em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-fenetre-pvc{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}

.pp-fenetre-alu{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
.pp-fenetre-vr{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}
/* fin  pied de page fenetres et porte*/

/*  pied de page porte de garage*/
#pp-pg{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: 0px;
float:left;
}
#pp-pg-fond-gris{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: 0px;
float:left;
}
#pp-pg-fond-gris{
width:150px;
height:auto;
font-family:Arial;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: 0px;
float:left;
}
.pp-pg-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-pg-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color: #CE072E;
}
.pp-pg-responsive{
      width: 100px;
	  
}

.pp-pg-tit{
text-decoration:none;
font-family:fantasy;
font-size:0.7em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-pg-tit-fond-gris{
text-decoration:none;
font-family:fantasy;
font-size:0.8em;
color:#CE072E;
text-align:right;
background-color: transparent;
text-decoration:underline;
}
.pp-pg-pgl{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}

.pp-pg-pgs{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:black;
vertical-align:center;
}

.pp-pg-vide{
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:center;
color:transparent;
vertical-align:center;
}
/* fin  pied de page porte de garage*/

/*  pied de page portail*/
#pp-portail{	
width:150px;
height:auto;
font-family:fantasy;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: 0px;
}
#pp-portail-fond-gris{	
width:150px;
height:auto;
font-family:fantasy;
font-size:0.80em;
margin-left: auto;
margin-right: 20px;
margin-top: 0px;
}

.pp-portail-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-portail-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-portail-responsive{
	
      width: 100px;
	  
}
.pp-portail-responsive img{ 

}
.pp-portail-tit{
text-decoration:none;
font-size:0.7em;
color:#CE072E;
background-color: none;
background-color:transparent;
font-family:fantasy;
text-decoration:underline;
}
.pp-portail-tit-fond-gris{
text-decoration:none;
font-size:0.8em;
color:#CE072E;
background-color: none;
background-color:transparent;
font-family:fantasy;
text-decoration:underline;
}
.pp-portail-portail{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
/* fin  pied de page portail*/

/* pied de page divers*/
#pp-divers{
width:150px;
height:auto;
font-family:fantasy;
font-size:0.80em;
float:left;
margin-left: 0px;
margin-right: auto;
margin-top: 0px;
}
#pp-divers-fond-gris{
width:150px;
height:auto;
font-family:fantasy;
font-size:0.80em;
float:left;
margin-left: 0px;
margin-right: auto;
margin-top: 0px;
}


.pp-divers-image {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-image-fond-gris {
      background-image:url("../image2017/pdt-cadre.jpg");
      background-repeat: no-repeat;
      background-size: 70%;
	  background-position: 46px 50px;
	width:300px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	background-color:#CE072E;
}
.pp-divers-responsive{
	
      width: 100px;
	  
}
.pp-divers-responsive img{ 

}
.pp-divers-tit{
text-decoration:none;
font-size:0.7em;
color:#CE072E;
background-color: none;
background-color:transparent;
font-family:fantasy;
text-decoration:underline;
}
.pp-divers-tit-fond-gris{
text-decoration:none;
font-size:0.8em;
color:#CE072E;
background-color: none;
background-color:transparent;
font-family:fantasy;
text-decoration:underline;
}
.pp-divers-banne{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}

.pp-divers-moteur{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
.pp-divers-gardecorp{
text-decoration:none;
font-size:0.7em;
text-align:center;
color:black;
font-family:Arial;
}
/* fin pied de page divers*/

/***************************************/
/* fin cadre pied de page des produits téléphone */
/***************************************/


/***************************************/
/*     cadre pied de page téléphone    */
/*conseil, accompagnement, savoir faire*/
/***************************************/

#bandeaugris-bas{
font-family:Arial;
margin:auto;
text-align:center;
background-color:white;
float:left;
}

#bandeaugris-bas th{

Font-Weight: Normal;
 padding-bottom:20px;
vertical-align:top;
 padding-top:20px;
height: 50px;
font-size:0.8em;
font-family:Arial;
text-align:center;
color:#CE072E;

}

td.bandeaugris-bas-ligne{
vertical-align:top;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:10px;
 padding-left:10px;
 font-size:0.7em;
 color:#black;
 text-align:justify;
 }
 
 td.bandeaugris-bas-ligne4{
	 display: none;
 }
 th.bandeaugris-bas-ligne4-th{
	 display:none;
 }
 
img.bandeaugris-bas-qualibat{
	 max-width:75%
 }
 
 
.bandeaugris-bas-video{
 font-size:0.7em;
 }
/***************************************/
/*   fin cadre pied de page téléphone  */
/*conseil, accompagnement, savoir faire*/
/***************************************/


/************************************/
/* page index accueil sur téléphone */
/************************************/

/*cadre global*/
 #cadre-accueil{
height:auto;
margin:auto;
text-align:center;
width:auto;
}

/*cadre avec image et coordonnée*/
#cadre-accueil-img-adr{
	text-align:center;
	width:auto;
	height:auto;
	margin-top:0px;


}
/*sous cadre image magasin de laval en haut*/
 #cadre-accueil-img{
width:165px;
height:auto;
margin-bottom:0px;
float:left;
margin:auto;

}
#cadre-accueil-img-vitre{
width:165px;
height:auto;
margin-bottom:0px;
float:right;
margin:auto;
}
img.cadre-accueil-image{
	max-width:100%;
}
img.cadre-accueil-image-vitre{
	max-width:100%;
}

/*sous cadre actualité sur le coté*/
#cadre-accueil-actualite-cadre{
width:auto;
height:auto;
float:left;
text-align:center;
margin-bottom:20px;
}

/*titre ACTUALITE */
.cadre-accueil-actualite-texte h1{
 color:black;
 font-size:1.5em;
 font-family:fantasy;
 margin-top:20px;
 margin-bottom:20px;
}
/*sous titre*/
.cadre-accueil-actualite-texte h2{
	font-weight:bold;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
/*texte*/
.cadre-accueil-actualite-texte h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
}
.cadre-accueil-actualite-texte-vitre h2{
	font-weight:bold;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	margin-top:80px;
}

.cadre-accueil-actualite-texte-vitre h3{
	font-weight:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
	margin-bottom: 30px;
}
img.cadre-accueil-porte-ouverte{
	margin-right: 0px;
	margin-top: 0px;
	height: auto;
	width: auto;
}

.cadre-accueil-actualite-texte{
 color:black;
 font-size:0.5 em;

 font-family:arial;
 text-align:center;
 top:0px;
 left:0px;

}
/*dans page acceuil cadre coordonnées*/
#cadre-accueil-adr{
font-family:Arial;
width:auto;
height:auto;
margin-top:20px;
margin-bottom:20px;
border:solid;
border-width:1px;
text-align:center;
}

#cadre-accueil-tab{

padding-top:20px;
padding-left:0px;
padding-right:0px;
text-align:center;
margin:auto;
font-size:12px;
}

#cadre-accueil-tab tr td{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:15px;
}
img.cadre-accueil-tel-logo{
top:0px;
left:0px;
color:#CE072E;
 }
.cadre-accueil-tel{
	color:#CE072E;
}
td.cadre-accueil-colonne-mail {
 
  width:auto;
}
 
img.cadre-accueil-lien-mail {
 width:auto;
 color:#CE072E;
 }
.cadre-accueil-lien-mail-contact {
display:none;
 }

.cadre-accueil-lien-mail-contact:hover{
 
color:black;
}

/****************************************/
/* fin page index accueil sur téléphone */
/****************************************/



/********************************/
/* page entreprise sur téléphone*/
/********************************/
#cadre-ent{
width:auto;
height:auto;
font-family:Arial;
font-size:0.80em;
text-align:left;
margin:auto;
}

#cadre-ent h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
}
#cadre-ent cadre-ent1{
	left:20px;
	color:black;
}
img.img-atelier {
height : auto; 
width : auto; 
margin-top:20px;
margin-left:0px;
max-width:100%;

}
/********************************/
/* fin page entreprise téléphone*/
/********************************/



/******************/
/*  page pvc nouvelle téléphone */
/******************/


/*cadre global*/
#cadre-pdt-pvc{
width:auto;
}

.cadre-pdt-pvc-image{		
	width:auto;
	margin:auto;
	text-align:center;
	float:none;
}

img.cadre-pdt-pvc-img1{
display:none;
}
img.cadre-pdt-pvc-img2{
display: block;
padding-right:0px;
text-align:center;
margin-left: auto;
margin-right: auto;

}

.cadre-pdt-pvc-texte{
width: auto;
}
.cadre-pdt-pvc-texte h1{
		font-size:1em;
}
.cadre-pdt-pvc-texte h2{
		font-size:0.8em;
}
P.cadre-pdt-pvc-texte {
		font-size:0.8em;
}


.cadre-pdt-pvc-logo1{
	float:left;
	margin-left:0px;
}
.cadre-pdt-pvc-logo2{
	display: block;
	margin-left:0px;
	float:right;
	margin-right:0px;
}

.cadre-pdt-pvc-entretien{
	display:block;
	margin-top:120px;
	float:none;
	margin-left:0px;
	font-size:1em;
}

.cadre-pdt-pvc-lig1{
text-align: center; 
width:auto;
margin:auto;	
float:none;
}

.cadre-pdt-pvc-figure{
	display:inline-block
	
}
.cadre-pdt-pvc-figcaption{
	 color:BLACK;
	 	font-size:0.6em;
}

img.cadre-pdt-pvc-photo{
	max-width:80%;
}


img.cadre-pdt-pvc-entretien-img{
display: block;
margin:auto;
max-width:40%;
margin-top:10px;
}

/**********************/
/*  fin page pvc nouvelle téléphone */
/**********************/
 

/***********************/
/*  page alu téléphone */
/***********************/


/*cadre global*/
#cadre-produit-alu{
	width:auto;
		text-align:center;
			font-size:0.8em;
}
.cadre-produit-alu-figure-1{
	display:none;
	
}

.cadre-produit-alu-figure-3{
	display:none;
	
}
img.cadre-produit-alu-figure-photo{
	max-width:100%;
}


.cadre-produit-alu-figcaption{
	color:#CE072E;
	font-size:0.8em;
	font-style:bold;
	font-family:Arial;
}


img.cadre-produit-alu-figure-photo-réalisation{
	margin-top:30px;
	margin-bottom:20px;
	margin-right:0px;
  	max-width:100%;
}
.cadre-produit-alu-figcaption-réalisation{
		margin-bottom:20px;
	
}
#cadre-alu-corps-1{
width: auto;

}


#cadre-alu-corps-2{
	text-align:left;
width: auto;
height:auto;
margin-bottom:40px;
float:none;
margin-right:0px;
text-align:justify;
}
#cadre-alu-corps-3{
	height:auto;
width: auto;
float:none;
text-align:center;
	height: auto;
	margin:auto;

}

.cadre-alu-texte{
text-align:left;
margin-bottom:20px;
text-align:justify;
}

#cadre-produit-alu-logo1-cadre2{

margin-bottom:40px;
}

img.cadre-produit-alu-logo1-img{
max-width:100%;
}
img.cadre-produit-alu-logo1-img-1{
max-width:40%;
}

img.cadre-pdt-alu-entretien-img{
max-width:40%;
}


/***************************/
/*  fin page alu téléphone */
/***************************/





/******************/
/*  page réalisation alu téléphone  */
/******************/

#réalisation-alu-cadre{
font-size:0.8em;
width:auto;

float:left;
margin-top:0px;
margin-bottom:20px;
background-color:white;

}



#réalisation-alu-cadre h1{
   	font-size:1em;
	margin-bottom:20px;

}

.réalisation-alu-figure-PAYSAGE {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	margin-bottom : 10px;

}
.réalisation-alu-figure-PORTRAIT {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;

}




/******************/
/*  fin page réalisation alu téléphone */
/******************/


/******************/
/*  page meo téléphone */
/******************/


/*cadre global*/
#cadre-produit-meo{
display: block;
width:auto;
text-align:justify;
margin:auto;
}

#cadre-meo-corps{
width:auto;
height: auto;
float:none;
}

.cadre-meo-texte{
font-size:0.8em;
}

.cadre-meo-texte h1{
	font-size:1em;
}	


#cadre-meo-corps-2{
width: auto;
height:auto;
float:none;
}

img.cadre-meo-img{

max-width:60%;
}

img.cadre-produit-meo-photo-figure-photo{

	max-width:40%;
	
}
.cadre-produit-meo-photo-figcaption{
	
	 	font-size:0.8em;
}

/**********************/
/*  fin page meo téléphone */
/**********************/


/******************/
/*  page réalisation portail téléphone  */
/******************/

#réalisation-portail-cadre{
font-size:0.8em;
width:auto;

float:left;
margin-top:0px;
margin-bottom:20px;

background-color:white;
}
#réalisation-portail-cadre h1{
   	font-size:1em;
	margin-bottom:20px;

}

.réalisation-portail-figure-PAYSAGE {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	margin-bottom : 10px;

}
.réalisation-portail-figure-PORTRAIT {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;

}

/******************/
/*  fin page réalisation portail téléphone */
/******************/






/***************************/
/*  page futurol téléphone */
/***************************/

/*cadre global*/
#cadre-produit-futurol{
width:auto;

}

#cadre-futurol-image{
	width:auto;
	margin:auto;
	float:none;
	text-align:center;
}

img.cadre-futurol-img{
	max-width:80%;
	display:black;
	padding-right:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}






.cadre-produit-futurol-vr{
width: auto;
}
.cadre-produit-futurol-vr h1{
		font-size:1em;
}

P.cadre-produit-futurol-vr {
		font-size:0.8em;
}



.cadre-produit-futurol-vr-avantages{
width: auto;
}
.cadre-produit-futurol-vr-avantages h1{
	font-size:1em;
 }
.cadre-produit-futurol-vr-avantages h2{

		font-style:normal;
	font-size:0.8em;

}
.cadre-produit-futurol-vr-avantages h3{
	font-weight: normal;
		font-style:normal;
	
	font-size:0.8em;
}
P.cadre-produit-futurol-vr-avantages{
	font-size:0.8em;
}




.cadre-pdt-futurol-logo1{
margin-left:0px;
float:left;
	text-align:center;
}
.cadre-pdt-futurol-logo2{
display:block;
float:right;
margin-left:0px;
margin-right:0px;
	text-align:center;
}


img.cadre-pdt-futurol-logo1{
	max-width:50%;
		font-size:0.8em;
}

img.cadre-pdt-futurol-logo2{
	max-width:29%;
		font-size:0.8em;
}

/*******************************/
/*  fin page futurol téléphone */
/*******************************/


/****************************/
/*  page guttomat téléphone */
/****************************/

/*cadre global*/
#cadre-produit-guttomat{
	display: block;
width:auto;
height:auto;
text-align:left;
margin:auto;
	text-align:center;

}

#cadre-guttomat-image{
	width:auto;
	height: auto;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
}

img.cadre-guttomat-img{
max-width:100%;

}



#cadre-produit-guttomat-vr{
width: auto;
height:auto;
float:left;
margin-left:0px;
	font-size:0.8em;
}
#cadre-produit-guttomat-moteur{
width: auto;
height:auto;
float:auto;
	font-size:0.8em;
}

.cadre-guttomat-texte{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}

#cadre-produit-guttomat-marantecnice-cadre{
	width: auto;
height:80px;
margin-top:0px;

}

#cadre-produit-guttomat-marantec-cadre{
width: auto;
height:auto;
margin-left:0px;
margin-top:5px;
}

img.cadre-produit-guttomat-marantec-img{
max-width:80%;

}
#cadre-produit-guttomat-nice-cadre{
width: auto;
height:auto;
margin-right:0px;
}

img.cadre-produit-guttomat-photo-figure-photo{
	max-width:50%;
		font-size:0.8em;
}

.cadre-produit-guttomat-photo-figcaption{

	 	font-size:0.8em;
}

#cadre-produit-guttomat-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
float:left;
	text-align:center;
		font-size:0.8em;
}
/********************************/
/*  fin page guttomat téléphone */
/********************************/




/****************************/
/*  page hormann téléphone */
/****************************/

/*cadre global*/
#cadre-produit-hormann{
	display: block;
width:auto;
height:auto;
text-align:left;
margin:auto;
	text-align:center;

}

img.cadre-hormann-img{
max-width:100%;
}



#cadre-produit-hormann-vr{
width: auto;
height:auto;
float:left;
margin-left:0px;
	font-size:0.8em;
}
#cadre-produit-hormann-moteur{
width: auto;
height:auto;
float:auto;
	font-size:0.8em;
}

.cadre-hormann-texte{
	color:black;
text-align:justify;
font-size:1em;
font-weight:normal;

}

#cadre-produit-hormann-marantecnice-cadre{
	width: auto;
height:80px;
margin-top:0px;

}

#cadre-produit-hormann-marantec-cadre{
width: auto;
height:auto;
margin-left:0px;
margin-top:5px;
}

img.cadre-produit-hormann-marantec-img{
max-width:80%;

}
#cadre-produit-hormann-nice-cadre{
width: auto;
height:auto;
margin-right:0px;
}

img.cadre-produit-hormann-photo-figure-photo{
	max-width:100%;
	font-size:0.8em;
}

.cadre-produit-hormann-photo-figcaption{

	 	font-size:0.8em;
}

#cadre-produit-hormann-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
float:left;
	text-align:center;
		font-size:0.8em;
}
/********************************/
/*  fin page hormann téléphone */
/********************************/


/****************************/
/*  page charuel téléphone */
/****************************/


/*cadre global*/
#cadre-produit-charuel{
width:auto;
height:auto;
text-align:justify;
margin:auto;
}

img.cadre-charuel-img{
		

max-width:100%;

}

#cadre-produit-charuel-vr{
width: auto;
height:auto;
float:left;
margin-left:0px;
}

#cadre-produit-charuel-moteur{
width: auto;
height:auto;
float:right;
text-align:justify;
}


.cadre-charuel-texte{
color:black;
text-align:justify;
font-size:0.8em;
font-weight:normal;
}

.cadre-charuel-texte h1{
	font-weight:normal;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}	
.cadre-charuel-texte h2{
	color:black;
text-align:justify;

font-weight:normal;
}


img.cadre-produit-charuel-nice-img{
display: block;
margin:auto;
max-width:20%;
margin-top:20px;

}


#cadre-produit-charuel-entretien{
font-size:0.8em;
}

img.cadre-produit-charuel-entretien-img{
max-width:40%;
}

img.cadre-produit-charuel-photo-figure-photo{
	max-width:100%;
}

.cadre-produit-charuel-photo-figcaption{
	 color:BLACK;
	 	font-size:0.7em;
}
#cadre-produit-charuel-pied{
margin-top:20px;
width: auto;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
float:left;
	text-align:center;
	font-size:0.8em;
}


/********************************/
/*  fin page charuel téléphone */
/********************************/


/******************/
/*  page batistore téléphone */
/******************/


/*cadre global*/
#cadre-produit-batistore{
width:350px;
height:auto;
text-align:left;
margin:auto;
}

.cadre-produit-batistore-image{		
	width:auto;
	height: auto;
	margin-top:10px;
	text-align:center;
	margin-bottom:00px;
	margin-left:0px;
}

img.cadre-batistore-img{
max-width:80%;
height:auto;
}


#cadre-batistore-texte{
width: 350px;
height:auto;
margin-left:0px;
margin-top:10px;

}

.cadre-batistore-tit{
	font-weight:normal;
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	text-decoration: underline;
}

.cadre-produit-batistore-texte{
color:black;
text-align:justify;
font-size:0.8em;
}

#cadre-produit-batistore-logo1-cadre{
width: 350px;
height:auto;
float:left;
margin-left:0px;
margin-top:20px;
margin-bottom:30px;
text-align:center;
}

/**********************/
/*  fin page batistore téléphone */
/**********************/





/******************/
/*  page motorisations téléphone */
/******************/



/*cadre global*/
#cadre-produit-motorisation{
width:350px;
height:auto;
text-align:left;
margin:0;
}
#cadre-produit-motorisation h1{
	font-size:1em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

#cadre-motorisation-texte-somfy{
width: 350px;
height:auto;
}

#cadre-motorisation-texte-somfy h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-somfy h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-somfy{
width: 350px;
height:auto;
float:left;
margin-left:5px;
margin-top:10px;
margin-bottom:20px;
}
img.cadre-motorisation-logo-somfy-img{
max-width:90%;
}

#cadre-motorisation-texte-buben{
width: 350px;
height:auto;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-buben h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
}
#cadre-motorisation-texte-buben h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-buben{
width: 350px;
height:auto;
margin-top:10px;
margin-bottom:20px;
}
img.cadre-motorisation-logo-buben-img{
max-width:50%;
}
#cadre-motorisation-texte-marantec{
width: 350px;
height:auto;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-marantec h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
	text-align:center;
}
#cadre-motorisation-texte-marantec h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
margin-bottom:0px;
}

#cadre-motorisation-logo-marantec{
width: 350px;
height:auto;
margin-top:0px;
margin-bottom:0px;
}
img.cadre-motorisation-logo-marantec-img{
max-width:90%;
}
#cadre-motorisation-texte-nice{
width: 350px;
height:auto;
float:left;
margin-left:0px;
margin-top:0px;
}

#cadre-motorisation-texte-nice h2{
/*gras*/
font-weight:normal;
font-size:1em;
color:#CE072E;
text-align:center;
margin-top:0px;
}
#cadre-motorisation-texte-nice h3{
/*gras*/
font-weight:normal;
margin-left:0px;
font-size:0.8em;
color:black;
text-align:justify;
}

#cadre-motorisation-logo-nice{
width: 350px;
height:auto;
margin-top:10px;
margin-bottom:30px;
}
img.cadre-motorisation-logo-nice-img{
max-width:100%;
}		

/******************/
/*  fin page motorisations téléphone */
/******************/


/******************/
/*  page karla téléphone */
/******************/

/*cadre global*/
#cadre-produit-karla{
display: block;
width:auto;
text-align:justify;
margin:auto;
}

#cadre-karla-corps{
width: auto;
}

.cadre-karla-texte{
font-size:0.8em;
}

.cadre-karla-texte h1{
	font-size:1em;
}	

img.cadre-produit-karla-label-figure-photo{
	max-width:60%;
}

.cadre-produit-karla-label-figure{
	margin-bottom:20px;
	
}




img.cadre-produit-karla-photo-figure-photo{
	max-width:100%;
	font-size:0.8em;
}

.cadre-produit-karla-photo-figcaption{
 	font-size:1em;
}


/**********************/
/*  fin page karla téléphone */
/**********************/

/******************/
/*  page réalisation karla téléphone  */
/******************/

#réalisation-karla-cadre{
	display: block;
font-size:0.8em;
width:auto;

float:left;
margin-top:0px;
margin-bottom:20px;
background-color:white;


}
#réalisation-karla-cadre h1{
   	font-size:1em;
	margin-bottom:20px;

}

.réalisation-karla-figure-PAYSAGE {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;
	margin-bottom : 10px;

}
.réalisation-karla-figure-PORTRAIT {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    padding: 4px;
    border: 1px solid #cfcfcf;

}

/******************/
/*  fin page réalisation karla téléphone  */
/******************/


/******************/
/*  page actualités téléphone */
/******************/
/*cadre global*/
#page-actualite{
width:auto;
height:auto;
text-align:center;
margin:auto;
}
#page-actualite-long{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
	text-align:center;	
	
}

#page-actualite-1{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
	text-align:center;	
	
}
#page-actualite-1 p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-2 p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}

#page-actualite-1-droite{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
		
	
}

#page-actualite-1-centre{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
		padding-left:20px;
		padding-right:20px;
	text-align:center;	
	
}
img.page-actualite-1-vitre{
	float:none;
max-width:100%;
padding-left:0px;
}
img.page-actualite-1-bonnesfetes{
	margin-bottom:15px;
float:none;
max-width:80%;
padding-left:0px;
}

img.page-actualite-1-charuel{
	float:right;
max-width:50%;
padding-left:20px;
}

#page-actualite-2{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
	padding-left:20px;
	padding-right:20px;
}

#page-actualite-gauche{
	width : 250px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:white;
	padding-left:20px;
	padding-right:20px;
	text-align:center;	
	
}

#page-actualite-long h1{
	font-size:0.8em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-1 h1{
	font-size:0.8em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-1-centre h1{
	font-size:0.8em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}
#page-actualite-2 h1{
	font-size:0.8em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}


#page-actualite-gauche h3{
	font-weight:none;
	font-style:normal;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:center;
}

#page-actualite-1 h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-long p{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:center;
}
#page-actualite-1 h3{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:center;
}
#page-actualite-1 h4{
font-size:0.8em;
}
#page-actualite-1-centre h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-2 h2{
font-weight:normal;
font-size:0.8em;
color:black;
text-align:justify;
}
#page-actualite-suite{
	width:250px;
	height:auto;
	text-align:right;
	font-size:0.8em;
	margin-top:10px;
	margin-bottom:20px;
	
}
#page-actualite-gauche h1{
	font-size:0.8em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
}

img.page-actualite-1-kline{
	
max-width:100%;
padding-left:0px;
}
img.page-actualite-1-kline-photo{
	
max-width:100%;
padding-left:0px;
}

/******************/
/*  fin actualités téléphone */
/******************/



/****************************/
/*  page  contact téléphone */
/****************************/


#cadre-contact-info{
width:auto;
height:auto;
font-family:Arial;
font-size:0.8em;
text-align:left;
margin:auto;
}
#cadre-contact-info-2{
width:auto;
height:auto;
font-family:Arial;
font-size:1em;
text-align:left;
color:#CE072E;
margin-top:20px;

}

.cadre-contact-titre{
	width:250px;
	height:auto;
	margin-left:0px;
	float:none;


}
.cadre-contact-input1-civilite{

	width:250px;
	height:auto;
	margin-left:0px;
	float:none;

}
.cadre-contact-input2-civilite{
	width:250px;
	height:auto;
	margin:auto;
}
.cadre-contact-input1-nom{
margin-left: 18px;
}
.cadre-contact-input1-email{
margin-left: 58px;
}
.cadre-contact-input1-rue{
margin-left: 79px;
}
.cadre-contact-input1-cp{
margin-left: 34px;
}
.cadre-contact-input1-ville{
margin-left: 59px;
}
.cadre-contact-input1-tel{
margin-left: 36px;
}

.cadre-contact-input1-message{
	width:623px;
height:10px;
margin-left: 0px;
margin-bottom:50px;
}
.cadre-contact-input1-envoye{
	width:623px;
height:100px;	
margin-left: 116px;
margin-top:60px;
}
#cadre-contact-bloc{
width:623px;
height:auto;
margin-bottom: 10px;
}
#cadre-contact-bloc-message{
	width:623px;
height:10px;
margin-bottom: 10px;
}
#cadre-contact-bloc-input-message{
	width:623px;
height:10px;
margin-bottom: 10px;
}
.cadre-contact-titre-message{
	
width:1100px;
height:10px;
margin-bottom: 10px;
float:left;


}

/********************************/
/*  fin page  contact téléphone*/
/********************************/
 

/********************************/
/*  page vidéo KLINE 1 téléphone*/
/********************************/

 
 #page-video-kline{
width:auto;
height:auto;
text-align:center;
margin:0 auto;
}
/*droite*/
#page-video-kline-1{
	width : auto;
	height:auto;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:0px;
	margin-top:30px;
	background-color:white;
	float:none;	
	display: inline-block;
	text-align:center;
}

#page-video-kline-2{
	width : auto;
	height:auto;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:0px;
	margin-top:30px;
	background-color:white;
	float:none;	
	display: inline-block;

}
#page-video-kline-3{
	width : auto;
	height:auto;
	margin-left:0 auto;
	margin-right:0 auto;
	margin-bottom:30px;
	margin-top:30px;
	background-color:white;
	float:none;	
	display: inline-block;

}
 
#page-video-kline-1 h1{
	font-size:0.75em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	padding-right:10px;

} 
#page-video-kline-2 h1{
	font-size:0.75em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	padding-right:10px;
} 
 #page-video-kline-3 h1{
	font-size:0.75em;
	color:#CE072E;
	font-family:Arial;
	text-align:center;
	padding-right:10px;
} 
#page-video-kline-1 h2{
	font-weight:normal;
	width:auto;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:none;
	padding-right:10px;


} 
#page-video-kline-2 h2{
	font-weight:normal;
	width:auto;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:none;
	padding-right:10px;

} 
#page-video-kline-3 h2{
	font-weight:normal;
	width:auto;
	font-size:0.8em;
	color:black;
	font-family:Arial;
	text-align:justify;
	float:none;
	padding-right:10px;

} 
	
	
 
#page-video-kline-suite{
	width:auto;
	height:auto;
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
	margin-bottom:20px;
	
}	
img.page-video-kline-ep1{
		max-width:50%;
		padding-bottom:20px;
}	
img.page-video-kline-ep2{
		max-width:50%;
		padding-bottom:20px;
}
img.page-video-kline-ep3{
		max-width:50%;
		padding-bottom:20px;
}
img.page-video-kline-ep4{
		max-width:50%;
		padding-bottom:20px;
}

/********************************/
/*  FIN page vidéo KLINE 1 téléphone */
/********************************/
 
 
/******************/
/*  page magasin vitré téléphone */
/******************/


/*cadre global*/
#cadre-magasin-vitre{
width:auto;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-vitre-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
	float:none;
}

img.cadre-magasin-vitre-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:80%;
	float:none;
}


.cadre-magasin-vitre-texte{
margin-top:0px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
padding-top:15px;
	float:none;
}
P.cadre-magasin-vitre-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
	text-align:center;
	color:#5A5E6B;
	font-size:1em;

}
.cadre-magasin-vitre-texte-2{
margin-top:10px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
float:left;
}
P.cadre-magasin-vitre-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:0.8em;
	font-family:Arial;

}
.cadre-magasin-vitre-tel{

}
 



.cadre-magasin-vitre-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-vitre-mail:hover{
color:blue;
}

.cadre-magasin-vitre-produit-lig1{
text-align: center; 
width:auto;
height:auto;
margin:auto;
margin-top:20px;	
margin-bottom:20px;	
}


.cadre-magasin-vitre-produit-figure{
	display:inline-block;
    margin-top: 1em; 
    margin-bottom: 1em; 
    margin-left: 0px; 
    margin-right: 0px;
}
.cadre-magasin-vitre-produit-figcaption{
	color:BLACK;
	font-size:0.8em;
}
 
img.cadre-magasin-vitre-photo{
	max-width:40%;
}
/******************/
/* fin page magasin vitré téléphone */
/******************/


 
/******************/
/*  page magasin laval téléphone */
/******************/


/*cadre global*/
#cadre-magasin-laval{
width:auto;
height:auto;
text-align:center;
margin:auto;
}

.cadre-magasin-laval-image{		
	width:auto;
	height: auto;
	margin:auto;
	text-align:center;
	float:none;
}

img.cadre-magasin-laval-img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:80%;
	float:none;
}


.cadre-magasin-laval-texte{
margin-top:0px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
padding-top:15px;
	float:none;
}
P.cadre-magasin-laval-texte {
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
	text-align:center;
	color:#5A5E6B;
	font-size:1em;

}
.cadre-magasin-laval-texte-2{
margin-top:10px;
width: auto;
height:auto;
margin-left:0px;
text-align:center;
float:left;
}
P.cadre-magasin-laval-texte-2 {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	color:black;
	font-size:0.8em;
	font-family:Arial;

}
.cadre-magasin-laval-tel{

}
 



.cadre-magasin-laval-mail{
  text-decoration:none; 

 color:#CE072E;

 }

.cadre-magasin-laval-mail:hover{
color:blue;
}

.cadre-magasin-laval-produit-lig1{
text-align: center; 
width:auto;
height:auto;
margin:auto;
margin-top:20px;	
margin-bottom:20px;	
}


.cadre-magasin-laval-produit-figure{
	display:inline-block;
    margin-top: 1em; 
    margin-bottom: 1em; 
    margin-left: 0px; 
    margin-right: 0px;
}
.cadre-magasin-laval-produit-figcaption{
	color:BLACK;
	font-size:0.8em;
}
 
img.cadre-magasin-laval-photo{
	max-width:80%;
}
/******************/
/* fin  page magasin laval téléphone */
/******************/







 
 

















.porteouverte {
position:absolute;
top: 163px;
left:450px;
font-family:Arial;
background-color:yellow;
width: 727px;
height:25px;
text-align:center;
border-style:solid;
border-width:1px;
}

.video-titre1{
position: absolute;
text-decoration:none;
font-size:1em;
vertical-align:top;
font-family:Arial;
text-align:justify;
top: 1450px;
left:610px;
color:#CE072E;
}
.video-texte1{
position: absolute;
text-decoration:none;
font-size:1em;
vertical-align:top;
font-family:Arial;
text-align:justify;
top: 1500px;
left:595px;
color:black;
}



.lfkline{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
top: 310px;
left:815px;
color:#CE072E;
text-align:justify;
}


.stephane-thebaut{
position: absolute;
text-decoration:none;
font-size:0.80em;
vertical-align:top;
font-family:Arial;
text-valign:top;
top: 200px;
left:90px;
color:#CE072E;
text-align:justify;
}

.conseil{
position: absolute;
text-decoration:none;
font-size:1em;
vertical-align:top;
font-family:Arial;
top: 1350px;
left:15px;
color:#CE072E;
text-align:justify;
}


.conseil1{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
color:#CE072E;
}

.conseil2{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
color:black
}

.accompagnement{
position: absolute;
text-decoration:none;
font-size:1em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 1510px;
left:15px;
color:#CE072E;
}


.accompagnement1{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:center;
color:#CE072E;
}

.accompagnement2{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:justify;
color:black;
}

.savoirfaire{
position: absolute;
text-decoration:none;
font-size:1em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 1670px;
left:15px;
color:#CE072E;
}


.savoirfaire1{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:center;
color:#CE072E;
}

.savoirfaire2{
font-size:1em;
vertical-align:top;
font-family:Arial;
vertical-align:top;
text-align:justify;
color:black
}


.actualite-cadre{
 color:black;
 font-size:0.7em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:230px;left:750px;
}


.actualite-texte{
 color:black;
 font-size:0.7em;
 position: absolute;
 font-family:arial;
 text-align:center;
 top:340px;left:755px;
 width:200px;
height:80px;
}

.laval{
 color:black;
 font-size:0.8em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:620px;left:40px;
}

.vitre{
 color:black;
 font-size:0.8em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:620px;left:425px;
}

.telephone-laval{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top:730px;
left:95px;
color:#CE072E;
 }
 
 .telephone-laval-num{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top: 730px;
left:125px;
color:#CE072E;
 }
 
 .telephone-vitre{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top:730px;
left:495px;
color:#CE072E;
 }
 
 .telephone-vitre-num{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top:730px;
left:525px;
color:#CE072E;
 }
.accueil-lien-mail-lettre{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top: 730px;
left:325px;
color:#CE072E;
 }

 a.accueil-lien-mail {
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top: 730px;
left:355px;
color:#CE072E;
 }

a.accueil-lien-mail:hover{
 position: absolute; 
text-decoration:none;
font-size:0.8em;
font-family:Arial;
text-align:left;
top: 730px;
left:600px;
color:black;
}


/**

.textecadre-tab1nx{
position: absolute;
text-decoration:none;
font-size:0.70em;
vertical-align:top;
font-family:Arial;
text-align:justify;
text-valign:top;
top: 5640px;
left:170px;
color:#CE072E;
}

.textecadre-tab1-white{
color:white;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-tab1-black{
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-tab1-#CE072E{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col1{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col1{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}
.textecadre-col2 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}
.textecadre-col3{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col4 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.textecadre-col5{
font-size:0.68em;
vertical-align:top;
font-family:Arial;
color:#CE072E;
}

.textecadre-col6 {
color:black;
vertical-align:top;
text-align:justify;
font-size:0.68em;
}

.cadre2 {
position:absolute;
font-size:1.5em;
text-align:left;
top: 400px;
left:20px;
width: 100px;
height:100px;
}
.textecadre-tab2{
position: absolute;
text-decoration:none;
font-size:0.6em;
text-align:justify;
font-family:Arial;
text-align:left;
top: 420px;
left:40px;
color:white;
}

a.txt-lien{
color:white;
}
a.txt-lien:hover{
color:black;
background-color:white;
}

.cadrerouge{
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 180px;
left:464px;
color:white;
}

.cadrerougenx{
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 190px;
left:450px;
color:white;
}

**/

/**
.accueil-info{
position: absolute;
font-family:Arial;
font-size:0.60em;
font-weight:bold;
text-align:center;
top: 220px;
left:470px;
width: 380px;
height:380px;
}

.accueil-infonx{
position: absolute;
font-family:Arial;
font-size:0.60em;
font-weight:bold;
text-align:center;
top: 220px;
left:320px;
width: 380px;
height:380px;
}
**/

/**
a.produit{
position: absolute; 
text-decoration:none;
text-align:left;
color:black;
}

a.produit:hover{
color:white;
}

.produit-tableau1{
position: absolute;
text-decoration:none;
font-size:0.60em;
text-align:justify;
top: 230px;
left:470px;
color:black;
}

.produit-titre1{
text-decoration:none;
font-family:Arial;
text-align:center;
font-size:0.9em;
color:#CE072E;
}


.produit-tableau2{
position: absolute;
text-decoration:none;
font-size:0.60em;
text-align:left;
top: 230px;
left:800px;
color:black;
}



a.produit-txt-lien{
color:BLACK;
}
a.produit-txt-lien:hover{
color:white;
}
**/


.alu-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 345px;
left:850px;
color:#CE072E;
width: 10%;
height:10%;
}
.kline-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 720px;
left:250px;
color:#CE072E;
}

.futurol-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 380px;
left:505px;
color:#CE072E;
}

.somfy-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 510px;
left:505px;
color:#CE072E;
}

.futurol-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 305px;
left:890px;
color:#CE072E;
width: 5%;
height:5%;
}

.guttomat-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 335px;
left:455px;
color:#CE072E;
}

.guttomat-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 360px;
left:830px;
color:#CE072E;
}

.guttomat-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:570px;
color:#CE072E;
}

.hormann-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 345px;
left:455px;
color:#CE072E;
}

.hormann-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 350px;
left:830px;
color:#CE072E;
}

.hormann-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:630px;
color:#CE072E;
}

.charuel-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 335px;
left:455px;
color:#CE072E;
}

.nice-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 330px;
left:830px;
color:#CE072E;
}

.charuel-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:550px;
color:#CE072E;
}

.batistore-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 430px;
left:505px;
color:#CE072E;
}

.batistore-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 300px;
left:860px;
color:#CE072E;
width: 5%;
height:5%;
}

.motorisation-somfy-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 290px;
left:830px;
color:#CE072E;
}

.motorisation-marantec-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 400px;
left:830px;
color:#CE072E;
}

.motorisation-nice-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 510px;
left:950px;
color:#CE072E;
}

.bugal-logo{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 430px;
left:505px;
color:#CE072E;
}
.bugal-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 270px;
left:835px;
color:#CE072E;
}


.pvc-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 200px;
left:360px;
color:#CE072E;
}

.pvc1-img{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 200px;
left:90px;
color:#CE072E;
}

.kbe-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 770px;
left:195px;
color:#CE072E;
}

.profine-logo{
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 770px;
left:405px;
color:#CE072E;
}


a.pvc-entretien {
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:0.70em;
text-align:left;
top: 720px;
left:495px;
color:black;
}
a.pvc-entretien:hover {
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.7em;
text-align:left;
top:720;
left:490px;
color:silver;
}

a.alu-entretien {
position: absolute;
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top: 660px;
left:430px;
color:black;
}
a.alu-entretien:hover {
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top:660;
left:430px;
color:silver;
}


.noussituer-plan {
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 245px;
left:815px;
width: 1000px;
height:800px;
}

.lamayenne {
position: absolute;
font-family:Arial;
font-size:0.50em;
text-align:left;
top: 320px;
left:470px;
width: 1000px;
height:800px;
}

.contact-info{
position: absolute;
font-family:Arial;
font-size:2em;
text-align:left;
top: 180px;
left:58px;
width: 1700px;
height:800px;
}
.contact-info-2{
position: absolute;
font-family:Arial;
font-size:2em;
font-weight:bold;
text-align:left;
top: 30px;
left:-50px;
width: 1500px;
height:40px;
}




a.menu2 {
text-decoration:none;
color:black;
text-align:left;
}

a.menu2:hover {
text-decoration:none;
color:white;
text-align:left;
font-size:1em;
}


.info{
position:absolute;
top: 125px;
left:250px;
background-color:#c0c0c0;
width: 1500px;
height:500px;
}

.info-titre-nousrencontrer{
position:absolute;
top : 20px;
left:50px;
color:black;
font-style:bold;
font-size:1.5em;
text-align:left;
}

.info-titre-nouscontacter{
position:absolute;
top : 300px;
left:50px;
color:black;
font-style:bold;
font-size:1.5em;
text-align:left;
}

.info-titre-magasin{
position:absolute;
top : 75px;
left:50px;
color:#c0c0c0;
width: 1000px;
height:300px;
text-align:left;
}

.info-titre-adr{
position:absolute;
top : 75px;
left:425px;
color:black;
}

.info-titre-heure{
position:absolute;
top : 170px;
left:400px;
color:white;
background-color:black;
width: 200px;
height:75px;
text-align:center;
}

.info-titre-tel-mail{
position:absolute;
top : 350px;
left:100px;
color:black;
text-align:left;
}


a.entretienportail{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 503px;
left:900px;
color:black;
}

a.entretienportail:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 563x;
left:873px;
color:#CE072E;
}

a.entretienmenuiseries-pvc{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top: 573px;
left:878px;
color:white;
}

a.entretienmenuiseries-pvc:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:1em;
text-align:left;
top: 573x;
left:878px;
color:silver;
}

a.entretienmenuiseries-alu{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 573px;
left:870px;
color:white;
}

a.entretienmenuiseries-alu:hover{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:0.65em;
text-align:left;
top: 573x;
left:870px;
color:silver;
}

.essai{
position: absolute; 
text-decoration:none;
font-family:Arial;
font-size:5em;
text-align:left;
top: 1500px;
left:0px;
color:black;
}


.arriereplangauche {
 position:absolute;
 top:0px;
 left:0px;
 }

 .pubcharuel-index {
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 450px;
left:930px;
color:#CE072E;
 }
 .pubcharuel-charuel{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 400px;
left:450px;
color:#CE072E;
}
 .portesouvertes-index{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 220px;
left:870px;
color:#CE072E;
}


.accueil-img-magasinnx{
position: absolute;
font-family:Arial;
font-size:0.70em;
text-align:center;
top: 250px;
left:40px;
color:#CE072E;
}

 .adr-titre{
 color:#CE072E;
 font-size:1.5em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:230px;left:70px;
 width:500px;
 height:380px;
 }
 .adr{
 color:black;
 font-size:1.5em;
 position: absolute;
 font-family:Arial;
 text-align:center;
 top:265px;
 left:70px;
 width:500px;
 height:380px;
 }
 .horaire{
color:black;
font-size:1.5em;
position: absolute;
font-family:Arial;
text-align:center;
top:350px;
left:70px;
width:500px;
height:80px;
}
.telephone1{
color:#CE072E;
font-size:1.5em;
position: absolute;
font-family:Arial;
text-align:center;
top:415px;
left:70px;
width:500px;
height:80px;
}
.telephone2{
color:black;
font-size:1.5em;
position: absolute;
font-family:Arial;
text-align:center;
top:450px;
left:70px;
width:500px;
height:80px;
}
.rencontre1{
color:#CE072E;
font-size:1.5em;
position: absolute;
font-family:Arial;
text-align:center;
top:520px;
left:70px;
width:500px;
height:380px;
}
.rencontre2{
color:black;
font-size:1.5em;
position: absolute;
font-family:Arial;
text-align:left;
top:540px;
left:40px;
width:1000px;
height:700px;
}
input.envoyer{
width:150px;
height:40px;
font-size : 25px;
}
input.nom{
width:580px;
height:60px;
font-size : 30px;
}
input.cp{
width:203px;
height:60px;
font-size : 30px;
}
}
/***********************************************************************************/
/**                           fin écran téléphone portable                        **/
/***********************************************************************************/