@charset "UTF-8";

@import "reset.css";

/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
/* Page */
HTML, BODY {
	/*height:100%;*/
}
HTML {
	font-size:100%;
}
BODY {
	padding:0 2em 2em;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
	font-size:.75em;
	line-height:1.3em;
    color:black;
    background:#dedede;
}


/* Liens */
A {
    text-decoration:underline;
	cursor:pointer;
}
A IMG {
    border:none;
}

/* Divers éléments de type en-ligne */
EM {
    font-style:italic;
}
STRONG {
    font-weight:bold;
}

/* Formulaires */
INPUT, BUTTON, SELECT {
    vertical-align:middle;
}


/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	width:896px; /*926px*/
	height:165px;
	border-width:0px 1px;
	border-style:solid;
	border-color:#9c9c9c;
	padding:21px 15px 0;
	margin:0 auto;
	background-color:white;
	background-image:url(../_image/background-header.png);
	background-position:0 33px;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
}
/*----------------------------------------------+
+ Logo	Roc Impact						        +
+----------------------------------------------*/
#logoSite A {
	width:152px;
	height:0;
	padding-top:93px;
	display:block;
	overflow:hidden;
	background:url(../_image/roc-impact_logo.png) 0 0 no-repeat;
	float:left;
}
/*----------------------------------------------+
+ Logo Holland & Fils					        +
+----------------------------------------------*/
#hollandEtFils {
	height:0;
	padding-top:48px;
	overflow:hidden;
	border-left:1px solid #eff4d8;
	float:left;
	margin-top:39px;
	margin-left:16px;
}
/*----------------------------------------------+
+ Mots clés à droite de Holland & Fils	        +
+----------------------------------------------*/
#motsCles {
	border-left:1px solid #eff4d8;
	float:left;
	margin-top:39px;
	margin-left:16px;
	padding:0 0 0 14px;
	height:48px;
}
#motsCles BLOCKQUOTE {
	font-weight:bold;
	font-size:1.333em;
	line-height:1;
	width:245px;
	padding-top:7px;
	color:#c3c4c2;
}
/*----------------------------------------------+
+ Numéro de téléphone					        +
+----------------------------------------------*/
#numTel A {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#aaca5c;
	text-decoration:none;
	font-size:1.333em;
	float:right;
	margin-top:0px;
	text-align:right;
	line-height:1.1em;
}

/*----------------------------------------------+
+ Drapeaux / Selection langue			        +
+----------------------------------------------*/
#drapeaux {
	position:absolute;
	top:96px;
	right:15px;
	width:121px;
}
#drapeaux .titre {
	float:left;
}
#drapeaux UL {
}
#drapeaux LI {
	display:inline;
}
#drapeaux LI A {
	width:18px;
	height:0;
	padding-top:12px;
	display:block;
	overflow:hidden;
	background:url(../_image/drapeaux.png) no-repeat;
	float:left;
	margin-left:4px;
}
#drapeaux LI#fr A {
	background-position:0 0;
}
#drapeaux LI#en A {
	background-position:0 -12px;
}
#drapeaux LI#es A {
	background-position:0 -24px;
}

/*----------------------------------------------+
+ Menu Général							        +
+----------------------------------------------*/
#menugeneral {
	clear:both;
	width:896px;
	position:absolute;
	top:141px;
	left:15px;
}
#menugeneral UL {
	margin:0;
	height:41px;
	background-color:#cbcac7;
}
#menugeneral UL LI {
	display:inline;
}
#menugeneral UL LI A {
	font-size:1.333em;
	color:black;
	text-decoration:none;
	float:left;
	display:block;
	position:relative;
}
#menugeneral UL LI A:hover {
	background-color:#e4e4e4;
}
#menugeneral UL LI A IMG {
	position:absolute;
	top:2px;
	left:5px;
}
/*actif*/
#menugeneral.mn-con UL LI#mn-con A,
#menugeneral.mn-conmob UL LI#mn-conmob A,
#menugeneral.mn-ins UL LI#mn-ins A,
#menugeneral.mn-pie UL LI#mn-pie A,
#menugeneral.mn-cri UL LI#mn-cri A,
#menugeneral.mn-ali UL LI#mn-ali A,
#menugeneral.mn-roc UL LI#mn-roc A {
	background:url(../_image/background-menu.png) 0 0 repeat-x;
	color:white;
}

