@charset "UTF-8";
/* CSS Document */


html, body { height:100%; }
body {background:url(images/bg-1.gif) top center; text-align:center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

.newcontainer {width:1075px; margin:0 auto; text-align:left;}
.leftbanner {width:165px; float:right; margin-top:140px;}
#container {width:900px; background:#e1ddd1; float:left; position:relative;}
#section-photo {width:276px; height:494px; float:left;}
.section-photo-index {background:url(images/index.jpg)}
.section-photo-directeur {background:url(images/le-directeur.jpg)}
.section-photo-infiltration {background:url(images/infiltration.jpg)}
.section-photo-greves {background:url(images/greves.jpg)}
.section-photo-filature {background:url(images/filature.jpg)}
.section-photo-enquete {background:url(images/enquete.jpg)}
.section-photo-coordonnees {background:url(images/coordonnees.jpg)}
.section-photo-liens {background:url(images/liens.jpg)}
.section-photo-preemploi {background:url(images/preemploi.jpg)}
.section-photo-formulaires {background:url(images/formulaires.jpg)}
.section-photo-tarifs {background:url(images/tarifs.jpg)}
.section-photo-recrutons {background:url(images/nous-recrutons.jpg)}
.section-photo-nouvelles {background:url(images/nouvelles.jpg)}
.section-photo-partenaires {background:url(images/partenaires.jpg)}

.preenquete-content {width:400px; position:absolute; top:230px; left:300px;}
.preenquete-content p {color:#293646; font-size:13px; line-height:18px;}
.preenquete-content p span {color:#cda641; font-weight:bold; font-size:15px;}
.preenquete-retour {position:absolute; top:330px; left:15px;}
.preenquete-retour a {font-size:12px; font-weight:bold;}

.underlined {text-decoration:underline;}
.italic {font-style:italic;}
sup {line-height:0px;}

#header {width:100%; height:150px; background:url(images/bcs-investigation.jpg);}
#header-en {width:100%; height:150px; background:url(images/bcs-investigation-en.jpg);}

#content {width:584px; float:right; height:454px; background:#FFC url(images/bg.jpg); padding:20px; text-align:left;}
#more-content {width:860px; float:right; background:#FFC url(images/more-bg.jpg) bottom no-repeat; padding:20px; text-align:left;}
#more-content a {font-size:12px;}
#content-submenu {width:150px; height:300px; font-size:11px; float:left;}
#content-submenu2 {width:70px; height:300px; font-size:11px; float:left;}
#content-submenu ul {list-style:none; line-height:13px;}
#content-submenu li {margin-top:8px;}
#content-submenu a {color:#333; text-decoration:none;}
#content-submenu a:hover {color:#8d7540;}
#content-submenu .sm-current {color:#8d7540;}

a {color:#8d7540; text-decoration:none;}
a:hover {color:#333;}

.lliens {text-align:center; font-weight:bold;}

#content-page-2 {width:434px; overflow:auto; height:300px; margin-bottom:10px; float:right;}
#content-page-3 {width:514px; overflow:auto; height:300px; margin-bottom:10px;}
#content-page {width:584px; overflow:auto; height:300px; margin-bottom:10px;}

#content-page li, #content-page-2 li, #content-page-3 li, #more-content li{background:url(images/li-listtype.gif) left top no-repeat; padding-left:15px; margin-left:10px; font-size:12px; line-height:16px;}
#content-page a, #content-page-2 a, #content-page-3 a, #more-content a {color:#8d7540; text-decoration:underline;}
#content-page a:hover, #content-page-2 a:hover, #content-page-3 a:hover, #more-contant a:hover {color:#333;}
#content-news {width:220px; float:right;}
#content-navigation {width:340px; float:left;}

#content-navigation-left {width:160px; float:left;}
#content-navigation-right {width:160px; float:right;}

#navigation {font-size:12px; line-height:17px;}
#navigation li {background:url(images/arrow.gif) left center no-repeat; padding-left:10px; text-transform:uppercase;}
#navigation li:hover {background:url(images/arrow-ov.gif) left center no-repeat; padding-left:17px;}
#navigation a {color:#000; text-decoration:none;}
#navigation a:hover {color:#8d7540; text-decoration:none;}
#navigation li.current {background:url(images/arrow-ov.gif) left center no-repeat; padding-left:17px;}
#navigation li.current a {color:#8d7540;}


#counter { margin:10px; color:#CCC; font-size:10px; text-align:center;}

#content-news p {font-size:11px; color:#666;}

#language {font-size:10px; float:right; margin:10px 10px 0px 0px;}
#language a { color:#daa638; text-decoration:none;}
#language a:hover { text-decoration:underline;}


.collapsable a {font-size:11px;}
li.collapse {margin-top:10px; font-weight:bold;}
.cacher p {margin-top:0px; font-weight:normal;}

h1 {font-size:23px; text-transform:uppercase; color:#8d7540; font-weight:normal; margin:0; padding:0;}
h2 {font-size:17px; text-transform:uppercase; color:#6b572a; font-weight:normal; margin:5px 0; padding:0;}
p {font-size:12px; text-align:justify; margin-right:10px;}
p .small {font-size:11px;}
ul, li {margin:0; padding:0; list-style:none;}
.clear {clear:both;}