@charset "utf-8";

html, body 
{
	margin:0;
	padding:0;
	background:#edece0;
	font-family:"arial";
}

#container 
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}


#headerContainer 
{
	width:900px;
	height:160px;
}
#headerContainer #logo 
{
	width:215px;
	height:160px;
	background:url("../_img/logo-wansys.jpg") no-repeat;
	float:left;
}

#headerContainer #header 
{
	width:685px;
	height:160px;
	float:left;
}

#bg_connexion 
{
	width:685px;
	height:38px;
	background:url("../_img/bg-connexion.jpg") repeat-x;
	position:relative;
}
#bg_connexion #connexion
{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	position:absolute;
	bottom:4px;
	right:5px;
}
#connexion input
{
	font-family:Tahoma, sans-serif;
	font-size:11px;
	color:#cccccc;
	border:1px solid #cccccc;
}
#connexion input[type=text]
{
	width:70px;
}
#connexion input[type=password]
{
	width:70px;
}
#connexion input[type=submit]
{
	color:white;
}
#connexion input[type=checkbox]
{
	border:none;
}
#connexion input[type=radio]
{
	border:none;
}
#connexion input[type=button]
{
	color:white;
}
#connexion #loginErr
{
	color:red;
	position:absolute;
	top:27px;
}


#headerTxt {
	background:url(../_img/bt-header.jpg) no-repeat;
	width:685px;
	height:102px;
	padding-top:20px;
	text-align:center;
}


#content 
{
	background-image:url("../_img/bg-contenu.jpg");
	background-repeat:repeat-x;
	background-color:white;
	font-size:12px;
	font-family:arial;
	padding-bottom:20px;
}
#content #partLeft
{
	width:690px;
}
#content #partRight
{
	float:right;
	width:200px;
}

#content p
{
	padding:5px 10px 5px 10px;
	margin:0px;
}

#menu 
{
	background-image:url(../_img/bg-menu.jpg);
	background-repeat:no-repeat;
	background-color:#DBDBDB;
	height:28px;
}
#menu .onglet
{
	float:left;
}
#menu .onglet .bordGauche {
	width:5px;
	height:28px;
	background:url(../_img/onglet-bord-gauche.png) no-repeat !important; 
	background-image: none;
	float:left;
	margin-left:1px;
}
#menu .onglet .fondOnglet {
	height:21px;
	padding-top:7px;
	background:url(../_img/onglet-fond.jpg) repeat-x;
	float:left;
	font-family:arial;
	font-size:14px;
	color:#6198ab;
	padding-left:10px; 
	padding-right:10px;
}
#menu .onglet .bordDroit {
	width:5px;
	height:28px;
	background:url(../_img/onglet-bord-droit.png) no-repeat !important; 
	background-image: none;
	float:left;
}
#menu a {
  color:#6198ab;
  text-decoration:none;
}
#menu a:hover
{
  text-decoration:underline;
}


.titreFenetre {
	padding:5px;
	background:#6198ab;
	border-left:2px solid #c5c5c5;
	font-family:"arial black";
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
.contenuFenetre {
	padding:0px;
	font-size:12px;
	font-family:arial;
	background:#7db6ca;
	color:#666666;
	margin:0px;
	border-left:2px solid #d5d5d5;
}
.contenuFenetre ul
{
	padding:5px 5px 5px 20px;
	margin:0px;
	list-style-type:square;
}
.contenuFenetre li
{
	padding:0px;
	margin:0px;
}

#accroche {
	font-family:arial;
	color:#6198ab;
	font-size:13px;
	padding:10px;
}
/*
#actualites {
	width:211px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	/* background:none repeat scroll 0 0 #6198AB;*/
	/*background:#6198ab;*/
	/*
	border-left:2px solid #C5C5C5;
	height:17px;
	padding-left:5px;
	padding-top:5px;
	border-left:2px solid #c5c5c5;
	margin-top:7px;
}

*/
.home_args
{
	font-size:11px;
	font-family:arial;
	margin:10px auto 10px auto;
	height:170px;
	padding-left:5px;
}
.home_args .titleArgs
{
	background-color:#6198AB;
	font-family:"arial";
	font-weight:bold;
	font-size:12px;
	color:white;
	padding:3px 0px 3px 5px;
	border-bottom:2px solid #CCCCCC;
	margin-bottom:5px;
}

