/* @override http://oleap.lux.mediacd.fr/global/styles/screen.css */

/* = Html = */
	html, body {margin:0; padding:0;}
	html {background: #f8b437 url(/global/medias/bgHtml.gif) repeat-x 0 0;font-family: Arial;
	}
	body {/*background: transparent url(/global/medias/bgBody.gif) repeat-y center top;*/}
	body#page,
	body#fiche {
		/*background-position: 0 -100px;*/
		}
	.page-background {background: transparent url(/global/medias/bgBody.gif) repeat-y center top;}
/* = Commun = */

	.break, .clear {clear:both}
	.hidden {display: none}
	p {line-height: 150%;}
	p a,
	span.more a,
	a.more {
		color:#1348A4!important;
		text-decoration: none;}
	img {
		display: block;
		margin:0; padding:0;
		}

/* = Debug = */
	.debug {
		/*background: transparent url(/global/medias/12_col.gif) repeat-y;*/
		}
	.container_12 {
		background: transparent url(/global/medias/bgPage.gif) no-repeat 0 0;
		}
		
/* = Header = */
	#flash {
		padding-top: 25px;
		background-color: #fff;
		}
	#header {
		position:relative;
		z-index:1;
		/*padding-top: 25px;*/
		background-color:#fff;
		}
	#header h1 {
		display: block;
		z-index: 1000;
		position: absolute;
		text-indent: -1000em;
		}
	#header img {
		position: relative;
		z-index: 1;
		}
	
	#header ul.navHeader {
		z-index: 1000;
		position: absolute;
		left: 30px;
		top: 12px ;
		}
	#header ul.navHeader li {
		display: inline;
	}

	#header ul.navHeader li.telephone {
		display: none;
	}
	#header a.returnHome,
	#header a.goContact {
		float: left;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 116%;
		text-decoration:none;
		width : 100px;
	}

	#home a.returnHome {
		color:#80b2da;
	}

	#header h1 {
		margin: 35px 0 0 692px;
		width: 230px;height:125px;
		background: transparent url(/global/medias/logoTR.png) no-repeat 0 0;
		}
		
