/*Général
-------------------------------------------------------------------------*/
* {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

ul, li {
	list-style:none;
}

strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}

td {
	vertical-align:top;
	padding: 0;
}

body {
	margin: 0;
	text-align: center;
	background-image:url(gifs/fond.gif);
	background-repeat:repeat-x;
	
}
	
		
#header {
	width:997px;
	height:209px;
	background-image:url(gifs/header.gif);
}

#logo{
	width:284px;
	height:209px;
	float:left;
	background-image:url(gifs/logo.gif);
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}

#diaporama{
	width:713px;
	height:183px;
	/*background-image:url(gifs/diaporama.gif);*/
}

#pro{
	width:713px;
	height:26px;
	color:#054e7a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#acces_pro{
	float:left;
	width:290px;
	height:23px;
	text-align:right;
	padding-right:10px;
	padding-top:3px;
}

#champs{
	float:left;
	height:25px;
	width:413px;
	padding-top:1px;
}

#header_right{
	width:713px;
	width:713px;
	height:179px;
	float:left;
}

#menu{
	width:987px;
	height:47px;
	background-image:url(gifs/menu.gif);
	padding-top:8px;
	padding-left:10px;
}

a img{
	border:none;
}
	
#container {
	text-align: left;
	width: 997px;
	margin: 0 auto;
	background-image:url(gifs/body.gif);
}
	
#footer {
	background-image:url(gifs/footer.gif);
	height:44px;
	width:997px;
	clear:both;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	line-height:18px;

}

#left{
	width:272px;
	float:left;
	/*background-image:url(gifs/left.gif);
	background-repeat:no-repeat;*/
	background-color:#C2D4E8;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #1980B7;
	border-right:1px solid #EA9C91;
}

#centre{
	float:left;
	width:700px;
	padding-left:23px;
	background-image:url(gifs/zone_chaude.gif);
	background-repeat:no-repeat;
}

.recherche{
	background-image:url(gifs/recherche.gif);
	height:63px;
	width:216px;
	margin:auto;
	color:#FFFFFF;
	font-size:18px;
	padding-left:15px;
	padding-top:6px;
	margin-bottom:10px;	
}

.recherche p{
	color:#FFFFFF;
	font-size:18px;
	padding:0;
	margin:0;
	line-height:20px;
}

#bloc_contact{
	width:217px;
	height:123px;
	background-image:url(gifs/contact.gif);
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	color:#ffffff;
	font-size:18px;
	padding-left:15px;
	padding-top:6px;
}

#bloc_acces{
	width:217px;
	height:159px;
	background-image:url(gifs/acces.gif);
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	color:#30398a;
	font-size:18px;
	padding-left:15px;
	padding-top:6px;
}

#favoris{
	width:222px;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
}

#vitrine{
	height:140px;
	width:700px;
}

#presentation{
	height:140px;
	width:100%;
	float:left;
}

#devis{
	width:238px;
	height:90px;
	float:left;
	background-image:url(gifs/devis.gif);
	margin-top:18px;
	text-align:right;
	padding-top:25px;
}

#boite{
	width:350px;
	float:left;
}

#video{
	width:309px;
	height:325px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #3C669C;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 8px;
}

#video p{
	padding-left:5px;
	padding-top:5px;
	font-size:11px;	
}

#video a{
	font-size:11px;
	font-weight:bolder;
	color:#000000;	
}

#google{
	border:1px solid #000000;
	width:680px;
	height:350px;
}

#container_bloc_pro{
	width:231px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#bloc_pro{
	width:216px;
	padding:0px;
	color:#FFFFFF;
	font-weight:bolder;
	background-image:url(gifs/tranche.gif);
	padding-left:15px;
}

#bloc_pro p{
	color:#FFFFFF;
	font-size:18px;
}

#bloc_haut{
	background-image:url(gifs/tranche.gif);
	height:8px;
	width:231px;
	padding:0px;
}

