/* CSS Document */

*, html { padding: 0; margin: 0; }

body {
	background-color: #FFFFFF; background-image: url(../images/layout/body-bg.jpg); background-repeat: repeat-x; background-position: left top;
	margin: 0px; padding-top: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	text-align: center;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

form { margin-bottom:0px; margin-top:0px; margin-left:30px; margin-right:0px;}

#container1 {
	position: relative;
	margin: 0 auto;
	width: 912px;
}

#container2 {
	position: relative;
	margin: 0 auto; padding-top:140px;
	width: 710px;
}

#splashColonne {
	background:url(../images/layout/bg-left-column-splash.jpg) no-repeat left bottom; 
	width: 350px; padding-bottom: 319px; margin-right: 350px;
}

#splashContainer {
	float: right; display:block; 
	margin:0px; padding:0px; 
	width: 345px;
}

#splashContainer ul {list-style-type:none; margin:0px; padding:0px;}
#splashContainer li {height: 150px; display:block; margin: 0px; padding: 0px; text-align:right;}
#splashContainer a img {border:none; text-decoration:none;}
#splashContainer a:link, #splashContainer a:visited {color:#BF1226; font-size:13px; font-weight:bold; text-decoration:none;}
#splashContainer a:hover, #splashContainer a:active {color:#666; font-size:13px; font-weight:bold; text-decoration:underline;}

#colonneDroite {
	background-image: url(../images/layout/bg-left-column.jpg); background-repeat: no-repeat; background-position: left bottom;
	margin-right: 578px; padding-top: 0px; padding-right: 0px; padding-bottom: 481px; padding-left: 0px;
	width: 327px; 
}

#leftColumn {
	background-image: url(../images/layout/bg-left-column-english.jpg); background-repeat: no-repeat; background-position: left bottom;
	margin-right: 578px; padding-top: 0px; padding-right: 0px; padding-bottom: 481px; padding-left: 0px;
	width: 327px; 
}

#izquierdo {
	background-image: url(../images/layout/bg-left-column-espanol.jpg); background-repeat: no-repeat; background-position: left bottom;
	margin-right: 578px; padding-top: 0px; padding-right: 0px; padding-bottom: 481px; padding-left: 0px;
	width: 327px; 
}

#contenuContainer {
	background-image: url(../images/layout/fading_bg.jpg); background-repeat: no-repeat; background-position: left top;
	float: right; display: block;
	margin: 0px; padding: 0px;
	width: 578px;
}

#quickNav {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #BC0A26;
	margin-bottom: 0px; margin-left: 35px; margin-right: 55px; margin-top: 0px; padding-bottom: 3px;
	height: 20px; text-align: right;
}
#quickNav a:link, #quickNav a:visited { color: #BC0A26; text-decoration: none;}
#quickNav a:hover, #quickNav a:active { color: #990000; text-decoration: underline;}

#mainNav {
	font-size:14px; font-weight:bold; color:#587F1A;
	width: 500px; height: 36px;
	margin-right: 38px;margin-left: 35px;
	border-bottom: 1px solid #5B841B;
}
#mainNav ul {margin:0px; padding:0px;}
#mainNav li {list-style-type:none; width:20%; margin:0px; padding:0px; float:left;}

