body {
   margin:0px;
   padding:0px;
   border:0px;
   font-family :  Verdana,Arial, Helvetica;
   font-size:10px;
   color:#000000;    
   background-color:#ffffff;
}

a {
   font-size:11px;
   font-style:italic;
   color:#00330F;
   text-decoration : none;
}

a:hover {
   text-decoration : none;
}

div.br {
   clear:both;
}

#conteneur {
   position:absolute;
   left:50%;
   margin-left : -451px;
   top:5px;
   width:902px;  
   background-image:url('IMG/droite.jpg');
   background-repeat :no-repeat; 
   background-position: top right;
   padding-bottom:0px;
}

#haut {
   width:682px;
   height:59px;   
   background-image:url('IMG/haut.gif');
   background-repeat :no-repeat;  
}

#menu {
   width:682px;
   height:61px;    
   border-left:1px solid #E3E3E3;      
   background-image:url('IMG/menu.gif');
   background-repeat :no-repeat;      
}

#menu ul {
   margin:0px;
   padding:0px; 
   width:132px; 
  /* display:none;  */ 
}

#menu ul li {
   padding:0px;  
   margin:0px;   
   list-style-type: none;  
   vertical-align:text-bottom;
   display:block;
   width:132px;
   height:31px;   
}

#menu ul li a {
   display:block;
   width:132px;
   height:21px;
   color:#ffffff;
   padding-top:10px;
   text-align:center;
}   

#presentation {
   position:absolute;
   left:50%;
   margin-left : -307px;   
   top:64px;
   width:132px;
   height:58px;
}

#menu .presentation {
   position:absolute;
   left:50%;
   margin-left : -307px;   
   top:118px;
}

#menu .presentation li {
   width:135px;
   height:31px;
   background-image:url('IMG/menu_presentation.png');
   background-repeat :no-repeat;  
}

#solution {
   position:absolute;
   left:50%;
   margin-left : -172px;   
   top:64px;
   width:132px;
   height:58px;
}

#menu h1 {
   display:none;
}

#menu h2 {
   margin:0px;
   padding:0px;
   font-weight:bold;
   font-size:10px;
   color:#FFFFFF;
}

#menu .solution {
   position:absolute;
   left:50%;
   margin-left : -172px;   
   top:118px;   
}

#menu .solution li {
   width:135px;
   height:31px;
   background-image:url('IMG/menu_solution.png');
   background-repeat :no-repeat;  
}


#realisation {
   position:absolute;
   left:50%;
   margin-left : -38px;   
   top:64px;
   width:132px;
   height:58px;
}

#menu .realisation {
   position:absolute;
   left:50%;
   margin-left : -38px;   
   top:118px;   
}

#menu .realisation li {
   width:135px;
   height:31px;
   background-image:url('IMG/menu_realisation.png');
   background-repeat :no-repeat;  
}

#contact {
   position:absolute;
   left:50%;
   margin-left : 96px;   
   top:64px;
   width:132px;
   height:58px;
}

#menu .contact {
   position:absolute;
   left:50%;
   margin-left : 96px;   
   top:118px;     
}

#menu .contact li {
   width:135px;
   height:31px;
   background-image:url('IMG/menu_contact.png');
   background-repeat :no-repeat;  
}

#bandeau {
   width:682px;
   height:70px;
   border-left:1px solid #E3E3E3;      
   background-image:url('IMG/bandeau.jpg');
   background-repeat :no-repeat;     
}

#contenu {
   width:673px;
   height:379px;
   border-left:1px solid #E3E3E3;   
   border-right:1px solid #AAAAAA;      
   padding:4px;
}

#gauche {
   float:left;
   width:157px;
   height:379px;       
   border-left:1px solid #E3E3E3;   
   border-top:1px solid #E3E3E3;   
   border-bottom:1px solid #E3E3E3;  
     
}


#gauche .realisation {
   margin-top:5px;
   margin-left:3px;
}

#gauche .realisation img {
   border:1px solid #E3E3E3;   
}

.expl {
   border:1px solid #E3E3E3;   
}