.home_args .leftArgs, .rightArgs
{
	border:2px solid #CCCCCC;
	width:335px;
	padding-bottom:5px;
	position:relative;
}

.home_args .pictoArg
{
	float:left;
	
}
.home_args .contArg
{
	margin-left:195px;
}

.home_args .leftArgs
{
	float:left;
}
.home_args .rightArgs
{
	font-family:arial;
	float:right;
}

.titreBlocPr {
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
	background:#6198AB;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:2px solid #e4e4e4;
}
.contenuBlocPr {
	padding:5px;
	color:#666666;
	font-family:arial;
	font-size:12px;
	border-bottom:2px solid #e4e4e4;
	border-left:2px solid #e4e4e4;
	border-right:2px solid #e4e4e4;
	background-color:#7DB6CA;
}

#bloc_presentation
{
	clear:both;
	padding-left:5px;
	height:150px;
}
#bloc_presentation #leftPres
{
	float:left;
	width:200px;
	font-size:12px;
}
#bloc_presentation #leftPres a
{
	display:block;
	background:#6198AB;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	text-decoration:none;
}
#bloc_presentation #rightPres
{
	margin-left:210px;
	position:relative;
}
#bloc_pr_1 
{
	opacity:1;
}

.presContent 
{
	position:absolute;
	opacity:0;
}

#footer {
	clear:both;
	width:900px;
	height:60px;
	font-size:11px;
	text-align:center;
	color:#7e807c;
	background:url(../_img/bg-footer-bis.jpg) no-repeat;
}
#footer a {
	color:#7e807c;
	text-decoration:none;
}

