/* CSS issu des tutoriels css.alsacreations.com */

body {
	background-color: #C2C2C2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	scrollbar-3d-light-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-dark-shadow-color: #000000;
	scrollbar-face-color: #CC3333;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #000000;
}


#header {
	height: 116px;
	background-color: #444444;
	padding: 0;
}


#haut {
	background: url(vmaxquebec2_images/prod_nav_left1.jpg);
	height: 30px;
	background-color:#444444;
	padding: 0;
        border: #999999; 
	border-style: solid;
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px
}


#conteneur {
	position: absolute;
	width: 100%;
	background-color:#444444;
}


#centre {
	background: url(http://www.vmaxquebec.org/vmaxquebec2_images/vmaxfond.gif);
	background-color:#ffffff;
	margin-left: 150px;
	margin-right: 150px;
        padding: 11;
	border: #CFCFCF; 
	border-style:  inset;
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 3px
}


#gauche {
	position: absolute;
	left:0;
	width: 150px;
	margin-top: 10;
}


#droite {
	position: absolute;
	right:0;
	width: 150px;
	margin-top: 10;	
}


#pied {
	height: 60px;
	background-color: #;
	border: #444444; 
	border-style: solid;
	border-left-width: 0px; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px
}



.menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
}


.menuhaut li {
	display: inline;
}


.menuhaut a {
	margin: 0 2px;
	color: red;
	text-decoration: none;
	font-size: 16px;
        font-family : Times New Roman;
        font-weight: bold;
	letter-spacing: 1px;
}


.menuhaut a:hover {
	text-decoration: none;
}


.menugauche {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.menugauche li {
	margin-bottom: 5px;
}


.menugauche a {
	margin: 0 5px;
	color: #ffffff;
	text-decoration: none;
}


.menugauche a:hover {
	color: #CC0000;
	text-decoration: none;
}


.menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
}


.menudroit li {
	margin-bottom: 5px;
}


.menudroit a {
	margin: 0 10px;
	color: #ffffff;
	text-decoration: none;
}


.menudroit a:hover {
	color: #CC0000;
	text-decoration: none;
}


p {margin: 0 0 10px 0;
}


