/* css  LD   louis@daubignard.com        */
/*                                   		            */
/* start : 06/03/2008                          */
/* update :                                   	*/
/*                                                		*/
/* file : style/style.css                         */
/* Declaration des variables standard
debut */
/*<La page web>*/
body
{
   margin			 	: auto; 						/* Pour centrer notre page */
   margin-top		 	: 2px; 							/* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   margin-bottom	 	: 20px;    						/* Idem pour le bas du navigateur */
   background-color	 	: #000000; 						/*couleur du fond   */
   background-image	 	: url("images/fond.png");   	/*image de fond  */
   background-repeat	: repeat;
   font-family		 	: Arial, "Arial Black", "Times New Roman", Times, serif;
   color				: #ff2200;
   font-size		 	: 12px;
}


/*<En tete>*/
#en_tete
{
   width		 		: 1024px;
   height			 	: 240px;
   margin 			 	: auto;
   background-image	 	: url("images/banniere.png");
   background-position  : center;
   background-repeat 	: no-repeat;
}
#en_tete_pt
{
   width		 		: 1024px;
   height			 	: 240px;
   margin 			 	: auto;
   background-image	 	: url("images/banniere_pt.png");
   background-position  : center;
   background-repeat 	: no-repeat;
}
#en_tete_en
{
   width		 		: 1024px;
   height			 	: 240px;
   margin 			 	: auto;
   background-image	 	: url("images/banniere_en.png");
   background-position  : center;
   background-repeat 	: no-repeat;
}


/*<menu>*/
#menu
{
   padding-top			: 190px;
   color				: #FFFFFF;
   text-align			: center;
}
/*<boutton >*/
button{
   cursor           	: pointer;
   margin				: auto ;
   background       	: url("images/button.png") no-repeat;
   color				: #ffffff;
   font-weight			: bold;
   border           	: 0px;
   width 				: 124px;
   height				: 30px;
   vertical-align		: center;
}
button:hover
{
   color           		: #ff6600;
}
.button2{
   cursor           	: pointer;
   background       	: url("images/button2.png") no-repeat;
   font-weight			: bold;
   color				: #ffffff;
   border           	: 0px;
   width 				: 184px;
   height				: 30px;
   vertical-align		: center;
}

.button_doc{
   cursor           	: pointer;
   background       	: url("images/button_doc.png") no-repeat;
   font-weight			: bold;
   color				: #ffffff;
   border           	: 0px;
   width 				: 184px;
   height				: 30px;
   vertical-align		: center;
}

/*<Le titre de niveau 3>*/
h3
{
		margin				: 2px;
		padding				: 0px;
        padding-left        : 5px;
		padding-right       : 5px;
        color               : #FFFFFF;
        display             : list-item;
        list-style-image    : url("images/puce_2.gif");
        list-style-position : inside;
        font-family         : Arial, Helvetica, sans-serif;
        font-size           : 16px;
}
/*<Le titre de niveau 3>*/
h4
{
		margin				: 0px;
		padding				: 0px;
        padding-left        : 10px;
		padding-right       : 10px;
        color               : #000000;
        display             : list-item;
        list-style-image    : url("images/item_boule.png");
        list-style-position : inside;
        font-family         : Arial, Helvetica, sans-serif;
        font-size           : 12px;
}


img, div, a, input
{ 
	behavior: url(iepngfix.htc) 
}
.img_menu
{
   margin-bottom		: 7px ;
   
}

/*<Le lien hypertext du menu>*/
#menu a
{
   color				: #FFFFFF;
   text-decoration		: none;
   font-weight			: bold;
   font-size			: 12px;
}

/*<Le survol du lien hypertext du menu>*/
#menu a:hover
{
   color				: #ffff00;
}
/*<menu>*/
#menu_2 
{
   width				: 130px;
   color				: #ffffff;
   text-align			: left;
   margin-left			: 10px;
   margin-right			: 10px;
   font-weight			: bold;
}
#menu_2 a
{
   color				: #ffffff;
   text-decoration		: none;   
}

#menu_2 a:hover
{
   color				: #ffff00;
}

