/***
 * Feuille de style.
***/



/*
 * Le corps du messagge
 */
html{ 	background-color : black; }
body{
	text-align : center;
	margin : 0px auto;
	width : 1100px;
	height : 950px;
	border : 5px solid white;
	margin-top : 20px;
	background-color : black;
}



/**********************************
 * Index.php
**********************************/

/******
 * Les classe
******/
	.flagG{
		float : left;
		color : black;
		width : 70px;
	}
	.flagD{
		float : right;
		color : black;
		width : 70px;
	}
	.flagG:hover {
		float : left;
		width : 100px;
		cursor : pointer;
	}
	.flagD:hover {
		float : right;
		width : 100px;
		cursor: pointer;
	}
	.cacher{
		display :none;
	}
	.gauch{ float : left; }
	.droit{ float : right; }
	.titreAnonce{
		color : black;
		font-size : 20px;
	}
	.autreAnonce{
		color : white;
		font-size : 15px;
	}
	.lien{
		font-size : 17px;
		text-decoration : none;
		color : white;
		background-color : transparent;
		font-weight : bold;
	}
	.lienW3C{
		color : white;
		text-decoration : none;
	}
	.lien:hover {
		text-decoration : none;
		font-weight : bold;
		font-size : 19px;
		color : #FF6600;
		background-color : transparent;
	}
	.bordureG{
		float : left;
		background-image: url(Images/ressources/G.jpg);
		margin: 0px auto;
		width : 100px;
		height : 850px;
	}
	.bordureD{
		float : right;
		background-image: url(Images/ressources/D.jpg);
		margin: 0px auto;
		width : 100px;
		height : 850px;
	}

/******
 * Les division
******/
	div#entete{
		margin : 0px auto;
		background-image: url(Images/ressources/H1.jpg);
		width : 900px;
		height : 200px;
		background-color: transparent;
		background-repeat : repeat;
	}
	div#onglet{
		background-image: url(Images/ressources/H2.jpg);
		margin: 0px auto;
		width : 900px;
		height : 30px;
		background-color: transparent;
		padding-top : 20px;
		color : white;
	}
	div#menu{
		background-image: url(Images/ressources/H3.jpg);
		margin: 0px auto;
		width : 900px;
		height : 100px;
		background-color: transparent;
		background-repeat : no-repeat;
	}
	div#centre{
		background-image: url(Images/ressources/M.jpg);
		margin: 0px auto;
		width : 900px;
		height : 500px;
		background-color: transparent;
		background-repeat : no-repeat;
		overflow : hidden;
	}
	div#logoB{
		background-image: url(Images/ressources/B.jpg);
		margin: 0px auto;
		width : 1100px;
		height : 50px;
		background-color: transparent;
		background-repeat : no-repeat;
	}
	div#bas{
		background-image: url(Images/ressources/B1.jpg);
		margin: 0px auto;
		width : 1100px;
		text-align : center;
		height : 50px;
		background-color: transparent;
		background-repeat : no-repeat;
	}
	div#rd{
		color : white;
		font-size : 12px;
		font-weight : bold;
	}
	div#afficheToi{
		overflow : hidden;
		margin : 50px auto;
		height : 435px;
		width : 800px;
	}



/**********************************
 * Accueil.php
**********************************/

/******
 * Les classe
******/
	.annonce{
		font-weight : bold;
		font-size : 15px;
		color : white;
		text-align : center; 
	}
	.solid{
		font-size : 17px;
		color : silver;
		font-weight : bold;
	}
	.texte{
		font-size : 14px;
		color : white;
	}

/******
 * Les division
******/
	div#divAccueilList{
		width : 380px;
		height : 200px;
		margin-left : 50px;
		margin-top : 25px;
	}
	div#divAccueilImage{
		width : 330px;
		height : 225px;
		margin-right : 20px;
	}

/******
 * Autres
******/
	img#imageAccueil{
		height : 220px;
		cursor : pointer;
	}
	ul{
		list-style-image : url("Images/ressources/liste.png" );
		list-style-type: square;
		border : 1px dotted white;
		text-align : left;
		padding-top : 5px;
		padding-bottom : 5px;
		padding-left : 55px;
	}
	li{
		font-size : 12px;
		color : white;
	}



/**********************************
 * SavoirFaire.php
**********************************/

/******
 * Les division
******/
	div#divSFhaut{
		padding-top : 25px;
		margin: 0px auto;
		width : 650px;
		float : right;
		height : 200px;	
}
	div#divImageSF{
		margin: 0px auto;
		width : 120px;
		height : 250px;
}
	div#divTxtSF{
		margin: 0px auto;
		width : 650px;
		height : 215px;
		padding-right : 25px;
}
	div#divSFbas{
		margin-top : 50px;
		margin-left : 50px;
		width : 450px;
		height : 130px;
	}
	div#imageSF{
		margin-right : 30px;
		width : 270px;
		height : 80px;
	}
	div#texteSF{
		text-align : left;
		margin: 0px auto;
		width : 400px;
		height : 120px;
	}



/**********************************
 * Competences.php
**********************************/

/******
 * Les classe
******/
	.tetList{
		font-weight : bold;
		font-size : 15px;
		color : silver;
		padding : 2px;
	}

