body{font-family:Arial,Tahoma;background-color:#ffffff;margin-top:20px;background: url("../img/fonddepage.jpg") center 0px;}
#ensemble {width:1000px;}
.titrearticle {font-weight:bold;}
a{ 
  text-decoration:none;
  }
#menu {
	height: 26px;
	margin-left:10px;
	margin-right:64px;
	padding-left:46px;
}
#menu div {
	display:inline; 
	height: 26px;
}
.page {color:white;}
.page TD {color:white;}

.texteaccueil {
	color:white;
}
.texteaccueil div  {
	margin-left : 64px;
	margin-right: 32px;
	font-size:14px;
	text-align:justify;
}
.texteaccueil H1 {
	margin : 0px;
}
.texteaccueil a {
	font-size:16px;
	font-weight:bold;
	color:white;
}
.texteaccueil a:hover{
	text-decoration:underline;
}
.texteblanc {
	color:white; 
}

.texteblanc a:hover{
	text-decoration:underline;
}
H1{ 
	display:inline;
	text-align : left;
	text-decoration : none; 
	font-size : 26px;
	color : #FFFFFF; 
}
.grostitre {
	font-size:36px;
	}
.titre-moyen {
	font-size:22px;
	}
.titre-petit {
	font-size:18px;
	}
H2 {
	text-decoration:none;
        display:inline;
	color:#f39922; 
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
	margin-top:8px;
	
}
H2.bleu {
	color:#187dbd;
	font-size:17px;

   }
H2.titreblanc {
color:white;
font-size:22px;
}   


a h2.bleu:hover{
	color : #187dbd ;
	text-decoration:underline;

}
a h2:hover{
	color : #CC6600 ;
}
.flecheorange {
	background-image: url("../img/fleche-orange.gif");
	background-repeat:no-repeat; 
	}
H3.bleu {
	text-decoration:none;
        display:inline;
        font-weight:bold;
	margin-bottom:8px;
	margin-top:8px;
	color:#187dbd;
	 }
H3 {
	color:#187dbd; 
	font-size:12px;
}
H3.titreblanc {
color:white;
font-size:14px;
}
.region {
  color : black;
  display:inline;
 }
.region a{
  color : black;
  }

.region a:hover{
  color : black ;
  text-decoration:underline;
  }
.consulter-offre {
  color : #C60;
  display:inline;
  font-size:14px;
  }
.consulter-offre a:hover{
  color : #187dbd ;
  text-decoration:underline;
  }


.inline {
	display:inline;
}
#retour {margin-top:-28px;margin-left:40px;}
.mgg {
	height: 26px;
	width:34px;
	padding:4px;
	padding-left:38px;
	padding-right:0px;
	background: url("../img/menu_coin.gif") ;
}

.mg {
	height: 26px;
	width:13px;
	padding:4px;
	background: url("../img/menu_g.gif");
}
.mm {
	padding:4px;
	padding-right:8px;
	height: 26px;
	background: url("../img/menu_m.gif");
}

.mm A {
	font-size:14px;
	text-decoration:none;
	color : #187dbd ;
	font-weight:bold;
}
.mm A:visited {
	
	color : #187dbd ;
}
.mm A:hover{
	color : blue ;
}

.md {
	padding:4px;
	height: 26px;
	width:13px;
	background: url("../img/menu_d.gif");
}
#cadre {border:1px solid #ffffff;padding:10px;height:374px;}
#carte {border:1px solid #ffffff;width:300px; height:374px;text-align:center;padding:10px;}
#MoteurRechercheFormulaire {
	color:white;
	font-size:14px;
}
#MoteurRechercheFormulaire SELECT    {
	border: 0px solid; 
	height:28px;
	width:698px;
	font-size : 14px;
        vertical-align:bottom;
	margin-bottom:3px;
	color:#187dbd;
}
#MoteurRechercheFormulaire2 SELECT    {
	float:center;
        border: 0px solid;
	height:28px;
	width:470px;
	font-size : 16px;
        vertical-align:middle;
	margin-bottom:3px;
	color:#187dbd;
}

#MoteurRechercheFormulaire H3 {
	font-size : 17px;
}
#SelectTitre {
	float :left;
	margin-bottom:2px;
	width:190px;
	height:27px;
	color:#187dbd;  font-size : 16px; font-weight : bold;
	background: url("../img/fond_selection.gif");
	background-repeat :no-repeat;
	padding-left:15px;
	padding-top:4px;
	 
}
#SelectTitremoteursimple {
	float :left;
	margin-bottom:2px;
	width:200px;
	height:27px;
	color:#187dbd;  font-weight : bold;
	background: url("../img/fond_selection.gif");
	background-repeat :no-repeat;
	padding-left:3px;
	padding-top:4px;
	 
}


