html{
	font-size:100%;/*bug IE*/
}
body{
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
/*	font-size:13px;*/
	font-size:0.8em;
}

h1{
	font-size:1em;
}

a{
	text-decoration:none;
}

.accesskey{
	display:none;
}

.important{
	font-weight:bold;
}
.notabene{
	font-size:0.85em;
}

#skip_navigation{
	display:none;
}




#introduction{
	padding-top:0px;
	padding-right:20px;
	border-bottom:1px solid black;
	height:150px; 
}
#introduction h1{
	padding:0;
	margin:0;
	font-size:0.9em;
}
#logo{
	float:left;
	background-color:#ffffff;
	height:150px; 
	width:275px;
	border-right:1px solid black;	 
	text-align:center;	 
	font-size:1.9em;
	font-weight:bold;
}
#logo img{
	border:0;
}

#mots_clefs{
	border:1px solid #5f8fa6;
/*	border:1px solid red;*/
/*	background-color:#5f8fa6;*/
	text-align:right;
}
#mots_clefs ul{
	list-style-type:none;/*square;*/
	font-size:0.9em;
/*	padding:0px;
	margin:0px;*/
}
#mots_clefs a{
	color:black;
	text-decoration:none;
}
#mots_clefs a:hover{
	color:#ffffff;
	text-decoration:none;
	cursor:help;
}






.entete{
	display:block;
	padding:5px;
	padding-left:20px;
	color:#ffffff;
	font-weight:bold;	
}
#menu{
	float:left;
	width:275px;
	clear:both;
	border-right:1px solid black;
}

#menu a{
	color:#000000;
	text-decoration:none;
	display:block;
}

#menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu li{
	line-height: 20px;
	padding-left:10px;
}

#menu ul ul{
	padding-bottom:0;
	background:none;
}
#menu ul li{
}
#menu ul li a{
	padding-top:7px;
	padding-bottom:7px;
	font-weight:bold;
	width:245px;
}
#menu ul li a.sel{
}
#menu ul li a:hover{
}
#menu ul ul li a{
	padding-left:10px;
	font-weight:normal;
	width:235px;
}
#menu ul ul li a:hover{
}

#conteneur_droite{
	float:right;
	width:17%;
	margin-top:40px;
	margin-right:20px;
}
#conteneur_droite #scroll{
	overflow:auto;
	width:98%;
	height:350px;
	scrollbar-arrow-color: #ffffff;
	scrollbar-face-color: #5f8fa6;
	scrollbar-track-color: #eeeeee;
	scrollbar-highlight-color: #8fd3f4;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #56575a;
	scrollbar-darkshadow-color: #ffffff;
	padding-right:3px;
}
#conteneur_droite ul.images,#conteneur_droite ul.images li{
	list-style:none;
	margin:0;
	padding:0;
}
#conteneur_droite ul.images li{
	position:relative;
}

#conteneur_droite ul.images li div.zoom{
	position:absolute;
	top:-150px;
	right:250px;
position:fixed;
top:100px;
left:280px;
	display:none;
	width:502px;
	background-color:#fff;
	padding:5px;
	border:3px solid #56575a;
	text-align:center;
	font-size:1.2em;
	color:#56575a;
	font-weight:bold;
	z-index:2;
}
#conteneur_droite ul.images li.zoomable:hover div.zoom{
	display:block;
}
#conteneur_droite img{
	width:100%;
	border:1px solid #000000;
	margin-bottom:15px;
}
#conteneur_droite img.sans_cadre{
	border:0;
}
#info_contextuelle{
	border:1px dotted black;	
	width:96%;
	padding:2%;	
}
#info_contextuelle h1{
	margin:0;
	padding:3px 0;
	text-align:center;
}
#info_contextuelle ul{
	margin:3px;
	padding-left:20px;
}

#textes{
	border-left:275px solid #c7e9fa;
}
.texte{
	border-left:1px solid black;
/*	margin-left:275px;*/
	margin-right:40px;
	padding:10px;	
}
.texte h1{
	font-size:1.15em;
}
.texte h2{
	font-size:1.1em;
}
.texte h3{
	font-size:0.9em;
	padding-left:10px;
}

.texte ul{
	list-style-image:url('../img/puce2.png');
}
.texte li{
	list-style-image:url('../img/puce2.png');
}
.texte ul ul{
	list-style-image:url('../img/puce1.png');
}

.texte a:before{
	content:"[";/* url('../img/main.png');/*"[lien] ";*/
}
.texte a:after{
	content:"]";
}
.texte a.externe{
	text-decoration:underline;
}
.texte a.externe:before{
	content:"";
}
.texte a.externe:after{
	content:" [lien externe]";
}
.texte a.image:after,.texte a.image:before{
	content:"";
}

#references150 a:after,#references150 a:before{
	content:"";
}


.texte ul#references150{
	list-style-image:none;
}
.texte ul#references150 li{
	list-style-image:none;
}
.texte ul#references150 ul{
	list-style-image:none;
}

#references150{
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;
/*border:1px solid red;*/
}

#references150 li{
	margin:0;
	border:0;
	width:450px;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #d18a70;
	text-align:center;
	font-size:0.75em;	
	overflow:hidden;
