body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #ccd2d7;
}

a:link, a:visited, a:active {
	color:#FF6600;
	text-decoration:none;
	font-style:normal;
}

a:hover {
	color:#006699;
}


/*##############################################################################
################################ Fond du site ##################################
##############################################################################*/
#fondSiteTop {
	background:url(../images/fondSiteTop.png) repeat-x top left;
}

#fondSiteBottom {
	background:url(../images/fondSiteBottom.png) repeat-x bottom left;
}


/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:1000px;
	margin:auto;
	padding:15px 0px 2px 0px;
}

.clearFloat {
	clear:both;
}

.asterisque {
	color:#FF0000;
}
	
	
/*##############################################################################
################################# Banniere #####################################
##############################################################################*/
#header {
	height:271px;
	width:1000px;
}

	#banniere1 {
		float:left;
		background:url(../images/banniere1.png) no-repeat;
		width:820px;
		height:26px;
	}
	
	#banniere2 {
		float:left;
		background:url(../images/banniere2.png) no-repeat;
		width:142px;
		height:16px;
		padding-top:10px;
	}
	
	#banniere3 {
		float:left;
		background:url(../images/banniere3.jpg) no-repeat;
		width:1000px;
		height:159px;
	}
	
	#banniere4 {
		float:left;
		width:660px;
		height:33px;
	}
	
	#banniere5 {
		float:left;
		background:url(../images/banniere5.jpg) no-repeat;
		width:340px;
		height:33px;
	}
	
	#banniere6 {
		float:left;
		background:#FFFFFF url(../images/banniere6.gif) repeat-x 0px 2px;
		width:631px;
		height:17px;
		border-left:1px solid #FF6600;
		font-weight:bold;
		font-size:13px;
		color:#333333;
		padding:4px 0px 0px 10px;
	}
	
	#banniere7 {
		float:left;
		background:url(../images/banniere7.jpg) no-repeat;
		width:320px;
		height:21px;
	}
	
	
/*##############################################################################
################################# Menu du haut #################################
##############################################################################*/
#menuHaut {
	width:960px;
	height:30px;
	border:1px solid #FF6600;
}

	#menuHautLeft {
		float:left;
		background:url(../images/menuLeft.gif) no-repeat;
		width:5px;
		height:30px;
	}

	#menuHautCenter {
		float:left;
		background:url(../images/menuCenter.gif) repeat-x;
		width:950px;
		height:30px;
	}

	#menuHautRight {
		float:left;
		background:url(../images/menuRight.gif) no-repeat;
		width:5px;
		height:30px;
	}

	a.menuHautLien {
		float:left;
		display:block;
		height:24px;
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
		font-size:14px;
		padding-top:6px;
	}

	a.menuHautLien:hover {
		color:#FF3300;
	}
	
	.menuHautSeparateur {
		float:left;
		width:1px;
		height:21px;
		margin-top:5px;
		background:#FFFFFF;
	}

/*##############################################################################
############################### Corp de la page ################################
##############################################################################*/
#body {
	width:940px;
	padding:10px;
	background:#FFFFFF;
	border-width:0px 1px 0px 1px;
	border-color:#FF6600;
	border-style:solid;
}

.titreParagraphe {
	color:#336699;
	font-weight:bold;
	margin-bottom:10px;
}

.titrePage {
	color:#3366FF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}


/*##############################################################################
############################### Menu de gauche #################################
##############################################################################*/
#menu {
	width:220px;
	float:left;
}

	#menuTitre {
	}
	
		#menuTitreLeft {
			float:left;
			width:180px;
			height:18px;
			background:#FFFFFF;
			border:1px solid #9db0bc;
			border-right:0px;
			color:#FF6600;
			font-weight:bold;
			padding:5px 5px 0px 15px;
		}
		
		#menuTitreRight {
			float:left;
			width:19px;
			height:25px;
			background:url(../images/menuTitreRight.gif) no-repeat;
		}
	
	#menuPanorama {
		border:1px solid #9db0bc;
		border-top:0px;
		width:218px;
		height:60px;
	}
	
	#menuContent {
		border:1px solid #9db0bc;
		border-top:0px;
	}

		a.menuContent_item {
			display:block;
			padding:8px 5px 8px 25px;
			background:url(../images/puce2.gif) no-repeat 10px 11px;
			font-weight:bold;
			color:#FF6600;
		}

		a.menuContent_item:hover {
			background:url(../images/puce2.gif) no-repeat 15px 11px;
			color:#006699;
		}
		
		.menuContent_hr {
			background:url(../images/menuSeparateur.gif) repeat-x;
			height:1px;
			margin:0px 5px 0px 25px;
			font-size:1px;
		}


