html {background:#7bbbcc url(images/pagebg.png) 0 0 repeat-x;}


body {
  
  color:#333;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

div#footer {background: url(images/footer-bg.png) 0 0 repeat-x;height:95px;}
div#footer .rk-1 {background: url(images/footer-r.png) 100% 0 no-repeat;}
div#footer .rk-2 {background: url(images/footer-l.png) 0 0 no-repeat;height: 95px; overflow:hidden;}



/* le style index sert à mettre une bordure de séparation entre les deux blocs de la page centrale*/
.index {
/*  border-right:solid 4px #06B; */ 
  border-spacing:0px;
/*  background-color:#CCF;*/

}


table.basic {
  background-color:#FFF;
  margin:0px 0px 0px 0px;
  }
  
table.paragraphe {
  background-color:#CCF;
}

table.formulaire {
  background-color:#FFF; 
}

  table.formulaire tr {
    padding: 5px;
    margin:5px;
    }

      table.formulaire td {
        border:solid 2px #00407A; 
        } 
 
table.index {
background-color:#00407A;

} 

table.colonne {
padding-left:8px;)
}

table.reponse {
  background-color:#FFF;
  border:2px; 
  border-color:#00407A;
  border:solid 2px #00407A; 
} 

  table.reponse th {
    font-size:1.1em;
    background-color: #00407A;
    color:#FFF;
  } 

.debut_ligne {
background-color: #CCF;
} 
 
.retrait {
padding-left:10px;
padding-right:10px;
}

/*******************nav = ancien menu ***********************************************/

#nav p {
width:100%;
background-color:#00407A;
/*color:#06B;*/
padding:0px;
margin:0px;
}

#nav a{
  display:inline;
  width:auto;
  float:left;
	text-decoration: none ;
  margin:0px;
	padding:10px 36px 10px 36px;
	background-color:#00407A;
	color:#FFF;
}
      #nav a:hover {
        background-color:#FFF;
        color:#000;
      }
/**********************************************************************/


a {
text-decoration:none;
}
a:visited  {
text-decoration:none;
color:black;
}
a:link {
text-decoration:none;
}


#bouton_suite a {
  display:block; 
  width:30%;  
  text-align: center ;
	text-decoration: none ;
  margin:15px;
	padding:0px;
	background-color:#00407A;
  border:solid 2px #00407A; 
	color:#FFF;
}
      #bouton_suite a:hover {
        background-color:#FFF;
        color:#000;
      }
#cadre_commentaire {
  width:90%;
  text-align:center;
  margin:15px;
	padding:15px;
	background-color:#FFF;
  border:solid 2px #00407A; 
}

#bloc {
  padding:0.2em;
  border-color:#00407A;
  }
    #bloc p {
      margin:0.2em;
      padding:0.2em;
      }
    #bloc legend {
      font-size:x-large;
      color:#00407A;
      }
    #bloc ul {
      padding:0px;
      margin-top:0;
      margin-bottom:0;
      margin-left:3px;
      list-style-type:square;
      }
    #bloc li {
    margin-left: 15px;
    }  
#commentaire {
      padding:0px;
      margin:0px;
      }
      #commentaire p{
        padding:0px; 
        margin:0px;       
        }



.fleche {
font-size:1.2em;
}

.ico {
/*float:left;*/
display:block;
position:relative;
top:1.3em;
margin-left:px;
margin-right:0px;
margin-bottom:0px;
}

.ico2 {
float:left;
position: relative;
top:-4px;
display:block;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
z-index:0;
}
p.theme {
  line-height: 40px;
  text-align: center ;
  font-size:1.5em;
	margin:15px;
	padding:15px;
	background-color:#FFF;
  border-bottom:solid 2px #00407A; 
	color:#06B;
}
p.info {
    text-align:center;
  	color:#06B;
}

a.suite {
    display:block;
    text-align:right;
    }

a.suite img {
  float:right;
  position: relative;
  display:inline;
  top : -12px;
  text-decoration:none;
  border-style:none;
  border:none;
}


.titre {
font-size:1.2em;
position:relative;
display:block;
background-color:#00407A;
color:#FFF;
padding-left: 10px;
padding-top: 12px;
padding-bottom :6px;
padding-right : 15px;
margin-bottom:0px;
margin-top:30px;
border:solid 2px #00407A;
z-index:1;
}
	
.presentation {
padding: 30px 30px 30px 30px;
margin: 0px;
display:block;

margin:0px 0px 0px 0px;
text-align:left;
background-color:#FFF;
border:solid 2px #00407A;
line-height:1.8em;
z-index:0;
}	

.titre_actu {
position:relative;
font-size:1.2em;
display:block;
background-color:none;
color:#000;
padding-left: 35px;
padding-top: -25px;
padding-bottom : 05px;
padding-right : 15px;
margin-bottom:0px;
margin-top:0px;
z-index:1;
/*border-right:solid 2px #06B;
border-left:solid 2px #06B;
border-top:solid 2px #06B;
border-bottom:solid 2px #06B;
*/
}

.presentation_actu {
padding: 5px 15px 15px 15px;
display:block;
margin-top:0px;
margin-bottom: 10px;
background-color: #9CF;
border-right:solid 2px #00407A;
border-left:solid 2px #00407A;
border-bottom:solid 2px #00407A;
border-top:solid 2px #00407A;
line-height:1.3em;
z-index:0;
}

.presentation_red {
padding: 5px 15px 15px 15px;
display:block;
margin-top:0px;
margin-bottom: 10px;
background-color: #FFCC00;
border-right:solid 2px #FF6600;
border-left:solid 2px #FF6600;
border-bottom:solid 2px #FF6600;
border-top:solid 2px #FF6600;
line-height:1.3em;
z-index:0;
}



.login{
padding: 15px 15px 15px 15px;
margin-top:10px;
margin-bottom: 10px;
background-color: #9CF;
border-right:solid 2px #00407A;
border-left:solid 2px #00407A;
border-bottom:solid 2px #00407A;
border-top:solid 2px #00407A;
line-height:1.3em;
}

.login_red{
padding: 15px 15px 15px 15px;
margin-top:10px;
margin-bottom: 10px;
background-color: #FFCC00;
border:solid 2px #FF6600;
line-height:1.3em;
}


p.contact {
padding: 30px 30px 30px 30px;
margin-top:0px;
margin-bottom: 10px;
text-align:center;
background-color: #FFF;
border:solid 2px #00407A;
}

p.remarque {
padding: 10px 10px 10px 10px;
text-align:center;
color:red;
font-size:1.3em;
}

p.notabene {
padding: 5px 5px 5px 5px;
color:red;
font-style:italic;
font-size:0.6em;
background-color: #FFF;
border:solid 1px #F00;
}


p.bas {
padding:10px 10px 10px 10px;
margin:0 0 0 0px;
color:#FFF;
background-color:#00407A;
text-align:center;
}

.alerte {
color :red;
}