*{
 padding: 0;
 margin: 0;
 border: 0;
 }
body {
 margin: 0 auto;
 font-family:Verdana, Helvetica, sans-serif;
 font-size: 62.5%;
 background-image: url("http://cemad.fr/img/fond.png");
 background-repeat: repeat-x;
 text-align: center;
 }
html {
 height:100.1%;
 }
#conteneur {
 margin: 0 5%;   
 background-color: #FEFDD1;
 color: inherit;
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 }
#header {
 padding-top: 22px;
 background: url(http://cemad.fr/img/degrade5.png);
 background-repeat: repeat-x ;
 border-bottom: 1px solid gray;
 margin: 0 auto;
 width: 100%;
 }
#header img {
 margin: 0 auto;
 width: 599px;
 height: 45px;
 }
#header h1 {
 font-size: 1.6em;
 font-family:'times "new roman"', serif;
 padding-top: 0.2em;
 letter-spacing: 0.08em;
 font-weight: normal;
 }
body#galerie h2 {
 font-size: 1.6em;
 font-weight: normal;
 padding: 0 0 0 0;
 margin: 0 auto 0 auto;
 }
body#galerie h2:first-letter{

 font-size: 1.1em;
 }
.bandeau {
 background: url(http://cemad.fr/img/bandeau.png);
 background-repeat: repeat-x ;
 border-bottom: 1px solid gray;
 height: 2em;
 clear: both;
 }
ul {
 font-size: 1.2em;
 list-style-type: none;
 margin-top: 3em;
 width: 17%;
 float: left;
 border-top: 1px solid gray;
 line-height: 100%;
 text-align: left;
 background-color: #FEFDD1;
 color: inherit;
 overflow: visible;
 }
li {
 background-color: #FEFDD1;
 color: inherit;
 border-top: 0;
 border-bottom: 1px solid gray;
 height: 1.75em;
 line-height: 100%;
 padding: 5px 0 0 0;
 overflow: visible;
 }
.menu {
 float: left;
 line-height: 100%;
 width: 18%;
 overflow: visible;
 }
.menu li a {
 position: relative;
 display: block;
 text-decoration: none;
 text-indent: 16%;
 border-right: 0.25em solid gray;
 border-left: 0.25em solid gray;
 border-top: 0;
 border-bottom: 0;
 line-height: 100%;
 overflow: visible;
 background-color: transparent;
 color: #000;
 }
.menu li a:hover {
 color: #149414;
 text-indent: 16%;
 background-color: #FFFFFF;
 border-right: 0.5em solid #149414;
 border-left: 0.25em solid #149414;
 line-height: 100%;
 margin-right: -0.25em;
 overflow: visible;
 }
.menu li a:visited {
 color: #AFAFAF;
 background-color: transparent;
 }
body#accueil a.accueil_actif,body#presentation a.presentation_actif,body#reference a.reference_actif,body#galerie a.galerie_actif,body#personnel a.personnel_actif,body#equipement a.equipement_actif,body#localisation a.localisation_actif,body#contact a.contact_actif {
 background-color: #FFFFFF;
 color: inherit;
 border-right: 0.5em solid #149414;
 border-left: 0.25em solid #149414;
 margin-right: -0.25em;
 overflow: visible;
 }
body#accueil li.accueil_actif,body#presentation li.presentation_actif,body#reference li.reference_actif,body#galerie li.galerie_actif,body#personnel li.personnel_actif,body#equipement li.equipement_actif,body#localisation li.localisation_actif, body#contact li.contact_actif {
 background-color: #FFFFFF;
 color: inherit;
 }
body#accueil a.accueil_actif:hover,body#presentation a.presentation_actif:hover,body#reference a.reference_actif:hover,body#galerie a.galerie_actif:hover,body#personnel a.personnel_actif:hover,body#equipement a.equipement_actif:hover,body#localisation a.localisation_actif:hover, body#contact a.contact_actif:hover {
 background-color: #FFFFFF;
 color: inherit;
 }
.menu_galerie {
 float: left;
 line-height: 100%;
 width: 18%;
 margin:0 0 0 0.5%;
 }
#centre ul {
 font-size: 1.2em;
 list-style-type: none;
 margin-top: 0.5em;
 width: 15%;
 text-align: center;
 line-height: 100%;
 background-color: #FFFFFF;
 color: inherit;
 border: 0;
 }
.menu_galerie li {
 background-color: #FFFFFF;
 color: inherit;
 height: 70px;
 line-height: 100%;
 border: 0;
 }
.menu_galerie li a {
 position: relative;
 display: block;
 text-decoration: none;
 border-right: 0.25em solid gray;
 border-top: 0;
 border-bottom: 0;
 line-height: 100%;
 }
.menu_galerie li a:hover {
 color: #149414;
 background-color: #FFFFFF;
 border-right: 0.5em solid #149414;
 line-height: 100%;
 margin-right: -0.25em;
 }
.menu_galerie li a:visited {
 color: #AFAFAF;
 background-color: transparent;
 }
body#galerie a.categorie_actif{
 background-color: #FFFFFF;
 color: inherit;
 border-right: 0.5em solid #149414;
 margin-right: -0.25em;
 }