/*<menu2 + contenu>*/
#main_frame_tete 	/* tete du tableau menu + contenu */
{
   margin           	: left   ;
   width		 		: 1024px;
   height				: 40px;
   background-image 	: url("images/main_frame_tete.png");
   background-repeat	: no-repeat;
   text-align       	: left  ;
}

.main_frame_tete_titre
{
   padding-left			: 220px;
   color				: #FFFFFF;
   font-weight			: bold;
   font-size			: 12px;   
}
.main_frame_titre 	/* titre du tableau menu + contenu  */
{
   margin           	: left    ;
   background-image 	: url("images/main_frame_titre.png");
   background-repeat	: no-repeat;
   text-align       	: center  ;
   height           	: 12px;
}

.main_frame_centre_index 	/* centre du tableau menu + contenu */
{
   margin           	: left    ;
   width            	: 1024px;
   background-image 	: url("images/main_frame_centre_index.png");
}

.main_frame_centre 	/* centre du tableau menu + contenu */
{
   margin           	: left    ;
   width            	: 1024px;
   background-image 	: url("images/main_frame_centre.png");
}

/*<Le titre de colonne dans le tableau menu + contenu >*/
.main_frame_centre th
{
   font-size			: 12px;
   text-align			: center;
   vertical-align		: top;
}

/*<La cellule du  tableau menu + contenu >*/
.main_frame_centre td
{
   font-size			: 12px;
   vertical-align		: top;
   color				: #FFFFFF;
}

.contenu_pied_index	/* Pied du tableau menu + contenu */
{
   margin           	: left    ;
   background-image 	: url("");
   width            	: 1024px   ;
   height           	: 85px;
   padding-left         : 100px    ;
   width            	: 1024px   ;
}
.contenu_pied_index td
{
   padding-top			: 5px;
   padding-left			: 70px;
   font-size			: 11px;
   color				: #ffffff;
   vertical-align		: top ;
   text-align			: center;
}

.contenu_pied_index_titre
{
   font-size			: 24px;
   color				: #ffffff;
   vertical-align		: top ;
   font-weight			: bold;
}
#main_frame_pied 	/* Pied du tableau menu + contenu */
{
   margin           	: left    ;
   background-image 	: url("");
   width            	: 1024px   ;
   height           	: 85px;
}

/*<le text>*/
#contenu_index
{
   width				: 800px;
   color				: #FFFFFF;
   padding-left			: 40px;
}

#contenu
{
   width				: 450px;
   color				: #FFFFFF;  
}

#contenu a
{   
   color				: #ff6600;  
}

/*<Les Paragraphe rubriques>*/
.p_contenu
{
  font-size				: 12px;
   color				: #FFFFFF;  
}

/*<Le pied de page >*/
#pied
{
   background-image 	: url("images/main_frame_pied.png");
   background-repeat 	: no-repeat;
   margin				: auto ; 
   padding-top			: 10px;
   width            	: 1024px   ;
   height           	: 85px;
   color				: #2e2e2e;
}

/*<Le tableau>*/
table
{
  border-collapse		: collapse;
  font-size				: 15px;
  
}

/*<Le titre du tableau>*/
caption
{
   margin				: auto;
   color				: #FF0000 ;
   font-weight			: bold;
   font-size			: 15px;
}

/*<Le titre de colonne dans les tableau>*/
th
{
   font-size			: 12px;
   text-align			: center;
   padding-left 		: 3px;
}

/*<La cellule du tableau>*/
td
{
   font-size			: 12px;
   height				: 25px;
   text-align			: Left;
}
/*<le tableau information>*/
.info
{

   margin				: auto;   
   border-collapse		: collapse;   
   border-width			: 3px;   
   border-style			: inset;
   border-color			: white;
   background-color		: #0c0201;
}
.info td
{
	padding				: 5px;
}


/*<login page>*/
.table_login
{
   width				: 170px;      
   border-collapse		: collapse;
   color				: #ffffff;
}

.table_login_middle a
{
   color				: #ffffff;
}
.table_login_middle a:hover
{
   color				: #008fa6;
}

