/**********************************************
* CREATE BY   : SET Bunthoeun  
* Style of text effects: font, a, 
* paragraphs,picture content style and so on...           
***********************************************
* DATE CREATE : 06-04-08            
***********************************************/
/* =To play with header 
----------------------------------- */
#headerright li {
	display: inline;
}

#headerright li a {
	padding-left: 5px;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#headerright li a img {
	padding-top: 2px;
	padding-right: 2px;
}

#headertime {
	/*border-left: 2px solid #C51A21;
	border-right: 2px solid #C51A21;*/	
	font-weight: bold;
	color: #000;
}

#headertime img{
	padding-left: 5px;
	padding-right: 5px;
}

/* =To play with lefter navigation
   ----------------------------------- */
.lefter ul {
	list-style: none;
}

.lefter ul li {
	height: 28px;
}

/* =To play with path and img banner
   ----------------------------------- */
#breadcrumb img {
	margin-left: 350px;
}

#breadcrumb a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb a:hover {
	font-weight: bold;
}

#contentBodyRight {
	background-color: #fff;
}

#contentBodyRight img {
	background-color: #fff;
}

.styleList {
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	list-style: inside disc;
}

.noneStyleList {
	list-style: none;
}

/* =To play with table images clientpartenaires.html 
   ------------------------------------*/
#contentPartenaire {
	border: #E4E4E4 0px solid;
	margin-top: 15px;
}

#contentPartenaire td {
	border: #E4E4E4 0px solid;
	padding-left: 7px;
	padding-right: 3px;
	padding-top: 6px;
	padding-bottom: 1px;
}

/* =To define list style 
   ----------------------------------- */
.listForcedeVente {
	font-weight: bold;
	list-style: inside disc;
}

/* =To have space bullet and text
   ----------------------------------- */
.imgIcon {
	float: left;
	border: 0px solid;
	width: 90px;
}

/* =To play for image icon of content contacts.html 
   ----------------------------------- */
.contentContactsImgIcon {
	margin-top: 30px;
	width: 50px;
	float: left;
}

#paragraphRedContacts,#paragraphBlackContacts {
	margin-top: 30px;
	margin-left: 40px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: #C51A21 2px solid;
}

#paragraphRedContacts span {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
}

#paragraphBlackContacts a {
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #000;
	text-decoration: none;
	line-height: 20px;
}

#paragraphBlackContacts a:hover {
	font-weight: bold;
	color: #000;
}

.mabContacts {
	margin-top: 40px;
	margin-bottom: 20px;
	border: #C51A21 1px solid;
}

/* =To play for image icon of liens utiles liensutiles.html 
   ----------------------------------- */
.liensWrap {
	border: 0px solid;
	background-color: #fff;
	padding-top: 15px;
	min-height: 60px;
}

.contentLiensImgIcon {
	width: 100px;
	border: 0px solid;
	float: left;
}

.paragraphLiens {
	margin-left: 110px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: #C51A21 2px solid;
	font-weight: normal;
	float: none;
	min-height: 70px;
}

.paragraphLiens ul{
	margin-left: 10px;
}

.contentLiensUtiles td {
	border: #E4E4E4 1px solid;
}

/* =To have space bullet and text <p>
   ----------------------------------- */
.smallImgIcon {
	float: left;
	padding-right: 8px;
	padding-top: 14px;
}

/* =To play with images content
   ------------------------------------*/
.imgContent {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}

#imgContent {
	margin-top: 40px;
}

/* =To drop the right position of title
   ------------------------------------*/
.titleCategory {
	padding-bottom: 5px;
	background-color: #fff;
}

.questionCategory{
	font: 24px verdana, sans-serif;
	border-bottom: solid 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 49px;
	width: 519px;
}

/* =To display red text color<p> 
   ------------------------------------*/
.paragraphRed {
	font-weight: bold;
	font-style: italic;
	color: #C51A21;
}

/* =To have a space between text and img relationcommercial4.html 
   ------------------------------------*/
