/* CSS Document */
/* ------------------------------------------------commun à toutes les pages--------------------------------------*/
html, body {
margin:0; /* pour les navigateurs*/
padding: 0;
}
body {
background-color: #fff;
}			
#zone { /*table principale*/
position: absolute;
top: 50%; /* pour centre parfaitement */
left: 50%;
width: 900px;
height: 600px;
margin-left: -450px;
margin-top: -300px;
cursor: default; /* pour éviter d'avoir le curseur qui s'affiche quand on navigue sur la page */ 
background-color: #F7EB95;
border:1px solid #CA013B;
z-index:3;
}
#vertical { /*ombré droit */
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 610px;
margin-left: 450px; /* position à droite de la table*/
margin-top: -300px;
background-image: url(images/vertical.png);
z-index:1;
}
#horizontal { /* ombré gauche*/
position: absolute;
top: 50%;
left: 50%;
width: 900px;
height: 10px;
margin-left: -450px;
margin-top: 300px; /* positionen bas de la table*/
background: url(images/horizontal.png) no-repeat; /* la taille de 10px etant trop petite 
utiliser un background plutot qu'un background image et ajouter un no-repeat*/
z-index:1;
}
/* --------------------------------------------------------------fin commun à toutes les pages---------------------------------------*/

/* ---------------------------------------------------------------commun a toutes les pages sauf index---------------------------------*/
#chef {  /*image de gauche */
position: absolute;
top: 20px;
left: 0px; /* repart du 0 car est placé dans le div de la zone*/
width: 232px;
height: 550px;
background: url(images/chef.jpg) no-repeat;
}
ul, li { /* menu */
list-style-type: none; /* pour préciser que ce ne sont pas des puces*/
margin: 0;
padding: 0;
}
ul {
position: absolute;
left: 0px;
top: 382px; /* position de l'image menu sous le chef*/
background: url(images/menuS.jpg) top left no-repeat;
width: 229px; /* taille du 1er menu le 2e étant collé en dessous pour éviter de le télécharger 2 fois*/
height: 188px;
}
li a { /* zone ou va apparaitre la bande du menu*/
display: block;
height: 22px; /*hauteur de la zone*/
widht: 229px;
}
li a:hover {
background: url(images/menuS.jpg) top left no-repeat; /*meme image en hover vu qu'elle est dessous*/
}
a#present:hover {
background-position:0% -188px; /* position du 2e menu et on ajoute 22 à chaque fois*/ 
}
a#presentactive {
background: url(images/menuS.jpg) top left no-repeat; 
background-position:0% -188px; /* position du 2e menu et on ajoute 22 à chaque fois*/ 
}
a#service:hover {
background-position:0% -210px;
}
a#serviceactive {
background: url(images/menuS.jpg) top left no-repeat;
background-position:0% -210px;
}
a#savoir:hover {
background-position:0% -232px;
}
a#savoiractive {
background: url(images/menuS.jpg) top left no-repeat;
background-position:0% -232px;
}
a#actu:hover {
background-position:0% -254px;
}
a#actuactive {
background: url(images/menuS.jpg) top left no-repeat;
background-position:0% -254px;
}
a#contact:hover {
background-position:0% -276px;
}
a#contactactive {
background: url(images/menuS.jpg) top left no-repeat;
background-position:0% -276px;
}
#ronds {
position: absolute;
top: 36px;
left: 350px; /* repart du 0 car est placé dans le div de la zone*/
width: 340px;
height: 72px;
background: url(images/logo.jpg) no-repeat;
}
#logo {
position: absolute;
top: 10px;
left: 600px; /* repart du 0 car est placé dans le div de la zone*/
width: 280px;
height: 130px;
}

/* style texte général*/
#text {
font-family:verdana;
font-size:10px;
color:#383636;
}
#text2 {
font-family:verdana;
font-size:11px;
color:#383636;
}
/* --------------------------------------------------------------fin commun a toutes les pages sauf index-------------------------*/

/* ----------------------------------------------------------------page présentation ---------------------------------------------*/

/* approvisionnement*/

