/* Fichier CSS pour velocycle.com 2008-2013 Auteur: Yvan Roy (YR), tous droits réservés
 Aide à la programmation : Eddy Martin, Navitech Design, meilleure méthode au Canada 2008 */

/*----------------------------------------- Début des Déclarations Générales ---------------------------------- */
/* initialisation de margin, espace a l'extérieur du block,	 & padding, espace entre le contenu du block & la bordure */
* {margin:0; padding:0;}			/* épaisseur des blocks, sorte de ligne & couleur, affecte toutes les divisions*/

body
	{
	/* Ces déclarations ont un impact sur tout ce qui est ds le body */
	width : 100%;
	/*	background-image : img/imagedefond.gif;  */		
	}

div
	{
	/*	border : 1px solid #ff0000;	*/
	}

a.txt
	{
	/*	display : block;	*/
	padding : 3px;
	text-decoration : none;						/* 	les liens ne sont pas soulignés  	*/
	color : #2b73b2;		/*	bleu bmo	*/
	/*	border : 5px solid #ffffff;	*/
	}

a.txt:hover
	{
	color : #ffffff;
	background-color : #99ccff;		/*	Bleu pale	*/
	/*	border : 5px solid #2b73b2;	*/
	}

/* ------------------------------------- Fin des Déclarations Générales -----------------------------------------*/

/*-----------------------------------------Début de la division GLOBAL-----------------------------------------*/
div#global
	{
	font-size : 12px;					/*	grosseur des carac par défaut	*/
	font-family : arial;				/*	police de carac par défault	*/
	color : #000000;					/*	couleur du texte par default ds tout le body	*/
	background-color : #ffffff;			/*	couleur du background par default	*/
	letter-spacing : 0.4mm;				/*	Espacement entre les lettres par defaut	*/
	line-height : 1.5em;				/*	Hauteur des lignes par défault	*/
	width : 1000px;						/*	Largeur de la division GLOBAL ds l'écran, YR50 = 1024px ou 100% 	*/
	margin : 0 auto;					/*	Marge automatique a l'extérieur de la division GLOBAL	*/
	padding : 0 auto;					/*	Padding ou marge intérieure automatique de la division GLOBAL	*/
	}

/*------------------------------------Fin de la division GLOBAL-------------------------------------------*/

/*------------------------------------Début de la division MENU_PRINCIPAL_DU_HAUT-------------------------*/
div#menu_horiz_h
	{
	padding-top : 5px;
	background-color : #eeeeee;			/*	#2b73b2 = Couleur de fond de la barre de menu pricipale bleu bmo 	*/
	height : 30px;						/*	Hauteur de la barre de menu pricipale horizontale	*/
	-moz-border-radius : 5px; 		  	/*	fait des coins arrondis ds firefox 	*/
	}

div#menu_horiz_h a 
	{
	display : block;
	padding-right : 9px;				/*	espace à droite de chaque élément menu ds la barre principale supérieure	*/
	padding-left : 9px;				/*	espace à gauche de chaque élément menu ds la barre principale supérieure	*/
	}

/* - - - - - - - - - - - -Début  structure ul  - - - - - - - - - */
ul
	{
	font-family : arial black;
	font-size : 14px;
	}


li
	{
	float : left;						/*	Appui gauche sur chaque élément menu ds la barre principale supérieure	*/
	list-style-type : none;				/*	Aucun style ni soulignement du txt ds le menu barre principal supérieure	*/
	}

/* - - - - - - - - - - - -Fin  structure ul  - - - - - - - - - */

/*-----------------------------------Fin de la division MENU_PRINCIPAL_DU_HAUT----------------------*/

/*-----------------------------------Début de la division ENTETE------------------------logo velocycle.com bleu---------*/
div#entete
	{
	margin-top : 10px;
	margin-bottom : 10px;
	text-align : center;
	}

/*-----------------------------------Fin de la division ENTETE-------------------------------------*/

/*-----------------------------------Début de la division CONTENU-------------------------------*/
	/* Le GROS_GIF doit avoir une dimension de    L= 700px    H= 525px   qui est compatible en contrains avec 1024x768 */
div#contenu
	{
	text-align : left;
	margin : 0px 100px 0px 100px;			/*	marge haut, droit, bas, gauche	*/
	}

div#grosgif
	{
	text-align : center;
	}

/*	//////////////////////////  background-image ds ouvrir session  //////////////////////////	*/
div#login
	{
	width : 600px;		/*	meme largeur que le canvas de img/matrix.jpg	*/
	border : 7px solid #eeeeee;		/*	#2b73b2	*/
	background-image : url(../img/matrix.jpg);
	background-repeat : no-repeat;
	padding : 50px;
	text-align : center;
	/*position : relative;*/
	}


div#contenu dl.liens
	{
	border : 2px solid #eeeeee;			/*	#2b73b2 bleu bmo	/	3px solid #80C342;	 */
	margin-bottom : 25px;
	}

h1
	{
	line-height : 25px;
	}

textarea
	{
	width : 700px;
	height : 700px;
	}

textarea.membre
	{
	height : 250px;
	}

img.top_contenu
	{
	border : none;
	margin-bottom : 50px;		/*	marge du dessous pour gros pics au plus haut de la division CONTENU,  alt='top_contenu'	*/
	}

img.icone
	{
	margin-left : 20px;		/*	marge de gauche pour les icones png, jpg, gif, mov, pdf des produits du catalogue	*/
	}