/* = Menu / recherche= */
	
	/*menu*/
	#menu {
		height: 220px;
		background: #FFF url(/global/medias/bg_navigation.png) no-repeat top left;
		} 
	#menu ul {
}
	#menu ul li {float: left;}
	#menu ul li a {font-size: 85%}
	#menu ul li a {
		display: block;
		/*text-indent: -1000em;*/
		width: 230px;
		}
	#menu ul li a.men01,
	#menu ul li a.men02,
	#menu ul li a.men03,
	#menu ul li a.men04 {
		color: #fff;
		text-decoration: none;
		font-family: Arial, sans-serif;
		font-size: 123.1%;
		text-align: center;
		font-weight: bold;
		padding: 9px 0 0 0;
		margin: 0 0 0 10px;
	}
	
	#menu ul li p.introNavigation {
		padding: 10px 15px 5px 18px;
		font-family: Arial, sans-serif;
		font-size: 108% !important;
		color: #000;
	}

	#menu ul li a.first {
	}
	#menu ul li a.last {
		margin-left: 0;
	}
	#menu ul li a.men01 {
		width: 220px;
		height: 25px;
		/*background: transparent url(/global/medias/btMenu01.gif) no-repeat 0 0;*/}
	#menu ul li a.men02 {
		height: 25px;
		/*background: transparent url(/global/medias/btMenu02.gif) no-repeat 0 0;*/}
	#menu ul li a.men03 {
		height: 25px;
		/*background: transparent url(/global/medias/btMenu03.gif) no-repeat 0 0;*/}
	#menu ul li a.men04 {
		height: 25px;
		/*background: transparent url(/global/medias/btMenu04.gif) no-repeat 0 0;*/}
		
	#menu ul li a:hover {background-position: 0 -26px;}	
	
	#menu .niv2show {
		position: absolute;
		/*width: 170px;*/
		z-index: 100;
		padding: 0.2em 0 1em 0;
		/*background-color:#134897;
		visibility: hidden;*/
		}
	#menu ul ul.niv2show li {
		float: none;
		margin: 0px 0 0 0;
		}
	#menu ul ul.niv2show li a {
		display: block;
		color:#fff;
		width: 160px;
		margin: 5px 5px 0px 18px!important;
		font-size: 116%;
		display:block;
		text-decoration: none;
		text-indent:0!important;
		}
	#menu ul li.menu2 ul.niv2show li a {
		background: url(/global/medias/puce_menu02.gif) no-repeat 0 2px;
		padding-left: 15px;
	}
	#menu ul li.menu2 ul.niv2show li a:hover {color:#F7C86F;}
	#menu ul li.menu3 ul.niv2show li a {
		background: url(/global/medias/puce_menu03.gif) no-repeat 0 2px;
		padding-left: 15px;
	}
	#menu ul li.menu3 ul.niv2show li a:hover { color: #80B2DA;}
	 
	#menu ul li.menu4 ul.niv2show li a {
		background: url(/global/medias/puce_menu04.gif) no-repeat 0 2px;
		padding-left: 15px;
	}
	#menu ul li.menu4 ul.niv2show li a:hover {color:#F7C86F;}
	.contentBref {width: 180px; padding: 5px 20px; float: right;}
	.contentBref h1 {
		color:#F8B334;
		font-family:Arial;
		font-size:123.1%;
		font-weight: bold;
		padding:0.4em 0 0.2em 0;
	}
	.contentBref p {
		font-size: 85%;
		color: #999999;
	}
	.contentBref p a {
		color: #999999;
		font-weight: bold;
		text-decoration: none;
	}
	
	.contentBref p a span.more {
		color:#F8B334;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}
	
	/* NOS SERVICES */
	
	#nos_services {
		width: 450px;
		margin: 0 0 0 5px;
		padding-top: 110px;
		background: url(/global/medias/bg_blocServices-top.gif) no-repeat top left;
	}
	.nos_services-content {
		width: 450px;
		background: url(/global/medias/bg_blocServices.gif) no-repeat bottom left;
		padding-bottom: 10px;
		float: left;
	}
	
	.services-colB ul li a {
		color:#000000;
		font-size:108% !important;
		font-weight:bold;
		padding-left:0px;
		text-decoration: none;
	}
	.services-colB ul li a:hover {
		text-decoration: underline;
	}
	.nos_services-content .services-colA {
		width: 190px;
		float: left;
		margin: -40px 10px 0 15px;
	}
	
	.nos_services-content .services-colB  {
		width: 190px;
		float: left;
		margin: -33px 10px -13px 15px;
	}

	.temoignagesClients {
		width: 410px;
		padding: 0px 15px;
		float: left;
	}
	
	.temoignagesClients h1.titre {
		width: 190px;
		height: 26px;
		padding: 0px !important;
		display: block;
		text-indent: -500em;
		margin-bottom: 10px;
		background: url(/global/medias/bt_temoignage-clients.png);
	}
	.temoignagesClients ul {
		float: left;
	}
	.temoignagesClients ul li {
	}
	.temoignagesClients ul li a {
		color:#000000;
		font-size:100% !important;
		font-weight:bold;
		padding-left:0px;
		text-decoration:none;
		text-indent: 0;
	}
	
	#nos_services p {
		padding: 0.2em 0 0.2em 0 !important;
	}
	/*current*/
	#menu li a.current {
		background-color:#D9E7F2;
		}
	
	/*recherche*/
	#recherche {
		height: 27px;
		margin: 0 0 0 10px;
		background: transparent url(/global/medias/bg_inputSearch.gif) no-repeat top left;
	}
	#recherche input.inpt {
		width: 164px;
		border: 0 !important;
		padding: 0.2em;
		margin: 1px 0 0 2px;
		font-size: 85%;
		color:#232323;
		background: transparent !important;
		height: 15px;
		}

	#recherche button {
		width: 27px; height: 27px;
		text-indent: -100em; border:0;
		background: transparent url(/global/medias/bg_validSearch.gif) no-repeat 0 0;
		}
		
	/*= fil ariane */
	#traca {padding: 1em;}
	#traca li {
		float: left;
		margin: 0 1em 0 0;
		}
	#traca li a {
		/*text-decoration: none;*/
		color:#005EA8;
		font-size: 100%;
		}
	
