@media screen {/*configuration pour affichage à l'écran.*/

* {margin:0;padding:0}

body {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	background: url(http://www.creationweb.com/ftop2004.gif) repeat-x;
}

#banniere {
	height:135px;
	background: url(http://www.creationweb.com/ban2005.gif) no-repeat;
}

#contenu {
	position: absolute;
	top: 190px;
	margin-left: 110px;
	margin-right: 125px;
	padding: 10px;
	width: 66%;
}
.liste {
	padding-left:25px;
}
li {
	margin-bottom:10px;
}
#contenu li {
	margin:8px 0;
}
img {	
	border: 0px;
}
.PR {
	background-color: #D9D9D9;
	color: #000000;
	width: 35px;
	height: 8px;
}
a {
	text-decoration: underline;
	color: #C07832;
}
a:hover {
	text-decoration: none;
	color: #C07832;
}
p {
	text-align: justify;
	padding: 10px 0 ;
}
.titre, h1, h3 {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	background-color: #C07832;
	padding: 5px;
}
h1 span, h2 span, h3 span {
	position: absolute;
	top: -500px;
}
.slogan {
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	background-color: transparent;
	position: absolute;
	top: -180px;
	}
.link {
	padding: 10px ;
	border-width: thin;
	border: 1px solid #7C7CAD;
}
.lien {
background-color: #F0F0F7;
padding: 8px;}

.bold {
	font-weight: bold;
}

.client {
background-color: #F0F0F7;
padding: 8px ;
border: thin 1px solid #7C7CAD;
font-size: 0.8em;}
.small {
	font-size: 0.8em;
}
.medium, .news {
	font-size: 0.85em;
}
.stitre {
	font-size: 0.8em;
	font-weight: bold;
}
#haut {	
	text-align: right;
}

/* Pied de page*/

#pied {font: 10px Verdana, Arial, Helvetica, sans-serif;}
#pied p span {font: 10px Verdana, Arial, Helvetica, sans-serif;}

/* Menu */

#menu {
position: absolute;
top: 132px;
z-index:100;
width: 100%; /* précision pour Opera */

}
dl, dt, dd, .news{
list-style-type: none;
}
#menu dl {
float: left;
/* width: 10em; ENLEVER POUR NOUVEAU SITE */
margin-top: 3px;
}
/* Taille des boutons du menu */
#qui {width: 130px;}
#services {width: 100px;}
#partenaires {width: 110px;}
#contact {width: 110px;}
#dico {width: 100px;}
#etudes {width: 60px;}
#annuaire {width: 120px;}

#menu dt {
cursor: pointer;
text-align: center;
background: #7C7CAD;
}
#menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 22px;
padding-top: 3px;
}
#menu dt a:hover {
background: #150860;
}
#menu dd {
display: none;
background: #fff;
border: 1px solid #fff;
}
#menu li {
text-align: center;
background: #150860;
list-style-type: none;
/*width: 120px;*/
border: 1px solid #fff;
}
#menu li a {
color: #fff;
text-decoration: none;
display: block;
/*height: 20px;*/
/*padding-top: 3px;*/
padding: 3px;
}
#menu li a:hover {
background: #C07832;
}

/* Animation */
#anim {	
	position: absolute;
	top: 250px;
}
/* Droite */
#droite {
position: absolute;
top: 200px;
right: 10px;
width: 120px;
}
/* Annuaire */
/* categories */
.col-anu {
  float: left;
  width: 50%;
 }
liste-anu {
}
ul.liste-anu {margin-left: 20px;
}
li.liste-anu {
   display: list-item;
   list-style-image: url(http://www.creationweb.com/annuaire/puce.png);
   margin-bottom: 10px;
   margin-top: 15px;
	margin-left: 20px;
}
li.liste-anu a:hover {
	text-decoration: none;
	color: #7C7CAD;
	list-style-image: url(http://www.creationweb.com/annuaire/puce2.png);
}
.form {
padding: 10px 0;
  }

}

/*configuration pour l'impression*/

@media print {

	#contenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	}
	 

	/*A l'impression on cache certains éléments.*/
	h1 span, h2 span, h3 span, object, #menu,
	#top, #banniere, #haut, img {
	display: none;
	}
}