@charset "utf-8";
/* CSS Document of Stood */

/************************************* START GENERALE STYLE *************************************/
body{
background-color: #B6ABA6;
font-family: "Trebuchet MS", Arial;
font-size: 11px;
width: 100%;
}

#BodyBg2{
background-color: #776964;
font-family: "Trebuchet MS", Arial;
font-size: 11px;
width: 100%;
}

a{
font-family: "Trebuchet MS", Arial;
color: #cd0053;
font-size: 11px;
outline:none;
text-decoration:none;
}

a img{
outline:none;
text-decoration:none;
border:none;
}

p{
font-family: "Trebuchet MS", Arial;
color: #ffffff;
font-size: 12px;
text-align: left;
line-height: 16px;
}
#container{
width: 900px;
margin-top: 15px;
position: center;
}

#header{
height: 150px;
}

#header2{
height: 125px;
}

#logo{
float: left;
}

.LogoPosition{
margin-left: 0px;
*margin-left: 0px;
}

.Logo2Position{
margin-left: 8px;
*margin-left: 0px;
}

#content{
background-image: url(images/Accueil_img.jpg);
background-repeat: no-repeat;
background-position: right;
height: 289px;
}

#content_2{
background-image: url(images/Bg_Body.png);
background-repeat: no-repeat;
background-position: right;
position: relative;
}

#content_bggray{
background-image: url(images/Bg_Body2.png);
background-repeat: no-repeat;
background-position: right bottom;
position: relative;
}

/************************************** END GENERALE STYLE ***************************************/

/***************************** START WHITE LINE FOR THE CONTENT ***********************************/

#trait{
background-image: url(images/trait.jpg);
background-repeat: no-repeat;
width: 10px;
height: 248px;
float: left;
margin-left: 150px;
}

#trait_content{
background-color: #FFFFFF;
width: 1px;}

/******************************* END WHITE LINE FOR THE CONTENT ************************************/

/************************************ START FOOTER STYLE *******************************************/
#footer{
padding-top:10px;
padding-bottom:10px;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color:#cd0053;
float: right;
}

.ImgFooter_Left{
background-image: url(images/ImgFooter_Left.jpg);
background-repeat: no-repeat;
background-position: left;
width: 139px;
height: 20px;
}

.ImgFooter_Right{
background-image: url(images/ImgFooter_Right.jpg);
background-repeat: no-repeat;
background-position: left;
width: 236px;
height: 20px;
}

.ImgFooter2_Left{
background-image: url(images/ImgFooter2_Left.jpg);
background-repeat: no-repeat;
background-position: left;
width: 139px;
height: 20px;
}

.ImgFooter2_Right{
background-image: url(images/ImgFooter2_Right.jpg);
background-repeat: no-repeat;
background-position: left;
width: 236px;
height: 20px;
}

.TextFooterWhite, a.TextFooterWhite:link, a.TextFooterWhite:visited, a.TextFooterWhite:hover{
color: #FFFFFF;
}

/************************************ END FOOTER STYLE *******************************************/

/********************************* START BACK LINK STYLE *****************************************/

#Back{
float: left;
}

.BackStyle, a.BackStyle:link, a.BackStyle:visited, a.BackStyle:focus{
font-family: "Trebuchet MS", Arial;
font-size:10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}

a.BackStyle:hover{
font-family: "Trebuchet MS", Arial;
font-size:10px;
font-weight: bold;
color: #ffffff;
text-decoration: underline;
text-transform: uppercase;
}

/********************************* END BACK LINK STYLE *****************************************/

/************************* START BREADCRUMD & TITLE FOR ACCUEIL(...) *****************************/

.TitleTop_HV{
background-image: url(images/Title_HV.jpg);
background-repeat: no-repeat;
background-position: left;
height: 43px;
margin-left: 10px;
margin-bottom: 10px;
}

.TitleTop_SVM{
background-image: url(images/Title_SVM.jpg);
background-repeat: no-repeat;
background-position: left;
height: 51px;
margin-left: 10px;
margin-bottom: 10px;
}

.TitleTop_V{
background-image: url(images/Title_V.jpg);
background-repeat: no-repeat;
background-position: left;
height: 60px;
margin-left: 10px;
margin-bottom: 10px;
}

.TitleTop_W{
background-image: url(images/Title_W.jpg);
background-repeat: no-repeat;
background-position: left;
height: 63px;
margin-left: 10px;
margin-bottom: 10px;
}

.TitleTop_N{
background-image: url(images/Title_N.jpg);
background-repeat: no-repeat;
background-position: left;
height: 44px;
margin-left: 10px;
margin-bottom: 10px;
}


/**************************** END BREADCRUMD & TITLE FOR ACCUEIL(...) *******************************/

