/* CSS Document */
body {
background-color:#ECECEC;
background:url(../media/bg.png);
font-family:arial;
font-size:1em;
margin:0;
padding:0;
}

/* -------------------------------------------------------------------------  */
/* -----------------------------TOP-----------------------------------------  */
/* -------------------------------------------------------------------------  */
.top{
width:950px;
margin:25px auto 0 auto;
overflow:hidden;
}
.top h1{
float:left;
margin:0;
padding:0;
font-size: 26px;
color:#518ce6;
}
.top span{
float:right;
margin:10px 0 0 0;
padding:0;
color:#777777;
}
.lang a{
text-decoration:none;
color:#777777;
}



/* -------------------------------------------------------------------------  */
/* -----------------------------CONTAINER-----------------------------------  */
/* -------------------------------------------------------------------------  */
.container{
width:950px;
min-height:500px;
background-image: url(../media/back2.jpg);
background-repeat: repeat-x;
background-color:#518CE6;
border: 3px #ffffff solid;
/*-----*/
/*background-color:#ffffff;
border: 3px #f0f0f0 solid;*/
margin:0 auto;
padding:20px 0 0 0;
}

/* -----------------------------Banner indéfini-----------------------------  */
/*
.banner{
width:750px;
height:170px;
margin-left:200px;
background-repeat:no-repeat;
background-image: url(../media/photojetdeau.jpg);
}*/
/* -------------------------------------------------------------------------  */
/* -----------------------------CONTENT-------------------------------------  */
/* -------------------------------------------------------------------------  */
.content{
width:700px;
min-height:450px;
margin-left:230px;
color:#000000;
font-size: small;
}
.h2cv{
padding-top:50px;
}
.homePic{
margin:0 0 20px 125px;
border:solid 3px #ffffff;
}
.imgcv{
float:left;
margin:0 10px 0 0;border:solid 3px #ffffff;
}
.content h2{
margin:15px 0 0 0;
text-transform: uppercase;
font-size: 20px;
color:#333333; /* je te laisse mettre la taille, couleur... comme tu veux */
} 
.content h3{
margin:15px 0 0 0;
font-size: 15px;
color:#333333;
}
.content p{
	text-align:justify;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.content a{
color:#333333;
text-decoration: underline;
}
.content ol{
margin-top:0;
}
.content ol li{
margin:5px 0 0 0;
}
.content ul{
margin-top:0;
list-style: square;
}
.content ul li{
margin:5px 0 0 0;
}
.coordonnees{
margin-top:30px;
}
.footer {
margin-bottom:10px;
margin-top:25px;
font-size:12px;
text-align: center;
}
/* -------------------------------------------------------------------------  */
/* -----------------------------MENU----------------------------------------  */
/* -------------------------------------------------------------------------  */
.divmenu{
width:200px;
position:absolute;
top:65px;
font-size:12px;
}
.divmenu ul{
width:186px;
list-style: none;
margin-left:5px;
padding:0;
}
/* -------------------------------------------------------------------------  */
/* -----------------------------Copy----------------------------------------  */
/* -------------------------------------------------------------------------  */
 .copy{
 width:950px;
 margin:0 auto 5px auto;
 color:#777777;
 text-align:right;
 font-size:12px;
 }
/* -------------------------------------------------------------------------  */
/* -----------------------------Image table---------------------------------  */
/* -------------------------------------------------------------------------  */
.tblpic{
margin-top:20px;
}
.tblpic td{
border-collapse: collapse;
border:solid 3px #ffffff;
margin:0;
padding:0;
}
.petitDiv{ 
max-width:658px; 
 min-height:35px;
 margin:0;       
 background:url(../media/bg.png);
}
.petitDiv p{
margin:0;
padding:5px;
text-align: center;
}

.tblpic2 {
border:solid 3px #ffffff;
margin:0;
padding:0;
}

/*-----------------------------Menu dynamique---------------------------------*/
.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:188px;
    width/**/:186px;
    padding:0;    
    list-style: none;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    /*line-height:30px;*/
    list-style: none;
    margin-left:5px;
    padding:0;
    position:absolute; /* important */
    width:188px;
    width/**/:186px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{background-color:#e0ecfa;
    margin-left:190px; /* be careful */
    margin-top:-35px;
    }
    
.menu a{
    text-align:left;
    display:block;
    color:#333333;
    width:186px;
    text-decoration:none;
    margin:0;
    padding:10px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color:#FFFFFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color:#FFFFFF;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:186px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    border-bottom: dotted ;
    border-bottom-width:1px;
    border-bottom-color:#ffffff;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color:#FFFFFF;
    }