@charset "UTF-8";

/* Réalisé par le Studio Vert - www.lestudiovert.fr */

/* @override 
	http://www.mecatraction.fr/test/squelettes/css/layout.css
*/

/* @group RESET */

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalizes font-size for headers */

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/* Removes list-style from lists */

ol,ul {
	list-style: none;
}

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes list-style from lists */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Removes border from fieldset and img */

fieldset,img {
	border: 0;
}

/* Left-aligns text in caption and th */

caption,th {
	text-align: left;
}

/* Removes quotation marks from q */

q:before, q:after {
	content: '';
}

/* @end */

/* @group LAYOUT */

html {
	background: #fff url(../images/layout/html_fd.jpg) repeat-x left top;
}

body {
	text-align: center;
	color: #5d6fb3;
	background: url(../images/layout/body_fd.jpg) no-repeat left top;
	font: 69%/1.6 "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
}

div#page {
	width: 980px;
	margin: 0 auto 50px;
	/*background: url(../images/fd_conteneur.jpg) repeat-x 0 226px;*/	
	position: relative;
	text-align: left;
}

div#entete {
	position: relative;
	width: 100%;
	height: 226px;
	z-index: 5;	
}

div.formulaire_recherche {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

div#hierarchie {
	position: relative;
	border-width: 1px;
	background-color: #fff;
	color: #999;
	padding: 96px 20px 15px 255px;
}

div#conteneur {
	background-color: #fff;
	padding-top: 70px;
}

div#contenu {
	position: relative;
	width: 72%;
	margin-left: 26%;
	overflow: hidden;
}

ul#main-nav {
	position: absolute;
	top: 316px;
	left: 0px;
	width: 210px;
	margin-left: 20px;
}

div#second-nav {
	position: absolute;
	top: 246px;
	left: 0px;
	/*display: inline;*/
	border-top: 2px solid #4b69b1;
	border-bottom: 2px solid #4b69b1;
	height: 45px;
	line-height: 45px;
	background: url(../images/layout/second-nav_fd.jpg) repeat-x left top;
	overflow: hidden;
	width: 940px;
	margin-left: 20px;
}

div#pied {
	width: 100%;
	color: #333333;
	text-align: center;
	top: 0;
	clear: both;
	padding-top: 30px;
	/*position: relative;*/
}

div#coordonnees {
	background: url(../images/layout/coordonnees_fd.jpg) repeat-x left top;
	line-height: 30px;
	border: 1px solid #c6c4c2;
	margin-bottom: 10px;
}

/* @group SPIP-ADMIN */

/* Emplacment des boutons admin après connexion */


div.spip-admin-float {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 80px;

}

/*div.spip-admin-float {
	position: fixed;
	top: 5px;
	right: 5px;
}*/


/* @end */

/* @end */

/* @group STYLE GENERAL */

/* @group ENTETE */

#entete a.lienAccueil {
	float: left;
	/*margin-left: -9%;*/
	margin-top: 30px;
}



/* @end */

/* @group VISUEL */

div#visuel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	/*background: url(../images/medias/visuel-mecatraction.png) no-repeat right 0;*/
	width: 100%;
	height: 246px;
}

/* @end */

/* @group HIERARCHIE */

#hierarchie a {
	text-decoration: none;
	color: #414141;
}

#hierarchie a:hover {
	text-decoration: none;
	color: #0a7be2;
}


/* @end */

/* @group LIENS */

a, a.spip_out {
	color: #465ba9;
	/*text-decoration: none;*/
}

a:hover,
ul#main-nav li a:hover {
	text-decoration: none;

}

div#contenu a i {
	font-weight: bold;
	color: #f19c00 !important;
	font-style: normal;
	text-decoration: underline;
	font-size: 12px;
}


a.on {
	color: #444;
	text-decoration: none;
	cursor: default;	
}

a.on:hover {
	color: #888;
}



/* @end */

/* @group TITRES */


