body{
margin:0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana,arial,sans-serif;
background-image: url(images/logo%20cftc%20fantome.gif);
background-repeat: no-repeat;
background-position: center center;
}

.bouton_menu_haut{
position: absolute;
top: 16%;
left: 0%;
margin-left: 0%;
width: 100%;
height: 5%;
	list-style-type: none;
	padding-left: 0;
	display: block;

/*background-color:#b6def7;*/
background-color:lightblue;

}

.menu_haut_gauche{
  float: left;
/*	padding-left: 5px;
	padding-right: 15px;
/*background-color:#b6def7;*/
}

.menu_haut_gauche a:link {
	color: #000000;
  font-size: 16px;
	text-decoration: none;
	margin: 5px;
}
.menu_haut_gauche a:visited {
	text-decoration: none;
  font-size: 16px;
	color: #000000;
	margin: 15px;
}
.menu_haut_gauche a:hover {
  background-color: yellow;
  text-decoration: none;
	color: #0066FF;
  font-size: 16px;
	font-weight: 900;
	cursor: crosshair;
	margin: 15px;
}
.menu_haut_gauche a:active {
  font-size: 16px;
	text-decoration: none;
	color: #CCFF00;
	margin: 15px;
}

.menu_haut_droit{
  float: right;
/*	padding-left: 20px;
	padding-right: 5px;
/*background-color:#b6def7;*/
}

.menu_haut_droit a:link {
	color: #000000;
  font-size: 16px;
	text-decoration: none;
	margin: 5px;
}
.menu_haut_droit a:visited {
	text-decoration: none;
  font-size: 16px;
	color: #000000;
	margin: 15px;
}
.menu_haut_droit a:hover {
  background-color: yellow;
  text-decoration: none;
	color: #0066FF;
  font-size: 16px;
	font-weight: 900;
	cursor: crosshair;
	margin: 15px;
}
.menu_haut_droit a:active {
  font-size: 16px;
	text-decoration: none;
	color: #CCFF00;
	margin: 15px;
}







.logo{
position: absolute;
top: 0%;
margin-left: 0%;
width: 100%;
height: 16%;
/*background-image: url(images/logo_cftc_boulanger2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-color:#b6def7;
*/
}

.conteneur{
height: 8.5%;
width: 7.1%;
}

.menu{
position: absolute;
top: 21%;
left: 0;
width: 10%;
height: 79%;
background: url(images/menu.jpg);
background-repeat: repeat;
font-size: 10px;
border: 2px solid lightblue;

}

.frame{
position: absolute;
top: 21%;
margin-left: 11%;
width: 88%;
height: 69%;
overflow: auto;
font-size: 95%;
}

.frame2{
position: absolute;
top: 21%;
margin-left: 1%;
width: 99%;
height: 78%;
overflow: auto;
font-size: 85%;
}

.frame3{
position: absolute;
top: 34%;
margin-left: 1%;
width: 99%;
height: 66%;
overflow: auto;
font-size: 85%;
}

.frame4{
position: absolute;
top: 9%;
margin-left: 1%;
width: 99%;
height: 90%;
overflow: auto;
font-size: 85%;
}

.bas{
position: absolute;
top: 91%;
left: 11%;
width: 89%;
height: 7%;
}

table
{
   border-collapse: collapse;
}
th
{
   border: 1px solid black;
}
td
{
   border: 1px solid black;
   width : 20%;
   height : 30%;
   
}
.bouton_titre {
	text-decoration: bold blink;
	color: #0066FF;
  font-size: 18px;
}