#bloc_bas{
	background-image:url(gifs/bas.gif);
	background-repeat:no-repeat;
	height:8px;
	width:231px;
	padding:0px;
}

/********************CLASS**********************************/

.area_tpl{
	margin:10px 0 20px 0;
	border:1px solid #000000;
	background-color:#FFFFFF;
	width:630px;
	padding:10px 20px 10px 10px;
}

img{
	padding:0px;
	margin:0px;
}

.gris{
	color:#000000;
}

.lien-rouge{
	text-decoration:underline;
	font-size:11px;
	color:#f13b0e;
}

.lien-rouge:hover{
	text-decoration:none;
	color:#f13b0e;
}
.lien_devis{
	display:block;
	color:#489abb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:238px;
	height:90px;
}
.inputbox{
border:1px solid #000000;
}

.bouton_ajout{
background-color:#3E90B1;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:3px;
border:0px;
}

.tabl{
background-color:#3366CC;
font-size:14px;
font-weight:bolder;
text-align:center;
text-transform:uppercase;
color:#FFFFFF;
}

.descriptif{
	width:350px;
	padding-top:5px;
	/*background-image:url(gifs/fond_encart.gif);
	background-repeat:repeat-x;*/
	margin-bottom:10px;
}
.descriptif h2 {
	font-size: 18px;
	color:#313988;
	padding-top:2px;
	padding-bottom:4px;
	border-bottom:1px solid #E85A3A;
}

.tpl_description{
	width:400px;
	float:left;
	margin-right:28px;
	text-align:justify;
}

.tpl_photo{
	text-align:center;
	width:200px;
	float:left;
	margin:50px 0 20px 0;
	border:1px solid #000000;
}

.sous_presentation{
	/*background-image:url(gifs/fond_encart.gif);
	background-repeat:repeat-x;*/
	padding-top:5px;
	width:670px;
}
.sous_presentation h2{
	font-size: 18px;
	color:#313988;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #E85A3A;
}

.lien-bleu{
	color:#282e84;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.lien-bleu:hover{
	text-decoration:none;
}

.lien_blanc{
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.lien_blanc:hover{
	text-decoration:none;
}

.lien-titre{
	display:block;
	height:135px;
	color:#30398a;
	font-size:18px;
}

.lien_adresse{
	font-size:11px;
	color:#ffffff;
	display:block;
	height:74px;
}

.lien_contact{
	display:block;
	height:25px;
	color:#ffffff;
	font-size:18px;
}

.submit{
	width:74px;
	height:23px;
	background-image:url(gifs/bouton_recherche.gif);
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.text{
	width:114px;
	height:18px;
	border: 1px solid #0a5379;
	margin-right:8px;
	padding-top:2px;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:1px;
	color:#7d7d7d;
}

.submit_pro{
	width:88px;
	height:18px;
	background-image:url(gifs/connecter.gif);
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px;
}

.text_pro{
	width:115px;
	height:17px;
	border: 1px solid #0a5379;
	margin-right:8px;
	padding-left:5px;
	margin-bottom:5px;
	color:#7d7d7d;
}

#bloc_pro span{
	line-height:17px;
}




.lien_noir{
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

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

.lien_footer{
	color:#0a5379;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

.orange{
	color:#f13a11;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	margin-left:75px;
}

.mandarine{
	color:#f13a11;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	
}

.rouge{
	color:#f13a11;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	margin-left:115px;
}

.lien_logo{
	display:block;
	padding-top:140px;
	width:247px;
	height:69px;
	padding-left:37px;
}

.pagination{
	text-align:center;
}

/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	font-size: 20px;
	padding: 0;
	color: #f13c11;
	margin-bottom:20px;
	}

h2 {
	font-size: 18px;
	color:#313988;
	padding-top:2px;
	padding-bottom:4px;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 15px;
	padding: .5em 0;
	color:#313988;
	}

p {
	font-size: 12px;
	padding-bottom: .55em;
	color: #000000;
	line-height: 1.5em;
	}

.list{
		list-style:inside;
}		

/*Liens
-------------------------------------------------------------------------*/





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




/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news{
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
	margin-bottom:5px;
	width:150px;
	height:15px;
}

.texte_news{
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
	margin-bottom:5px;
	width:200px;
}

.bouton_news{
	height: 25px;
	width: 163px;
	cursor: pointer;
	border: 0;
	background-image:url(gifs/bouton_contact.gif);
	color:#FFFFFF;
	margin-left:60px;
	margin-bottom:20px;
}

#valise_contact{
	width:450px;
	padding-top:10px;
	margin-top:15px;
	float:left;
	border-right:1px solid #f7941d;
	padding-bottom:5px;
}

#adresse{
	width:210px;
	float:left;
	margin-top:25px;
	padding-left:20px;

}
/*--------------------------------------------------------------------------*/




