body{
	margin: 7px;
	background-color: #f1781d;
	background-image:url(../images/Body-bgFill.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	/* customized ScrollBar for IE*/
	scrollbar-face-color:#999999; 
	scrollbar-arrow-color:#0c4664; 
	scrollbar-track-color:#444444; 
	scrollbar-shadow-color:#ffffcc;      
	scrollbar-highlight-color:#0c4664; 
	scrollbar-3dlight-color:#0c4664; 
	scrollbar-darkshadow-Color:#000000; 
}

body a{
	color:#FFFFFF;
}

body a:hover{
	color: #010b33;
}

/***********************************************************************************************************************************************************************/
/*** Contenu du site ***************************************************************************************************************************************************/

#frame {
	margin-left: auto;
	margin-right: auto;
	width: 988px;
}

#main{
	background-color:#ed701a;
}

.sideRightFill{
	background-image:url(../images/Main-bgFill-SideRight.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.sideRight{
	background-image:url(../images/Main-bgDegrede-SideRight.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-position: 972px 318px;
}
.sideLeftFill{
	background-image:url(../images/Main-bgFill-SideLeft.gif);
	background-position:left;
	background-repeat:repeat-y;
}


.foot{
	background-image:url(../images/Foot-bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.head{
	background-image:url(../images/Header.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#contenu{
	width: 988px;
	height: 100%;
	padding-top: 8px; /* Marge de haut par rapport au contenu du site */
	/*position: absolue;
	z-index: 1;*/
	/*overflow: auto;*/
	

}


/*** Emplacement du lien de la langue **********************************************************************************************************************************/
#lang{
	width: 900px;
	height: 10px;
	margin: 0px 0px 10px 28px;
	float:left;
	font-size:10px;
}

#lang a{
	color:#CC3F0A;
}

#lang a:hover{
	color:#CCCCCC;
}
/*** Fin emplacement du lien de la langue ******************************************************************************************************************************/

#imgTopRight{
	background-image:url(../images/HeadImg-1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width: 285px;
	height: 280px;
	margin-top:-210px;
	padding-right:3px;
	float:right;
}

/*** Bloc de contenu du site *******************************************************************************************************************************************/
#blocConteneur{
	width: 653px;
	height: 100%;
	float:left;
}

.bloc {
	background-color:#182e5b;
	background-image:url(../images/Main-bgDegrede-SideRight.png);
	background-repeat:repeat-x;
	background-position: 0px 50px;
	width: 627px;
	margin: 0px 0px 20px 26px;
}

.bloc .sideRightFill{
	background-image:url(../images/MainBox-bgFill-SideRight.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.bloc .sideLeftFill{
	background-image:url(../images/MainBox-bgFill-SideLeft.gif);
	background-position:left;
	background-repeat:repeat-y;
}

.bloc .foot{
	background-image:url(../images/MainBox-bg-Foot.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.bloc .head{
	background-image:url(../images/MainBox-bg-Head.png);
	background-repeat:no-repeat;
	background-position:top;
}

.blocContenu{
	height: 100px;
}

	.blocContenu table tr th{
		background-color: #990000;
		border: 1px solid;
		font-style: italic;
		text-align: left;
		}
	
	.blocContenu div.liquidation table tr td{
		background-color:#E86918;
		}
	
	.blocContenu div.liquidation table tr td{
		padding:2px;
		}
	
		.blocContenu table tr:first-child td h3{
			font-size: 14px;
			font-weight:bold;
			padding: 2px;
			margin: 5px;
			}

.bloc table:first-child td{
	padding: 10px 20px 15px 20px;
}
.bloc table#tableauCaracteristiques td {
    border: 1px solid;
	}

/* Format contenu DIV des pièces en liquidation */
.blocContenu .liquidation h3{
	margin: 10px 0px 5px 10px;
}

.liquidation{
	margin-top: 10px;
	border: 1px solid #CCC;
}

.liquidation table{
	padding: 2px;
	margin: 0px 0px 10px 10px;
}

.liquidation td{
	padding: 2px;
}

.blocContenu table td{
	padding: 2px;
}

.blocContenu td.title{
	height: 16px;
}

.blocContenu td.texte{
	padding-bottom: 14px;
}

.bloc h1{
	margin: 0px;
	font-size: 18px;
}

.bloc h2{
	margin: 2px 0px 10px 14px;
	font-size: 16px;
	font-style:italic;
}
 
.bloc h3{
	margin: 2px 0px 10px 40px;
	font-size: 14px;
}

.bloc p{
	margin: 0px 0px 0px 40px;
}

/*** Positionne les vidéos par rapport au contenu du bloc ***/
.video{
	float:left;
	padding-right: 35px;
}

.liftBateau{
	float:left;
	margin: 10px 35px 10px 40px;
	border: 1px solid black;
}
#side-elevateurs h2{
	text-transform:uppercase;
	}
#side-elevateurs .img{
	margin-left:40px;
	}	
.logoCandock{
	float: right;
	border: 1px solid black;
}

.img{
	border: 1px solid black;
}

.flashObj{
	border: 1px solid black;
}

.imgSoumissionQuai{
	margin: 0px 35px 10px 10px;
	float: left;
	border: 1px solid black;
}

.imgServices{
	float: left;
	margin: 6px 30px 30px 30px;
	border: 1px solid black;
}

/* Marge appliquée sur les images des type de finitions du lift à bateau */
.imgFinition{
	margin-right: 5px;	
}

table.imgHelices {
	padding: 0px;
}

#caracteristiquesHelices h2{
	padding-top: 14px;
}

#caracteristiquesHelices h2:first-child{
	padding-top: 10px;
}

#caracteristiquesHelices{
	padding-top: 0px;
}