/*##############################################################################
################################# Fil ariane ###################################
##############################################################################*/
#filAriane {
	float:left;
	width:720px;
	height:25px;
}

	#filArianeLeft {
		float:left;
		width:11px;
		height:25px;
		background:url(../images/filArianeLeft.gif) no-repeat;
	}
	
	#filArianeCenter {
		float:left;
		width:705px;
		height:20px;
		background:url(../images/filArianeCenter.gif) repeat-x;
		color:#006699;
		font-weight:bold;
		padding-top:5px;
	}
	
	#filArianeRight {
		float:left;
		width:4px;
		height:25px;
		background:url(../images/filArianeRight.gif) no-repeat;
	}	


/*##############################################################################
############################## Page de contenu #################################
##############################################################################*/
#page {
	float:left;
	width:515px;
	padding:0px 10px;
	margin-top:10px;
}

#colRight {
	float:left;
	width:174px;
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	margin-top:10px;
}
	
	.nouveaute {
		background:#FF7b00;
		margin-top:30px;
		padding:5px 0px;
	}

		.nouveauteTitre {
			color:#FF0000;
			font-weight:bold;
			padding:2px 2px 10px 2px;
			text-align:center;
		}
		
		.nouveautePhoto {
			margin-bottom:10px;
			text-align:center;
		}
		
		.nouveauteDescription {
			text-align:center;
			margin-bottom:10px;
		}
		
		a.nouveautePlus {
			color:#FFFFFF;
			padding-left:90px;
		}
	
		a.nouveautePlus:hover {
			color:#006699;
		}

	.articleAlea {
		margin-top:30px;
		padding:5px 0px;
	}

		.articleAleaTitre {
			color:#FF0000;
			font-weight:bold;
			padding:2px 2px 10px 2px;
			text-align:center;
		}
		
		.articleAleaPhoto {
			margin-bottom:10px;
			text-align:center;
		}
		
		.articleAleaDescription {
			text-align:center;
			margin-bottom:10px;
		}
		
		a.articleAleaPlus {
			padding-left:90px;
		}
		
/*##############################################################################
############################### Pied de page ###################################
##############################################################################*/
#footer {
	width:962px;
}
	#footerMenu {
		text-align:center;
		height:18px;
		background:#FFFFFF;
		border-width:0px 1px 0px 1px;
		border-color:#FF6600;
		border-style:solid;
		color:#666666;
	}
		
		#footerMenu a {
			color:#666666;
		}
	
		#footerMenu a:hover {
			color:#FF6600;
		}

	#footerLeft {
		float:left;
		background:url(../images/footerLeft.png) no-repeat;
		width:21px;
		height:51px;
	}

	#footerCenter {
		float:left;
		background:#FFFFFF;
		width:920px;
		height:39px;
		border-bottom:1px solid #FF6600;
		border-top:1px solid #999999;
		padding-top:10px;
		color:#666666;
	}

		#footerCenter a {
			color:#666666;
		}
	
		#footerCenter a:hover {
			color:#FF6600;
		}

	#footerRight {
		float:left;
		background:url(../images/footerRight.png) no-repeat;
		width:21px;
		height:51px;
	}

	#footerReflet {
		clear:both;
		background:url(../images/footerReflet.png) no-repeat;
		height:48px;
	}


/*##############################################################################
############################## Page d'accueil ##################################
##############################################################################*/
.actu {
	padding:10px;
	margin-bottom:10px;
	text-align:justify;
}

	.actuTitre {
		color:#FF6600;
		font-weight:bold;
		margin-bottom:3px;
	}
	
	.actuPhoto {
		float:left;
		margin:0px 10px 10px 0px;
	}


/*##############################################################################
############################## Page categorie ##################################
##############################################################################*/
.categorie {
	border:1px dotted #999999;
	padding:10px;
}

	.categorieTitre {
		color:#FF6600;
		font-weight:bold;
		margin-bottom:5px;
	}

	.categorieTexte img {
		margin-right:10px;
		margin-bottom:10px;
	}
		
a.artVignette {
	display:block;
	float:left;
	width:160px;
	border:1px solid #999999;
	margin-bottom:20px;
}

