/* CSS (c) @ PlansTrainsModèles */
/* ############################ */

/* RAZ */  
* {
	margin:0;
	padding:0;
	text-align: center; /* centrage IE */}
body {
	background-image:url(img/mep/fond.gif);
	font-size : 100%;
	font-family : sans-serif;
	/* scrollbar IE */		
	scrollbar-face-color: #8691ab;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #666e81;
	scrollbar-3dlight-color: #8691ab;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #e7e7e7;
	scrollbar-arrow-color: #ffffa3;}

	
h1 {size:20px;}
	
h2{	color: #748098;}

h3{font-size: 16px;}

/* ## fond dégradé ## */
#fond-degrade {
	background-image: url(img/mep/fond_degrade.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
}
		

/* ## la page ## */
#page {
	background-color:white;
	margin-top:0px; margin-right:auto;
	margin-left:auto;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-color:rgb(153,153,153);
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:none;
	border-left-style:solid;
	width:810px ;
	height:100%;
	color: #444;}

/* ## Conteneur du titre ## */
#ctnr-titre {
	
	background-image:url(img/mep/titrecompletptm.jpg);
	/*background-image:url(img/mep/bs-ptm.gif);*/
	background-repeat:no-repeat;
	/*background-position:0% 100%*/;
	padding-top:10px;
	margin-top: 0px;
	margin-right:auto;
	margin-left:auto;
	width:775px;
	height:89px;
	clear:center; z-index :3; }
#titre {
	vertical-align:top;
	float:left;
	}
	
/* Emplacement pub titre 468x60 */
/* Emplacement pub titre 468x60 */
/*#titre-pub
{
	margin-left : 135px;

	margin-right :auto;
	width : 470px;
	height : 61px;
	background-color : #81839c ;
	top : 22px;
	text-align:center;

	clear:left; z-index :3;
	position : absolute;
	display : inline;}*/
#titre-pub
{
	margin-left : 250px;

	margin-right :auto;
	width : 470px;
	height : 61px;
	/*background-color : #81839c ;*/
	/*top : 22px;*/
	text-align:center;

	clear:left; z-index :1;
	position : absolute;
	/*display : inline;*/}
	
	#bas-pub
{
	margin-left : 20px;

	
	width : 728px;
	height : 90px;
	/*background-color : #81839c ;*/
	
	text-align:center;
	clear:center; z-index :3;
	display : inline}
	


/* ## Conteneur menu ## */
#mnu-conteneur{
	background-color : #c4c4ce;
	background-repeat : no-repeat;
	height : 20px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 8px;
	background-image : url(img/mep/fond-ptm-clair2.jpg);
	width : 700px;}
#mnu-g{
	background-repeat : no-repeat;
	float : left;
	background-position : left center;
	background-image : url(img/mep/bouton-g.gif);
	width : 20px;
	height : 20px;}
#mnu-contenu{
	font-family : sans-serif;
	font-weight : 100;
	float:left;width : auto;
	height : 20px;
	vertical-align : middle;}
#mnu-dr{
	background-repeat : no-repeat;
	float:right;
	width : 20px;
	height : 20px;
	background-position : right center;
	background-image : url(img/mep/bouton-dr.gif);}

/* ## Formulaire de recherche ## */
#rech-conteneur{
	background-repeat : no-repeat;
	height : 95px;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	padding-left : 8px;
	padding-right : 8px;
	padding-bottom : 8px;
	vertical-align : baseline;
	padding-top : 5px;
	font-family : sans-serif;
	font-weight : 200;
	background-image : url(img/mep/bte-cherche2.gif);
	font-size : 0.8em;
	top : auto;
	width : 300px;}
.recherche-titre{
	font-family : sans-serif;
	color : #787c94;
	background-position : left center;
	margin-bottom : 8px;
	font-weight : bold;
	line-height : 20px;}
.recherche {
	text-align : left;
	background-image : url(img/mep/fond-ptm-clair2.jpg);}
.recherche-case{
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px ;
	border-style : solid ;
	border-color : #787c94 ;
	font-size : 1 em;
	width : auto;
	height : 21px;}

/* ## ligne de séparation ## */
.ptmline{
	color : #c4c4ce ;
	background-position : center center;
	width : 80%;
	height : 1px;
	background-color : #c4c4ce;
	border: 0;
	margin-left : auto;
	margin-right : auto;}

/* ## pied de page ## */
#foot-conteneur{
	color : #fffcb9;
	background-color : #c4c4ce;
	background-repeat : no-repeat;
	height : 20px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 8px;
	background-image : url(img/mep/fond-ptm-clair2.jpg);
	width : 770px; }
#foot-g{
	background-repeat : no-repeat;
	float : left;
	background-position : left center;
	background-image : url(img/mep/bouton-g.gif);
	width : 20px;
	height : 20px;}