.calendrier:link {
	color: #000000;
  font-size: 11px;
	text-decoration: none;
}
.calendrier:visited {
	text-decoration: none;
  font-size: 11px;
	color: #000000;
}
.calendrier:hover {
	text-decoration: underline overline blink;
	color: #0066FF;
  font-size: 15px;
	font-weight: 900;
	cursor: crosshair;
}
.calendrier:active {
  font-size: 11px;
	text-decoration: none;
	color: #CCFF00;
}
.agenda1{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 5%;
margin-left: 1%;
width: 32%;
height: 90%;
overflow: auto;
font-size: 84%;
}
.agenda2{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 30%;
margin-left: 34%;
width: 66%;
height: 65%;
overflow: auto;
font-size: 100%;
}
.agenda3{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 5%;
margin-left: 34%;
width: 66%;
height: 23%;
overflow: auto;
font-size: 100%;
}
.question_majuscule:link {
	color: #0066FF;
  font-size: 20px;
	text-decoration: none;
}
.question_majuscule:visited {
	text-decoration: none;
  font-size: 20px;
	color: #0066FF;
}
.question_majuscule:hover {
	text-decoration: blink;
	color: #0066FF;
  font-size: 25px;
	font-weight: 900;
	cursor: crosshair;
}
.question_majuscule:active {
  font-size: 20px;
	text-decoration: none;
	color: #CCFF00;
}
.question:link {
	color: #000000;
  font-size: 15px;
	text-decoration: none;
}
.question:visited {
	text-decoration: none;
  font-size: 15px;
	color: #000000;
}
.question:hover {
	text-decoration: blink;
	color: #0066FF;
  font-size: 20px;
	font-weight: 900;
	cursor: crosshair;
}
.question:active {
  font-size: 15px;
	text-decoration: none;
	color: #CCFF00;
}
.debug{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 0%;
margin-left: 55%;
width: 40%;
height: 12%;
overflow: auto;
font-size: 100%;
}
.position_articlegros{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 1%;
margin-left: 0%;
width: 75%;
height: 65%;
overflow: hidden;
font-size: 90%;
}
.position_articlelogo{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 1%;
margin-left: 77%;
width: 21%;
height: 65%;
overflow: hidden;
font-size: 100%;
}

.position_articlenormal{
position: absolute;
top: 0%;
margin-left: 0%;
width: 100%;
height: 17%;
overflow: hidden;
}
.position_articlenormal_bas{
position: relative;
top: 67%;
margin-left: 0%;
width: 100%;
height: 17%;
overflow: hidden;
}
.position_articlegauche{
padding: 1%;
border: 1px solid black;
position: relative;
top: 0%;
margin-left: 0%;
width: 48%;
height: 90%;
overflow: hidden;
font-size: 80%;
}
.position_articledroit{
padding: 1%;
border: 1px solid black;
position: relative;
top: -90%;
margin-left: 50%;
width: 96%;
height: 90%;
overflow: hidden;
font-size: 80%;
}
.position_suitegros{
position: absolute;
text-align: center;
bottom: 0%;
left: 85%;
width: 16%;
height: 7%;
overflow: hidden;
font-size: 100%;

}

.position_suite{
position: absolute;
text-align: center;
bottom: 0%;
left: 76%;
width: 25%;
height: 25%;
overflow: hidden;
font-size: 80%;


}
.position_articledetail{
padding: 1%;
border: 1px solid black;
position: relative;
top: 0%;
margin-left: 0%;
width: 95%;
height: 85%;
overflow: auto;
font-size: 90%;
}
.position_articledetail_bas{
padding: 1%;
border: 1px solid black;
position: relative;
top: 3%;
margin-left: 0%;
width: 95%;
height: 10%;
overflow: hidden;
font-size: 90%;
}
.position_articledetail_bas_precedent{
position: absolute;
bottom: 5%;
left: 3%;
width: 45%;
height: 100%;
overflow: hidden;
font-size: 80%;
}
.position_articledetail_bas_suivant{
position: absolute;
bottom: 5%;
right: 3%;
width: 45%;
height: 100%;
overflow: hidden;
font-size: 80%;
}

.lien_article:link {
	color: #0066FF;
  font-size: 15px;
	text-decoration: none;
}
.lien_article:visited {
	text-decoration: none;
  font-size: 15px;
	color: #0066FF;
}
.lien_article:hover {
	color: #0066FF;
  font-size: 15px;
	font-weight: 900;
	cursor: crosshair;
}
.lien_article:active {
  font-size: 15px;
	text-decoration: none;
	color: #CCFF00;
}
.representant2{
padding: 1%;
border: 1px solid black;
position: absolute;
top: 22%;
margin-left: 65%;
width: 30%;
height: 42%;
overflow: auto;
font-size: 100%;
}
.representant3{
padding: 1%;
position: absolute;
top: 65%;
margin-left: 17%;
width: 78%;
height: 25%;
overflow: auto;
font-size: 100%;
}
.bouton_menu:link {
	color: #000000;
  font-size: 10px;
	text-decoration: none;
}
.bouton_menu:visited {
	text-decoration: none;
  font-size: 10px;
	color: #000000;
}
.bouton_menu:hover {
  background-color: yellow;
  text-decoration: none;
	color: #0066FF;
  font-size: 14px;
	font-weight: 900;
	cursor: crosshair;
}
.bouton_menu:active {
  font-size: 10px;
	text-decoration: none;
	color: #CCFF00;
}
.photo_gauche {
  float: left;
  margin: 1%;
  height: 46%;
  width: 20%;

}