/*
.contenuFenetre a {
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
}


/*
* html #connexion {
	width:685px;
	height:38px;
}
#connexion .input_field {
	font-size:11px;
	padding:1px;
	font-family:Tahoma, sans-serif;
	width:120px;
	border:1px solid #DBDBDB;
	font-family:Tahoma, sans-serif;
}
#connexion a {
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#connexion .button_red {
	font-size:11px;
	background-color:red;
	color:white;
	border:1px solid #FFFFFF;
	font-family:Tahoma, sans-serif;
	font-variant:small-caps;
}

#connexion form {
	padding:0;
	margin:16px 0 0 0;
	margin:0 !important;
}


#blocIdent {
	border-collapse:collapse;
	text-align:left;
	color:#666666;
	font-family:Tahoma, sans-serif;
	font-variant:small-caps;
}
#blocIdent a {
	color:#666666;
}

/*
#connexion input:focus {
	background:#EDECE0;
}

* html #headerTxt {
	height:122px;
}



* html #menu #actualites {
	width:211px;
	height:22px;
}


#contenu {
	padding:10px;
	width:669px;
	float:left;
}
* html #contenu {
	width:689px;
}

#contenuBis {
	padding:10px;
	width:880px;
	float:left;
}

* html #contenuBis {
	width:900px;
	float:left;
}
*/
h1 {
	font-size:14px;
	font-weight:bold;
	padding: 10px;
	/* background:#FFFFFF url(../_img/flch.jpg) no-repeat left; */
	color:#999999;
	font-family:arial;
	font-size:18px;
	margin:0px;
}
/*
#contenuBis h2 {
	font-family:Tahoma, sans-serif;
	color:#6198AB;
	font-size:12px;
	font-weight:bold;
	margin-top:18px;
	margin-bottom:5px;
}

#contenuBis table tr td {
	font-family:Tahoma, sans-serif;
	color:#223D4E;
	font-size:12px;
	font-weight:normal;
}

#contenuBis table tr td b {
	font-family:Tahoma, sans-serif;
	color:#223D4E;
	font-size:12px;
	font-weight:bold;
}
#contenuBis table tr td a {
	font-family:Tahoma, sans-serif;
	color:#223D4E;
	font-size:12px;
	text-decoration:underline;
}


p {
	font-family:arial;
	color:#223d4e;
	font-size:14px;
	padding:5px 20px 10px 20px;
	margin:0px;
}

p a {
	color:#6198AB;
	text-decoration:none;
}


#contenuBis form {
	font-family:Tahoma, sans-serif;
	color:#223d4e;
	font-size:12px;
}

/*
#contenuBis form input {
	padding:2px;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	color:#223D4E;
	border:1px solid #223D4E;
	background:#FFFFFF;
}
.classInput {
	padding:2px;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	color:#223D4E;
	border:1px solid #223D4E;
	background:#FFFFFF;
}
.classInput:focus {
	border:1px solid #6198AB;
	background:#EDECE0;
}
/* Largeur des grand champs de formulaire 
.widthLargeInput {
	width:50%
}


#contenuBis form textarea {
	font-family:Tahoma, sans-serif;
	color:#223d4e;
	font-size:12px;
	border:1px solid #223d4e;
	background:#FFFFFF;
	padding:2px;
}


#contenuBis .liste {
	border-collapse:collapse;
}

#contenuBis .liste td {
	border:1px solid #223d4e;
	font-family:Tahoma, sans-serif;
	color:#223d4e;
	font-size:12px;
	padding:2px;
	margin:0;
}
/*
#contenu .blocsArguments {
	width:659px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#contenu .blocArgumentL {
	width:319px;
	float:left;
	padding:5px 0;
}

#contenu .blocArgumentR {
	width:319px;
	float:right;
	padding:5px 0;
}

#contenu .titreBlocArgument {
	width:317px;
	height:18px;
	padding-left:5px;
	padding-top:4px;
	background:#6198AB;
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-bottom:2px solid #cccccc;
}

#contenu .contenuBlocArgument {
	width:308px;
	padding:5px;
	font-family:Tahoma, sans-serif;
	color:#000000;
	font-size:12px;
	border-bottom:2px solid #e4e4e4;
	border-left:2px solid #e4e4e4;
	border-right:2px solid #e4e4e4;
}

#contenu #bloc_presentation {
	font-family:Tahoma, sans-serif;
	font-size:12px;
	width:659px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#bloc_presentation #colLeftMenPres {
	vertical-align:top;
	font-size:10px;
	font-family:arial;
}
#bloc_presentation #colLeftMenPres img {
	margin-bottom:2px;
	padding:3px;
}
#bloc_presentation #colLeftMenPres a {
	background-color:#6198AB;
	display:block;
	color:white;
	padding:3px 0px 3px 0px;
	text-decoration:none;
}
#bloc_presentation #colLeftMenPres a:hover {
	background-color:#7DB6CA;
}


#contenu #bloc_pr_1, #bloc_pr_2, #bloc_pr_3, #bloc_pr_4, #bloc_pr_5 {
	width:460px;
	float:right;
}

/*
* html #contenu .contenuBlocPr {
	width:461px;
}

#contenu #bloc_presentation ul {
	margin:0;
	padding:0;
	background:#dbdbdb;
	width:194px;
	float:left;
}

/*#contenu #bloc_presentation li {
	background:#6198ab url(../_img/puce.jpg) no-repeat left;
	width:179px;
	list-style:none;
	padding-left:15px;
	margin-bottom:1px;
	border-right:1px solid #8cb0bc;
}

#contenu #bloc_presentation li:hover {
	background:#7db6ca url(../_img/puce-hover.jpg) no-repeat left;
	width:179px;
	list-style:none;
	padding-left:15px;
	margin-bottom:1px;
	border-right:1px solid #9ec3d0;
}*/
/*
#contenu #bloc_presentation li {
	width:192px;
	list-style:none;
	border-right:1px solid #8cb0bc;
	background:#6198ab;
	margin-bottom:1px;
	font-family:Tahoma, sans-serif;
	color:#ffffff;
	font-size:12px;
}

#contenu #bloc_presentation li:hover {
	width:192px;
	list-style:none;
	border-right:1px solid #8cb0bc;
	background:#7db6ca;
	margin-bottom:1px;
	cursor:pointer;
}
#contenu #bloc_presentation li:hover td.point {
	background: #6198ab;
	width:6px;
}

#contenu #bloc_presentation li td.point {
	background: #7db6ca;
	width:6px;
}

#contenu #bloc_presentation li td {
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

/** html #contenu #bloc_presentation li, * html #contenu #bloc_presentation li:hover  {
	width:194px;


#contenu #bloc_presentation li a {
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

#contenu #bloc_presentation li a:hover {
	cursor:pointer;
}
/*
#fenetres {
	width:211px;
	float:right;
}
/*
* html #fenetres {
	width:211px;
}
.titreFenetre {
	padding:5px;
	background:#6198ab;
	border-left:2px solid #c5c5c5;
	font-family:"arial black";
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
/*
* html #fenetres .titreFenetre {
	width:211px;
}
.contenuFenetre {
	padding:5px;
	font-size:12px;
	font-family:arial;
	background:#7db6ca;
	border-left:2px solid #d5d5d5;
}
/*
* html #fenetres .contenuFenetre {
	width:211px;
}

.contenuFenetre a {
	font-family:Tahoma, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
}

#fenetres #fondPerdu {
	width:211px;
	background:#dbdbdb;
}

#footer {
	width:900px;
	height:60px;
	background:url(../_img/bg-footer.jpg) no-repeat;
}

#footerBis {
	width:900px;
	height:60px;
	background:url(../_img/bg-footer-bis.jpg) no-repeat;
}

#footer p, #footerBis p, #footer a, #footerBis a {
	margin:0;
	padding-top:40px;
	font-family:Tahoma, sans-serif;
	font-size:10px;
	color:#7e807c;
}

label {
  float:left;
  width:200px;
}

*/

