html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color: #D8D8D8;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

body.site {
	background: url(../img/bg.jpg) repeat-x;
}

/*Text*/
h1.headline {
	display: block;
	font-size: 24px;
	letter-spacing: -1px;
	color: #1297a2;
	line-height: 24px;
	margin-bottom: 5px;
}
p.quote {
  	font-family: georgia,serif;
	font-size:12px;
	font-weight:normal;
	font-style: italic;
	line-height:1.4em;
	text-align: center; 
	margin: 10px;
}
.hl {color: #fff;}
div#mainContent p {margin-bottom: 5px;}
a{color: #1297a2; text-decoration:none;}
a:hover{text-decoration: underline;}
/*btn*/
a#btn_toggle {
	position: absolute;
	left: 689px;
	top: -28px;
	text-decoration: none;
	display: block;
	height: 24px;
}
a#btn_toggle:hover{
	text-decoration: none;
	background: none;	
}

/*Containers*/
div#header {
	height: 123px;
	margin: 0 auto;
	position: relative;
	width: 795px;
}
div#media {
	background-color: #181615;
	height: auto;
	width:100%;
}
div#footer {
	background: url(../img/bg_footer.jpg) repeat-x #130e0d;
	clear: both;
	font-size: 9px;
	height: 78px;
	margin: 0 auto;
	padding: 10px 0px 0px 10px;
	width: 785px;
}
div#contentM1 {
	height: auto;
	margin: 0 auto;
	padding: 10px;
	width: 775px;
	height: 181px;
}
div#contentM2 {
	height: auto;
	margin: 0 auto;
	padding: 10px;
	width: 775px;
	height: auto;
}
div#border {	
	background: #1297a2;
	height: 3px;
	margin: 0 auto;
	width: 100%;
}
div#container {
	background: url(../img/bg_container.jpg) repeat #1297a2;
	min-height:500px;
  	height:auto !important;
	margin: 0 auto;
	position: relative;
	width: 795px;
}
	div#mainContent {
		float: left;
		height: auto;
		width: 510px;
		padding: 10px;
	}
	div#secondaryContent {
		color: #ccc;
		float: left;
		height: auto;
		padding: 10px 0px 10px 10px;
		width: 245px;
	}
div#container2 {
	background: #45413e;
	min-height:500px;
  	height:auto !important;
	margin: 0 auto;
	position: relative;
	width: 775px;
	padding: 10px;
}
div#m1 {width: 240px; padding-right: 10px; float: left;}	
div#m2 {width: 240px; height: 190px; margin-bottom: 10px; float: right; padding-left: 10px; border-left: 1px dotted #33302e;}
div#m3 {width: 510px; clear: both; padding: 5px 0 5px 0; margin-bottom: 10px; border-top: 1px dotted #33302e; border-bottom: 1px dotted #33302e;}	
div#m4 {width: 139px; padding-right: 10px; float: left;}	
div#m5 {width: 350px; height: 190px; margin-bottom: 10px; float: right; padding-left: 10px; border-left: 1px dotted #33302e;}
div#m6 {width: 187px; padding-left: 5px; float: right; border-left: 1px dotted #45413e;}
div#m7 {width: 175px; margin-right: 10px; float: left; border-right: 1px dotted #45413e;}
div#m8 {width: 335px; height: 275px; padding-left: 10px; float: right; border-left: 1px dotted #45413e;}
/*FORM codeProd*/
form#codeProd {
		margin-top: 5px;
	}
	form#codeProd input[type="text"] {
		background: url(../img/bg_inputs.jpg) repeat-x;
		width: 70px;
		height: 15px;
		border: none;
		margin-left: 2px;
	}
	form#codeProd input[type="submit"] {
		background: #333333;
		color: #FFFFFF;
		cursor: pointer;
		width: 25px;
		height: 17px;
		border: none;
		margin-left: 0px;
		font-weight: bold;
		font-size: 10px;
	  	letter-spacing:-0.1em;

	}
	form#codeProd input[type="submit"]:hover {
		background: #FFFFFF;
	}
	form#codeProd label {
		float: left;
	}
	form#codeProd p {
		clear: left;
	}
