* {
	padding: 0px;
	margin: 0px;
}
body {
	font: 76% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	width: 100%;
	background-color: #CFD4AF;

}
img, fieldset {
	border: none;
	text-align: left;
}
#home_page, #site_page, #audit_page {
	background: #ffffff url(../style/images/logo_2_fond.gif) repeat-x 0 0;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: justify;
}
#home {
	background: url(../style/images/logo_0.gif) no-repeat 0 0; 
	position: fixed;
	top: 0px;
	left: 0px;
}
#home h1 {
	color: #88887b;
	font-size: 180%;
	text-align: right;
	font-weight: normal;
	line-height: 80%;
	background:  url(../style/images/situez.gif) no-repeat 100% 100%;
	width: 140px;
	padding: 150px 0px 70px 0px;	
}
#home_page #articles {
	width: 60%;
	min-width: 557px;
}
#solution_internet {
	background-color: White;
/*	width: 182px;*/
	padding: 22px 10px;
	border: 1px dotted #687EAF;
}
#home_page #articles blockquote {
	margin-left:193px;
}
blockquote {
	font-family: "Times New Roman", Times, serif;
	color: #F49946;
	font-size: 180%; 
	font-style: italic;	
}
#home_page blockquote  {
	position : relative;
	top : -2em;
	left: 0px;
	padding-left:25px;
	background: url(../style/images/blockquote_d.gif) no-repeat 0 0 ;
	padding-bottom: 0px; 
	margin-bottom: 0px;
}
#home_page #article_1, #home_page #article_2, #home_page #article_3, #home_page #article_4, #home_page #article_5 {
	background: url(../style/images/blockquote_f.gif) no-repeat 100% 100% ;
}
#home_page #article_1 {
	margin-top: 0px;
	padding-top: 10px;
}
.p_a {
	min-height: 110px;
	position: relative;
	top: -10px; 
}
#article_1 .p_a, #article_3 .p_a, #article_5 .p_a {
	padding: 0px 5px 0px 220px;
}
#article_2 .p_a, #article_4 .p_a {
	padding: 0px 5px 0px 220px;
}
#articles .p_a p {
	padding: 0 0 5px 0;
}
#home_page #article_1 .p_a  {
background: url(../style/images/acteur.jpg) no-repeat 5px 70%; 
}
#home_page #article_2 .p_a  {
background: url(../style/images/rue_environnement.jpg) no-repeat 5px 70%; 
}
#home_page #article_3 .p_a  {
	background: url(../style/images/image.jpg) no-repeat 5px 70%; 
}
#home_page #article_4 .p_a  {
background: url(../style/images/foule_environnement.jpg) no-repeat 5px 70%; 
}
#home_page #article_5 .p_a  {
	background: url(../style/images/developper.jpg) no-repeat 5px 70%; 
}
#home_page #styles_select fieldset form {
	margin-left: 10.5em;
	margin-top: -1.5em;
}
#home_page #styles_select fieldset legend {
	padding-top: 5px;
	padding-bottom:0;
}
#home_page #articles a {
float: right;
}
#articles {
	margin: 0px 10% 0 147px;
	padding: 10px 10px 10px 10px;
	background-color: #F3F4DB;
/*	background-color: #000000;*/
	z-index: 1;
	height: 100%;
}
#articles h1 {
	margin: 25px 10px 0px 8px; 
	color: #c2620a;
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	background: url(../style/images/reliure.gif) no-repeat 0 0% ;
}
#styles_select legend {
	color: #87450A;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
}
.bouton {
	background: url(../style/images/bouton.gif) repeat-x 0 0 ;
}
select {
	background-color: #F3F4DB;
	border: 1px solid #F3F4DB;
	color: #C2620A;
}
option {
	background-color: #F3F4DB;
}
ul#credits {
	clear: both;
	margin-left: 0px;	
	background: url(../style/images/logo_2_fond2.gif) repeat-x 0px 0px;
	font-size: 10px !important;
	line-height: 120%;
	height: 101px;
	width:100%;
}
ul#credits li  {
	color: #FFF;	
	display: inline;
	margin: 10px 10px;
}
ul#credits li a:link, ul#credits li a:visited {
	color: #FFF;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	background-color: transparent;
}
#to_the_top {
	display: none;
}
.p_a a {
	padding: 0 10px;
}
a {	
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	color: #C2620A;
}
a:link li {
	text-decoration: none;
}
a:visited li {
	text-align: left;
	text-decoration: none;
}
a:hover, a:hover li, a:focus li {
color: Yellow;
/*background-color: #CA9831;*/
background-color: #9D7600;
text-decoration: none;
}

