@import url('../../rte/rte.css');

/* *********************************
			DIV global
************************************ */
	* {margin:0;padding:0;}
	.clL, .clR, .clB{height: 1px; line-height: 1px; font-size: 1px;overflow: hidden;}
	.clL {clear:left;}
	.clR {clear:right;}
	.clB {clear:both;}
	
	#MAIN {
		margin: 4px auto 40px auto;
		width: 980px;
		color: #666666;
		color: #666666;
		font-size: 11px;
		font-family: Verdana, Arial, sans serif;
	}
	a{
		color: #6a6a6a;
		font-family: Verdana, Arial, sans serif;
		text-decoration: none;
	}
	a:hover{text-decoration: underline;}
	.orange a{
		color: #f87321;
	}
/* *********************************
			DIV HEADER
************************************ */
	
		#HEADER {
			height: 207px;
			background: url('../imgs/header_bkg.jpg') no-repeat;
		}
			#HEADER #toolbox {
				float: right;
				height: 29px;
				line-height: 29px;
				width: 258px;
				overflow: hidden;
			}
				#HEADER #toolbox a{
					font-size: 10px;
				}
				
			#HEADER #logo{
				float: left;
				display:block;
				width: 186px;
				height: 147px;
				text-decoration: none;
			}
			
			#HEADER #headline {
				float: left;
				height: 39px;
				width: 522px;
				line-height: 39px;
				padding-left: 20px;
				font-size: 25px;
			}
			
			#HEADER #headline a{
				color: #fff;
				font-family: Trebuchet MS, Verdana, Arial, sans serif;
				font-size: 25px;
				font-weight: bold;
			}
			
			#MENU {
				height: 50px;
				background: url('../imgs/menu_bkg.png') no-repeat;
				margin-top: 5px;
				position: relative;
				padding-left: 10px;
			}
			
				#MENU .tx-hpotoolbox-pi1{
					float: right;
					width: 130px;
					padding-top: 7px;
					margin-right: 5px;
				}
					.searchBox input{
						float: left;
						width: 100px;
						border: 1px solid #c2c6c6;
						color: #656565;
						padding: 2px;
						padding-top: 1px;
						padding-bottom: 1px;
						font-size: 10px;
						font-family: Verdana, Arial, sans serif;
					}
				
				.searchBox .submit{
					float: right;
					border: 0px;
					width: 15px;
					height: 15px;
					margin-right: 2px;
					margin-bottom: 0px;
					padding: 0px;
					background: url('../imgs/formulaire/bt_ok_header.png') no-repeat;
				}
			