/*FORM prodSignup*/
form.form {
	width: 350px;	
}	
	form.form label {
		margin-left: -80px;
		float: left;
		font-weight: bold;
	}
	form.form p {
		padding-left: 80px;
		clear: left;
		padding-bottom: 5px;
		padding-top: 5px;
		border-bottom: 1px dotted #33302e;
	}
	form.form input[type="text"] {
		width: 250px;
		height: 20px;
		border: none;
		background: #d8d8d8;
		font-size: 16px;	
		border-right:2px solid #3c6601;		
	}
	form.form input[type="file"] {
		width: 250px;
		height: 20px;
		border: none;
		background: #d8d8d8;
		font-size: 12px;	
		border-right:2px solid #3c6601;		
	}
	form#vehiculeSignup textarea { 
		width:249px;
		height: 100px;
		padding: 1px 0 0 1px;
		background: #d8d8d8;
		border: none;
		border-right:2px solid #d50101;
		font-family: arial, sans-serif;
		font-size: 12px;
	}
	form#prodSignup input[type="text"] {
		border-right:2px solid #3c6601;		
	}
	form#vehiculeSignup input[type="text"] {
		border-right:2px solid #d50101;		
	}
	form.form input[type="text"]:focus {background: #fff;}
	form.form input.indicatif, form.form input#numberP1, form.form input#numberP2  {width: 64px; margin-right: 4px;}
	form.form input.indicatif, form.form input#numberCellP1, form.form input#numberCellP2, form#vehiculeSignup input#year  {width: 64px; margin-right: 4px;}
	form.form input#zip {width: 125px;}
	form.form input#addressP1 {margin-bottom: 1px;}
	form.form input[type="submit"] {cursor: pointer;}
	form.form input#numberP1, form.form input#numberCellP1, input.indicatif {border: none;}
	form#vehiculeSignup input.indicatif, form#prodSignup input.indicatif {border: none;}
/*.modules*/
div.modules {
	background: url(../img/bg_modules.jpg) bottom repeat-x #282624;
	width: 245px;
	height: auto;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
div.modules p {
	padding: 0 10px 0 10px;
}
.go {
	display: block;
	width: 43px;
	height: 19px;
	text-indent: -9999em;
	background: url(../img/btn_go.png) no-repeat;
	margin: 5px;
}
/*UL articles*/	
ul.posts {
	list-style-type: none;
}
	ul.posts li {
		width: 510px;
		height: 100px;
	}
		ul.posts li img {
			float: left;
			width: 110px;
		}
		ul.posts li p {
			display: block;
			padding-left: 5px;
			width: 395px;
			float: left;
		}
		
/*UL smPics*/	
ul#smPics {
	display: block;
	width: 510px;
	height: 65px;
	margin-top: 5px;
	clear: both;
	list-style-type: none;
}	
	ul#smPics li {
		width: 91px;
		height: 60px;
		float: left;
		margin-right: 2.5px;
		margin-left: 2.5px;
		border: 3px solid #1297a2;
	}
/*UL menu*/
	ul.menu {
	list-style-type: none;
	position: absolute;
	top: 90px;
	left: 200px;
	height: 29px;
	}
		ul.menu li {
			float: left;
		}
			ul.menu li a {
				display: block;
				float: left;
				width: auto;
				height: 29px;
				border: none;
			}
ul.menu li#btn_experience a {background: url(../img/btn_experience.jpg) no-repeat; width: 109px;}	
ul.menu li#btn_experience a:hover {background: url(../img/btnH_experience.jpg) no-repeat;}	

ul.menu li#btn_accueil a {background: url(../img/btn_accueil.jpg) left top no-repeat; width: 58px;}	
ul.menu li#btn_accueil a:hover, ul.menu li#btn_accueil a:focus, ul.menu li#btn_accueil a:active {background: url(../img/btn_accueil.jpg) right top no-repeat;}	