/* = Home = */
	#intro, #news {
		width: 440px;
		margin: 10px;
		}
		
	/*intro*/
	#intro {background: transparent url(/global/medias/item_H1_contenu.gif) no-repeat top left;}
	#intro img {float: left}
	#intro h2 {padding: 0 0 0.5em 1.4em}
	
	/* = nos_services */
	#nos_services {
		/*background: transparent url(/global/medias/item_H1_contenu.gif) no-repeat top left;*/
		}
	#nos_services p {padding: 5px 0 0 20px;}
	
	/*news*/
	#news {
		/*background: transparent url(/global/medias/bgRepeatNews.gif) repeat-y 0 0;*/
		}
	#news h1 {
		/*background: transparent url(/global/medias/h1_Actu.gif) no-repeat 0 0;*/
		}
	#news h2 {
		color:#1348A4;
		padding: 0 0 0.5em 0;
		}
	#newsContent,#promosContent {
		width: 420px;
		padding: 10px;
		/*background: transparent url(/global/medias/bgBottomNews.gif) no-repeat bottom ;*/
		}
	#newsContent p, #promosContent p {padding: 0 0 1em 0;}
	#newsContent img, #promosContent img {float: left; padding: 0 1em 0 0;}
	
	/*Solutions*/
	#solutions {
		/*background: transparent url(/global/medias/bg_top_solutions.jpg) no-repeat top right;*/
	}
	
	#solutions h1, 
	#solutions h2 {}
	#solutions h1 {
		margin: 45px 0 0 150px;
		width: 175px; height: 25px;
		/*background: transparent url(/global/medias/h1_solutions.png) no-repeat 0 0;*/
		}
	#listing {
		margin: 30px 0 0 15px;
		width: 425px;
		}
	#listing h2 {
		width: 425px; height: 30px;
		/*background: transparent url(/global/medias/h2_solutions.png) no-repeat 0 0;*/
		}
	#listing .content {
		padding: 0 0 2em 0;
		/*background: #F8B334 url(/global/medias/bg_bottom_solutions.gif) no-repeat bottom;*/
		}
	#listing ul {
		width: 320px;
		padding: 10px 10px 0 70px;
		/*background: transparent url(/global/medias/bg_listing_solutions.gif) no-repeat 0 0;*/
		}
	#listing ul li {
		margin: 0 0 0.2em 0;
		padding: 0 0 0.2em 0;
		/*border-bottom: 1px #F7C86F solid;*/
		}
	#listing ul li a {
		display: block;
		padding: 0.2em 0 0 2em;
		color:#fff;
		font-size: 108%;
		text-decoration: none;
		background: transparent url(/global/medias/item_solutions.gif) no-repeat 0 4px;
		}
	#listing ul li a.first {}
	#listing ul li a.last {
		margin: 0 0 10px 0;
		padding: 0.2em 0 1em 2em;
		border-bottom: 3px #FBD081 solid;
		}
	#listing ul li a:hover {
		color: #0b2269;
		background-position: 0 -59px;
		}

/*Arrondis*/
	.rounded {
		margin:0;
		position: relative;
		}
	.tl, .tr, .bl, .br {
		position: absolute;
		width: 10px; height: 10px;
		}
	.tl {background: transparent url(/global/medias/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(/global/medias/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(/global/medias/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(/global/medias/BottomRight.png) no-repeat 0 0;}
	
	#avantages .tl,
	#offres .tl {background: transparent url(/global/medias/TopLeftGrey.png) no-repeat 0 0;}
	#avantages .tr,
	#offres .tr {background: transparent url(/global/medias/TopRightGrey.png) no-repeat 0 0;}
	#avantages .bl,
	#offres .bl {background: transparent url(/global/medias/BottomLeftGrey.png) no-repeat 0 0;}
	#avantages .br,
	#offres .br {background: transparent url(/global/medias/BottomRightGrey.png) no-repeat 0 0;}
	
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}

/* = Contenu = */
	.wisi h1 {
		font-size: 150%; color:#134897;
		font-weight: bold;
		padding: 0.2em 0 0.5em 1em;
		}
	.wisi h2 {
		font-size: 130%;
		padding: 0 0 1em 0;
		color:#F2A629;
		}
	.wisi h3 {font-size: 100%}
	.wisi h4 {font-size: 93%} 
	
	.wisi p,
	.wisi li {font-size: 93%;}
	.wisi li a {font-size: 130%;}
	
	.wisi p {color:#666;}
	
	.wisi ul {}
	.wisi ul li {}
	.wisi ul li a {font-size: 85%;}
		
	.wisi a.more {
		display: block;
		font-size: 85%;
		padding: 0.5em 0 0 0;
		text-align: right;
		text-decoration: none;
		color: #f8b334;
		}
	.wisi p a.more {
		font-size: 100%;
		}
	
	.wisi strong,
	.wisi b {
		color:#333;
		font-weight: bold;
		}
		
/* home page */

	#home .wisi h1 {
		font-family: Arial;
		color: #f8b334;
		font-size: 123.1%;
		padding: 0.2em 0 0.2em 0em;
	}
	#home .wisi h2 {
		color: #000;
		background: transparent url(/global/medias/puce_h2.gif) no-repeat 0px 2px ;
		padding-left: 20px;
		font-size: 93%;
		font-weight: bold;
	}
	
	#home a.more {
		color: #f8b334 !important;
	}
