/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(fond-degrad-gris.bmp);
	background-repeat: repeat-x;

}

.titre_rubrique1 {
margin:0px auto 0px auto;
height:44px;
width:780px;
background-image:url(../titres/titre_rub2-vc.jpg);
}

.titre_rubrique2 {
margin:0px auto 0px auto;
height:44px;
width:780px;
background-image:url(images/titre_rub2.jpg);
}

.titre_rubrique3 {
margin:0px auto 0px auto;
height:44px;
width:780px;
background-image:url(images/titre_rub3.jpg);
}

.titre_rubrique4 {
margin:0px auto 0px auto;
height:44px;
width:780px;
background-image:url(images/titre_rub4.jpg);
}

/*.news {
margin:0px auto 0px auto;
width:780px;
height:30px;
background-image:url(images/bandes_news.jpg);
}*/

.prod {
margin:0px auto 0px auto;
overflow:auto;
width:780px;
border-bottom:1px solid #999999;
}

.prod_content {
position: absolute;
margin-left:100px;
width:680px;
height:100px;
}

.prod_titre {
background-color:#CCCCCC;
width:670px;
height:21px;
float:left;
padding-left:10px;
padding-top:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#990000;
font-size:12px;
}

.prod_texte {
padding-left:10px;
padding-right:10px;
padding-top:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
float:left;
width:560px;
height:65px;
font-size:12px;
text-align:justify;
}

.prod_button {
float:left;
width:100px;
height:23px;
background-color:#0000BB;
margin-top:52px;
}
.prod_button a {
display:block;
width:100px;
height:23px;
background:url(images/savoirplus.jpg) top left no-repeat;
}
.prod_button a:hover {
background-position: 0% -23px;
}

.prod_img {
float:left;
height:100px;
width:100px;
background-color:#6699FF;
}

.content {
margin:0px auto 0px auto;
overflow:auto;
width:760px;
border-bottom:0px solid #999999;
border-top:0px solid #999999;
background-color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
padding:0px 10px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.ssmenu {
margin:0px auto 0px auto;
height:22px;
width:780px;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#990000;
}

.ssmenu_liens {
margin: 7px 0px auto 10px;
float:left;
width:550px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.ssmenu_liens a {
font-size:10px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
.ssmenu_liens a:hover {
text-decoration:none;
color:#FFFFFF;
}

.ssmenu_news {
float:right;
width:80px;
height:25px;
}

.info {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:780px;
margin:5px auto 0px auto;
}

.info a {
text-decoration:none;
font-weight:bold;
color:#990000;
}


.menu_top {
margin:0px auto 0px auto;
height:320px;
width:780px;
}

.banniere {
margin:0px auto 0px auto;
padding:4px 0px 0px 200px;
height:145px;
width:580px;
background-image:url(images/bannier-VC-longue.jpg);
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
/* positionnement pour IE5 et IE5.5 */
top: 0px;
left: auto;
background: transparent url(images/fond_index_red_1.jpg) top left no-repeat;	/* arrire-plan gnral du menu */
width: 780px;
/*padding-top: 57px;*/
}
/*li {float:left;}	correction pour IE5 et IE5.5 */

li a {	/* dimensions et dfinitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
/*height: 75px;*/
color: #660000;
/*line-height: 25px;*/	/* hauteur de ligne pour eviter les paddings */
}
li a:hover {
color: #fff;
background: transparent url(images/fond_index_red_1.jpg) top left no-repeat;
}
a#menu1 {	/* largeur du bouton */
width:780px;
height:80px;
}
a#menu1:hover {	/* decalage de l'arrire-plan pour chaque bouton */
background-position: 0% -320px;
}
a#menu2 {	/* largeur du bouton */
width:780px;

height:80px;
}
a#menu2:hover {
background-position: 0% -400px;
}
a#menu3 {	/* largeur du bouton */
width:780px;
height:80px;
}
a#menu3:hover {
background-position: 0% -480px;
}
a#menu4 {	/* largeur du bouton */
width:780px;
height:80px;
}
a#menu4:hover {
background-position: 0% -560px;
}
.contentCopie {
	width:390px;
	border-bottom:0px solid #999999;
	border-top:0px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.contentTITRE {

width:760px;
border-bottom:0px solid #999999;
border-top:0px solid #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
.textegrissmall {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:3px;
	width:780px;
	margin:5px auto 0px auto;
	color: #F0F0F0;
}