/*----------------------------------ajout ced-------------------------------------*/

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #106470;
}
a:active {
	color: #333333;
}
.Style1 {
	color: #942c5f;
	font-weight: bold;
}
.Style2 {color: #666666}
.Style3 {color: #323232}
.Style4 {
	color: #007783;
	font-weight: bold;
}
.Style5 {
	color: #999999
}
.Style6 {color: #333333}

/*------------------------pages popup ced-----------------------------------*/
.style20 {
	
}
.style23 {color: #666666; }

.style21 {
	font-size: 13px;
	color: #106470;
	font-weight: bold;
}
.style24 {color: #666666; 	text-align: right;
 }
 
/* Les balises standards redefinies */
*,html,body,div,td,ol,p,dl,dd,dt,ul,li,form,fieldset {
	margin:0;
	padding:0;
	border:0;
	font-family:verdana,arial,helvetica,sans-serif;
}
body {
	background-color:#fff;
	color:#000000;
	font-size:11px;
	overflow:auto;
	font-weight:normal;
 }
p {
color:#333;
}

/*--------------------------------Positions et taille des zones-------------------*/


#fondAndana {position:absolute; width:652px; height:644px; right:20px; bottom:20px; }
#fondTetiere {position:absolute; width:100%; height:103px;}
#tetiere {position:absolute; width:100%; height:103px; min-width:980px;}


#chooseLang {display:block; position:absolute; width:100px; height:30px; top:10px; right:10px}

#fondVideo {position:absolute; width:100%; height:353px; top:103px;min-width:980px;}
#fondVideoTexte {position:absolute; width:300px; height:50px; top:103px;min-width:980px; z-index:9999;}
#fondVideoBoutique {position:absolute; width:100%; height:483px; top:103px;min-width:980px;}
#videos {position:absolute;width:100%;height:353px;top:130px;left: 50%; width: 910px; margin-left: -455px;}
#videosBoutique {position:absolute;width:100%;height:483px;top:130px;left: 50%; width: 910px; margin-left: -455px;}
#content{width:910px;float:left}


#fondRecherche {position:absolute; width:100%; height:65px; top:103px;min-width:980px;}
#recherche {position:absolute;width:100%;height:65px;top:108px;min-width:980px;}

#baseVideo {position:absolute; width:100%; height:4px; top:456px;background-color:#37575b}
#baseVideoBoutique {position:absolute; width:100%; height:4px; top:586px;background-color:#37575b}
#baseRecherche {position:absolute; width:100%; height:4px; top:168px;background-color:#37575b}

#mainContent {position:absolute; width:100%; top:460px;}
#mainContentBoutique {position:absolute; width:100%; top:590px;}
#mainContentCatalogue {position:absolute; width:100%; top:172px;}
#fondTexte {position:relative; width:100%; 	height:auto;}

.texteColHome {
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	width:100%;
	v-align:top;
	min-width:980px;
}
.texteFiche {position:relative; padding-top:40px;padding-bottom:20px;width:100%;v-align:top;min-width:980px;}
.texteBoutique {position:relative; padding-top:20px;padding-bottom:20px;width:100%;v-align:top;min-width:980px;}
.texteListe {position:relative; padding-top:30px;padding-bottom:20px;width:100%;v-align:top;min-width:980px;}

#ombreFondTexte {position:relative; width:100%; height:8px;}

#footer {position:relative; height:auto;min-width:980px;}

#vgnt1 {position:absolute;left:21px;top:213px}
#vgnt2 {position:absolute;left:21px;top:418px}
#vgnt3 {position:absolute;left:156px;top:418px}
#vgnt4 {position:absolute;left:21px;top:418px}

#leg1 {position:absolute;left:116px;top:403px}
#leg2 {position:absolute;left:46px;top:506px}
#leg3 {position:absolute;left:180px;top:506px}
#leg4 {position:absolute;left:116px;top:609px}


#vgnt1DVD {position:absolute;left:21px;top:213px}
#vgnt2DVD {position:absolute;left:21px;top:584px}
#vgnt3DVD {position:absolute;left:156px;top:584px}

#leg1DVD {position:absolute;left:116px;top:569px}
#leg2DVD {position:absolute;left:46px;top:672px}
#leg3DVD {position:absolute;left:180px;top:672px}

/*----------------------------habillage des zones------------------------*/

body {
	background-image: url(../images/fondBody.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: 9dacad;
}

#fondAndana {
	background-image: url(../images/fondAndana.png);
	background-repeat: no-repeat;
	background-position: top;
	-moz-opacity:0.4;
	opacity: 0.4;
	filter:alpha(opacity=40);	
}
#fondTetiere {background-color: #fff;-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);}


#fondVideo, #fondVideoBoutique, #fondRecherche {
	background-color: #0b3236;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);	
}

#videos, #videosBoutique {
}

#fondTexte {
	background-color: #fff;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#fondTexte2 {
	background-image: url(../images/80p.png);
}
#ombreFondTexte {
	background-image: url(../images/ombreFondTexte.png);
	background-repeat: repeat-x;
	background-position: top;
}