#paragraphSpaces {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* =To play with margin top and bottom 10px 
   ------------------------------------*/
.paragraphNormal {
	margin-top: 10px;
	margin-bottom: 15px;
}

/* =To display red color mutualisation.html 
   ------------------------------------*/
.paragraphRedMutualisation {
	color: #C51A21;
	padding-top: 15px;
	padding-bottom: 15px;
	list-style: none;
}

/* =To drop right title position of content table
   ------------------------------------*/
.tabCaption {
	float: left;
	border: solid 0px;
}

/* =To drop right title position of content table
 * =without palying with float 
   ------------------------------------*/
.tabCaptionLast {
	float: none;
}

/* =To play with margin and border table content 
   ------------------------------------*/
#countrydivcontainer,#liensContainer {
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	width: 487px;
	border: #C51A21 1px solid;
}

#countrydivcontainer {
	padding-bottom: 50px;
}

#countrydivcontainer p {
	margin-bottom: 10px;
}

#liensContainer {
	width: 500px;
	border: #C51A21 1px solid;
}

.tabContentTitle {
	color: #C51A21;
	font-weight: bold;
	padding-top: 10px;
}

/* =To play with negative margin relativecommercial4.html 
   ------------------------------------*/
.tabContentImg {
	margin-top: -50px;
	border: solid 0px;
	width: 520px;
	height: 47px;
}

.tabContentImg img {
	
}

#tabContent span {
	font-weight: bold;
}

#tabContent ul {
	border: #C51A21 2px solid;
}

#tabContent ul li {
	list-style: inside disc;
}

/* =To play with padding participeraudev.html 
   ------------------------------------*/
.contentpticiper {
	padding-left: 20px;
}

.contentpticiper a {
	color: #000;
	text-decoration: none;
}

.contentpticiper a:hover {
	font-weight: bold;
}

/* =To play with padding articles.html 
   ------------------------------------*/
.contentArticles {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 100px;
	border-left: #C51A21 2px solid;
}

.paragraphRedArticles {
	color: #C51A21;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.paragraphRedArticles span {
	font-size: 12px;
	font-weight: normal;
}

.paragraphNormalArticles {
	color: #000;
	padding-bottom: 20px;
}

/* =To play with margin questionreponses1.html 
   ------------------------------------*/
.contentImgQuestionReponses {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 0px solid;
}

.wrapLeftQuestionReponses {
	float: left;
	margin-left: 15px;
	border : solid 0px;
	clear: both;
}


.contentLeftQuestionReponses {
	width: 331px;
	min-height: 191px;
	border: solid 0px;
	background-color: #D8DA0F;
	/*background-color: #fff;*/
	margin-left: 30px;
	/*background: url(../images/question_reponses/question_reponse_V-bg.png) repeat-x;*/
}

.listRightQuestionReponses {
	border: 0px solid;
	margin-left: 355px;
	margin-top: 35px;
	height: 222px;
	list-style: none;
	padding-left: 5px;
}

.listRightQuestionReponses li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.listRightQuestionReponses li a:hover,.listRightQuestionReponses li a.selected
	{
	color: #D9DA17;
	font-weight: bold;
	text-decoration: none;
}

/* =To play with margin questionreponses2.html 
   ------------------------------------*/
.wrapRightQuestionReponses {
	margin-left: 187px;
	border: 0px solid;
}

.contentRightQuestionReponses {
	width: 331px;
	
	background-color: #86C1E7;
	/*background: url(../images/question_reponses/question_reponse_B-bg.png) repeat-x;*/
	
	min-height: 191px;
	width: 331px;
	min-height: 191px;
	border: solid 0px;
	
	/*float: right;*/
	margin-left: 200px;
	
}

.paragraphInImgQuestionReponses {
	padding-left: 10px;
	padding-right: 10px;
	border: solid 0px;
	height: auto;
}

#contentQuestionReponses p{
	margin-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

#contentQuestionReponses p span{
	color: #C51A21;
	font-weight: bold;
}

