body {
	margin: 0;
	padding: 0;
	font: 90% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	text-align: center;
	color: #292A81;
	/*background: url(../style/images/decodroite.gif) repeat;*/
}
#home_page, #site_page, #audit_page {
	width: 700px;
	margin: 8px auto;
	padding: 0;
	text-align: left;
	font-size: 90%;
	position: relative;
	background: #ffffff url(../style/images/decodroite.gif) repeat-y 492px 0px;
	/*border: 1px solid #CFCFE9;*/
}
#audit_page, #site_page {
	background: #ffffff url(../style/images/decodroite.gif) repeat-y 520px 0px;
}
#animation_flash_accueil {
width:100%;
height:164px;
background-image: url(images/la_seine_au_pecq.jpg);
}
#animation_flash {
width:700px;
height:90px;
background-image: url(images/la_seine_au_pecq_2.jpg);
}
#solution_internet {
	position: absolute;
	top: 230px;
	left: 495px;
	background-color: White;
	width: 182px;
	padding: 22px 10px;
	border: 1px dotted #687EAF;
}
#article_1, #article_2, #article_3, #article_4, #article_5, #article_6,#article_3_bienvenue, #article_2_bienvenue {
	width: 336px;
	/*background: #ffffff url(../style/images/greybox_bas_335.gif) repeat-x 0 100%;*/
	background-color: #ffffff;
	border-left: 1px solid #CFCFE9;
	border-bottom: 1px solid #CFCFE9;
	border-right: 1px solid #CFCFE9;
	padding: 0 6px 10px 6px;/**/
}
article_1, #article_3, #article_5,#article_3_bienvenue {
	float: left;
	border-left: 1px solid #CFCFE9;
	}
#article_2, #article_4, #article_6, #article_2_bienvenue {
	float: right;
	border-right: 1px solid #CFCFE9;
}
#article_5 p {
	padding-left: 10px;
}
#article_3_bienvenue {
	width: 250px;
}
#article_2_bienvenue {
	width: 400px;
}
#home_page #article_1 {
	width: 480px;
/*	background: url(../style/images/greybox_bas_520.gif) no-repeat 0 100%;*/
}
#site_page #article_1 {
	width: 505px;
	min-height: 300px;
/*	background: url(../style/images/greybox_bas_520.gif) repeat-x 0 100%;*/
}

#site_page #article_2, #audit_page #article_2 {
background-image: none;
}
#site_page #article_6  {
	margin-top: 250px;
}
#navigation {
 width: 160px;
position: absolute;
top:160px;
left: 520px;
clear: left;
padding: 4px 4px 4px 4px;
margin:0;
}

#navigation li {
list-style: none;	
padding: 0px 4px 0px 4px;
line-height: 2em;
margin: 0 0 0 0;
border : thin solid #990002;
text-align: right;
color: #990002;
font-weight: bold;
background-color: White;
width: 160px;
}

#navigation a {
display: block;
text-decoration: none;
text-align: left;
}
#navigation a:link li {
text-decoration: none;
}
#navigation a:visited li {
text-align: left;
text-decoration: none;
}
#navigation a:hover, #navigation a:hover li, #navigation a:focus li {
text-align: center;
background-color: #990002;
color: #00b3b0;
text-decoration: none;
}
#navigation li.activee {
	color: White;
	background-color: #990C2E;
	text-align: center;
}
ul#credits {
	height: 38px;
	padding: 8px 5px 0;
	margin: 0;
	clear: both;
	background: url(images/pied_favorite.gif) no-repeat 0 0px;
	list-style: none;	
	font-size: 10px !important;
/*	line-height: 120%;*/
}
ul#credits li {
	margin-left: 15px;
	padding-left: 16px;
	display: inline;	
	background: url(../style/images/puce.gif) no-repeat 0 4px;
	color: #FFF;	
}
ul#credits li a:link, ul#credits li a:visited {
	color: #FFF;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}


#article_0 {
	width: 520px;
}
h1, #article_0 legend {
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
	color: #4042C0;
	padding-left: 19px;
	margin-top: 2em;
}
h1 {
	background: url(../style/images/dot_bigred.gif) no-repeat 0 3px;
}
#article_0 legend {
	padding: 6px 0px 0px 19px;
	margin: 0px 0px 0px -12px;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	background: url(../images/dot_legend.jpg) no-repeat 0 10px; 
}
h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 150%;
	margin: 0;
	padding: 10px 0;
	color: #C04082;
	font-weight: bold;
}
#article_0 h2 {
	width: 400px;
}
h3, .h3 {
	font-size: 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	width: auto;
	color: #7A2753;
	clear: left;
}
ul.h3 {
	list-style: square inside;
}
ul.h3 li, a.lien_externe {
	background-color: transparent;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 90%;
}

