1html * {border : 1pt solid black}

body {
	font-size: 14px;
	line-height : 20px ;
	font-family:   Tahoma, Arial,  sans-serif ;
	color: #505050;
	background-color :#E3E7EA ;
	margin: 0;
	
   max-width:960px; margin-left:auto; margin-right:auto;
	}

table {border-collapse : collapse ;
}

table.enbref td { padding-left:10pt ;padding-right:10pt}

table.enbref tr{ vertical-align:top}

h1:first-letter, h2:first-letter, h3:first-letter, p:first-letter {text-transform : capitalize}

img {border:none}
h1  {
	color :  #102556; font-size:20px ; margin-bottom : 25px ;}
	
p.chapeau { font-size:larger ; margin-bottom: 30px}	
p.narrow, div.narrow {  ; margin-right:  490px}	
p.smallskip {margin-top: 5px}
dl.narrow {  margin: 0px 160px 0px 50px}	

dl.narrow > dt { margin-top: 15px}	
dl.narrow > dd { margin-top: 5px}	

dt { font-weight: bold}


h2 { font-size : 18px ; color : #006699; margin-bottom: 15px ; margin-top:25px}


li {list-style-image: url(img/star.gif)}
img {border : none}
*.float-divider {clear : both;}

#divtop { background : url(mg/degentete.gif) repeat-x; height : 150px}

div.topmenu { float : left ;   text-align: center ;
                                         width: 100px ;  }

#logo {float : left ; position:relative ; top: 35px ; left:15px  }
#menu {float : left ; position:relative ; top: 55px ; left: 70px }
#menu div.last { position: relative ; left:30px }


div.large-button, div.medium-button,  div.small-button  {
	   background: url(img/bouton203.png) no-repeat ;
	   text-decoration : none;
		font-family:Arial ;
		
		font-size: 12px ;
		height:35px; width: 204px;
		text-align: center;
		font-weight:bold	
		
}

div.medium-button  {
	   background: url(img/bouton160.png) no-repeat ;
		 width: 160px;
}
div.small-button  {
	   background: url(img/bouton108.png) no-repeat ;
		 width: 108px;
}

div.large-button:first-letter{ text-transform:capitalize}

div.large-button > a, div.medium-button > a, div.small-button > a{
display:block;
text-decoration : none;
position :relative ;
top:3px ;
color : #102556;

}

div.medium-button > a{top:5px}
div.small-button > a{top:5px}

#menu div.topmenu > a 
{
	   display : block ;
      text-decoration : none;
		font-family:Arial ;
		padding-top: 5px ;
		font-weight: bold; 
      border: none ;
		font-size:14px ;
		width:92px ; height: 25px ;
		color : #102556;
		text-align: center ; 
		background: url(img/inactif0.gif) no-repeat ;
		text-transform:uppercase;
}



#menu div.topmenu > a
{
	
}

#menu div.active a
{ color : white ; background: url(img/actif0.gif) no-repeat }



#menu div.topmenu:hover > a {background: url(img/ouvert1.gif) no-repeat ; color :#102556}
#menu div.topmenu:hover > ul {display: block }


ul.submenu {  padding: 0 ; margin : 0 ; position : absolute ; z-index: 1000;  ;
              display: none }
ul.submenu li { text-align:left ; list-style-type: none; margin : 0; padding:7px 0 0 9px; width:155px ; height: 26px ;
                 background: url(img/lisep.gif) no-repeat ; list-style-image:none}
ul.submenu li.first {  background: url(img/lifirst.gif) no-repeat;  height : 25px ;  padding:16px 0 0 9px;}
ul.submenu li.last {  background: url(img/lilast.gif) no-repeat;  height : 36px ;  padding:7px 0 0 9px;}


#menu ul.submenu li a {  
             text-decoration : none;
				 vertical-align : middle ;
				 font-family:Arial ;
				 font-weight: normal; 
             border: none ;
				 font-size:12px ;
				 color : #102556;
				 background:none ;
				
				 
}

#menu ul.submenu li:first-letter {  text-transform:capitalize}

#menu ul.submenu li a:hover {  
             text-decoration : none;
				 font-family:Arial ;
				 font-weight: bold; 
             
				 
				 
				 
}


