h1 {font-size:2em;}
h2 {font-size:1.2em;}
p {font-size:0.875em;}


body {
    background:url("../images/fond.gif") repeat-x;
    font-size:100%;
}
/* PARTIE HAUTE */
#contenu {
    margin:30px auto 0 auto;
    width:907px;
    background:url("../images/fond-int.gif") repeat-x #FFF;
}

#bordure {
    border-left:2px solid #ECF1F5;
    border-right:2px solid #ECF1F5;
}
img {
    margin:0px;
    border:0px;
}
a img {
    border:0px;
}
#centre {
    width:905px;
}

#centre #logo {
    padding:10px;
    float:left;
}
#centre .rubrique {
    padding:30px 6px 10px;
    float:left;
}
#centre .rubriquefin {
    padding:30px 5px 10px;
}

/* PARTIE DYNAMIQUE */

#central {

    width:140px;
    margin-top:10px;
    margin-left:0px;
    float: left;
}

#titreMenu {
    margin-left: 10px;
    padding-left: 20px;
    width: 120px;
    height: 30px;
    background-color: #999999;
    color: #FFF;
    font: 1.2em/1.5em Verdana, Arial, sans-serif;    
}

.menudynamique {
    margin-left:10px;
    margin-bottom: 20px;
    width:160px;
    height:160px;
}

.menudynamique #skycraper {
    padding-top:200px;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menudynamique {
	    margin-top:40px;
        margin-bottom: -20px;
        width:160px;
        height:160px;
	}
}

#divMenu0 {
    position:relative;
    top:15px;
    left: -35px;
}
*html #divMenu0 {
    position:relative;
    top:43px;
    left: -35px;
}

#divMenu1 {
    position:relative;
    top:44px;
    left: -35px;
}
*html #divMenu1 {
    position:relative;
    top:101px;
    left: -35px;
}

#divMenu2 {
    position:relative;
    top:73px;
    left: -35px;
}
*html #divMenu2 {
    position:relative;
    top:130px;
    left: -35px;
}

#divMenu3 {
    position:relative;
    top:102px;
    left: -35px;
}
*html #divMenu3 {
    position:relative;
    top:159px;
    left: -35px;
}

#divMenu4 {
    position:relative;
    top:131px;
    left: -35px;
}

*html #divMenu4 {
    position:relative;
    top:188px;
    left: -35px;
}

/* Centre sites*/
#centre_sites {
    margin:0px 0 0 180px;
    width:710px;
    height: 100%;   
}

/* DIAPORAMA */

#EmilyPictureBackground {
    float:left;
    margin-left:20px;
}

#avantage {
    float:left;
    margin-left:2px;
}


/* PARTIE BASSE */

#bas {
    margin:10px auto 0 8px;
    width:887px;
}

#blocimg1 {
    float:left;
    margin:0 5px 30px 5px;
}

#blocimg2 {
    float:left;
    background:url("../images/centre-decouvrir.gif") no-repeat #FFF;
    width:215px;
    height:196px;
    margin:0 5px 30px 0;
}

#blocimg3 {
    float:left;
    margin:0 4px 30px 0;
}

/* Module de Connexion */
#blocimg4 {
    float:right;
    background:url("../images/centre-acces.gif") no-repeat #FFF;
    width:202px;
    height:196px;
    margin-left:0px;
}

#blocimg4 label{
  display:block;
  margin-top:10px;
  margin-left : 5px;
  font-size:12px;
}

#blocimg4 input[type=text], #blocimg4 input[type=password] {
  width:150px;
  height:25px;
  margin-left : 5px;
}

#blocimg4 input[type=submit]{
    margin:10px 0 0 5px;
    background-color:#D8EAF8;
    font-weight:bold;
}

#blocimg4 .error{
  color:#f57;
}

/* FIN Module de Connexion */

#favoris{
    width: 720px;
    margin: 10px auto;
    margin-left:10px;
    text-align: right;
}
#sites_perso{
    margin-left:13px;  
}
.bloc_site{
    width:120px;
    height:100px;
    float:left;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:30px;
    font-size:11px;
    color:#5D5C5B;
}

.bloc_site .modif_site a {
    color:#5D5C5B;

}
.bloc_site .modif_site a:hover {
    color:#5D5C5B;
    text-decoration:underline;
}
.bloc_site .supp_site a {
    color:#5D5C5B;;
}
.bloc_site .supp_site a:hover {
    color:#5D5C5B;
    text-decoration:underline;
}
/* Page de Contact et d'insciption*/
#popup{
  width:500px;
  height:100%;
  margin:20px auto 0 auto;
  padding:10px;
  border:2px solid #9BBDD6;
  background-color:#FFF;
}

#popup label{
  display:block;
  margin-top:20px;
}