#site_page #articles, #audit_page #articles {
	background:  url(../style/images/logo_2_fond.gif) repeat-x 0 0;
/*	padding: 120px 20px 20px 20px;*/
	padding: 120px 0 20px 0;
	min-height: 280px;
	min-width: 600px;
}
ul#navigation {
	list-style: none;	
	width: 100%;
	min-width: 610px;	
	height: 27px;
 	position: absolute;	
	left: 129px;
	top:73px;
	font-weight: bold;
	background: url(../style/images/bouton.gif) repeat-x 0 0 ;
}
#navigation li {
	display: inline;
	padding: 3px 5px 8px 5px;
	border-left : 1px solid #990002;
	border-right : 1px solid #990002;
}
#navigation a {
text-decoration: none;
}
#navigation a:link li {
	text-decoration: none;
}
#navigation a:hover, #navigation a:hover li, #navigation a:focus li {
color: Yellow;
background:#CA9831 url(../style/images/bouton.gif) repeat-x 0 0 ;
text-decoration: none;
}
#navigation li.activee {
background-color: #847C89;
padding: 2px 7px 10px 7px;
color: #C8C097;
font-size: 120%;
}

ul.h3, ul.h3 li, a.lien_externe {
	background-color: transparent;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
}
ul.h3 li, a.lien_externe {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 0.8em;
}
a.lien_externe:hover, a.lien_externe:hover li, a.lien_externe:focus li {
color: #994D00;
background: none;
text-decoration: none;
}
#site_page #styles_select, #audit_page #styles_select {
	position: fixed;
	top: 320px;
	left: 5px;
	width: 132px;
	border: 1px solid #C9C299;
	background-color: #CFD2AF;
}
#site_page #styles_select form {
	padding: 0 0 3px 10px;
}
#site_page p, #audit_page p {
	margin: 0.5em 0 1em 0 ;
}
#site_page #article_1, #site_page #article_3 {
float: left;
width: 100%;
/*padding-bottom: 30px;
padding: 0 0 0.5em 25px;*/
}
#site_page #article_4, #site_page #article_5, #site_page #article_6 {
	width: 47%;
/*	padding: 5px;*/
padding-left: 5px;
padding-right: 10px;
}
#site_page #article_4, #site_page #article_6 {
	float: left;
	border: thin solid #E2E2E2;
}
#site_page #article_5 {
float: right;
}
#site_page #article_3 {
width: 58%;
}
#site_page #article_2 {
float: right;
width: 36%;
}
ol, ul {
	margin-left: 20px;
}
.form_champ, .form_champ_radio {
display: block;
clear: both;
	line-height: 90%;
	font-size: 0.95em;
	padding: 0.3em 0 0.3em 0;
}
.form_champ_radio {
/*margin-top:6px;*/
padding: 0.5em 0 0 12px;
background: url(../style/images/puce_jaune.gif) no-repeat 0 40%;
}
.label_plus {
	font-size: 90%;
	padding: 0 0 5px 12px;
}
.form_champ input, .form_champ_radio input, textarea {
vertical-align: baseline;
color: #54572B;
border: 1px solid #D0D2B0;
}
label {
float:left;
color: #663300;
font-size: 90%;
}
.label_court {
	width:5em;
}
.label_moyen {
display:block;
width:14em;
}
.label_long {
width:24em;
}
.form_champ_textarea {
display:block;
clear:left;
font-size: 0.95em;
}
 .form_champ_checkbox {
 	padding: 0.5em 0 0 0;
/*	font-size: smaller;*/
 }