#req3 {
width:200px;
height: 18px;
border:#829fb5 solid 1px;
padding-left:3px;
color:#a5a5a5;
background-color:#d8dcdd;
}


#tetiereListe {
padding-left:25px;
padding-bottom:20px;
border-bottom:#666666 dotted 1px;
}

#tetiereListe H3 {
font-size:14px;
font-weight:bold;
color:#666666;
}

.tabAproposHG {
	width:10px;
	height:10px;
	background-image: url(../images/fondApropos.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.tabAproposHD {
	background-image: url(../images/fondApropos.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.tabAproposBG {
	background-image: url(../images/fondApropos.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.tabAproposBD {
	background-image: url(../images/fondApropos.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px 20px 20px 15px;
}

.tabAproposBD p {
margin-bottom:5px;
}

.tabAproposBD h3 {
color:#fff;
}
/* ----------------Tab Boutique-------------------*/
.tabBoutiqueHG {
	width:10px;
	height:10px;
	background-image: url(../images/fondBoutique.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.tabBoutiqueHD {
	background-image: url(../images/fondBoutique.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.tabBoutiqueBG {
	background-image: url(../images/fondBoutique.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.tabBoutiqueBD {
	background-image: url(../images/fondBoutique.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px 20px 20px 15px;
}

.tabBoutiqueBD p {
margin-bottom:5px;
text-align:left;
}

.tabBoutiqueBD h3, .tabBoutiqueBD p, .tabBoutiqueBD a {
color:#fff;
}

/* ----------------Tab Actu-------------------*/
.tabActuHG {
	width:10px;
	height:10px;
	background-image: url(../images/fondActu.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.tabActuHD {
	background-image: url(../images/fondActu.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.tabActuBG {
	background-image: url(../images/fondActu.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.tabActuBD {
	background-image: url(../images/fondActu.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px 20px 20px 15px;
}

.tabActuBD p {
margin-bottom:5px;
}

.tabActuBD h3, .tabActuBD p, .tabActuBD a {
color:#fff;
}

.tabActuBD img:hover {
	border:#eee solid 2px;
}

#homeCentre{
	padding : 10px 0 0 0 ;
}

#homeRight{
	padding : 10px 0 0 0 ;
}

#homeBoutiqueRight{
	padding : 3px 0 0 0 ;
	text-align:left;
}

/*---------------------------habillage textes-------------------------------*/

#chooseLang {
text-align:right;
}

.tetiere{
	position:relative;
	padding-top: 55px;
	text-align: left;
	color: #6d6d6d;
	line-height:10px;
	
}
.tetiere a {
	color: #6d6d6d;
	text-decoration:none;
}
.tetiereLogo{
	padding-left:15px;
}


#fondVideoTexte p, #fondVideoTexte a {
margin-top:20px;
margin-left:30px;
font-size:32px;
font-weight:bold;
color:#688a8f;
text-decoration:none;
}

#fondVideoTexte a:hover {
color:#8aa8ad;
}

.texteListe td {
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #666;
}

.imgListe {
border: #999 solid 1px;
}



#abc, #abc a:link,  #abc a:visited {
color:#99a5aa;
text-decoration:none;
}

#abc a:hover {
color:#FFFFFF;
}

#info {
color:#333;
}

#info H1, .texteListe H1{
color:#007883;
font-weight:normal;
font-size:24px;
margin-bottom:10px;
}

#infoPlus {
color:#007783;
}

#info p, #infoPlus p{
margin-bottom:5px;
}

#vgnt img:hover {
border-right:#666 solid 1px;
border-bottom:#666 solid 1px;
-moz-opacity:0.9;opacity: 0.9;filter:alpha(opacity=90);
}

#vgnt {
font-size:9px;
}

#footer{font-size: 11px; color: #333;}

.dateArticle {
	font-size:9px;
	font-style:italic;
}

.tabAproposBD p, .tabAproposBD a{
	color:#FFF;
}

.actuTabLeft img{
	border: #4a6e72 solid 2px;
	margin: 1px 0px 0px 0px;
}

.actuTabRight{
	padding: 1px 0px 0px 5px;
}

.actuTabRight p{
	font-size:13px;
}
/***************************************************  GESTION FORMULAIRES ********************************************************/
.deroulant {
color:#334b55;
border:#829fb5 solid 1px;
font-size:11px;
background-color:#d8dcdd;
width:20em;

}

.deroulant2 {
color:#334b55;
font-size:11px;
border:#829fb5 solid 1px;
width:130px;
background-color:#d8dcdd;
}

#FORMART label {
display:inline; 
float:left; 
width:30px;
text-align:left;
}
#FORMART input {
border: 0px;
border : 1px solid #829fb5;
font-size:11px;
margin-left:45px; 
width:220px;
}

#FORMART textarea {
font-family:Verdana, Geneva, sans-serif;
border : 1px solid #829fb5;
margin-left:75px; 
font-size:11px;
width:220px;
height:200px
}

#FORMART input[type=submit] {
	border : 0px;
	color:#fff;
	font-size:11px;
font-weight : bold;
	background-color : #3C5B5F;
	cursor : pointer;
	width:100px;
	height:20px;
	margin-left:0px;
}

#FORMART input[type=submit]:hover {
	background-color:#808788;
}

#FORMART input[type=submit]:active {
	background-color:#000000;
 }
/*************************************************** Menu fr  ********************************************************/
#menu {
width:480px;
 height: 31px;
 background: url(../images/menu.png);
 margin: 0px; padding: 0px;
 position: absolute;
 right:10px;
 top:65px;
}
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu a {display: block;}

