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


body{
	background:#000;
	font-family:arial;
	font-size:14px;
	color:#484848;
	line-height:24px;
}

.clearall{
	clear:both;
	overflow:hidden;
	height:0px;
}

.gras{
	font-weight:bold;
}

/* BAN FFVAL */

h1 a{
	display:block;
	/* width:732px;
	height:164px; */
	width:912px;
	height:211px;
	background:url(../img/ban.jpg);
	margin:40px auto 0 auto;
	font-size:27px;
	font-style:italic;
	padding:22px 0 0 70px;
	position:relative;
	color:#1a171b;
}

h1 a span{
	font-size:32px;
	color:#1a171b;
}

h1 a p{
	font-size:12px;
	text-transform:uppercase;
	display:block;
	position:absolute;
	top:27px;
	right:70px;
	color:#1a171b;
}

/* BAN BCC */

h1.ban-bcc a{
	display:block;
	/* width:732px;
	height:164px; */
	width:912px;
	height:211px;
	background:url(../img/BCC-BAN.jpg);
	text-indent:-9999px;
}

h1.ban-bcc a span{
	display:none;
}

h1.ban-bcc a p{
	display:none;
}

div.monmenu{
	/* width:801px;
	height:39px; */
	width:992px;
	height:49px;
	margin:0 auto 0 auto;
	background:url(../img/menu-background.jpg);
}

div.conteneur{
	/* width:786px; */ 
	width:982px;
	background:#fff url(../img/background.jpg) repeat-x;
	margin:auto;
}

div.conteneur a{
	color:#b90015;
}
div.conteneur a:hover{
	text-decoration:underline;
}

div.conteneur div.col-gauche{
	width:200px;
	border-right:0px solid #efefef;
	padding:0 30px 0 50px;
	margin:48px 0 0 0;
	float:left;
}

div.conteneur div.col-gauche img.goldtimer-logo{
	display:block;
	margin-bottom:19px;
}

div.conteneur div.col-gauche p{ 
	display:block;
	margin-top:95px;
}

div.conteneur div.col-gauche p span{
	display:block;
	color:#484848;
	font-size:18px;
}

div.conteneur div.col-droite{
	width:600px;
	float:left;
	padding:0 45px 0 37px;
	border-left:1px solid #efefef;
	margin-top:48px;
}

div.conteneur div.col-droite h2{
	font-size:35px;
	color:#1b1b1b;
	font-family:times new roman;
	text-transform:uppercase;
	margin-bottom:25px;
}

.TitreGarage 
{
	font-size:35px;
	font-weight:bold;
	color:#1b1b1b;
	font-family:times new roman;
	text-transform:uppercase;
	margin-bottom:25px;
	position:absolute;
	top:0;
	left:320px;
}

.TitreGarageSpan{
	display:block;
	font-size:15px;
	color:#5a5a5a;
	line-height:40px;
	position:absolute;
	top:25px;
	left:320px;
}

div.conteneur div.col-droite h2 span{
	display:block;
	font-size:15px;
	color:#5a5a5a;
	line-height:40px;
}

div.conteneur div.col-centpourcent{
	width:962px;
	padding:0 10px 0 10px;
	margin:48px 0 0 0;
	float:left;
	position:relative;
}

div.conteneur div.col-centpourcent h2{
	font-size:35px;
	color:#1b1b1b;
	font-family:times new roman;
	text-transform:uppercase;
	margin-bottom:25px;
	position:absolute;
	top:0;
	left:320px;
}

div.conteneur div.col-centpourcent h2 span{
	display:block;
	font-size:15px;
	color:#5a5a5a;
	line-height:40px;
}

p.legende{
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#c90017;
	text-transform:none;
	line-height:14px;
	margin:40px 0 0 20px;
}

p.legende span{
	display:inline-block;
	width:10px;
}

div.footer{
	/* width:736px;
	height:42px; */
	width:905px;
	height:50px;
	background:url(../img/footer.jpg) no-repeat;
	margin:auto;
	font-size:13px;
	color:#c3c3c3;
	padding:97px 0 0 77px;
}

div.footer span{
	width:33px;
	color:#707070;
	display:inline-block;
	text-align:center;
}

div.footer a{
	color:#ffffff;
}

div.footer a:hover{
	text-decoration:underline;
}


/***************************************** Formulaire *****************************************/


