body {
font-family: Helvetica;
background-color: #F5F5F5;
margin: 0;
padding: 0;
}
img {
border-width : 0; 
border : 0; 
}
#conteneur {
margin: 0;
padding: 0;
width: 1000px;
margin: 0 auto;
}
#header {
margin: 0;
padding: 0;
height: 149px;
background-image: url(/images/haut.gif);
}
#form {
margin:0;
padding:0;
} 
#lienmenu {
width: 996px;
margin-top:-1px;
height:19px;
font-size:12px;
border-left:1px solid;
border-right:2px solid;
border-bottom:none;
border-color:#CCCCCC;
}
#centre {
width: 996px;
margin: 0;
padding-top: 1px; 
text-align:left;
border:2px solid;
border-color:#CCCCCC;
border-bottom:none;
border-top:none;
background-image: url(/images/fondcentre.jpg);
}
#centre1 {
width: 996px;
margin: 0;
padding-top: 1px; 
text-align:left;
border:2px solid;
border-color:#CCCCCC;
border-bottom:none;
border-top:none;
background-image: url(/images/fondcentre.jpg);
}
#centreforma {
width: 996px;
margin: 0;
padding-top: 1px; 
text-align:left;
border:2px solid;
border-color:#CCCCCC;
border-bottom:none;
border-top:none;
background-image: url(/images/fondcentre.jpg);
}
#centreinter {
width: 996px;
margin: 0;
padding-top: 1px; 
text-align:left;
height:1800px;
border:2px solid;
border-color:#CCCCCC;
border-bottom:none;
border-top:none;
background-image: url(/images/fondcentre.jpg);
}
#pied {
border:2px solid;
border-color:#CCCCCC;
background-image: url(/images/fondcentre.jpg);
height:20px;
width:996px;
text-align:center;
vertical-align: text-bottom;
border-top:none;
}
#partenaires {
width:996px;
text-align:center;
vertical-align: top;
color: silver;
}
#tableau{
width:664px;
text-align:left;
vertical-align: top;
}
#cote{
font-size:11px;
width:166px;
text-align:center;
vertical-align: top;
}
.inter{
height:400px;
width:630px;
overflow:auto;
text-align:left;
padding-left:5px;
padding-top:10px;

}
.com1{
      background-image : url(/images/com.gif);
	  color: white;
	  text-decoration: none;
	  font-size:11px;
	  line-height:11px;
	  font-weight:bold;
	  height:40px;
	  width: 120px;
      }
.com2{
      background-image : url(/images/co.gif);
      border-bottom : 1px solid #fff;
	  height:205px;
	  width: 125px;
	  color: #000000;
	  text-decoration: none;
	  font-size:10px;
	  padding-right:2px;
	  line-height:11px;
	  font-weight:bold;
	  padding-left:3px;
      }
.langues {
      background-image : url(/images/bandeau.gif);
      border-bottom : 1px solid #fff;
	  height: 18px;
	  font-weight:bold;
	  font-size:11px;
	  color:white;
      }
.bureautique{
      border-bottom : 1px solid #fff;
	  font-size:11px;
	  height: 16px;
	  font-weight:bold;
	  color:black;
      }
.bureautique2{
      border-bottom : 2px solid;
	  border-color: black;
	  font-size:11px;
	  height: 16px;
	  color:black;
      }
.infographie{
      background-image : url(/images/bandeau.gif);
      border-bottom : 1px solid #fff;
	  font-size:11px;
	  height: 18px;
	  font-weight:bold;
	  color:white;
      }
.commerce{
      background-image: url(/images/bandeau.gif);

	  font-size:10px;
	  line-height: 11px;
	  height: 27px;
	  font-weight:bold;
	  color:white;
      }
.management{
      background-image : url(/images/bandeau.gif);
      border-bottom : 1px solid #fff;
	  font-size:11px;
	  height: 18px;
	  font-weight:bold;
	  color:white;
      }
.developpement{
      background-image : url(/images/bandeau.gif);
      border-bottom : 1px solid #fff;
	  font-size: 11px;
	  height: 18px;
	  font-weight:bold;
	  color:white;
      }
.boutonsdevis{
      background-image : url(/images/boutons/bouton.gif);
	  height: 40px;
	  width: 150px;
	  margin-left:240px;
	  text-align:center;
	  padding-top:15px;
	  line-height:12px;
      }