.petitblanc {

	color: #eeeeee;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.petitblanc A
{
	color: #ffffff;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.petitblanc A:hover
{
	color: #fffffff;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.petitnoir {

	color: #000000;
	font-family: arial;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.petitnoir A {

	color: #3E3EEE;
	font-family: arial;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.petitnoir a:hover {

	color: #cc0000;
	font-family: arial;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoir {

	color: #000000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoir A {

	color: #3E3EEE;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoir a:hover {

	color: #cc0000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoirliens {

	color: #000000;
	font-family: arial;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoirliens A {

	color: #000000;
	font-family: arial;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.moyennoirliens a:hover {

	color: #cc0000;
	font-family: arial;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}


.grandnoir {

	color: #000000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.grandnoir A {

	color: #000000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.grandnoir a:hover {

	color: #cc0000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}


.smaller {

            font-size: 13px;

            font-family : Times New Roman;
            
            font-weight: bold;

            color : #000000;

}



 #navcontainer { width: 150px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
padding-top: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#navcontainer a
{
display: block;
padding: 2px;
width: 146px;
border-bottom: 0px solid #999999;
border-top: 1px solid #999999;
}

#navcontainer a:link, #navlist a:visited
{
color: #eee;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #000000;
color: #fff;
}

.ombre { /* texte d'arrière plan dont le débordement crée l'ombrage */
  	color:black ; /* couleur du texte, donc de l'ombre */
  	font-size:40px ; /* Taille de la police */
  	font-weight:bolder} /* police en gras épais */

.texte { /* texte principale */
  	color : red ; /* couleur du texte */
  	font-size 40px ; /* Taille de la police */
  	font-weight:bolder ; /* police en gras épais */
  	position:relative ; /* indique un décalage par rapport à la position normale */
  	top:-51px ; /* décalage de 60 pixels vers le haut */
  	left:-3px} /* décalage de 3 pixels vers la gauche */

 .ombreboite { /* boite d'arrière plan dont le débordement crée l'ombrage */
width:200px ; /* largeur de la boite, en pixels */
height:200px ; /* hauteur de la boite, en pixels */
background-color:#444444 } /* couleur de la boite, donc de l'ombre */

.boite { /* boite principale */
width:170px ; /* largeur de la boite, en pixels */
height:240px ; /* hauteur de la boite, en pixels */
background: url(vmaxquebec2_images/fondboite.jpg) no-repeat;
background-color:white ; /* couleur de la boite */
padding-left: 5;
padding-right: 5;
padding-buttom: 5;
border: solid 1px #999999 ; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:-5px ; /* décalage de 7 pixels vers le haut */
left:-5px} /* décalage de 7 pixels vers la gauche */

.boitevisiter { /* boite principale */
width:400px ; /* largeur de la boite, en pixels */
height:240px ; /* hauteur de la boite, en pixels */
background: url(vmaxquebec2_images/fondboite.jpg) no-repeat;
background-color:white ; /* couleur de la boite */
border: solid 1px #999999 ; /* style de la bordure de la boite */
padding-left: 5;
padding-right: 5;
padding-buttom: 5;
position:relative ; /* indique un décalage par rapport à la position normale */
top:-5px ; /* décalage de 7 pixels vers le haut */
left:-5px} /* décalage de 7 pixels vers la gauche */

.boitemini{ /* boite principale */
width: 125px ; /* largeur de la boite, en pixels */
height:130px ; /* hauteur de la boite, en pixels */
background: url();
background-color: #ffffff ; /* couleur de la boite */
border: solid 0px #999999 ; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:0px ; /* décalage de 7 pixels vers le haut */
left:0px; /* décalage de 7 pixels vers la gauche */
margin-top: 20;
padding-top: 0px;
} 

.boiteminitemple{ /* boite principale */
width: 125px ; /* largeur de la boite, en pixels */
height: 145px ; /* hauteur de la boite, en pixels */
background: url();
background-color: #ffffff ; /* couleur de la boite */
border: solid 0px #999999 ; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:0px ; /* décalage de 7 pixels vers le haut */
left:0px; /* décalage de 7 pixels vers la gauche */
margin-top: 20;
padding-top: 0px;
} 

.boiteminicapm{ /* boite principale */
width: 125px ; /* largeur de la boite, en pixels */
height: 155px ; /* hauteur de la boite, en pixels */
background: url();
background-color: #ffffff ; /* couleur de la boite */
border: solid 0px #999999 ; /* style de la bordure de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:0px ; /* décalage de 7 pixels vers le haut */
left:0px; /* décalage de 7 pixels vers la gauche */
margin-top: 20;
padding-top: 0px;
} 

.boitephotoindex { /* boite principale */
width:560px ; /* largeur de la boite, en pixels */
height:453px ; /* hauteur de la boite, en pixels */
background: url(vmaxquebec2_images/bg_fond2.gif);
background-color:white ; /* couleur de la boite */
border: solid 1px #999999 ; /* style de la bordure de la boite */
margin-bottom: 10;
position:relative ; /* indique un décalage par rapport à la position normale */
top:0px ; /* décalage de 7 pixels vers le haut */
left:0px} /* décalage de 7 pixels vers la gauche */


.flexheader{ 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	color: #666666; 
	letter-spacing: 1px; 
	text-decoration: none; 
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 2px;
}

.textephoto { 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	color: #000000; 
	letter-spacing: 1px; 
	text-decoration: none; 
	font-weight:bold;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
}

.textebasphoto { 
	font-family: verdana, arial, sans-serif; 
	font-size: 7pt; 
	color: #000000; 
	letter-spacing: 3px; 
	text-decoration: none; 
	font-weight:;
	padding-top: 5px;
	padding-left: 4px;
	padding-bottom: 5px;
}

TD.smaller {

            font-size: 12px;

            font-family : Verdana;
            
            font-weight: bold;

            color : #CC3333;
	    padding-top: 2px;
	    padding-left: 0px;
	    padding-bottom: 0px;

}

table.moduletable {
	background: url() no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: middle;
	text-indent: 5px;
	width: 100%;
	height: 24px;
	text-transform: uppercase;
}


.VMQpetitRouge

{

            color: #9f1312;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 10px;

            text-decoration: none;

}

.evennement_complet_liste 

{

            padding : 2px 5px 2px 8px;

            background : #E0E0E0;

            border-left : 1px solid #cccccc;

            border-right : 1px solid #cccccc;

            border-top : 1px solid #cccccc;

            border-bottom : 1px solid #cccccc;

            color : #333333;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 13px; 

}

.evennement_complet_texte

{

            color : #333333;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 14px; 

}

.evennement_complet_texte A

{

            color : #333333;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 14px;

            text-decoration: none;    

}

.evennement_complet_texte A:hover

{

            color : #9f1312;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 14px;

            text-decoration: none;    

}

.evennement_complet_desc

{

            color : #333333;

            font-family: helvetica, verdana, arial,sans-serif;

            font-size: 12px; 

}

.VMQgrosBlanc 

{  

            font-family: Arial, Helvetica, sans-serif; 

            font-size: 14px; 

            font-weight: bold; 

            color: #FFFFFF; 

            left: auto; 

            clip:   rect(   ); 

            background-position: 10px

}

.liens {

	color: #000000;
	font-family: arial;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.liens A {

	color: #000000;
	font-family: arial;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.liens a:hover {

	color: #cc0000;
	font-family: arial;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.retour_menu {

	color: #000000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.retour_menu A {

	color: #3E3EEE;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.retour_menu a:hover {

	color: #cc0000;
	font-family: helvetica, verdana, arial,sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.BlocContent {

	width: 668;

	margin-bottom: 10px;

	margin-left: 2px;

	margin-right: 2px;

}

.TitreContent {

	font-family: Verdana;

	font-size: 11px;

	font-style: normal;

	line-height: 15px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #BA0825;

	background-image: url();

	background-repeat: no-repeat;

	background-position: right center;

	text-align: left;

	text-indent: 3.5pt;

	vertical-align: middle;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #000000;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #002037;

}

.TitreInside {

	background-color: #E5E5E5;

	font-family: Verdana;

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	letter-spacing: 2pt;

	padding: 5px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #000000;	

	

}

.Empty2 {

	background-color: #E5E5E5;

	font-family: Verdana;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	padding: 5px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #000000;	



	background-image: url(1_contentback.jpg);

	background-repeat: repeat-y;

	background-position: right center;

}

.ContentBienvenue {

	background-color: #E5E5E5;

	font-family: Verdana;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	padding: 5px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;	

	border-bottom-style: solid;

	border-left-color: #000000;

	border-top-color: #000000;

	border-bottom-color: #000000;

        background-image: url(http://www.vmaxquebec.org/vmaxquebec2_images/metalBg.gif);

	background-repeat: repeat;

}

.Spacer {

	margin-left: 6px;

	margin-right: 6px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.Spacer2 {

	margin-left: 6px;

	margin-right: 6px;

	margin-bottom: 10px;

	margin-top: 10px;

	border: 1px solid #000000;

}

.Content {

	background-color: #E5E5E5;

	font-family: Verdana;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	text-align: justify;

	padding: 5px;

	border: 1px solid #000000;

	background-image: url(http://www.vmaxquebec.org/vmaxquebec2_images/metalBg.gif);

	background-repeat: repeat;

	

}

.tabulka  {
	width: 520px;
	border: 1px;
	background-color: #C0C0B5;
	border-style: solid;
	border-color: black;
	background-image: url('obr/tabulka.gif');
		  }

.textevideo  {
font: 11px Arial; color: black; font-weight: normal;
}

a.liensvideo {  
font: 10px Verdana; color: black; font-weight: bold; text-decoration: none;
}