BODY {
	scrollbar-face-color: #742802 ;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #2d210d;
	scrollbar-darkshadow-color: #2d210d;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #000;
	background-color: #000 ;
}
.fond {	background-color: #FFFFFF;}
.xarts {
	background-image: url(IMG/x-arts.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.logo {
	background-image: url(IMG/logo2.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.bghaut {
	background-image: url(IMG/bghaut.png); 
	background-repeat:no-repeat; 
	background-position:top left;
}
.bgbas {
	background-image: url(IMG/baspage.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	padding-top: 25px;
	height:78px;
	text-align: center;
}
.bgmenuh{
	background-image: url(IMG/bgmenuh.png); 
	background-repeat:repeat-x; 
	background-position:top left;
}
.bghome {
	background-image: url(IMG/bghome.jpg); 
	background-repeat:no-repeat; 
	background-position:top left;
	height:617px;
	width: 999px;
}

/* FLOATER */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 1px;
	z-index: 1000;
}
.homesup, .homeinf {
	width: 999px;
	height:308px;
}
.homevideo, .homemusic, .homeevents, .homecreative .homeinternet,{
	height: 109px;
	width: 188px;
}
.homevideo {
	margin-top: 169px;
	margin-left: 297px;
	float: left;
}
.homemusic {
	margin-top: 169px;
	margin-right: 295px;
	float: right;
}
.homeevents, .homeinternet {
	margin-top: 30px;
	margin-left: 297px;
	float: left;
}
.homecreative {
	margin-top: 30px;
	margin-right: 295px;
	float: right;
}
.header{
	margin-left: 58px;
	margin-right: 20px;
}
.rub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 8px;
	margin-right: 8px;
}

.rubvideo, .rubinternet, .rubmusic, .rubcreative, .rubzoom  {
	margin-top: 10px;
	margin-bottom: 5px;
	border:solid 1px ; 
	padding: 5px;
}
.rubvideo {
	color: #ff4e00;
	width: 220px;
}
.rubinternet {
	color: #DDB700;
	width: 220px;
}
.rubmusic {
	color: #009cff;
	width: 220px;
}
.rubcreative {
	color: #89c21a;
	width: 220px;
}
.rubzoom {
	color: #742802;
}
.titrevideo, .titreinternet, .titremusic, .titrecreative, .titrezoom{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:solid 1px ; 
	padding: 3px;
	margin-top: 5px;
	text-transform: uppercase;
	text-decoration: none;
}
.titrevideo {
	color: #FFFFFF   ;
	background-color: #ff4e00 ;
	}

.titreinternet {
	color: #FFFFFF   ;
	background-color:#DDB700;
	}

.titremusic {
	color: #FFFFFF   ;
	background-color: #009cff  ;
	}

.titrecreative {
	color: #FFFFFF   ;
	background-color: #89c21a  ;
	}

.titrezoom {
	color: #FFFFFF   ;
	background-color: #742802;
	margin-bottom: 5px;
	}


.anglesup-video, .anglesup-music, .anglesup-creative, .anglesup-events, .anglesup-internet, .anglesup-contact{
	background-repeat:no-repeat; 
	background-position:top left;
	margin-left: 58px;
	padding-left: 40px;
	padding-top: 25px;
	float: left;
	clear: left
}
.angleinf-video, .angleinf-music, .angleinf-creative, .angleinf-events, .angleinf-internet, .angleinf-contact{
	background-repeat:no-repeat; 
	background-position:bottom right;
	padding-bottom: 40px;
	padding-right: 30px;
	float: right;
}
.anglesup-video{	background-image: url(IMG/anglesup-video.png); }
.anglesup-music{	background-image: url(IMG/anglesup-music.png); }
.anglesup-creative{	background-image: url(IMG/anglesup-creative.png); }
.anglesup-events, .anglesup-internet{	background-image: url(IMG/anglesup-events.png); }
.anglesup-contact{	background-image: url(IMG/anglesup-contact.png); }
.angleinf-video{	background-image: url(IMG/angleinf-video.png); }
.angleinf-contact{	background-image: url(IMG/angleinf-contact.png); }
.angleinf-music{	background-image: url(IMG/angleinf-music.png); }
.angleinf-creative{	background-image: url(IMG/angleinf-creative.png); }
.angleinf-events, .angleinf-internet{	background-image: url(IMG/angleinf-events.png); }
.content {			width: 900;	float: left; padding-top: 10px;}

.contentvideo, .contentevents, .contentinternet, .contentmusic, .contentcreative, .contentcontact, .contentdevis, .contentsuivi, .contentcatalogue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	padding-top: 5px;
	font-variant: small-caps;
	clear: left
}
.bgmenu {
	background-image: url(IMG/bgmenu.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 5px;
	padding-top: 5px;
	height:286px;
	width: 231px;
	float: right;
}
.menuvideo, .menuevents, .menuinternet, .menumusic, .menucreative, .menucontact, .menuvideo-on, .menuevents-on, .menuinternet-on, .menumusic-on, .menucreative-on, .menucontact-on {
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 35px;
	height: 37px;
	font-variant: small-caps;
	text-decoration: none;
	line-height: 33px;
}

.menuvideo {		background-image: url(IMG/menu-video-off.png); }
.menuevents, .menuinternet {		background-image: url(IMG/menu-events-off.png); }
.menumusic{			background-image: url(IMG/menu-music-off.png); }
.menucreative {		background-image: url(IMG/menu-creative-off.png); }
.menucontact {		background-image: url(IMG/menu-contact-off.png); }
.menuvideo-on {		background-image: url(IMG/menu-video-on.png); }
.menuevents-on, .menuinternet-on {	background-image: url(IMG/menu-events-on.png); }
.menumusic-on{		background-image: url(IMG/menu-music-on.png); }
.menucreative-on {	background-image: url(IMG/menu-creative-on.png); }
.menucontact-on {	background-image: url(IMG/menu-contact-on.png); }
.menuvideo A, .menuevents A, .menuinternet A, .menumusic A, .menucreative A, .menucontact A {	text-decoration:none;	color: #000000;}
.menuvideo-on A, .menuevents-on A,.menuinternet-on A, .menumusic-on A, .menucreative-on A, .menucontact-on A{	text-decoration:none;	color: #FFFFFF;}
.headervideo, .contentvideo, .txtvideo A{		color: #ff4e00	;}
.headerevents, .contentevents, .txtevents A{	color: #DDB700;}
.headerinternet, .contentinternet, .txtinternet A{	color: #DDB700;}
.headermusic, .contentmusic, .txtmusic A{		color: #009cff  ;}
.headercreative, .contentcreative, .txtcreative A{	color: #89c21a  ;}
.headercontact, .contentcontact, .headerzoom {	color: #742802  ;}
.contentdevis, .contentsuivi, .contentcatalogue {	color: #ae0bea ;}
.headervideo, .headerevents,.headerinternet, .headermusic, .headercreative, .headercontact {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.stitrezoom,.stitrecontact, .titrehome, .stitrehome, .titrebas {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #742802  ;
	height: 25px;
	padding-top: 5px;
	text-transform: uppercase;
}
.txtvideo A, .txtevents A,.txtinternet A, .txtmusic A, .txtcreative A{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
	text-decoration:none;
	height: 62px;
}

.stitrecontact {
	font-size: 14px;
	color: #742802  ;
	margin-top: 5px;
}
.titrehome {
	font-size: 12px;
	color: #000000;
}
.stitrehome {
	font-size: 18px;
	color: #000000  ;
}
.titrebas {
	font-size: 11px;
	color: #ae0bea;
	line-height: 21px;
}
.stitrezoom {
	font-size: 14px;
	color: #742802  ;
	margin-top: 5px;
}

.bgvideo {
	background-color: #ffcab2;	line-height: 25px;}
.bgevents, bginternet {	background-color: #f5e8b2;	line-height: 25px;}
.bgmusic{	background-color: #b2e1ff ;	line-height: 25px;}
.bgcreative {	background-color: #dbedba ;	line-height: 25px;}
.bgcontact {	background-color: #d5beb3 ;	line-height: 25px;}
.bghome2 {	background-color: #FFFFFF ;	line-height: 25px;}


.txtcontent11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 1px;
	padding-bottom: 5px;
	line-height: 17px;
}
.texte10, .texte10cap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.texte10cap {
	text-align: center;
	line-height: 17px;
	font-variant: small-caps;
}
.texte11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 1px;
	line-height: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
}





.texte14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00000;
}
.texte16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.liennoir10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
.liennoir11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.lienmarine10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #374F64;
	text-decoration: underline;
}
.lienmarine11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #374F64;
	text-decoration: underline;
}
.txtnoir10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.txtnoir11, .txtnoir111  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.txtnoir110 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.txtor10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E43922;
}
.txtor11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E43922;
}
.txtnoir12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.txtnoir10b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtnoir11b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtnoir13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtnoir30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtnoir24 {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
}
.txtmarine10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #374F64;
	text-decoration: none;
}
.txtmarine11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #374F64;
	text-decoration: none;
}
.txtmarine12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #374F64;
	text-decoration: none;
}
.txtmarine10b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #374F64;
	font-weight: bold;
	text-decoration: none;
}
.txtmarine11b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #374F64;
	font-weight: bold;
	text-decoration: none;
}
.txtmarine12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #374F64;
	font-weight: bold;
	text-decoration: none;
}
.txtrouge10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D62827;
	font-weight: bold;
	text-decoration: none;
}
.txtrouge20i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #D62827;
	font-weight: bold;
	font-variant: small-caps;
}
.txtrouge14i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D62827;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}
.txtrouge16i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D62827;
	font-weight: bold;
	font-variant: small-caps;
}
.txtorange11b {
	font-family: Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: uppercase; 
	FONT-SIZE: 11px; 
	COLOR: #F2CE00; 
	font-weight: bold;

}
.txtorange10 {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px; 
	COLOR: #F2CE00; 
}
.txtblanc10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	text-decoration: none;
}
.txtblanc11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.txtblanc12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
}
.txtblanc13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.txtblanc13b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.txtblanc18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}
.txtblanc20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 30px;
}
.txtblanc20i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
}
.txtblanc24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.txtblanc24i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
	text-decoration: none;
}

.textblanc13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.textblanc14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.textblanc16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.fondbas {
	background-image: url(IMG/bg-basvdp.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