#SelectTitre2 {
	float :left;
	margin-bottom:2px;
	width:190px;
	height:27px;
	color:#187dbd;  font-size : 16px; font-weight : bold;
	background: url("../img/fond_selection.gif");
	background-repeat :no-repeat;
	padding-left:8px;
	padding-top:4px;
}

#SelectTitre2  a {
	text-decoration:none;
	font-size:14px;
	color:#187dbd;
}
#SelectTitre2  a:hover {
	color:blue;
} 

#nouvelle-recherche {
        float :right;
	margin-bottom:2px;
	width:170px;
	height:27px;
	color:#F39922;  font-size : 16px; font-weight : bold;
	background: url("/img/fond_selection.gif");
	background-repeat :no-repeat;
        padding-left:10px;
	padding-top:4px;
	 
}
#nouvelle-recherche a  {
	color:#F39922;
}
#nouvelle-recherche a:hover  {
	color:#CC6600;
}

#resultats {
	color:#ffffff;
}

#toppage {width:650px;text-align:center;padding:12px;background-color:#fff;margin:8px;color : #187dbd ;}
#toppage A {text-decoration:none; color : #187dbd ;font-weight:bold;}
#defilant{height:282px;overflow:hidden ;}
#defilant IMG {padding:4px; background-color:white; }
#pied A{text-decoration:none;font-family:Arial;font-size:10px;color : #187dbd ;}
.erreur {background-color:#FEFDE0;}
#succes {
	padding:8px;
	padding-left:32px;
	margin-bottom:12px;
	border:1px solid #307B02 ;
	color:#1B4501; 
	background: url("../img/fleche.gif")no-repeat  12px 10px;
	background-color:#DCFEC7;
}

#entete {
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	margin-bottom:24px;
}
#entete A {
	text-decoration:none;
	color:#8080FF;
	margin-left:12px;
}
#entete A:hover {
	text-decoration:none;
	color:blue;
}
#login {
	font-size:11px;
	font-family:Arial;
	float:right;
	margin-top:-25px;
	color: #cccccc; 
 
	padding:12px;
}
#login A {
	font-size:11px;
	font-family:Arial;
 
	color:blue;
}
#login B {
	color: #000000; 
	font-size:16px;
	font-family:Arial;
}

#pagination  {   }
#pagination a {
	border:1px solid #CACAFF ;
    color:#0080FF;
    text-decoration:none;
    padding:4px;
    margin:6px; width:20px; }
#pagination a:hover {background-color:#eeeeee;color:#0080FF;}
#pagination a:visited {color:#0080FF;}
#pagination b {
		border:1px solid grey ;
    padding:4px;
    margin:4px; width:20px;  
    }


#elementliste {
	font-family:Arial,Verdana;
	font-size:12px;
	margin-bottom:12px;

	padding-left:12px;
	margin-bottom:12px;
	color:#000000; 	
}
#elementliste .nom {
	font-weight:bold;
	font-size:18px;
	color: #187dbd;
	
}

#elementliste .blanc {
	background-color:#ffffff;
}
 
#elementliste .ecole {
	font-size:14px;
	color:blue; 
	border:1px solid #DDDDDD ;
} 
#elementliste .reference {
	font-size:12px;
	color:#f39922; 
}
#elementliste .postes {
	font-size:16px;font-weight:bold;
	color:#f39922; 
}
#elementliste .description {
	font-size:12px ;
}
/*#elementliste .descriptioncourte a {
	font-size:12px ;
	color:black;
	font-weight:bold;

}*/
#elementliste .descriptioncourte {
	font-size:12px ;
	
}
#elementliste A {
/*	color:blue;  */
	text-decoration:none;
}
#elementliste A:hover {
/*	color:blue;  */
	text-decoration:underline;
}

#formations {
	color:#ffffff; 
	font-size:12px;
	font-weight:normal;
	padding:4px;
	margin-bottom:8px;
	background-color:#f39922; 
}
#formations A {
	color:#ffffff; 
	font-size:12px;
	font-weight:normal;
	text-decoration:none; 
}
#formations A:hover {
	color:#000000; 
	text-decoration:none; 
}

#formationtitre {
	color:#f39922; 
	font-size:18px;
	font-weight:bold;
	padding:4px;
	margin-bottom:8px;
	margin-top:8px;
}

.formationsligne {
	background-image: url("../img/go.gif");
	background-repeat:no-repeat; 
	color:#187dbd; 
	font-size:12px;
	padding-left:34px;
	padding-top:6px;
	padding-bottom:6px;
}
.formationsligne  A {
	text-decoration:none; 
}
.formationsligne  A:hover {
	color:#299AE4; 
	text-decoration:none; 
}

