@charset "utf-8";
/* CSS Document */


body /*Ensemble de la page */
{
	width:99%; /*On met 1% de marge tout autour de la page pour pas que sa soie coller au navigateur*/
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	background-color: #52C260;
}
/******************************************************** MENU GAUCHE *************************************************************************************************/
#menu_gauche /*Menu de navigation a gauche */
{
   float: left; /*le menu flotte a gauche (forcer a rester a gauche) */
   width: 110px; /*Largeur du menu de gauche 110 pixeles*/
   height:auto; /*Hauteur du menu */
   border:outset; /*On applique une bordure recouvrante*/
   text-align:center; /*On centre le texte*/
   border-color:#CCC;
}

#menu_gauche img /*toutes les images du menu gauche et du menu haut*/
{
	display: block; /*modification de la balise en block*/
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	border:none; /*on force les images a ne pas avoir de bordures*/
}
.menu_haut , /*toutes les images du menu gauche et du menu haut*/
{
	display: block; /*modification de la balise en block*/
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	border:none; /*on force les images a ne pas avoir de bordures*/
}

.p_menu /*Paragraphe du menu (Nos prestations, Nos travaux etc...), */
{
	font-weight:bold; /*Ecrire en gras*/
	font-family:"Comic Sans MS", cursive; /* Police Comic sans Ms remplacement possible */
	text-align:center; /*On aligne le texte*/
	font-size:18px;
}
/********************************************************* LIENS ***************************************************************************/
.p_menu a, #menu_gauche a, table a /*Les lien du menu gauche sont identique que la police du menu*/
{
	font-weight:bold; /*Ecrire en gras*/
	font-family:"Comic Sans MS", cursive; /* Police Comic sans Ms remplacement possible */
	text-align:center; /*On aligne le texte*/
	color:#000; /*Couleur des lien Noir*/
	text-decoration:none;	/*on force le non soulignage*/
}

.p_menu a:hover, #menu_gauche a:hover, table a:hover /*Les lien du menu gauche et du menu haut survoler */
{
	font-weight:bold; /*Ecrire en gras*/
	font-family:"Comic Sans MS", cursive; /* Police Comic sans Ms remplacement possible */
	text-align:center; /*On aligne le texte*/
	color:#000000; /*Couleur des lien Noir*/
	text-decoration:underline; /*Souliegner quant survoler*/
		
}

.p_corps a
{
text-decoration:none;
color:black;
}

.p_corps a:hover
{
text-decoration:underline;
color:white;
}


	
/**************************************************** Corps (principal) **********************************************************************************************/

/** Menu du haut des préstations et des produits (Dépannage,Sécurité,construction,Dépannage)**/
.table /*Tableau */
{
	width:90%; /*On met 1% de marge tout autour de la page pour pas que sa soie coller au navigateur*/
    margin-left:auto; /*on centre l'ensemble automatiquement*/
    margin-right:auto; /*on centre l'ensemble automatiquement*/
    border:solid; /*Bordure de type Solid*/
    border-width:0px; /*Epaisseur 1mm*/
    border-color:#000000; /*Couleur des bodure noire*/
    border-collapse:collapse; /*Bordure interne du tableau*/
    vertical-align:bottom;/*alligner le texte en bas dans la cellule*/
    Table-Layout: Fixed; /*Toutes les colonnes ont la même largeur*/
}
.img_prestation
{
	vertical-align:text-bottom;
}
.table img /*toutes les images du menu gauche et du menu haut*/
{
	display: block; /*modification de la balise en block*/
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	border:none; /*on force les images a ne pas avoir de bordures*/
}


#corps /* Corps principal du site*/
{  

   	width:85%; /*On met 1% de marge tout autour de la page pour pas que sa soie coller au navigateur*/
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
   margin-left: 115px; /*Marge de 135 pixeles a gauche pour eviter que le corps ne passe sous le menu */
   margin-bottom: 20px; /* Marge exterieur en dessous pour eviter que le menu du bas ne chevauche celui la */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-top:5px;/*Marge interne en haut de 5 pixeles sur le corps principal*/
   text-align:center;/*On centre le texte*/
   font-family:Georgia, "Times New Roman", Times, serif; /*Police de tout le coprs Georgia */
}