h4 {
	font: bold 1em Tahoma, Arial, Geneva, sans-serif;
	margin-top: 1.2em;
	margin-bottom: 0.5em;
}
.legende {
text-align: center;
}
#styles_select {
	margin: 0px 0;
	width: 221px;
	position: absolute;
	top: 170px;
	left: 560px;
}
#styles_select form  {
	margin-top: -0.4em;
}

#site_page #styles_select, #audit_page #styles_select {
	top: 100px;
}
#styles_select fieldset {
	border: none;
	margin: 0px;
	padding: 0;
}
#styles_select fieldset legend {
	padding: 0 0 0.5em 0;
	font-size: 90%;
}
#article blockquote, blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	min-height: 60px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: url(../style/images/quote.gif) no-repeat 0 0;
	float: left;
	width: 10em;
	max-width: 10em;
}
#article blockquote p, blockquote p, #article_1 blockquote p {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0em;
	padding-bottom: 1em;
	background: url(../style/images/quote_miroir.gif) no-repeat 90% 100%;
	color: #C04082;
	font-weight: bold;
}
#article blockquote>p, blockquote>p {
	margin-left: 10px;
	margin-top: 10px;
}


a:link, code a:link, a:link code, p.plus a:link, p.plus a:visited, #tri a:visited {
	color: #398FC6;
}

a:visited, code a:visited, a:visited code {
	color: #C0BE5E;
	text-decoration: none;
}

a:hover, code a:hover, a:hover code, p.plus a:hover, #tri a:hover {
	color: #0004FF;
}

a:active, a:focus, code a:active, a:active code, code a:focus, a:focus code, p.plus a:active, p.plus a:focus,#tri a:active, #tri a:focus {
}

a img {
	border: none;
}
.cite_commentaire {
	font-style: italic;
	width: 75%;
}
.form_champ, .form_champ_radio, .label_plus {
clear: both;
display: block;
color: #663300;
}
.form_champ_radio {
padding: 0px 0 0 12px;
background: url(../style/images/puce_bleue.gif) no-repeat 0 80%;
}

label {
float:left;
padding: 0.4em 0 0 0;
margin: 0;
}

.label_court {
	width:5em;
}
.label_moyen {
display:block;
width:14em;
}
.label_long {
width:24em;
}
.label_radio {
clear: both;
display: block;
}
.label_plus {
color: #323296;
padding-left: 12px;
}
.form_champ_textarea {
display:block;
clear:left;
color: #663300;
}
#sous_navigation {
	position: absolute;
	top: 370px;
	left: 480px;
}
#commentaire, #confirmation {
	background-color: #fffaff;
	border: thin solid #BFBFBF;
	color: #cc0003;
	position: absolute;
	top: 370px;
	top:200px;
	left: 520px;
	width: 177px;
	height: auto;
	z-index: 100;
}
#commentaire ul {
	padding: 3px 0 ;
	list-style: disc inside;
	font-weight: bold;
}
#commentaire ul li {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 1em;
}
#commentaire {
padding-top: 10px;
	background:#fffaff url(../style/images/caution.gif) no-repeat 0 0;
}
#confirmation {
	background-color: #faffff;
	border: thin solid #BFBFBF;
	color: #0059b3;
	font-weight:bold;
	padding: 10px 0 ;
}
#article_0 fieldset {
	border: none;
	margin: 0px;
	padding: 10px 0px;
	clear: both;
}
#article_2 fieldset, #article_1 fieldset {
/*	border: thin solid #CFCFE9;*/
border: none;
	margin: 0px;
	padding: 10px ;
}
#article_1 fieldset {
	border: none;
}
#sommaire_audit {
	position: absolute;
	top: 210px;
	left: 520px;
}
#audit_page #sommaire {
	width: 230px;
	background-color: #ffffff;
	padding: 0 0 10px 5px;
	margin: -50px 0 0px 0px;
	border-left: thin solid #C8C8FF;
}

#sommaire_bienvenue {
	width: 250px;
	background-color: #ffffff;
	padding: 0 0 10px 5px;
