
/**********************************************************************/
/*                      FEUILLE DE STYLE CSS                          */
/*                       Site: Vic Roulant                            */
/*              Dernière modification: 12 octobre 2005                */
/*                     Auteur: David Carignan                         */
/*                  Modifications: Joël Fréchette                     */
/*                Pour information: info@dc7media.ca                  */
/*                                                                    */
/*                            COPYRIGHT                               */
/*         Toute reproduction de ce code doit laisser une marque      */
/*            de DC7MEDIA.CA sur votre feuille de style CSS           */
/**********************************************************************/


/**********************************************************************/
/*                           BODY/HTML                                */
/**********************************************************************/

body, html {
   background: url(../images/bg.gif) top repeat-x;
   background-color: #fff;
   color: #000;
   font-family: tahoma, verdana, arial;
   line-height: 1.4em;
   margin: 0px;
   text-align: left;
}

/**********************************************************************/
/*                              LINK                                  */
/**********************************************************************/

a:link, a:visited, a:active {
   color: #c8322e;
}

a:hover {
   background-color: #c8322e;
   color: #FFF;
   text-decoration: none;
}

/* Liens du menu principal */

a.liensMenu:link, a.liensMenu:visited, a.liensMenu:active {
   color: #FFF;
   text-decoration: none;
}

a.liensMenu:hover {
   background-color:#AA0D08;
   color: #FFF;
   text-decoration: underline;
}

/* Liens du menu principal (ADMIN) */

a.liensMenuAdmin:link, a.liensMenuAdmin:visited, a.liensMenuAdmin:active {
   color: #FFF;
   text-decoration: underscore;
}

a.liensMenuAdmin:hover {
   background-color:#FFFFFF;
   color: #AA0D08;
   text-decoration: underline;
}

/* Liens IMAGES */

a.images:link, a.images:visited, a.images:active {
}

a.images:hover {
	background-color:#f4f1eb;
	border-bottom: 3px solid #c8322e;
}
/**********************************************************************/
/*                             TOPIC                                  */
/**********************************************************************/

.topic {
   background: url(../images/classique/topic_bg.gif) bottom repeat-x;
   margin: 0;
   width: 760px;
   height: 107px;
   margin : auto;
   position: relative;
}

.banner {
   margin : auto;
   width: 760px;
   position: relative;
}

.logo {
   background: url(../images/logo.gif) bottom no-repeat;
   height: 106px;
   width: 479px;
}

.topic_droite {
   float: right;
   font-size: 8pt;
   text-align: right;
}

/**********************************************************************/
/*                   PARAMÈTRES DES DIV PRINCIPAUX                    */
/**********************************************************************/

.conteneur {
   margin : auto;
   width: 760px;
}

.menu {
   background: url(../images/menu_3.gif) left no-repeat;
   height: 24px;
   padding-left: 161px;
   margin : auto;
   width: 760px;
   position: relative;
   color: #FFF;
}

.navigation {
   background-color: #f4f1eb;
   border: 0px #FFF dotted;
   float: left;
   width: 200px;
}

.zone_contenu {
   background-color:#f4f1eb;
   border: 0px #FFF dotted;
   margin: 0px 0px 0px 215px;
   padding: 0 0 0 0;
   height:100%;
}

.fixbox {
   clear: both;
   display: block;
}

.copyright, .navProduits {
   font-size: 7pt;
   line-height: 1.5em;
   padding: 7px 0px 0px 0px;
   text-align: center;
}

.navProduits {
   font-size: 9pt;
   padding: 0 0 5px 0;
   margin: 0 0 0 0;
}

.boiteProduit_thumb {
	float:left;
	/*11px 25px 11px*/
	margin: 0 10px 0 15px;
	width:225px;
	border: 3px solid #FFFFFF;
}

.descProduit_thumb {
	vertical-align:top;
	height:100%;
}

.img_thumb {
	float:left;
	margin: 0 5px 0px 0;
}

.desc_thumb {
	font-size:11px;
	padding:5px;
	line-height:1.4em;
}