h2 {
	font-style: italic;
	color: #F49946;
	font-size: 200%;
	font-family: "Times New Roman", Times, serif;
	padding: 20px 0 5px 0;
	margin-left: 20px;
}
h3, .h3 {
	color: #A3540B;
	font-size: 1.20em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	padding: 2em 0 1em 0 ;
	clear: left;
	text-align: left;
}
#site_page #article_1 p {
	padding-left: 20px;
}
.scenario, .technologie {
	margin: 0 5px 10px 25px;
	padding: 0;
}
#img_dyn {
width: 100%;
min-width: 260px;
max-width: 294px;
}

#mes_sites {
	margin: 50px 0 0 0;
	padding: 0;
}
#mes_sites p {
	margin: 0px 0 0 15px;
	padding: 10px 0;
	font-size: xx-small;
	clear: left;
}
#mes_sites p a img {
	float: left;
	margin-right: 5px;
}
#intro_fonction_em {
	font-style: italic;
	padding: 0 5px 10px 20px;
}
#article_6 p {
	padding: 0 5px 10px 20px;
}
.fonctionnalite, .fonctionnalites {
padding: 1em 0 0 0;
}
.fonctionnalite {
list-style: none;
}
.fonctionnalites {
list-style: url(images/fonction_ul_alt.jpg);
}
.fonctionnalites li {
	padding: 0.2em 0 0.2em 0;
}
.fonctionnalite ul,.fonctionnalites ul {
list-style: url(images/fonction_li_alt.jpg);
}

.legende {
text-align: center;
font-size: x-small;
}
.anti_prestations li {
padding: 10px 0 0 0;
list-style: url(images/no_franchir.png);
}
.prestations {
	list-style: url(images/prestation_ul_alt.jpg);
	/*background: url(images/prestation_li_alt.jpg) 100% 0 repeat-y;*/
}
.prestations ul {
	list-style: url(images/none.jpg);
	background: url(images/prestation_li_alt.jpg) repeat-y;
	padding: 0.5em 0 ;
}
.prestations li{
	padding: 0.5em 0 ;
}
.prestations li ul li {
	padding-left: 0.5em;
}
#article_2 fieldset {
	border: 1px solid #D0D2B0;
	padding: 3px;
}

#site_page #commentaire, #site_page #confirmation, #audit_page #commentaire, #audit_page #confirmation {
	width: 25%;
	min-width: 147px;
	max-width: 180px;
	position: fixed;
	top: 180px;
	left: 73%;
}

#commentaire ul, #confirmation ul {
	list-style: disc inside;
	font-weight: bold;
}

#commentaire ul li, #confirmation ul li {
	font-weight: normal;
	font-size: 80%;
}

#commentaire, #confirmation, #generer_pdf, #bienvenue {
background-color: #F6F6E8;
color: #900016;
border: 1px outset #FFF6F8;
padding: 5px;
}
#commentaire {
padding-top:14px;
	background: #F6F6E8 url(../style/images/message-warning.gif) no-repeat 0 0;
}
#article_0  {
	float: left;
	min-width: 460px;
	width: 73%;
	height: auto;
	padding-bottom: 20px;
z-index: 2;
}
#article_0 fieldset  {
	margin: 5px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	clear: left;
}
#article_0 legend  {
	margin-left: -5px;
	padding: 6px 0px 0px 0px;
	font-size: 100%;
	color: #c2620a;
	font-weight: bold;
}

.rss_box {
/*margin: 6px 5%;*/
padding: 1px 1px;
width: 100%;
background-color: #FAFAEF;
border: 1px dashed #CFD3AF;
}
.rss_title {
margin: 2px;
font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
font-size: 12px;
font-weight:bold;
}
.rss_items {
list-style:none;
margin:0;
padding:4px;
}
.rss_item {
font-size: 10px;
margin-bottom: 1em;;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active, .rss_title a {
background-color: transparent;
}
.rss_item a:hover, .rss_title a:hover {
color: #994D00;
background-color: transparent;
}

.avert {
color: #ffffff;
line-height: 1.2em;
background-color: #C8C097;
}
#bienvenue {
	height: 100%;
	width: 100%;
	padding: 45% 0;
	text-align: center;
}