ul.menu li#btn_contact a {background: url(../img/btn_contact.jpg) left top no-repeat; width: 63px;}	
ul.menu li#btn_contact a:hover, ul.menu li#btn_contact a:focus, ul.menu li#btn_contact a:active {background: url(../img/btn_contact.jpg) right top no-repeat;}

ul.menu li#btn_vehicules a {background: url(../img/btn_vehicules.jpg) left top no-repeat; width: 71px;}	
ul.menu li#btn_vehicules a:hover, ul.menu li#btn_vehicules a:focus, ul.menu li#btn_vehicules a:active {background: url(../img/btn_vehicules.jpg) right top no-repeat;}

ul.menu li#btn_video a {background: url(../img/btn_video.jpg) left top no-repeat; width: 44px;}	
ul.menu li#btn_video a:hover, ul.menu li#btn_video a:focus, ul.menu li#btn_video a:active{background: url(../img/btn_video.jpg) right top no-repeat;}
	
ul.menu li#btn_services a {background: url(../img/btn_services.jpg) left top no-repeat; width: 66px;}	
ul.menu li#btn_services a:hover, ul.menu li#btn_services a:focus, ul.menu li#btn_services a:active {background: url(../img/btn_services.jpg) right top no-repeat;}

ul.menu li#btn_liens a {background: url(../img/btn_liens.jpg) left top no-repeat; width: 45px;}	
ul.menu li#btn_liens a:hover, ul.menu li#btn_liens a:focus, ul.menu li#btn_liens a:active {background: url(../img/btn_liens.jpg) right top no-repeat;}

ul.menu li#btn_en a {background: url(../img/btn_english.jpg) left top no-repeat; margin-left: 3em; width: 72px;}	
ul.menu li#btn_en a:hover, ul.menu li#btn_en a:focus, ul.menu li#btn_en a:active {background: url(../img/btn_english.jpg) right top no-repeat;}

/*UL logos_footer*/
ul#logos_footer {
	float: right;
	height: 47px;
	list-style-type: none;
	margin-top: 10px;
}
	ul#logos_footer li {
			float: left;
		}
			ul#logos_footer li a {
				background: none;
				display: block;
				float: left;
				width: auto;
				height: 47px;
				border: none;
			}
			ul#logos_footer li a:hover {
				background: none;
			}
			
/*UL coordonnees_footer*/
ul#footerC {
	float: left;
	height: 5px;
	list-style-type: none;
	line-height: 1.5em;
	padding-top: 40px;
}

/*UL services*/
ul#services {
	list-style-type: none;
}
	ul#services li {
		background: url(../img/bg_modules.jpg) bottom repeat-x #282624;
		padding: 2px 5px 5px 5px;
		width: 173px;
		height: 196px;
		margin: 0px 5px 20px 5px;
		float: left;
		border-bottom: 1px dotted #b44000;
	}
	ul#services li:hover {
		border-bottom: 1px dotted #3e6574
	}
		ul#services h1 {
			background: #b44000;
			color: #282624;
			display: inline;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 24px;
			margin-bottom: 5px;
			padding: 1px 3px 1px 3px;
			text-transform: uppercase;
		}
/*UL experience*/
ul#experience {
	list-style-type: none;
}
	ul#experience li {
		background: #282624;
		padding: 2px 5px 5px 5px;
		margin-bottom: 1px;
		height: 14px;
	}
	ul#experience li:hover {
		background: #033649;
	}
		ul#experience li p {
			padding-left: 5px;
			padding-right: 5px;
			border-left: 1px solid #45413e;
			display: inline;
			float: left;
		}
		ul#experience li p.date{
			float: right;
		}