.p_corps /*Classe des paragraphe dans le corps*/
{
width:95%; /*On leur donne une largeur de 95% de l'espace disponible*/
margin-left:40px; /*on centre l'ensemble automatiquement*/
margin-right:auto; /*on centre l'ensemble automatiquement*/
line-height:1.5; /*Interligne des paragraphe de 1.5*/
text-align:left;
margin-top:80px;
font-size:16px;
text-align:justify;
}
.p_corps_trouver /*Classe des paragraphes de la pages ou nous trouver  */
{
width:95%; /*On leur donne une largeur de 95% de l'espace disponible*/
margin-left:auto; /*on centre l'ensemble automatiquement*/
margin-right:auto; /*on centre l'ensemble automatiquement*/
line-height:2; /*Interligne des paragraphe de 1.5*/
text-align:center;
margin-top:20px;	
font-size:16px;
}
.p_titre_formulaire_contact /* titre du formulaire de contact */
{
width:95%; /*On leur donne une largeur de 95% de l'espace disponible*/
margin-left:auto; /*on centre l'ensemble automatiquement*/
margin-right:auto; /*on centre l'ensemble automatiquement*/
line-height:2; /*Interligne des paragraphe de 2*/
text-align:center;
margin-top:40px;	
}

.titre_menu /* Titre dans les page Ou nous trouver ou nous contacter ou nos partenaire */
{
	text-align:center;
	font-weight:bold; /* Titre en gras */
	text-decoration:underline; /* Souligne le titre*/
	font-size:20px;
}

#corps h1 /*Titre du corps H1 (acceuil)*/
{
text-decoration:underline; /*On le souligne */
font-weight:bold; /*On le mets en gras*/
}
#image_prestation
{

}

/*********************************************************************Contact************************************************************/
.from_contact
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
fieldset
{text-align:left;
}

label.contact
{
	display:block;
}

input[required].contact
{
	border-right:8px;
	border-right-style:solid;
	border-right-color:#FF8000; /*Orange*/
}
input:invalid.contact
{
	border-right:8px;
	border-right-style:solid;
	border-right-color:#F00; /*Rouge*/
}
input:valid.contact
{
	border-right:8px;
	border-right-style:solid;
	border-right-color:#0F0; /*Vert*/
}

/****************************************************************Catalogue****************************************************************/
.table_produits /* Table des produit sur fiche_produits.php */
{
  border-bottom:solid;
  border-bottom-color:#FFF;
	border-top:solid;
	border-top-color:#FFF;
	border-width:1px;
	padding-bottom:10px;
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	background-color:#FFF;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;
	width:80%;
}
.td_catalogue /*Cellule des tableaux qui boucle avec les dimension des coffre Bordure et alignement */
{
	border-style:solid;
	border-width:1px;
	text-align:center;
	font-size:16px;
	border-color:#000;	
}
.td_produit_bas
{
	padding-top:5px;
	padding-bottom:10px;
}
.td_image_produits /*Cellule du tableau ou l'image des produits s'affiche */
{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:30px;
}
.image_pdf /* Images PDF du sur demande qui met une marge en bas */
{
	border:none;
}

p_catalogue_docu
{
	text-align:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:100px;
	font-size:16px;
}

.p_catalogue_description /* Description des produits dans fiche_produits.php */
{
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:10px;
	line-height:2;
	font-size:16px;

}
.p_catalogue_info /* infos complèmentaires (Prix, couleur, pose dans fiche_produits.php */
{
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	line-height:1;
	font-size:16px;
}
.p_catalogue_rubrique_surdemande /* Affichage du Sur Demande: dans les tableau fiche_produits.php et fiche_coffre.php */
{
	text-align:left;
	margin-left:50px;
	text-decoration:underline;
	font-weight:bold;
	font-size:17px;
}
.table_rubrique_produits
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-style:ridge;
	border-color:#FFF;
	border-width:5px;
	border-collapse:collapse;
	-webkit-border-collapse:collapse;
	-khtml-border-collapse:collapse;
	-o-border-collapse:collapse;
	-ms-border-collapse:collapse;
	table-layout:fixed;
	-webkit-table-layout:fixed;
	-khtml-table-layout:fixed;
	-o-table-layout:fixed;
	-ms-table-layout:fixed;
	
}
.td_table_rubrique_produits
{
	border-style:solid;
	border-color:#FFF;
	border-width:1.5px;
	text-align:center;
	padding:5px;
	
	
}