#gauche h2 {
   display:block;   
   padding:0px;
   margin:0px;   
   height:16px;
   width:149px;
   font-size:11px;
   font-weight:normal;   
   margin-left:3px;
   margin-top:3px;
   border:1px solid #E3E3E3;
   text-align:center;
   padding-top:1px;
}

#gauche h3 {
   padding:0px;
   margin:0px;
   margin-top:5px;   
   font-size:11px;
   font-weight:normal;
   text-align:center;
}

#gauche p {
   text-align:justify;
   padding-left:3px;
   padding-right:3px;
}

#page {
   float:left;
   width:513px;
   height:379px;   
   border:1px solid #E3E3E3;      
   /*border:1px solid #E3E3E3;*/
   /*border-right:1px solid #E3E3E3;*/
}

p.nav {
   margin:0px;
   padding:0px;
   margin-left:30px;
}
#page h1 {
   padding:0px;
   margin:0px;
   display:block;   
   height:23px;
   width:485px;
   font-size:11px;
   font-weight:bold;
   /*background-color:#ff0000;*/
   padding-left:30px;
   padding-top:8px;
   background-image:url('IMG/boite.gif');
   background-repeat :no-repeat; 
   background-position: top left;   
   border-bottom:1px solid #E3E3E3;
   color:#6D6D6D;
}

#texte {
   width:455px;
   padding:30px;
   padding-top:10px;   
   padding-bottom:10px;   
   text-align:justify;
}

#page h3 {
   display:inline;
   padding:0px;
   margin:0px;
   font-family :  Verdana,Arial, Helvetica;
   font-size:11px;
   font-weight:bold;    
}

#texte h2 {
   display:inline;
   padding:0px;
   margin:0px;
   font-family :  Verdana,Arial, Helvetica;
   font-size:10px;
   font-weight:normal;
   color:#000000;     
}

#texte img {
   border:0px;
}

#texte a {
   font-size:10px;   
   font-weight:bold;
}
#texte a:hover {
  text-decoration:underline overline;   
}

p.spip {
   padding:0px;
   margin-top:5px;
   margin-bottom:5px;
}

#texte ul {
   margin-top:5px;
   margin-bottom:5px;
   padding-top:0px;
   padding-bottom:0px;
}

#bas {
   width:682px;
   height:7px;    
   border-left:1px solid #FFFFFF;     
   border-top:1px solid #E3E3E3;       
   background-image:url('IMG/bas.jpg');
   background-repeat :no-repeat;    
}

#texte .exemple {
   display:block;
   float:left;
   width:200px;
   height:90px;
   margin-top:5px;
   margin-left:5px;
}


p.infos, .informations {
   color:#666666;
   width:674px;
   text-align:center;
}

h2, h1 {
   margin:0px;
   padding:0px;
   font-size:10px;   
   display:inline;
   font-weight:normal;
   color:#666666;
}


p.infos a,.informations a {
   color:#666666;
}


#accordion {
    border: 1px solid #E3E3E3;
    width:455px;

}
#accordion h4 {
    padding: 4px 6px 4px 6px;
    margin: 0;
    border-style: solid none solid none;
    border-top-color: #E3E3E3;
    border-bottom-color: #E3E3E3;
    border-width: 1px 0px 1px 0px;
    color:#fff;
    background-color: #898989;
    cursor:pointer;
    font-size:11px;
}

#visible {
    color:#CED7EF;
    background-color: #F9A30E;
}
#panel1, #panel2, #panel3, #panel4 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}
.panel_body {
    height:200px;
}
.formulaire {
    width:255px;
}

.formulaire input,.formulaire textarea {
   font-family :  Verdana,Arial, Helvetica;
   font-size:10px;
   color:#000000;  
}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #7FC752;
	border-collapse: collapse; 
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
}
table.spip tr.row_first { 
   background: #7FC752; 
   color:#FFFFFF;
   text-align:center;
}
table.spip tr.row_odd { background: #C1E2A5; }
table.spip tr.row_even { background: #DDE6D7; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

textarea {
   width:400px;
	height:140px;
}

label {
	display:block;
}

.spip_form_label {
	display:block;
}