/*UL video*/
ul#video {
	list-style-type: none;
}
	ul#video li a {
		background: #282624;
		padding: 2px 0 5px 5px;
		margin-bottom: 1px;
		display: block;
		height: 13px;
		width: 505px;
		color: #d8d8d8;
	}
	ul#video li a:hover {
		background: #fea53d;
		color: #45413e;
		text-decoration: none;
	}
		ul#video li p {
			padding-left: 5px;
			padding-right: 5px;
			border-left: 1px solid #45413e;
			display: inline;
			float: left;
		}
		ul#video li p.date{
			float: right;
		}
/*div player*/	
div#player {
	width: 500px;
	height: 225px;
	padding: 5px;
	background: #282624;
	margin-bottom: 10px;
}
	div#player h1 {
		font-size: 18px;
		color: #fea53d;
		margin-top: 10px;
		margin-bottom: 5px;
	}
/*div map*/	
div#map {
	width: 490px;
	height: 365px;
	padding: 5px 10px 5px 10px;
	background: #282624;
	margin-bottom: 10px;
}
	div#map h1 {
		font-size: 18px;
		color: #70513b;
		margin-top: 10px;
		margin-bottom: 5px;
	}	
/*ul# years*/	
ul#type {
	background: #282624;
	list-style-type: none;
	width: 765px;
	height: auto;
	margin-bottom: 10px;
	padding: 10px 0 10px 10px;
}
ul#type li {
		float: left;
	}
	ul#type li a {
		display: block;
		background: #282624;
		padding: 2px 5px 5px 5px;
		margin-bottom: 1px;
		height: 13px;
		width: 74px;
		color: #d8d8d8;
		text-align: center;
	}
	ul#type li a:hover {
		text-decoration: none;
		background: #3ba4d0;
	}
/*ul# results*/	
ul#results {
	background: #282624;
	list-style-type: none;
	padding: 10px 0 0 10px;
	width: 765px;
	height: 60px;
}
	ul#results li {
		float: left;
	}
	ul#results li a {
		background: #fff;
		display: block;
		margin: 0 10px 10px 5px;
		height: 50px;
		width: 50px;
		padding: 2px;
		color: #d8d8d8;
	}
	ul#results li a:hover {
		text-decoration: none;
		background: #282624;
	}
/*div# pagination*/
div#pagination {
	background:#282624;
	height: 28px;
	text-align: center;
	margin-bottom: 10px;
}
div#pagination a {
	padding: 0 5px 2px 5px;
	margin: 1px;
	background:#282624;
	color: #d8d8d8;
}
div#pagination a:hover, div.pagination a:active {
	background:#3ba4d0;
	color: #fff;
	text-decoration: none;
}
div#pagination span.current {
		padding: 0 5px 2px 5px;
		margin: 1px;
		font-weight: bold;
		background:#3ba4d0;
		color: #fff;
		}
div#pagination span.disabled {
		padding: 0 5px 2px 5px;
		margin: 1px;
		color: #33302e;
	}	
/*div#full*/
div#full {
	width: 755px;
	padding: 10px 10px 10px 10px;
	background: #282624;
}
	div#full h1 {
		font-size: 18px;
		color: #3ba4d0;
		margin-top: 10px;
		margin-bottom: 5px;
	}

#tournage {
background-image:url(../images/tournage.jpg);
	height: 154px;
	width: 243px;
	border: 3px solid #1297a2;

}

/*Deco*/
div#deco1 {
	background: url(../img/deco_1.png) no-repeat;
	height: 17px;
	position: absolute;
	width: 29px;
	left: 516px;
	top: 0px;
}
div#deco2 {
	background: url(../img/deco_2.jpg) no-repeat;
	height: 72px;
	position: absolute;
	width: 83px;
	left: 491px;
	top: 534px;
}
div.hr {
	background: url(../img/tictac.jpg) repeat;
	clear: both;
	height: 3px;
	width: 510px;
	border: none;
	margin: 0;
}
div.hr2 {
	background: url(../img/tictac.jpg) repeat;
	clear: both;
	height: 3px;
	width: 100%;
	border: none;
	margin: 10px 0;
}
.clear {
    clear: both;
    overflow: hidden;
  }
  
.page_btn{cursor:pointer};