#popup input[type=text]{
  width:250px;
  height:25px;
  line-height:25px;
}

#popup input[type=submit]{
    margin:20px auto 5px auto;
    background-color:#D8EAF8;
    font-weight:bold;
}
#popup textarea{
  width:450px;
  height:100px;
}

#popup .error{
  color:#f57;
}

#popup input[type=submit]{
  display:block;
}

#popup .success{
  background:#C9F6D7;
  color:#1AA245;
  border:solid 1px #1AA245;
  width:480px;
  height:100%;
  margin:auto;
  line-height:40px;
  text-align:center;
}

#popup .button-inscription {
   float:right;
   position:relative;
   top:24px;
   right:20px;
}



/* FIN page de contact et d'inscription */
.titre_site{
    color: #5d5c5b;
}

/* Cadre de chauqe rubrique */
#cadre-diapo {
    background:url("../images/cadre-diapo.gif") no-repeat #FFF;    
    width:466px;
    height:196px;
    /*margin:0 5px 30px 0;*/
    float:left;
    margin-left:20px;
}

#cadre-diapo #titre-diapo {
    margin: 10px;
    color:#CCC;
}

.indispensable {
    padding: 45px 0 0 5px;
}
* html .indispensable {
    margin: 30px 0 0 5px;
}
.membre {
    padding:5px;
}
.envoyer {
    background-color:#D7E9F7;
    color:#272624;
    font-weight:bold;
    font-family:verdana;
    width:90px;
}
.footer-menu {
    padding-top: 10px;
    text-align:right;
    font-size: 12px;
    color:#69A3C9;
}
.footer-menu a {
    color:#69A3C9;
    font-size:12px;
}
.footer-menu a:hover {
    font-size:12px;
}

.footer-copy {
    padding: 10px;
    text-align:right;
    font-size: 10px;
    color:#7c7c7c;
}
.piedpage {
    margin:10px auto 10px auto;
    width:907px;
}
.arrondi {
    border-left:1px solid #9BBDD6;
    border-right:1px solid #9BBDD6;
    padding-left:10px;
}
.arrondi-355 {
    background-color:#E3F0F8;
    border-left:1px solid #9BBDD6;
    border-right:1px solid #9BBDD6;
}
.intitule {
    color:#8CA516;
    font-size:16px;
    font-weight:bold;
    padding:10px 0 0 10px;
}
.intitule-form {
    color:#649DBF;
    font-size:12px;
    font-weight:bold;
}
.intitule-champ {
    color:#2c2c2c;
    font-size:10px;
    font-weight:bold;
}
.champ-erreur {
    height:20px;
    background:url(../images/croix-rouge.gif) no-repeat;
    padding-left:20px;
    color:#2c2c2c;
    font-size:12px;
    font-weight:bold;
}
.champ-reussie {
    height:20px;
    background:url(../images/apply.gif) no-repeat;
    padding-left:20px;
    color:#2c2c2c;
    font-size:12px;
    font-weight:bold;
}

.img-contact {
    position:absolute;
    left:410px;
}

div.flash {
position : relative;/*j"ai choisi de positionner une boite dans l'entête*/
top : 0px;/*idem*/
left : 10px;/*idem*/
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 0.95em;
border: 0px solid #FFFFFF;
width : 320px; /*taille de la boite*/
height: 260px; /*hauteur de la fenêtre défilante à reporter dans le script...*/
padding : 2px;
background: #E3F0F8;
text-align:left;
overflow: hidden;
}
#menu_deroulant {  overflow: hidden;  position: relative; }
#menu_defile {  position: relative; }

.titre-news {
    font-size:14px;
    font-weight:bold;
    color:#375D79;
}

.titre-news:hover {
    font-size:14px;
    font-weight:bold;
    color:#649DBF;
}

.texte-news {
    font-size: 12px;
    color:#282828;
}

#popup {
    background-color: #FFFFFF;
}
.texte-para {
    text-align:justify;
    padding:15px;
    font-size: 14px;
    color:#282828;
}

#borduregestiondeconnection {
    border-left:2px solid #ECF1F5;
    border-right:2px solid #ECF1F5;
}

.presentationRubrique{
    width:680px;
    height:130px;
    margin-left:10px;
    border: 1px solid #529FE2;
    padding:5px;
    -moz-border-radius: 0.3em; 
    -webkit-border-radius: 0.3em;
}

.Rubrique_nivo1 {
	font-size: 21px;
	color:blue;
}


.Rubrique_nivo2 {
	font-size: 18px;
	color:red;
}

.Rubrique_nivo3 {
	font-size: 12px;
	color:green;
}

.Rubrique_nivo4 a {
	font-size: 10px;
	color:black;
}