html {
	background: #d1d1d1 url(img/bg.png) repeat-x;
}

body {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #712b37;
}

a{
	color: #9E5F9A;
}

h1{
	color: #9e5f9a;
	font-size: 12px;
	background: url(img/puce2.png) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 2px;
	text-transform:uppercase;
}
h2{
	font-size: 11px;
}

p{
	padding-bottom: 1em;
	margin: 0px;
}

#main-container{
	width: 980px;
	margin: 10px auto;
}

#header{
	position: relative;
	height: 290px;
	background: url(img/bg-header-defaut.jpg) left bottom no-repeat;
}

#page-contents{
	background: url(img/bg-content.png) left top repeat-x;
	overflow: hidden;
	_height: 1%;
}

#mainLogo{
	display: block;
	text-indent: -99em;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 217px;
	height: 66px;
	background: url(img/mainLogo.png);
}


#content-get{
	width: 758px;
	padding: 0px;
	float: left;
	background: transparent url(img/content-bottom.png) left bottom no-repeat;
	_background: transparent url(img/content-bottom-ie6.png) left bottom no-repeat;
	padding-bottom: 16px;
	border-top: 1px solid #a3afbf;
}

#content-get-content-wrap{
	padding: 10px;	
	background: #ffffff;
	overflow: hidden;
}

#content-get-content p.bodytext{
	padding-left: 15px;
	padding-right: 15px;
}

#content-getRight{
	width: 205px;	
	float: right;	
	background: #9e5f9a url(img/right-bottom.png) right bottom no-repeat;
}
#content-getRight h1.csc-firstHeader{
	color: #ffffff;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	height: 28px;	
	line-height: 28px;	
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(img/puce4.png) 5px center no-repeat;
}
#content-getRight{
	color: #ffffff;
}


#content-getLeft h1.csc-firstHeader{
	color: #9e5f9a;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	height: 28px;	
	line-height: 28px;	
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(img/puce3.png) 5px center no-repeat;
}

/*
############################################################# 
TEMPLATE A TROIS COLONNES => exemple page d'accueil
############################################################# 
*/

.has-left-content #content-get{
	width: 520px;
	margin-left: 17px;
	_display: inline; /* double margin floating block on ie6 */
	border-top: none;
	padding-bottom: 15px;	
}


.has-left-content #content-get #content-get-content-wrap{
	padding: 0px;
}

.has-left-content #content-getLeft{
	width: 220px;
	float: left;
	background: #dbd6e8 url(img/left-bottom.png) left bottom no-repeat;

}
.has-left-content #content-get .csc-firstHeader{
	margin-top: 0px;	
	margin-bottom: 10px;	
	height: 28px;
	line-height: 28px;
	background: none;
	border-bottom: 1px solid #A3AFBF;
}



/*
############################################################# 
LES MENUS 
############################################################# 
*/


#header-menu{
	float: right;
}

#header-menu li{	
	display: inline;
}
#header-menu li a{	
	display: block;
	float: left;
	height: 12px;
	line-height: 12px;	
	padding: 0px 10px;
	border-right: 1px solid #b2b3b5;	
	color: #b2b3b5;	
	text-decoration: none;
}

#main-menu{
	width: 739px;
	height: 39px;
	background: url(img/bg-mainMenu.png);	
	position: absolute;
	right: 0px;
	top: 27px;
}

#main-menu ul{
	margin: 0px;
}
#main-menu li{
	display: inline;
}
#main-menu li a{
	font-weight: bold;
	color: #712b37;
	text-decoration: none;	
	display: block;
	float: left;
	width: 105px;
	height: 33px;
	padding-top: 6px;
	text-align: center;		
}
#main-menu li a:hover{
	color: #a3afbf;	
}

#main-menu ul ul{
	position: absolute;
	background: #712B37;
	width: 739px;
	top: 39px;
	left: 0px;	
	display: none;
}
#main-menu ul ul li{

}
#main-menu ul ul a{
	color: #fff;
	width: auto;	
	height: 20px;
	line-height: 20px;	
	padding: 0px 10px;
}
#main-menu .sf-sub-indicator{
	display: none;
}


#navigation ul li a:hover {
  color: #f0f0f0;
  background: #0a4395;
}

