/* CSS Document */
body, table, font {
	font-family: Verdana;
	font-size:11px;
	padding: 0;
}
body {
	background:#c3c7d3;
	text-align:center;
}
table{
	text-align:left;
}
p{
margin:0;
padding:0;
}
img{
	border:0;
}

h4 {
	font-size:12px;
}
div#home_pics{
	clear:both;
    padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
}
#home_pics p {
	position: absolute;
	top: 0;
	left: 0;
	width: 942px;
	height: 317px;
	background-color: #FFF;
	visibility: hidden;
}
ul#home_pics p img {
	display: block;
	border: 0;
}
#container {
	width: 960px;
	text-align: center;
	border: 0;
	margin: 0 auto;
}

.menu_home li {
	list-style-image: url(../images/puce_black.gif);
}
.menu_home a,.menu_home a:visited {
	color:#000;
	text-decoration:none;
}
.menu_home a:hover{
	color:#000;
	text-decoration:underline;
}
.menu_home span{
	color:#9595a0;
}

.menu_gauche  div.txt{
	clear:both;
	margin:0;
	padding: 0;
	border: 0 none;
	text-align:left;
}
.menu_gauche div.txt div,.menu_gauche div.txt2 div{
	padding-right:30;
}
.menu_gauche div.txt a,.menu_gauche div.txt a:visited,.menu_gauche div.txt2 a,.menu_gauche div.txt2 a:visited,
.menu_gauche div.txt3 a,.menu_gauche div.txt3 a:visited{
	height: auto !important;
	height: 1%; /*For IE*/
	display: block;
	padding:6px 0 6px 35px;
	line-height:20px;
	text-decoration:none;
	color:#000;
	
}
.menu_gauche div.txt a:hover,.menu_gauche div.txt2 a:hover,.menu_gauche div.txt3 a:hover{
	height: auto !important;
	height: 1%; /*For IE*/
	display: block ;
	padding:6px 0 6px 35px;
	line-height:20px;
	text-decoration:none;
	color:#FFF;
}