.answer
{
	position:absolute;
	bottom:0px;
	padding:3px;
	cursor:pointer;
}
.answer a
{
	color:orange;
	text-decoration:none;
}

.hide_div {
	position:absolute;
	width:98%;
	height:96%;
	opacity:0;
	font-size:12px; font-family:arial;
	padding:1%;
	bottom:0px;
	background-color:white;
	
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*
/*
.tb_args td {
  vertical-align:top;
  width:50%;
}
/*
.tb_args .titreArgument {
  background-color:#6198AB;
  font-family:"arial black";
  color:white;
  font-size:10px;
  border-bottom:2px solid #cccccc;
  padding-left:5px;
	/*
  height:18px;
  padding-left:5px;
  padding-top:4px;
  font-family:Tahoma, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
}

.tb_args .imageArgument {
  border-bottom:2px solid #e4e4e4;
  border-left:2px solid #e4e4e4;
  padding:5px;
  font-family:Tahoma, sans-serif;
  color:#000000;
  font-size:12px;
}
.tb_args .contenuArgument {
  padding:5px;
  font-family:arial;
  color:#000000;
  font-size:11px;
  border-bottom:2px solid #e4e4e4;
  border-right:2px solid #e4e4e4;
  background-color:white;
}
.tb_args .contenuArgument a {
	text-decoration:none;
	font-weight:bold;
}
*/
#blocsPresentation {
  width:870px;
  height:170px;
  margin-left:auto;
  margin-right:auto;
}
#blocsPresentation #bloc1 {
  width:217px;
  height:96px;
  background:url(../_img/bloc-1.jpg) no-repeat;
  padding-top:27px;
  padding-left:33px;
  padding-right:21px;
  float:left;
}

