@charset "utf-8";
/* CSS Document */


	/*
		RESET
	*/
	
	* {margin:0; padding:0; outline:0;}
	table {border-collapse:collapse; border-spacing:0;}
	ol, ul {list-style:none;}
	a img {border:0;}
	input,select,textarea {font-size:1em;}
	
	
	/*
		GLOBAL SETTINGS
	*/
	body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; background:url(../img/wrapper_bg.jpg) repeat}
	
	#wrapper {width:1006px; margin:50px auto}
	
	#header {width:975px; margin:0 auto}
	#header ul {float:right; margin-top:30px}
	#header ul li {float:left; width:100px; height:15px; overflow:hidden; position:relative;}
	#header ul li a {display:block; text-align:right; width:100px; height:30px; position:absolute; top:0; right:0;}
	#header ul li a:hover, #header ul li a.current {top:-15px; right:0;}
	#header ul li a img {}
	
	#main {width:964px; padding:18px 21px 7px 21px; background:url(../img/main_bg.png) no-repeat}
	
	#footer {width:984px; margin:0 auto; padding:5px 0 6px 0; text-align:right; background-color:#313131}
	#footer li {display:inline; text-align:right; padding-left:10px;}
	#footer li a {font-size:10px; padding-right:10px; border-right:1px solid #d1d1d1}
	#footer li.noBorder a {border-right:0}
	
	#refNat {margin:15px;}
	#refNat * {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d1d1d1; padding:3px 0}
	
	
	
	/*
		HOMEPAGE
	*/
	#flashPresentation {margin-bottom:7px}
	
	#domainesActivites {float:left; width:586px;}
	#domainesActivites h2 {}
	#domainesActivites .encart {float:left; width:286px; padding:8px 7px 0 0;}
	
	#flashVideo {float:right; width:375px; text-align:right}
	#flashVideo h2 {margin-bottom:7px}
	
	
	/*
		INTERN
	*/
	#container {padding:30px 10px 10px 545px; height:566px; position:relative}
	#container h3,
	#container h2 {width:407px; padding-bottom:15px; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; font-size:1.5em; letter-spacing:-1px;}
	#container h2 {font-size:1.8em; color:#36aed0}
	#container #textContainer {width:407px; height:210px; overflow:hidden; text-align:right}
	#container.utilitaire #textContainer {width:407px; height:250px; overflow:hidden; text-align:right}
	#container p {padding-bottom:15px; text-align:justify}
	#container .litrage {padding-bottom:5px; font-size:2.5em; font-weight:bold; text-align:right; color:#36aed0}
	#container .litrage sup {font-size:.4em; text-transform:uppercase; color:#fff}
	#container .demandeDevis {display:block; text-align:right}
	#container #visuelsProduits {position:absolute; top:45px; left:230px}
	#container #visuelsProduits ul {margin-top:10px}
	#container #visuelsProduits ul li {float:left; margin-right:7px}
	#container #visuelsProduits ul li a {display:block; width:80px; border:4px solid #33aacc}
	#container #autresProduits {position:absolute; right:10px; bottom:10px; width:407px; background:#fff}
	#container #autresProduits h4 {height:30px; padding:10px 10px 0 10px; font-weight:normal; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.5em; letter-spacing:-1px; background:url(../img/intern/autresProduits_bg.jpg) repeat-x}
	#container #autresProduits ul {margin:10px 0 10px 10px; float:left; clear:both; background:#fff;}
	#container #autresProduits ul li {float:left; margin-right:13px; display:inline; border:2px solid #999;}
	#container #autresProduits ul li a {}
	#container #voirTousLesProduits {display:block; width:236px; margin:0 auto 10px auto}
	
	.hotellerie {background:url(../img/intern/hotellerie_bg.jpg) no-repeat}
	.pressing {background:url(../img/intern/pressing_bg.jpg) no-repeat}
	.beachclub {background:url(../img/intern/beachclub_bg.jpg) no-repeat}
	.utilitaire {background:url(../img/intern/utilitaire_bg.jpg) no-repeat}
	

	
	#container.militaire #autresProduits a {display:block; padding:13px 0 13px 13px; text-align:center; background:#fff;}
	
	#container-tousProduits {width:964px; height:606px; position:relative; background:#fff}	
	#container-tousProduits h3 {float:left; clear:both; height:30px; margin-top:10px; padding:10px 30px 0 10px; font-weight:normal; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1.5em; letter-spacing:-1px; background:url(../img/intern/autresProduits_bg.jpg) repeat-x}
	#container-tousProduits ul.pagination {position:absolute; top:30px; right:40px; text-align:right; color:#999}
	#container-tousProduits ul.pagination li {padding:0 4px; display:inline; font-size:1.1em; font-weight:bold}
	#container-tousProduits ul.pagination li a {color:#36aed0}
	#container-tousProduits ul.listeProduits {width:924px; clear:both; padding:20px 0 0 30px}
	#container-tousProduits ul.listeProduits li {margin:0 10px 10px 0; width:170px; height:220px; border:1px solid #999; float:left; display:inline; color:#36aed0}
	#container-tousProduits ul.listeProduits li a {display:block; width:112px; margin:10px auto 5px auto; border:2px solid #999}
	#container-tousProduits ul.listeProduits li strong {display:block; text-align:center; color:#999; font-size:1.1em;}
	#container-tousProduits ul.listeProduits li .litrage {display:block; width:140px; margin:0 auto; text-align:right; line-height:.9em; font-size:2.1em; font-weight:bold;}
	#container-tousProduits ul.listeProduits li sup {padding-left:3px; font-size:.4em; text-transform:uppercase;}
	#container-tousProduits ul.listeProduits li .ref {display:block; width:140px; margin:0 auto; font-size:.9em;}
	#container-tousProduits .actions {text-align:right; position:absolute; bottom:20px; right:40px;}
	#container-tousProduits .actions a {margin-left:15px}
	
	/*
		FORM
	*/
	#contact {width:830px; padding:40px 67px; background:#798285}/*964px*/
	#contact small {display:block; text-align:right}
	#contact ul {float:left; padding-top:30px; width:415px}
	#contact ul.col2 {float:right; width:355px}
	#contact ul li {float:left; clear:both; width:100%; margin-bottom:5px}
	
	#contact ul li label {float:left; width:105px; padding:3px 2px 0 0; text-align:right;}
	#contact ul li.radio label {width:auto; padding:0 30px 0 5px}
	#contact ul li.labelLeft label {width:auto; text-align:left}
	#contact ul li input, #contact ul li textarea {float:left; padding:2px 2px 0 2px; color:#798285;}
	#contact ul li input {width:200px}
	#contact ul li textarea {width:350px; height:100px;}
	#contact ul li.radio input {width:auto}
	#contact ul li.noLabel input {margin-left:107px;}
	
	#contact ul li strong {display:block; margin-top:20px}

	#contact ul li.recontact {}
	#contact ul li.recontact span {float:left; padding:0 3px}
	#contact ul li.recontact select {float:left; width:45px; margin-top:-2px}
	
	#contact p {clear:both; padding-top:25px; text-align:right}
	
	/*
		TOOLS
	*/
	.clear {clear:both; font-size:.1em;}
	
	/*
	page video
	*/
	.page-video-cpro {width:768px;  margin:0 auto; text-align: left;/* background:url(../img/page-video/degrade-bas.png) 21px bottom no-repeat;overflow:hidden; height:100%; min-height:800px;*/ position:relative;}
	.page-video-cpro .txt{ margin: 22px 0 25px 21px;}
	.page-video-cpro .liens { padding-top:38px; color:#fff; font-size: 12px; text-align:center; }
	.page-video-cpro .liens a { color:#fff; }
	.page-video-cpro .liens a:hover { text-decoration:none; }
	.page-video-cpro #videoPlayer { margin-left:15px; width:720px;}
	.page-video-cpro ul { position:absolute; top:11px; right:22px;}
	.page-video-cpro li { float:left; font-weight: bold; font-size:11px; color:#1e1e1e; display:inline; margin-right:4px;}
	.page-video-cpro li a { text-transform:uppercase; color:#1e1e1e; text-decoration:underline;}
	.page-video-cpro li a:hover {text-decoration:none;}