a.artVignette:hover {
	border:1px solid #FF6600;
}

	.artVignetteTitre {
		text-align:center;
		padding:3px;
		font-weight:bold;
		color:#FF6600;
	}
	
	.artVignettePhoto {
		text-align:center;
		vertical-align:middle;
		width:160px;
		height:120px;
		cursor:pointer;
	}
	
	.artVignetteTexte {
		padding:5px;
		color:#666666;
		height:193px;
		overflow:hidden;
		cursor:pointer;
	}
	
	.artVignettePlus {
		text-align:center;
		padding:3px;
		background:#CCCCCC;
	}		


/*##############################################################################
################################ Page article ##################################
##############################################################################*/
.lienPagePrecedente {
	text-align:center;
	margin-bottom:15px;
}

#articleTitre {
	color:#FF0000;
	font-weight:bold;
	padding:10px 0px 20px 0px;
	font-size:14px;
}

#articleColLeft {
	float:left;
	width:200px;
	padding-right:15px;
	text-align:center;
}
	
#articleColRight {
	float:left;
	width:300px;
}	

	#articleColRight table {
		width:100%; 
		border:1px solid #ff9900;
	}
	
		#articleColRight td {
			padding:4px; 
			background-color: #c4cbd0; 
			border:1px solid #ffffff;
		}
	

/*##############################################################################
############################### Page entreprise ################################
##############################################################################*/
#accordion {
	margin:20px 0px;
}

h4.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 11px;
	background: #D2E0E6;
	color: #528CE0;
	margin:0;
	padding: 3px 5px 1px;
}


/*##############################################################################
############################ Page fiches techniques ############################
##############################################################################*/
.fichesTechniques_tab {
	width:100%;
}

	.fichesTechniques_tab td {
		padding:1px 0px;
	}
	
	.fichesTechniques_tab tr:hover {
		background-color:#9DFF9D;
	}


/*##############################################################################
############################## Page occasions ##################################
##############################################################################*/
.occasion {
	padding:10px;
	margin-bottom:10px;
	text-align:justify;
	border:1px dashed #999999;
}

	.occasionTitre {
		color:#FF6600;
		font-weight:bold;
		margin-bottom:3px;
	}
	
	.occasionPhoto {
		float:left;
		margin:0px 10px 10px 0px;
	}
	
	
/*##############################################################################
######################### Page executions speciales ############################
##############################################################################*/
.execution {
	padding:10px;
	margin-bottom:10px;
	text-align:justify;
	border:1px dashed #999999;
}

	.executionTitre {
		color:#FF6600;
		font-weight:bold;
		margin-bottom:3px;
	}
	
	.executionPhoto {
		float:left;
		margin:0px 10px 10px 0px;
	}


/*##############################################################################
################################ Page contact ##################################
##############################################################################*/
.coordonnees {
	border:1px dashed #999999;
	margin-bottom:25px;
	width:513px;
}
	
	.coordonneesLeft {
		float:left;
		padding:10px;
		width:236px;
	}
	
	.coordonneesRight {
		float:left;
		padding:10px;
		width:237px;
	}

.contact_fieldset {
	padding:15px 40px;
	border:1px solid #FF6600;	
	margin:auto;
	width:433px;
}

.contact_legend {
	color:#FF6600;
	font-weight:bold;
	margin:10px 0px 15px -20px;
	padding:0px 5px;
}

.contact_form label {
	display:inline;
	float:left;
	font-weight:bold;
	width:95px;
}

.contact_form input, textarea{
	background-color:#DDDDDD;
	border:1px solid #999999;
	width:330px;
	margin-bottom:1px;
}

input.contact_form_submit {
	display:block;
	margin:15px 0px;
	width:515px;
	color:#FF6600;
	font-weight:bold;
}

input.contact_form_submit:hover {
	background-color:#CCCCCC;
}

.asterisque {
	color:#FF0000;
}

.contact_confirm {
	color:#FF6600;
	text-align:center;
	padding:10px;
}

.contact_form_msg {
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:100px;
}

.contact_tab {
	width:100%;
	border:1px solid #FF6600;
}
	.contact_tab th {
		color:#FF6600;
		border:1px solid #CCCCCC;		
		border-bottom:1px solid #999999;
		background:
		padding:3px 5px;
	}
	
	.contact_tab td {
		border:1px solid #CCCCCC;
		padding:3px 5px;
	}