body

{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: verdana;;
	background-color: #FAFAFA
}

div#conteneur
{
	width: 1200px ;
	margin: 0 auto ;
	text-align: left ;
	border: 3px solid #ab4 ;
	
        background:  rgba(187, 209, 223, 0.3);
        font-family: verdana;
	font-size: 13px;
        box-shadow: 3px 3px 3px #999;
        border-radius: 6px;
}

/* Menu*/
.col1{width:20%;display:inline-block;vertical-align: top;padding-top:0px;height : 800px;}
/* contenu */
.col2{width:75%;display:inline-block;vertical-align:top;}

/* pub*/
.col3{width:5%;display:inline-block;vertical-align: top;padding-top:120px;  }


.col4{width:99%;display:inline-block;vertical-align: top;  }


.col5{width:99%;display:inline-block;vertical-align: top; }

.col6{width:45%;display:inline-block;vertical-align: top;  }
.col7{width:30%;display:inline-block;vertical-align: top; }

.col8{width:99%;
display:inline-block;
vertical-align: top; 
text-align: left
font-size: 13px;
        box-shadow: 3px 3px 3px #999;
        border-radius: 6px;
border: 1px solid #000000;
}




.inputgr{
background-color:yellow;
color:blue;
width:60px ;
font-size:15px;
}

.inputqsp{
background-color:yellow;
color:blue;
width:40px ;
font-size:15px;
}

.inputcomp{

width:40px ;
font-size:15px;
}







/*Header*/
 
h1
{
     
   	text-align: right;
 	font-family: verdana;
	font-size: 35px;
	height:60px;
	padding-right: 10px;
 	
	
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #638e9a;
     
}
 

  
header
{
position: relative;
}
  
  
#logo
{
position: absolute;
left:2px;
top:0;
}




titre{width:100%;height:40px;display:inline-block;vertical-align:top	line-height: 20px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #638e9a;
	
	font-family: Verdana	;
	font-size: 18px;
	
	text-align: center;

}



div#contenu
{
	padding: 0 25px 0 100px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}




div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}



pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

/* Commentaire sur une ligne */




/* 4 ligne a saisir general */
table.tabgeneral
{

 border-collapse:collapse
color:  #1f618d;
font-size: small;
line-height: 10px;
 }




td { font-size:13px;}


p {
font-family: Verdana,Geneva,sans-serif;font-size: small; 
    font-size: 15px;
  
}



/* 4 ligne a saisir general */
table.cMonTableau 
{

  border: 3px solid #196394;
  background-color: #E6E6E6;
  width: 100%;
  text-align: left;
  border-collapse: collapse;

 }

table.cMonTableau tbody td {
  font-size: 13px;
}
table.cMonTableau td, table.cMonTableau th {
  border: 1px solid #000000;
  padding: 9px 3px;
}


.colonne1 { width:10%; border:1px solid black; }
.colonne2 { width:35%; border:1px solid black; }
.colonne3 { width:10%; border:1px solid black; }
.colonne3_1 { width:3%; border:1px solid black; }
.colonne5 { width:5%; border:1px solid black; }
.colonne4 { width:4%; border:1px solid black; }
.colonne10 { width:15%; border:1px solid black; }
.colonne12 { width:12%; border:1px solid black; }
.colonne15 { width:15%; border:1px solid black; }
.colonne25 { width:25%; border:1px solid black; }
.colonne30 { width:30%; border:1px solid black; }
.colonne35 { width:35%; border:1px solid black; }
.colonne40 { width:40%; border:1px solid black; }
.colonne3_1sansb { width:3%;  }
.colonne4sansb { width:4%;  }
.colonne5sansb { width:5%;  }
.colonne10sansb { width:10%;}
.colonne15sansb { width:15%;}
.colonne25sansb { width:25%; }

.td { 
height:200px;}










aside{border:1px solid #000;border-radius: 6px;} 
aside{margin-bottom: 20px;}
article{margin-top:10px;font-size: 10px;}




#menu-accordeon {
  padding:2px;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}
#menu-accordeon ul {
  padding:2px;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all 5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}


footer
{
	margin: 0 ;
	padding-right: 0px ;
	line-height: 30px ;
	text-align: left;
	background:#FAFAFA;
 	font-size: x-small;
	width:100%;
b
}


table.tabfooter
{

 border-collapse:collapse
 width:100%;

color:  #1f618d;
font-size: small;
line-height: 15px;
 }


table.tabfooter td
{
  
   width: 25%;
  text-align: right;

 } 



#liens li a{
    text-decoration: none;
}
 
#liens a:hover {
    text-decoration: none;
    color:  #1f618d;
}

#liens a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        color:  #1f618d;
	list-style:none;

       
}

#liens li {
list-style-type: none ;
}


table.composant {
  border: 3px solid #196394;
  background-color: #E6E6E6;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.composant td, table.composant th {
  border: 1px solid #000000;
  padding: 5px 4px;
}
table.composant tbody td {
  font-size: 13px;
}




form.formulaire {

    /* Pour le centrer dans la page */

    margin: 0 auto;

    width: 650px;

    /* Pour voir les limites du formulaire */

    padding: 1em;

    border: 1px solid #CCC;

    border-radius: 1em;

}

 

form div + div {

    margin-top: 1em;

}

 




aref {
font-size: 15px;
}


.image_valide
{

text-indent:-5000px;
width:126px;
height:52px;
border:none;
background: transparent url(valider_recette.png) no-repeat center center;

}

input[type=radio] {
font-size: 18px;
 } 



table.class_nom td {
  font-size: 15px;
}

label.label15 {
  font-size: 15px;
}

table.cMonTableau1 
{


  width:50%;
  text-align: left;
  border-collapse: collapse;

 }

table.cMonTableau1 tbody td {
  font-size: 13px;
}
table.cMonTableau1 td, table.cMonTableau th {

  padding: 9px 3px;
}






button,
legend {
  color: white;
  background-color: #638e9a;
  padding: 5px 10px;
  border-radius: 0;
  border: 0;
  font-size: 14px;
}

button:hover,
button:focus {
  color: #D9D9D9;
}

button:active {
  background-color: white;
  color: #638e9a;
  outline: 1px solid #638e9a;
}

p.pheader {
    padding: 0px 350px;
}



.link_button2 {

  border-radius: 2px;
  border: solid 1px #1A4575;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #638e9a;
  color: #fee1cc;
  text-decoration: none;
  padding: 8px 12px;
  font-size: 15px;
}

a.link_button2:hover {
  text-decoration: underline;
  background: #4479BA;
  border: solid 1px #20538D;
 
}