/* Feuille de style mise à jour le 25 août 2009 */

/*-------------------------------------------------*/
/* Definition du comportement des liens            */
/*-------------------------------------------------*/
body
  {
    overflow:over;
    scrollbar-face-color:#005C96;
  }
a 
  {
    text-decoration: none; /* définition du lien qui affichera le "calque" */
    color:#005C96;
  }
  
a:hover 
  {
    background: none; 
    z-index:10;/* correction d'un bug IE */
  }
  
a span 
  { 
    display: none;
    z-index:2;
  }
  
a div 
  { 
    display: none;
    z-index:2;
  }
  
a:hover span 
  {
    display:block;
    position: absolute;
    top: 50px; 
    left: 250px;
    height : 500px;
    width:500px;
    text-align: left;
    color: white;
    z-index:2;
   
  }
  
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}
#sans_barre
  {
  overflow:hidden;
  scrollbar-face-color:#005C96;
  }

 /* Position de l'adresse ISICOD dans le bandeau d'entête */
#adresse
  {	
    position:absolute;	
    left:680px;	
    top:20px;	
    width:300px;	
    height:45px;	
    z-index:3;	
    text-align:right;	
    font-family: "Trebuchet MS";	
    font-size: 12px;	
    color: #FFFFFF;	
	margin-left:auto;
	margin-right:auto;
  }
/*Positionnement de la photo de fond du bandeau d'entête*/
#Layer1
  {
    position:relative; 
    width:970px;
    height:20px;
	top:-10px;
    z-index:1;
	margin-left:auto;
	margin-right:auto;
  }
/*Positionnement du logo d'Isicod dans le bandeau d'entête*/
#Layer2
  {
    position:absolute; 
    left:15px; 
    top:20px; 
    width:180px;
    height:80px; 
    z-index:2;
	margin-left:auto;
	margin-right:auto;
  }
/*Positionnement de la photo de fond du site (photo située en dessous du bandeau)*/
#Layer3
  {
    position:absolute; 
    left:0px; 
    top:148px; 
    awidth:995px;
    aheight:700px; 
   a background-repeat:no-repeat;
    z-index:1;
	margin-left:auto;
	margin-right:auto;
  } 
/*Positonnement du marquee*/ 
#Layer4 
  {
    position:absolute; 
    left:430px; 
    top:5px; 
    width:200px; 
    height:170px; 
    z-index:8;
	margin-left:auto;
	margin-right:auto;
}
   
/*Habillage des mails*/ 
.mail	
  {
    text-decoration: underline;
    color: #33FFFF
  }
/*Habillage des liens*/
.lien	
  {
    text-decoration: underline;
    color: #3300FF
  }
/*Position de la barre horizontale du menu principal*/
 #menu 		
  {
    position:absolute;
  	top:130px;
	left:0px;
    z-index:10;	
    font-size: 14px;
	margin-left:auto;
	margin-right:auto;
  }
/*Positionnement des titres du menu dans la barre horizontale*/
#menu dl 	
  {
    float: left;		
    text-align:left;
    background-color:#005C96;
	z-index:5;
    width:161px;
  }

/*Positionnement des menus dans la barre horizontale*/  
#menu dt	
  {
    cursor: pointer;		
    text-align:center;
  } 

/*Changement de couleur des menus dans la barre horizontale*/ 
#menu dt:hover	
  {
    cursor: pointer;		
    text-align:center;
    background-color:#6699FF;
  }
  
 /*Positionnement des sous menus*/ 

#menu li 	
  {
	position:relative;
    text-align: left;
	margin-left:2px;
    width:161px;
    color:#FFFFFF;
  }
/*Changement de couleurs des sous menus*/   
#menu li:hover 	
  { 
    background-color: #6699FF;
    width:161px;
  }
/*Affichage des sous menus du bandeau d'entête du site*/
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
  {
	display: none;
    font-size: 14px;
    z-index:3;
    font-family:Tahoma;
    color:#000000;
    } 
/*Menu logout toujours à droite*/
#right
  {
    float:right;
    cursor: pointer;		
    text-align:center;
  }
 /*Premier cadre en dessous du menu  */ 
.fen1 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:4px;
    left:13px;
    z-index:10;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    width:975px;
    height:120px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
  }
