/* ***********************************************************************
LIBRAIRIES DE FORMAT CSS3 POUR SITE CSV
Copyright (c) Jean-Marie Cordonnier  Année 2014
*************************************************************************/
/*********************Polices de caractères********************************/
@font-face {
    font-family: 'menu';
    src: url('../Polices/architectsdaughter-webfont.eot');
    src: url('../Polices/architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Polices/architectsdaughter-webfont.woff') format('woff'),
         url('../Polices/architectsdaughter-webfont.ttf') format('truetype'),
         url('../Polices/architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}	
@font-face {
    font-family: 'bandeau';
    src: url('../Polices/gabrielle-webfont.eot');
    src: url('../Polices/gabrielle-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Polices/gabrielle-webfont.woff') format('woff'),
         url('../Polices/gabrielle-webfont.ttf') format('truetype'),
         url('../Polices/gabrielle-webfont.svg#gabrielleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	
/*****************************************Liens********************************/

a       { color: black;
        text-decoration: none;
		font-family: Courier;
		font-size: 100%;
		font-weight: bold;
		background:#b8b8b8;
			   
}
a:hover, a:active  {background:#a0d9ee;}

a.gauche       { color: black;
        text-decoration: none;
		font-family:menu;		
        font-size:0.7em;
        color: white;
		font-weight: bold;
		background:#b2b8cb;
	}
a.gauche:hover, a.gauche:active  {background:#a0d9ee;}	


/*****************************************************************************/

body {
  background-color:#000000;
  background-image:url("../Images/fond.jpg");
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:50% 50%;

}
/****** Bandeau supérieur ************/
div.bandeau_sup {
position:absolute;
  top:3px;
  left:80px;
  width: 1050px; 
  height: 140px;
    overflow: hidden;
  padding: 10;
 /* background-image:url("../Images/bandeau.png");*/
  visibility:visible;
  }



/****** colonne gauche ******/

div.zone_gauche {
 
  position:absolute;
  top:125px;
  left:80px;
  width: 250px; 
  height: 830px;
  overflow: hidden;
  padding: 2;
  background-image:url("../Images/cadre_g.png");
  visibility:visible;
  
}

div.menu_gauche {
 
  position:absolute;
 
  left:26px;
  width: 215px; 
  padding: 2;
  visibility:visible;
   /*background-color: #FFFFFF;*/
}

div.zone_menu{
 
  position:absolute;
  top:135px;
  left:340px;
  width: 800px; 
  height: 51px;
  overflow: hidden;
  padding: 2;
  
  visibility:visible;
  }
  
 div.zone_centrale{
 
  position:absolute;
  top:188px;
  left:340px;
  width: 800px; 
  height: 830px;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 2;
  
  visibility:visible; 
  
}
div.page{
  position:absolute;
  top:10px;
  left:5px;
  width: 780px; 
  height: 740px;
  overflow: auto;
  padding: 2;
  visibility:hidden;
  }
  
  div.titre_mn {
  position:absolute;
  top:0px;
  background-color:#CCCCCC;
  font-family:menu;		
  font-size:1.3em;
  color: white;
  width: 156px; 
  height: 50px;
  text-align: center;
  border-radius : 10px 10px 0px 0px;
  padding: 10;
  overflow: hidden;'
}
 div.titre_gauche{
  position:absolute;
  left:23px;
  background-color:#CCCCCC;
  font-family:menu;		
  font-size:1em;
  color: black;
  width: 220px; 
  height: 40px;
  text-align: center;
  border-radius : 15px 15px 0px 0px;
  padding: 10;
  overflow: hidden;'
}
 
 
div.titre_bandeau {
  position:absolute;
  font-family:bandeau;
  color:#f4df03 ;
  font-size:6em;
  text-shadow:2px 2px black;
  top:25px;
  left:25px;
  width: 1000px; 
  height: 100px;
  overflow: hidden;
  visibility:visible; 
}

div.titre_bandeau_gestion {
  position:absolute;
  font-family:bandeau;
  color:#f4df03 ;
  font-size:4em;
  text-shadow:2px 2px black;
  top:15px;
  left:25px;
  width: 1200px; 
  height: 100px;
  overflow: hidden;
  visibility:visible; 
}

div.zone_texte{
  position:absolute;
  top:0px;
  left:250px;
  width: 450px; 
  height: 200px;
  background-color:#E9C942;
  border-color:#5C3503;
  border-top: 1px solid;  
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  overflow: auto;
  padding: 5;
   
  }
  div.catalogue{
  position:absolute;
  top: 750px;
  left:0px;
  width: 700px; 
  height: 310x;
  overflow: hidden;
  padding: 5;
 
  
  }
 /**********************Images*************************************************/
 img.image_centree{
   
display: block; 
margin: 0 auto; 
/*height: XXXpx; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */ 
/*width: XXXpx; /* spécifiez la largeur de l'image, une bonne habitude à prendre */

}  
 
     

/*********************formatage du texte*****************************************/
h1 {

font-family:menu, serif;
font-size:150%;
font-weight: bold;
text-align: left;
color:#2B5372;
margin-top:2px;
margin-left:5px;
margin-right:0;
margin-bottom:0;


}

h2 {
margin-top:1px;
margin-left:25px;
margin-right:0;
margin-bottom:0;
font-family:menu, serif;
font-size:100%;
font-weight: bold;
text-align: left;
padding: 10;
color:#2B5372;
}


p {
margin-top:3px;
margin-left:25px;
margin-right:5px;
margin-bottom:0;

font-family:arial,helvetica sans-serif;
font-size:80%;
font-weight: normal;
text-align: justify;
color:#OOOOOO;
}
/********************mise en forme des tableaux********************************/
table.commande {
border: medium solid #000000;
border-collapse: collapse;
font-family:arial,helvetica sans-serif;
font-size:80%;
width: 700px;
}
td.commande_1 {
border: thin solid #6495ed;
width: 500px;
}
th.commande_1 {
	border: thin solid #6495ed;
	background-color:#E9C942;
	width: 500px;
}
		
 td.commande_2 {
 border: thin solid #6495ed;
 width: 50px;
}
th.commande_2 {
	border: thin solid #6495ed;
	background-color:#E9C942;
    width: 50px;	
}

td.commande_3 {
 border: thin solid #6495ed;
 text-align: right;
 width: 100px;
}

th.commande_3 {
	border: thin solid #6495ed;
	background-color:#E9C942;
	width: 100px;		
}	
  
td.commande_4 {
 border: thin solid #6495ed;
 width: 50px;
}

th.commande_4 {
	border: thin solid #6495ed;
	background-color:#E9C942;
	width: 50px;		
}	

/********************mise en forme des formulaires********************************/
fieldset {
 padding:20 20px 20px 20px;
 margin-bottom:20px;
 border:2px solid #050505;
 font-family:menu, serif;
 font-size:100%;
 font-weight: bold;
 border-radius:5px;
 }
fieldset.B {
 padding:20 20px 20px 20px;
 margin-bottom:20px;
 border:1px solid #FF0000;
 }
legend {
 color:#5C3503;
 font-weight:bold;
 }
legend.B {
 color:#FF0000;
 font-weight:bold
 }
label {
 margin-top:20px;
 display:block;
 font-family:menu, serif;
 font-size:50%;
 }
label.inline {
 display:inline;
 margin-right:20px;
 }
input {
 background-color:#FFFFFF;
 }

text, textarea, select, option {
 background-color:#FFFFFF;
 }
input, text,textarea, select {
 padding:0px;
 border:1px solid #F5F5F5;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:0px;
 margin-bottom:0px;
 font-size:small;
}

/*select {
background-color:#FFFFFF;
 padding:0px;
 border:1px solid #F5F5F5;
 border-radius:5px;
 /*box-shadow:1px 1px 2px #C0C0C0 inset;
 margin-top:0px;
 margin-bottom:0px;
 font-size:small;
}*/

input[type=radio] {
 background-color:transparent;
 border:none;
 width:20px;
 }
 
input[checkbox] {
 background-color:transparent;
 border:none;
 width:20px;
 }
input[type=submit], input[type=reset] {
 width:200px;
 margin:0px 0px 0px 60px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
/* boutons admin */
button.lien {
  width:200px;
  height:80px;
  background-image:url("../images/fond_identifiant.jpg");
  font-weight:bold;
}

/*Tableaux*/		  
 .tab_text{
    color: #000000;
    text-align: left;
	font-family : Arial;
	font-size : 9pt;
	font-weight:normal;
       }
	   
.tab_nombre{
    color: #000000;
    text-align: right;
	font-family : Arial;
	font-size : 10pt;
	font-weight:bold;
       }	   

.entete{
    font-style: italic;
    text-align: center;
	font-family : Arial;
	font-size : 10pt;
	font-weight:bold;
    background-color: #FFFFCC;
	}
 .tab_sepa{
    color: #000000;
    text-align: left;
	font-family : Arial;
	height:15px;
    background-color: #999999;
	
	
	}

.tab_text_2{
    color: #000000;
    text-align: left;
	font-family : Arial;
	font-size : 9pt;
	font-weight:normal;
	border-width:1px; 
	border-style:solid;
	border-color:#BBBBBB;
       }
.tab_nombre_2{
    color:#000000;
    text-align:right;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	border-width:1px; 
	border-style:solid;
	border-color:#BBBBBB;
       }