/* Général */
body {
	background-color: #222222;
	background-image: url(../images/Fond.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
a{
	text-decoration: none;
	color: #ffffff;
}
a:hover{
	color: #fff;
	text-decoration: underline;
}
strong {
	background-repeat: repeat-x;
	background-image: url(../images/fond2.jpg);
}
img{
	border: 0;
}
.liensev{
	text-decoration: none;
	color: #65686F;
	font-size: 9px;

}

/* Bloc central contenant #navigation et #contenu */
.Style1 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 8px;
	color: black;
}


.Style2 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../bouton_interieur_petit.png);
}

.Style3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.Style4 {
	color: #FFFFFF;
	font-size: 10.5px;
}
.Style6 {font-size: 10px}

.Style9 {font-size: 14px}

#centre {
	width: 820px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-image: url('../images/fond2.jpg');
	background-repeat: repeat-x;
	background-color: #939393;
}

/* Navigation */
#navigation {
	background-position: center top;
	margin: 0px;
	width: 172px;
	float: left;
	background-image: url(../images/cercles2.gif);
	background-repeat: no-repeat;
}
.centres {
	text-align: center;
}
.indexcercle{
	height: 700px;
}
.actualitescercle{
	height: 701px;
}
.maintenancecercle{
	height: 606px;
}
.produitscercle{
	height: 792px;
}

.contactcercle{
	height: 948px;
}
#navigation ul {
	margin: 9px 0 0 8px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 157px;
}
#navigation ul li{
	background-image: url(../images/bouton_menu.jpg);
	width: 156px;
	height: 33px;
	margin-top: 7px;
	line-height: 33px;
}
#navigation ul li.menu_spe{
	line-height: 15px;
	margin-top: 10px;
}

#navigation ul a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-repeat: repeat-x;
}
#navigation ul a:hover {
	background-color: #000000;
}
#news{
	border: thin solid #137DD5;
	padding: 5px;
	line-height: 15px;
	width: 144px;
	margin-top: 20px;
	margin-left: 8px;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url('../images/fond-transparent.png');
	font-weight: bold;
}
#news a:hover{
	color: #0F61A4;
}
#logo{
	background-image: url(../images/logo-accueil.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 172px;
	height:56px;
	margin-top: 620px;
}

/* Contenu principal */
#contenu {
	float: right;
	position: relative;
	width: 591px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#contenu a {
	color: #939393;
}
#contenu a:focus {
	color: #6E5122;
}
#contenu a:hover {
	color: #386FC0;
}
#contenu strong {
	color: #181A12;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p  {
	line-height: 14px;
	margin-top: 3px;
	margin-bottom: 5px;
	text-align: justify;
}
#contenu ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#contenu li {
	margin: 0px 0px 0px 40px;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#image{
	margin: 20px 40px 0px 0px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	padding: 10px;
}
#image-contact{
	margin: 20px 50px 0px 0px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	padding: 10px;
}
#image_produits{
	margin: 2px 2px 0px 0px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
}

.paragraphe {
	line-height: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 330px;
	text-align: justify;
}
.paragraphe2 {
	line-height: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 280px;
	text-align: justify;
}

#etranger {
	width: 55px;
	position: absolute;
	top: 10px;
	right: 0;
	height: 20px;
}
#etranger img {
	border: 0px;
}
#tgv {
	width: 243px;
	float: right;
	margin-top: -130px;
	background-image: url('../images/TGV.gif');
	background-repeat: no-repeat;
	height: 76px;
}
#tgv1 {
	position: absolute;
	top: 20px;
	-top: 15px;
	right: 0;
	-right: 0;
	width: 243px;
	background-image: url('../images/TGV.gif');
	background-repeat: no-repeat;
	height: 76px;
}
#bouton1{
	margin: 15px 0px 0px 0px;
	background-image: url(../images/bouton_interieur_grand.png);
	width: 298px;
	height: 36px;
	text-align: center;
}
#bouton2{
	background-image: url(../images/bouton_interieur_petit.png);
	width: 161px;
	height: 34px;
	padding-top: 0px;
	text-align: center;
	margin: 15px 0px 0px 0px;
}
#titrepro {
	margin-top: -35px;
	margin-right: 10px;
	margin-left: 16px;
	margin-bottom: 20px;
}
#porticle {
	position: absolute;
	top: 312px;
	-top: 300px;
	right: -27px;
	-right: 0px;
	width: 298px;
	height: 389px;
	margin-top: 18px;
	/*margin-right: -20px;*/
	background-image: url('../images/porticle.png');
	background-repeat: no-repeat;
}