/*test fenetre 1*/
.fen_lecteur 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:10px;
    left:170px;
    z-index:10;
    border:none;
    width:500px;
    height:190px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
  }
.fen_test 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:150px;
    left:120px;
    z-index:10;
	border:none;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    width:620px;
    height:120px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
  }
  
#fen_video
{
    position:absolute;
    top:10px;
    left:685px;
    width:230px;
    height:120px;
    z-index:1;
}
#fen_dessus_menu
{
    position:absolute;
    top:35px;
    left:5px;
    padding-left:5px; 
	padding-top:5px; 
    width:320px;
    height:120px;
    z-index:1;
}
#bout_dessus_menu
{
	position:absolute;
	color:#666666;
	font-family:tahoma;
    background: transparent url('images/button.JPG') no-repeat scroll center;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 2px;
    text-decoration: none;
}
#bout_dessus_menu1
{
	position:absolute;
	font-family:tahoma;
    background: transparent url('images/button.JPG') no-repeat scroll center;
    color: #0000CC;
    display: block;
    float: left;
	font: normal 12px arial, sans-serif;
    height:24px;
	width:155px;
    margin-right: 2px;
    text-decoration: none;
	left:0px;
	border:none;
}
#bout_dessus_menu2
{
	position:absolute;
	font-family:tahoma;
    background: transparent url('images/button.JPG') no-repeat scroll center;
    color: #0000CC;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height:24px;
	width:155px;
    margin-right: 2px;
	top:30px;
	left:0px;
    text-decoration: none;
	border:none;
}

/*Le produit du mois dans la page d'accueil*/
  .fen31 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:160px;
    left:15px;
    z-index:1;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:250px;
    height:350px;
    padding-left:5px; 
    text-align:center;
  }
/*Second cadre de la présentation d'Isicod dans la page d'accueil*/  
 .fen6 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:130px;
    left:278px;
    z-index:1;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    width:710px;
    height:230px;
    padding-left:5px; 
    padding-top:5px;
	text-align:left;
  } 
  /* Enmplacement des annonces*/
   .fen_annonce 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:200px;
    left:270px;
    z-index:1;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    width:680px;
    height:200px;
    padding-left:5px; 
    text-align:center;
	overflow:hidden;
  }
  /* Enmplacement des partenaires evenmentiels*/
   .fen_partenaires 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:250px;
    left:15px;
    z-index:1;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    width:235px;
    height:230px;
    padding-left:5px; 
    text-align:center;
  }
 /*--------------------------------------------------------*/ 
 /*Positionnement des constructeurs dans la page d'accueil d'Isicod*/ 
.fen2 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:640px;
    left:280px;
    z-index:1;
    border:none;
    border-color:#6699CC;
    width:710px;
    height:60px;
    border: none;
   }
   
.fen2a 
  {
    float: left;
    width:135px;
    height:60px;
    background-color:#FFFFFF;
    border:none;
    
  }
  
.fen2b 
  {
    float: left;
    border: none;
    width:135px;
    height:60px;
    background-color:#FFFFFF;
  }
  
.fen2c 
  {
    float: left;
    width:135px;
    height:60px;
    background-color:#FFFFFF;
    border: none;
  }
  
.fen2d 
  {
    float: left;
    width:135px;
    height:60px;
    background-color:#FFFFFF;
    border: none;
  } 
  
 .fen2e
  {
    float: left;
    width:135px;
    height:60px;
    background-color:#FFFFFF;
    border: none;
  } 
 /*---------------------------------------------------------------------*/  
 /*Dernière ligne*/
.fen900 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:700px;
    left:10px;
    z-index:1;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:990px;
    height:10px;
    padding-left:5px; 
    padding-top:5px;
    } 
 /*Positionnement du cadre "constructeur" dans la fenêtre */ 
 .fen101 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 18px;
    color: #005C96;
    top:15px;
    left:0px;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:990px;
    height:95px;
    z-index:1;
    padding-left:10px;
    
  }
/*Positionnment du logo constructeur dans la page symbol.php*/
  .fen1011 
  {
    padding-left:80px;
    padding-top:20px;
    font-family: Tahoma;
    font-size: 16px;
    color: #005C96;
    font-variant:small-caps;
  }
   