h1.titre {
background:transparent url(/squelettes/images/layout/degrade_orange.jpg) no-repeat scroll left top;
color:#F19C00;
font-family:"Helvetica neue Light", helvetica, verdana, arial, sans-serif;
font-size:26px;
font-weight:normal;
letter-spacing:4px;
word-spacing:5px;
margin-bottom:20px;
margin-top:20px;
}

body.page_produits h1.titre {
	visibility: visible;
	display: block;
	position: absolute;
	top: 115px;
	right: 10px;
	color: #fff;
	font-size: 20px;
	text-align: right !important;
	display : none;
}

body h2 {
	color: #4c5ea8;
	text-align: left !important;
	font-size: 1.5em;
}



body h3 {
	color: #4c5ea8;
	text-align: left !important;
	font-weight: normal;
	margin-bottom: -5px !important;
	font-size: 1.3em;
}

body h4, body h5, body h6 {
	font-size: 1.2em;
}

/*@end */

/* @group CONTENU */

div#contenu {
	

}

div#contenu .chapo,
div.chapo-article {
	margin-bottom: 10px;
}

/*div#contenu .invisible {
	display: none;
}*/
hr.clear {
clear:both;
visibility:hidden;
margin:0;
padding:0;
height:1px;	
}
div#contenu img {
	text-decoration: none;
}

div#contenu p {
	font-size: 1.2em;
	margin: 5px 0 10px;
	text-align: justify;
	line-height: 1.3em;
	color: #5d6fb3;
}

body.page_article div#contenu p {
	text-align: justify;
}



div#contenu strong {
	font-weight: bold;
	color: #5d6fb3;
}

div#contenu i {
font-style:italic;
}

div#contenu ul {
	
}

div#contenu div.texte li {
	list-style-type: circle;
	color: #5d6fb3;
	list-style-position: outside;
	padding: 0;
	margin-left: 30px;
	font-size: 12px;
}

div#contenu div.texte strong {
}

div#contenu div.texte hr.invisible {
	clear: both;
	display: block;
}

div#contenu div.texte object {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* @end */

/* @group MODULES */

/* @group ENRICHISSEMENTS */

/* ENRICHISSEMENTS */

div.enrichissements {
	/*border-top: 1px solid #ccc;*/
	margin-top: 20px;
	clear: both;
}

div.enrichissements h2 {
	/*font-size: 1em !important;*/
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	color: #444;
	margin-bottom: 0px !important;
}

div#documents_portfolio,
.ps,
.notes,
#documents_joints,
.breves,
.mot-cles {
	/*background: url(../images/layout/enrichissements_fd.jpg) repeat-x left bottom;*/
	color: #333;
	overflow: hidden;
	margin-top: 10px;	
	/*border: 2px solid #4b69b1;
	border-right-style: none;
	border-left-style: none;*/
	/*border-bottom-width: 2px;
	border-top-width: 0;*/
}

div.enrichissements ul li {
	border-style: none !important;
}

/* Portfolio */

div#documents_portfolio {
}

div#documents_portfolio img {
	float: left;
	margin: 10px 10px 0 0;
}

/* Post-Scriptum */

.ps {

}

.ps h2 {

}

.ps p {
	font-size: 1em !important;
}

/* Notes */

.notes {

}

.notes h2 {
}

.notes p {
	font-size: 1em !important;
}

/* Documents joints */

#documents_joints {

}

#documents_joints li {
	padding: 2px 0px 2px 15px;
	color: #4c4c4c;
	font-size: 1.3em;
	overflow: hidden;
}

.spip_doc_titre {
	display: block;
	float: right;
}

.spip_doc_titre a {
	background-color: #465BA9;
	display: block;
	padding: 10px 20px;
	color: white;
	font-size: 1.5em;
	text-decoration: none;
	margin-top: 80%;
	margin-bottom: 5%;
}

.spip_doc_titre a:hover {
	background-color: #f19c00;
}