.boutonsdevis2{
      background-image : url(/images/boutons/bouton.gif);
	  height: 40px;
	  width: 150px;
	  text-align:center;
	  padding-top:15px;
	  line-height:12px;
      }
	  
.liencat{color: #990000;text-decoration: none;}
.liencat:hover{color: #EB8D8D;text-decoration: underline;}

.lienforma{color: #000000;text-decoration: none;font-size:12px;line-height:11px;font-weight:bold;}
.lienforma:hover{font-size:12px;color: #A5A5A5;text-decoration: none;line-height:11px;font-weight:bold;}

.forma{color: #000000;text-decoration: none;font-size:13px;line-height:20px;font-weight:bold;}

.lienconv{color: #E5E5E5;text-decoration: none;}
.lienconv:hover{color: #FBC71E;text-decoration: none;font-weight:bold;}

.lienprog{color: #E5E5E5;text-decoration: none;}
.lienprog:hover{color:#FBC71E;text-decoration: none;font-weight:bold;}

.lienpart{color: grey;text-decoration: none;}
.lienpart:hover{color: white;text-decoration: none;}

.liencat2{color: white;text-decoration: none;}
.liencat2:hover{color: #EB8D8D;text-decoration: underline;}

.liensboutons2{color: white;text-decoration: none;font-size:16px;padding-top:2px;line-height:13px;}
.liensboutons2:hover{font-size:16px;color: #E3E3E3;text-decoration: none;line-height:13px;}

.liensboutons3{vertical-align: middle;color: white;text-decoration: none;font-size:15px;line-height:13px;}
.liensboutons3:hover{vertical-align: middle;font-size:15px;color: #E3E3E3;text-decoration: none;line-height:13px;}

.liensboutons{color: white; text-decoration: none; font-size:13px; line-height:15px;}
.liensboutons:hover{font-size:14px; color: #FBC71E; text-decoration: none; line-height:15px; font-style: italic;}

.liensboutonsdevis{color: #FBC71E; text-decoration: none; font-size:13px; line-height:14px;}
.liensboutonsdevis:hover{font-size:13px; color: #FBC71E; text-decoration: none; line-height:14px; font-style: italic;}

.textboutons{padding-top: 2px; padding-left: 5px;}
.textboutonsdevis{text-align: center; padding-top: 3px;}
.textboutonsdevis2{text-align: center;}

.lienbox{color: #515151;text-decoration: none;font-size:12px;line-height:14px;}
.lienbox:hover{font-size:12px;color: #A5A5A5;text-decoration: none;line-height:14px;}

.lienbox3{color: black;text-decoration: none;font-size:12px;line-height:14px;}
.lienbox3:hover{font-size:12px;color: #A5A5A5;text-decoration: none;line-height:14px;}

.lienbox2{color: #000000;text-decoration: none;font-size:11px;line-height:11px;}
.lienbox2:hover{font-size:11px;color: #A5A5A5;text-decoration: none;line-height:11px;}

.lienbox4{color: #000000;text-decoration: none;font-size:12px;line-height:14px;}
.lienbox4:hover{font-size:12px;color: #A5A5A5;text-decoration: none;line-height:14px;}

.lien4{font-weight: bold;color: #000000;text-decoration: underline;font-size:11px;line-height:19px;}
.lien4:hover{font-weight: bold;font-size:11px;color: #BECDFA;text-decoration: none;line-height:19px;}

.lienh{color: white;text-decoration: none;font-size:10px;}

.pied{color: #ffffff;text-decoration: none;font-size:10px;}
.pied:hover{color: #EB8D8D;text-decoration: underline;font-size:10px;}

#titre1{color: #162868;font-size:16px;font-weight:bold;font-style:italic;padding-top:10px;padding-bottom:5px;}
#titre2{color: #162868;font-size:14px;font-weight:bold;font-style:italic;padding-top:10px;padding-bottom:5px;}
#titre3{color: #162868;font-size:13px;font-weight:bold;padding-top:5px;padding-bottom:5px;}

#bloc1 {width:367px;
	height:145px;
	overflow : auto;
	border : no;
margin-left : 15px;
scrollbar-arrow-color:#000000;
scrollbar-face-color:#E4ECFF;
scrollbar-highlight-color:#0B0C73;
scrollbar-3dlight-color:#FFCB81;
scrollbar-shadow-color:#003300;
scrollbar-darkshadow-color:#864F00;
scrollbar-track-color:#0B0C73;
}

#blocdif {width:321px;
	height:110px;
	overflow : auto;
	border : no;
margin-left : 15px;
scrollbar-arrow-color:#000000;
scrollbar-face-color:#E4ECFF;
scrollbar-highlight-color:#0B0C73;
scrollbar-3dlight-color:#FFCB81;
scrollbar-shadow-color:#003300;
scrollbar-darkshadow-color:#864F00;
scrollbar-track-color:#0B0C73;
}

.form {margin:0px; padding:0px;} 

.bloca                      {position:absolute;margin-top: 7px; margin-left: 55px; width: 700px; line-height: 12pt; font: 12px Verdana; font-weight: bold;}
.blocb                      {width: 641px; line-height: 12pt; font: 12px Verdana; font-weight: bold; padding-left:10px;padding-top:10px;}
.blocc                      {width: 641px; line-height: 12pt; font: 12px Verdana; font-weight: bold; padding-left:10px;padding-top:0px;text-align:center;}
.blocd                      {margin-top: 5px; margin-left: 550px;}
.t1		{font: 11px Verdana; color: #333333; font-weight: bold; font-style: italic;padding-top:10px;}
.t2		{font: 11px Verdana; color: black; font-weight: bold; font-style: italic;}

option.bleu {
  color : white ;
  background-color : #0000FF ;
}

option.orange {
  color : black ;
  background-color : #F9F321 ;

}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background-image: url(images/bouton.gif); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 161px; /* largeur */
		text-align : left;
		padding-left:5px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 166px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		text-align : center;
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 0px solid yellow; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
		text-align : left;
		width: 190px; 
        margin    : -20px 0 0 166px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 0px solid yellow ; /* Petite bordure à gauche pour ne pas coller ... */ 
}


/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 0px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
		border-top : 2px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background-image: url(images/bouton2.gif); /* ... et au contraire, le fond en blanc */
}

/*Bloc actualités*/


input 
{ 
font-size: 1em; 
}
/* ifm */
.texteSTG, .texteST {
font-size:11px;
padding:10px;
}
.texteSTG {
text-align:left;
}

.texteST {
text-align:left;
}

.texteST .BU {
font-weight:bold;
text-decoration: underline;
font-size:12px;
font-style:normal;
}
.texteSTI {
font-style:italic;

}
.texteST .ITC {
font-style:italic;
padding:10px;
}

.boutonsdevislong{
      background-image : url(/images/boutons/bouton3.gif);
	  height: 20px;
	  width: 150px;
	  margin-left:475px;
	  margin-top:15px;
	  margin-bottom:15px;
	  text-align:center;
      }
	  
.boutonsdevislong3{
      background-image : url(/images/boutons/bouton3.gif);
	  height: 20px;
	  width: 150px;
	  margin-top:10px;
	  text-align:center;
      }
      
	  
.boutonslongs{
      background-image : url(/images/boutons/bouton1.gif);
	  height: 40px;
	  width: 150px;
	  margin-top:25px;
      }
	  
.boutonslongsd{
      background-image : url(/images/boutons/bouton1.gif);
	  height: 40px;
	  width: 150px;
	  margin-top:10px;
      }
	  
.boutonslongsd1{
      background-image : url(/images/boutons/bouton1.gif);
	  height: 40px;
	  width: 150px;
	  margin-top:10px;
	  margin-left:450px;
      }
	  
.boutonslongs4{
      background-image : url(/images/boutons/bouton3.gif);
	  height: 20px;
	  width: 150px;
	  margin-top:15px;
      }
	        
 
      
.popup input{
width:100px;
font-size:10px;
}     

.popup input[type=submit]{
width:50px;
} 

a {
text-decoration:none;
color:#000;
}

.forminscription {
position:absolute;
 padding:5px;
 top:200px;
 width:450px;
 height:auto;
 margin-left:280px;

  border:1px solid black;
 background-color:#FFF;
 text-align:left;
 font-size:12px;

}

.mentionslegale {
width:390px;
position:absolute;
margin-top:-450px;
left:33%;

background-color:#FFF;

}

.back {
opacity: 0.6; filter:alpha(opacity=60); width: 100%; height: 200%;z-index:20; position:absolute; top:0px; left:0px; background-color:#000; 
}

.popup_choix {
width:540px;
height:300px;
z-index:200;
margin-left:30%;
position:absolute;
border:1px solid black;
background-color:#FFF;
top:150px;

}

.ptittitle{
padding:5px;
background-color:#3366CC;
color:#FFF;
font-size:12px;


}

.img_menu {
cursor:  pointer;
padding-top:5px;
}