/*----------------------------------------------+
+ Bas du site							        +
+----------------------------------------------*/
#bassite {
	clear:both;
	width:928px;
	margin:0 auto;
}
/*----------------------------------------------+
+ Tous les produits - Bas site			        +
+----------------------------------------------*/
#tousproduits {
	background-color:#b1b1af;
	padding:15px;
}
#tousproduits,
#tousproduits A {
	color:#16181a;
	text-decoration:none;
}
#tousproduits .titre,
#tousproduits UL LI {
	display:inline;
}
#tousproduits .titre {
	float:left;
	margin-right:4px;
}
#tousproduits A:hover {
	text-decoration:underline;
}
#tousproduits LI {
	margin-right:4px;
	text-transform:lowercase;
}
/*----------------------------------------------+
+ Coordonnéees - Bas site				        +
+----------------------------------------------*/
#coordonneebas {
	background-color:#cbcac7;
	padding:11px 15px;
	text-align:center;
	line-height:1.2em;
	font-size:1.166em;
}
#coordonneebas,
#coordonneebas A {
	color:#505353;
}
#coordonneebas A {
	text-decoration:none;
}
#coordonneebas A:hover {
	text-decoration:underline;
}
#coordonneebas ADDRESS {
    font-style:normal;
}
/*----------------------------------------------+
+ Mentions - Bas site					        +
+----------------------------------------------*/
#mentionsbas {
	font-size:1em;
	padding:0 3px;
	position:relative;
}
#mentionsbas,
#mentionsbas A {
	color:#535353;
}
#mentionsbas A {
	text-decoration:none;
}
#mentionsbas A:hover {
	text-decoration:underline;
}
#copyright {
	margin-top:10px;
}
/*pmpconcept*/
#pmpconcept {
	width:69px;
	height:0;
	padding-top:30px;
	overflow:hidden;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:3px;
}


/*----------------------------------------------+
+ Coeur du SIte							        +
+----------------------------------------------*/
#coeursite {
	width:896px; /*926px*/
	border-width:0px 1px;
	border-style:solid;
	border-color:#9c9c9c;
	padding:0 15px 15px;
	margin:0 auto;
	background-color:white;
	position:relative;
}

/*----------------------------------------------+
+ Image sous menu / Slogan				        +
+----------------------------------------------*/
#slogan {
	position:relative;
	width:896px;
	height:217px;
	background-color:#a0be57;
	margin-bottom:15px;
}
#slogan BLOCKQUOTE {
	width:235px;
	height:30px;
	position:absolute;
	display:block;
	top:70px;
	right:15px;
	font-size:1.166em;
}
/*mini*/
#slogan.mini {
	height:107px;
}

/*----------------------------------------------+
+ Encadre colonne page et droite				+
+----------------------------------------------*/
.contenair {
	overflow:hidden;
	background:url(../_image/background-content.gif) right top repeat-y;
	min-height:400px;
}
/*----------------------------------------------+
+ Titre Page									+
+----------------------------------------------*/
.titre_page {
	font-size:1.666em;
	font-family:"Arial Black", Gadget, sans-serif;
	padding-bottom:23px;
	background:url(../_image/background-titrepage.png) bottom no-repeat;
	margin-bottom:15px;
}
/*----------------------------------------------+
+ Titre Rubrique								+
+----------------------------------------------*/
.titre_rubrique {
	font-size:1.5em;
	line-height:1.2;
	font-weight:bold;
	background:url(../_image/puce-01.gif) 0 0 no-repeat;
	padding:10px 0 0 35px;
	margin-bottom:15px;
}
.titre_rubrique A {
	color:black;
	text-decoration:none;
}
.titre_rubrique A:hover {
	text-decoration:underline;
}
/*----------------------------------------------+
+ Titre Paragraphe								+
+----------------------------------------------*/
.titre_paragraphe {
	color:#aaca5c;
	font-weight:bold;
	font-size:1.333em;
	margin-bottom:10px;
}
/*----------------------------------------------+
+ Titre option									+
+----------------------------------------------*/
.titre_option {
	color:black;
	font-weight:bold;
	font-size:1.166em;
	margin-bottom:10px;
}

/*----------------------------------------------+
+ Box											+
+----------------------------------------------*/
.box {
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}
.box.degradvert {
	background:url(../_image/background-box-degradvert.png) 0 0 repeat-y;
}
/*----------------------------------------------+
+ Content										+
+----------------------------------------------*/
.content {
	padding:0 15px 15px;
}
#page .content IMG {
	border:1px solid #aaca5c;
}
/*----------------------------------------------+
+ Photos										+
+----------------------------------------------*/
.photogauche {
	float:left;
	margin:0 10px 10px 0;
}
.photodroite {
	float:right;
	margin:0 0 0 10px;
	background-color: #a1bf4b;
	overflow: hidden;
	text-decoration: none;
}
.photodroite:hover {
	text-decoration: none;
}
.photodroite span {
	display: block;
	padding: 1px 3px;
	font-size: 11px;
	color: white;
}