#foot-contenu{
	font-family : sans-serif;
	font-weight : 100;
	float:left;
	width : auto;
	height : 20px;
	vertical-align : middle;
	padding-left: 25% ;
	padding-right : 25%;}
#foot-dr{
	background-repeat : no-repeat;
	float:right;
	width : 20px;
	height : 20px;
	background-position : right center;
	background-image : url(img/mep/bouton-dr.gif);}

/* ## sous-pied de page ## */
#underfooter{
	font-size : 11px;
	font-family : sans-serif;
	font-weight : 200;
	color : #808080;}

/* !!!**********STYLES**********!!! */

/* ## styles menu ## */
span.separateur{
	color : white;
	width : auto;
	height : auto;
	margin-left : 5px;
	margin-right : 5px;
	vertical-align : middle;
	margin-bottom : 0px;
	margin-top : 0px;
	font-weight : 600;
	font-size : 1em;}
a.menu{
	color : #fffcb9;
	text-decoration : none;}
a.menu:visited{
	color : #f5de48/*#f7ea8f #aeaeae*/;
	text-decoration : none;}
a.menu:hover{
	color : #f3c45e;
	text-decoration : underline;
	background-color: #748098;}

/* ## style liens categories ## */
a.annuaire {
	color: #f3c45e;
	text-decoration: none;
	font-weight:400;
	font-style:normal;
	font-size: 1 em;
	vertical-align : middle; }

/* ## div img dossier liens catégories ## */
.dossier {
	text-decoration: none;
	width : auto;
	height : 22px;
	background-repeat : no-repeat;
	background-position : left center;
	background-image : url(img/mep/dossier-closed.gif);
	padding-left: 30px;
	text-align: left;}
.dossier:hover {
	background-image : url(img/mep/dossier-open.gif);}

/* IE: NON    Firefox: OK
a.annuaire:before {
	content:url(img/mep/dossier-closed.gif);
	vertical-align : middle;}
a.annuaire:hover:before {
	content:url(img/mep/dossier-open.gif);
	vertical-align : middle;}*/

/* ## style liens generaux ## */
a {
	color: #f3c45e ; }
a:hover {
	color: #ffffa3;
	font-style: normal;
	text-decoration: none;
	background-color: #748098;}
a:visited {
	color : #f3c45e;}
	
/* ## Style description catégorie ## */

.descr-cat{
	font-size : 11px;
	font-weight : 100;
	color : #666;
	text-align :left;}
	
/* ## style tableau catégorie ## */
table.tabcat {
	margin-left: auto;
	margin-right: auto;
	text-align:center /* IE bug */;
	width: 85%;
	margin-top : 3%;
	margin-bottom : 0.5%;}
	
td.tabcat {
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align : left;}

/* ## style affichage resultats ## */	
.cont-resultat{
	margin-top : 5px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px ;
	border-style : solid ;
	border-color : #c4c4ce ;
	height : 110px;
	width : 700px;}
.scr-thumb{
	background-color :#c4c4ce ;
	width : 120px;
	height : auto;
	float:left;}
.resulttext{
	width : 570px;
	height : auto;
	float: left;
	display: inline;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	text-align: left;
	font-size: 14px;
	color: #000}
	
.url-result{
	diplay: block;
	 font-size : 11px;
	 font-family : sans-serif;
	 font-weight : 100;
	 word-spacing : 1px;
	 letter-spacing : 1px;
	 margin-left : 2px;
	 margin-right : 2px;
	 margin-bottom : 2px;
	 margin-top : 2px;
	 color : gray;
	 text-align: left;}	

.ressources{
	font-size: 12px;
	font-family: sans-serif;
	display: block;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #bf5e0f;
	letter-spacing: 0.009em;
	text-align: left;}
.hr-resultat{
	color : #c4c4ce ;
	background-position : center center;
	width : 500px;
	height : 1px;
	background-color : #c4c4ce;
	border: 0;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	margin-bottom : 5px;
}

	
/* ## Style chemin et liens du bas ## */

.chemin{
	font-size: 12px;
	color: #748098}

	
/* ## Style Infobulle ## */
span.infobulle{
	color : silver;
	margin-top : auto;
	margin-bottom : auto;
	border-width : 0px 0px 1px 0px;
	border-style : dashed dashed dotted dashed;
	border-color : black ;
	cursor : help;}
span.infobulle:hover{
	margin-top : auto;
	margin-bottom : auto;
	border-width : 0px ;
	cursor : help;
	color : red;
	background-color : #ffffce;
	margin-left : auto;
	margin-right : auto;}

/* ## Pour  les explications ## */
.explication{
	width : 600px;
	height : auto;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	text-align: left;
	font-size: 13px;}
li.explitop{
	list-style-type : square;
	color: red;
	text-align: left;
	margin-left: 15px;}
li.explisub{
	list-style-type : circle;
	text-align: left;
	color: #f3c45e;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 60px;}
li span{color: #444;}

/* #vert oui # */

li.explitop-oui{
	list-style-type : square;
	color: green;
	text-align: left;
	margin-left: 15px;}	

/* HR explication */	
.hr-expli{
	color : #c4c4ce ;
	width : 300px;
	height : 1px;
	background-color : #f3c45e;
	border: 0;
	margin-left : auto;
	margin-right : auto;
	margin-top : 5px;
	margin-bottom : 5px;
}

/* ## formulaire de verif antispam ## */
#verif-anti-s{
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px ;
	border-style : solid ;
	border-color : #748098 ;
	width : 480px;
	height : auto;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	background-color : #dddde3;
	font-size: 13px;}
.anti-s-evidence{
	background-color : #ffffd5;
	font-size : 13px;
	border-color: #f3c45e;
	border-width : 1px ;
	border-right-style : none;
	border-left-style : solid;
	border-top-style : none;
	border-bottom-style : none;
	border-width : 10px;
	padding : 3px;}
.phrase{
	background-color : white;
	font-size : 14px;
	border-color: #748098;
	border-width : 1px ;
	border-style : solid;
	padding : 5px;}
	
/* ## Formulaire de soumission ## */
#formulaire{
	background-color : #dddde3;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px ;
	border-style : solid ;
	border-color :#748098;
	height : auto;
	width : 650px;
	font-size : 14px;
	background-image : url(img/mep/fond-ptm-clair2.jpg);}
.formulaire{
	color : #748098;
	text-align : center;}
.formclair{
	background-color : #ececfb;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px 0px 1px 0px;
	border-style : solid ;
	border-color : #748098;}
p.form{
	margin-top : auto;
	margin-left : auto;
	padding-right : 3px;
	margin-right : auto;
	margin-bottom : auto;
	width : auto;
	height : auto;
	padding-left : 3px;
	left : auto;
	padding-top : 5px;
	padding-bottom : 5px;
	vertical-align : middle;}
.inputform{
	color : #4b4b4b;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	border-width : 1px ;
	border-style : solid ;
	border-color : #f3c45e;
	text-align : left;
	vertical-align :top}

/* ## AFFICHAGE STATISTIQUES ## */	
	
	#stats-conteneur{
	background-repeat: no-repeat;
	height: 115px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	vertical-align: baseline;
	padding-top: 5px;
	font-family: sans-serif;
	font-weight: 200;
	background-image: url(annuaire/img/mep/bte-stat.gif);
	font-size: 0.8em;
	top: auto;
	width: 660px;
}
	

/* ################################### */
/* ## ARTICLES ## */	
.article{
	width : 600px;
	height : auto;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	margin-top : auto;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
	text-align: justify;
	font-size: 13px;}
/* ## Liste liens ## */

li.liens{
	list-style-type : square;
	text-align: left;
	color: #8291A5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15%;
	margin-right: 15%;
	font-size: 13px;}
	
/* ## News ## */

li.news{
	list-style-type : square;
	text-align: left;
	color: #8291A5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5%;
	margin-right: 18%;
	font-size: 13px;}
	
.newsconteneur{
	width: 600px;}

.minithumb{
	height : 60px;
	float:right;
	display:inline;
	margin-top : 0px;
	vertical-align : top;
	width : 60px;}

/* ## Liste plans,trucs et astuces ## */

tr.pl-tr-as{
	background-color : #f3f3bd;}
	
.tab-pltras{
	font-weight : 500;
	color: #ffff99;
	background-image : url(img/mep/fond-ptm-clair2.jpg);}
	
/* ## Chapeau article ## */

.chapeau
	   {font-family:Arial,sans-serif;
	    font-weight:500;
		font-size:13pt;
	    letter-spacing:2px;
		text-indent:2px;
		line-height:14px;
		color : #748098;}

/* ## Liste matériel Plans,trucs et astuces ## */

li.materiel{
	list-style-type : square;
	text-align: left;
	color: #8291A5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10%;
	margin-right: 8%;
	font-size: 13px;}
	
.titre-materiel{
	font-weight:bold;
	text-align : center;
	margin-left:auto;
	margin-right:auto;}	
	        
.legendeimg{
	color : #748098;
	font-size : 80% ;}
	
h3.titrearticle{
	color : #444;
	font-family: "Times New Roman", Georgia, Times;
	text-decoration: none;
	font-size : 21px;}
	
/* ## NEWS de la page d'accueil ## */

.c-news{
	height : auto;
	width : 600px;
	margin-left:auto;
	margin-right:auto;}

.minithumb-news{
	font-size : 16px;
	width : 60px;
	height : 60px;
	float:left;
	margin-top : auto;
	margin-right : 4px;}

.news-text{
	font-family : sans-serif;
	text-align:justify;}
	
.chapeau-news{
	color: #8291A5;font-size : 14px;font-family : serif;font-weight : 500;}
	
.gras{font-weight:600;}