/* ************* PCVA.CA ************* */
/* *********************************** */


body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #000000;
font-family: Arial, Helvetica, sans-serif;
background: #6e899e url('images/fond.png') repeat-x top;
}

td {
font-size: 12px;
}

img {
border: 0;
}

p , form , ul , li , h1 , h2 , h3 , h4 {
margin: 0;
padding: 0;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 3px;
color : #333333;
font-size : 11px;
background : #FFFFFF url('images/input.png') repeat-x bottom;
border: 1px solid #333333;
font-weight: normal;
}

.no_border {
padding : 0px;
background: none;
border: none;
}

.no_border:hover {
	/* Opacité pour tous les navigateurs */
opacity: 0.8;
	/* Opacité pour IE5 ŕ IE7 */
filter: alpha(opacity=80);
	/* Opacité pour IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}




/******************** MENU DEROULANT ********************/ 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_deroulant dl {
float: left;
}
#menu_deroulant div {
cursor: pointer;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
text-align: center;
}
#menu_deroulant dt {
padding: 8px 14px 8px 14px;
display : block;
}
#menu_deroulant div:hover {
color : #FFFFFF;
background: url('images/menu_haut_hover.png') repeat-x top;
}

#menu_deroulant dd {
display: none;
border: 1px solid #389731;
margin: -1px -12px 0 -12px;
}

#menu_deroulant li {
text-align: left;
background: #85D37C;
}

#menu_deroulant dt a , #menu_deroulant dt a:hover {
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
}

#menu_deroulant li a {
color: #0A3F04;
text-decoration: none;
display: block;
border: none;
font-weight: bold;
padding: 0 3px 0 3px;
}

#menu_deroulant li a:hover {
background: #ABEFA4;
}

/******************** MENU DEROULANT ********************/ 





/******************** LIENS ********************/ 

a {
color : #000000;
font-weight: bold;
text-decoration: none;
}

a:hover {
color : #000000;
font-weight: bold;
text-decoration: underline;
}

#cheque_cadeau a {
text-decoration: none;
}

#cheque_cadeau a:hover {
	/* Opacité pour tous les navigateurs */
opacity: 0.8;
	/* Opacité pour IE5 ŕ IE7 */
filter: alpha(opacity=80);
	/* Opacité pour IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#footer_accueil a , #footer_boutique a{
color : #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#footer_accueil a:hover , #footer_boutique a:hover { 
color : #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

#global {
text-align: left;
margin: auto;
width: 900px;
background: url('images/container_fond.png') repeat-y;
}

#header_fond {
background: url('images/header_fond.png') no-repeat;
}

#header_logo {
float: left;
height: 233px;
position: relative;
left: 23px;
margin-bottom: 4px;
}

#header_slogan {
float: right;
width: 605px;
height: 207px;
position: relative;
top: 13px;
right: 31px;
}

#menu_haut {
z-index: 100 ;
float: left;
background: url('images/menu_haut.png') no-repeat;
width: 843px;
height: 31px;
position: relative;
left: 28px;
}

#menu_deroulant {
padding: 0 10px 0 10px;
font-size: 11px;
}

#container_separ_menu {
clear: both;
height: 12px;
}

#container_accueil_fond {
clear: both;
z-index: 80 ;
background: url('images/container_accueil_fond.png') repeat-y;
}

#container_accueil_gauche {
float: left;
width: 185px;
position: relative;
left: 42px;
padding-bottom: 14px;
}

#anepasmanquer {
background: url('images/anepasmanquer.png') no-repeat;
height: 42px;
}

.anepasmanquer_texte {
font-size: 11px;
padding: 14px;
}

.note_orange , .note_vert , .note_bleu , .note_gris {
width: 167px;
margin: 0 0 14px 9px;
}

.note_orange_contenu {
background: #ffad16;
border-top: 1px solid #ff7502;
border-left: 1px solid #ff7502;
border-right: 1px solid #ff7502;
padding: 10px 10px 0 10px;
font-size: 11px;
}

.note_vert_contenu {
background: #caee2c;
border-top: 1px solid #84b706;
border-left: 1px solid #84b706;
border-right: 1px solid #84b706;
padding: 10px 10px 0 10px;
font-size: 11px;
}

.note_bleu_contenu {
background: #7dc4cb;
border-top: 1px solid #3d97a2;
border-left: 1px solid #3d97a2;
border-right: 1px solid #3d97a2;
padding: 10px 10px 0 10px;
font-size: 11px;
}

.note_gris_contenu {
background: #ececec;
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
padding: 10px 10px 0 10px;
font-size: 11px;
}

h4 {
color: #000000;
padding: 0 0 0 12px;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
font-size: 11px;
margin-bottom: 7px;
}

#coordonees {
background: url('images/coordonees.png') no-repeat;
height: 143px;
}

#coordonees p {
margin: 0;
font-size: 11px;
color: #FFFFFF;
padding: 36px 18px 0 18px;
line-height: 14px;
}

#container_accueil_droite {
float: right;
width: 614px;
padding-right: 42px;
}

.bloc_1 {
width: 610px;
color: #dfe7ec;
margin: 0 0 14px 2px;
}

.bloc_1_fond {
background: url('images/bloc_1_fond.png') repeat-y;
min-height: 85px;
}

.bloc_1_haut {
background: url('images/bloc_1_haut.png') no-repeat top;
min-height: 85px;
padding: 9px 14px 5px 14px;
}

.bloc_1_bas {
background: url('images/bloc_1_bas.png') no-repeat;
height: 5px;
}

h1 {
padding: 0 0 0 12px;
color: #FFFFFF;
border-bottom: 1px solid #adc0cd;
border-left: 3px solid #adc0cd;
font-size: 12px;
margin-bottom: 18px;
}

#cheque_cadeau {
margin-bottom: 14px;
}

.bloc_2 {
color: #000000;
margin-bottom: 14px;
padding: 0 5px 0 5px;
}

h2 {
padding: 0 0 0 12px;
color: #000000;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
font-size: 14px;
margin-bottom: 8px;
}

#newsletter {
width: 478px;
margin: 0 0 16px 68px;
}

#newsletter_haut {
background: url('images/newsletter_haut.png') no-repeat;
height: 72px;
}

#newsletter_fond {
background: #65b85c url('images/newsletter_fond.png') no-repeat bottom;
min-height: 108px;
padding: 0 20px 20px 20px;
}

#newsletter_fond p {
color: #FFFFFF;
font-weight: bold;
}

#newsletter td {
color: #FFFFFF;
font-weight: bold;
}

h3 {
padding: 27px 10px 0 100px;
color: #FFFFFF;
font-weight: normal;
font-size: 17px;
}

#footer_accueil {
background: url('images/footer_accueil.png') no-repeat;
height: 58px;
}

#footer_boutique {
background: url('images/footer_boutique.png') no-repeat;
height: 58px;
}

#footer_accueil p , #footer_boutique p {
color: #FFFFFF;
padding: 32px 30px 0 30px;
text-align:center;
font-weight: bold;
}

/******************** DESIGN ********************/