body
{
	background:url("images/fond2.jpg") #05AAF2 center top no-repeat;
	font-family: arial;
}

a img
{
	border:0;
}


.haut , .bas , .banniere , h2 , .menus
{
	text-align: center;
}

table
{
   	margin: auto; /* Centre le tableau */
	border-collapse:collapse;
}

.menus
{
	height:25px;
	background: #FFF
}	

h2
{
   color: blue;
   margin-top:5px;
   font-size:medium;
	border-bottom: blue 2px dotted;
}

h1
{
   color: #931013;
   margin-top:0px;
   font-size:large;
   padding-top:0px;
}

h3
{
	text-indent: 30px;
	padding-top: 2em;
}

h4
{
   color: #931013;
   margin: 0 0 0 0;
   font-style: italic;
   font-size:small;
}

h5
{
   color: black;
   margin: 0 0 0 0;
   font-style: bold;
   font-size:large;
}


.signature
{
	text-align:right;
}

.corps
{
	background:url("images/left_traits.jpg") #ffffff right top repeat-y;
	padding:10px;
	padding-top:0px;
	text-align:justify;
	line-height: 150%;
	vertical-align:top;
}

.maisons
{
	vertical-align:top;
	background: #ffffff;
	padding:5px;
	border-right: 1px solid #cbebf8;
}

.maisons img
{
	display: block; /* transforme l'image en bloc */
	margin: auto; /* centre l'image dans la cellule */
	position: relative;
}

.edito
{
	vertical-align:top;
	background: url("images/right_barre.jpg") #cbebf8 right top repeat-y;
}

.edito img
{
	display: block; /* transforme l'image en bloc */
	margin: auto; /* centre l'image dans la cellule */
	position: relative;
	top: 10px;
}

.edito p
{
	padding:5px;
}

.espace
{
	height:25px;
}

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

a:hover
{
   text-decoration: underline;
   color: #05AAF2;
}

.bas
{
	background:url("images/gris.png") repeat-x;
	font-size:small;
}

.flottantgauche
{
	float: left;
}

.flottantdroit
{
	float: right;
}

.flottantdroitmarge
{
	float: right;
	margin: 5px;
}
 
.flottantgauchemarge
{
	float: left;
	margin: 5px;
}

.dessous
{
   clear: both;
}

.encadre
{
	background-color: #f4f2d8;
	border: 1px outset black;
	text-align : left;
}

.encadre td
{
	padding: 10px;
}

.encadre em
{
   text-decoration: underline;
}


/* ajouts pour nouveau menu*/

.langue
{
	font-weight : bold;
        font-family : Arial;
        font-size : 14px;
	text-align : right;
}

.menudon, .menudon 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 : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center;
}

.menudon /* Ensemble du menu */
{
        font-weight : bold;
        font-family : Arial;
        font-size : 14px;
	margin-right : 60px;
}

.menudon 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 : #ffffff;  
        color : blue;
        text-decoration : none;
        width : 120px;
	border : 2px dotted ;
}

.menudon li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

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

}

.menudon li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


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

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

.menudon li ul ul 
{
        margin    : -22px 0 0 120px ; /* 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     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body .menudon li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
 
.menudon a:hover   
{
        color: #ffffff;
        background: blue;
}

.menudon li:hover ul ul, .menudon 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 */
}

.menudon li:hover ul, .menudon li li:hover ul, .menudon li.sfhover ul, .menudon 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 */
}



/* fin des ajouts*/

.menulist, .menulist 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 : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center;
}

.menulist /* Ensemble du menu */
{
        font-weight : bold;
        font-family : Arial;
        font-size : 12px;
}

.menulist 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 : #ffffff;  
        color : #931013;
        text-decoration : none;
        width : 120px;
}

.menulist li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

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

.menulist li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


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

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

.menulist li ul ul 
{
        margin    : -22px 0 0 120px ; /* 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     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body .menulist li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
 
.menulist a:hover   
{
        color: #ffffff;
        background: #931013;
}

.menulist li:hover ul ul, .menulist 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 */
}

.menulist li:hover ul, .menulist li li:hover ul, .menulist li.sfhover ul, .menulist 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 */
}

.retrait
{
	text-indent: 30px;
}

.map
{
	display: block; /* transforme l'image map en bloc */
	margin: auto; /* centre l'image dans la cellule */
}

.hauthasidot
{
	background: url("images/maisons/hasidot/haut.jpg") no-repeat;
}

.hautfrancklevy
{
	background: url("images/maisons/francklevy/haut.jpg") no-repeat;
}

.hautlevywillard
{
	background: url("images/maisons/levywillard/haut.jpg") no-repeat;
}

.hautschilli
{
	background: url("images/maisons/schilli/haut.jpg") no-repeat;
}

.hautheyman
{
	background: url("images/maisons/heyman/haut.jpg") no-repeat;
}

.hautramot
{
	background: url("images/maisons/ramot/haut.jpg") no-repeat;
}

.hautsamuel
{
	background: url("images/maisons/samuel/haut.jpg") no-repeat;
}

.hautordinateurs
{
	background: url("images/maisons/hautordinateurs.jpg") no-repeat;
}

.hautrealisation
{
	background: url("images/realisation/hautrealisation.jpg") no-repeat;
}

.hautgrunberger
{
	background: url("images/maisons/grunberger/haut.jpg") no-repeat;
}

.hautpicard
{
	background: url("images/maisons/picard/haut.jpg") no-repeat;
}

.hautclub
{
	background: url("images/realisation/hautclub.jpg") no-repeat;
}

.hautfondation
{
	background: url("images/realisation/hautfondation.jpg") no-repeat;
}

.hautcentre_aere
{
	background: url("images/realisation/hautcentre_aere.jpg") no-repeat;
}

.hautprojets
{
	background: url("images/realisation/hautprojets.jpg") no-repeat;
}

.hautindex
{
	background: url("images/hautindex.jpg") no-repeat;
}

.hautnegba
{
	background: url("images/about/hautnegba.jpg") no-repeat;
}

.hautmanagement
{
	background: url("images/about/hautmanagement.jpg") no-repeat;
}

.hautaboutus
{
	background: url("images/about/hautaboutus.jpg") no-repeat;
}

.hautstatistiques
{
	background: url("images/about/hautstatistiques.jpg") no-repeat;
}

.hautgalerie
{
	background: url("images/about/hautgalerie.jpg") no-repeat;
}

.hautpartenaires
{
	background: url("images/about/hautpartenaires.jpg") no-repeat;
}

.hautenfance
{
	background: url("images/about/hautenfance.jpg") no-repeat;
}

.hautaider
{
	background: url("images/aider/hautaider.jpg") no-repeat;
}

.hautdon
{
	background: url("images/aider/hautdon.jpg") no-repeat;
}

.hautcomment
{
	background: url("images/aider/hautcomment.jpg") no-repeat;
}

.hautdeductions
{
	background: url("images/aider/hautdeductions.jpg") no-repeat;
}

.hautmap
{
	background: url("images/hautmap.jpg") no-repeat;
}

.etape
{	
	border : 2px solid ;
	padding : 5px;	
	background: repeat-x;
	height:25px;
}

.fb-root
{
	background: #FFFFFF;
	margin-top : 5px;
}