/* - - - - - - - - - - - - - - - - - - - - -E - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Welcome */
#welcomeInfos, #welcomeMouratimmo, #welcomeMethode, #welcomeJoin, #welcomeTemoignage {float:left; width:460px; font-size:.9em; text-align:justify;}
#welcomeInfos, #welcomeMouratimmo {margin-right:5px; border-right:2px solid #BFBFBF; padding-right:5px; height:485px;}
#welcomeMouratimmo, #welcomeJoin {margin-left:5px; border-left:2px solid #BFBFBF; padding-left:5px;}
#welcomeMethode, #welcomeJoin {height:220px; margin-bottom:5px;}
#welcomeMouratimmo {background:url(images/welcome_bg_red.jpg) no-repeat right bottom; margin-right:5px;}
#welcomeMouratimmo h2, #welcomeMethode h2, #welcomeJoin h2, #welcomeTemoignage h2 {font-size:1.6em; text-transform:uppercase; text-align:left;}
#welcomeTemoignage h3 {font-size:1.2em; font-weight:bold; font-style:normal;}
#welcomeTemoignage h4 {font-size:1em; font-style:italic; font-weight:normal;}
#welcomeMouratimmo img, #welcomeInfos img, #welcomeMethode img, #welcomeJoin img, #temoignageMouratimmo img {margin:4px; float:left;}
#welcomeInfos div {float:left; width:265px;}
#welcomeInfos h3 {font-size:1.05em; font-weight:bold;}
#welcomeInfos ul {margin:10px 0; padding:0px;}
#welcomeInfos ul li {margin:0 0 0 15px; padding:0px; text-align:left;}
#welcomeInfos ul li.sup {position:relative; left:15px; list-style:circle;}
#welcomeInfos ul li.jump {margin-bottom:10px;}

a.welcome {text-decoration:underline; float:right;}
a.welcome:hover {text-decoration:none;}