/*Positionnement de la liste des produits dans la page symbol.php*/
 .fen102 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:125px;
    left:410px;
    z-index:1;
    width:575px;
    height:500px;
    scrollbar-face-color:#005C96;
	overflow:auto;
  }  

 /*Positionnement des produits dans la page symbol.php*/
 #fen1021
  {
    position:relative;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    float:left;
    z-index:2;
    padding-left:5px; 
    padding-top:5px;
    margin:5px;
  }
 /*Fenêtre pour annuler les effets du float pour les photos*/ 
.clear
  {
    clear: left;
  } 

/*Positionnement du descriptif des produits dans la page symbol.php*/ 

#fen1012 
  {
    display:none;
  } 
/*Apparition de la photo des produits après passage de la souris*/
a:hover #fen1012
  {
    display:block;
    position:fixed;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:50%;
    left:50%;
	margin-top:-80px;
	margin-left:-470px;
    z-index:5;
}
#fen1013 
  {
    display:none;
  } 
/*Apparition du nom des produits après passage de la souris*/
a:hover #fen1013
  {
    display:block;
    position:fixed;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:50%;
    left:50%;
	margin-top:-100px;
	margin-left:-470px;
    z-index:5;
}
 #fen1014
  {
    display:none;
  } 
/*Apparition des caracteristiques des produits après passage de la souris*/
a:hover #fen1014
  {
    display:block;
    position:fixed;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:50%;
    left:50%;
	margin-top:-75px;
	margin-left:-305px;
    z-index:5;
	width:220px;
}
 #fen1015
  {
    display:none;
  } 
/*Apparition de la description des produits après passage de la souris*/
a:hover #fen1015
  {
    display:block;
    position:fixed;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:50%;
    left:50%;
	margin-top:80px;
	margin-left:-470px;
    z-index:5;
	width:390px;
}

/*Presentation feuille d'access_client.php*/
#access 
  {
    position:absolute; 
    left:270px; 
    top:162px; 
    width:410px; 
    height:170px; 
    z-index:2;
  }
/*Style dans access.php*/
.Style1 
  {
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #005C96;
  }
/*Positionnement liste produit dans lecteurs_codebarres.php*/
.fen32 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:170px;
    left:5px;
    z-index:1;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:100px;
    height:500px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px; 
    text-align:center;
    
  }
/*Désactivation  des fenêtres photo,liste des caractéristiques et description  produit dans lecteurs_codebarres.php, pda_codebarres.php*/   
.fen74, .fen75, .fen76
  {
    display:none;
  } 
/*Positionnement photo produit dans lecteurs_codebarres.php*/   
a:hover .fen74 
  {
    display:block;
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:50px;
    left:100px;
    z-index:2;
    padding-top:5px;
	overflow:hidden;
  }
/*Positionnement liste des caractéristiques des produits dans lecteurs_codebarres.php*/ 
a:hover .fen75 
  {
    display:block;
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:50px;
    left:290px;
    z-index:2;
    border-style:none;
    width:240px;
    height:220px;
    text-align:left;
    padding-top:5px;
	overflow:hidden;
  }

/*Positionnement du descriptif des produits dans lecteurs_codebarres.php*/ 
a:hover .fen76 
  {
	display:block;
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    font-style:italic;
    color: #005C96;
    top:320px;
    left:100px;
    z-index:1;
	text-align:left;
    border-style:adouble;
    border-width: 4px; 
    border-color:#6699CC;
    width:410px;
	overflow:hidden;
  }

/*Placement "Survolez un ...." dans  lecteurs_codebarres.php,pda_codebarres.php*/ 
.fen78 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 16px;
    color: #005C96;
    top:200px;
    left:670px;
    z-index:1;
    border-style:none;
    width:300px;
    height:220px;
    color:#000066;
    font-variant:small-caps;
  } 
/*Emplacement photo d'un produit sélectionné*/
 .fen72 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:220px;
    left:550px;
    z-index:1;
    width:180px;
    height:220px;
    padding-top:5px;
    float:left;
  }
/*Emplacement de la liste des caractéristiques d'un produit sélectionné*/
.fen73 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:220px;
    left:750px;
    z-index:1;
    text-align:left;
    border-color:#6699CC;
    width:240px;
    height:220px;
    padding-top:5px;
    
  }