#appro {  /*1er texte en haut */
position: absolute;
top: 52px;
left: 125px; /* repart du 0 car est placé dans le div de la zone*/
width: 152px;
height: 14px;
}
#textappro {
position: absolute;
top: 82px;
left: 154px; /* repart du 0 car est placé dans le div de la zone*/
width: 200px;
height: 120px;
}
/* gestion clés en main*/ 
#gestion { 
position: absolute;
top: 220px;
left: 238px; /* repart du 0 car est placé dans le div de la zone*/
width: 164px;
height: 14px;
}
#textgestion {
position: absolute;
top: 238px;
left: 247px; /* repart du 0 car est placé dans le div de la zone*/
width: 225px;
height: 79px;
}
/* conseil */ 
#conseil { 
position: absolute;
top: 327px;
left: 250px; /* repart du 0 car est placé dans le div de la zone*/
width: 74px;
height: 14px;
}
#textconseil {
position: absolute;
top: 345px;
left: 208px; /* repart du 0 car est placé dans le div de la zone*/
width: 201px;
height: 119px;
}
/* suivi et controle*/
#suivi { 
position: absolute;
top: 478px;
left: 185px; /* repart du 0 car est placé dans le div de la zone*/
width: 136px;
height: 14px;
}
#textsuivi {
position: absolute;
top: 497px;
left: 144px; /* repart du 0 car est placé dans le div de la zone*/
width: 175px;
height: 37px;
}
#outil { 
position: absolute;
top: 230px;
left: 475px; /* repart du 0 car est placé dans le div de la zone*/
width: 54px;
height: 14px;
}
#textoutil {
position: absolute;
top: 253px;
left: 492px; /* repart du 0 car est placé dans le div de la zone*/
width: 204px;
height: 64px;
}
#budget { 
position: absolute;
top: 328px;
left: 490px; /* repart du 0 car est placé dans le div de la zone*/
width: 60px;
height: 13px;
}
#textbudget {
position: absolute;
top: 345px;
left: 492px; /* repart du 0 car est placé dans le div de la zone*/
width: 204px;
height: 43px;
}

#plat1 {
position: absolute;
top: 170px;
left: 728px; /* repart du 0 car est placé dans le div de la zone*/
width: 135px;
height: 98px;
border:1px solid #CA013B;
}
#plat2 {
position: absolute;
top: 293px;
left: 728px;
width: 135px;
height: 98px;
border:1px solid #CA013B;
}
#plat3 {
position: absolute;
top: 415px;
left: 728px; 
width: 135px;
height: 98px;
border:1px solid #CA013B;
}
#legume1 {
position: absolute;
top: 110px;
left: 492px;
width: 112px;
height: 100px;
}
#legume2 {
position: absolute;
top: 418px;
left: 492px; 
width: 112px;
height: 100px;
}
/*------------------------------------------------------------------fin présentation--------------------------------------------*/

/* ----------------------------------------------------------------page nos services---------------------------------------------*/
#pomme {  
position: absolute;
top: 84px;
left: 216px; 
width: 74px;
height: 74px;
}
#tsante {  
position: absolute;
top: 161px;
left: 227px; 
width: 93px;
height: 28px;
}
#textsante {  
position: absolute;
top: 196px;
left: 241px; 
width: 283px;
height: 62px;
}
#tentrep { 
position: absolute;
top: 268px;
left: 252px; 
width: 160px;
height: 27px;
}
#textentrep { 
position: absolute; 
top: 300px;
left: 253px; 
width: 272px;
height: 67px;
}
#cafe {  
position: absolute;
top: 274px;
left: 526px; 
width: 87px;
height: 73px;
}
#tscol {  
position: absolute;
top: 373px;
left: 246px; 
width: 147px;
height: 25px;
}
#textscol {  
position: absolute;
top: 406px;
left: 225px; 
width: 323px;
height: 57px;
}
#fraise {  
position: absolute;
top: 475px;
left: 207px; 
width: 76px;
height: 69px;
}
#photo1 {
position: absolute;
top: 160px;
left: 728px; /* repart du 0 car est placé dans le div de la zone*/
width: 135px;
height: 110px;
border:1px solid #CA013B;
}
#photo2 {
position: absolute;
top: 293px;
left: 728px;
width: 135px;
height: 110px;
border:1px solid #CA013B;
}
#photo3 {
position: absolute;
top: 425px;
left: 728px; 
width: 135px;
height: 110px;
border:1px solid #CA013B;
}
/* ----------------------------------------------------------------fin page nos services---------------------------------------------*/
/* ----------------------------------------------------------------page contact formulaire---------------------------------------------*/

#formulaire {
position: absolute;
top: 180px;
left: 250px; 
width: 500px;
height: 300px;
}
.input   {
font: 9pt Arial, Helvetica, sans-serif;
border: 1px solid #130F52; 
background-color: #ffffff;
color:#130F52;
}
.submit   {
width:60px;
height:20px;
font-family:verdana; 
font-size:11px; 
color: #C9004C; 
background-color:#F3992D; 
border:1px solid #C9004C;
}
textarea {
font: 9pt Arial, Helvetica, sans-serif;
color:#130F52;
background-color: #ffffff;
border: 1px solid #130F52; 
scrollbar-face-color: #FF8C00;
scrollbar-shadow-color: #333333;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #222222;
scrollbar-track-color: #ffffff;
}
.textGris {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #C9004C;
text-decoration: none;
cursor: default;
}
.text3{
font-family:verdana;
font-size:10px;
color:#C9004C;
}