body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
margin:0;
padding:0;
/*a:active { color:#666666; }
a:link { color:#666666; }
a:visited { color:#666666; }
a:hover { color:red; }*/
}

#top {
width:100%;
height:26px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/top.jpg) repeat-x ;
}
.flag {
margin-top: 7 px;
margin-right:7 px;
}

#top1 {
width:100%;
height:400px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/degra.jpg) repeat-x;

}
#top2 {
position: absolute;
width: 880px;        /* selon la largeur voulue */
margin-left: -335px;  /* moitie de width */
left: 50%;          /* constant, toujours 50% */
margin-top: 30px;
height:142px;
margin-top:-400px;

/*margin-left: 375px !important; /* moitie de width */

background:url(/design/fond/ban1.gif) no-repeat;
}

#banniere {
position: absolute;
width: 840px;        /* selon la largeur voulue */
margin-left: -344px;  /* moitie de width */
left: 50%;          /* constant, toujours 50% */
margin-top: -374px;
/*margin-left:150px !important; /* pour FF */
/*margin-top:-116px;*/
}
/* CSS Document */


/*
table {
a:active { color:#666666; }
a:link { color:#666666; }
a:visited { color:#666666; }
a:hover { color:red; }
}

#retrait {
margin-left:1px;
margin-right:1px;

}
*/
#gogol { /*colone de pub google à gauche*/
     position: absolute;

     width: 130px;        /* selon la largeur voulue */
     margin-left: -450px;  /* moitie de width */
     left: 50%;          /* constant, toujours 50% */
	 margin-top: -120px;
     border: 0;
     background-color: #fff;
	 }

#globalpopup {
    

     width: 760px;        /* selon la largeur voulue */
	  
height: auto;
text-align: left;
border: 1px solid #000;
background-color: #fff;
}
/*changement de la couleur des liens après le menu du header*/
#globalpopup2 a {
color:#666666;
text-decoration: none;
}
#globalpopup2 a:active {
color: #0000FF
}
#globalpopup2 a:hover {
color: red
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/



/*.menu1 { /* boite qui contient le menu (les onglets) */
/*  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
/*  padding-top:12px ; /* marge intérieure haute */
/*  padding-bottom:0px ; /* marge intérieure basse */
/*  background-color:white;
  margin-top:50px;
  
  
  } /* le fond du menu est noir */

/*.onglet { /* style des onglets inactifs */
 /* margin : 0px ; /* marge extérieure */
  /*padding:5px 7px 0px 7px ;
  } /* marge intérieure */
 

/*a.onglet { /* style des liens se trouvant dans un onglet inactif */
/*  background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
/*  border: solid 1px black;
 /* font-size:15px;
 /* text-decoration:none} /* les liens ne sont pas soulignés */

/*.onglet-actif { /* style de l'onglet de la page active */
/*   border-bottom:solid 2px white ; /* le trait inférieur est effacé */
 /*  border-left:solid 2px black;
/*   border-right:solid 2px black;
   border-top:   solid 2px black;
   background-color:white; /* le fond de l'onglet actif est blanc*/
 /*  font-size:15px;}

//////////////////////////////////////////////////
*/

#global {
     position: absolute;

     width: 760px;        /* selon la largeur voulue */
     margin-left: -310px;  /* moitie de width */
     left: 50%;          /* constant, toujours 50% */
   margin-top: -245px; 
height: auto;
text-align: left;
border: 1px solid #000;
background-color: #fff;
}
/*changement de la couleur des liens après le menu du header*/
#global2 a {
color:#666666;
text-decoration: none;
}
#global2 a:active {
color: #0000FF
}
#global2 a:hover {
color: red
}


/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana; font-size:13 px; }

#header {
width: 760px;
height: 118px;
background-image:url(design/header.jpg);
cursor: hand;
}


#logo {
width: 520px;
height: 28px;
margin-top: 0px;
background-color: #090D1A;
border: 1px solid #fff;
border-left: none;
color: #fff;
font-size: 20px;
font-weight: bold;
text-indent: 5px;
float: left;
cursor:hand;
}


#logo2 {
width: 450px;
height: 20px;