/*----------------------------------------------+
+ PAGE									        +
+----------------------------------------------*/
#page {
	float:left;
	width:612px;
}
/* Listes */
#page UL, #page OL {
    margin:.75em 0 .75em 32px;
    padding:0;
}
#page OL LI {
	list-style:decimal;
}
UL.inline LI {
	display:inline;
	margin-right:4px;
}
/* Liens */
#page A {
	color:#374921;
}
#page A:hover {
	color:#677e3b;
}
/* Paragraphes */
#page P {
    margin:.75em 0;
}
#page ADDRESS {
    margin:.75em 0;
    font-style:normal;
}
/* abréviations */
#page ABBR, #page ACRONYM {
    border-bottom:1px dotted;
    cursor:help;
}
/* citations */
#page BLOCKQUOTE {
    margin:.75em 0 .75em 20px;
    padding:0 0 0 10px;
    border-left:solid 2px #ddd;
}
#page Q {
    font-style:italic;
    quotes:none; /* Supprime les guillemets automatiques */
}
#page CITE {
    font-style:italic;
}
#page Q CITE, #page Q Q {
    font-style:normal
}

/* Rapproche les paragraphes dans les listes et citations */
#page BLOCKQUOTE P, #page LI P {
    margin:.5em 0;
}

/* listes de définition */
#page DL {
    margin:.75em 0;
}
#page DT {
    margin:.75em 0 0 0;
    font-weight:bold;
}
#page DD {
    margin:.25em 0 .25em 32px;
}

/* Mise en forme simple pour les tableaux */
#page TABLE {
    margin:0;
    border:1px solid gray; /* Pas de bordure = "none". */
    border-collapse:collapse; /* Valeur par défaut:"separate". */
    border-spacing:0;
}
#page TABLE TD, #page TABLE TH {
    padding:4px; /* Pas de retrait autour du texte = "0". */
    border:1px solid #ccc; /* Pas de bordure = "none". */
    vertical-align:top; /* Valeur par défaut:"middle" */
    text-align:left;
}

/*----------------------------------------------+
+ Liste Equipement Accueil				        +
+----------------------------------------------*/
#page UL#listeEquipements {
    margin:0;
	overflow:hidden;
}
#page UL#listeEquipements LI {
	width:194px;
	margin:0 0 10px 15px;
	float:left;
	display:block;
}
#page #listeEquipements LI.first {
	margin-left:0;
	clear:both;
}
#page #listeEquipements IMG {
	border:1px solid #aaca5c;
	margin-bottom:3px;
}
#page UL#listeEquipements LI P {
	margin:0;
	padding:0;
}
#page UL#listeEquipements LI P A {
	display:block;
	padding:0 0 0 11px;
	background:url(../_image/puce-02.gif) left no-repeat;
	text-decoration:none;
	font-size:1.166em;
	color:black;
}
#page UL#listeEquipements LI P A:hover {
	color:#677e3b;
	text-decoration:underline;
}
/*les services*/
#lesservices {
	width:194px;
	height:0;
	padding-top:114px;
	display:block;
	overflow:hidden;
}


/*----------------------------------------------+
+ DROITE								        +
+----------------------------------------------*/
#c-droite {
	float:right;
	width:239px;
	margin-right:15px;
}

/*----------------------------------------------+
+ Liste news de droite					        +
+----------------------------------------------*/
.listenews {
	overflow:hidden;
	margin-bottom:15px;
}
.listenews IMG {
	border:1px solid #aaca5c;
	margin:0 7px 0 0;
	float:left;
}
.listenews LI {
	clear:both;
	padding:10px 0;
	overflow:hidden;
	border-top:1px solid #aaca5c;
	line-height:1.083em;
}
.listenews LI.first {
	padding-top:0;
	border:0 none;
}
.listenews LI A {
	text-decoration:none;
	color:black;
}
.listenews LI A:hover {
	color:#677e3b;
	text-decoration:underline;
}