/******
 * Les division
******/
	div#ComptHaut{
		margin-left : 40px;
		margin: 0px auto;
		width : 300px;
		height : 50px;
	}
	img#monImgGCompt{
		margin: 0px auto;
		height : 180px;
		cursor : pointer;	
	}
	div#ComptBas{
		margin: 0px auto;
		width : 700px;
		height : 250px;
		float : left;
		text-align : left;
		padding-left : 50px;
	}
	div#comptTxt{
		text-align : right;
		height : 40px;
		padding-left : 10px;
		margin: 0px auto;
		width : 490px;
	}
	div#comptList{	
		margin: 0px auto;
		width : 420px;
		height : 30px;
	}



/**********************************
 * Nouveautes.php
**********************************/

/******
 * Les classe
******/
	.click{
		padding : 2px;
		background-color : silver;
		color : black;
		font-size : 15px;
	}
	.desc{
		font-size : 14px;
		color : white;
	}
	.nomm{
		font-size : 15px;
	}
	.monProd{
		font-size : 16px;
		color : #FF4000;
		font-weight : bold;
	}
	.madesc{
		font-size : 13px;
		color : white;
	}

/******
 * Les division
******/
	div#imageGauche{
		width : 300px;
		height : 250px;
		margin-left : 100px;
		color : black;
		border : dotted white 1px;
		
	}
	div#tableauDroit{
		text-align : left;
		width : 300px;
		height : 250px;
		margin-right  :70px;
	}

/******
 * Autres
******/
	img#new{
		padding-top : 50px;
		height : 140px;
		cursor : pointer;
	}
	img#new:hover {
		padding-top : 20px;
		height : 200px;
	}
	table#infoNew{
		background-color : white;
		margin : 0px auto;
		width : 300px;
		height : 250px;
	}
	tr{
		background-color : silver;
	}



/**********************************
 * Contact.php
**********************************/

/******
 * Les classe
******/
	.petitselect{
		width : 300px;
		float : left;
	}
	.espacetxt{
		width : 350px;
		float : left;
	}
	.myImgCDroit{
		height : 50px;
		float : left;
	}
	.lisible{
		color : black;
		background-color : silver;
		font-weight : bold;
	}

/******
 * Les division
******/
	div#repLang{
		margin : 0px auto;
		height : 50px;
	}
	div#maDivContact{
		background-color : transparent;
		margin : 5px auto;
		width : 750px;
		height : 250px;
	}
	div#formContact{
		padding-top : 5px;
		background-color : transparent;
		color : white;
		font-size : 15px;
		height : 250px;
		width : 350px;
		margin-right : 50px;
	}
	div#infoContact{
		margin-top : 15px;
		margin-left : 50px;
		border : 2px white dotted;
		height : 250px;
		width : 280px;
		color : white;
		background-image : url(Images/ressources/carteEuro.png);
	}
	div#afficheContact{
		color : white;
		font-size : 14px;
		text-align : left;
		height : 200px;
		width : 200px;
		margin : 25px auto;
		padding : 5px;
	}


/******
 * Autres
******/
	form#invisible{
		display : none;
	}



/**********************************
 * Produits.php
**********************************/

/******
 * Les classe
******/
	.uploadList{
		text-decoration : none;
		font-weight : bold;
		font-family : helvetica;
		color : #FF6600;
	}
	.uploadList:hover {
		font-weight : bold;
		font-family : helvetica;
		color : #FF6600;
		font-size : 17px;
		cursor : pointer;
	}
	.droitLien{
		color : #FFFFFF;
		font-family : helvetica;
		font-weight : bold;
		float : right;
		text-decoration : none;
		font-size : 12px;
	}
	.droitLien:hover {
		font-size : 14px;
	}
	.gauchLien{
		color : #FFFFFF;
		float : left;
		font-family : helvetica;
		font-weight : bold;
		text-decoration : none;
		font-size : 12px;
	}
	.gauchLien:hover {
		font-size : 14px;
	}
	.mesImageFlow{
		padding-top : 125px;
	}

/******
 * Les division
******/
	div#visioProd{
		margin : 5px auto;
		width : 620px;
		height : 230px;
	}
	div#myImageFlow{
		margin : 5px auto;
		width : 500px;
		height : 150px;
		border : dotted white 1px;
	}
	div#prodTof{
		margin : 5px auto;
		width : 310px;
		cursor : pointer;
		height : 225px;
		border : dotted white 1px;
	}
	img#imgProd{
		height : 190px;
	}
	div#prodInf{
		margin : 5px auto;
		width : 305px;
		height : 230px;
	}
	div#infodeMonprod{
		margin : 5px auto;
		width : 305px;
		height : 190px;
	}
	div#photodeMonprod{
		margin : 5px auto;
		padding-top : 10px;
		width : 305px;
		height : 190px;
	}

/******
 * Autres
******/
	table#infoProduit{
		background-color : white;
		margin : 0px auto;
		text-align : left;;
		width : 320px;
		height : 180px;
	}
	span#noP{
		background-color : silver;
		padding : 5px;
		color : black;
		font-weight : bold;
		width : 150px;
	}