margin-top: 2px;
background-color: #090D1A;
border: 1px solid #fff;
border-right: none;
color: #fff;
font-size: 14px;
font-weight: bold;
text-indent: 5px;
float: right;
cursor:hand;
}


#menu {
width: 760px;
height: 40px;
background-image:url(design/menu.jpg);
}

#header2 {
width: 780px;
height: 118px;
background-image:url(design/header.jpg);
cursor:hand;
}
/*
#menu2 {
width: 780px;
height: 40px;
background-image:url(design/menu.jpg);
z-index: 100;
}
.menuText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
a:hover { color:red; }
}
#menu ul {
list-style-type: none;
margin: 2px 0 0 0;
padding: 0;
float: right;
color: #fff;
font-size: 10px;
font-weight: 200;
width: 740px;
z-index: 100;
	a:active { color:red; }
	a:link { color:#ffffff; }
	a:visited { color:#ffff66; }
	a:hover { color:red; }

}
#menu li {
float: left;
margin: 0 2px 0 0;
padding: 0;
}
#menu a {
color:#FFF;
text-decoration: none;
}
#menu a:active {
color: #888;
}
#menu a:hover {
color: #FFFF99;
}

  /*hauteur du menu*/
/*
TABLE.barre_menu {
    width: 760px;
	height: 30px;
	text-align: center;
    background-image:url(/design/menu.jpg);
	z-index:100;

	color:#FFF;	
	a:active { color:red; }
	a:link { color:#ffffff; }
	a:visited { color:#ffff66; }
	a:hover { color:red; }

	}

/*etiquette du menu: couleur, largeur*/
/*
TD.barre_menu {
    cursor: hand;
    text-indent:10px;
   	font-size: 12px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
    width: 200px;
	z-index:100;

}

TD.barre_menu:hover {
  	cursor: hand;
	text-indent:10px;
   	font-size: 12px;
	font-weight: 400;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;

	}

/* LARGEUR du menu déroulant*/
/*
DIV.barre_menu {
    width: 200px;
	border:1px solid;   
	vertical-align: center;
	}

/*block hauteur lien couleur*/
/*
A.barre_menu {
    text-indent:10px;
  	border:1px solid;       
   	font-size: 10px;
	font-weight: 400;
	color:#ffffff;
	text-align: center;
	background-image:url(/design/ss-menu.jpg);
	vertical-align: middle;
	height: 28px;
  }

A.barre_menu:hover {
    border:1px solid;   
    cursor: hand;
	font-size: 11px;
	font-weight: 600;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;
	height: 28px;
	background-image:url(/design/ss-menu.jpg);
	}
*/
#corps {
height: 350px;
}
#gauche {
width: 152px;
float: left;
background-color: #090D1A;
color: #fff;
height: 100%;
padding: 0 3px 0 3px;
}
#droite {
width: 590px;
background-color: #fff;
height: 100%;
float: left;
}
#center {
background-color: #fff;
height: 100%;
float: center;
}
#partie1 {
width: 285px;
float: left;
height: 100%;
padding: 0 3px 0 3px;
}
#partie2 {
width: 285px;
float: left;
padding: 0 3px 0 3px;
height: 100%;
border-left: 1px dashed #888;
}
h1 {
margin: 10px 0 10px 0;
font-size: 1.1em;
text-align: left;
}
h2 {
margin: 5px 0 10px 0;
font-size: 1em;
text-align: left;
}
h3 {
margin: 0;
font-size: 0.9em;
text-align: left;
}
.gauche {
float: left;
}
.droite {
	float: right;
	font-size: 11px;
	color: #666;
}
p {
margin: 0;
}
.texteDroite {
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt; 
font-style: normal;
a:active { color:#666666; }
a:link { color:#666666; }
a:visited { color:##666666; }
a:hover { color:red; }
}

GdTitre { margin-top: auto; border: none; border-left: none; color: #fff; font-size: 20px; font-weight: bold; text-indent: 5px; float: none; ; clip:  rect(   )}
.gdtitre {
	border-left: none;
	font-size: 20px;
	font-weight: bold;
	text-indent: 5px;
	;
	clip: rect( );
	text-align: center;
}
option {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
.bbox {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.wbox { border: 1px solid; border-color: #FFFFFF #000000 #000000 #FFFFFF}
.ifram {
	text-align: center;
}