/* on délcare les différentes fonts que l'on va utiliser */
@font-face {
	font-family: "strange_tales";
	src: url('../../fonts/Strange Tales.ttf');

	font-family: "debock";
	src: url('../../fonts/Debock.ttf');

	font-family: "avenue_du_vapoteur";
	src: url('../../fonts/Avenue du Vapoteur.ttf');

	font-family: "adelitha";
	src: url('../../fonts/adelitha.ttf');

	font-family: "digital-7";
	src: url('../../fonts/digital-7.ttf');

	font-family: "dotmatri";
	src: url('../../fonts/DOTMATRI.ttf');

	font-family: "handwork";
	src: url('../../fonts/HandWork.ttf');

	font-family: "harson_demo";
	src: url('../../fonts/Harson Demo.ttf');

	font-family: "llpixel3";
	src: url('../../fonts/LLPIXEL3.ttf');



}
/* ici on met le code css qui sera appliqué pour tous les éléments -> utilisation déconseillée */
* { 
/*padding : 0;
margin : 0;*/
} 
/* code css appliqué sur le corps html des pages qui ont inclue cette feuille css */
body { 
/*font-family : Arial, Helvetica, sans-serif;
font-size : 13px;*/
}

/* cellpadding */
th, td { 
padding: 5px; 
}

/* code qui s'applique à tous les liens */
a { 
color : #000066;
}

a.button {
	width: 140px;
	padding: 6px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}

a.button_commande_detail {
	width: 140px;
	padding: 6px;
	background-color: orange;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
} 
/* code qui s'applique à toutes les images */
img { 
padding : 5px;
border : 1px solid #ffffff;
}
/* propriété float des images, permet de placer les images au dessus des autres éléments html */ 
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 15px;
margin-left : 0;
} 
img.floatTR { 
float : right;
margin-left : 3px;
margin-bottom : 0;
margin-top : 15px;
margin-right : 10px;
}

/* classes qui permettent de changer la police d'écriture*/
.strange_tales{
	font-family: "strange_tales";
}

.deblock{
	font-family: "fantasy";
}

.avenue_du_vapoteur{
	font-family: "avenue_du_vapoteur";
}

.adelitha{
	font-family: "adelitha";
}

.digital-7{
	font-family: "digital-7";
}

.dotmatri{
	font-family: "dotmatri";
}

.handwork{
	font-family: "handwork";
}

.harson_demo{
	font-family: "harson_demo";
}

.llpixel3{
	font-family: "llpixel3";
}

/* classe pour le style des labels */
.labels{
	font-family: "adelitha";
	font-size: 16px;
}

/* code css qui s'applique au wrapper du header */
#wrapperP { 
margin : 0 auto;
width : 922px;
}
/* style de toute la partie header */ 
#headerP { 
color : #000000;
width : 900px;
float : left;
padding : 10px;
border : 1px solid #ccc;
height : 250px;
margin : 50px 0 0 0;
background-color : #ffffff;
}
/* code css pour la div logoP (contient un titre et une phrase d'accueil) présente dans le header */ 
.logoP h1#lineone { 
font-size : 1.2em;
font-weight : bold;
font-family : helvetica, arial, sans-serif;
padding-top : 5px;
padding-left : 20px;
color : #000000;
border : none;
letter-spacing : -1px;
} 
.logoP h1#lineone span { 
color : #000000;
} 
.logoP h2#linetwo { 
padding-left : 20px;
font-size : 0.9em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
color : #000000;
} 
.logoP a { 
color : #000000;
text-decoration : none;
}
/* code css pour la div qui contient la plupart des éléments de présentation de la société (affichage des principales qualités de l'entreprise 
...) */
.boxP {
float : left;
border : 10px solid #c0c0c0;
padding : 5px 5px 5px 5px;	
}
/* code css pour la barre de navigation (menu pour changer de page)*/ 
#navigationP { 
color : #ffffff;
margin : 10px 10px 10px 10px;
background : #ffffff;
position : absolute;
float : left;
background-color : #871038;
} 
#navigationP ul { 
margin : auto;
padding : 0;
list-style : none;
} 
#navigationP ul li { 
float : left;
color : #ffffff
margin-right : 3px;
font-size: 0.8em;
} 
#navigationP li a { 
display : block;
border : 2px solid white;
padding : 0 2em;
line-height : 3em;
font-weight : bold;
color : #ccc;
} 
#navigationP ul a:hover { 
color : #ffffff;
}
/* code css pour la colonne de gauche dans index.php et d'autres  qui contient diverses informations génériques, un google maps
ainsi que des informations concernant un utilisateur s'il est connecté */ 
#leftcolumnP { 
color : #400080;
border : 1px solid #ccc;
background : #ffffff;
margin : 5px 0 0 0;
padding : 10px;
min-height : 350px;
width : 230px;
float : left;
} 
#leftcolumnP ul { 
margin-top : 10px;
padding-top : 2px;
padding-bottom : 10px;
margin-bottom : 10px;
border-bottom : 1px dotted;
background-color : #ffffff;
} 
#leftcolumnP li { 
margin-top : 10px;
display : list-item;
list-style-type : none;
font-size : 1.2em;
text-indent : 5px;
border-bottom : 1px dotted #ccc;
padding-bottom : 5px;
} 
#leftcolumnP ul li.last { 
border-bottom : none;
padding-bottom : 0;
} 
#leftcolumnP li a { 
color : #400080;
text-decoration : none;
display : block;
} 
/* div qui contient les informations nécessaires pour contacter l'entreprise comme le mail ou le téléphone*/
.contactP { 
padding-top : 15px;
padding-bottom : 15px;
} 
.contactP p { 
margin-top : 10px;
color : #400080;
} 