.paragraphQuestionReponses {
	margin-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

.paragraphQuestionReponses span {
	color: #C51A21;
	font-weight: bold;
}

.listLeftQuestionReponses {
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	height: 222px;
	width: 130px;
	text-align: right;
	border: 0px solid;
	list-style: none;
	padding-right: 5px;
}

.listLeftQuestionReponses li {
	display: block;
}

.listLeftQuestionReponses li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.listLeftQuestionReponses li a:hover,.listLeftQuestionReponses li a.selected
	{
	color: #7AB4E0;
	font-weight: bold;
	text-decoration: none;
}

/* =To play with url of footer 
   ------------------------------------*/
.footerSeparator {
	text-decoration: none;
	padding-left: 15px;
	padding-right: 5px;
	color: #000;
	border: solid 0px;
	background: url(../images/barre_bas/barre_bas-separateur.png) no-repeat bottom left;
	
}

.nonefooterSeparator {
	text-decoration: none;
	padding-left: 15px;
	padding-right: 5px;
	color: #000;
	
}

#footer a:hover,#active {
	font-weight: bold;
}

.error{
	color: #f00;
}
/* =Define to affect the form style
-----------------------------------*/

.submitForm{
	color:#000;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;		
	background-color:#F2F2F2;
	height:22px;
	width:120px;	
}

.submitForm:hover{
	font-weight: bold;
	cursor: pointer;
}

/* =Define to affect the login form position
--------------------------------------------*/
.loginForm{
	border: solid 0px;
	padding: 130px 150px;
}

.industriels{
	display: none;
}

.distributeurs {
	
	border: 0px solid;
	
	list-style-type: none;
	padding-left: 5px;
	margin-left: 80px;
	margin-top: 80px;
	/*float: left;*/
	position: absolute;
	text-align: right;
}

.distributeurs li {
	display: block;
	width: 100px;
	border: solid 0px;
	margin-bottom: 8px;
}

.distributeurs li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.distributeurs li a:active, .distributeurs li a:active, .distributeurs li a:focus, .distributeurs li a:hover{
	color: #86C1E7;
}


.intervenants{
	border: 2px solid;
	float: right;
	/*height: 222px; margin-left: 355px;
	margin-top: 35px;*/
	list-style-type: none;
	padding-left: 5px;
	margin-left: -150px;
}

.intervenants li {
	
	display: block;
	width: 100px;
	border: solid 0px;
	padding-left: 100px;
	
}

.intervenants li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.intervenants li a:active, .intervenants li a:active, .intervenants li a:focus, .intervenants li a:hover{
	color: #D8DA0F;
}

#questionReponses {
	border: 0px solid;
	margin-top: 50px;
	margin-right: 50px;
}

#questionReponsesD {
	border: 1px solid;
	margin-top: 50px;
	margin-right: 0px;
}


#test{
	border: solid 0px;
	background-color: #fff;
	margin-left: 30px;
}

#footerBlue{
	border: solid 0px;
	background-color: #fff;
	margin-left: 200px;
	
}

/*
Style to define font for question libelle on the top left.
*/

.leftTop a{
	text-decoration: none;
	color: #fff;
}

.questionPlus{
	font-size: 26px;
	
	text-decoration: none;
	color: #fff;
	font-family: Verdana, sans-serif;
	margin-left: 5px;
	padding-top: 30px;
	text-align: center;
	line-height: 30px;
}


.pdv{
 border: solid 1px;
 text-align: left;
}

/* class to fix pbs with link distrib*/
.distrib{	
	width: 110px;
	margin-right: 12px;
	
}
/* class to fix display in clients and partenaires pages*/
.client{
	border: solid 0px;
	width: 150px;
	margin-right: 12px;
}

.pagination{
	color: #000;
	margin-left: 3px;
}

.questionFooter{
	border: solid 0px;
	text-align: right;
	width: 520px;
	margin-left: 100px;
	padding-right: 5px;
	padding-bottom: 15px;
}

#photo{
	float: left;
}

#cv{
	float: right;
	font-size: 10px;
}