/* Group */
#groupContainerLeft {width:225px; padding:2px; float:left;}
#groupContainerLeft div.map {background:url(images/situation.jpg) no-repeat left top; height:205px; margin-top:3px;}
#groupContainerLeft h3 {color:#222; font-weight:bold; font-size:1em;}
#groupContainerLeft h3.separ {border-top:1px solid #999; padding-top:5px; margin-top:5px;}
#groupContainerLeft p {color:#444; font-size:.8em;}
#groupContainerRight {float:left; margin-left:10px; border-left:2px solid #BFBFBF; padding:2px 2px 2px 10px; width:692px; height:820px;}
#groupContainerRight p {text-align:justify; font-size:.8em;}
#groupContainerRight p span {font-style:italic;}
a.welcome, span.red {color:#e2001a;}
#groupContainerRight p.sTitle {text-decoration:underline; margin-bottom:5px; font-weight:bold;}
#groupContainerRight ul {margin:0 0 0 25px; padding:0;}
#groupContainerRight li {list-style-type:circle; font-size:.8em;}
#groupContainerRight img.right {margin-left:10px;}
#groupContainerRight img.banner {margin-left:30px;}
#groupContainerRight img.logo {margin:10px 0 0 120px;}
#groupContainerRight img.border {border:1px solid #DDD;}

/* Concept */
#conceptIntro {margin-right:10px; padding:2px;}
#conceptIntro p {text-align:justify; font-size:.9em;}
#conceptIntro ul {margin:10px 0; padding:0px;}
#conceptIntro ul li {margin:0 0 0 25px; padding:0px; text-align:left; font-size:.9em;}
#conceptIntro img {margin-left:5px;}
#conceptIntro h3 {font-weight:bold; margin-bottom:4px; font-size:1.1em;}
#conceptTabContainerTitle {background-color:#000; color:#FFF; font-size:1.4em; padding:3px; font-weight:bold;}
#conceptTabContainerButton {width:175px; float:left;}
#conceptTabContainerButton, #conceptTabContainerContent {min-height:250px;}
#conceptTabContainerButton ul {margin:0; padding:0; list-style:none;}
#conceptTabContainerButton li {font-size:1em; cursor:pointer; background:#e2001a url(images/tab_bt_bg.gif) repeat-x 0 -10px; height:25px; padding-left:3px; margin-top:3px; line-height:1.6em;} /* border-bottom:1px solid #CCC;*/
#conceptTabContainerButton li:hover, #conceptTabContainerButton li.conceptTabContainerButtonSelect {background:#e2001a url(images/tab_bt_bg.gif) repeat-x 0 -41px; color:#FFF; padding-left:10px;}
#conceptTabContainerContent {overflow:none; float:left; width:767px;}
#conceptTabContainerContent div {font-size:.8em; padding:4px; border-left:2px solid #BFBFBF; min-height:270px; margin:4px 0 0 4px;}
#conceptTabContainerContent h4 {padding-left:10px; background:url(images/ico_left.gif) no-repeat left center;}
#conceptTabContainerContent p {padding-left:10px; margin:2px 0 5px 0; font-size:.9em}
#conceptTabContainerContent ul, #conceptTabContainerContent li {}

/* Jobs */
#jobs-container h1 {font-size:16px; margin-bottom:5px;}
#jobs-container p.jobs-stitle {font-style:italic; font-size:12px; margin:0 0 5px 3px;}
#jobs-map {height:500px; border:2px solid #EEE;}
div.info-window {width:350px;}
div.info-window .title {margin-bottom:5px;}
div.info-window .descript {font-style:italic; margin-bottom:5px;}
div.info-window .nbposte {}
div.info-window .action {text-align:right;}
#jobs-list {height:289px; overflow:auto;}
.jobs-list-table {width:925px; font-size:12px; border:2px solid #FFF;}
.jobs-list-table caption {text-align:left; font-weight:bold; text-transform:uppercase; font-size:14px;}
.jobs-list-table th {background:#BCBCBC; padding:3px;}
.jobs-list-table .secteur {width:250px; border-right:1px solid #FFF;}
.jobs-list-table .description {border-right:1px solid #FFF;}
.jobs-list-table .nbposte {width:60px;text-align:center; border-right:1px solid #FFF;}
.jobs-list-table .action {width:55px; text-align:center;}
.jobs-list-table td {padding:3px; border-top:1px solid #FFF;}
.jobs-list-table td.separ {background:#DDD;}
.jobs-list-table td.over {background:#FFF;}

/* Contact */
#contactContainer img {float:left;}
#contactContainer div.form {float:left; margin-left:5px; border-left:2px solid #bfbfbf; padding-left:5px; width:670px; min-height:400px;}
#contactContainer div.error {border:3px solid #FF5E5E; background-color:#FFC1C1; padding:5px; margin-bottom:10px; display:none;}
#contactContainer div.error ul {margin:0; padding:10px 10px 10px 30px;}
#contactContainer div.success {border:3px solid #87B7FF; background-color:#E8F1FF; padding:5px; margin-bottom:10px;}
#contactContainer div.success h2 {font-weight:bold; margin-bottom:10px;}
#contactContainer div.button {text-align:center; margin-top:10px;}
#contactContainer div.button input {cursor: pointer;}
#contactContainer p.intro {font-size:1em; margin-bottom:10px;}
#contactContainer p.rules, #contactContainer span.rule {font-style:italic; font-size:0.8em;}
#formContact {color:#444444; font-size:.9em; line-height:1.3em}
#formContact label {width:100px; float:left;}
#formContact label span {color:#e2001a;}
#formContact input, #formContact select, #formContact textarea {border:1px solid #CCC;}
#formContact input.file {position: relative;}
.formError {border-color:#FF0000; background:#FFF url(images/form_error_bg.gif) no-repeat right top;} /**/
#contactContainer div.separ, #footerContainer div.separ {background: url(images/separ.gif) repeat-x center; height:20px; clear:both;}