/* CSS Document */

@import url(defaut.css);

/*  Global setings */
* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	font-family: Tahoma;
}
.clear {
	float: none;
	height: 0px;
	font-size: 0px;
	line-height: 0.0;
	clear: both !important;
}
p {
	font: 11px/12px Tahoma;
	color: #666;
	margin: 5px;
}
p img {
	margin: 5px;
}
ul {
	list-style: none;
}
ul {
margin-left: 17px;
padding:0 0 10px 0;
/*list-style-image:url(../images/puce_logo.gif);*/
list-style-image: url(../old-images/puce_red.gif);
line-height: 14px;
color: #666;
}

ul ul {
margin-left: 17px;
padding:0 0 10px 0;
/*list-style-image:url(../images/puce1.gif);*/
list-style-image: url(../old-images/puce_green.gif);
line-height: 14px;
color: #666;
}
h4 {
	color: #666;
}
h3 {
font-size: 15px;
line-height: 40px;
}

h2 {
font-size: 18px;
line-height: 40px;
}

h1 {
font-size: 24px;
line-height: 40px;
}
a {
color:#BA1726;
}
a:hover {
color:#B1CF16;
}
.red-color {
	color: #BA1726;
}
.file {
	background-color: #F0FFE8;
}
body {
	background: #fff/*BA1726*/;
	height: 100%;
}
/*  end Global setings */


/*-----------------------------------------------------------------------------------------*/
/* Main layout */
#page {
	margin: 0 auto;
	width: 980px;
	height:auto;
	background: url(../images/shadow-wite.gif) repeat-y scroll center;
}
#container {
	margin: 0 auto;
	width: 960px;
	height: auto;
}
.header {
	display: block;
	clear: both;
	height: 163px;
	width: 100%;
}
.red {background: url(../images/header_rouge.jpg) 0px 0px no-repeat;}
.orange {background: url(../images/header_orange.jpg) 0px 0px no-repeat;}
.green {background: url(../images/header_terre.jpg) 0px 0px no-repeat;}
.yellow {background: url(../images/header_savoir_faire.jpg) 0px 0px no-repeat;}
#middle {
	display: block;
	clear: both;
	height: auto;
	width: 100%;
	background: #c4e20e url(../images/bg-leftmenu.jpg) repeat-x;
}
#logo {
	display: block;
	text-indent: -9999px;
	width: 120px;
	height: 100px;
	padding-left: 80px;
	padding-top: 15px;
}
#logo a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}
#left-menu {
	width: 150px;
	float: left;
	height: 100%;
	position: relative;
	background: url(../images/bg-leftmenu-ul.jpg) no-repeat right top;
}
#content {
	display: table-cell;
	width: 800px;
	float: right;
	padding: 5px;
	min-height: 100%;
	background: #fff;
}
.no-paddingContent {
	width: 810px !important;
	padding: 0px !important;
}
#footer {
	display: block;
	clear: both;
	height: 33px;
	width: 100%;
	background: url(../images/bg-footer-wite.gif) bottom no-repeat;
}
#footer p {
	margin: 0 auto;
	width: 960px;
	display: block;
	font: 10px/25px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/menu1_bg.gif) repeat-x;
	color: #fff;
	text-align: center;
}
#footer p a {
	color: #fff;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#footer p a:hover {
	color: #ccc;
}
/* end Main layout */
/*-----------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------*/
/* Header section */
/* - Language <---*/
#lang {
	display: block;
	float: right;
	height: 22px;
	list-style: none;
	line-height: 0.0;
	padding: 0 5px 0 0;
	width: 120px;
	margin: 0px !important;
}
#lang li {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	text-align: center;
	padding-right: 2px;
}
#lang li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: -9999px;
	color: #fff;
	
	cursor: pointer;
}
#lang #fr {
	background: url(../images/france-flag.gif) center no-repeat;
}
#lang #fr:hover {
	background: url(../images/france-flag_over.gif) center no-repeat;
}
#lang #en {
	background: url(../images/english-flag.gif) center no-repeat;
}
#lang #en:hover {
	background: url(../images/english-flag_over.gif) center no-repeat;
}
#lang #es {
	background: url(../images/spanish-flag.gif) center no-repeat;
}
#lang #es:hover {
	background: url(../images/spanish-flag_over.gif) center no-repeat;
}
#lang #jp {
	background: url(../images/japan-flag.gif) center no-repeat;
}
#lang #jp:hover {
	background: url(../images/japan-flag_over.gif) center no-repeat;
}
/* -end Language end<---*/