/*=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:transparent;background-image:url(blank.gif);}

/*--------------------------------------------------------------------------*/


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




/*NAV
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/




/*MODELE
-------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------*/





/*INDEX
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/





/*PAGES
-------------------------------------------------------------------------*/
.tpl {
width: 80%;
margin: 25px auto;
border: 1px solid #e0e0e0;
padding: 10px 15px;}
#contenu .tpl h3 {
margin: 0;
padding: 0;}
.tpl p {
margin: 0;}
/*--------------------------------------------------------------------------*/



/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  70%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus, fieldset textarea:focus {
		background: #fff;
	}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
border: 0;}
/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#hdp {
text-align: right;}

/*--------------------------------------------------------------------------*/




.impt {
color: #b8a58c;}

.imag, .imag0, .imag2{
border: 1px solid #7aaac9;}
		
input.contact_envoyer{
background: #306851;}

fieldset textarea:focus , fieldset input:focus {
border: 1px solid #306851;}


/*-----------------------------Menu-----------------------------*/
ul.MenuHorizontal {
   width: 971px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   height:25px;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #FFF;         /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*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: 25px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
}

li#menu0 {
   width: 76px;
   margin-right:8px;
}

li#menu1 {
   width: 140px;
   margin-right:10px;
}

li#menu2 {
   width: 95px;
   margin-right:10px;
}

li#menu3 {
   width: 97px;
   margin-right:8px;
}

li#menu4 {
   width: 138px;
   margin-right:5px;
}

li#menu5 {
   width: 146px;
   margin-right:6px;
}

li#menu6 {
   width: 123px;
}

li#menu7 {
   width: 100px;
   margin-right:9px;
}

li#menu0 a {
   background-image: url('gifs/menu_00.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu1 a {
   background-image: url('gifs/menu_01.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu2 a {
   background-image: url('gifs/menu_02.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu3 a {
   background-image: url('gifs/menu_03.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu4 a {
   background-image: url('gifs/menu_04.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu5 a {
   background-image: url('gifs/menu_05.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu6 a {
   background-image: url('gifs/menu_06.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu7 a {
   background-image: url('gifs/menu_07.gif');         /*Ici l'image de fond de la cellule*/
   padding-top:5px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/menu_hover_00.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu_hover_01.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu_hover_02.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu_hover_03.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/menu_hover_04.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/menu_hover_05.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/menu_hover_06.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/menu_hover_07.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

/********************************************Inscription****************************************************/


fieldset.inscription{
border:1px solid #3E90B1;
padding:10px;
width:80%;
}

fieldset.inscription legend{
background-color:#3E90B1;
font-size:14px;
font-weight:bold;
padding:5px;
color:#FFFFFF;
}



td.intitule-inscription{
width:50%;
text-align:right;
padding:3px;
font-weight:bold;
}

td.input-inscription{
width:50%;
text-align:left;
padding:3px;
}

.bouton_news2{
background-color:#3E90B1;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:3px;
border:0px;
}