body {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
color: #3365a9;
}
p {
margin: 0 0 10px 0;
text-align:justify;
}
a  {
color: #f08f24;
text-decoration: underline;
}
a:hover {
cursor : pointer;
text-decoration: none;
}
a  img {
border: 0px;
}

h1 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
margin: 10px 0 10px 0;
}

h2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 17px;
margin: 10px 0 10px 0;
}

h3 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #f08f24;
font-size: 14px;
margin: 10px 0 10px 0;
}

h4 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 10px 0 10px 0;
text-align: center;
}

.actu  img {
float:left;
margin: 0 10px 10px 0;
}
 h2 .actu{
clear:left;
}
#header {
height: 103px;
background: url('img/VoitureFFSSA_hautdroite_01.jpg') top right no-repeat #3365a9;
}
.animation {
position: absolute;
right: 250px;
top: 10px;
}
#haut {
background-color:#ffffff;
}
#haut2 {
background-color:#f3f9f9;
}
#conteneur {
margin : 0 auto;
width: 100%;
min-width: 950px;
background-color:#ffffff;
}
#centre {
background-color:#ffffff;
height: 100%;
margin-left: 170px;
margin-right: 0px;
}
#gauche {
float:left;
width: 140px;
padding: 25px 0 0 0;
}
#pied {
clear:both;
/*height: 20px;*/
background-color: #3365a9;
font-size: 11px;
color: #FFFFFF;
text-align:center;
padding: 5px 0px 6px 0px;
}
#contenu {
clear:right;
margin: 0 10px 0 0;
}

#textecadre {
font-size: 14px;
/*color: #3365a9;*/
padding: 5px 0px 6px 0px;
min-height : 370px;
_height : 370px;
}

#contenu_accueil {
	position:relative;
	padding-right:5px;
}
#contenu_accueil #bloc_actu {
	/*position:absolute; right:0;*/
	float: right;
}

#menuhaut {
	list-style-type: none;
	margin: 15px;
	padding:15px;
}
#menuhaut li {
	margin: 0 0 5px;
}
#menuhaut a {
	margin: 0 2px;
}
#menuhaut a:hover {
	text-decoration: none;
}
ul#menuhaut {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menuhaut li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float: right;
}

ul#menuhaut li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 56px;
}

ul#menuhaut li#menuhaut1 a {
	width: 155px ;
	background: url('img/onglet_casse.jpg') no-repeat 0 -1px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menuhaut li#menuhaut1 a:hover {
	background: url('img/onglet_casse.jpg') no-repeat 0 -58px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#menuhaut li#menuhaut1 a.selected {
	background: url('img/onglet_casse.jpg') no-repeat 0 -58px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#menuhaut li#menuhaut2 a {
	width: 149px ;
	background: url('img/onglet_centres.jpg') no-repeat 0 -1px ;
}
ul#menuhaut li#menuhaut2 a:hover {
	background: url('img/onglet_centres.jpg') no-repeat 0 -58px ;
}
ul#menuhaut li#menuhaut2 a.selected {
	background: url('img/onglet_centres.jpg') no-repeat 0 -58px ;
}

ul#menuhaut li#menuhaut3 a {
	width: 155px ;
	background: url('img/onglet_pieces.jpg') no-repeat 0 -1px ;
}
ul#menuhaut li#menuhaut3 a:hover {
	background: url('img/onglet_pieces.jpg') no-repeat 0 -58px ;
}
ul#menuhaut li#menuhaut3 a.selected {
	background: url('img/onglet_pieces.jpg') no-repeat 0 -58px ;
}
ul#menuhaut li#menuhaut4 a {
	width: 155px ;
	background: url('img/onglet_pneu.jpg') no-repeat 0 -1px ;
}
ul#menuhaut li#menuhaut4 a:hover {
	background: url('img/onglet_pneu.jpg') no-repeat 0 -58px ;
}
ul#menuhaut li#menuhaut4 a.selected {
	background: url('img/onglet_pneu.jpg') no-repeat 0 -58px ;
}




#sousmenu {
	list-style-type: none;
	margin: 15px;
	padding:15px;
}
#sousmenu li {
	margin: 0 0 5px;
}
#sousmenu a {
	margin: 0 2px;
}
#sousmenu a:hover {
	text-decoration: none;
}
ul#sousmenu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#sousmenu li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}

ul#sousmenu li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 5px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}

ul#sousmenu li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}
ul#sousmenu li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu li#sousmenu2 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu li#sousmenu3 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu li#sousmenu4 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu li#sousmenu5 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}



ul#sousmenu-societe{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#sousmenu-societe li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}
ul#sousmenu-societe li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 5px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}

ul#sousmenu-societe li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}

ul#sousmenu-societe li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu2 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu3 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu4 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu5 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu6 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-societe li#sousmenu7 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}