.menu_gauche div.txt a,.menu_gauche div.txt a:visited{
	background: url(../images/menug_puce.gif) no-repeat top left;
}
.menu_gauche div.txt a:hover{
	background: url(../images/menug_puce2.gif) no-repeat top left;
}
.menu_gauche div.txt2 a,.menu_gauche div.txt2 a:visited{
	
	background: url(../images/menug_puce.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
}
.menu_gauche div.txt2 a:hover{
	background: url(../images/menug_puce2.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
}
.menu_gauche div.txt2_argile a,.menu_gauche div.txt2_argile a:visited{
	background: url(../images/menug_puce_argile.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
	border-top:solid 1px #9595a0;
}
.menu_gauche div.txt2_argile a:hover{
	background: url(../images/menug_puce2_argile.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
	border-top:solid 1px #9595a0;
}
.menu_gauche div.txt3_argile a,.menu_gauche div.txt3_argile a:visited{
	background: url(../images/menug_puce_argile.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
}
.menu_gauche div.txt3_argile a:hover{
	background: url(../images/menug_puce2_argile.gif) no-repeat top left;
	border-bottom:dotted 1px #9595a0;
}
.menu_gauche div.txt3 a,.menu_gauche div.txt3 a:visited{
	background: url(../images/menug_puce.gif) no-repeat top left;
}
.menu_gauche div.txt3 a:hover{
	background: url(../images/menug_puce2.gif) no-repeat top left;
}

.menu_gauche div.txt4 a,.menu_gauche div.txt4 a:visited{
	padding-left:50px;
	background: url(../images/menug_puce2_1.gif) no-repeat top left;
}
.menu_gauche div.txt4 a:hover{
	padding-left:50px;
	background: url(../images/menug_puce2_2.gif) no-repeat top left;
}
.menu_gauche div.txt4_argile a,.menu_gauche div.txt4_argile a:visited{
	padding-left:50px;
	background: url(../images/menug_puce2_1_argile.gif) no-repeat top left;
}
.menu_gauche div.txt4_argile a:hover{
	padding-left:50px;
	background: url(../images/menug_puce2_2_argile.gif) no-repeat top left;
}

.menu_gauche div.separ{
	clear:both;
	display: block ;
	width:100%;
	height:15px;
	margin: 0 0 0 0;
	border-top:solid 1px #9595a0;
}
.menu_gauche div.separ2{
	height: 1px;
	padding:0;
	margin: 0;
	border-top:solid 1px #9595a0;
}
.menu_gauche  div.bt{
	clear:both;
}
.box-titre{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:2px;	
	border: 1px solid #787887;
	background:url(../images/menu_back.gif);
	background-repeat: no-repeat;
	background-position: left 3;
	_background-position: left 4;
	background-color:#565571;
	background-repeat:no-repeat;
}
* html .box-titre {
	height: 23px; /*hack uniquement interprété par IE Win+Mac*/
}
.box-content{
	color:#787887;
	background:#F2F2F2;
}

.savoir_plus a,.savoir_plus2 a:visited {
	font-weight:bold;
	color:#787887;
	text-decoration:none;
}
.savoir_plus a:hover {
	font-weight:bold;
	color:#787887;
	text-decoration:underline;
}
.white a,.white a:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.white a:hover {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
.white font {
	color:#FFFFFF;
}

h1{
	font-size:20px;
	color:#595664;
	font-weight:normal;
	padding:0;
	margin:0;
}

.title {
	font-family:verdana;
	font-weight:bold;
	color:#d6d6df;
	font-size:48px;
}
.message {
	color:#FF0033;
	font-weight:bold;
}
.grey{
	color:#8B8F9B;
}

.grey a,.grey a:active{
	color:#8B8F9B;
	text-decoration:none;
}
.grey a:hover{
	color:#8B8F9B;
	text-decoration:underline;
}
.bloc_titre1 {
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	line-height:14px

}

.titre1 {
	padding-top:3px;
	padding-bottom:4px;
	height:14px;
}
.titre_date{
	color:#988CA9;
	text-transform:uppercase;
}
h2{
	font-size:11px;
	color:#988CA9;
	text-decoration:none;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
h2 a:active, h2 a,h2 a:active{
	color:#988CA9;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
div#support{
	float:left;
	height : 36px;
	width: 160px;
	padding:0;
	padding-right:10px;
	margin:0;
}
div#support_bg_quidam, div#support_bg_argile, div#support_bg_faq_quidam, div#support_bg_faq_argile{
	width:720px;
	clear:both;
	margin:0;
	padding:0;
	padding-top:5px;
	
}
div#support_bg_quidam {
	width:720px;
	height:145px;
	background:url(../images/support_quidam_bg.gif);
	background-repeat:no-repeat;
}

div#support_bg_argile{
	height:145px;
	background:url(../images/support_argile_bg.gif);
	background-repeat:no-repeat;
}
div#support_bg_faq_quidam {

	padding-bottom:10px;
	background:url(../images/support_quidam_faq_bg.gif);
	background-repeat:repeat-y;
}
div#support_bg_faq_argile{
	padding-bottom:10px;
	background:url(../images/support_argile_faq_bg.gif);
	background-repeat:repeat-y;
}
.bloc_titre1,.titre3 {
	border-top:solid 1px #BCB6C7;
	background-color:#F1F4F5;
	
	width:auto;
}

.black1, .black2, .black2 a,.black2 a:active{
	color:#000000;
	text-decoration:none;
}
.black2 a:hover{
	color:#000000;
	text-decoration:underline;
}
.blue {
	margin-top:10px;
	width:100%;
	height:16px;
	align:right;
	background-image:url(http://www.n-sided.com/images/sousmenu_fond.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
.categorie_on {
	background:#FFFFFF;
	height:16px;
	padding:0 5 0 5;
}
.categorie_off{
	background:#ffe397;
	height:16px;
	padding:0 5 0 5;
}
.blue a,.blue a:active{
	color:#250000;
	text-decoration:none;
}
.blue a:hover{
	text-decoration:underline;
}
.separateur {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#8B8F9B;
	height:1px;
	width:600px;
}
TEXTAREA {
font-size:11px;
font-family:arial;
}
SELECT {
color:#ff1e8c;
background-color:white;
font-size:10px;
font-family:arial;
}
INPUT {color:black;background-color:white;font-size:11px;font-family:arial;
}
ul#rubrique li{
list-style-type: none;
background-image: url(../images/savoir_plus.gif);
background-repeat: no-repeat;
background-position: left 4;
padding-left:15px;
padding-bottom:5px;
}
.dragdrop {
	text-align:center;
	list-style-type: none;
}
.dragdrop li {
	width: 90%;
	border: 1px solid #000;
	margin:5px;
	background-color: #fff;
	
}
.dragdrop li div{
	cursor: move;
}
.dragdrop li .liens {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
.dragdrop li .liens a {
	text-decoration: none;
	color: #7A0C00;
	padding-left: 2px;
}
.positionElementDesc {
	left:0;
	top:0;
}
.admin_box{
	float:left;
	padding:20px;
	left:500;
	top:130;
	width:300;
	border:solid 1px #ccc
}
.admin_box h1{
	color:red;
}
.admin_box a{
	color:red;
}
.admin_box li{
	list-style-type:square;
}
.admin-separ {
	clear:both;
	width:100%;
	height:10px;
	padding-top : 5px;
	padding-bottom : 5px;
	border-bottom:solid #999999 2px;
}