/* Page */
		#global {
			width: 873px; /* -> 4 */
			margin-top: 0;
			margin-right: auto;
			margin-bottom: 0;
			margin-left: auto;
		}
		#contact{
			margin-left: 20px;
			margin-top: -15px;
		}
		
		#gammes{
			padding: 0px 0px 0px 10px;
			-padding: 0px 0px 0px 0px;
		}
		#menuGammes{
			list-style-type: none;
			margin: 0;
			padding: 0;
			height: 146px;
		}
#menuGammes li{
	margin: 0;
	float: left;
	width: 110px;
	padding-right: 6px;
}

#produits{
	margin-left: -5px;
	margin-top: -15px;
	-margin-left: 5px;
	-margin-top: 15px;
}
#gammes .tab{
}
		#tplTab{
			display: none;
		}
		#monobrosseTab{
			display: none;
		}
		#trainsTab{
			display: none;
		}
		#optionsTab{
			display: none;
		}
		#contenu.nosProduits p{
			padding: 0px;
		}
		#contenu.nosProduits div.colonne{
			list-style-type: none;
		}
		#contenu.nosProduits{
			height: auto;
		}
		#contenu.nosProduits .clearer{
			text-align: center;
			margin: 0 0 0 -50px;
		}
		#contenu.nosProduits .clearer a{
			margin: 20px 0 0 40px;
		}
		#specifiqueTab .colonne{
			margin: 0 0 0 0;
		}
		.trains{
		    margin: 0 0 0 500px;
		    -margin: 0 0 0 500px;
		}
		.bold{
			font-weight: bold;
		}
		
#contenu .nosProduits li{
	width: auto;
}
		
/* En-tête */
#entete {

}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Pied de page */

#pied {
	font-size: 12px;
	background-image: url(../images/FDI-page4-decoupe_13.png);
	height: 40px;
	width: 820px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.piedpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
}
h2{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	line-height: 30px;
	font-size: large;
	color: #137DD5;
	font-weight: bold;
}
.clearer{
	clear: both;
}
#espace{
	margin-top: 10px;
}

  /*---------*/
 /* Contact */
/*---------*/

#contenu.contactTab {
	position: relative;
	height: 700px;
}

#contenu p.contact{
	width: 450px;
	padding-left: 25px;
}
	p.contact strong{
		color: #F4B317;
	}
#contenu form.contact{
	margin: 30px 10px 0 30px;
	width: 450px;
}
	#contenu form.contact div.champ{
		clear: both;
		text-align: left;
		margin-top: 4px;
	}
		#contenu form.contact div.champ label{
			float: left;
			display: block;
			width: 100px;
			padding-top: 3px;
			margin: 0 0 0 10px;
		}
		#contenu form.contact div.champ input{
			float: left;
		}
		#email{
			width: 309px;
		}
		#adresse{
			width: 309px;
		}
		#cp{
			width: 50px;
		}
		#tel{
			width: 97px;
		}
		#fax{
			width: 96px;
		}
		#msg{
			width: 309px;
		}
		#submit{
			margin: 20px 0 8px 180px;
			height: 50px;
			width: 100px;
			color: #213159;
			font-weight: bold;
			border: 1px solid #213159;
		}
#contenu div.contact{
	float: left;
	width:  470px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 40px;
}

#contenu div.contactImage {
	float: left;
	width: 200px;
	margin: 20px 0px 0 0px;
}
#reponseContact{
	width: 490px;
	text-align: left;
}