/*Emplacement de la description d'un produit sélectionné*/
.fen77 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    font-style:italic;
    color: #005C96;
    top:490px;
    left:530px;
    z-index:1;
    border-style:2double;
    border-width: 4px; 
    border-color:#6699CC;
    width:410px;
  } 
/* Apparition d'un message dans edit_categories.php */
#message
  {
    font-family: Tahoma;
    font-size: 14px;
    font-style:italic;
    color: red;
    z-index:1;
    border-style:double;
    width:150px;
  }
/*Emplacement du tableau liste de connection*/
.liste_connection
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:10px;
    left:250px;
    z-index:1;
    padding-left:5px; 
    padding-top:5px;
    text-align:center;
  }
/*Design tableau des connections*/  
.tableau_connection
  {
    width:500px;
    border-collapse:collapse;
  } 
  
.tableau_connection td, .tableau_connection th /* Toutes les cellules des tableaux... */
  {
    border: 1px solid #005C96; /* ... auront une bordure de 1px */
    font-family:Tahoma; 
    font-size: 12px;
    width:300px;
  }
/*Couleur bleu des cellules du tableau des connections dans administation.php*/
#color_deconnection
  {
   background-color: #6699CC; 
  }
/*Couleur bleu des cellules du tableau des connections dans administation.php*/  
#color_connection
  {
   background-color: red; 
  }
 
/*Design tableau des editions produit et categories*/  
.tableau_edition
  {
    width:700px;
    border-collapse:collapse;
  } 
  
.tableau_edition td, .tableau_edition th /* Toutes les cellules des tableaux... */
  {
    border: 1px solid #005C96; /* ... auront une bordure de 1px */
    font-family:Tahoma; 
    font-size: 12px;
    width:700px;
    
  }
/*Couleur bleu des cellules du tableau listing des produits dans liste_produit.php*/
#color1
  {
   background-color: #669977; 
  }
/*Couleur blanc des cellules du tableau listing des produits dans liste_produit.php*/  
#color0
  {
   background-color: white; 
  }
/*Changement couleur des entrées formulaires*/
input:focus, textarea:focus /* Quand le curseur est sur un champ  */
    {
       background-color: #E0F0FF;
    }
input, textarea /* Quand le curseur n'est pas sur le champ  */
    {
       background-color: white;
    }
/*Emplacement des tableaux dans l'édition des produits et catégories*/
.fen9 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:2px;
    left:50px;
    z-index:1;
    aborder-style: groove; 
    aborder-width: thin; 
    aborder-color:#6699CC;
    height:524px;  
	width: 840px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
    overflow: auto;
    atext-align:center;
  }
/*Emplacement des tableaux dans l'édition des produits et catégories*/
.liste_intervention
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:170px;
    left:180px;
    z-index:1;
    border-style: groove; 
    border-width: thin; 
    border-color:#6699CC;
    height:610px;
	width:805px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
    overflow: auto;
    text-align:center;
  }
/*Fenêtre recherche dans les interventions*/  
.fen12 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:20px;
    left:15px;
    z-index:1;
    border-style: groove; 
    border-width: thin; 
    border-color:#6699CC;
    width:140px;
    height:220px;
    padding-left:5px;
    padding-top:15px;
  }
/*Couleur du numéro de page dans les tableaux découps en page (exemple suivi_inter.php)*/
#red
  {
    font-family: Tahoma;
    font-size: 14px;
    font-style:italic;
    text-decoration: underline;
    color: red;
  }
/*Emplacement du tableau de téléchargement dans liste_telechargement.php*/
.liste_telechargement
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:155px;
    left:300px;
    z-index:1;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
    overflow: auto;
    text-align:center;
  }
/*Positionneemnt des photos dans edit_produit.php*/  
#photo
  {
    position:absolute;
    top:150px;
    left:650px;
    z-index:2; 
    height:100px; 
    width:100px;
    border: 1px solid #005C96;
    background-color:white;
  } 
/*Positionnement des numéros de pages dans le listing des produits dans liste_produit.php */  
#num_page
  {
    position:absolute;
    top:185px;
    left:200px;
    z-index:2; 
    height:200px; 
    width:400px;
    border: 1px solid #005C96;
    background-color:white;
  }
 /*Emplacement des tableaux dans l'édition des produits et catégories*/
.liste_produit
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 12px;
    color: #005C96;
    top:150px;
    left:300px;
    z-index:1;
    border-style: groove; 
    border-width: thin; 
    border-color:#6699CC;
     
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
    
    text-align:center;
  }
