/*


============ Mise en page du site Washboat.fr - Défaut ====================



*/




/*

Mise en page des éléments par défaut

*/

* {
	margin : 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12pt;
	background: url(img/bg_body.gif);
	text-align: center;
}

a {
	color : #96bf0d;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style-type : none;
}


/*

Structure globale

*/


/*

Conteneur

*/
#conteneur {
	width : 990px;
	margin: 0 auto;
	text-align: left;
	background: url(img/bg_conteneur.png) repeat-y center;
	text-align: center;
}

* html #conteneur {
	/*
	Bug IE6
	*/
	zoom: 1;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/styles/defaut/img/bg_conteneur.png", sizingMethod="scale");
}
/*

header

*/
#header {
	text-align : center;
	background: #002640;
	margin : 0 36px 0 36px;
	width : 918px;
	padding-top : 15px;
	background: url(img/bg_header.gif) repeat-x top #002640;
	position: relative;
}
#header a img {
	border : none;
}


#prelude {
	position : absolute;
	top : 0px;
	left : 15px;
	font-size: 8pt;
}
#prelude a {
	color : #002640;
	padding : 0 10px;
}
/*

Central


*/


#central {
	width : 917px;
	margin : 0 37px 0 37px;
	background: url(img/bg_central.gif) repeat-x top;
	position: relative;

}

* html #central {
	margin : 0 26px 0 30px;

}

/*

contenu

*/
#contenu {
	background: url(img/bg_contenu.gif) no-repeat bottom center #014563;
	width : 520px;
	float: right;
	padding: 20px 20px 150px 20px;
	color: white;
	font-size: 12pt;
	margin-bottom: 50px;
	margin-top : 10px;
}
#contenu h1 {
	color : #96bf0d;
	background: url(img/flecheTitre.gif) no-repeat left center;
	padding-left: 35px;
	height : 40px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: left;
}
#contenu div {
	text-align : left;
}
#contenu .left {
	float : left;
	width : 260px;
}
#contenu .right {
	margin-left : 253px;
	padding-left : 20px;
	background: url(img/separateurContenu.gif) no-repeat left center;
}
#contenu div b {
	color : #96BF0D;
}

#contenu div i {
	font-style:normal;
	color : #96BF0D;
}
#contenu div ul {
	margin : 0 0 10px 10px;
}
#contenu div ul li {
	list-style-image: url(img/puce_liste.gif);
	margin : 2px 0;
}
/*

Contact

*/
#contact {
	margin : 10px 18px 0 18px;
	width : 886px;
	text-align: center;
	height: 60px;
	position: relative;
}
* html #contact {
	margin-top : 5px;
}
#contact h2 {
	color : #96bf0d;
	font-size: 11pt;
	background: url(img/vagueMini.gif) no-repeat left center;
	padding-left: 70px;
	width : 170px;
	text-align: left;
	font-weight : normal;
	float: left;
	margin-top: 5px;
}
#contact h2 b {
	display: block;
}
#contact .person {
	color : white;
	width : 200px;
	text-align: left;
	font-size: 10pt;
	float: left;
}
#contact .infos {
	margin-left : 50px;
	margin-top: 5px;
}
#contact .infos b {
	font-weight : normal;
}
#contact .person img {
	float : left;
}
#contact #demande_infos {
	position : absolute;
	right : 0px;
	width : 150px;
	height: 50px;
	
}
#contact #demande_infos a {
	display : block;
	padding-top: 8px;
}
/*

fil

*/
#fil {
	color : #002640;
	text-align: left;
	padding : 10px 15px 0 15px;
	font-size:10pt;
}
#fil li {
	display:inline;
	padding-right: 10px;
}
#fil li a {
	color : #002640;
	padding-right: 10px;
}


/*

Menu

*/

#menu {
	background : url(img/bg_menu.gif) no-repeat top right;
	width : 331px;
	height : 278px;
	margin-top: 26px;
	padding-left : 30px;
	text-align : center;
	padding-top: 28px;
	float: left;
	margin-left: -27px;
}

* html #menu {
	width : 332px;
}

