/* CSS Document */
* {
margin:0;
padding:0;
}
body{
margin:0 0 0 0;
background:#ccccff;
width:100%;
height:100%;
font:90% arial, sans-serif;
color:#000000;
overflow : auto;
}

.colonne1{position:absolute;left:0;height:100%;width:15%;top:0;z-index:2}
.colonne2{position:absolute;margin:0 0 0 0;height:100%;width:95%}
.colonne3{position:absolute;margin:20px 0 0 0;height:10%;width:100%}

.iframe {
  width: 94%;
  height:60%;
  overflow:auto;
  margin:0 0 0 50px;
  padding:10px;
  scrollbar-face-color: #ccccff;
scrollbar-track-color: #ccccff;
scrollbar-arrow-color: #0066cc;
scrollbar-shadow-color: #0066cc;
scrollbar-highlight-color: #ccccff;
scrollbar-3dlight-color: #0066cc;
scrollbar-darkshadow-color: #ccccff;

}
.iframep {
  width: 95%;
  height:61%;
  overflow:auto;
  margin:20px 0 0 0;
  padding:10px;
  scrollbar-face-color: #ccccff;
scrollbar-track-color: #ccccff;
scrollbar-arrow-color: #0066cc;
scrollbar-shadow-color: #0066cc;
scrollbar-highlight-color: #ccccff;
scrollbar-3dlight-color: #0066cc;
scrollbar-darkshadow-color: #ccccff;

}

.article {
  border: 0;
  margin: 10px 10px 0 10px;/*haut droite bas gauche*/
  padding:0 20px 10px 20px;
  float: left;
  text-align:justify;
  font:normal normal 90% arial,sans-serif;
  width:90%;
}

.conteneur {width: 100%; height:80px; margin:0 1% 0 1%; vertical-align:top;text-align:center;background-color:#ccccff;position:relative}
.conteneur1 {width: 100%;height:80px;margin:0 0 0 154px; vertical-align:top;text-align:center}
.titres {width: 80%;height:5%;margin:0 0 0 0;text-align:center; font:normal normal 110% arial, sans-serif;padding:0 5% 0 5%}

.flottante {
  background-color: #ccccff;
  border: 0;
  margin: 0 0 0 0;/*haut droite bas gauche*/
  float: left;
  text-align: center;
  font:normal normal 90% arial,sans-serif;
}

fieldset {
border : 1px solid #0033cc;
font-size:90%;
padding:10px 10px 10px 10px;
margin:0 0 0 0}


.spacer {clear: both;height:10px;}
.spp {clear:both;height:1px}

.baspage{position:relative;margin:0 1% 0 1%;width:100%;height:17px;text-align:center;font-size:90%}
.basdroit{position:relative;text-align:right;color:#ffffff;font-size:70%;margin-top:-22px}
.menu{float:left;width:154px;background:#0066cc;z-index:2; height:95%}


a {
text-decoration:underline;
color:#0066cc;
}
a:visited {
text-decoration:none;
color:#0088cc;
} 
a:hover {
text-decoration:underline;
color:#0066cc;
}
a:active {
color:#ffffff;
} 
a:focus {
color:#ffffff;
} 


/*Titre*/
h1 {
font:normal normal bold 150% normal arial,sans-serif;
color:#0066cc;
position:relative;
top:30px;
text-align:center;
height:50px;
margin-bottom:10px;
z-index:2;
}
h2 {
font:normal normal bold 150% normal arial,sans-serif;
color:#0033ff;
text-align:center;
height:40px;
margin-top:10px;
}
h3 {
font:normal normal bold 115% normal arial,sans-serif;
color:#000000;
height:10px;
text-align:center;
height:25px;
margin-top:20px;
}

h4 {
font :normal bold italic 110% normal arial,sans-serif;
color:#000000;
text-align:center;
margin-top:10px;
margin-bottom:20px;
}

h5 {
font:normal normal bold 100% normal arial,sans-serif;
color:#000000;
position:relative;
top:20px;
text-align:center;
height:50px;
}
h6 {
font:normal normal 80% normal arial,sans-serif;
text-align:center;
}


/*Textes*/
p {
position:relative;
font-size:90%;
color:#000000;
background-color:transparent;
text-align:justify;
margin-left:0px;
margin-right:0px;
margin-top:8px;
margin-bottom:8px;
z-index:2;
}

center {
font-size:90%;
color:#000000;
background-color:transparent;
text-align:center;
margin-left:0px;
margin-right:0px;
z-index:2;
}

.centg {
font-size:90%;
color:#000000;
background-color:transparent;
text-align:center;
margin-left:0px;
margin-right:0px;
font-weight:bold;
z-index:2;
}
.centp {
font-size:80%;
background-color:transparent;
text-align:center;
margin-left:0px;
margin-right:0px;
}

.gauche{position:absolute;left:20px;font-size:90%}
.droite{position:relative;left:150px;top:15px;width:413px;height:170px;font-size:90%}

/*site clown*/


#position1 {
position:absolute;
top:65%;
left:70%;
}
#position2 {
position:absolute;
top:20%;
left:65%;
z-index:1;
}
#position3 {
position:absolute;
top:20%;
left:15%;
z-index:1;
}
#position4 {
position:absolute;
top:65%;
left:15%;
}
#position5 {
position:relative;
top:25%;
left:0%;
color:#000000;
}
#position6 {
position:absolute;
top:50%;
left:50%;
}

#position4, #position3, #position2, #position1, #position5, #position6 {
text-align:center;
font:bold 80% arial,sans-serif;
}

#logos {
position:absolute;
top:80%;
left:80%;
z-index:0;
}
.bas a {
text-decoration:underline;
color:#ffffff;
}
.bas a:visited {
text-decoration:underline;
color:#ffffff;
} 
.iframe2 a:hover {
text-decoration:none;
color:#0011cc;
}
.iframe2 a:active {
color:#00cccc;
} 
.iframe2 a:focus {
color:#990000;
} 
.bas {
color:#ffffff;
text-align:center;
font-size:80%;
border-spacing:0;
height:25px;
}
.logo{position:absolute;vertical-align:bottom}

.scol {
  background-color:#ccccff;
  border : 0;
  margin:10px 10px 0 0;
  padding:0;
  float:left;
  text-align:center;
  font:normal normal 80% arial,sans-serif;
  }

.spec {
font :normal italic bold 100% normal arial,sans-serif;
}
.fieldpros {
padding:0px 5px 5px 2px;
width:300px;
margin: 0 10px 0 10px;
}