.adresse {
	margin: 0 0 0 10px;
	text-align:center;
	padding: 30px 0 20px 0;
	height:150px;
}

.img_ficheProduit {
	padding: 7px 10px 0 0;
	float:left;
}

.fermer {
	text-align:right;
	width:760px;
	font-size: 11px;
	padding: 14px 0 0 0;
}

.login, .contenu_admin {
	width:300px;
	margin: 30px 0 0 0;
	color:#FFFFFF;
	font-size:12px;
}

.boite_produitsNeufs {
	float:left;
	width:225px;
	background-color:#f4f1eb;
	padding: 0 20px 0 20px;
	height:100%;
}

.ligneProduit {
	margin: 10px 0 0 0;
	height:110px;
}

.rouge {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}
/**********************************************************************/
/*                       PARAMÈTRES GÉNÉRAUX                          */
/**********************************************************************/
.marge10 {
	padding: 3px 3px 3px 13px;
}

.bouton {
   background: url(../images/bouton.gif) no-repeat;
   text-align: center;
   height: 23px;
   width: 104px;
   float: left;
   line-height: 1.5em;
}

.border {
   border: 1px solid #CC6600;
}

p {
   background-color: #f4f1eb;
   margin: 0px;
   padding: 7px;
}

.indent {
   text-indent: 20px;
}

h1 {
   background-color: #c8322e;
   color: #FFF;
   margin: 0px 0px 0px 0px;
   padding-left: 14px;   
}

h2 {
   margin: 0;
   padding: 0 0 0 5px;
   color:#000000;
   background-color:#FFFFFF;
}

h3 {
   background: url(../images/dotted.gif) bottom repeat-x;
   margin: 0;
}

h4 {
   	font-size: 1.3em;
	margin:0px;
	margin-left:12px;
}

h5 {
   margin: 0px 0px 0px 0px;
   padding-left:12px;
   padding-right:12px;
	background-color: #c8322e;
   	color: #FFF;


}

.strong { 
   	font-size: 1.3em;
	padding:7px;
	   padding-left:12px;
	}

acronym {
   color: #CC6600;
   font-style: italic;
}

fieldset {
   margin: 16px 0px 0px 20px;
   padding: 10px 10px 5px 10px;
}

legend {
   color: #CC6600;
   font-weight: bold;
}