.formationsligneb {
	background-image: url("../img/gob.gif");
	background-repeat:no-repeat; 
	color:#f39922; 
	font-size:14px;
	font-weight:bold;
	padding-left:34px;
	padding-top:6px;
	padding-bottom:6px;
}
.formationsligneb  A {
	color:#f39922; 
	text-decoration:none; 
}
.formationsligneb  A:hover {
	color:#F5AB47; 
	text-decoration:none; 
}


.formationsdetail {
	border:1px solid #cccccc; 
	padding:0px;
}
.formationsdetail a{
	color:black;
	font-weight:bold;
}
.formationsdetail a:hover{
	color:black;
	text-decoration:underline;
}
.noir  {
	font-size:12px;
}


.orange {
	color:#f39922;
	font-weight:bold;
	font-size:14px;
}
.blanc {
	background-color:#ffffff;
	color:#000000;
}
.blanche {
	color:#000000;
	background-color:#ffffff;
	font-size:12px;
	font-family:Arial;
	
}

.bleu {
	background-color:#ffffff;
	color:#187dbd;
}
.bleu a {
  color:#187dbd;
  font-weight:bold ;
}
.bleu a:hover {
 text-decoration:underline;
} 


TD {
	color:#000000;
}

#edit A {
	padding:8px;
	
	border:1px solid #f39922 ;
	color:#f39922;
	text-decoration:none;
	font-size:14px;
	font-weight:bold ;
	font-family:Arial,Verdana;
	background-color:white;
}
#edit A:hover  {
	color:#DE850C;
	border:1px solid #DE850C ;
	text-decoration:none;
}

#actions LI {
	display:inline;margin-left:0px;
}
#actions UL {
	padding-left:0px;
}

	
#actions A {
	padding:8px;
	border:1px solid #EEEEFF ;
	width:80px;
	color:blue;
	text-decoration:none;
	font-size:14px;
	font-family:Arial,Verdana;
	background: url("../img/bg0.gif")repeat-x 0px 16px;
}	
#actions A:hover  {
	background-color:#EFEFFF;
	border:1px solid #DDDDFF ;
	background: url("../img/bg3.gif")repeat-x 0px 16px;
}

#pasresultat {
	padding:8px;
	padding-left:32px;
	margin-bottom:12px;
	border:1px solid  #F5C725 ;
	color:#763F07 ; 
	background: url("../img/fleche.gif")no-repeat  12px 10px;
	background-color:#FAE28F;

}



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

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

}

#menu2 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 */

        color : #187DBD; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}

.menu-case-blanche {

  background: url("../img/menu_g.gif") no-repeat;
  height: 26px;
  width:9px;
  text-align:bottom;
    }
    .menu-case-blanche2 {

  background: url("../img/menu_m.gif");
  height: 26px;
  vertical-align:text-bottom;
    }
    .menu-case-blanche3 {

  background: url("../img/menu_d.gif");
  height: 26px;
  width:12px;
    }
      .menu-case-blanche4 {

  background: url("../img/menu_coin.gif");
  height: 26px;
  width:20px
    }


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


}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li
{
        border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu2 li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu2 li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left : 1px solid #187DBD; /* on met une bordure  en haut de chaque élément d'une sous liste */
        border-right: 1px solid #187DBD; /* on met une bordure  en haut de chaque élément */
        border-top: 1px solid #187DBD; /* on met une bordure  en haut de chaque élément */
}
.derniere-ligne-menu {
          border-bottom: 1px solid #187DBD; /* on met une bordure  en bas de chaque élément */
 }

#menu2 ul li:last-child/* dernier élément de sous-listes */
 {
border-bottom: 1px solid #187DBD; /* on met une bordure  en  de chaque élément */
	}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li ul li                
{
		text-align:left;

		background: white;
		height: 26px;
		width:520px;
         border-left: 1px solid #187DBD; /* on met une bordure  à gauche de chaque élément */
         border-right: 1px solid #187DBD; /* on met une bordure  a droite de chaque élément */
          border-top: 1px solid #187DBD; /* on met une bordure  en haut de chaque élément */
		
}

#menu2 li ul ul
{
        margin    : -22px 0 0 144px ; /* 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 transparent ; /* Petite bordure à gauche pour ne pas coller ... */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu2 li ul ul
{
        border    : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu2 a:hover /* Lorsque la souris passe sur un des liens */
{
        color: #71AEDD; /* On passe le texte en bleu clair... */
        
}
#menu2 li:hover ul ul, #menu2 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 */
}

#menu2 li:hover ul, #menu2 li li:hover 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 */
{
        color: #71AEDD; /* On passe le texte en bleu... */
	left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		
}

/* pour IE */

#menu2 li.sfhover ul, #menu2 li li.sfhover ul 
{
        color: #71AEDD; /* On passe le texte en bleu clair... */
	left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
	margin-left:0px;
	background: white;
	height: 26px;
	text-align:left;
}