/********************************* START MENU STYLE FOR INDEX.HTML **********************************/

#menu{
float: left;
width: 150px;
margin-left: 10px;
}

#menu_position{
float: left;
margin-bottom: 12px;
}

#sousmenu_position{
float: left;
margin: 7px 0 7px 30px;
}

.ImgMenu_1, .ImgMenu_1:link, .ImgMenu_1:visited{
background-image: url(images/ImgMenu_Newsletters.jpg);
background-repeat: no-repeat;
background-position: left;
width: 184px;
height: 38px;
display: block;
cursor: pointer;
}

.ImgMenu_1:hover{
background-image: url(images/ImgMenu_Newsletters_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 184px;
height: 38px;
display: block;
cursor: pointer;
}

.ImgMenu_2, .ImgMenu_2:link, .ImgMenu_2:visited{
background-image: url(images/ImgMenu_WebTv.jpg);
background-repeat: no-repeat;
background-position: left;
width: 79px;
height: 16px;
display: block;
cursor: pointer;
}

.ImgMenu_2:hover{
background-image: url(images/ImgMenu_WebTv_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 79px;
height: 16px;
display: block;
cursor: pointer;
}

.ImgMenu_3, .ImgMenu_3:link, .ImgMenu_3:visited{
background-image: url(images/ImgMenu_Video.jpg);
background-repeat: no-repeat;
background-position: left;
width: 72px;
height: 17px;
display: block;
cursor: pointer;
}

.ImgMenu_3:hover{
background-image: url(images/ImgMenu_Video_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 72px;
height: 17px;
display: block;
cursor: pointer;
}

.ImgMenu_4, .ImgMenu_3:link, .ImgMenu_4:visited{
background-image: url(images/ImgMenu_SiteVideo.jpg);
background-repeat: no-repeat;
background-position: left;
width: 142px;
height: 48px;
display: block;
cursor: pointer;
}

.ImgMenu_4:hover{
background-image: url(images/ImgMenu_SiteVideo_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 142px;
height: 48px;
display: block;
cursor: pointer;
}

.ImgMenu_5, .ImgMenu_5:link, .ImgMenu_5:visited{
background-image: url(images/ImgMenu_Hebergement.jpg);
background-repeat: no-repeat;
background-position: left;
width: 190px;
height: 28px;
display: block;
cursor: pointer;
}

.ImgMenu_5:hover{
background-image: url(images/ImgMenu_Hebergement_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 190px;
height: 28px;
display: block;
cursor: pointer;
}

.ImgSousMenu_1, .ImgSousMenu_1:link, .ImgSousMenu_1:visited{
background-image: url(images/ImgSMenu_Video1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 12px;
display: block;
cursor: pointer;
}

.ImgSousMenu_1:hover{
background-image: url(images/ImgSMenu_Video1_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 12px;
display: block;
cursor: pointer;
}

.ImgSousMenu_2, .ImgSousMenu_2:link, .ImgSousMenu_2:visited{
background-image: url(images/ImgSMenu_Video2.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 20px;
display: block;
cursor: pointer;
}

.ImgSousMenu_2:hover{
background-image: url(images/ImgSMenu_Video2_Hover.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 20px;
display: block;
cursor: pointer;
}

/********************************** END MENU STYLE FOR INDEX.HTML ***********************************/

/******************************** START MENU STYLE FOR THE FIVE PANE ********************************/

#BlocTxt_Position{
padding-top: 225px;
}

.Img1Txt_Style,.Img1Txt_Style :link,.Img1Txt_Style :visited{
background-image: url(images/Img1_Link.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color: #5d4f4b;
text-decoration: none;
text-align: left;
}
.Img1Txt_Style:hover{
background-image: url(images/Img1_Hover.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
color: #cd0053;
}

.Img2Txt_Style,.Img2Txt_Style :link,.Img2Txt_Style :visited{
background-image: url(images/Img2_Link.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color: #5d4f4b;
text-decoration: none;
text-align: left;
}
.Img2Txt_Style:hover{
background-image: url(images/Img2_Hover.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
color: #cd0053;
}

.Img3Txt_Style,.Img3Txt_Style :link,.Img3Txt_Style :visited{
background-image: url(images/Img3_Link.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color: #5d4f4b;
text-decoration: none;
text-align: left;
}
.Img3Txt_Style:hover{
background-image: url(images/Img3_Hover.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
color: #cd0053;
}

.Img4Txt_Style,.Img4Txt_Style :link,.Img4Txt_Style :visited{
background-image: url(images/Img4_Link.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color: #5d4f4b;
text-decoration: none;
text-align: left;
}
.Img4Txt_Style:hover{
background-image: url(images/Img4_Hover.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
color: #cd0053;
}

.Img5Txt_Style,.Img5Txt_Style :link,.Img5Txt_Style :visited{
background-image: url(images/Img5_Link.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
font-family: "Trebuchet MS", Arial;
font-size:11px;
color: #5d4f4b;
text-decoration: none;
text-align: left;
}
.Img5Txt_Style:hover{
background-image: url(images/Img5_Hover.png);
background-repeat: no-repeat;
width: 159px;
height: 213px;
cursor:pointer;
display: block;
color: #cd0053;
}

/********************************** END MENU STYLE FOR THE FIVE PANE **********************************/

/************************** START BLOC LEFT CONTENT FOR ACCUEIL(...) *****************************/

#BlocLeft{
padding-top: 50px;
}
#Bloc_Left_Level1{
background-color: #cd0053;
width: 160px;
height: 250px;
margin: 10px 0px;
}

#Img_Left_Level1{
margin-top: 10px;
}

#PlayButton_Level1{
margin-bottom: 5px;
position: relative;
width: 140px;
float: left;
}

#NormalTxtPB{
font-family: "Trebuchet MS", Arial;
font-size:11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
cursor: pointer;
text-align: left;
}

/**************************** END BLOC LEFT CONTENT FOR ACCUEIL(...) ******************************/

/******************************** START VERTICALE MENU FOR BLOC LEFT *********************************/

.MenuV_Position{
padding-top: 20px;
padding-left: 3px;
}

.NewsLetter_MenuV_1, a.NewsLetter_MenuV_1:link, a.NewsLetter_MenuV_1:visited{
background-image: url(images/NewsLetter_MenuV_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 38px;
cursor:pointer;
display: block;
}

a.NewsLetter_MenuV_1:hover{
background-image: url(images/NewsLetter_MenuV_Hover_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 38px;
cursor:pointer;
display: block;
}

.NewsLetter_MenuV_2, a.NewsLetter_MenuV_2:link, a.NewsLetter_MenuV_2:visited{
background-image: url(images/NewsLetter_MenuV_2.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 29px;
cursor:pointer;
display: block;
}

a.NewsLetter_MenuV_2:hover{
background-image: url(images/NewsLetter_MenuV_Hover_2.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 29px;
cursor:pointer;
display: block;
}

.NewsLetter_MenuV_3, a.NewsLetter_MenuV_3:link, a.NewsLetter_MenuV_3:visited{
background-image: url(images/NewsLetter_MenuV_3.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 21px;
cursor:pointer;
display: block;
}

a.NewsLetter_MenuV_3:hover{
background-image: url(images/NewsLetter_MenuV_Hover_3.jpg);
background-repeat: no-repeat;
background-position: left;
width: 143px;
height: 21px;
cursor:pointer;
display: block;
}

.VideosMobiles_MenuV_1, a.VideosMobiles_MenuV_1:link, a.VideosMobiles_MenuV_1:visited{
background-image: url(images/Videos_mobiles_MenuV_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 131px;
cursor:pointer;
display: block;
}

a.VideosMobiles_MenuV_1:hover{
background-image: url(images/Videos_mobiles_MenuV_Hover_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 136px;
height: 131px;
cursor:pointer;
display: block;
}

.WebTV_MenuV_1, a.WebTV_MenuV_1:link, a.WebTV_MenuV_1:visited{
background-image: url(images/WebTV_MenuV_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 126px;
height: 48px;
cursor:pointer;
display: block;
}

a.WebTV_MenuV_1:hover{
background-image: url(images/WebTV_MenuV_Hover_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 126px;
height: 48px;
cursor:pointer;
display: block;
}

.Videos_MenuV_1, a.Videos_MenuV_1:link, a.Videos_MenuV_1:visited{
background-image: url(images/Videos_MenuV_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 123px;
height: 29px;
cursor:pointer;
display: block;
}

a.Videos_MenuV_1:hover{
background-image: url(images/Videos_MenuV_Hover_1.jpg);
background-repeat: no-repeat;
background-position: left;
width: 123px;
height: 29px;
cursor:pointer;
display: block;
}

.Videos_MenuV_2, a.Videos_MenuV_2:link, a.Videos_MenuV_2:visited{
background-image: url(images/Videos_MenuV_2.jpg);
background-repeat: no-repeat;
background-position: left;
width: 123px;
height: 38px;
cursor:pointer;
display: block;
}

a.Videos_MenuV_2:hover{
background-image: url(images/Videos_MenuV_Hover_2.jpg);
background-repeat: no-repeat;
background-position: left;
width: 123px;
height: 38px;
cursor:pointer;
display: block;
}

/********************************** END VERTICALE MENU FOR BLOC LEFT ***********************************/