.table_login_tete
{
   height				: 40px;   
   background			: url("images/table_login.png");
}
.titre_login_tete
{
   color				: #ffffff ;
   padding-top			: 5px;
   margin				: 4px;
   font-weight			: bold;
   font-size			: 14px;  
   text-align			: center;   
}

.table_login_middle
{
   margin				: auto;
   height				: 2px;
   text-align			: center;
   margin				: auto;
   background			: url("images/table_login_middle.png");
   background-position	: center;
   background-repeat 	: repeat-y;
}

.table_login_pied
{
   margin				: auto;
   padding-bottom		: 15px;
   height				: 40px;
   text-align			: center;
   background			: url("images/table_login.png");
   background-position	: bottom;
   background-repeat	: no-repeat;
   
}

.url_login_passwd
{
   color				: #ff0000;
   font-size			: 10px;  
}

/*<Tableau grille tarifaire>*/
.table_prix
{

   margin				: auto;
   text-align			: center;
   border				: 1px solid #ffffff;
   background-color		: #99ccff;
   cellpadding 			: 0;
   cellspacing 			: 0;   
}

.table_prix th
{
   text-align 			: center ;
   height				: 20px;
   vertical-align 		: middle ;
}

.table_prix td
{
   text-align 			: center ;
   height				: 20px;
   vertical-align 		: middle ;
}
/*<Tableau bulle inforamtion>*/
.table_info
{

   margin				: auto;
   width				: 204px;      
   cellpadding 			: 0;
   cellspacing 			: 0;   
   padding				: 0px;
   border-collapse		: collapse;
}

.table_info_tete
{

   margin				: auto;
   height				: 15px;
   text-align			: center;   
   background			: url("images/table_info.png");
}

.table_info_middle
{
   margin				: auto;
   height				: 15px;
   text-align			: center;   
   background			: url("images/table_info.png");
   background-position	: center;
}

.table_info_pied
{
   margin				: auto;
   height				: 25px;
   background			: url("images/table_info.png");
   background-position	: bottom;
   background-repeat	: no-repeat;
}

/*<Tableau actualité>*/
.table_news
{

   margin				: auto;
   width				: 441px;
   height				: 57px;
   text-align			: center;   
   background			: url("images/table_news.png");
   background-repeat	: no-repeat;			
   cellpadding 			: 0;
   cellspacing 			: 0;   
   padding				: 0px;
   border-collapse		: collapse;
}
.table_info td
{
   padding				: 0px;
   margin				: 0px;
   vertical-align		: top ;
   padding-left			: 5px;
   font-size			: 10px;
   text-align 			: left ;   

}
.table_news th
{	
   padding				: 0px;
   margin				: 0px;
   padding-left			: 5px;
   text-align 			: left ;  
   vertical-align		: bottom ;
   color				: #ff6600;
   font-size			: 15px ;
   font-weight			: bold ;
}

.table_news td
{
   padding				: 0px;
   margin				: 0px;
   vertical-align		: middle ;
   padding-left			: 5px;
   height				: 10px;
   text-align 			: left ;   
   color				: #ff6600;

}

.table_news_info
{     
   width				: 80px;   
   font-size			: 15px ;
   font-weight			: bold ;
}

/*<Tableau actualité détail>*/
.table_news_detail
{
   margin				: auto;
   width				: 441px;   
   text-align			: center;   
   background-color		: #ffffff;
   color				: #ff6600;
   cellpadding 			: 0;
   cellspacing 			: 0;   
   padding				: 0px;
   border-collapse		: collapse;
}

.table_news_detail th
{	
   padding				: 0px;
   margin				: 0px;
   padding-left			: 5px;
   text-align 			: left ;  
   vertical-align		: bottom ;
   color				: #ff6600;
   font-size			: 15px ;
   font-weight			: bold ;
}

.table_news_detail td
{
   padding				: 0px;
   margin				: 0px;
   vertical-align		: middle ;
   padding-left			: 5px;
   height				: 10px;
   text-align 			: left ;   
   color				: #ff6600;

}

/*<fond de tableau>*/
.fond
{
   background     		: #99ccff;
   vertical-align 		: middle ;
   height         		: 15px;
}