.quaiDesigner, .realisationDiapo{
	float: left;
	margin: 0px 0px 20px 32px;
	border: 1px solid black;
}

/*** Mise en page tableaux des types d'hélices ***/
.bloc table td table.heliceType td{
	padding: 0px 10px 0px 10px;
	text-align:left;
}

.bloc table td table.heliceType td h3{
	margin-left: 0px;
}


/*** Mise en page des contenu pour page des spéciaux kit de quais ***/
.speciauxPrix{ /* Prix des spéciaux mis en valeur */
	color: #EE701B;
	font-weight: bold;
	font-size: 24px;
}

table.kitSpeciaux td{
	width: 290px;
}

table.kitSpeciaux td{
	padding: 5px 10px 5px 10px;
}

table.kitSpeciaux h3{
	margin: 10px 0px 5px 0px;
}

table a.speciauxAncres:hover {
	color: #ffffff;
}

table.kitSpeciaux img{
	border: 1px solid #282736;
	float: left;
}

table.kitSpeciaux ul{
	margin: 10px 0px 10px 0px;
}

table.kitSpeciaux ul li{
	list-style-type: square;
}

table.kitSpeciaux p {
	margin-left: 0px;
}

a.speciauxLinkToTop {
	display: block;
	width: 165px;
	margin-top: 15px;
	font-weight: bold;
	color: #282736;
}


/*** Force la couleur blanche au Titre servant d'ancre dans la page ***/
.titleHelice a:hover, .heliceType h2 a:hover, .liftType h1 a:hover {
	color:#FFFFFF;
}

.heliceType .xl101, .heliceType .xl102{
	color:#282736;
	background-color:#FFFFFF;
}

.heliceType p{
	margin: 20px 0px 0px 0px;
}


/*** Fin bloc de contenu du site ***************************************************************************************************************************************/


/*** Contenu du Div de droite ******************************************************************************************************************************************/
.sideBlocConteneur{
	width: 305px;
	height: 100%;
	float: right;
	padding-top: 65px;
}

.sideBloc {
	background: #ed701a url(../images/sideBox-bgFill-Middle.png) repeat-x 0px 50px scroll;
	width: 279px;
	margin: 0px 26px 14px 0px;
}

.sideBloc .sideRightFill{
	background-image:url(../images/sideBox-bgFill-SideRight.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.sideBloc .sideLeftFill{
	background-image:url(../images/sideBox-bgFill-SideLeft.gif);
	background-position:left;
	background-repeat:repeat-y;
}

.sideBloc .foot{
	background-image:url(../images/sideBox-bg-Foot.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.sideBloc .head{
	background-image:url(../images/sideBox-bg-Head.png);
	background-repeat:no-repeat;
	background-position:top;
}

.sideBlocContenu{
	height: 100px;
}

.sideBloc table td{
	padding: 9px 20px 0px 20px;
}

.sideBlocContenu td.title{
	height: 20px;
}

.sideBlocContenu td.texte{
	padding-bottom: 20px;
}

.sideBloc p{
	margin: 0px;
}

.sideBloc h1{
	margin-top: 0px;
	font-size: 18px;
}

.sideBloc h2{
	margin-top: 0px;
	font-size: 14px;
	font-style:italic;
}

.sideBloc ul.noPadding{
	padding-left: 12px;
}

.sideBloc li.speciaux{
	font-size: 16px;
	list-style-type:square;
}

.sideBloc ul ul li{
	list-style-type:disc;
}

.sideBloc h3{
	font-size: 14px;
}

.sideBloc .imgSoumissionQuai{
	float: left;
	border: 1px solid black;
}

.sideBloc #comparatifHelices td{
	padding: 0px;
}

p.trucsAstuces{
	font-size:14px;
	color: #000000;
	padding-bottom: 10px;
}

p.trucsAstuces span{
	font-size:14px;
	font-weight:bold;
	color:#282736;
}

/*------------------------------------------
/* Bloc de sous-section
/*----------------------------------------*/


.box {
	background: url(../images/page_index-top-border.png) repeat-x 0 0 scroll transparent;
	width:587px;
	}

	.box-t0 {
		background: url(../images/page_index-top-left.png) no-repeat 0 0 scroll transparent;
		padding-left:12px;
		height: 24px;
		display: inline-block;
		}
	
		.box-t1 {
			background: url(../images/page_index-top-right.png) no-repeat 100% 0 scroll transparent;
			padding-right:12px;
			display: inline-block;
			}
				
			.box-t1 h3.box-title {
				background: url(../images/page_index-top-fill.png) repeat-x 0 0 scroll transparent;
				height: 21px;
    			margin: 0;
				padding-left: 15px;
				padding-right: 20px;
				padding-top:3px;
				display: inline-block;
				}
				

	.box-content{
		background: url(../images/page_index-content-corner.png) no-repeat 0 0 scroll transparent;
		}
	
		.box-c0 {
			background: url(../images/page_index-border-left.png) no-repeat 0 8px scroll transparent;
			padding-left:12px;
			}
			.box-c1 {
				background: url(../images/page_index-content-fill.png) repeat-x 0 0 scroll transparent;
				padding:12px 12px 6px 0px;
				}

				.box-c1 h4 {
					margin: 5px 0px 5px 0px;
					}

				.box-c1 p {
					margin: 5px 10px 10px 15px;
					}




/* Mise en page bloc side right avec configurations de jetslide */
#imgJetslide h3{
	margin-bottom:5px;	
}

/*** Fin contenu du Div de droite **************************************************************************************************************************************/


#clear{
	clear:both;
}

/*** Fin contenu du site ***********************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


/***********************************************************************************************************************************************************************/
/*** Bas de page *******************************************************************************************************************************************************/
#footer{
	background-color:#ed701a;
	margin-top: 0px;
}

