BODY {background: #FFFFFF; margin:0px; padding:0px; font-family: Century Gothic, Helvetica, Arial, sans-serif; font-size: 12px; color: #666;}
IMG {display: block; border: 0px; }

SELECT { color: white; }

A {text-decoration: none; color: #888}
A:hover {color: #333}
A.Selected {color: #EF097C}

.Link {color: #666}
.Link:hover {color: #EF097C}

.test {border: 1px solid red; }

/************** Structure du site */
.SiteWarning { display: none; padding: 3px; color: #AF0000; border-bottom: 1px solid orange; background: #FFF15F; text-align: center; font-weight: bold; }

.SiteCont   {position: relative; top: 10px; width: 950px; margin-left: auto; margin-right: auto;}
.SiteHeader {width: 100%; height: 130px;}
.SiteBody   {position: relative; width: 100%; height: 500px;  border-bottom: 1px solid #FAC2DB}
.SiteFooter {width: 100%; height: 20px; }

.PageCont {margin-left: 84px ;}

.SiteCont .ModalBkg { display: none; position: absolute; top: 0px; width: 100%; height:100%; z-index: 1;}
.SiteCont .ModalBkg .LoadingCont { position: relative; margin-left: auto; margin-right: auto; top: 300px; width: 40px; text-align: center}
.SiteCont .ModalBkg .LoadingCont IMG {display: inline}

.DlgWindow {position: relative; display: none; top: 300px; margin-right:auto; margin-left: auto; width: 460px; height: 90px; padding: 20px 0px 0px 10px; color:#555; font-size:12px; background: url(img_site/dlg_bkg.png) no-repeat; text-align: center}
.DlgWindow .Text {height: 40px; color: red}

.DlgWindow .ActionCont { position: relative; padding: 0px; bottom: 4px; }
.DlgWindow .ActionCont .CloseBt {padding: 2px 5px 2px 5px; background: #EF097C; color: white; font-size: 12px; font-weight: bold;}
.DlgWindow .ActionCont .CloseBt:hover { background: pink; }

/*** Header */
.SiteHeader .LogoCont {position: relative; width: 100%; height: 78px; border-bottom: 1px solid #FAC2DB }
.SiteHeader .Logo {float:left; width: 83px; height: 115px; background: white }
.SiteHeader .Menu {position: absolute; right: -5px; bottom: 2px;}

/*** Other */
.SearchBar {padding: 2px 0px 0px 5px; height: 15px}

.Button {display: block; width: 0px; height: 17px; float: left; background-repeat: no-repeat; background-position: left top}
.Button:hover, .Button.Selected {background-position: left bottom}


.ButtonPage {display: block; width: 40px; height: 15px; float: left; background-repeat: no-repeat}
.ButtonPage:hover {background-position: bottom}

.VideoMenu .Button.Video {padding-left: 25px; padding-top: 1px; width: 15px; height: 19px; background-image: url(img_site/video_bt.png); color: white; font-size: 16px; font-weight: bold;}

.ButtonPage#page_down_bt {width: 40px; background-image: url(img_site/arrow_down.gif); }
.ButtonPage#page_up_bt {width: 40px; background-image: url(img_site/arrow_up.gif); }

.ModelPage .ArrowButton {display: block; width: 10px; height: 20px; float: left;}
.ModelPage .ArrowButton.Left {margin-right: 2px; background-image: url(img_site/bt_prev.gif)}

/*.ModelPage .Page IMG { width: 300px; } */

.ArrowButton.Right {margin-left: 2px; background-image: url(img_site/bt_next.gif)}

.LeftPicture {width: 200px; height: 300px;}

.TextAddrs {padding-top: 2px; font-size: 11px;}

/** HeadSheet */

.HeadSheetCont { position: relative; float: left; width: 800px; height:450px; overflow: hidden;}

.HeadSheetCont .Page {position: absolute; width: 100%; height: 100%;}

.AlphaCont {clear: left; float: left; position: relative; width: 100%; margin-top: 15px ; height: 20px; text-align: center; color: #333}
.AlphaCont {color: #DDD}

.AlphaCont A {margin: 0px 2px 0px 2px}


.Head {width: 128px; margin-right: 6px; float: left;}
.Head.EndLine {margin-right: 0px;}
.Head IMG {width: 100%}
.Head .Pseudo {height: 30px; margin-top: 0px; text-align: right; overflow: hidden; font-size: 13px; color: #EF097C; }

/*** Model */
.GalleryMenu { position: absolute; top: -5px; right: 0px;}

.ModelTitle {position: relative; top: -8px; font-size: 24px; font-weight: normal; color: #EF097C;}
.Sizes { clear: left; width: 100px; margin: 0px 0px 0px 2px; font-size: 11px; } 
.ModelValue { overflow: hidden;}

.ModelInfo { float: left; margin-left: 10px }
.ModelMenu { position: relative; left: -5px; top: 30px;}
.ModelMenu .Button { clear: left; margin-bottom: 2px; width: 70px; height: 15px; line-height: 12px ; background-image: url(img_site/gal_button_bkg.gif); text-align: center; font-size: 13px; font-weight: bold; color: white }

.Book { float: left; width: 600px; visibility: hidden; background: url(img_site/front_page.gif) repeat-x 0px 0px; border: 1px solid #DDD;}
.Book .FlipPageCont { position: absolute; top: 0px; width: 300px; height: 450px; overflow: hidden;}
.Book .Page { float: left; width:300px; height: 450px; }

.Photo {float: left}
.Photo IMG {border: 0px; width: 98px; margin: 0px 0px 4px 3px}

.LinkContact { color: #EF097C; }
.LinkContact.Big {font-size: 16px; float: right; margin-right: 15px;} 
.MailContact { text-decoration: none; color: #EF097C; }

/*** Pola */
.Pola {float: left; position: relative; width: 600px; height: 450px; overflow: hidden }
.Pola .PolaCont {float: left;  position: relative; width: 300px; height: 100%; }
.Pola .PolaCont IMG {position: absolute;}
.Pola .PolaCont .Image {left: 62px; top: 59px; width: 216px}
.Pola .PolaCont .Mask { position: absolute; width: 300px; height: 450px; background: url(img_site/pola_frame2.png) }

/*** Video */
.Video { position: relative; float: left; width: 600px; height: 450px }
.VideoLink {text-decoration: none; width:20px ; height: 20px; margin-left: 2px; color: white; font-weight: bold; background: url('img_site/video_bkg.gif'); display: block; float: left}
.VideoLink span {position: relative; top: 2px; left: 6px; }
.VideoList_name {width: 145px;}
.Video .VideoPlayer {position: relative; left: 90px; width: 400px; height: 320px;  }
.Video .VideoMenu { position: absolute; top: 213px; right: 0px;  width:40px }

/**** Agency */
.AgencyCont .GoogleMap { width: 400px; height: 240px; border: 1px solid #DDD }
.AgencyCont .Address { float: left; margin-top: 15px; text-align: center; width: 400px; font-weight: normal }
.AgencyCont .Text {clear: left; float: left;  margin: 10px 0px 0px 5px; width: 100% }
.ActionCont {clear: left; width: 100%; padding-top: 10px; height:30px; text-align: center }
.ActionCont .Validate {padding: 2px 5px 2px 5px; background: #EF097C; color: white; font-size: 15px; font-weight: bold;}
.ActionCont .Validate:hover { background: pink; }


/**** Legal */
.LegalCont {float: left; height: 100%; width:99%; overflow: auto; font-size: 12px}
.LegalCont .Title { margin-top: 5px }
.LegalCont H1  { margin: 0px; margin-bottom: 5px; font-size: 15px; }
.LegalCont H2  { margin: 2px 0px 5px 0px ;  font-size: 12px; }
.LegalCont P {margin: 0px; margin-top: 3px; padding: 0px; text-align: justify}

/**** Apply form */
.FormCont { position: relative; margin-left: 20px; width: 860px; font-size:12px; color: #555; clear: left; }

.FormCont H1 { color: #EF097C }

.FormCont H2 {margin: 0px;}

.FormCont .TextColor {color: #EF097C; font-weight: bold;}

.FormCont .Top { height:34px; }
.FormCont .Main { position: relative; padding-left: 20px; padding-top: 10px; height: 350px;  }
.FormCont .Bottom {width: 100%; padding-top: 10px; height:30px; text-align: center }

.FormCont .Column {width: 270px; height: 280px; float: left}

.FormCont .Check {float: left; padding-left: 17px; margin-top: 2px; background: url(img_site/bullet_none.gif) 0px 2px no-repeat;}
.FormCont .Check.Ok {background-image: url(img_site/bullet_check.gif); color: #EF097C }
.FormCont .Check LABEL {width: 110px; margin-top: 0px}

.FormCont .Check .Button { margin-top: 2px; width: 60px; height: 15px ; line-height: 12.5px; background-image:url(img_site/bt_load_bkg.gif); color: white; text-align: center }
.FormCont .Check .Button:hover { color: #EF097C }
 
.FormCont .Check.FormError {border: 0px;}
.FormCont .Check.FormError LABEL {color: red}

.UploadField {display: none; padding-left: 100px;}
.UploadField INPUT {color: black} 

.FormCont .Bottom .Validate {padding: 2px 5px 2px 5px; background: #EF097C; color: white; font-size: 15px; font-weight: bold;}
.FormCont .Bottom .Validate:hover { background: pink; }

.FormCont FORM { margin: 0px; padding: 0px}
.FormCont LABEL {clear: left; float:left; width: 90px; margin-top: 3px; font-size: 13px;}

.FormCont INPUT, 
.FormCont TEXTAREA, 
.FormCont SELECT {float: left; width: 140px; margin-top: 5px; background-color: #EEE; border: 0px; border-left: 2px solid #EF097C; border-bottom: 1px solid white;}

.FormCont INPUT {margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#222;  }

.FormCont *.FormError { border-bottom: 1px solid red; }

/**** Selection */
.SelList { clear: left; height: 420px; overflow: auto}
.SelList .ModelElem { float: left; padding:5px; margin-bottom: 5px; width:750px}
.SelList .ModelElem.Selected { background-color: #EF097C }
.SelList .ModelElem.Selected .ModelName { color: white; }
.SelList .ModelElem.Selected .Button.Selection {  }
.SelList .ModelName { float: left; color: #EF097C; font-size: 15px; font-weight: bold }
.SelList .ModelData { float: right; margin-right: 30px;}
.SelList .ModelData .ModelValue { float: left; padding: 0px; margin: 0px; width: 50px; font-size: 11px}
.SelList .ModelData .ModelSelLabel { font-weight: bold }
.SelList .ModelImgs { float: left; padding: 2px; border: solid 1px #E5CFF0; width:700px; background: #FFFFFF; overflow: auto; cursor: pointer}
.SelList .ModelImgs IMG {float: left}
.SelList .Action {float: left;}
.SelList .Button.Selection { width:15px; height: 15px; background-image:url(img_site/bullet_uncheck.gif)  }

.FormCont.Selection TEXTAREA { width: 500px;  height: 200px}

.SelHeadSheetCont .Title { font-size: 14px; float: left; font-weight: bold }
.SelHeadSheetCont .SelHelp { float: left; padding: 0px 0px 0px 10px;  font-size: 11px}
/**** Autres */
.AizenkoLink, .MentionLink {text-decoration: none; color: #AAA; font-size: 11px;}

/*********** old */
.ModelLabel {width: 70px; height: 20px; padding: 2px; font-size: 11px; font-weight: bold;}
.ModelField {background: #9C0057; border: solid 0px #FFFFFF;font-size: 10px; font-weight: normal }
.ModelValueList {border: 0px; background: #9C0057; font-size: 10px; font-weight: normal }
.ModelListTitle {background: #9C0057; font-size: 11px; font-weight: bold; cursor: pointer;}
.ModelLine   {background: #9C0057; font-size: 11px; font-weight: normal; cursor: pointer;}
.ModelLineHL {background: #DD0244; font-size: 11px; font-weight: normal; cursor: pointer;}
.Gauge {font-size: 8px; }

.warning { font-size: 12px;	color: #663366; font-weight: normal;	text-align: center;}
.browser {	font-size: 12px;	font-weight: bold;	color: #CC3300; }