.rien	
  {
    text-decoration: underline;
    color: #3300FF;
  }
  
.centre 
  {
    position:absolute;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #005C96;
    top:270px;
    left:300px;
    z-index:1;
  }

/*Titre dans fen1 page impression_codebarres.php*/ 
.style6 
  {
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96; 
    font-variant:small-caps;
  }
 /*Liste dans fen1 page impression_codebarres.php*/  
.style61 
  {
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #000066;
  }
/*Fenêtre dans maintenance.php*/
.fen13 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:10px;
    left:15px;
    border-style: none;  
    border-width: thin;
    border-color:#6699CC;
    width:250px;
    height:120px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px
  } 
/*Fenêtre dans maintenance.php*/   
.fen14 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:10px;
    left:265px;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:725px;
    height:120px;
    z-index:1;
    padding-left:5px; 
    padding-top:5px
  }
  /*autre fenetre dans maintenance.php*/
  .fen1000
    {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:110px;
    right:265px;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:725px;
    height:120px;
    z-index:1;
    padding-left:5px; 
    padding-top:5px
  }

/*Fenêtre dans maintenance.php*/ 
.fen61 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:140px;
    left:280px;
    border-style: groove; 
    border-width: thin; 
    border-color:#6699CC;
    width:710px;
    height:250px;
    z-index:1;
    padding-left:5px; 
    padding-top:5px
  }
/*Fenêtre gauche dans infrastructure_wifi.php*/ 
.fen1_infrawifi 
  { 
   position:absolute;
   font-family: Tahoma;
   font-size: 14px;
   color: #005C96;
   top:7px;
   left:0px;
   z-index:10;
   border-style: groove;  
   border-width: thin; 
   border-color:#6699CC;
   width:190px;
   height:520px;
   z-index:1; 
   padding-left:5px; 
   padding-top:5px;
   padding-right:5px;
  }
/*Fenêtre droite dans infrastructure_wifi.php*/   
.fen2_infrawifi 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:7px;
    left:210px;
    z-index:1;
    border-style: groove;  
    border-width: thin; 
    border-color:#6699CC;
    width:775px;
    height:520px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
  }
/*Police du texte encadrée dans le schéma principal de infrastructure_wifi.php*/  
.C4				
  {
    position: relative;
    font-size:12px;
    color: #FFFFFF;
    font:tahoma;  
    text-align:center;
  }
/*Police page methodologie.php*/ 
.C1
  {
    position: relative;
    font-size:14px;
    color: #005C96;
    font:tahoma;
    text-align:justify;
  }
/*Police page methodologie.php*/ 
.C2				
  {
    position: relative;
    font-size:12px;
    color: #000066;
    font:tahoma;
    z-index:1;
    text-align:justify;
  }
/*Police page methodologie.php*/   
.C3				
  {
    
    font-size:11px;
    color: #FFFFFF;
    font:tahoma; 
    text-align:center;
  }
/*Fenêtre dans methodologie.php*/ 
.methodo_1 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:7px;
    left:0px;
    z-index:1;
    border-style: groove;  
    border-width: thin; 
    border-color:#6699CC;
    width:200px;
    height:520px;
    padding-left:5px; 
    padding-top:5px;
    padding-right:5px;
  }
/*Fenêtre dans methodologie.php*/
.methodo_2 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:7px;
    left:220px;
    border-style: groove;  
    border-width: thin; 
    border-color:#6699CC;
    width:770px;
    height:520px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px;
  }
/*Police dans fenêtre methodo_2 de methodologie.php*/  
#C3_1
  {
    position:absolute;
    left:10px;
    top:360px;
    width:202px;
    height:46px;
    z-index:2;
  }
#C3_2
  {
    position:absolute;
    left:124px;
    top:253px;
    width:212px;
    height:75px;
    z-index:2;
  }
 
#C3_3
  {
    position:absolute;
    left:290px;
    top:171px;
    width:195px;
    height:66px;
    z-index:2;
  }

#C3_4
  {
    position:absolute;
    left:460px;
    top:112px;
    width:195px;
    height:66px;
    z-index:2;
  }
/*----------------------------------------------------------------------*/
#bas	
  {
    position:relative;
    top:200;
    left:10;
    z-index:200;
  }