/* - Header Middle <--- */
#header-middle {
	height: 128px;
}
/* -end Header Middle end<--- */

/* - seo-p <---*/
#seo-p {
	height: 11px;
	font: 9px/11px Tahoma;
	color: #666;
	padding: 0 4px 0 4px;
	margin: 0px;
}
/* -end seo-p end<---*/

/* - Menu2 <---*/
#menu2 {
	display: block;
	background: url(../images/bg_menu2.gif) repeat-x;
	height: 23px;
	border-top: 1px solid #fff;
}
/* - news <--- */
#scrolling-news {
	float: left;
	width: 670px;
	height:23px;
}
.scrolling-text {
	color: #fff;
	font: 11px/23px Tahoma;
}
.scrolling-text p {
	color: #fff;
}
/* - end news end <--- */

/* - Search and Select <--- */
#search_2 {
	display: block;
	width: 140px;
	float: left;
	padding-left: 10px;
	line-height: 0.0px;
	padding-top: 3px;
	visibility: hidden;
}
#search {
	display: block;
	width: 140px;
	float: right;
	line-height: 0.0px;
}
.search-visible {
	visibility: visible !important;
}
#search label {
	display: block;
	float: left;
	width: 95px;
}
#search input {
	width: 90px;
	height: 15px;
	border: 1px solid #666;
	font: 11px/12px Tahoma;
}
#search #submit {
	width: 25px;
	height: 17px;
	border: none;
	background: url(../images/btn_ok.gif) no-repeat;
	cursor: pointer;
	margin-top: 1px;
}
/* -end Search and Select end<--- */
/* -end Menu2 end<---*/
/* end Header section */
/*-----------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------*/
/* Left Menu */
#cap-prestige {
	margin: 5px 0px 5px 0px;
	padding: 5px;
}
#cap-prestige p {
	margin: 0px;
	color: #930607;
	font: 10px Arial, Helvetica, sans-serif;
}
#left-menu .menu2 {
	height: 100%;
	margin-left: 0px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#left-menu ul li {
	display: block;
	cursor: pointer;
}
#left-menu ul li a {
	display: block;
	height: 22px;
	font: 10px/22px Tahoma;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}