/*	margin: -30px 0 0px -30px;*/
	border-left: thin solid #C8C8FF;
}
#sommaire li {
	padding: 0;
	margin:0;
}
#sommaire h1 {
	background-image: none;
	padding: 20px 0px 0px 0px;
}
#generer_pdf {
	padding: 10px 0 10px 30px;
	margin: 0px 0 0 -5px;
	background: url(../style/images/sommaire_bg_4.gif) repeat 0 0;
	width: 155px;
}
#generer_pdf ul {
/*list-style: none;*/
padding: 0;
margin: 0px;
}
#imgvalidpage {
margin-top:10px;
display:block;
clear:left;
width:510px;
height:15px;
}
.checkbox_table {
float: left;
background-color: #FAFAD2;
border: thin groove Yellow;
padding: 0.3em;
margin: 0.2em 0.2em 0px 0px;
}
table#concurrents {
	clear: both;
	border: thin solid #CFCFE9;
	width: 520px;
	background-color: White;
	font-size: x-small;
}
table#concurrents td {
}
.nom_concurrent {
	font-weight: bold;
	background-color: #F9EEEF;
	padding: 6px 0 0 0;
}
#logo_client {
	position: absolute;
	top: 90px;
	left: 440px;
}
.avert {
	color: #cc0003;
	font-weight: bold;
}
.square {
	list-style: square;
	font-size: 0.9em;
}
.square li {
	padding : 0px;
	margin: 0px 0px 0px 12px;
}
.produit_id_gamme { 
margin-left: 25px;
display: block;
 }
.produit_id_ligne { margin-left: 50px; }
.produit_id_produit { margin-left: 75px; }

hr { 
clear: both; 
visibility: hidden;
height: 0px;
}
.form_champ, .form_champ_textarea {
	line-height: 1em;
}
#post_form1 {
	float: right;
}
.avert_plus_moins {
	background-color: #EDC9D9;
	color : #C04082;
}
#ancre, #ancre_ie, .bouton_plus_moins {
	background-color: #C04082;
	color : #EDC9D9;
	font-weight: bold;
}
.bouton_plus_moins {
	font-size: 1.5em;
	width: 25px;
}
#ancre {
	width: 160px;
	position: fixed;
	top: 150px;
	left: 75%;
	padding: 0;
	margin: 0;
	z-index: 100;
}

#ancre_ie {
	width: 160px;
	position: fixed;
	top: 150px;
	margin-left: 160px;
	z-index: 100;
}
.fin_de_page {
clear: both;
}
.prestations, .anti_prestations {
margin: 0px 5px 0 22px;
padding: 0;
}
.prestations {
list-style: url(images/puce_jaune.gif);
}
.prestations li, .anti_prestations li {
	padding:10px 0 0px 0px;
/*	background: url(images/sommaire_bg_3.gif) no-repeat 0 0;*/
}
.anti_prestations li {
	list-style: url(images/sens_interdit.png);
}
.prestations li ul {
	font-size: 85%;
/*	margin: 0px;
	padding:5px 0 0 10px;*/
	list-style: url(images/puce_bleue.gif);
	}
.prestations li ul li {
	background: none;
}
.fonctionnalite, .fonctionnalites {
	margin: 0px;
	padding: 0 10px 0 0;
	font-size: 0.9em;
}
.fonctionnalites li {
	margin: 0.5em 0 0.5em 1em;
}
.fonctionnalite {
list-style: none;
}
.fonctionnalites {
list-style: square;
}
.remarque {
	font-size: 80%;
	padding: 20px 0;
}
#to_the_top {
	display: none;
}

.scenario {
	color: #C04082;
	font-weight: bold;
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
}
.scenario p {
	font: normal 1em Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color: #292A81;
}
p.remarque { 
font-style: italic; 
font-size: 90%;
padding: 0 10px 10px 15px;
border-left: 1px solid #C04082;
border-bottom: 1px dotted #C04082;
}
/* debut style pour le fil RSS */
.rss_box {
margin: 6px 5%;
padding: 1px 1px;
width: 93%;
background-color: #eeeeee;
border: 1px dashed #7485CA;
}
.rss_title {
margin: 2px;
font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
font-size: 14px;
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_item a:hover {
}
#tests_webmaster {
	clear: both;
}
#mes_sites {
	padding: 50px 10px ;
}
#mes_sites p {
	padding: 10px 0;
	font-size: xx-small;
	clear: left;
}
#mes_sites p a img {
	float: left;
	margin-right: 5px;
}
#bienvenue {
	height: 100%;
	width: 100%;
	padding: 45% 0;
	text-align: center;
}
#netiam_anim {
	margin: 50px 0px 50px 50px ;
}
.form_input, .form_input_haut {
	font-size: x-small;
}
.p_a a {
text-decoration: underline;
padding-left: 10em;
}
.technologie {
	margin: 0 ;
	padding: 0;
	list-style: none;
}