@import "charte.css";

/**
* Bandeau du haut
*/
#header{
	 width: 100%; 
	 height:167px !important;
	 height:160px;
	 padding:0px;
	 margin:0px;
	 background-image:url(../images/charte/frise.jpg);
	 background-position:left bottom;
	 background-repeat:no-repeat;
}
#header h1{
	 width: 194px; 
	 height:65px;
	 margin:8px 10px 0px 5px;
	 padding:0px;
}

#header #slogan{
	color:#123885;
	font-size:13px;
	font-style:italic;
	padding:75px 0 0 0 ;
	height:20px;
	float:left;
	width:470px;
	font-weight:bold;
}
#header #left{
	float:left;
	margin:0;
	padding:0;
	width :630px;
	height:100%;
}
#header #right{
	height:100%;
	margin:0;
	padding:0;
}

#header #right h2{
	color : #F19D37;
	font-size: 14px;
	float:right;
	margin:8px 0 10px 0;
	width:335px;

}
#col-right h1{
	color:#123885;
	font-size:16px;
	font-weight:bold;
	width:100%;
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
}
#col-right #chemin-fer{
	margin-bottom:40px;
  font-size :13px;
}


#col-right .menu-accueil{
		width :215px;
		float:left;
		margin:10px;
		margin-top:0px;
		background-image:url(../images/charte/bas-menu-int.gif);
		background-repeat:no-repeat;
		background-position:bottom center;
	
}
#col-right .menu-accueil h2{
		width :215px;
		height:21px;
		font-size:14px;
		color:#F19D37;
		text-align:center;
		padding:0;
		padding-top:4px;
		margin:0px;
		background-image:url(../images/charte/haut-menu-int.gif);
		background-repeat:no-repeat;
		background-position:top center;
}

#col-right .menu-accueil ul{
		width:215px;
		margin:0 0 0 0px;
		padding:0px;
		background-image:url(../images/charte/fond-menu-int.gif);
		background-repeat:repeat;
}
#col-right .menu-accueil li{
		margin:0 25px 5px 30px;
		list-style-image:url(../images/charte/puce-fleche.gif);
		font-size:12px;
		padding:0 0 2px 2px;
		text-align:left;
		margin-bottom: 0px;
}
#col-right .menu-accueil li a{
	
}
#col-right .menu-accueil li a:hover{
	color:#F19D37;
}
#col-right #haut{
	height:auto !important; 
	float:left; width:700px;
	text-align:justify;
}
#col-right #promotion{
		width:215px;
		float:right;
		margin-top:0px;
		background-image:url(../images/charte/bas-menu-int.gif);
		background-repeat:no-repeat;
		background-position:bottom center;
}
#col-right #promotion #contenu{
		background-image:url(../images/charte/fond-menu-int.gif);
		background-repeat:repeat;		
		margin:0px;
		padding:0 0 0 10px;
		width:205px;
		height : auto !important;

}
#col-right #promotion h2{
		width:215px;
		height:21px;
		font-size:14px;
		color:#F19D37;
		text-align:center;
		padding:0;
		padding-top:4px;
		margin:0px;
		background-image:url(../images/charte/haut-menu-int.gif);
		background-repeat:no-repeat;
		background-position:top center;
}

/********************/
/* Liste            */
/*******************/
.liste{
	text-align:justify;
	margin:20px 0 20px 0;
	clear:both;

}
.liste h2{
	font-size:14px;
	margin:0 0 10px 0;
	color:#F19D37;
}
.liste  h3{
	font-size:13px;
	margin: 0 0 5px 0;
	text-align:left;
	font-style:italic;
}
.liste .telecharger{
	border:1px solid #F19D37;
	width : 150px;
	height:40px;
	margin:0px 0px 10px 10px;
	color:#123885;
	text-decoration:none;
	float:right;
	text-align:center;
	padding:15px;
	
}
.liste hr{
	clear : both;
	color:#F19D37;
	background-color:#F19D37;
	height:1px ;
	width:50%;
	text-align:center;
	margin : 20px 0 20px 0;
	
}
.liste .telecharger a,
.liste .telecharger a:hover{
	color:#123885;
	font-size:12px;
	font-weight:bold;
}
.liste .photo{

	min-height:40px;
	height:auto !important;
	height:40px;
	margin:0px 0px 10px 10px;
	color:#123885;
	text-decoration:none;
	float:right;
	text-align:center;
	padding:15px;
}
.liste .photo img{
	border:1px solid #F19D37;
}

.liste .image-gauche{
	
	height:auto;
	float:left;
	margin:0 20px 20px 0px;
	padding:0px;
}
.liste .image-gauche img{
	
	height:auto;
	float:left;
	margin:0 10px 10px 0px;
	padding:0px;
	border:1px solid #F19D37;
}
.liste  .fichier{
	text-align:left;
	float:left;
}
.liste  .fichier a,
.liste  .fichier a:hover{
	color:#123885;
}

#form-categorie{
	float:right;
}
#form-categorie select{
	border:1px solid #123885;
	width:180px;
}
#pagination {
	clear:both;
	width:100%;
	text-align:center;
}
#pagination a,
#pagination a:hover{
	text-decoration:none;
}
/*************************************/
/* Faire connaitre le site à un ami */
/*************************************/
.vous{
	float:left;
	width:280px;
	margin: 0 20px 50px 20px;
}
.vous h2{
	color:#123885;
	font-size:14px;
	border-bottom:1px solid #123885;
}
.vous label{

float:left;
width:100px;
color:#123885;
font-weight:bold;
}
.vous textarea{

height:50px;

}
/*********************************/
/* Contact                       */
/********************************/
#form-contact .label{
	font-weight:bold;
	color:#123885;
	
}
#form-contact textarea{
	width:500px;
	
}

/**
* phrase installation
*/

#installation,
{
	color: #F19D37; 
	text-align:right;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	height:30px;
	float:left;
	width:100%;
	margin : 30px 0 0 0px;
	line-height:20px;
}

#installation a,
#installation a:hover
{
	color: #F19D37; 
}
#ssmenu{
	width:100%;
	text-align:center;
	font-size:12px;
	color : #123885;
	margin: 0 0 20px 0;
}
#ssmenu a{
	padding:0 20px 0 20px;
	color: #123885;
}	
#ssmenu a:hover{
	padding:0 20px 0 20px;
	color: #F19D37;
}
#gauche{
	float : left;
	text-align:center;
	margin : 0px 25px 10px 0px;
}
#gauche h3{
	font-size:12px;
	text-align:center;
	color: #F19D37; 
	margin:10px 0 10px 0;
}
#gauche img{
	border:1px solid  #F19D37; 
}
#droite{
	float : right;
	text-align:center;
	margin : 0px 0 10px 25px;

}
#droite h3{
	font-size:12px;
	text-align:center;
	color: #F19D37; 
	margin:10px 0 10px 0;
	width:100%;
}
#droite img{
	border:1px solid  #F19D37; 
}
/**
* Fournisseurs alternatifs
*/


.fichierOrange,
.fichierOrange a,
.fichierOrange a:hover,
.fichierOrange a:visited{
	color : #F19D37; 
}