#menu li a {
	color: #002a45;
	display: block;
	text-align : center;
	width : 101px;
	margin: 0 auto;
	height : 33px;
	font-size:9pt;
	line-height: 33px;
}
#menu li a:hover {
	background : url(img/item_menu_hover.gif) no-repeat top center;

}
#menu li.selected a {
	background : url(img/item_menu_selected.gif) no-repeat top center;
	padding-top : 10px;
	color : #96bf0d;
	line-height: 20px;
	height : 26px;
}
#menu li.selected a:hover {
	background : url(img/item_menu_selected.gif) no-repeat top center;

}


/*

Diapo

*/


.diapo .mini img {
	cursor:pointer;
}

.diapo ul.big {
	width : 300px;
	height : 300px;
	position: relative;
	text-align: center;
}
.diapo ul.big li {
	list-style: none;
	position : absolute;
	top : 0;
	left : 0;
	visibility: hidden;
	width : 300px;
	height : 300px;
	text-align: center;
	
}

.diapo .mini li {
	display : inline;
}
.diapo .mini li.selected img {
	border : 5px solid #96BF0D;
	width : 55px;
}


/* 

Diaporama du contenu

*/

#contenu .diapo {
	height : 280px;
	position:static;
	clear: both;
	padding-top: 20px;
}

#contenu .diapo .big {
	float : left;
	width : 350px;
	margin : 0;
}
#contenu .diapo li {
	list-style-image : none;
	margin : 0;
}
#contenu .diapo .mini {
	float : right;
	width : 80px;
	height : 354px;
	background: url(img/bg_diapo_mini_contenu.gif) no-repeat center top;
	text-align: center;
	padding : 25px;
	margin : 0;
}

/*

Footer

*/

#footer {
	height : 52px;
	clear : both;
	background: url(img/footer.gif) no-repeat;
	color : white;
	font-size: 10pt;
	padding-top: 52px;
}
#footer a {
	color : white;
}
#footer .links {
	margin-bottom : 10px;
}
#footer .links a {
	color : #014563;
}
/*

sous-menu

*/
#smenu {
	margin-bottom: 20px;
	text-align: left;
	display: block;
	height : 50px;
}
#smenu li {
	display : inline;
	padding-right : 10px;
	padding-left: 20px;
	display: block;
	float : left;
}
#smenu li a {
	color : #789909;
	line-height: 25px;
}
#smenu li.selected {
	background: url(img/item_smenu_selected.gif) no-repeat left top;
}
#smenu li.selected a {
	font-weight : bold;
	color : white;
}

/*

Classes génériques


*/

.spacer {
	clear : both;
	line-height: 0;
}

/*

modeEmploi

*/
.modeEmploi .mini li img {
	margin : 5px;
}
.modeEmploi {
	float : left;
	margin-left: 18px;
	width : 300px;
}
* html .modeEmploi {
	margin-left : 10px;
}


/*

Mise en page par page

*/

body.caracteristiques-techniques #contenu .right {
	margin-left : 246px;
}
body.le-transport #contenu .right {
	background : none;
}


/*

Page contact

*/

body.demande-d-informations form table {
	border-collapse : collapse;
	border : 1px solid #00587F;
}
body.demande-d-informations form th, body.demande-d-informations form td {
	background : #00587F;
}
body.demande-d-informations form .pair th, body.demande-d-informations form .pair td {
	background : #014563;
}
body.demande-d-informations form th {
	text-align : right;
	font-weight: normal;
	vertical-align: top;
	width : 260px;
	padding : 5px;
}
body.demande-d-informations form td {
	text-align : left;
	padding: 5px;
}
body.demande-d-informations form td textarea, body.demande-d-informations form td input[type=text] {

	border : 1px solid #014563;
}
body.demande-d-informations form td input[type=text] {
	width : 250px;
}

body.demande-d-informations form td textarea {
	width : 255px;
	height : 200px;
}
body.demande-d-informations form td input[type=text]:focus, body.demande-d-informations form td textarea:focus {
	border : 1px solid #00638F;
}
body.demande-d-informations form label {
	display : block;
}
body.demande-d-informations form td.doubleChoix label {
	display:inline;
}
body.demande-d-informations form td .choices {
	text-align : center !important;
}
body.demande-d-informations form .submitLine td {
	text-align : center;
}