.table_rubrique_serrure
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-color:#FFF;
	border-width:1,5px;
	text-align:center;
	border-collapse:collapse;
	-webkit-border-collapse:collapse;
	-moz-border-collapse:collapse;
	-khtml-border-collapse:collapse;
	-o-border-collapse:collapse;
	-ms-border-collapse:collapse;
	table-layout:fixed;
	-webkit-table-layout:fixed;
	-moz-table-layout:fixed;
	-khtml-table-layout:fixed;
	-o-table-layout:fixed;
	-ms-table-layout:fixed;
	padding:5px;	
}
a:hover.h3_rubrique,td:hover.td_table_rubrique_produits
{
	font-family:Georgia, "Times New Roman", Times, serif; /*Police de tout le coprs Georgia */
	font-size:16px;
	background:#CCC;
}
.h3_rubrique
{
	font-family:Georgia, "Times New Roman", Times, serif; /*Police de tout le coprs Georgia */
	font-size:16px;
}
.titre_menu_ventes /*Titres sous les tableau des produit meilleurs ventes */
{
		text-align:center;
	font-weight:bold; /* Titre en gras */
	text-decoration:underline; /* Souligne le titre*/
	font-size:20px;
	margin-top:50px;
	
}
/************************* COFFRE *****************************************************************************************************/
.p_serie_coffre_infos /* sur fiche_coffre.php police et format de la description */
{
	text-align:justify;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	line-height:1;
	font-size:16px;
	white-space:pre-line;
}
.p_coffre_infos_sur_demande /* Sur fiche_coffre.php les infos afficher si elle existe */
{
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
}


.p_coffre_infos
{
	text-align:center;
	font-size:16px;
}
.p_coffre_modele
{
	text-align:center;
	font-weight:bold;
}
.titre_produits /* Titre des tableaux des produits et des coffres */
{text-align:center;
text-decoration:underline;
font-size:large;
font-weight:bold;
padding-top:10px;
padding-bottom:20px;
font-size:18px;
}

.table_coffre
{
  border-bottom:solid;
  border-bottom-color:#FFF;
	border-top:solid;
	border-top-color:#FFF;
	border-width:1px;
	border-collapse:collapse;
	width:80%;
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	background-color:#FFF;
}

.table_recherche_coffre
{
	border:solid;
	border-color:#FFF;
	border-width:1,5px;
	text-align:center;
	margin-left:auto; /*on centre l'ensemble automatiquement*/
	margin-right:auto; /*on centre l'ensemble automatiquement*/
	
}
.td_table_recherche_coffre
{
	border-left:solid;
	border-left-color:#FFF;
	border-width:1px;
	text-align:center;
	
}
.demander_devis
{
		text-align:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.table_principal_coffre /* Tableau principal des coffres */
{
	width:80%;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;/*Espace entre les tableaux*/
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;
}
.colonne_image_coffre /* Colonne de gauche du tableau principal on aligne l'image en haut*/
{
	width:20%;
	vertical-align:top;
}

.vignette_dimention_coffre /*Petite images du tableau des mesures des coffres */
{
	text-align:center;	
}
.table_donnee_coffre /*Tableau des mesures avec l'entete*/
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border-color:#000;
	border-width:1px;
	border-style:solid;
	margin-bottom:30px; /*Espace entre la fin du tableau des mesures et le bouton demande de devis*/
	margin-top:20px; /*Espace entre la fin de la descritpion et le début du tableau */
	
}
.td_table_donnee_coffre /*Cadrillages du tableau des mesures du coffre*/
{
	text-align:center;
	border-color:#000;
	border-width:1px;
	border-style:solid;
}
.ligne_coffre:hover /*Ligne deviens grise quant on passe dessus. */
{
	background:#CCC;
}
.position_tableau_coffre /*POsitionne le tableau des mesures dans l'espace*/
{
	text-align:center;
}

/*************************************************** Menu bas *************************************************************************************************/

.p_cle_bas
{
width:50%; /*Largeur du menu 50%*/
padding:5px;
margin-left:auto; /*on centre l'ensemble automatiquement*/
margin-right:auto; /*on centre l'ensemble automatiquement*/
clear: both;
}