#footer .head{
	background-image:url(../images/Footer-bg-Head.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#footer .sideLeft{
	background-image:url(../images/Main-bgFill-SideLeft.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#footer .sideRight{
	background-image:url(../images/Main-bgFill-SideRight.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#footer .foot{
	background-image:url(../images/Foot-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#footerContenu{
	text-align:center;
	padding-top:5px;
	height: 80px;
	width: 988px;
}

#footerContenu table{
	width: 980px;
}

#footer .sousMenu a, #footer .infoBtm a{
	color:#FFFFFF;
}

#footer .sousMenu a:hover, #footer .infoBtm a:hover{
	color:#006;
}

#footer .copyright{
	color:#CCCCCC;
	font-size:10px;
}

/*** Fin bas de page****************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************/


.clear{
	clear: both;
}

#tableauCaracteristiques tr th{
	padding: 0px 0px 4px 2px; 

}

#tableauCaracteristiques tr + tr th, #tableauCaracteristiques tr + tr + tr td{
	border: 1px solid black;
	padding: 3px;
	text-align:left;
}

#tableauCaracteristiques tr + tr th{
	font-weight: bold;
	background-color:#990000;
	border: 1px solid black;
	padding: 3px;
	text-align:left;
}

/* Tableau des accessoires relié aux quais Candock */
#listeAccessoires h3, 
#listeAccessoires p, 
#listeAccessoires ul{
	margin-left: 0px;
}

/* Titres des sections de pièces et accessoires */
table#listeAccessoires tr td.titre{
	background-image:url(../images/sideBox-bgFill-Middle.png);
	background-repeat:repeat-x;
	background-position: 0px -150px;
}
#listeAccessoires h2{
	margin: 5px 0px 0px 8px;
	font-size:18px;
	color: #fff;
}
#listeAccessoires h3{
	color: #282736;
	font-size:16px;
}
#listeAccessoires, #listeAccessoires td{
	border: 1px solid #282736;
}



#listeAccessoires tr td{
	background-color:#f60;
}
#listeAccessoires tr td:first-child{
	background-color:#FFF;
}

/* Page : Bateau CraigCat */
table#liste-modeles-craigcat td {
    padding: 0;
	}
table#liste-modeles-craigcat h3 {
	font-size:14px;
	text-transform:uppercase;
    margin: 0 0 0 10px;
	}
table#liste-modeles-craigcat p {
    margin: 5px 0 10px 10px;
}
.bloc.info-CraigCat p {
    margin: 5px 0 10px 40px;
	}
.sideBlocConteneur.craigcat .sideBloc:first-child{
    margin-bottom: 1567px;
}

/* Formulaire de demandes d'informations */
.formrequest{
	/*background: url(../images/Main-bgDegrede-SideRight.png) repeat-x scroll 0 152px transparent;*/
	background: none repeat scroll 0 0 #151E49;
    border: 2px solid #666666;
	border: 1px solid #666;
    padding: 1px 0 0 40px;
	}
div.row{
	margin: 12px 0;
    width: 500px;
	}
div.col{
	float: left;
    width: 120px;
	}
div.col2{
	display: inline-block;
    width: 375px;
	}	
div.col2 .row{
    display: block;
	}	
span.col{
	display: inline-block;
    width: 200px;
	}
span.col2{
	}
.formrequest h2{
	margin: 8px 0 12px;
    text-transform: uppercase;
	}	
.formrequest .btn{
	width:120px;
	margin-left: 119px;
	}
	
.error{
	color: #CC0000;
	}