#menu1, #menu1on {left: 0px; top: 0px; width: 133px; height: 31px;}
#menu2, #menu2on {left: 123px; top: 0px; width: 136px; height: 31px;}
#menu3, #menu3on {left: 251px; top: 0px; width: 126px; height: 31px;}
#menu4, #menu4on {left: 367px; top: 0px; width: 111px; height: 31px;}
#menu1 a {height: 31px;}
#menu2 a {height: 31px;}
#menu3 a {height: 31px;}
#menu4 a {height: 31px;}

#menu1 a:hover, #menu1on {background: url(../images/menu.png) 0px -31px no-repeat;}
#menu2 a:hover, #menu2on {background: url(../images/menu.png) -123px -63px no-repeat;}
#menu3 a:hover, #menu3on {background: url(../images/menu.png) -251px -31px no-repeat;}
#menu4 a:hover, #menu4on {background: url(../images/menu.png) -367px -63px no-repeat;}
/*     Menu en */ 
#menuEN {
width:480px;
 height: 31px;
 background: url(../images/menuEN.png);
 margin: 0px; padding: 0px;
 position: absolute;
 right:10px;
 top:65px;
}
#menuEN li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menuEN a {display: block;}

#menu1EN, #menu1ENon {left: 0px; top: 0px; width: 177px; height: 31px;}
#menu2EN, #menu2ENon {left: 167px; top: 0px; width: 138px; height: 31px;}
#menu3EN, #menu3ENon {left: 293px; top: 0px; width: 85px; height: 31px;}
#menu4EN, #menu4ENon {left: 367px; top: 0px; width: 111px; height: 31px;}
#menu1EN a {height: 31px;}
#menu2EN a {height: 31px;}
#menu3EN a {height: 31px;}
#menu4EN a {height: 31px;}

#menu1EN a:hover, #menu1ENon {background: url(../images/menuEN.png) 0px -31px no-repeat;}
#menu2EN a:hover, #menu2ENon {background: url(../images/menuEN.png) -167px -63px no-repeat;}
#menu3EN a:hover, #menu3ENon {background: url(../images/menuEN.png) -293px -31px no-repeat;}
#menu4EN a:hover, #menu4ENon {background: url(../images/menuEN.png) -367px -63px no-repeat;}

/*     boutons    */

#btNouveautes a {
	position: relative;
	text-decoration: none;
	list-style: none;
	display: block ;
	background: url(../images/btNouveautes.png) left top no-repeat  ;
	color: #334b55 ;
	width:158px;
	line-height: 2em ;
	padding: 4px 0 ;
	text-align: center ;
	}
	
#btNouveautes a:hover, #btNouveautes  a:focus, #btNouveautes a:active {
	text-decoration: none;
	background: url(../images/btNouveautes.png) right top no-repeat  ;
	}
#btDVD a {
	position: relative;
	text-decoration: none;
	font-weight:bold;
	list-style: none;
	display: block ;
	background: url(../images/btDVD.png) left top no-repeat  ;
	color: #fff ;
	width:158px;
	line-height: 2em ;
	padding: 4px 0 ;
	text-align: center ;
	}
	
#btDVD a:hover, #btDVD  a:focus, #btDVD a:active {
	text-decoration: none;
	background: url(../images/btDVD.png) right top no-repeat  ;
	}
	
#btCat a {
	position: relative;
	text-decoration: none;
	font-weight:bold;
	list-style: none;
	display: block ;
	background: url(../images/btCat.png) left top no-repeat  ;
	color: #fff ;
	width:158px;
	line-height: 2em ;
	padding: 4px 0 ;
	text-align: center ;
	}
	
#btCat a:hover, #btCat  a:focus, #btCat a:active {
	text-decoration: none;
	background: url(../images/btCat.png) right top no-repeat  ;
	}	
	
#btVideo a {
	position: relative;
	text-decoration: none;
	font-weight:bold;
	list-style: none;
	display: block ;
	background: url(../images/boutonVideo.png) left top no-repeat  ;
	color: #fff ;
	width:158px;
	height:31px;
	line-height: 2em ;
	padding: 4px 0 ;
	text-align: center ;
	}
	
#btVideo a:hover, #btVideo  a:focus, #btVideo a:active {
	text-decoration: none;
	background: url(../images/boutonVideo.png) right top no-repeat  ;
	}