ul#sousmenu-actu{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#sousmenu-actu li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}
ul#sousmenu-actu li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 5px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}
ul#sousmenu-actu li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}


ul#sousmenu-actu li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}


ul#sousmenu-actu li#sousmenu2 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}


ul#sousmenu-actu li#sousmenu3 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
	}





ul#sousmenu-client{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#sousmenu-client li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}
ul#sousmenu-client li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 7px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}
ul#sousmenu-client li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}

ul#sousmenu-client li#sousmenu0 a {
	background: url('img/door.png') no-repeat;
}
ul#sousmenu-client li#sousmenu0 a:hover{
	background: url('img/door_in.png') no-repeat ;
	text-decoration : underline;
}
ul#sousmenu-client li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-client li#sousmenu2 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-client li#sousmenu3 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-client li#sousmenu4 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-client li#sousmenu5 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}
ul#sousmenu-client li#sousmenu6 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}
ul#sousmenu-client li#sousmenu7 {
	color: #3365a9;
	float : left;
}





ul#sousmenu-carriere{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#sousmenu-carriere li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}
ul#sousmenu-carriere li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 5px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}
ul#sousmenu-carriere li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}

ul#sousmenu-carriere li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-carriere li#sousmenu2 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}


ul#sousmenu-carriere li#sousmenu3 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}


ul#sousmenu-carriere li#sousmenu4 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}

ul#sousmenu-contact{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#sousmenu-contact li {
	margin: 20px 0 5px 0 ;
	padding: 0 ;
	float: right;
}
ul#sousmenu-contact li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	height: 20px;
	padding-left : 22px;
	padding-right : 5px;
	background: url('img/bouton_client.gif') no-repeat 0 -3px ;
	font-weight : bold;
	text-decoration : none;
	font-size : 12px;
}
ul#sousmenu-contact li a:hover{
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	text-decoration : underline;
}

ul#sousmenu-contact li#sousmenu1 a.selected {
	background: url('img/bouton_client.gif') no-repeat 0 -24px ;
	color: #3365a9;
}


#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

ul#menugauche
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;

}

ul#menugauche li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;

}

ul#menugauche li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 145px ;
	height: 68px;
}