#left-menu ul li a:hover {
	background: url(../images/bg-bottons.gif) 0px 50% repeat-x;
	color: #444;
	cursor: pointer;
}
#left-menu ul li .activ-nav {
	background: url(../images/bg-bottons.gif) 0px 50% repeat-x;
	color: #444;
	cursor: pointer;
}
#left-menu ul li ul {
	display: none;
	margin-left: 20px;
	list-style: none;
	list-style-image: none;
	padding: 0px;
}
#left-menu ul li ul li {
	border: none;
}
#left-menu ul li ul li a {
	text-transform: none;
	text-align: left;
	padding-left: 10px;
	background: none;
	font: 10px/15px Tahoma;
	height: 15px;
}
#left-menu ul li ul li a:hover {
	background: url(../images/bg-secNav.png) 0px 0px repeat-x;
	color: #fff;
}
#left-menu ul li a span {
	text-indent: -9999px;
	display: block;
	font: 10px/22px Tahoma;
	height: 100%;
}
.film-btn {
	background: url(../images/buttons/fr/film-btn.png) left 1px no-repeat;
}
.film-icon {
	display: block;
	background: url(../images/film-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.entreprise-btn {
	background: url(../images/buttons/fr/entreprise-btn.png) left 1px no-repeat;
}
.gamme-btn {
	background: url(../images/buttons/fr/gamme-btn.png) left 1px no-repeat;
}
.laTerre-btn {
	background: url(../images/buttons/fr/laTerre-btn.png) left 1px no-repeat;
}
.laTerre-icon {
	display: block;
	background: url(../images/laTerre-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.savoirFaire-btn {
	background: url(../images/buttons/fr/savoirFaire-btn.png) left 1px no-repeat;
}
.savoirFaire-icon {
	display: block;
	background: url(../images/savoirFaire-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.imagination-btn {
	background: url(../images/buttons/fr/imagination-btn.png) left 1px no-repeat;
}
.imagination-icon {
	display: block;
	background: url(../images/imagination-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.puncte-icon {
	display: block;
	background: url(../images/puncte-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.intranet-icon {
	display: block;
	background: url(../images/buttons/intranet-icon.png) center no-repeat;
	width: 11px;
	height: 22px;
	margin-left: 10px;
}
.home {
	background: url(../images/buttons/fr/home-btn.png) left 1px no-repeat;
}
.press {
	background: url(../images/buttons/fr/press-btn.png) left 1px no-repeat;
}
.contact {
	background: url(../images/buttons/fr/contact-btn.png) left 1px no-repeat;
}
.links {
	background: url(../images/buttons/fr/links-btn.png) left 1px no-repeat;
}
.recrutment {
	background: url(../images/buttons/fr/recrutment-btn.png) left 1px no-repeat;
}
.faq {
	background: url(../images/buttons/fr/faq-btn.png) left 1px no-repeat;
}
.intranet {
	background: url(../images/buttons/cap-intranet-btn.png) left 1px no-repeat;
}
#intranet {
	display block;
	width: 100%;
	position: absolute;
	top: 335px;
	left: 0px;
}
/*end Left Menu end*/
/*-----------------------------------------------------------------------------------------*/


/* ================================================================== */
/* ============================== FIRST PAGE ======================== */
/* ================================================================== */

.firstPage {
	background: #deef76 url(../images/bg-firstPage.gif) no-repeat 0px 100px !important;
}
.actualite {
	float: left;
	width: 255px;
	height: auto;
	padding: 5px;
}
.partener-chefs {
	float: right;
	width: 265px;
	height: 90px;
	padding: 5px 0px 5px 0px;
}
.partener-chefs p {
	color: #5f7b0a;
	font-size: 9px !important;
	font-family: Tahoma;
	float: left;
	width: 125px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 50px;
}
.partener-chefs div {
	float: right;
	padding: 5px;
	width: 120px;
	text-align: center;
}
.actualite2 {
	float: right;
	clear: right;
	width: 255px;
	height: auto;
	background: #ebf5ac;
	padding: 5px;
}
.actualite img, .actualite2 img {
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}
.actualite-title {
	display: block;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	color: #b51628;
	margin-bottom: 4px;
}
.h3-title {
	display: block;
	height: 30px;
	margin-top: 4px;
	text-indent: -9999px;
	text-align: center;
}
.actualite p, .actualite2 p {
	color: #444;
}
.actualite-link {
	display: block;
	float: right;
	line-height: 25px;
	height: 25px;
	font-size: 25px;
	background:url(../images/red-flash.png) no-repeat;
}
.actualite-link a {
	color: #5f7b0a;
	padding-left: 20px;
	text-decoration: none;
	font: bold 11px/25px Arial, Helvetica, sans-serif;
}
.actualite-link a:hover {
	color: #BA1726;
}
.actualite2 p {
	display: block;
	float: left;
	width: 140px;
}
.actualite2 div {
	width: 100px;
	float: right;
	text-align: center;
}

/* ================================================================== */
/* ==============================end FIRST PAGE end======================== */
/* ================================================================== */




/* ================================================================== */
/* ============================== ACTUALITE PAGE ======================== */
/* ================================================================== */

.actualitePage img {
	margin: 5px 15px 5px 5px;
}
.global-hr {
	clear: both;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
}
.page-nav a {
	text-decoration: none;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
.page-nav a:hover {
	background-color: #BA1726;
}

/* ================================================================== */
/* ==============================end ACTUALITE PAGE end======================== */
/* ================================================================== */




/* ================================================================== */
/* ============================== RECRUITMENT PAGE ======================== */
/* ================================================================== */

.recruitmentPage {
	width: 770px !important;
	padding: 20px !important;
}
.recruit1-title {
	text-indent: -9999px;
	clear: both;
	display: block;
	height: 30px;
	background: url(../images/titles/fr/recruit1-title.jpg) no-repeat left top;
}
.recruit2-title {
	text-indent: -9999px;
	display: block;
	height: 30px;
	background: url(../images/titles/fr/recruit2-title.jpg) no-repeat left top;
}
.recruit1 {
	position: relative;
	border: 1px solid #eee;
	background:url(../images/bg-recruit1.jpg) no-repeat left bottom;
	margin-bottom: 5px;
}
.post-btn {
	float: right;
	background: url(../images/bg-recruit-post-btn.png) no-repeat bottom right;
	width: 100px;
	height: 25px;
	padding-top: 25px;
}
.post-btn a {
	display: block;
	float: right;
	padding: 0px 5px 0px 20px;
	height: 20px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: url(../images/red-flash.png) no-repeat;
}
.post-btn a:hover {
	color: #e6e6e6;
}
.recruit1-post, .recruit2-post {
	display: none;
	position: relative;
	border: 1px solid #eee;
	float: right;
	clear: both;
	width: 340px;
}
.recruit1-post p, .recruit2-post p {
	margin: 4px;
	position: relative;
}
.recruitmentPage input, .recruitmentPage textarea {
	border: 1px solid #769220;
	width: 200px;
	font: 11px/16px Tahoma;
	height: 16px;
}
.recruitmentPage textarea {
	width: 250px;
	height: 80px;
}
.recruitmentPage label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 5px;
	color: #8cc01c;
}
.send-btn {
	width: 56px !important;
	height: 20px !important;
	background: transparent url(../images/bg-bottons3.gif) repeat-x;
  	font-size:10px;
	color: #fff;
	font-weight: bold !important;
	border: 0px !important;
	cursor: pointer;
}
.recruit2 {
	border: 1px solid #eee;
	background: url(../images/bg-recruit2.gif) repeat-x;
	height: 35px;
	margin-bottom: 5px;
}
.colt {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/colt.png) no-repeat top right;
	width: 100%;
	height: 15px;
	z-index: 5;
}
.recruit2-post {
	width: 650px;
}

/* ================================================================== */
/* ==============================end RECRUITMENT PAGE end======================== */
/* ================================================================== */





/* ================================================================== */
/* ============================== ENTREPRISE PAGE ======================== */
/* ================================================================== */

.entreprisePage {
	width: 770px !important;
	padding: 20px !important;
}
.grup1 {
	display: block;
	float: left;
}
.unu {
	width: 200px;
	padding: 0px 5px 70px 5px;
	background: url(../images/entreprise-icon.gif) no-repeat 20px bottom;
}
.doi {
	width: 300px;
	border: 1px solid #eee;
	padding: 70px 5px 5px 5px;
	margin: 0px 20px 0px 20px;
	background: #fafbf5 url(../images/entreprise-icon2.gif) no-repeat center 10px;
}
.trei {
	border: 1px solid #c2e10e;
	float: left;
}
.grup-middle {
	height: 70px;
	padding: 20px;
	background: url(../images/bg-grup-middle.jpg) no-repeat left 5px;
}
.grup-middle div {
	width: 150px;
	float: left;
	margin-left: 75px;
	margin-top: 5px;
}
.grup-middle div h5 {
	display: block;
	color: #8cc01c;
	width: 80px;
	float: right;
}
.grup2 {
	float: left;
	width: 400px;
}
#film {
	width: 340px;
	text-align: center;
	float: right;
	padding: 5px;
}
#film h3 {
	height: 50px;
}
#film h3 a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #fff;
}
#film h3 a:hover {
	border-bottom: 2px solid #eee;
}

/* ================================================================== */
/* ==============================end ENTREPRISE PAGE end======================== */
/* ================================================================== */




/* ================================================================== */
/* ============================== CONTACT PAGE ======================== */
/* ================================================================== */

#contact-details {
	background: url(../images/linie-punctata.gif) repeat-x 0px bottom;
	padding: 10px;
}
#contact-details ul {
	list-style: none;
	display: block;
}
#contact-details ul li {
	display: block;
	float: left;
	margin: 20px 0px 0px 20px;
}
#contact-details p {
	font: 10px/12px Tahoma;
	color: #666;
}
#maps h2 {
	text-indent: -9999px;
	height: 26px;
	margin-top: 15px;
	background: url(../images/titles/fr/contact-top-title.gif) no-repeat;
}
#contact-footer {
	background: url(../images/linie-punctata.gif) repeat-x 0px 0px;
	padding: 10px;
}
#contact-footer h2 {
	display: block;
	float: left;
	width: 230px;
	text-indent: -9999px;
	height: 25px;
	margin-top: 15px;
	background: url(../images/titles/fr/contact-bottom-title.gif) no-repeat 0px 0px;
}
#contact-click-ici {
	display: block;
	width: 50px;
	height: 14px;
	line-height: 14px;
	float: left;
	color: #a20505;
	text-decoration: underline;
	font: 10px Tahoma;
	margin-top: 20px;
}
#contact-footerMenu {
	clear: both;
	font: 12px Tahoma;
	color: #777;
}
#contact-footerMenu a {
	font: 12px Tahoma;
	color: #777;
	text-decoration: none;
}
#contact-footerMenu a:hover {
	text-decoration: underline;
}
.world-map {
	position: relative;
}
.detalii-zone {
	margin: auto;
	width: 560px;
	height: auto;
	display: none;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
}
.detalii-zone .div1, .detalii-zone .div2 {
	display: block;
	float: left;
}
.detalii-zone .div1 {
	padding-right: 5px;
	width: 273px;
}
.detalii-zone .div2 {
	margin-left: 1px;
	background: url(../images/bg-div2.gif) 0px 50% no-repeat;
	width: 268px;
	padding-left: 10px;
}
.detalii-zone .click-btn {
	display: block;
	float: right;
	width: 80px;
	height: 16px;
	background: transparent url(../images/bg-bottons3.gif) repeat-x;
	color: #fff;
	font-weight: bold !important;
	border: 0px !important;
	cursor: pointer;
	font: 10px/16px Tahoma;
	text-decoration: none;
	padding-left: 4px;
	margin-top: -15px;
	text-align: center;
}
.detalii-zone p {
	font: 10px/12px Tahoma;
	color: #666;
	margin-bottom: 4px;
}
.detalii-zone p span {
	font: 11px/12px Tahoma;
}
#detalii-world-yellow {
background: #fffeef;
}
#detalii-world-yellow p span {
	color: #ce9b00;
}
#detalii-world-blue {
background: #f3fbff;
}
#detalii-world-blue p span {
	color: #177FB5;
}
#detalii-world-red, #detalii-france-red {
background: #fdf6f6;
}
#detalii-world-red p span, #detalii-france-red p span {
	color: #b60404;
}
#detalii-world-green, #detalii-france-green {
background: #fafee6;
}
#detalii-world-green p span, #detalii-france-green p span {
	color: #a5c205;
}
#detalii-france-orange {
background: #fff9ee;
}
#detalii-france-orange p span {
	color: #eca725;
}
#maps {
	display: block;
}
#contact-form {
	display: none;
	padding-top: 10px;
	width: 580px;
	margin: auto;
	margin-bottom: 50px;
}
#obligatoriu {
	width: 380px;
	float: left;
}
#obligatoriu p {
	padding-left: 20px;
	background: url(../images/red-flash.gif) 0px 50% no-repeat;
}
.back-map {
	display: block;
	float: right;
	background:url(../images/retour-carte.gif) 0px 50% no-repeat;
	padding-left: 15px;
	font: 12px/18px Tahoma;
}
.back-map a {
	font: 12px/18px Tahoma;
	color: #779320;
	text-decoration: none;
}
.back-map a:hover {
	color: #999;
}
#contact-form form {
	display: block;
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 10px;
	text-align: right;
	background: #fafbf5;
}
#contact-form form div {
	background: #fff;
	width: 490px;
	margin: auto;
	border: 1px solid #eee;
	padding: 10px;
	padding-right: 50px;
	margin-bottom: 10px;
}
#contact-form form p {
	margin: 4px;
}
#contact-form form input, #contact-form form select, #contact-form form textarea {
	border: 1px solid #769220;
	width: 200px;
	font: 11px/16px Tahoma;
	height: 16px;
}
#contact-form form select {
	height: 18px !important;
}
#contact-form form textarea {
	width: 400px;
	height: 150px;
}
#contact-form form label {
	display: block;
	float: left;
	width: 200px;
	text-align: right;
}
#contact-form .submit-form {
	margin: 0px 4px 0px 0px;
}
#contact-form .submit-form input {
	width: 60px;
	background: transparent url(../images/bg-bottons3.gif) repeat-x;
	cursor: pointer;
	margin-left: 10px;
	font: bold 11px/14px Tahoma;
	border: none;
	color: #fff;
	height: 18px;
}
#contact-form .submit-form input:hover {
	background-color: #8da91a;
	color: #fff;
}
.radio input {
	width: auto !important;
	margin-left: 10px;
	border: none !important;
	margin-top: 4px;
}


/* ================================================================== */
/* ==============================end CONTACT PAGE end======================== */
/* ================================================================== */