/* *********************************
			CONTENU
************************************ */	
	
	#CONTAINER{
		background: url('../imgs/contenu_page_bkg.png') no-repeat left bottom;
		padding-bottom: 1px;
	}
	
	#CONTENT{
		float: left;
		width: 728px;
		line-height: 18px;
	}
		
		#CONTENT_CONTAINER{
			padding: 15px;
			padding: 30px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		
		#RTE_CONTENT, #AUTO_CONTENT{
			width: 698px;
			width: 668px;
		}
		
		#ARIANE{
			padding-top: 5px;
			padding-bottom: 10px;
			padding-left:20px;
			color: #f87321;
			font-size: 10px;
		}
		
		#ARIANE a{
			color: #f87321;
			font-size: 10px;
			text-decoration: underline;
		}
	
		#ENTETE{
			background: #fff;
		}
		
		#TITRE_CONTAINER{
			background: url('../imgs/entete_page_bkg.png') no-repeat bottom right;
			height: 37px;
		}
		
		#TITRE_PAGE{
			height: 37px;
			float: left;
			width: auto;
			padding-left: 15px;
			padding-left: 30px;
			padding-top: 7px;
			background: url('../imgs/titre_page_bkg.png') no-repeat top left;
			font-family: Trebuchet MS;
			font-size: 25px;
			line-height: 25px;
		}
		
		#TITRE_PAGE H1{
			font-family: Trebuchet MS, Verdana, Arial, sans serif;
			font-size: 23px;
			font-weight: bold;
			color: #868788;
		}
		
		#TITRE_SEPARATEUR{
			float: left;
			width: 50px;
			height: 37px;
			background: url('../imgs/titre_page_sep_bkg.png') no-repeat;
			line-height: 1px;
		}
		
		#TOOLS{
			float: right;
			width: auto;
		}
			
			#TOOLS .tx-hpotoolbox-pi1{
				float: right;
				width: auto;
			}
			
				#TOOLS .tx-hpotoolbox-pi1 .typomore{
					display: block;
					width: 20px;
					height: 21px;
					background: url('../imgs/ico_tt_plus.png') no-repeat;
					margin-right: 3px;
				}
				#TOOLS .tx-hpotoolbox-pi1 .typoless{
					display: block;
					width: 20px;
					height: 21px;
					background: url('../imgs/ico_tt_moins.png') no-repeat;
				}
				#TOOLS .tx-hpotoolbox-pi1 .print{
					display: block;
					width: 20px;
					height: 21px;
					background: url('../imgs/ico_print.png') no-repeat;
					margin-right: 0px;
				}
				#TOOLS .tx-hpotoolbox-pi1 .tipafriend{
					display: block;
					width: 20px;
					height: 21px;
					background: url('../imgs/ico_tipafriend.png') no-repeat;
					margin-right: 10px;
				}
		
		#MAIN #CONTENT img{
			padding-bottom: 6px;
			padding-right: 5px;
			margin-right: 15px;
			background: url('../imgs/bkg_image.png') no-repeat bottom right;
			margin-bottom: 10px;
		}
		
		#MAIN #CONTENT .csc-textpic-text{
			padding-left: 15px;
		}
		
		#MAIN #CONTENT .csc-textpic-image{
			padding-right: 15px;
		}
			
				
		.voir_tout{
			border: 1px solid #e0e0e0;
			width: auto;
			height: 17px;
			line-height: 17px;
			font-family: Verdana, Arial, sans-serif;
			font-size: 11px;
			color: #fff;
			text-align: right;
			padding-right: 10px;
			background: url('../imgs/voir_tout_bkg.png') repeat-x;
			margin-top: 10px;
			margin-bottom: 0px;
		}
			
			#MAIN #CONTAINER #INSERT .bloc .voir_tout a,
			.voir_tout a{
				color: #fff;
			}
			
			#MAIN .tx-hpoforms-pi1 label{
				color: #666666;
				width: 200px;
				font-weight: bold;
				font-size: 11px;
			}
				
				
				#MAIN .tx-hpoforms-pi1 label.simple{
					color: #666666;
					width: 300px;
					font-weight: normal;
					font-size: 11px;
					margin-left: 10px;
					line-height: 12px;
				}
				
				#MAIN .tx-hpoforms-pi1 input.input_checkbox{
					width: auto;
					float: left;
					margin-left: 0px;
					margin-bottom: 0px;
				}
				
				
			#MAIN .tx-hpoforms-pi1 .cmd{
				display: block;
				float: right;
				width: 76px;
				height: 18px;
				background: url('../imgs/formulaire/bt_envoyer.png') no-repeat;
			}
			
			#MAIN .tx-hpoforms-pi1 input, #MAIN .tx-hpoforms-pi1 textarea, #MAIN .tx-hpoforms-pi1 select{
				border: 1px solid #e0e1e1;
				border-top: inset 2px #ffffff;
				border-left: inset 2px #ffffff;
				margin-left: 15px;
				color: #656565;
				font-family: Verdana, Arial, sans serif;
				font-size: 11px;
				padding: 2px;
			}
			
			#MAIN .tx-srfreecap-pi2-text{
				margin-left: 10px;
			}
			
			#MAIN .tx-hpoforms-pi1 .tx-srfreecap-pi2-text input{
				margin-left: 0px;
				width: 150px;
				color: #656565;
			}
			
			#MAIN .tx-srfreecap-pi2-text .tx-srfreecap-pi2-cant-read{
				color: #666666;
			}
			
			#MAIN .tx-hpoforms-pi1 .tipafriend_url{
				margin-bottom: 15px;
			}
			
			/* *********************************
							ENCARTS
			************************************ */
			
			#INSERT .submit, .searchSubmit{
				float: right;
				border: 0px;
				width: 19px;
				height: 20px;
				margin-right: 2px;
				margin-bottom: 0px;
				background: url('../imgs/formulaire/bt_ok.png') no-repeat;
			}
			
			.searchSubmit{
				float: left;
				margin-left: 10px;
			}
			
			#INSERT select{
				margin-bottom: 5px;
				width: 215px;
				border: 1px solid #c2c6c6;
				color: #656565;
				padding-top: 1px;
				padding-bottom: 1px;
			}
			
			#INSERT input{
				margin-bottom: 5px;
				width: 209px;
				border: 1px solid #c2c6c6;
				color: #656565;
				padding: 2px;
				padding-top: 1px;
				padding-bottom: 1px;
			}
				
				#INSERT input{
					float: left;
					width: 180px;
				}
			
				
			/* *********************************
							TEMOIGNAGES
			************************************ */
			
			.detail_temoignage .video{
				float: left;
				margin-right: 20px;
				margin-bottom: 20px;
				width: 260px;
			}
			
			/* *********************************
							PARTENAIRES
			************************************ */
			
			.partenaire{
				width: 212px;
			}
			
			.partenaire p{
				margin-bottom: 0px;
				line-height: 16px;
			}
			.partenaire p strong, .partenaire p b{
				color: #000;
			}			
			#MAIN #CONTENT .partenaire_image{
				width: 72px;
				height: 72px;
				padding: 3px;
				float: left;
				background: url('../imgs/contenu/partenaire_image.png') no-repeat;
			}
			
			#MAIN #CONTENT .partenaire_image img{
				margin: 0px;
				padding: 0px;
			}
			
			#MAIN #CONTENT .partenaire_texte {
				width: 124px;
				padding: 0px;
				padding-left: 7px;
				padding-right: 3px;
				float: left;
			}
			
			
			
			/* *********************************
							REFERENCES
			************************************ */
			
			.reference{
				margin-bottom: 15px;
			}
			
			.reference_titre{
				border-bottom: 1px solid #c1c0c0;
				color: #000000;
				margin-bottom: 5px;
				font-weight: bold;
			}
			
			.reference p{
				margin-bottom: 0px;
				line-height: 16px;
			}
			
			#MAIN #CONTENT .reference_image{
				width: 72px;
				height: 72px;
				padding: 3px;
				float: left;
				background: url('../imgs/contenu/partenaire_image.png') no-repeat;
			}
				
			#MAIN #CONTENT .reference_texte {
				width: 390px;
				padding: 0px;
				padding-left: 7px;
				padding-right: 3px;
				float: left;
			}
			
			/* *********************************
					PROFILS DISPONIBLES
			************************************ */
			
			#liste_profil .submit{
				display: block;
				float: right;
				width: 76px;
				height: 18px;
				background: url('../imgs/formulaire/bt_envoyer.png') no-repeat;
				border: 0px;
				margin-right: 10px;
			}
			
			#profil_email{
				float: right;
				width: 150px;
				margin-right: 10px;
				border: 1px solid #e0e1e1;
				border-top: inset 2px #ffffff;
				border-left: inset 2px #ffffff;
			}
			
			/* *********************************
							ACTUALITES
			************************************ */
			.newsitem{
				/*border-bottom: 1px solid #cccccc;*/
				padding-bottom: 10px;
				margin-bottom: 15px;
				background: url('../imgs/actu_item_bkg.png') no-repeat bottom right;
			}
				
				.newsitem .image{
					float: left;
					width: 142px;
					height: 106px;
					padding: 6px;
					background: url('../imgs/actu_image_bkg.png') no-repeat;
				}
					
					.newsitem .content_profil .image{
						margin-right: 10px;
					}
					
					#MAIN #CONTENT .newsitem .image img{
						padding: 0px;
						background: none;
					}
					
				.newsitem .content{
					margin-left: 6px;
					float: left;
					width: 536px;
					width: 506px;
					padding-top: 5px;
					font-size: 12px;
				}
					
					.newsitem .content_profil{
						width: 666px;
						margin-left: 0px;
					}
					
					.newsitem h3,
					.newsitem h3 a{
						font-size: 13px;
						font-weight: bold;
						color: #666666;
						text-decoration: none;
					}
					.newsitem .content h3{
						padding-bottom: 5px;
					}
					
					.newsitem .content h3 a:hover{
						text-decoration: underline;
					}
					
					.newsitem .news_suite{
						text-align: right;
						margin-bottom: 0px;
					}
					
					.newsitem .news_suite a{
						color: #000000;
						font-size: 11px;
						padding-left: 10px;
						background: url('../imgs/suite_orange_sur_blanc.png') no-repeat 0px 4px;
					}
					
			#MAIN .news-list-browse{
				
			}
				#MAIN .news-list-browse .tx-ttnews-browsebox, #MAIN #pagination{
					float: right;
					width: auto;
				}
				
				#MAIN #pagination span{
					float: left;
					width: 18px;
				}
				
				#MAIN .news-list-browse table tr td a, #MAIN #pagination span a{
					display: block;
					width: 18px;
					height: 16px;
					text-align: center;
					background: url('../imgs/actu_pagination.png') no-repeat;
					color: #fff;
					line-height: 16px;
					font-size: 11px;
				}
				
				#MAIN .news-list-browse table tr td a:hover, 
				#MAIN .news-list-browse table tr td.tx-ttnews-browsebox-SCell a,
				#MAIN #pagination span a.actif,
				#MAIN #pagination span a:hover{
					background: url('../imgs/actu_pagination_on.png') no-repeat;
					text-decoration: none;
				}
				
				#MAIN .news-list-browse table tr td a .prevnext,
				#MAIN #pagination span.prevnex{
					letter-spacing: -3px;
				}
				
			#MAIN #CONTENT .news_detail img, #MAIN #CONTENT .detail_temoignage img{
				float: left;
				margin-right: 20px;
				padding: 6px;
				background: url('../imgs/bkg_image_full.png') no-repeat;
			}
				