.fen0 
  {
    position:absolute;
    top:0;
    left:0;
    width:975;
    height:900;
    vertical-align:center;
  }


  
.fen11 
  {
    position:absolute;
    font-family: Tahoma;
    font-size: 14px;
    color: #005C96;
    top:155;
    left:15;
    z-index:10;
    border-style: none; 
    border-width: thin; 
    border-color:#6699CC;
    width:975;
    height:120;
    z-index:1;
    }




.fen14 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:155;left:265;z-index:10;border-style: none;  border-width: thin; border-color:#6699CC;width:725;height:120;z-index:1; padding-left:5; padding-top:5}




.fen3 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:280;left:15;z-index:10;border-style: groove; border-width: thin; border-color:#6699CC;width:250;height:350;z-index:1; padding-left:5; padding-top:5; text-align:center; border-style:outset}



.fen4 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:280;left:500;z-index:100;border-style: dashed;width:500;height:260}
.fen5 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:280;left:500;z-index:0;border-style: double;width:500;height:260;background-color:#FFFFFF}
.fen5b {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:0;left:250;z-index:2;border-style:groove;width:500;height:260;background-color:#FFFFFF}

.fen61 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:280;left:280;z-index:2;border-style: groove; border-width: thin; border-color:#6699CC;width:710;height:250;z-index:1;}

.fen7 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:0;left:50;z-index:10;border-style:double;width:700;height:350;}





.fen8 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:280;left:280;z-index:2;border-style:groove;width:500;height:260;}



.fen10 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:155;left:15;z-index:10;border-style: groove;  border-width: thin; border-color:#6699CC;width:975;height:520;z-index:1; padding-left:5; padding-top:5}

.fen100 {position:absolute;font-family: Tahoma;font-size: 14px;color: #005C96;top:155;left:15;z-index:10;border-style: groove;  border-width: thin; border-color:#6699CC;width:975;height:520;z-index:1; padding-left:5; padding-top:5}



.fen800 {position:absolute;font-family: Tahoma;font-size: 12px;color: #005C96;top:630;left:2;z-index:10;border-style: none;  border-width: thin; border-color:#6699CC;width:990;height:10;z-index:10; padding-left:5; padding-top:5}



.mots {position:absolute;font-family: Tahoma;font-size: 12px;color: #FFFFFF;top:75;left:2;z-index:10;border-style: none;  width:990;height:10;z-index:0; padding-left:5; padding-top:5}

.C0				{position: relative;font-size:6;color: #005C96;face:tahoma;text-align:justify;}


.C3				{position: relative;font-size:11;color: #FFFFFF;face:tahoma; text-align:center;}

.C5				{position: relative;font-size:20;color: #3333FF;face:tahoma; }
.C6				{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color: #DAFCFB;z-index:1;}
.C7				{position: relative;font-size:12;color: #3333FF;face:tahoma; }
.C8				{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color:#CFEFEE; text-align:left;}
.C9				{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color:#B8F1FE; text-align:left;}
.C10			{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color:#DAFEFE; text-align:left;}
.C11			{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color: #FF9595; text-align:left;}
.C12			{position: relative;font-size:12;color: #3333FF;face:tahoma; background-color: #33CCFF; text-align:center;}

.C007     {position: relative;font-size:12;color: #FFFFFF;face:tahoma; text-align:center;z-index:0}

.entete_tab		{position: relative;font-size:12;color: #FFFFFF;font-family:tahoma; background-color:#006699}
.image		{link:#33CCFF}

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}



#menu li a, #menu dt a {color: #FFFFFF;height: 100%;border: 0;font-size: 14px;color:#FFFFFF;font-size: 14px;font-family:Tahoma;width:175}
#menu li a:hover, #menu dt a:hover 
  { 
    background-color: #6699FF;
    width:175px;
    
  }

#fen_list_prod
	{
	position:absolute;
	top:50px;
	left:15px;
    width:100px;
    height:100px;
    z-index:1; 
    padding-left:5px; 
    padding-top:5px; 
	text-align:center;
	}
#fen_list_prod_bout
{
	font-size: 19px;
	color:#6666BB;
	font-family:tahoma;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 5px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.40) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Tahoma;
   text-decoration: none;
   vertical-align: middle;
   }
   
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }