/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(gifs/images/petage_vertical.jpg);
	background-repeat: repeat-x;
	background-color: #174F8A;

}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #01244a;
	text-decoration: none;
}
a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #01244a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #01244a;
}
a:active {
	text-decoration: none;
	color: #01244a;
}

a.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a70303;
	text-decoration: none;
}
a.lien :link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a70303;
	text-decoration: none;
}
a.lien :hover {
	text-decoration:none;
	color: #a70303;
}
a.lien :active {
	text-decoration: none;
	color: #a70303;
}


a.lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #01244a;
	text-decoration: none;
}
a.lien2 :link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #01244a;
	text-decoration: none;
}
a.lien2 :hover {
	text-decoration:none;
	color: #01244a;
}
a.lien2 :active {
	text-decoration: none;
	color: #01244a;
}

a.lien3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}
a.lien3 :link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien3 :hover {
	text-decoration:none;
	color: #FFFFFF;
}
a.lien3 :active {
	text-decoration: none;
	color: #FFFFFF;
}

a.lien4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #01244a;
	text-decoration: none;
}
a.lien4 :link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #01244a;
	text-decoration: none;
}
a.lien4 :hover {
	text-decoration:underline;
	color: #01244a;
}
a.lien4 :active {
	text-decoration: none;
	color: #01244a;
}


a.lien5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}
a.lien5 :link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien5 :hover {
	text-decoration:underline;
	color: #FFFFFF;
}
a.lien5 :active {
	text-decoration: none;
	color: #FFFFFF;
}






/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#01244a;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/*************************roll over menu principal*********************************************************************************/


#accueil {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 117px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_07.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#accueil a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_07.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#accueil a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#couverture {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 110px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_08.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#couverture a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_08.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#couverture a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#automatisme {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 122px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_09.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#automatisme a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_09.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#automatisme a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#demandededevis {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 149px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_10.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#demandededevis a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_10.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#demandededevis a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#nosoffresdumoment {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 179px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_11.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#nosoffresdumoment a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_11.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#nosoffresdumoment a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#quisommesnous {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 159px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_12.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#quisommesnous a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_12.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#quisommesnous a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 136px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/roll_over_menu_13.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/menu_13.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


















.fdtd {
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	height: 1px;
	width: 980px;
}


.h1 {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	font-weight: bold;
    color: #a70303;
	background-image: url(gifs/images/titres_16.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 185px;
	padding-top: 13px;
}

.h1bis {
    margin:0px;
    padding: 15px 0px 0px 0px; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	font-weight: bold;
    color: #a70303;
/*	padding-top: 13px;*/
}


.h1a {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
	font-weight: bold;
    color: #a70303;
	height: 21px;
	width: 185px;
}



#chapeau-ssrubrique{
	
}


.h2 {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:normal;
	text-align: justify;
    color: #2a2a2a;
	background-image:url(gifs/images/accueil_27.jpg);
	background-repeat: no-repeat;
	height: 109px;
	width: 326px;
	padding-left: 10px;
}


.h3 {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:normal;
	text-align: justify;
    color: #2a2a2a;
	background-image:url(gifs/images/accueil_40.jpg);
	background-repeat:no-repeat;
	height: 177px;
	width: 161px;
	padding-left: 9px;
	padding-right: 40px;
}

.h4 {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:normal;
	text-align: justify;
    color: #2a2a2a;
	background-image:url(gifs/images/accueil_41.jpg);
	background-repeat: no-repeat;
	height: 177px;
	width: 167px;
	padding-left:30px;
	padding-right:60px;
}

.h5 {
    margin:0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
	font-weight:bold;
	text-align: center;
    color:#FFFFFF;
	background-image:url(gifs/images/accueil_25.jpg);
	background-repeat: no-repeat;
	height: 98px;
	width: 246px;
	padding-top:45px;
}

.h6 {
    margin:0px;
    padding: 0px;;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	font-weight:bold;
	text-align: center;
    color:#ac0808;
	background-image:url(gifs/images/accueil_31.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 236px;
	padding-top:42px;
	padding-left:10px;
}

.h7 {
    margin:0px;
    padding: 0px;;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	font-weight:normal;
	text-align:left;
    color:#FFFFFF;
	background-image:url(gifs/images/gauche_39.jpg);
	background-repeat:no-repeat;
	height: 101px;
	width: 212px;
	padding-left:30px;
}


.padding_titres {
    margin:0px;
	padding: 0px;
}


.petage {
    background-image:url(gifs/images/petage.jpg);
	background-repeat:repeat-y;
	height: 1px;
	width: 972px;
}
	
.fdnewsletter  {
    background-image:url(gifs/images/gauche_34.jpg);
    background-repeat:no-repeat;
	width: 242px;
/*	height: 28px;*/
}

.footer  {
    background-image:url(gifs/images/footer_48.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}

.plan  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#01244a;
	text-align:center;
	margin:0px;
	padding:0px;
	padding-top:20px;
}

.largeur {
	width: 715px;
	position:relative;
	display:block;
	overflow:visible;
}

.legend  {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#01244a;
	font-size:12px;
}



.couverture1 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ac0808;
	font-size:14px; 
}


.couverture2 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4c4d4d;
	font-size:14px;
	margin:0px;
	padding:0px; 
	padding-left: 18px;
}


.couverture3 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#01244a;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-decoration:underline
	/*	padding-left: 22px;*/
}

.automatisme1 {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#01244a;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-decoration:underline
	/*	padding-left: 22px;*/
}


ul.liste li{
	list-style: none;
	background: url(gifs/puce.gif) no-repeat left center;
	padding-left: 12px;
}


.padding2  {
	margin:0px;
	padding:0px;
	padding-top: 5px;
}

.contour_visuel  {
	border-bottom:#01244a 1px solid;
	border-top:#01244a 1px solid;
	border-left:#01244a 1px solid;
	border-right:#01244a 1px solid;
}

.bleu {
	color:#174F8A;
	font-size:12px;
}


#logo{
	background:url(gifs/images/header_02.jpg) no-repeat;
	width:110px;
	height:179px;
	margin:0;
	padding:30px 0 0 130px;
}

#logo a, #logo a:hover{
	margin:0;
	text-decoration:none;
	color:#000;
	font-size:15px;
	font-weight:bold;
}

#logo span{
	margin:0;
	display:block;
	line-height:50px;
}

ul.MenuHorizontal {
   width: 972px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #333;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 13px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 30px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   line-height:28px;
}

li#menu0 {
   width: 117px;
}

li#menu1 {
   width: 110px;
}

li#menu2 {
   width: 122px;
}

li#menu3 {
   width: 149px;
}

li#menu4 {
   width: 179px;
}

li#menu5 {
   width: 159px;
}

li#menu6 {
   width: 136px;
}

li#menu0 a {
   background-image: url('gifs/images/menu_07.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('gifs/images/menu_08.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:10px;
}

li#menu2 a {
   background-image: url('gifs/images/menu_09.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:10px;
}

li#menu3 a {
   background-image: url('gifs/images/menu_10.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:10px;
}

li#menu4 a {
   background-image: url('gifs/images/menu_11.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:10px;
}

li#menu5 a {
   background-image: url('gifs/images/menu_12.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:10px;
}

li#menu6 a {
   background-image: url('gifs/images/menu_13.jpg');         /*Ici l'image de fond de la cellule*/
   padding-right:20px;
}

li#menu0 a:hover, a#selected-over0 {
	color:#123E65;
	text-decoration:none;
}

li#menu1 a:hover, a#selected-over1 {
	color:#123E65;
	text-decoration:none;
}

li#menu2 a:hover, a#selected-over2 {
	color:#123E65;
	text-decoration:none;
}

li#menu3 a:hover, a#selected-over3 {
	color:#000;
	text-decoration:none;
}

li#menu4 a:hover, a#selected-over4 {
	color:#123E65;
	text-decoration:none;
}

li#menu5 a:hover, a#selected-over5 {
	color:#123E65;
	text-decoration:none;
}

li#menu6 a:hover, a#selected-over6 {
	color:#123E65;
	text-decoration:none;
}

#liendevis{
	background:url(gifs/images/gauche_14.jpg) no-repeat;
	width:242px;
	height:34px;
	margin:0;
	position:relative;
	overflow:visible;
}

#liendevis a, #liendevis a:hover{
	margin:0;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding:10px 0 0 30px;
}
.fdDepositaire {
	background-image:url(gifs/images/gauche_32.jpg);
	text-align:center;
	padding: 10px 0 10px 0;
}

#zpoelllles {
	position:absolute;
	top:105px;
	right:0;
	background:url(gifs/zpoelllels.jpg) no-repeat #fff;
	width:262px;
	height:281px;
	z-index:20;
}

#zpoelllles  .h4 {
	margin:183px 0 0 6px;
	background:none;
}

#estrellaamdoradelaluzazuraeamarillaedigodelamier {
	position:absolute;
	top:-20px;
	right:20px;
	z-index:10
}

.filAriane a {
	font-size:11px;
	color:#036;
}

.fiches {
	overflow:visible;
	margin:5px 0;
	clear:both;
	height:148px;
	position:relative;
}

.fiche {
	width:100px;
	height:128px;
	border:1px solid #036;
	cursor:pointer;
	background:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	position:absolute;
	top:5px;
	z-index:50;
}

.fiche img {
	height:100px;
	width:100px;
}

.un {
	left:5px;
}

.deux {
	left:128px;
}

.trois {
	left:251px;
}

.quatre {
	left:374px;
}

.cinq {
	left:497px;
}

.fiche a {
	line-height:14px;
	text-align:center;
	display:block;
}

.image img {
	display:block;
	margin:10px auto;
}

p.desc {
	text-align:justify;
	margin:10px;
	font-size:13px;
	font-weight:bold;
}

.carac {
	width:515px;
	margin:10px auto;
	border:1px solid #666;
	border-collapse:collapse;
}

.fonce {
	background:#666;
}

.fonce td, .fonce th {
	color:#eee;
}

.carac td, .carac th {
	line-height:14px;
	height:18px;
	padding:2px 5px;
}

#devis {
	position:absolute;
	top:5px;
	left:6px;
	padding:0 !important;
}

#devis img {
	border:none;
}