.label {
   display: block;
   font-weight: bold;
   text-indent: 5px;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

img {
   border: 0px;
}

p img {
   float: left;
}

blockquote {
   border: 1px dotted #CC6600;
   padding: 7px;
   line-height: 1.3em;
   font-style: italic;
}

input, select {
   background: #FFF;
   border: 1px #666666 solid;
   color: #666666;
   margin: 1px 0px 4px 4px;
}

form {
   margin: 0 0 15px 0;
   padding: 5px 0 15px 0;
}

textarea {
   background: #FFF;
   border: 1px #666666 solid;
   height: 150px;
   margin: 1px 0px 4px 4px;
   width: 97%;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.messageErreur {
	color:#FF3300;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.imageProduit {
	float:left;
}

.descriptionProduit {
	width:auto;
  	margin: 0px 0px 0px 215px;
}

.liste {
	font-size:11px;
	line-height:14px;
	margin: 5px 0 5px 0;
}

.prix {
	font-size:13px;
	border-bottom: 1px dashed #AA0D08;
	margin : 5px 0 7px 0;
}

.form {
	margin: 3px 0 0 7px;
	padding: 0 0 0 0;
}

.services {
	height:200px;
	padding: 10px 25px 5px 25px;
}

.imageServiceGauche {
	float:left;
	padding: 0 35px 0 35px;
}

.imageServiceDroite {
	float:left;
	padding: 0 50px 0 50px;
}

.aucuneLocation {
	text-align:center;
	color:#C8322E;
}
/**********************************************************************/
/*                             LISTES                                 */
/**********************************************************************/

ul {
	list-style-type: none;
	margin: 0px 0px 0px 17px;
	padding-left: 12px;
	text-indent: -12px;
}

ul li {
   margin: 0 0 0 0;
}

ul li ul li {
   margin: 0 0 0 15px;
}

.raccourci li {
   list-style-image: url(../images/raccourci.gif);
   margin: 0;
}

dl {
   margin: 0px 0px 0px 0px;
}

dt {
   margin: 0px 0px 0px 20px;
}

dd {
   margin: 0px 0px 0px 50px;
}

/**********************************************************************/
/*                             ADMIN                                  */
/**********************************************************************/

.banner_admin {
   margin: 0;
   width: 700px;
   height: 107px;
   position: relative;
}

.contenu_admin {
	width: 760px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.menu_admin {
	float:left;
	width: 175px;
	border-right: 2px solid #000000;
	height:175px;
	margin: 25px 30px 0 0;
}

.adm_listeProduits {
	float:left;
	color:#000000;
	border: 2px solid #AA0D08;
	padding: 0 0 0 0;
	background-color:#FFEEEE;
}

.adm_modProd {
	float:left;
	color:#000000;
	border: 2px solid #AA0D08;
	padding: 0 30px 0 0;
	background-color:#FFEEEE;
	text-align:left;
	width:330px;
}

.champs {
	width:165px;
	float:left;
	margin-left:5px;
}

.adm_mod_supp_produit {
	float:left;
	text-align:center;
	width:25px;
	vertical-align:middle;
	padding-top:4px;
}

.borderRouge {
	border: 1px solid #AA0D08;
}

.ajouterProduit {
	text-align:right;
	margin-bottom:3px;
	margin-right:100px;
}
/****************************/
/*		HEADER LISTE		*/
/****************************/
.headerListe {
	background-color:#AA0D08;
	color:#FFFFFF;
	font-weight:bold;
}

.adm_noStockProduit_head, .adm_titreProduit_head, .adm_anneeProduit_head, .adm_prixProduit_head, .adm_logo_head{
	float:left;
	border-right: 1px solid #AA0D08;
	padding-left: 5px;
	background-color:#FFFFFF;
	color:#000000;
}
.adm_noStockProduit_head {
	width:60px;
}

.adm_titreProduit_head {
	width:180px;
}

.adm_anneeProduit_head {
	width:60px;
}

.adm_prixProduit_head {
	width:75px;
}

.adm_logo_head{
	text-align:center;
	width:90px;
}

.adm_lien_head{
	padding-left: 5px;
	float:left;
	width:350px;
}

.adm_vide {
	float:none;
}
/****************************/
/*		LISTE PRODUITS		*/
/****************************/
.adm_noStockProduit, .adm_titreProduit, .adm_anneeProduit, .adm_prixProduit, .adm_logo{
	float:left;
	border-right: 1px solid #AA0D08;
	padding-left: 5px;
}

.adm_noStockProduit {
	width:60px;
}

.adm_titreProduit {
	width:180px;
}

.adm_anneeProduit {
	width:60px;
}

.adm_prixProduit {
	width:75px;
}

.adm_vide {
	float:none;
}

.adm_logo {
	text-align:center;
	width:90px;
}

.adm_lien {
	padding-left: 5px;
	float:left;
	width:320px;
}

/****************************/
/*		COULEURS RANGÉE		*/
/****************************/

.adm_rangee_produits_0 {
	background-color:#FFFFFF;
}

.adm_rangee_produits_1 {
	background-color:#FFEEEE;
}
.adm_rangee_produitsNeufs_0 {
	background-color:#FFFFFF;
	height:50px;
}

.adm_rangee_produitsNeufs_1 {
	background-color:#FFEEEE;
	height:50px;
}
/**********************************************************************/
/*                      FEUILLE DE STYLE CSS                          */
/*                     Auteur: David Carignan                         */
/*                  Modifications: Joël Fréchette                     */
/*                Pour information: info@dc7media.ca                  */
/*                                                                    */
/*                            COPYRIGHT                               */
/*         Toute reproduction de ce code doit laisser une marque      */
/*            de DC7MEDIA.CA sur votre feuille de style CSS           */
/**********************************************************************/