/* div qui présente brièvement l'entreprise */
.aboutusP p { 
color : #400080;
font-size : 1.1em;
padding-top : 10px;
text-align : justify;
} 
#leftcolumnP h3 { 
margin : 0;
font-size : 24px;
font-weight : lighter;
background-color : #ffffff;
text-indent : 5px;
color : #871038;
} 
/* div qui contient dans la plupart des pages, le résultat d'un traitement comme les produits correspondant à une recherche par exemple */
#rightcolumnP {
float : left;
color : #333;
border : 1px solid #ccc;
background : #f9f9ed;
margin : 5px 0 5px 0;
padding : 10px;
min-height : 350px;
width : 673px;
display : inline;
} 
/* div principale de rightcolumnP*/
.toprightP { 
padding-bottom : 20px;
border-bottom : 1px dotted #001866;
} 
.toprightP p { 
text-align : justify;
font-size : 1.1em;
color : #000066;
padding-top : 10px;
} 
.toprightP h3 { 
margin : 0;
font-size : 24px;
font-weight : lighter;
background-color : #000066;
text-indent : 5px;
color : #ffffff;
}
/* divs qui contiennent des information sur les prestations et les fournisseurs de l'entreprise */
#boxesP { 
margin : 15px auto;
}
/* sous divs de boxesP */  
.box1P { 
width : 209px;
padding-right : 5px;
float : left;
border : 1px solid #efefef;
} 
.box1P p { 
color : #000066;
font-size : 14px;
margin-top : 10px;
padding-right : 5px;
text-align : left;
} 
.box1P h2, .box2P h2 { 
margin : 5px 0;
font-size : 12px;
font-weight : lighter;
background-color : #fffaea;
text-indent : 5px;
color : #ccc;
float : left;
} 
.box1P a, .box2P a { 
float : right;
padding-right : 20px;
padding-bottom : 10px;
color : #fffaea;
}
/* autre sous div de boxesP (dans mes_commandes.php par exemple) */ 
.box2P { 
width : 315px;
float : right;
} 
.box2P p { 
color : #000000;
font-size : 12px;
margin-top : 10px;
padding-left : 3px;
padding-right : 0;
text-align : justify;
}
/* div contenue dans rightcolumnP (notamment dans mes_commandes.php */ 
.clearP { 
clear : both;
}
/* div contenue dans rightcolumnP (notamment dans mes_commandes.php */  
#tripleboxP { 
min-height : 136px;
padding : 0;
float : left;
display : inline;
margin-top : 10px;
border-top : 1px dotted #001866;
}
/* sous divs de tripleboxP */ 
.colP { 
width : 205px;
float : left;
margin : 10px 7px;
text-align : justify;
} 
.colP p { 
margin : 11px 0 0 0;
padding : 0;
color : #000000;
} 
.colP h3 { 
font-size : 1.4em;
font-weight : lighter;
color : #ccc;
background-color : #001866;
text-indent : 5px;
}
/* code css qui s'applique au footer */ 
#footerP { 
padding : 5px 0;
background-color : #fff;
display : inline;
float : left;
width : 100%;
border-top : 1px solid #d1d1d1;
font-size : 0.8em;
text-align : center;
color : #000000;
background-color : #f0f0f0;
}
/* css pour un formulaire type -> pas utilisé */ 
#formulaireP td{
text-align:center;
background-color:#CCCCCC;
font-family:"Times New Roman", Times, serif;
text-transform:capitalize;
}
/* texte qui apparait lorsqu'une alerte critique se déclenche lors d'un traitement -> pas utilisé */ 
#alertP{
font:Arial, Helvetica, sans-serif;
color:#FF0000;
}
/* change la taille d'une police d'écriture d'un formulaire */
.fontSizeForm{
	font-size : 12px;
}