.css label{
	display: block;
	position: relative;
	width: auto;
}

.css span{
	float:left;
	margin:0 20px 0 0;
}

.css span.rubrique{
	float:left;
	width: 200px;
	margin:10;
}




.css span.rubrique select{
	border:solid 1px #dfdfdf;
	padding:5px;
}

.css span.rubrique select option{
	font-size:11px;
}

.css input, form.css textarea,
.form-pass-css input, form.form-pass-css textarea{	
	background-color:#fff;
	border:solid 1px #dfdfdf;
	color:#3c3c3c;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 10px 5px 10px;
	height: 34px;
}

.css input:hover, form.css input:focus,
.css textarea:hover, form.css textarea:focus,
form.form-pass-css input:hover, form.form-pass-css input:focus,
form.form-pass-css textarea:hover, form.form-pass-css textarea:focus{
	background-color:#fff;
	border:solid 1px #c90017;
	color:#3c3c3c;
}

a.print-form{
	float:left;
	display:block;
	margin:37px 0 0 55px;
}

.form-par-courrier{
	font-size:12px;
	line-height:16px;
	margin:40px 0 0 0;
	color:#c90017;
	border:1px dashed #cb505e;
	width:520px;
	padding:10px;
	text-align:center;
}

.form-par-courrier span{
	display:block;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:5px 0 10px 0;
}

.encadre-bateaux{
	margin:30px 0 0 0;
	color:#c90017;
	border:1px dashed #cb505e;
	width:520px;
	padding:20px;
}


/***************************************** Formulaire (message d'erreur) *****************************************/


.errorwarning .cleanblue{
	background: #acb4c4;
}
.errorfade{
	position: absolute;
	background-color: #fff;
}
div.error{
	font-family:arial;
	position: absolute;
	background: #ffffff;
	width: 280px;
	font-size: 11px;
	text-align: left;
	border: dashed 1px #f44d21;
	z-index:3;
}
div.error .errorcontainer{
	background: #ffffff;
	border-top: dashed 0px #f44d21;
	padding: 5px;
}
div.error .errorclose{
	float: right;
	width: 18px;
	cursor: default;
	margin: -19px -4px 0 0;
	color: #ffffff;
	font-weight: bold;
	
	display:none;
}
div.error .errormessage{
	padding: 10px;
	line-height: 20px;
	font-size: 12px;
	color: #333333;
}
div.error .errorbuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 0px #eeeeee;
	background-color: #fff;
}
div.error button{
	padding: 3px 10px;
	margin: 0 10px;
	background: #f44d21;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

img.img-error{
	float:left;
	margin:0 10px 0 0;
}

div.texte-error{
	margin:0;
}

span.titre-error{
	display:block;
	font-size:18px;
	color:#4d300d;
	margin:10px 0 10px 0;
}










div.conteneur div.col-droite h2{
	line-height:36px;
}

div.conteneur div.col-droite h3{
	font-size:18px;
	color:#ad0013;
	font-family:times new roman;
	margin:35px 0 10px 0;
}

div.conteneur div.col-droite h4{
	font-size:16px;
	color:#000;
	font-family:times new roman;
	margin:0px 0 0px 0;
	font-weight:bold;
}

div.conteneur div.col-droite ul{
	display:block;
	list-style-position:outside;
	list-style-type:disc;
	margin:20px 0 20px 15px;
}

.pdf-lien{
	display:block;
	clear:both;
	margin:0 0 14px 0;
	padding:6px;
	border:1px solid #fff;
}

.pdf-lien:hover{
	border:1px solid #000;
}

.pdf-lien img{
	display:block;
	float:left;
	margin:0 6px 0 0;
}



/***************************************** Textes Lgaux *****************************************/



img.textes-legaux-img{
	display:block;
	float:left;
	padding:10px 15px 10px 15px;
}



/***************************************** Contact *****************************************/



table.comite{
	display:block;
	width:277px;
	margin-left:20px;
	float:left;
	border:1px solid #000;
}

table.comite tr td{
	padding:8px 3px 8px 8px;
	border-top:1px solid #ddd;
}

table.comite tr th{
	padding-bottom:15px;
}

table.comite-2 tr td{ border:0; }


/* EXPERTISE */

table.tableau-expertise tr td{
	border:1px solid #999;
	padding:10px;
}