/*border:1px solid green;*/
}
#references150 li img{
	float:left;
	border:1px solid #a0a0a0;
	border-bottom:2px solid #808080;
	border-right:2px solid #808080;
}
#references150 li a{
	color:black;
	text-decoration:none;
	display:block;
}
#references150 li a:hover{
	color:#f27a09;
}
#references150 li ul{
	padding:0;
	margin:0;
	padding-top:10px;
	list-style-type:none;
	width:280px;
	margin-left:160px;
}
#references150 li ul li{
	text-align:left;
	padding:0;
	margin:0;
	margin-left:15px;
	border:0;
	font-size:1em;
	width:265px;
/*	clear:none;*/
}
#references150 li ul li a{
	color:#5f8fa6;
	text-decoration:none;
	display:inline;
}
#references150 li ul li a:hover{
	color:#8fd3f4;
}

#informations{
/*	height:31px;*/
	clear:both;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
#informations a{
	font-weight:bold;
	color:black;
	text-decoration:none;
}
#informations a:hover{
	text-decoration:none;
	cursor:help;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#informations ul{
	margin:0;
	padding:7px;
}
#informations li{
	padding-left:20px;
	list-style-type:none;
	display:inline;
}

#projets li{
	margin-bottom:10px;
}
#projets li span.titre{
	font-weight:bold;
}
#projets li li{
	margin-bottom:0px;
}
.note{
	display:block;
	padding-top:10px;
	padding-left:20px;
	font-size:0.85em;
	color:#505050;
}

.texte input,.texte textarea{
	border:1px solid #505050;
}

#informations{
	border-top:1px solid black;
	border-bottom:1px solid black;
	background:#56575a;
	color:#ffffff;
}
#informations a{
	color:#ffffff;
}
p.trait{
	border-left:1px solid #56575a;
	padding-left:10px;
}
p.trait:hover{
	border-left:1px solid #8fd3f4;
	padding-left:10px;
}
/*
#popup{
position:absolute;
top:0px;
left:0px;
}
#popup,a:hover span{
color:#000000;
border:1px solid black;
background-color:#dddddd;
}

a span{
display: none;
}

a:hover{
background:none;
}

a:hover span{
color:#ff0000;
display:inline;
position:absolute;
top:213px;
left:500px;
}
*/
.texte h1{
	background:url('../picto/media-playback-start.png') center left no-repeat;
	padding-left:30px;
	height:22px;
	line-height:22px;	
}
#accueil h1{
	background-image:url('../picto/applications-internet.png');
}
#projet h1{
	background-image:url('../picto/internet-news-reader.png');
}
#competences h1{
	background-image:url('../picto/preferences-desktop-peripherals.png');
}
#site_internet h1{
	background-image:url('../picto/internet-web-browser.png');
}
#impression_carte_de_visite h1{
	background-image:url('../picto/contact-new.png');
}
#outil_internet h1{
	background-image:url('../picto/document-properties.png');
}
#referencement_site h1{
	background-image:url('../picto/edit-find.png');
}
#tarif_referencement h1{
	background-image:url('../picto/edit-paste.png');
}
#definition_referencement h1{
	background-image:url('../picto/help-browser.png');
}
#referencement_professionnel h1{
	background-image:url('../picto/edit-find.png');
}
#referencement_manuel h1{
	background-image:url('../picto/edit-find.png');
}
#positionnement_site_internet h1{
	background-image:url('../picto/x-office-spreadsheet.png');
}
#actualite_referencement h1{
	background-image:url('../picto/appointment-new.png');
}

#creation_site_internet_tarif h1{
	background-image:url('../picto/accessories-text-editor.png');
}
#conseil h1{
	background-image:url('../picto/edit-paste.png');
}
#hebergement h1{
	background-image:url('../picto/go-home.png');
}
#progiciel h1{
	background-image:url('../picto/applications-system.png');
}
#references h1{
	background-image:url('../picto/text-html.png');
}
#equipe h1{
	background-image:url('../picto/system-users.png');
}
#chef_de_projet_internet h1{
	background-image:url('../picto/applications-office.png');
}
#developpeur h1{
	background-image:url('../picto/emblem-system.png');
}
#graphiste h1,#graphistes h1{
	background-image:url('../picto/applications-graphics.png');
}
#informatique_la_clayette h1{
	background-image:url('../picto/go-home.png');
}
#contact h1{
	background-image:url('../picto/internet-mail.png');
}
#plan_du_site h1{
	background-image:url('../picto/system-search.png');
}
#accessibilite h1{
	background-image:url('../picto/preferences-desktop-accessibility.png');
}
#mentions_legales h1{
	background-image:url('../picto/x-office-address-book.png');
}
#communication_bourgogne h1{
	background-image:url('../picto/internet-web-browser.png');
}
#informatique h1{
	background-image:url('../picto/preferences-desktop-peripherals.png');
}
#partenariat h1{
	background-image:url('../picto/application-certificate.png');
}
#liens h1{
	background-image:url('../picto/mail-attachment.png');
}
table{
	width:100%;
}
table,td,th{
	border:1px solid #000;
	border-collapse:collapse;
}
tr.top,th.top,td.top{
	background-color:#eee;
}
tr.top td.top{
	font-weight:bold;
}
th.modele{
	text-align:left;
}
td.prix{
	text-align:right;
}

form label{
	width:200px;
	display:block;
	text-align:right;
	margin-right:10px;
	float:left;
	font-weight:bold;
	color:#56575a;
}
form br{
	clear:left;
}