#menu div.language  {display: inline ; background : none; font-size: smaller; text-transform: uppercase ; padding:1px;
  position : relative ; top:3px ; 		color : #102556;}

#menu div.language > a {color : #102556; ; text-decoration : none}


div.breadcrumbs {padding:20px ; margin : 10px ; text-align:right}

#divban {
	background : url(img/bande.gif) repeat-x;
   color : white ;
	font-size: 16px ;
	line-height: 23px ;
	letter-spacing : .5px ;
	margin-top:0px ;
	margin-bottom:15px;
	padding-left : 20px ;
	padding-right: 20px ;
	}


#moto {
	color: white ;
	font-size: 22px ;
   font-weight : normal ;
   margin-top : 28px ;
	margin-bottom : 20px; 
	}

#decouvrir {
	margin-top: 30px ;
	margin-left : 3px ;
	
}
#tabban tr { vertical-align : top ; }

#divsignal { float : left ; width : 45% ; padding-left: 10px ; margin-top: 10px}
#divpresta { float : left ; margin-top: 30px ;  width:45% ; margin-left: 30px}
#slide {position : relative ;}

#bottom { background : url(mg/bottom.gif) ; height : 63px ; 
          background-repeat : repeat-x; 
          margin-top: 30px ; color : #102556 ; font-family : Arial ; font-size: 14px ; font-weight : bold }


#slide {background : url(img/fondslide.gif); width: 433px ; height : 245px}
#menuslide { float : left ; width : 100px ;   }
#menuslide ul {  margin : 0  ; padding:0; color : #102556 ; margin-top: 15px}
#menuslide li { list-style-type: none; margin-left: 15px ; list-style-image:none}
#menuslide a, #menuslide a:visited { display : block ; padding : 2px ; text-decoration : none; 
              width:96px ; height: 33px ; color : #102556  }
#menuslide li:hover {background : url(img/ongletactif2.gif) ;   color : #006699;}

#menuslide li.selected {font-weight:bold}

#imageslide { float : left ; width :  290px ;  padding : 15px  ;color: #006699;}

#subtitle a, #subtitle a:visited { text-decoration : none;  color : #006699 ; }

a img {border:none}

div.icono {display : none }

table.bleu {color : white ; border:none ; padding:0  ;margin-left: 50px}
table.bleu td.topleft {background:url(img/bleu_haut_gauche.gif) no-repeat; width:33px ; padding:0}
table.bleu td.inner {background:url(img/bleu_haut.gif) }
table.bleu td.topright {background:url(img/bleu_haut_droit.gif) no-repeat; width: 37px ; padding:0}
table.bleu td.botright {background:url(img/bleu_bas_droit.gif) no-repeat; width: 37px ; padding:0}
table.bleu td.botleft {background:url(img/bleu_bas_gauche.gif) no-repeat;height: 25px ; padding:0}
table.bleu td.botinner {background:url(img/bleu_bas.gif) ; padding:0}

table.bleu td.inner p a, table.bleu td.inner  p a:visited { text-decoration : none;  color : white ; }


table.blanc { border:none ; padding:0}
table.blanc td.topleft {background:url(img/blanc_haut_gauche.gif) no-repeat; width:25px ; padding:0}
table.blanc td.inner {background:url(img/blanc_haut_milieu.gif) }
table.blanc td.topright {background:url(img/blanc_haut_droit.gif) no-repeat; width: 23px;  padding:0}

div.lamp {    margin-left: 20px; vertical-align: bottom; }

div.leftlamp, div.rightlamp { display:inline-block ; }

div.leftlamp { width: 600px ; margin-right: 35px ;  border-top : 1pt dotted grey ; padding-bottom: 25px ; padding-top: 10px}

div.rightlamp { width: 300px ; font-weight: bold ; }