* html #blocsPresentation #bloc1 {
	width:271px;
	height:123px;
}

#blocsPresentation #bloc2 {
  width:217px;
  height:96px;
  background:url(../_img/bloc-2.jpg) no-repeat;
  padding-top:27px;
  padding-left:33px;
  padding-right:21px;
  float:left;
}

* html #blocsPresentation #bloc2 {
	width:271px;
	height:123px;
}

#blocsPresentation #bloc3 {
  width:217px;
  height:96px;
  background:url(../_img/bloc-3.jpg) no-repeat;
  padding-top:27px;
  padding-left:33px;
  padding-right:21px;
  float:left;
}

* html #blocsPresentation #bloc3 {
	width:271px;
	height:123px;
}

#blocsPresentation h2 {
  margin:0px;
  padding:0px;
  font-family:Tahoma, sans-serif;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  font-variant:small-caps;
}
#blocsPresentation p 
{
  margin:0px;
  padding:0px;
  font-family:Tahoma, sans-serif;
  color:#FFFFFF;
  font-size:11px;
}

.tarifsTbl {
	width:100%;
	padding:0px;
	margin:0px;
}
.tarifsTbl th {
  background:#6397ac;
  font-family:Tahoma, "sans-serif";
  color:#FFFFFF;
  font-size:12px;
  padding-top:3px;
  padding-bottom:3px;
  text-align:left;
}
.tarifsTbl td {
  background:#7db6ca;
  font-family:Tahoma, "sans-serif";
  color:#FFFFFF;
  font-size:12px;
  text-align:center;
}

.tarifsTbl td a {
  color:#FFFFFF;
  text-decoration:none;
}
.infoBulleModule {
	background-color:#F0ED98;
	border:1px solid black;
	padding:3px;
	margin-top:3px;
	color:black;
}

form .div_button 
{
	text-align:right;
	margin:20px;
}

form .div_button .button
{
	border:1px solid #cccccc;
	background-color:white;
}

fieldset {
	border:1px solid #DBDBDB;
	background-color:white;
	margin:20px;
	padding-top:15px;
}

fieldset legend {
	font-family:arial;
	font-weight:bold;
	color:#223d4e;
	padding:2px;
	letter-spacing:1px;
	background-color:white;
	border:1px solid #DBDBDB;
	padding:3px;
}
.row
{
	clear:both;
	margin-bottom:10px;
	font-family:arial;
	letter-spacing:1px;
}
.row label
{
	float:left;
	width:220px;
	display:block;
}
.row .formw
{
	display:block;
	margin-left:210px;
}
.row .formw input, textarea
{
	border:1px solid #999999;
}


.fld_info
{
	float:right;
	width:300px;
	color:red;
}

.error 
{
	background-color:white;
	border:1px solid #999999;
	text-align:center;
	font-family:arial;
	font-size:14px;
	color:red;
	margin:10px 20px 10px 20px;
	padding:10px;
}

.button_red 
{
	background-color:red;
	color:white;
	border:1px solid #FFFFFF;
	font-family:Tahoma, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	font-size:11px;
}
.button_orange {
	background-color:orange;
	color:white;
	border:1px solid #223D4E;
	font-family:Tahoma, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
}

#accordion h3
{
	font-family:arial;
	font-size:12px;
	margin:0px 15px 0px 15px;
	padding:3px 15px 3px 15px;
	background-color:#6198AB;
	color:white;
	border-bottom:1px solid #ececec;
	cursor:pointer;
}
#accordion .module
{
	background-color:white;
	margin:0px 15px 0px 15px;
}
#accordion .module p
{
	padding:15px;
}
#accordion .modLink
{
	font-weight:bold;
	margin-top:5px;
	padding:15px;
}