html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #143D8D;
background : #143D8D; /* url(images/bgall2.jpg) center top repeat-x; */


}

.cont {
background-color :transparent;
text-align : left;
width : 764px ; 
margin-left : auto;
margin-right : auto;
height:100%;}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
width : 764x ; 
height : 200px ;
background-color :#ffffff;
margin-left : auto;
margin-right : auto;
background-image : url(images/neopole-secretariat.jpg) ;}
 
 
 .centre {
width : 764px ;
background-color :#FFFFFF;
margin-left : auto;
margin-right : auto;
text-align : left; 
background-image : url(images/fond-page.gif); 
}
html>body .centre {  } 
 
 
 
 
 .bas {
 width : 764px ; 
height : 88px ;
background-color :transparent;
background-image : url(images/neopole-bas.gif);
overflow : hidden
}
 
 
.gauche {
float : left ;  
background-color : transparent;
width : 208px;
text-align : left; 
 margin-left : 15px ; 
 margin-top : 0; 
 color : #1766A8 ; 
 overflow : hidden}
html>body .gauche {   margin-left : 30px ; margin-top : 0; }
 
.haut_gauche {
background-color :transparent;
width : 208px;
height : 40px;
margin-left : 15px;} 


.bas_gauche {
top : 200px;
width : 208px;
padding-top : 10px;
padding-bottom : 200px;
background : url(images/bgauche.jpg) bottom no-repeat;
} 



.droite {
float : left ;  
background-color : transparent;
width : 480px;
margin-left : 15px;
padding-bottom : 100px}
html>body .droite { width : 480px;  }


.haut_droite {
width : 300px;
 background-color :transparent; 
 float : right; 
 margin-right : 20px; 
 overflow : hidden} 
 html>body .haut_droite {  margin-right : 30px;   }
 
 h3 {width : 178px;
margin : 0 0 10px 0 ;
padding : 0; 
font-size : 12px;
background-color :#FFF;

 height : 31px; }
 
 h2 {width : 484px;
margin : 10px 0 0 5px ;
padding : 0; 
font-size : 12px;
background-color :transparent;
text-transform : uppercase ;
color : #224187 }



h1 {
font-size : 12px; 
color : #224187 ; 
margin : 0 ;
text-transform : uppercase ;}
 
 
 
 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menu {
float : right;
height : 50px;
text-align: left;
 background-color :transparent; 
color :#fff ; 
font-size : 10px ; 
font-weight : bold;
margin-top : 5px;
margin-right :10px;
font-size : 12px; 
overflow : hidden}
html>body #menu { margin-right :50px;  }
 
 
 
 #menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 5px ;}
  


#menu li a {color : #fff ; text-decoration : none ;  background : url(images/ul.jpg) right bottom no-repeat; padding-right : 5px ;  padding-left : 5px ;}
#menu li a:hover {color : #FAA633 ; text-decoration : none }


li#menuexept a{color : #fff ; text-decoration : none ;  background : url(images/no.jpg); padding-right : 5px ;  padding-left : 5px ;}
li#menuexept a:hover {color : #FAA633 ; text-decoration : none }


.sitelogo {padding-top : 10px; padding-left : 25px ; border : 0}


.copy {border : 0; margin-right : 5px}
.boot {margin-top : 5px ; margin-left : -3px}


div.hr {float : left;
  height: 6px;
  background: #eee scroll center;
  margin : 5px 0 5px 0  ;
  padding : 0;   
  background : #fff url(images/hr.jpg) left ;
  width : 300px; 
}

div.hr hr {
  display: none;  padding :0; 
}

div.hr2 {float : left;
  height: 6px;
  background: #eee scroll center;
  margin : 10px 0 13px 0  ;
  padding : 0;   
  background :  url(images/hr2.jpg) left top ;
  width :462px; 
}

div.hr2 hr {
  display: none;  padding :0; 
}
.image {
float: right;
text-align : left;
margin : 1 px ;
padding : 1; }



p {margin : 10px 15px 0 5px ; padding : O}
.intro {
width : 300px ; 
color : #1766A8; 
margin : 0 15px 0 0px ;
 display : inline; }
.pboot {
margin : 10px 15px 0 5px ; 
padding : O ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}


.top {margin : 10px 25px 0 25px ; border-bottom : 1px dotted #1766A8 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 25px ;border-bottom : 1px dotted #1766A8 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 25px ;}
.notop2 {margin : 0 25px 0 25px ;}
.notopdroite {margin : 0 25px 0 5px ;}
.top_menu {margin-top : 0 ; display : block}
.signature { margin : 40px 0 0 580px; color : #000 }
.couleur {color : #FF3600; font-weight : bold }


.spacer {
clear : both; 
height : 13px ; }
.spacer2 {
clear : both; 
height : 13px ; background-color : red}


a {
color : #fff; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover {
color : #FAA633; 
text-decoration : none ;}



a.class1 {
color : #1766A8; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #FAA633; 
text-decoration : none ; }

a.class2 {
color : #1766A8; 
text-decoration : underline ; text-transform : uppercase ; font-size : 9px ; }

a:hover.class2 {
color : #FAA633; 
text-decoration :underline }

a.class3{
color : #FF3600; 
text-decoration : underline ; font-size : 9px ;}

a:hover.class3 {
color : #FAA633; 
text-decoration : underline;  
}

a.index_actif {
color : #FFF; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : 
bold ; margin-left : 0}
html>body a.index_actif {margin-left : 5px}

a:hover.index_actif  {
color : #FAA633; 
text-decoration : none ; }


a.actif {
color : #000; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px;
font-weight : bold ; }




a:hover.actif  {
color : #FAA633; 
text-decoration : none ; }