/* *********************************
			DIV FOOTER
************************************ */

	#FOOTER {
		background: url('../imgs/footer_bkg.png') no-repeat;
		margin-top: 18px;
		color: #fff;
		font-size: 10px;
	}
		#FOOTER a{color: #fff; font-size: 10px;}
	
	#FOOTER_TOP{
		margin-bottom: 10px;
		height: 21px;
		line-height: 21px;
	}
	
	#FOOTER_CONTENT {
		padding-left: 13px;
	}
		
	#FOOTER_BOTTOM {
		background: url('../imgs/footer_bottom_bkg.png') no-repeat;
		height: 9px;
		line-height: 9px;
	}
	
	#FOOTER .col{
		float: left;
		width: 156px;
		padding-right: 10px;
		margin-right: 25px;
	}
	
	#menu_corporate_footer{
		float: left;
		width: auto;
		padding-right: 10px;
	}
	
	#footer_realisation{
		float: right;
		width: auto;
		margin-right: 15px;
		color: #c5c5c5;
	}
	#footer_realisation a{
		text-decoration: underline;
		color: #c5c5c5;
	}
	
	#FOOTER_COLS{
		padding-bottom: 20px;
	}
	
	#FOOTER_COLS a{
		font-size: 10px;
	}
	
	#FOOTER ul, #FOOTER li{
		list-style: none;
	}
	
	.first_level{
		font-weight: bold;
		border-bottom: 1px solid #9f9d9e;
		padding-bottom: 3px;
		margin-bottom: 5px;
	}
		
	.second_level{
		margin-bottom: 5px;
	}
	
	.actualite_level{
		margin-top: 20px;
		font-weight: bold;
	}
	
	
		/* *********************************
					TEMPLATE POPUP
		************************************ */
		
			
		#POPUP #MAIN {
			margin: 4px auto 40px auto;
			width: 803px;
			background: url('../imgs/popup/bkg_general.png') no-repeat;
		}
			
			#POPUP #HEADER{background: none;height: 105px;}
			
			#POPUP #HEADER #toolbox{width: 400px; height: 35px; line-height: 35px;}
			
			#POPUP #HEADER #logo{
				float: left;
				display:block;
				width: 104px;
				height: 72px;
				text-decoration: none;
			}
			
			#POPUP #MAIN #CONTAINER{
				background: url('../imgs/popup/contenu_page_bkg.png') no-repeat bottom left;
				width: 759px;
				margin-left: 19px;
				margin-top: 10px;
				padding-bottom: 10px;
			}
			
				#POPUP #CONTENT{
					float: none;
					width: 759px;
				}
							
				#POPUP #MAIN #RTE_CONTENT, #POPUP #MAIN #AUTO_CONTENT{
					width: 699px;
				}
				
			#POPUP #FOOTER{background: none; color: #666666;font-size: 11px;padding-left: 30px;padding-bottom: 10px;}