#article_3_bienvenue, #article_2_bienvenue {
	min-width: 299px;
	width: 50%;
/*	background-color: #F3F4DB;*/
}
#article_3_bienvenue {
	float: left;
}
#article_2_bienvenue {
float: right;
}

#article_3_bienvenue p, #article_2_bienvenue p {
	padding: 15px;
}
#sommaire h1, #audit_page #articles h1 {
	background-image: none;
	margin: 20px 0px 5px 0px;
	padding: 0;
}

#sommaire ol {
	font-weight: normal;
	list-style: decimal outside;
	color: #88887B;
	padding: 5px 0 5px 10px ;
}
#sommaire li {
	font-variant: normal;
	font-size: 0.8em;
}
.li_sommaire_active {
	font-weight: bold;
	background-color: #C8C097;
	color: White;
}

#audit_page #articles {
	width:80%;
	min-width: 610px;
}
#audit_page #article_0 {
min-width: 380px;
}
#audit_page #article_2 {
min-width: 150px;
width: 23%;
float: right;
border: 1px solid #F3F4DB;
z-index: 3;
}
h4 {
	padding: 5px 0;
	color : #88887B;
}
ol h4 {
	font-size: small;
}
#imgvalidpage {
margin: 20px 0 10px 0 ;
display:block;
clear:left;
width:100%;
height:15px;
}

#generer_pdf ul {
list-style: none;
padding: 0;
margin: 0px;
}
#post_form1, #form_identification {
	float: right;
	background: url(../style/images/bouton.gif) repeat-x 0 0 ;
}
.checkbox_table {
float: left;
background-color: #FAFAD2;
border: thin groove Yellow;
margin: 0.2em;
  font: normal 0.8em "MS Sans Serif", Geneva, sans-serif;
}
hr {
	clear:left;
	display: none;
}

#ancre, #ancre_ie, .bouton_plus_moins  {
/*#ancre, #ancre_ie {*/
	background-color: #F49946;
	color : #3B2107;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px ridge #3B2107;
}

#ancre, #ancre_ie {
width: 100%;
	min-width: 110px;
	max-width: 200px;
	position: fixed;
top: 98px;
	padding: 3px 0;
	margin: 0;
}
/**/
.bouton_plus_moins {
	font-size: 1.5em;
	width: 25px;
}
.avert_plus_moins {
	background-color: #3B2107;
	color : #F49946;
}

.fin_de_page {
clear: both;
}
.cite_commentaire {
	padding: 60px 0 10px 10px;
	font-style: italic;
	color: #F09C4D;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 5px 8px;
}
table#concurrents {
clear:both;
	border: thin solid #CCC59B;
	min-width: 500px;
	width: 90%;
	background-color: White;
	font-size: x-small;
}
.nom_concurrent {
	font-weight: bold;
	background-color: #F9F9EF;
	padding: 6px 0 0 0;
}
pre {
	padding: 0px 0px 2px 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	line-height: 1em;
	overflow: auto;
	overflow-y: hidden; 
}
.produit_id_gamme { 
margin-left: 25px;
display: block;
 }
.produit_id_ligne { margin-left: 50px; }
.produit_id_produit { margin-left: 75px; }
.square {
	list-style: square;
	font-size: 0.9em;
	font-family: "Times New Roman", Times, serif;
	margin: 10px;
}
.square li {
	padding : 0px;
	margin: 0px 0px 0px 12px;
}

.remarque {
margin: 2em;
padding: 2em;
border: thin dotted #D2D2B1;
font-size: 90%;
text-align: left;
}
#audit_page #confirmation {
	padding: 5px 0;
}
#netiam_anim {
margin-top: 50px;
	text-align: center ;
}
.form_input, .form_input_haut {
	font-size: x-small;
}

/*
#sommaire a {
	color: #CAA135;
}
.technologie {
list-style: none;
}
li.activee {
height: 23px;
color: White;
font-size: 120%;
}
#tests_webmaster {
	width: 700px;
}


*/