#documents_joints ul li div.logo {
	float: left;
}

div.spip_doc_descriptif {
	font-style: italic;
}

/* doc dans le texte */

dl {
	padding: 0;
}

dt {
	position: relative;
	left: 0;
}

dd {
	
}

dl img {
	border-style: none !important;
}

/* Brèves : même rubrique */

.breves {

}


/* Mots clefs */
.mot-cles {
}

/* @end */

/* @group PAGINATION */

/* My Comment */

/* Pagination */


p.pagination {
	text-align: center !important;
	margin-top: 3em !important;
	clear: both;
	color: #fff;
	padding: 0 !important;
}

p.pagination a:link, 
p.pagination a:visited, 
p.pagination a:hover,
p.pagination a:active
p.pagination span  {
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 2px 5px !important;
}

p.pagination a:hover,
p.pagination a:hover {
	color: #0a7be2;
	background-color: #c2def8;
	border: 1px solid #0a7be2;
}

.pagination span {
		font-weight: bold;
}


/* @end */



/* @end */

/* @group FORMULAIRES */

/* Partie commune */

form {
	padding-top: 20px;
	color: #333;
}

legend {
	padding: 0 2px;
	font-weight: bold;
	text-indent: -999999px;
	margin: 0 -7px;
}

label {
	/*display: inline-block;*/
	vertical-align: top;
	color: #888;
	margin-bottom: 5px;
	font-weight: bold;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
}

fieldset {
	margin-bottom: 10px;
}

fieldset ol {
	margin: 0;
	padding: 0;
}

fieldset li {
	list-style: none !important;
	padding: 5px;
	/*background: url(../images/divers/spacer.gif) left bottom repeat-x;*/
	width: 48%;
	float: left;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	padding-left: 3px;
}

input {
	background: #fff;
	border: 1px solid #ccc;
	font-weight: normal;
	margin-top: 4px;
	padding: 3px !important;
	font-size: 1.4em;
}

p.boutons {
	text-align: right !important;
}

p.boutons input {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background-color: #2d2d2d;
	padding: 5px 15px !important;
}

p.boutons input:hover {
	color: #0a7be2;
	background-color: #c2def8;
}

select {
	width: 70%;
	padding: 0;
	margin: 0;
}

input, textarea {
	color: #0a7be2;
}

textarea {
	height: 80px;
	border: 1px solid #ccc;
	margin: 0 0 0.5em;
	font: normal 1.4em lucida grande, Arial, Helvetica, sans-serif;
	background: #fff;
	padding: 2px;
}

textarea:hover, textarea:focus, 
input:focus, input:hover {
	border: 1px solid #0a7be2;
	color: #000;
}

/* Sécurité */

fieldset.securite img {
	border-style: none !important;
}

fieldset.securite p {
	text-align: left;
}


/* Indications */



p.indication {
	display: block;
	text-align: left;
	padding: 7px;
	margin: 10px 15px 0 0;
	border: 1px solid #ccc;
	color: #021e38;
	background-color: #e7f2fc;
}

p.erreur {
	border: 1px solid #d8d8d8;
	color: #f00;
	background-color: #fffdd4;
}

p.validation {
	border: 1px solid #d8d8d8;
	background-color: #e7f2fc;
	color: #0a7be2;
}

/* @end */

/* @group NAVIGATION  */

div.rubriques h2 {
	display: none;
}

/* MAIN NAV (menu vertical) */

ul#main-nav li {
/*background: url(../images/layout/main-nav_fd.gif) no-repeat left top;*/
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

ul#main-nav li a {
	color: #555;
	text-decoration: none;
	font-size: 1.1em;
	letter-spacing: 1px;
	display: block;
	border: 1px hidden #e0e0e0;
	background: url(../images/layout/main-nav_a_fd.jpg) no-repeat 0 0;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 10px 5px 25px;
}

