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

}

.colonne1{position:absolute;left:0;height:100%;width:15%;top:0;z-index:2}
.colonne2{position:absolute;margin:0 0 0 154px;height:100%;width:80%;font-size:100%}
.colonne3{position:absolute;margin:10px 0 0 150px;height:10%;width:100%;top:80%}

.iframe {
  width: 100%;
  height:62%;
  overflow:auto;
  margin:20px 0 0 0;
  padding:10px;
  position:relative;
  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;

}
.iframeg {
  width: 100%;
  height:70%;
  overflow:auto;
  margin:20px 0 0 0;
  padding:0px;
  vertical-align:bottom;
  text-align:center;
    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;

}
.iframegg {
  width: 100%;
  height:500px;
  overflow:no;
  margin:0 0 0 0;
  padding:0px;
}

.conteneur {width:100%; height:100px; margin:0 0 0 0; vertical-align:top;text-align:center;font-size:120%}
.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;
}
.flot {
  background-color: #ccccff;
  border: 0;
  margin: 0 0 0 0;/*haut droite bas gauche*/
  float: left;
  text-align: left;
  font:normal normal 90% arial,sans-serif;
  height:50px;
}

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

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

.fieldpros {
padding:0px 5px 5px 2px;
width:300px;
margin: 0 10px 0 10px;
}
.field {
padding:0px 5px 5px 2px;
margin: 0 0 0 10px;
font-size:100%;
}

legend {
font:bold italic 90% arial,sans-serif;
color:#0066cc;
margin: 0 0 10px 0}

.avignon {
  background-color: #ccccff;
  border: 1px solid #0066cc;
  margin: 8px 0 0 3px;/*haut droite bas gauche*/
  float: left;
  text-align: center;
  font:normal normal 100% arial,sans-serif;
  width:184px;
}
.presse {
  background-color: #ccccff;
  border: 0;
  margin: 8px 0 0 3px;/*haut droite bas gauche*/
  text-align: center;
  vertical-align:middle;
  color:#ccccff;
}

.pros {
  background-color: #ccccff;
  border: 0;
  margin: 0px 0 0 0px;/*haut droite bas gauche*/
  float: left;
  text-align: left;
  vertical-align:middle;
  font:normal normal 80% arial,sans-serif;
  width:220px;
  height:51px;
}
.pro {
  background-color: #ccccff;
  border: 0;
  margin: 0px 0 0 0px;/*haut droite bas gauche*/
  float: left;
  text-align: center;
  font:normal normal 80% arial,sans-serif;
  width:50px;
  height:51px;
}
.spect {
  background-color: #ccccff;
  border: 0;
  margin: 0px 0 0 0px;/*haut droite bas gauche*/
  padding:0 10px 10px 0;
  float: left;
  text-align:center;
  font:normal normal 80% arial,sans-serif;
  width:70px;
}
.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%;
}
.esp {
  border: 0;
  margin: 10px 10px 0 10px;/*haut droite bas gauche*/
  padding:0 20px 10px 20px;
  float: left;
  text-align:left;
  font:normal normal 90% arial,sans-serif;
}
.tabcent {
  background-color:#ccccff;
  border:0;
  margin:10px 10px 0 10px;
  padding:10px 0 20px 0;
  float: left;
  text-align:center;
  font:normal normal 90% arial,sans-serif;
  width:90%;
}

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

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