ul#menugauche li#menu1 a
{
	background: url('img/onglet_societe2.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menugauche li#menu1 a:hover
{
	background: url('img/onglet_societe2.gif') no-repeat 0 -68px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#menugauche li#menu1 a.selected
{
	background: url('img/onglet_societe2.gif') no-repeat 0 -68px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#menugauche li#menu2 a
{
	background: url('img/onglet_actualite2.gif') no-repeat 0 0 ;
}
ul#menugauche li#menu2 a:hover
{
	background: url('img/onglet_actualite2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu2 a.selected
{
	background: url('img/onglet_actualite2.gif') no-repeat 0 -68px ;
}

ul#menugauche li#menu3 a
{
	background: url('img/onglet_client2.gif') no-repeat 0 0 ;
}
ul#menugauche li#menu3 a:hover
{
	background: url('img/onglet_client2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu3 a.selected
{
	background: url('img/onglet_client2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu4 a
{
	background: url('img/onglet_reference2.gif') no-repeat 0 0 ;
}
ul#menugauche li#menu4 a:hover
{
	background: url('img/onglet_reference2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu4 a.selected
{
	background: url('img/onglet_reference2.gif') no-repeat 0 -68px ;
}

ul#menugauche li#menu5 a
{
	background: url('img/onglet_carriere2.gif') no-repeat 0 0 ;
}
ul#menugauche li#menu5 a:hover
{
	background: url('img/onglet_carriere2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu5 a.selected
{
	background: url('img/onglet_carriere2.gif') no-repeat 0 -68px ;
}

ul#menugauche li#menu6 a
{
	background: url('img/onglet_contact2.gif') no-repeat 0 0 ;
}
ul#menugauche li#menu6 a:hover
{
	background: url('img/onglet_contact2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu6 a.selected
{
	background: url('img/onglet_contact2.gif') no-repeat 0 -68px ;
}

ul#menugauche li#menu7 a
{
	background: url('img/onglet_maintenance2.gif') no-repeat 0 0 ;
}

ul#menugauche li#menu7 a:hover
{
	background: url('img/onglet_maintenance2.gif') no-repeat 0 -68px ;
}
ul#menugauche li#menu7 a.selected
{
	background: url('img/onglet_maintenance2.gif') no-repeat 0 -68px ;
}

#principal {
	background-image:url('img/cadre_centreg.gif');
	background-repeat: repeat-y;
	background-color : #FFFFFF;
}
#principal2 {
	background-image:url('img/cadre_centred.gif');
	background-repeat: repeat-y;
	background-position: right;
}

#haut_cadre  {
	height:60px;
	background-image:url('img/cadre_hautcentre.gif');

}

/*#haut_cadre  img {
	vertical-align:top; /* for ie5*/
	/*padding: 15px 0 0 0;
}*/

#coingh {
	width:28px;
	height:60px;
	background-image:url('img/cadre_hg.gif');
	float: left;

}
#coindh {
	width:28px;
	height:60px;
	background-image:url('img/cadre_hd.gif');
	float: right;

}
#trait_haut_actu {
	height:60px;
	margin: 0px 0px 0px 30px;
	background:url('img/titre_actualite.jpg') bottom left no-repeat;
}
#trait_haut_actu  img {
	margin: 14px 0px 0px 0px;
	float:right;
}
#trait_haut {
	height:60px;
	margin: 0px 0px 0px 20px;
	background:url('img/traitsousmenu.gif') bottom left no-repeat;
}
#trait_haut  img {
	margin: 14px 0px 0px 0px;
	float:right;
}
#contenu_cadre {
	margin: 0 28px 0 28px;
	background-image:url('img/cadre_centrecentre.gif');
	min-height: 310px;
	_height: 310px;
}

#contenu_cadre p {
	/*margin: 0px;*/
}

#bas_cadre  {
	height:31px;
	background-image:url('img/cadre_bascentre.gif');
}
#coingb {
	width:28px;
	height:31px;
	background-image:url('img/cadre_basg.gif');
	float: left;
}
#coindb {
	width:28px;
	height:31px;
	background-image:url('img/cadre_basd.gif');
	float:right;
}

hr {
margin-top: 0px;
clear: left;
visibility: hidden;
}
.article {
/*float: left;*/
}
.article span {
	padding-left: 10px;
	font-size: 10px;
}

.espace-article {
    height:20px;
    width:100%;
    border-bottom:2px solid #3365B7;
}

.alert0, .alert{
color         : #000000;
font-weight   : bold;
background    : #a2f299 url('img/accept.png') no-repeat 4px center;
padding       : 5px;
padding-left  : 25px;
border        : solid 1px green;
margin-bottom : 10px;

}

.alert1{
color         :#000000;
font-weight   :bold;
background    : #fbc4c4 url('img/exclamation.png') no-repeat 4px center;
padding       : 5px;
padding-left  : 25px;
border        : solid 1px #920a0a;
margin-bottom : 10px;
}

/*_________________CssEspaceClient nicolas_________________*/

a.detail_histo span{
	display : none;
}
a.detail_histo:hover span{
	display : block;
	position : absolute;
	width : 300px;
	border : 1px solid #000000;
	background : #ffffff;
	top : auto;
	left : auto;
	text-align : left;
	color : #000000;

}

.tabHisto {
	border: medium solid #6495ed;
	border-collapse: collapse;
	width : 100%;

}
.tabHisto th {

	border: thin solid #6495ed;

	padding: 5px;
	background-color: #D0E3FA;
}
.tabHisto td {

	border: thin solid #6495ed;

	padding: 2px;
	text-align: center;
	background-color: #ffffff;
}

.tabHisto a {
	text-decoration : none;
}

#listeSite{
	width : 49%;
}
#listeSite legend,#accueil legend{
	font-weight : bold;
}

#listeSite fieldset,#accueil fieldset{
	border : 1px solid #f08f24;
	padding : 10px 5px;
	-moz-border-radius: 5px;
	margin-bottom : 10px;
}

#accueil{
	width : 49%;
	float : right;
}

#accueil a{
	text-decoration : none;
}

#accueil a:hover{
	text-decoration : underline;
}

#textContact{
	float : left;
}
#formContact{
	position : relative;
}
#formContact input{
	width : 150px;
}
#formContact input[type="text"],#formContact textarea{
	width : 250px;
}

#textContact fieldset{
	border : 1px solid #f08f24;
	padding : 10px 5px;
	-moz-border-radius: 5px;
	margin-bottom : 10px;
}
#rechercher{
	display : none;

}
#rechercher a,#filtreMois a{
	float : right;
	text-decoration : none;
	}
.lienRecherche{
	background: url('img/search.png') no-repeat;
	padding-left : 23px;
}
.lienCancel{
	background: url('img/cancel.png') no-repeat;
	padding-left : 23px;
}

.saisieDemande{
	padding-left   : 22px;
	padding-right  : 5px;
	padding-bottom : 2px;
	padding-top    : 2px;
	background     : url('img/pencil_add.png') no-repeat;
	font-weight    : bold;
	text-decoration : none;
	font-size       : 12px;
}

.asterisque{
  font-weight : bold;
  color : red;
  font-size : 10px;
}

.saisieDemande:hover{
  text-decoration : underline;
}


input, select, textarea{
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  font-size   : 12px;
}
/*****************************************************/

.pagination {

text-align:center;
	}

.pagination a {

	color:#3365a9;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #6495ed;
}

.pagination a:hover, .pagination a:active {
	color:#0066a7;
	border:1px solid #6495ed;
	background-color:#D0E3FA;
}