.fond_2
{
   background     		: #FFFFFF;
   vertical-align 		: middle ;
   height         		: 15px;
}

.fond_3
{
   background     		: #BE8D30;
   vertical-align 		: middle ;
   height         		: 15px;
}

.fond strong
{
   color           		: #8B0000;
   text-decoration 		: underline overline;
}
.fond_2 strong
{
   color           		: #8B0000;
   text-decoration 		: underline overline;
}

.fond hr
{
   color 				: #8B0000
}

.fond_2 hr
{
   color 				: #8B0000
}

.back th
{
   background-image		: url("images/image_back_2.gif");
   background-repeat	: repeat-x;
   text-align			:	left;
   background-position	: top;
   font-size			: 14px;
   border				: 0px solid #FFFFFF;
   padding-left			: 5px;  
   padding				: 8px;
}
.back
{
   background-image		: url("images/image_back.gif");
   background-repeat	: repeat-x;
   background-position	: bottom;
   border				: 1px solid #000000;
   padding-left			: 5px;  
   padding				: 4px;
}
.back_2
{
   background-image		: url("images/image_back_2.gif");
   background-repeat	: repeat-x;
   border				: 1px solid #999999;
   padding-left			: 5px;
   padding-top			: 5px;   
}

/*<Le tableau lien dans le pied>*/
.lien_pied 
{
  border-collapse		: collapse;
  background-image		: url("images/lien_pied.png");
  background-position   : center;
  background-repeat 	: no-repeat;
  font-size				: 12px;
  height				: 60px;
  width					: 300px;
  color					: #ffffff;
}
/*<Le lien hypertext du pied>*/
.lien_pied a
{
   color				: #ffffff;
   font-size			: 11px;
   text-decoration		: none;
}

/*<Le survol du lien hypertext>*/
.lien_pied a:hover
{
   color				: #ff9900;
}


/*<Le lien hypertext>*/
a
{
   color				: #FFFFFF;
   text-decoration		: none;
}

/*<Le survol du lien hypertext>*/
a:hover
{
   color				: #ff9900;
}

img
{
   border				: none;
}


.p_img
{
   border				: none;
   margin-right			: 20px;
   
}

/*<Le tableau titre des pages>*/
.titre
{
   margin 				: auto;
}


.titre th,td
{
   font-size			: 12px;
   color				: #ffffff;
}

/*<Le titre de niveau 4>*/
.nom
{
   font-size			: 1.4em;
   color				: #ffffff;
}

/*<Titre de niveau 5>*/
.bgrowcolor1
{
   background       	: #6D534C;
   color            	: #ffffff;
}

/*<Le champs text>*/
input
{
   background-color 	: #ffffff;
   border				: 1px solid #ffffff;
}

/*<Le texarea>*/
textarea
{
   background-color 	: #ffffff;
   border				: 1px solid #ffffff;
}

/*<Le fond contact>*/
.fond_contact
{
   background-color 	: #ffffff;
}
/*<text du formulaire contact>*/
.gris
{
   font-size			: 12px;
   color				: #ffffff;
}

/*<Le fond exhibition>*/
.fond_exhibition
{
   background-color 	: #999999;
}

/*<Le fond des photos>*/
.fond_photos
{
   background-image	 	: url("images/fond_photos.gif");
   background-repeat 	: no-repeat;
   background-position  : center;
   width				: 700px;
   height				: 500px;
   padding-bottom		: 50px;
}

/*<Les listes>*/
ul {
   list-style-image		: url("images/puce.png");
   margin-left			: 15px;
   padding-right		: 10px;
}

/*<Le menu déroulant>*/
select 
{
   font-size			: 1em;
   border				: 1px outset #FFFFFF;
}

/* Definition des classes specifiques */

input.inimg
{
   border 				: none;
}

.milieu
{
  padding				: 25px;
}

.droite
{
  padding-left			: 1px;
  margin-right			: 1px;
  text-align			: right;
}

.centre
{
  text-align			: center;
  margin				: auto;
}
.info_asterisk
{
  text-align			: left;
  font-size				: 9px;
  font-style			: italic ;
  
}

.cl_retour
{
  padding-left			: 20px;
}

fin