.baspage{position:absolute;top:92%;margin:0 0 0 0;width:90%;height:17px;text-align:center;font-size:70%}
.basdroit{position:absolute;top:95%;margin:0 0 0 75%;width:20%;height:17px;text-align:right;font-size:70%}
.menu{float:left;width:154px;background:#0066cc;z-index:2; height:97%}
.bas {
position:absolute;
text-align:center;
font-size:70%;
border-spacing:0;
height:25px;
bottom : 1px;
}
.surbas {
position:absolute;
bottom:30px;
}

a {
text-decoration:underline;
color:#0066cc;
}
a:visited {
text-decoration:underline;
color:#0088cc;
} 
a:hover {
text-decoration:none;
color:#0011cc;
}
a:active {
color:#00cccc;
} 
a:focus {
color:#990000;
} 


/*Menu déroulant*/
	#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 49px 0 0 0;
		list-style: none;
		float : left;
		width : 148px;
	}
	
	#nav li { /* tous les items de première liste */
		position : relative;
		float : left;
		line-height : 35px;
		margin:0 0 25px 0;
		width: 154px;
		font-size: 15px;
		top:0;
	}
	
	#nav li ul li { /* tous les items de deuxième liste et suivantes */
		position : relative;
		float : left;
		line-height:20px;
		margin-bottom : 0px;/*marge sous les items*/
		width: 154px;
		font-size: 15px;
	}
	#nav li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 154px; /*position gauche des listes de deuxième niveau*/
		margin-top : -35px;
	}
		
	#nav li a {
		width: 154px; /*largeur items de liste*/
		width : 154px; /*largeur cellules de liste*/
		display : block;
		color : white;
		font-weight : lighter;
		text-decoration : none;
		background-color : transparent;
		border : 0px;
		padding : 0px 0px; /*espacement haut et lat dans les cellules*/
		margin-left:0px;
	}
	
	#nav li a:hover {
		color : inherit;
		background-color : transparent;
	}
	
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}
/*Titre*/
h1 {
font:normal normal bold 130% normal arial,sans-serif;
color:#0066cc;
margin-top:30px;
text-align:center;
margin-bottom:10px;
clear:both;
}
h2 {
font:normal normal bold 130% normal arial,sans-serif;
color:#0033ff;
text-align:center;
margin-top:20px;
margin-bottom:10px;
clear:both;
}
h3 {
font:normal normal bold 110% normal arial,sans-serif;
height:10px;
text-align:center;
margin-top:10px;
margin-bottom:20px;
clear:both;
}

h4 {
position :relative;
font :normal bold italic 100% normal arial,sans-serif;
text-align:center;
margin-top:20px;
margin-bottom:20px;
clear:both;
}

h5 {
font:normal normal 80% normal arial,sans-serif;
text-align:center;
margin-bottom:5px
}
h6 {
font:normal normal 60% normal arial,sans-serif;
text-align:right;
}


/*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;
}
.spec {
position:relative;
font-size:100%;
font-style:italic;
font-weight:bold;
font-family:arial,sans-serif;
}

.pr {
font-size:90%;
color:#000000;
background-color:transparent;
text-align:right;
margin-left:0px;
margin-right:0px;
}
.pp {
position:relative;
left:100px;
width:85%;
top:-15px;
font-size:80%;
color:#000000;
background-color:transparent;
text-align:justify;
margin-left:0px;
margin-right:0px;
}
pp {
position:relative;
left:100px;
font-size:80%;
color:#000000;
background-color:transparent;
text-align:justify;
margin-left:0px;
margin-right:0px;
}

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

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

.date {
font:normal bold 100% arial, sans-serif;
text-align:center;
}
st{
font: bold normal 100% arial,sans-serif;
color:#000000;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}
.st{
position:relative;
left:2px;
font:normal bold 100% arial,sans-serif;
color:#000000;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}
.sst{
position:relative;
left:60px;
width:200px;
font:italic bold 90% arial,sans-serif;
color:#000000;
background-color:transparent;
text-align:left;
}

.y {
	font:normal normal 85% normal arial,sans-serif;
	text-align:right;
	position:relative;
	left:0;
	width:80px;
}
.m {
font:bold normal 85% arial, sans-serif;
text-align:right;
position:absolute;
left:2px;
}

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

/*site clown*/

.colonne4 {
border : 1px solid #0066cc;
width : 95%;
height : 95%;
margin : 2% 0% 5% 2%;
position : center;
}

.conteneur2 {width: 100%; height:100px; margin:0 0 0 0; vertical-align:top;text-align:center; background-color : #0066cc}
.conteneur3{position:absolute;top:95%;margin:0 0 0 0;padding:3px 0 0 0;width:100%;height:23px;text-align:center;font-size:80%;color:#ffffff;background-color : #0066cc}