/*contenu simple */
	#contenu {
		padding: 10px;
		background: transparent url(/global/medias/item_H1_contenu.gif) no-repeat 10px 10px;
		}
	#contenu h2 {
		padding: 0 0 0 1.2em;
		}
	#contenu img {
		/*float: left;*/
		padding: 0 1em 0 0;
		}
	body#page #contenu img {
		float: right;
		padding: 0 0 1em 1em;
		}
	#contenu h2,
	#contenu h3,
	#contenu h4,
	#contenu h5,
	#contenu h6 {
		padding: 0 0 0 20px;
		}
	
	#contenu p {
		padding: 7px 0 0 20px;
		}
	#contenu p a {color:#134897;}
	#contenu p b {font-weight: bold; color:#333;}
	#contenu ul {padding: 0.5em 0 0.5em 0;}
	#contenu ul li {
		list-style: disc;
		color:#666; font-size: 85%;
		list-style-position: inside;
		margin: 0 0 0 20px;
		}
	
/*Notre Offre*/
	#offres {
		width: 690px;
		margin: 40px 0 10px 10px;
		}
	#offres h1 {
		width: 90%;
		position: relative;
		z-index: 1000;
		letter-spacing: 0.2em;
		color: #c1c1c1;
		padding: 5px 0 0 0;
		margin: -34px 0 0 10px!important;
		}
	#offres #contentOffres {
		width: 668px;
		padding:10px;
		border: 1px #ccc solid;
		}
	#offres .content {
		float: left;
		width: 320px;
		padding: 0 10px 10px 0;
		}
	#offres .content img {
		float: left;
		padding: 0 1em 0.5em 0;
		}
	#offres .content a.more {
		font-size: 85%;
		color:#134897
		}

/* = Avantages */
	#avantages {
		width: 920px;
		margin: 15px 0 10px 10px;
		}
	#avantages h1 {
		position: relative;
		z-index: 1000;
		letter-spacing: 0.2em;
		padding: 5px 0 0 0;
		margin: -34px 0 0 0;
		color: #c1c1c1;
		}
	#avantages .content {
		width: 898px;
		padding: 10px;
		border: 1px #ccc solid;
		}
	.avantage {
		float: left;
		width: 428px;
		padding: 0 10px 0 0;
		}
	.avantage img {float: left; padding: 0 1em 0 0;}
		
/* = Services */	
	#services {
		width: 200px;
		margin-top: 20px;
		padding: 10px;
		background-color: #F8B334;
		}
	#services h1 {
		font-size: 130%;
		padding: 0;
		color:#fff;
		}
	#services h2 {
		font-size: 108%;
		color: #134897;
		margin: 0.5em 0 0 0;
		border-bottom: 1px #134897 dashed;
		padding: 0 0 0.1em 0;
		}
	#services p {font-size: 85%}
	
	#services #contact {
		padding: 0.5em;
		margin: 10px 0 0 0;
		background-color: #134897;
		}
	#services #contact h2,
	#services #contact p {}
	#services #contact h2 {
		margin:0;padding:0;
		color:#F8B334;
		}
	#services #contact p {
		color:#fff; font-size: 77%;
		}
	#services #contact p a {color:#F8B334;}
	
/* = footer = */
	#footer {
		padding: 0 0 1em 0;
		background: #016dc2 url(/global/medias/bg_footer.gif) no-repeat bottom left;
		}
	#footer .grid_2 h2 {
		color: orange;
		font-weight: bold;
		margin: 1em 0 0.2em 0;
		padding-bottom: 0.2em;
		font-size: 85%;
		border-bottom: 1px dashed #F8B334;
	}
	#footer .grid_2 ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 85%;
		padding: 0 0 0 12px;
		background: transparent url(/global/medias/puce_ulFooter.jpg) no-repeat 0 4px;
	}
	
	#footer #navigationFooter {
		padding-bottom: 5px ;
		float: left;
	}
	#footer .grid_2 ul li a:hover {
		text-decoration: underline;
	}
	#adresse {
		margin: 3px 0px;
	}
	#adresse img {float: left}
	#adresse p {
		padding: 1.5em 0 0 0;
		font-size: 85%; color:#000;
		line-height: 85%;
		float: left;
		}
	#adresse span {
		padding: 5px 0 0 0;
		color:#fff;
		}
	#nav_bottom {
		padding: 12px 0 0 0;
		}
	#nav_bottom li {
		margin: 0 7px 0 7px;
		float: right;
		}
	#nav_bottom li a {
		font-size: 77%;
		color:#fff;
		}

		.absolute {
			position: absolute;
		}