/*
	Style Sheet pour le site Web de Dynatek
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
* {margin:0;padding:0;}
body
	{
	background-image:url(images/Tuile_fond.jpg);
	background-repeat:repeat;
	font:12px arial,trebuchet ms,tahoma,sans-serif;
	color:rgb(0,0,0);
	text-align:center;
	}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */
.rouge {color:rgb(190,15,25);} /* #be0f19 */
.bleu {color:rgb(0,12,145);} /* #000c91 */
.bleupale {color:rgb(213,217,229);} /* #d5d9e5  */
.violet {color:rgb(162,104,160);} /* #a268a0 */

/* Formatage des images */
img {border:none;}
.imagedroit {float:right;margin-left:10px;}
.imagegauche {float:left;margin-right:20px;}

/* ***********   Formatage LISTES sans puces   ************ */
#album {list-style-type:none;}
#album  li
	{
	float:left;
	margin-bottom:15px;
	margin-right:20px;
	font-size:12px;
	}
#album img {display:block;}

/* ********************************************************************* */
/* ***************     Les DIV de formatage de page     **************** */
/* ********************************************************************* */
#complet
	{
	width:785px;
	margin-right:auto;margin-left:auto;
	padding:0 0 50px 0;
	background-color:#ffffff;
	text-align:left;
	/*  height:auto; 	*/
	}
#menu
	{
	margin:0;
	padding:0;
	/*  border: 1px solid #00ff00;	*/
	}
#baspage
	{
	text-align:center;
	margin:20px 0 0 0;
	/* border: 1px solid #0000ff; */
	}
#baspage p
	{
	color:#000000;
	font-size:12px;
	}
	
/* *******************    div CONTENU   ******************* */
#contenu
	{
	padding:25px 50px 25px 50px;  	
	margin:0;
	/* border: 1px solid #ff0000; */
	}
#contenu .invisible
	{
	color:rgb(255,255,255);
	font-size:6px;
	}
#contenu .minifeature
	{
	color:#da5200;
	font-size:11px;
	}

/* les LIENS  ---   PAS FAITS  */
#contenu a:link {color:#003316;}     /* Vert foncé  */
#contenu a:visited {color:#003316;}     /* Vert foncé  */
#contenu a:hover {color:#ce5627;}	 /* Orange  */
#contenu a:active {color:#003316;}	 /* Vert foncé  */

/*   Formatage des titres   */
#contenu h1	  /*  Violet  */
	{
	background-image:url(images/H1_fond.gif);
	background-repeat:no-repeat;
	font-size:26px;
	color:#a268a0;
	margin: 0 0 20px 0;
	padding: 0 0 5px 10px;
	}
#contenu h2	  /*  BLEU  */
	{
	font-size:20px;
	color:#000c91;
	margin: 0 0 14px 0;
	}
#contenu h3	  /*  NOIR  */
	{
	background-color:#eff1f5;
	padding:2px 5px;
	font-size:18px;
	color:#000000;
	margin: 0 0 12px 0;
	}
#contenu h4	  /*  ROUGE  */
	{
	font-size:16px;
	color:#be0f19;
	margin: 0 0 12px 0;
	}

#contenu hr
	{margin-bottom:8px;}
/* #contenu hr .vert
	{color:#08863f;} */
#contenu p
	{
	font-size:12px;
	margin:0 0 12px 0;
	}
#contenu ul
	{
	margin:0 0 0 0;
	/* border: 1px solid #ff0000;  */
	}
#contenu li
	{
	font-size:12px;
	margin:0 0 12px 20px;
	/* border: 1px solid #00ff00; */
	}
#contenu button
	{
	font-size:12px;
	margin:0 0 12px 0;
	padding:5px 25px 5px 25px;
	/* border: 1px solid #00ff00; */
	}

#contenu .boite
	{
	width:80%;
	font-size:14px;
	border:3px double #f4dca3;
	background-color:#fcf4e3;
	padding:10px;
	margin:20px 0 20px 0;
	text-align:left;
	}
#contenu .acheter
	{
	font-size:14px;
	border:1px solid #0d39c8;
	background-color:#f5f8ff;
	padding:10px;
	margin:5px;
	text-align:left;
	}
	
#contenu .accueil
	{
	/*  background-color:#eef1f6;  */
	margin:10px 25px 12px 10px;
	background-image:url(images/Swirl_fond.gif);
	background-repeat:no-repeat;
	background-position:110px 120px;
	}
#contenu .accueil td
	{
	/*  font-size:16px;  */
	padding:5px 10px 5px 10px;
	}
#contenu .logofond
	{
	background-image:url(images/Swirl_fond.gif);
	background-repeat:no-repeat;
	background-position:110px 50px;
	}
#contenu .indent
	{
	margin:0 0 0 50px;
	}

/* *****************    fin div CONTENU   ***************** */