span.raye_prix
	{ 
	text-decoration:  line-through;
	color : #ff0000;
	/*	word-spacing: 4em;	*/
	margin-right : 25px;
	} 

/* - - - - - - - - - - - - - - - Début  table  - - - - - - - */
table
	{
	border : 2px solid #eeeeee;
	border-collapse : collapse;
	}

caption
	{
	/*margin-top : 30px;						 	Il faut mettre la meme marge négative ds caption, pour qu'il colle sur le top de table ds firefox, si non C pabo ds IE 	 */
	margin-bottom : -30px					/* 	Ajustement du caption pour qu'il colle sur le top des table ds firefox, si non C pabo ds IE 	*/
	font-variant : small-caps;
	font-weight : bold;
	color : #ffffff;
	background-color : #2b73b2;
	}

table img
	{
	border : none;
	margin : 5px;
	}

table tr
	{
	border-top : 2px solid #eeeeee;
	}

table td
	{
	border-right : 2px solid #eeeeee;
	border-bottom : 2px solid #eeeeee;
	padding : 10px;
	}

table.catalogue th
	{
	border-bottom : 2px solid #eeeeee;
	}

table.catalogue td
	{
	padding-left : 25px;
	font-variant : small-caps;
	}

span
	{
	margin : 7px;							/* 	marge entre les éléments span;    span = div sur meme ligne	*/
	padding-left : 10px;
	padding-right : 10px;
	}

span.dispo
	{
	margin-left : 50px;
	}

span.precedent
	{
	margin-left : 300px;
	}

/* - - - - - - - - - - - - - - - - - - - - Fin  table  - - - - - - - */

/* - - - - - - - - - - - - - - - - - - Début Formulaire  - - - - - - - */
	
fieldset
	{
	border : none;		/*	le border est lette ds IE a cause du bkgrn image		2px solid #eeeeee;	#2b73b2 bleu bmo	3px solid #80C342;	 */
	text-align : right;
	font-weight : bold;
	letter-spacing : 0.5mm;
	background-image : url(../img/matrix.jpg);
	}

fieldset.inscription
	{
	margin-bottom : 10px;
	}

legend
	{
	font-size : 1.2em;
	background-color : #eeeeee;			/*	#2b73b2 bleu bmo	#a3bcb9 turquoise-vert	/	3px solid #80C342;	 */
	color : #000000;							/*	turquoise logo lap #357081	*/
	}

div#contenu label
	{
/*	position : absolute;
	right : 0px;
	top : 0px;*/
	display : block;
	margin : 20px;
	/*margin-right : 200px;*/
	}

input.text
	{
	background-color : #ddeeff;
	}

input.inscription					/*	param du bouton value='transmettre'  du formulaire d'inscription USAGER	*/
	{
	float : left;
	margin : 5px;
	margin-left : 585px;		/*	pour que le bouton soit centré en dessous de YR bras croisés	*/
	}

div.lastupdate
	{
	display : block;
	font-size : 10px;
	margin-bottom : 40px;
	}

div.lastupdate a
	{
	font-size : 14px;
	font-weight : bold;
	}

/* - - - - - - - - - - - - - - - - - - Fin Formulaire  - - - - - - - */

div#champbannerz		/*	affichage du gif 'champ banner z' au plus bas de la zone contenu	*/
	{
	margin-top : 20px;
	margin-bottom : 20px;
	}

img.validator
	{
	margin-left : 300px;
	}
/*--------------------------------Fin de la division CONTENU--------------------------------------*/

/*------------------------------------Début de la division MENU_PRINCIPAL_DU_BAS-------------------------*/
div#menu_horiz_b
	{
	padding-top : 5px;
	background-color : #eeeeee;			/*	#2b73b2 = Couleur de fond de la barre de menu pricipale bleu bmo 	*/
	height : 30px;						/*	Hauteur de la barre de menu pricipale horizontale	*/
	-moz-border-radius : 5px; 		  	/*	fait des coins arrondis ds firefox 	*/
	}

div#menu_horiz_b a 
	{
	display : block;
	padding-right : 9px;				/*	espace à droite de chaque élément menu ds la barre principale supérieure	*/
	padding-left : 9px;				/*	espace à gauche de chaque élément menu ds la barre principale supérieure	*/
	}

/*------------------------------------Fin de la division MENU_PRINCIPAL_DU_BAS-------------------------*/

/*---------------------------------Début de la division PIED DE PAGE-----------------------------*/
div#pied_page
	{
/*	width : 1010px;									Largeur du pied de page sans barre de défilement horizontale	*/
	float : left;
	text-align : center;						/*	 alignement du texte par défault ds le pied de page	*/
	padding : 5px;								/*	 aération à l'intérieur de l'encadré pied de page	*/
	line-height : 25px;							/*	 Hauteur des lignes ds le pied de page 	*/
	background-color : #eeeeee;			/*#2b73b2;*/
	margin-top : 20px;							/*	marge, ou aération, sur le dessus de la div PIED_PAGE 	*/
	margin-bottom : 5px;						/*	marge, ou aération, en dessous de la div PIED_PAGE, ne touche pas au bas de l'écran 	*/
	padding-bottom : 5px;
	}
/*
div#pied_page span
	{
	margin : 7px;								 	marge entre les éléments span du PIED_PAGE;   span = div sur meme ligne 	
	padding-left : 10px;
	padding-right : 10px;
	}
*/
div#pied_page em
	{
	font-size : 15px;
	}
/*------------------------------Fin de la division PIED DE PAGE-----------------------------*/