ul#main-nav li a:hover {
	color: #fff;
	background: #4b69b0 url(../images/layout/main-nav_o_fd.jpg) no-repeat 0 0;		
}

ul#main-nav li a.on {
	color: #fff;
	font-weight: bold;
	background: #4b69b0 url(../images/layout/main-nav_o_fd.jpg) no-repeat 0 0;		
}

ul#main-nav li ul {
	margin-bottom: 0.8em;
	margin-top: 0.3em;
}

ul#main-nav li li {
	border-style: none;
	padding: 0;
	margin: 0;
}

ul#main-nav li li a {
	background-image: none !important;
	font-size: 0.97em;
	text-transform: none;
	letter-spacing: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background-color: transparent !important;
	color: #555 !important;
}

ul#main-nav li li a.on {
	color: #4b69b0 !important; 
}

/* SECOND NAV */


#second-nav  {
	text-align: right;
}

#second-nav ul {
	float: right;
}

#second-nav li {
	border-right: 1px solid #ccc;
	margin-right: -1px;
	float: left;
}

#second-nav li a {
	display: block;
	padding-left: 15px;
	text-transform: uppercase;
	padding-right: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #4b69b0;
}

#second-nav li a:hover {
	color: #fff;
	background: #4b69b0 url(../images/layout/second-nav_a_fd.jpg) repeat-x left top;
}

#second-nav li a.on {
	color: #fff;
	font-weight: bold;
	background: #4b69b0 url(../images/layout/second-nav_a_fd.jpg) repeat-x left top;	
}

/* @end */

/* @group PIED */

div#pied hr {
	visibility: hidden;
	border-width: 1px;
	border-style: solid;
}

div#pied strong {
	font-weight: bold;
	color: #4b69b1;
}

div#pied a {
	color: #333;
	text-decoration: none;
}

div#pied a:hover {
	color: #0a7be2;
}

a.groupe-sicame {
	font-size: 1.4em;
	margin-right: 15px;
	margin-left: 2px;
	color: #0a7be2 !important;
}

#pied small.info span.lang {
	position: absolute;
	display: block;
	top: 263px;
	left: 30px;
	z-index: 50;
}

a.lang_en {
	background: url(../images/divers/flag-great-britain.png) no-repeat center center;
	display: block;
	line-height: 20px;
	text-indent: -100000px;
	width: 32px;
}
a.lang_fr {
	background: url(../images/divers/flag-france.png) no-repeat center center;
	display: block;
	line-height: 20px;
	text-indent: -100000px;
	width: 32px;
}
a.lang_en:hover {
	background-color: #dbe4eb;
}

.invisible {
	visibility: hidden;
	display: none;
}

div#pied a.signature {
	float: right;
	margin: 0;
	position: relative;
}

/* @end */

/* @end */

/* @group STYLE PAGES */

/* @group PAGE-SOMMAIRE */



/* @group BLOC-ACTU */

#bloc-actu {
	display: block;
	overflow: hidden;
	background: url(../images/layout/enrichissements_fd.jpg) repeat-x left bottom;
	padding: 10px;
	color: #333;
	border: 1px solid #ccc;
	margin: 0 0 20px;
	border-bottom-width: 4px;
	border-bottom-color: #4b69b1;
	font-size: 0.9em;
	position: relative;	
}

#bloc-actu ul {
}

#bloc-actu li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	padding-bottom: 10px;
}

#bloc-actu img {
	float: right;
	margin-left: 15px;
}

#bloc-actu li a {
	font-size: 1.4em;
	font-weight: bold;
}

#bloc-actu li p {
	text-align: left !important;
	line-height: 1.4em;
}

/* Gestion des dates */

.date {
	float: left;
	padding-right: 5px;
	font-size: 10px;
	position: relative;
	right: 0pt;
	line-height: 18px;
	padding-top: 2px;
	margin-right: 4px;
	margin-bottom: 10px;
	text-align: center;
	color: #e9a015;
}

.date .jour, .date .mois {
	display: block;
	font-size: 22px;
	text-align: center;
}