.profil a:link, .profil a:visited { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: left top; height:26px; display:block; border-right: 1px solid #5B841B; color: #587F1A; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}

.profil a:hover, .profil a:active, .profilActif a { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: left bottom; height:26px; border-right: 1px solid #5B841B; display:block; color: #034E98; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}

.produits a:link, .produits a:visited { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: center top; height:26px; display:block; border-right: 1px solid #5B841B; color: #587F1A; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}

.produits a:hover, .produits a:active, .produitsActif a { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: center bottom; height:26px; display:block; border-right: 1px solid #5B841B; color: #034E98; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}

.contact a:link, .contact a:visited { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: right top; height:26px; display:block; color: #587F1A; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}

.contact a:hover, .contact a:active, .contactActif a { background-image:url(../images/layout/bgNAv.gif); background-repeat:no-repeat; background-position: right bottom; height:26px; display:block; color: #034E98; text-decoration: none; padding-top:10px; padding-bottom:0px; margin:0px;}


#subNav {
	background-image: url(../images/layout/bg_subnav.gif); background-repeat:repeat-x;
	font-size: 12px; color: #003366;
	margin-right: 38px; margin-left: 35px; padding-left: 15px;
	width: 485px; text-align:left;
}

#subNav ul {list-style-type:none; margin:0px; padding:0px; height:20px;}
#subNav li {float:left; margin-right: 20px; padding-top:2px;}
#subNav li a:link, #subNav li a:visited {color:#FFFFFF; text-decoration:none;}
#subNav li a:hover, #subNav li a:active {color:#003366; text-decoration:none;}


#contenu {
	background-color: #FFFFFF;
	width: 500px;
	margin-right: 38px;
	margin-left: 35px;
	display:block;
}
#contenu p {
	margin-left:20px;
	margin-right:20px;
	margin-top:1em;
	margin-bottom:1em;
	text-align: left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 11px; color:#666;
}
#contenu h1 {
	text-align: left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px; color:#BB0B2A; font-weight:bold;
	padding-top:10px; padding-left:10px;
}
#contenu h2 {
	margin-left:20px;
	margin-right:20px;
	text-align: left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px; color:#333; font-weight:bold;
}
#contenu ul {
	text-align: left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 10px; line-height: 15px;
	color:#666666;
	margin-left: 40px;
	margin-bottom: 10px;
	margin-right: 20px;
	list-style-type: square;
}

#imgTop {margin:0px; padding:0px;}


#footer {
	background-color: #FFFFFF; background-image: url(../images/layout/footer-bg.jpg); background-repeat: no-repeat; background-position: left top;
	font-size: 10px; font-weight: normal; color: #8BA355; text-decoration: none;
	padding-bottom: 60px; padding-right: 55px; padding-left: 50px;
	clear: both;
	text-align: right;
}
#footer a:link, #footer a:visited {color:#8BA355; text-decoration:none;}
#footer a:hover, #footer a:active {color:#666; text-decoration:underline;}

.imgRight { float:right; clear:right; margin-bottom: 10px; margin-left: 15px;}
.imgRight2 { float:right; clear:right; margin-bottom: 10px; margin-top:10px; margin-left: 15px;}

.print { float:right; clear:right; margin-bottom: 10px; margin-top:20px; margin-left: 15px; margin-right: 20px; }
.print img, .print a { border:none; }

.formField1 { background-color:#D8EFFF; border: 1px solid #A5DBFF; font-size:10px; width: 400px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px;}
.formField2 { background-color:#D8EFFF; border: 1px solid #A5DBFF; font-size:10px; width: 50px;}
.formField3 { background-color:#D8EFFF; border: 1px solid #A5DBFF; font-size:10px; width: 200px;}
.formField4 { background-color:#F0F9FF; border: 1px solid #A5DBFF; font-size:10px;}
.formField5 { background-color:#D8EFFF; border: 1px solid #A5DBFF; font-size:10px; width: 95px;}
.formField6 { background-color:#D8EFFF; border: 1px solid #A5DBFF; font-size:10px; width: 75px;}
.radio { margin-top:1px;}

.nobullet li {list-style-type:none; text-indent:-20px; line-height: 15px; margin:0px;}

.buttons {text-align:right;}

.merci {padding-top: 25px; padding-bottom: 25px; vertical-align:top}

.notes { font-size:10px; color:#FF0000; font-weight:normal;}

#messages {
	background-color: #FFFFFF; border: 1px solid #990000; 
	width: 400px; position:absolute; top: 0; left:150px; 
	font-size: 11px; color:#990000; text-align:left; 
	padding: 10px; 
}
#messages img { border:none;}