HTML {width:100%; height:100%;}
BODY {margin:0px; padding:0px;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ABABAB; background: #000 }
A, A:active {cursor: pointer; text-decoration : none; color: #FFF; border:0}
A:hover {color: #38E2F9;}
IMG {border: 0px}

.test {border : 1px solid red}

H1{margin:0; padding:0; font-weight: normal; color:#fff}
H2{margin-bottom:5px; color:#fff; font-size:18px; font-weight:normal; }
H3{margin-top:5px; color:#FFF; font-size:18px; font-weight:normal; text-transform:lowercase; background-color:#373737; padding-left:10px;}
H4{color:#38E2F9; font-size:12px; font-weight:bold; margin-bottom: 2px; margin-top:0;}


#flashcontent {position : absolute;  margin-top:30px; margin-right:50px; padding-bottom:10px; clear:left; left:0; margin-left:10px; font-weight:bold; color:red}

P {}
LABEL {display: block; width: 150px; float: left; clear:left; font-size:12px; font-color:#fff; }
INPUT, SELECT, TEXTAREA {width: 200px; display: block; margin-top: 1px; border:0px; float: left;clear:left;}
FORM {margin:0; padding:0;}
.Border {border: 1px solid #b0b0b0}
.Column {float:left;}
.Logo {float:left; font-size:14px; height:88px; padding:6px 0 0 18px; width:230px;}
.Baseline{display:block; margin-left:12px;}

.Client {color:#D14ED8;}
.Title {color:#38E2F9;}
.Date{color:#38E2F9 }
.ClearLeft{clear:left; margin: 0pt; padding: 0pt; clear: left; height: 0pt; display: block;}



.SiteCont{position: relative; width:1050px; padding:0 46px; margin-left: auto; margin-right: auto; /*margin-top: -535px*/ background:#000000 url(../img_site/logo_ombre.png) no-repeat scroll left top; }

.HeaderCont { margin:0; padding:0;}
.HeaderCont .MenuCont {padding-top:36px;}
.HeaderCont .LogoLink{padding-top:30px;width:220px; }
.HeaderCont .Menu {display:block; list-style-type:none; margin:0;  font-size:0; height:24px; }
.HeaderCont .Menu .nav {display:block;  position:relative;  margin:0; color: black}
.HeaderCont .Menu li {height:25px; display:block;float:left; position: relative;}

.HeaderCont .Menu A {height: 18px; display:block; background: no-repeat top right; color: black}
.HeaderCont .Menu A:hover {background-position:bottom right; color:#000}
.HeaderCont .Menu .Sel {background-position:bottom right;}

.HeaderCont .Menu .Home {width:80px; }
.HeaderCont .Menu .Home {background-image: url('../img_site/header_accueil_complete.png')}

.HeaderCont .Menu .Login {width:170px;}
.HeaderCont .Menu .Login {background-image: url('../img_site/header_accesclient_complete.png')}

.HeaderCont .Menu .Societe {width:140px;}
.HeaderCont .Menu .Societe {background-image: url('../img_site/header_societe_complete.png')}

.HeaderCont .Menu .Job {width:125px;}
.HeaderCont .Menu .Job {background-image: url('../img_site/header_metiers_complete.png')}

.HeaderCont .Menu .Ref {width:135px;}
.HeaderCont .Menu .Ref {background-image: url('../img_site/header_references_complete.png')}

.HeaderCont .Menu .Contact {width:125px;}
.HeaderCont .Menu .Contact {background-image: url('../img_site/header_contacts_complete.png')}


.MainCont {position: relative;  width:1055px;/*vive ie6*/ font-size: 11px; padding:0}

.MainCont .Rub {padding: 0px; margin-bottom: 12px; text-align: justify; overflow: visible}
.MainCont .Rub H2 {font-size: 18px; margin-bottom: 5px; }
.MainCont .Rub .Text {color: #bbb; font-size: 13px;}
.Miniature {float: left; width: 84px; margin: 0px 15px 12px 0px; text-align: right; color: #f50024; background: #151515; font-size: 11px; height: 68px; overflow:hidden}
.Miniature IMG {border:1px solid #808080}
.Sel IMG, .MainCont .Present .Sel {border: 1px solid #ff1213}
.MainCont UL {list-style-image: url(../img_site/bullet_light.jpg);}

.MainCont .Accueil {height:400px; margin-bottom:5px; margin-left:5px; padding:0}
.MainCont .Accueil .Column.First {height:400px; margin-left:15px; margin-top:2px; width:780px;}

.MainCont .Accueil .Column.Second {width: 200px; height:380px; margin-top:4px; padding-top:10px; text-align:center; background:transparent url(../img_site/menu.jpg) repeat scroll left 0}
.MainCont .Accueil .Column.Second .TitleMenuSlide {margin-top:10px; color:#fff; text-transform:uppercase; font-size:18px;}
.MainCont .Accueil .Column.Second .MenuSlide {width:200px; margin:0px; padding-left:0; font-size:16px; list-style:none; text-align:center}
.MainCont .Accueil .Column.Second .MenuSlide li {margin-bottom:35px;margin-top:35px;}
.MainCont .Accueil .Column.Second .MenuSlide .DoubleMarge {margin-bottom:50px; margin-top:35px;}

.MainCont .EventTop {height:390px; margin-top:15px; margin-bottom:10px; margin-left:20px; padding:0;}
.MainCont .EventTop .Column.Metier_1 {width: 675px; }
.MainCont .EventTop .Column.Metier_2 {width: 333px; }

.MainCont .Mention {float:left}
.MainCont .Mention .Column.Large {margin-bottom:15px;margin-top:50px; margin-left: 20px; width:660px;}
.MainCont .Mention {color :#969696; width:500px;}
.MainCont .Mention H2 {color: #fff; font-weight:bold}

.MainCont .ContactInfos {margin-top: 20px; float: left; margin-left: 20px;}

.MainCont .ContactForm {float: left; width: 296px; margin-left: 60px; margin-top: 60px; padding-left:60px; background:transparent url(../img_site/body_shape_2.png) no-repeat scroll left bottom;}
.MainCont .ContactForm A {display:block; cursor:pointer; height:15px; width:98px; margin-top:5px; z-index:-1;  background: url(../img_site/bt_envoyer.jpg) no-repeat top left}
.MainCont .ContactForm A:hover {background-position: left bottom}
.MainCont .ContactForm INPUT, .MainCont .ContactForm TEXTAREA {background-color: #1c1c1c; color:#949494; border:1px solid #393939;}
.MainCont .ContactForm TEXTAREA {height:52px; overflow:auto; width:204px;}
.MainCont .ContactForm .LongTxt {clear:left; display:block; float:left; width:220px; font-size:11px;}


.OtherCont {margin-left:15px}
.OtherCont .BlocNews {float:left; width:520px; margin-left:7px; padding-top:7px; min-height:200px;}
.OtherCont .BlocNews H4 {float:left;}
.OtherCont .BlocNews .Date{color:#fff; float:right; text-align:right;}
.OtherCont .BlocNews .NewsText{clear:both; width:260px; color:#ABABAB; margin-top:0}
.OtherCont .BlocNews .NewsLink {width:260px;}
.OtherCont .BlocNews .NewsLink .NewsText:hover{color:#FFF;}
.OtherCont .BlocNews .NewsLink:hover{color:#FFF;}
.OtherCont .BlocNews .NewsLink H4:hover{color:#38E2F9;}


.OtherCont .BlocFocus {float:left; width:498px; margin-left:10px; min-height:200px;}
.OtherCont .BlocFocus .Bloc {margin-top:7px; float:left; width:233px; min-height:230px;}
.OtherCont .BlocFocus .Text{text-align:justify; margin-left:25px;}
.OtherCont .BlocFocus .WithBG {padding-left:15px; background:url(../img_site/body_shape.png) no-repeat left bottom}
.OtherCont .BlocFocus .Bloc IMG{margin-top:10px; margin-right:10px; border:1px solid#38E2F9; height:90px; width: 143px;}
.OtherCont .BlocFocus .WithBG A{color:#ABABAB}
.OtherCont .BlocFocus .WithBG A:hover{color:#fff}
.OtherCont .BlocFocus .BlockText { height: 40px; }

.OtherCont .MenuEvent {float:left; width:230px; margin-left:10px; min-height:200px;}
.OtherCont .MenuEvent A {display: block; height: 17px; padding-left: 10px; color:#FFFFFF; font-size:13px; font-weight:bold; margin-bottom: 5px; margin-top:0}
.OtherCont .MenuEvent .Sel {color:#000; background-color:#38E2F9;}
.OtherCont .MenuEvent A:hover {color:#000; background-color:#38E2F9;}
.OtherCont .MenuEvent .NewsText{clear:both; width:200px; margin-top:0}
.OtherCont .MenuEvent .Comment { position: relative; top: -8px; font-size: 11px }

.OtherCont .BlocDesc {float:left; width:730px; background:transparent url(../img_site/body_shape.png) no-repeat scroll left top; margin-left:15px; padding-left:25px; padding-top:10px; text-align:justify; min-height:200px; }
.OtherCont .BlocDesc .Text {width:430px; float:left;}
.OtherCont .BlocDesc .Video {float:left; height:170px; margin-left:40px; margin-top:30px; position:relative;}
.OtherCont .Video .DemoPlay {height:50px; left:99px; position:absolute; top:55px; width:50px; background:transparent url(../img_site/bouton_play.png) repeat scroll 0 0;}
.OtherCont .Video .DemoText {height:17px; left:2px; opacity:0.8; padding-top:2px; position:absolute; text-align:center; top:147px; width:241px; background:#000000 none repeat scroll 0 0; color:#FFFFFF; font-size:14px; font-weight:bold; }

.CatLink {font-size: 13px; color: #D14ED8; background:url(../img_site/logo-pdf.png) no-repeat right; padding-right:25px;}

.PageNewsCont{height:430px; margin-top:20px; margin-left:17px;}
.PageNewsCont .BlocNews {float:left; width:200px; min-height:200px;}
.PageNewsCont .BlocNews H4 {float:left;}
.PageNewsCont .BlocNews .Date{color:#38E2F9; float:right; text-align:right;}
.PageNewsCont .BlocNews .NewsText{clear:both; width:200px; margin-top:0}
.PageNewsCont .BlocNews .NewsLink .NewsText:hover{color:#FFF;}
.PageNewsCont .BlocNews .NewsLink:hover{color:#FFF;}
.PageNewsCont .BlocNews .NewsLink H4:hover{color:#38E2F9;}
.PageNewsCont .BlocFocus {float:left; width:765px; margin-left:25px; min-height:200px;}
.PageNewsCont .BlocFocus .Bloc {float:left; width:32%; min-height:200px;}
.PageNewsCont .BlocFocus .Text{text-align:justify; margin-left:25px;}
.PageNewsCont .BlocFocus .WithBG {padding-left:15px; background:url(../img_site/body_shape.png) no-repeat left bottom}
.PageNewsCont .BlocFocus .Bloc IMG{margin-top:10px; margin-right:10px}

.RefCont {position: relative;  width:1010px; font-size: 12px; margin-left:25px; margin-top:35px; padding-bottom:35px; text-align: left;}
.RefCont .BlocLeft {float:left; display: block; width: 450px; margin-top: 35px; padding-left:60px; background:transparent url(../img_site/body_shape_2.png) no-repeat scroll left top;}
.RefCont .BlocRight {float:left;  display: block; margin-bottom:30px; margin-top: 35px; margin-left:30px;}
.RefCont .RefText {display:block; float:left; margin-right:70px; margin-top:23px; padding-left:5px; width:200px;}
.RefCont A {color: #ABABAB; background:url(../img_site/external_link_darkgrey.gif) no-repeat right; padding-right:15px;}
.RefCont A:hover {color: #38E2F9; background:url(../img_site/external_link_grey.gif) no-repeat right; padding-right:15px;}

.SocieteCont {position: relative;  width:1010px; font-size: 12px; margin-left:25px; margin-top:35px; padding-bottom:35px; text-align: left;}
.SocieteCont .SocieteTextLeft{display:block; float:left; margin-right:70px; margin-top:23px; padding-left:5px; width:200px;}
.SocieteCont .SocieteText{display:block; float:left; margin-top:30px; margin-bottom:0px; padding-left:60px; width:470px; background:transparent url(../img_site/body_shape_2.png) no-repeat scroll left top;}
.SocieteCont P {text-align:justify; margin-bottom:40px;}

.LoginCont{height:350px; padding:50px}
.LoginCont .LoginText{display:block; float:left; margin-right:70px; margin-top:23px; padding-left:5px; width:200px;}
.LoginCont .BlocLeft {float:left; height:190px; display: block; margin-top: 35px; padding-left:60px; background:transparent url(../img_site/body_shape.png) no-repeat scroll left top;}
.LoginCont .BlocLeft a:hover {background-position:left bottom;}
.LoginCont .BlocLeft a {display:block; height:15px; margin-top:5px; width:98px; z-index:-1; cursor:pointer; background:transparent url(../img_site/bt_connexion.jpg) no-repeat scroll left top}
.LoginCont .Block {clear:left; float:right; margin-top:5px; width:57px;}


#flashcontent {position : absolute;  margin-top:30px; margin-right:50px; padding-bottom:10px; clear:left; left:0; margin-left:10px; font-weight:bold; color:red}

.SliderCont{width:780px; background:#000; margin-top:2px; height: 395px; overflow: hidden; position: relative;}
.SliderCont .SliderInfos {position:absolute; height: 25px; width:780px; bottom:0px; padding-top: 5px; background: url('../img_site/infos.png'); font-size:18px; text-align:center;}
.SliderCont .SliderInfos.Hidden {visibility: hidden;}
.SliderCont .SliderInfos STRONG {margin-left:30px; color: #D14ED8 }
.SliderCont .SliderInfos .InfoLink {display: block; margin: 0 8px; font-size:13px;}
.SliderCont .SliderInfos .InfoLink.L {float: left; font-weight:bold; color:white}
.SliderCont .SliderInfos .InfoLink.R {float: right}
.SliderCont .SliderInfos A {cursor: pointer; color: #38E2F9}
.SliderCont .SliderInfos A:hover, .SliderCont .SliderInfos .InfoLink.L:hover {color:#FFFFFF}
.SliderCont .SliderInfos SPAN {display: block; margin-right:30px; line-height:20px; color:#38E2F9; font-weight:bold;}
.SliderCont .Slider {height: 100%; line-height:0px; display:none}
.SliderCont .Slider .Slide {width:780px; height: 396px; }
.SliderCont .Slider .Slide.Fade {position: absolute; top:0; left:0; cursor:pointer}


#full {position: absolute; top:0; /*visibility: hidden;*/ height:0px; width: 100%; z-index:-10000}
#bg_video {background: #000; position: absolute; top:0; left:0; height:0px; width: 100%;}
#div_padd  {padding-top: 81px;}
#div_video {position: relative; margin:auto; background:#000; border:1px solid #141414; height:420px; width: 700px;}
.BtClose {float: right; width:47px; height:17px; background: url(../img_site/bt_fermer.jpg) no-repeat top left; visibility:hidden}
.BtClose:hover {background-position: bottom}
.CloseVideo { width: 850px;}
.FullVideo  {width: 850px;}
#video_player {margin: auto; margin: 3%;}
.VideoPlayer .Bouton {float:left; height:50px; width:50px; padding-top:60px; text-align: center}
.VideoPlayer .ContSlide {margin-left:20px; /*float:left; width:670px;*/}


.FooterCont {margin-left:auto; margin-right:auto; margin-top:5px; padding-top:2px; text-align:center; width:1000px; background:transparent url(../img_site/footer_shape.png) no-repeat scroll left center; color:white; font-size:11px;}
.FooterCont ul {margin:10px auto 0; display:table;}
.FooterCont ul li {display:table-cell; list-style:none;}
.FooterCont ul A {height:25px; font-size:14px; color:#ABABAB;}
.FooterCont A:hover {color: #D14ED8}


.FormError, .Error {color: red}