.date .mois {
	font-weight: bold;
}

.date .annee {
	display: block;
	text-align: center;
}

/* @end */

/* @end */

/* @group PAGE-ARTICLE */

body.page_article div#contenu img.spip_logos {
	/*float: right;
	background-color: #fff;
	padding: 15px;*/
}

p.surtitre, p.soustitre {
	/*font-weight: normal;*/
	/*background-color: #f1f1f1;*/
	/*padding: 2px 3px 2px 4px;*/
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left !important;
	font-style: normal;
	color: #075ca8;
	margin: 0 0 15px;*/
}

body div#contenu h3 {
	margin-top: 1em;
	margin-bottom: 0;
	font-style: italic;
}

p.lien {
	/*background: url(../images/fd_lien.gif) no-repeat left center;
	padding-left: 26px;
	margin-top: 2em !important;*/
}

p.retour {
	text-align: right !important;
}

p.retour a {
	background: url(../images/fd_lien.gif) no-repeat left center;
	padding-left: 22px;
	margin-top: 2em !important;
}


/* @end */

/* @group PAGE-ARTICLES-COMPLETS */

/* liste-articles-complets */


div.liste-articles-complets {
	/*margin-top: -20px;*/
}

div.liste-articles-complets h2 {
	margin-top: 20px;
}

div.liste-articles-complets ul li {
	list-style-type: none !important;
	/*border-bottom: 15px solid #4b69b1;*/
}

div.liste-articles-complets ul.spip li.spip,
div.texte ul.spip li.spip {
	list-style-type: circle !important;
	border-bottom-style: none !important;
}

div.liste-articles-complets div.cartouche img.spip_logos {
	float: right;
}

/* @end */

/* @group PAGE-RUBRIQUE (actualites) */

div.articles-rubrique {
	margin-top: 20px;
}

/* Liste articles */

div.liste-articles {
	margin-top: 0px;
}

div.liste-articles li {
	display: block;
	overflow: hidden;
	/*background: url(../images/layout/enrichissements_fd.jpg) repeat-x left bottom;*/
	color: #333;
	margin: 20px 0;
}

div.liste-articles h2 {
	position: relative;
	background: url(../images/layout/filet.jpg) repeat-x left bottom;
	line-height: 1.4em;
}

div.liste-articles h2 a {
	text-decoration: none;
}

div.liste-articles .date {
	position: absolute;
	display: block;
	left: 10px;
	width: 30px;
	margin-top: 7px;
}

div.liste-articles img.spip_logos {
	float: right;
	margin: 10px;
}

div.liste-articles p.texte {
	padding-left: 50px;

}

/* Affichage des Mots clefs */

div.mot-cles {
display: none;
}

/* Affichage des articles dans la même rubrique */

div.breves {
	display: none;
}


/* @end */

/* @group PAGE-LOCALISATION */

#map {
	width: 99%;
	height: 350px;
	/*background: #fff url(../images/avirer/google_map.png) right -1px;*/
	border: 2px solid #f3a81a;
}

.info-gmap {
	margin-bottom: 15px;
}


/* @end */

/* @group PAGE-CATALOGUE */


/* @end */

/* @group PAGE-FILILALES */

.carte {
	text-align: center;
}
.logocartes {
	float:right;
	width:auto;
	margin-bottom:5px;
	margin-left:5px;
	margin-top:10px;
}

/* Liste Filiales */

/* non utilisé
 */


/* @end */

/* @group PAGE-CONTACTS */

map, area { border : none; border : 0; outline: none; outline: 0;}
map:link, area:link { border : none; border : 0; outline: none; outline: 0;	opacity: 0;}
map:hover, area:hover { border : none; border : 0; outline: none; outline: 0; opacity: 0}

div#name {
	overflow: hidden;
	margin-top: 20px;
	position: relative;
}

div.liste-contacts img {
	/*float: right;*/
	background-color: #fff;
	/*padding: 15px;*/
}