body#galerie a.categorie_actif span{
 font-weight: bold;
 font-size: 1.1em;
 }
body#galerie li.categorie_actif{
 background-color: #FFFFFF;
 color: inherit;
 }
body#galerie a.categorie_actif:hover{
 background-color: #FFFFFF;
 color: inherit;
 }
#centre {
 float: left;
 background: url(http://cemad.fr/img/feuille.png) 100% 20px no-repeat;
 background-color: #FEFEFE;
 color: inherit;
 border-left: 1px solid gray;
 border-right: 0;
 margin: 0 auto;
 padding: 3% 0 15% 0;
 width: 81.8%;
 }
#centre h1 {
 font-size: 1.8em;
 margin-bottom:38px;
 background-color: transparent;
 color: #404040;
 font-weight: normal;
 padding: 60px 5% 0 5%;
 }
#centre .menu_galerie span {
 margin: 4px 0 5px 0;
 background-color: transparent;
 color: gray;  
 font-size: 1em;
 text-align: center;
 text-indent: 0;
 display: block;
 }
#centre h2 {
 font-size: 1.4em;
 margin-top:48px;
 margin-bottom:28px;
 background-color: transparent;
 color: #505050;
 font-weight: normal;
 }
#centre .menu_galerie span:first-letter {
 font-weight: normal;
 font-size: 130%;
 background-color: transparent;
 color: #505050;
 }
#centre h2.nolettrine:first-letter {
 font-size: 100%;
 }
#centre h3 {
 font-size: 1.4em;
 margin: 38px 0 18px 0;
 background-color: transparent;
 color: #505050;
 font-weight: normal;
 text-align: left;
 text-indent: 2.8em;
 clear: both;
 }
#centre p {
 background-color: transparent;
 color: gray;  
 font-size: 1.3em;
 text-align: justify;
 text-indent: 2.2em;
 padding: 0 5% 0 3%;
 }
#centre p.noalinea {
 text-indent: 0;
 }
.lettrine, span.lettrine {
 font-weight: normal;
 font-size: 130%;
 background-color: transparent;
 color: #404040;
 }
span.souligne {
 border-bottom: 1px solid #404040;
 }
.align_gauche {
 text-align: left;
 }
.centrer {
 margin: 0 auto;
 }
body#galerie .centrer {
 margin: 7% auto 0 auto;
 }
body#galerie .centrer2 {
 margin: 0 auto 0 auto;
 }
body#galerie .centrer .image {
 margin: 20px 50px 20px 6px ;
 }
.image {
 float: left;
 background: url(http://cemad.fr/img/ombre.png)no-repeat bottom right;
 margin: 20px 0px 20px 6px;
 }
.image img {
 display: block;
 border: 1px solid #AFAFAF;
 padding: 4px;
 background-color: #fff;
 color: inherit;
 position: relative;
 margin: -6px 6px 6px -6px;
 }
.photos dl {
 float: left;
 text-align: center;
 width: 70px;
 margin: 10px 9px 10px 9px;
 }
.photos dl.moyenne{
 width: 70px;
 height: 92.5px;
 margin: 17.5px 0px 10px 0px;
 }
.photos dl.grande{
 width: 102px;
 height: 100px;
 margin: 10px 0px 10px 0px; 
 }
.photos dl.loupe{
 width: 160px;
 float: right;
 margin: 0px -200px 0px 0px;
 }
.photos dd a {
 text-decoration: none;
 font-size: 1.1em;
 }  
.photos dd a:hover {
 background: none;
 text-decoration: none;
 background-color: transparent;
 color: #000;
 text-align: center;
 }
.photos dd a:visited {
 background-color: transparent;
 color: #AFAFAF;
 }
.photos dd a:hover img {
 border: 3px solid #149414;
 padding: 1px;
 background-color: #fff;
 color: inherit;
 }
.photos dd a span, .photos dd span {
 visibility: hidden;
 display: block;
 }
.photos dd span {
 visibility: visible;
 display: block;
 }
.photos dd a:hover span {
 visibility: visible;
 }
.photos dd img {
 border: 1px solid #AFAFAF;
 padding: 3px;
 background-color: #fff;
 color: inherit;
 } 
.photos {
 margin: 0 auto;
 }
body#accueil .photos {
 clear: both;
 }
p.gauche {
 text-indent: 0;
 float: left;
 margin: -50px 0 0 -45px;
 }
p.droite {
 text-indent: 0;
 float: right;
 margin: -50px -15px 0 0;
 }
body#contact h3 a {
 background-color: transparent;
 color:#000;
 }
body#contact h3 a:hover {
 background-color: transparent;
 color: #149414;
 }
#pied {
 text-align:center;
 height: 3em;
 background-color: #FEFEFE;
 color: inherit;
 clear: both;
 border-bottom: 1px solid gray;
 }
#pied a {
 height:1.2em;
 text-decoration:none;
 font-size: 0.9em;
 font-weight: bold;
 background-color: transparent;
 color: #000;
 }
#pied a:hover {
 background-color: transparent;
 color: #149414;
 }
.webrankinfo {
 margin: 10px auto 0px auto;
 padding: 0;
 }