/*----------------------------------------------+
+ formulaire							        +
+----------------------------------------------*/
.addressEditor {
}
.line{
	display:block;
	margin:0 auto;
	clear:left;
	padding: 0px 0px 2px 0px;
}
.addressEditor .line INPUT,
.addressEditor .line TEXTAREA,
.addressEditor .line SELECT {
	cursor:auto;
	padding:1px;
	display:inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
	text-indent:0px;
	text-transform:none;
	word-spacing:normal;
	border:1px solid #aaca5c;
	
	font-size:1em;
}
.addressEditor .line LABEL {
	display:block;
}
.L10 {
	font-size:.916em;
	line-height:14px;
	display:inline;
}
.addressEditor .line TEXTAREA {
	width:235px;
}

/*----------------------------------------------+
+ Bouton								        +
+----------------------------------------------*/
.bouton {
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
	background-image:url(../_image/bouton_gauche.png);
}
.bouton IMG {
	float:left;
	height:12px;
	margin:7px 12px 0 0;
}
.bouton A {
	float:left;
	margin-left:14px;
	text-decoration:none;
	font-size:12px;
	line-height:19px;
	height:20px;
	background-position:right top;
	background-repeat:no-repeat;
	padding:0 16px 0 2px;
	background-image:url(../_image/bouton_droite.png);
	color:white;
}
.bouton A:hover {
	color:black;
	text-decoration:none;
}

/*----------------------------------------------+
+ Liste actualités/famille produits		        +
+----------------------------------------------*/
#page .liste_std {
	margin-left:0
}
#page .liste_std LI {
	clear:both;
	padding:10px 0;
	overflow:hidden;
	border-top:1px solid #aaca5c;
}
#page .liste_std LI IMG {
	border:1px solid #aaca5c;
	margin:0 7px 0 0;
	float:left;
}
#page .liste_std LI STRONG {
	display:block;
}
#page .liste_std LI.first {
	padding-top:0;
	border:0 none;
}
#page .liste_std LI A {
	text-decoration:none;
	color:black;
}
#page .liste_std LI A:hover {
	color:#677e3b;
	text-decoration:underline;
}
#page .liste_std LI STRONG.titre_rubrique {
	padding-left:233px;
	background-position:198px 0;
	line-height:1.2em;
}

#page .liste_std.realisation LI STRONG.titre_rubrique {
	background:none;
	padding-left:200px;
	font-size:1.333em;
	color:#374921;
}

/*----------------------------------------------+
+ Chemin / Fil / Arborescence			        +
+----------------------------------------------*/
.cheminFer {
	margin-bottom:15px;
	font-size:.916em;
	line-height:.8em;
}
.cheminFer A.last,
.cheminFer A.last U {
	text-decoration:none;
}


/*----------------------------------------------+
+ Liste données techniques				        +
+----------------------------------------------*/
.liste_technique {
}
.liste_technique LI  {
	overflow:hidden;
	background:url(../_image/point.gif) left repeat-x;
}
.liste_technique LI STRONG {
	display:block;
	float:left;
	background-color:white;
	font-weight:normal;
	padding-right:4px;
}
.liste_technique LI EM {
	display:block;
	float:right;
	background-color:white;
	font-style:normal;
	padding-left:4px;
}
#page UL.liste_technique {
    margin:.75em 32px .75em 32px;
}
.liste_technique LI.last {
	background:none;
}

/*----------------------------------------------+
+ Liste puce							        +
+----------------------------------------------*/
.liste_puce LI {
	list-style-position:inside;
	list-style-type:disc;
}

/*----------------------------------------------+
+ Liste Adresse							        +
+----------------------------------------------*/
.listeAdresse {
	overflow:hidden;
}
.listeAdresse LI {
	width:590px;
/*	float:left;*/
}
.listeAdresse LI H3 {
	font-weight:bold;
	font-size:1.166em;
}
.listeAdresse LI H3 Q {
	font-size:0.857em;
	display:block;
	color:#374921;
	font-style:normal;
	font-weight:normal;
}

/*----------------------------------------------+
+ Liste Pieces Rechange					        +
+----------------------------------------------*/
.contenair #page .box .content .liste-pieceRechange {
	margin:0 0 18px 0;
	padding:0;
}
.contenair #page .box .content .liste-pieceRechange LI {
	width:187px;
	float:left;
	margin-right:7px;
	padding-bottom:7px;
}

.infosContact {
	background-color: #eff4d8;
	border-top: 1px solid #b0c967;
	border-bottom: 1px solid #b0c967;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	text-align: center;
}
.infosContact h3 {
	font-weight: bold;
	font-size: 1.33em;
	color: #a1bf4b;
}
.infosContact p {
	line-height: 1.5em;
}