div.liste-contacts h2 {
	background: url(../images/layout/filet-jaune.gif) no-repeat left top;
	padding-top: 11px;
}

/*div.liste-contacts img {
	position: absolute;
	top: 0;
	z-index: 50;
	left: 0;
}*/

/* @end */

/* @group PAGE-PRODUITS */

/* Liste Catégories */

div.liste-categories li {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	width: 43%;
	float: left;
	position: relative;
	/*background-color: #2d2d2d;*/
	height: 70px;
	background: url(../images/layout/enrichissements_fd.jpg) repeat-x left bottom;
	border-bottom-width: 4px;
	border-bottom-color: #4b69b1;	
}

/*div.liste-categories li img {
	position: absolute;
	right: 0;
	top: 0;
}*/

div.liste-categories h3 {
	margin: 0px !important;
}

div.liste-categories h3 a {
	text-decoration: none;
	/*color: #fff;*/
	font-weight: bold;
	display: block;
	/*background-color: #2d2d2d;*/
	text-align: center;
	position: relative;
	height: 70px;
	padding: 7px;
	font-size: 0.9em !important;
}

div.liste-categories li p {
	text-align: left !important;
	color: #4b69b0;
	font-weight: bold;
}



/* Liste Produits */

div.liste-produits {
}

div.liste-produits ul {
	overflow: hidden;
}

div.liste-produits li {
	display: block;
	overflow: hidden;
	/*width: 150px;*/
	width: 98%;
	background: url(../images/layout/enrichissements_fd.jpg) repeat-x left bottom;
	border: 1px solid #ccc;
	margin: 20px 0;
	border-bottom-width: 4px;
	border-bottom-color: #4b69b1;
	float: left;
	/*height: 280px;*/
	position: relative;
	padding: 5px 5px 25px;
}

div.liste-produits li:hover {
	/*background-color: #feffca;*/
}

div.liste-produits h3 {
	margin-bottom: 15px !important;
}

div.liste-produits h3 a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: block;
	background-color: #2d2d2d;
	text-align: center;
	padding: 5px !important;
	position: relative;
	font-size: 0.9em !important;	
}

div.liste-produits h3 a:hover,
div.liste-categories h3 a:hover {
	background-color: #c2def8;
	color: #4b69b1;
}



div.liste-produits .date {
	
}

div.liste-produits img {
	float: right;
	background-color: #fff;
	padding: 15px;
}

div.liste-produits a img {
}

div.liste-produits a:hover img {
}



/* @end */

/* @group PAGE-ARTICLE-PRODUITS */

h2.titre {
	clear: both;
}

.meme-rubrique {
	margin-bottom: 20px;
}

.meme-rubrique ul {
	overflow: hidden;
}

.meme-rubrique ul li {
	float: left;
	padding-left: 6px;
}

.meme-rubrique ul li a {
	display: block;
	padding: 1px;
}

.meme-rubrique ul li a.on {
	color: #f19c00;
}

/* @end */

/* @end */
div.liste-contacts h2.sans {
background:none !important;	
}

.catalogue_industriel{
float:left;
}

.catalogue_ferroviaire{
float:left;
}


br.clear{
clear:both;
}
.catalogue_industriel a.spip_out {
	font-size:1.2em;
}
.catalogue_industriel strong.spip {
font-weight:normal !important;
}

div.home{
background:transparent url(../images/boutons/mecatraction.png) no-repeat scroll left top;
height:142px;
width:157px;
}

div.home:hover{
background:transparent url(../images/boutons/home.png) no-repeat scroll left top;
}

.spip_documents_center .spip_doc_titre {
text-align:center;
width:100% !important;
float:none;
}

/* Rajouts gestion couleurs */ 
span.orange {
color:#F19C00;
font-size:100%;	
}
.infos {
float:left;
width:350px;	
}
div#contenu  .infos h3 {
margin-top:0;
}