#rootline-menu{
	background: #ffffff;
	height: 28px;
	width: 758px;
	float: left;	
}
#rootline-menu ul{
	margin-top: 0px;
}
#rootline-menu li{
	display: inline;
}
#rootline-menu li a{
	font-weight: bold;
	color: #712b37;
	text-decoration: none;	
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px 0px 15px;
	background: url(img/puce1.png) left center no-repeat;	
}

#footer-menu{
	text-align: center;
	clear: both;
}
#footer-menu li{
	display: inline;
	margin: 0px 3px;
}
#footer-menu li a{
	text-decoration: none;
	color: #818181;	
}

/*
############################################################# 
LES DIFFERENTES IMAGES EN FONCTION DES RUBRIQUES
############################################################# 
*/

.faconnage #header{
	background-image: url(img/bg-header-faconnage.jpg);
}
.recherche #header{
	background-image: url(img/bg-header-recherche.jpg);
}
.qualite #header{
	background-image: url(img/bg-header-qualite.jpg);
}
.conditionnement #header{
	background-image: url(img/bg-header-conditionnement.jpg);
}
.contact #header{
	background-image: url(img/bg-header-contact.jpg);
}
.produits #header{
	background-image: url(img/bg-header-produits.jpg);
}
.florylis #header{
	background-image: url(img/bg-header-florylis.jpg);
}

/* les même mais en anglais */

.en #header{
	background-image: url(img/bg-header-defaut-gb.jpg);
}
.faconnage.en #header{
	background-image: url(img/bg-header-faconnage-gb.jpg);
}
.recherche.en #header{
	background-image: url(img/bg-header-recherche-gb.jpg);
}
.qualite.en #header{
	background-image: url(img/bg-header-qualite-gb.jpg);
}
.conditionnement.en #header{
	background-image: url(img/bg-header-conditionnement-gb.jpg);
}
.contact.en #header{
	background-image: url(img/bg-header-contact-gb.jpg);
}
.produits.en #header{
	background-image: url(img/bg-header-produits-gb.jpg);
}
.florylis.en #header{
	background-image: url(img/bg-header-florylis.jpg);
}



/*
############################################################# 
PLUGIN => ttnews
############################################################# 
*/
.news-latest-container{
	padding: 0px 10px 10px 10px;
}
.news-latest-container{
	color: #9e5f9a;	
}
.news-list-morelink a,
.news-single-backlink a,
.news-latest-container .news-latest-morelink a{
	color: #712b37;
	text-decoration: none;
	background: url(img/puce1.png) left center no-repeat;
	padding-left: 16px;
	display: block;
	float: right;
}
.news-single-backlink a{
	background-image: url(img/puce1-back.png);
}
.news-latest-txt{
	overflow: hidden;	
	_height: 1%;
}
.news-latest-container .news-latest-item{
	overflow: hidden;	
	border-bottom: 1px solid #a3afbf;
	padding-bottom: 5px;
}
.news-latest-container h3{
	margin: 5px;
}


#content-get-content .news-list-container p.bodytext,
#content-get-content .news-single-item p.bodytext{
	padding-left: 0px;	
}
#content-get-content .news-list-container h3,
#content-get-content .news-single-item h2{
	margin-bottom: 3px;
}

.news-list-date,
.news-single-timedata{
	color: #b2b3b5;
	margin-bottom: 10px;
}

.news-list-item{
	overflow: hidden;
	margin-bottom: 10px;
}
/*
############################################################# 
PLUGIN => belinkphytocosmaforms
############################################################# 
*/

.tx-belinkphytocosmaforms-pi1 form{
	padding: 15px;
}
.tx-belinkphytocosmaforms-pi1 label{
	font-weight: bold;
	display: block;
}
.tx-belinkphytocosmaforms-pi1 .row{
	margin-bottom: 5px;
}
.tx-belinkphytocosmaforms-pi1 input{
	width: 171px;
}
.tx-belinkphytocosmaforms-pi1 input.radio{
	width: 20px;
}
.tx-belinkphytocosmaforms-pi1 .row.civilite label{
	display: inline;
}
.tx-belinkphytocosmaforms-pi1 .submit{
	padding-top: 5px;
}
.tx-belinkphytocosmaforms-pi1 .submit input{
	border: none;
	background: url(img/send-bg-rightcol.png);
	height: 27px;
	line-height: 27px;
	color: #ffffff;
	text-align: left;
	text-indent: 55px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
}
.tx-belinkphytocosmaforms-pi1 .formValidation,
.tx-belinkphytocosmaforms-pi1 .formError{
	padding: 15px;	
}