/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:circle;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* 
----------------------------------------------------------------------------- 
BASIC TEXT STYLES
-----------------------------------------------------------------------------*/
dl,ul,ol,h1,h2,h3,h4,h6,pre,p,img
{
	margin-bottom: 1.0em;
}

ul li
{
	width: 420px;
	font-size: 1.1em;
	margin-top: 0.8em;
	line-height: 1.3em;
}

h1,h2,h3,h4,h5,h6
{
	text-shadow: 0 0 0 #000;
}

/* 
----------------------------------------------------------------------------- 
BASIC BODY AND CONTAINER STRUCTURE
-----------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #EEF2FF;
	font: 62.5%/1.4 'Lucida Grande', Verdana, sans-serif;
	color: #888888;
}

#container {
	width: 760px;
	height: 705px;
	background-color: #FFFFFF;
	background-image: url(../img/direct-appel-fond.gif);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;	
}

/* 
----------------------------------------------------------------------------- 
LINK BEHAVIOUR
-----------------------------------------------------------------------------*/

a
{
	color: #999999;
}

a.stale
{
	color: #88B000;
}

a:hover,
a.stale:hover
{
	color: #88B000;
}

/* 
----------------------------------------------------------------------------- 
SPECIFIC TEXT AND TITLE STYLES
-----------------------------------------------------------------------------*/

.mycontent {
	margin-left: 60px;
}

.mycontent h2 {
	font: 1.8em/1 "Verdana", sans-serif;
	color: #482F92;
	margin-bottom: 0.7em;
}

.mycontent h3 {
	font: 1.4em/1 "Verdana", sans-serif;
	color: #88B000;
	margin-bottom: 0.1em;
}

.mycontent h5 a {
	font: 1.4em/1 "Verdana", sans-serif;
	color: #88B000;
}

.mycontent h5 a:hover {
	color: #88B000;
	text-decoration: underline;
}

.mycontent p {
	width: 420px;
	font-size: 1.1em;
	line-height: 1.3em;
}

.mycontent dl {	
	width: 430px;
	font-size: 1.1em;
	margin-top: 1.0em;
	line-height: 1.2em;
}

.puce1 dd {
	padding-left: 35px;
	background-image: url(../img/bt_1.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	height: 38px;
}

.puce2 dd {
	padding-left: 35px;
	background-image: url(../img/bt_2.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	height: 38px;
}

.puce3 dd {
	padding-left: 35px;
	background-image: url(../img/bt_3.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	height: 38px;
}

.puce4 dd {
	padding-left: 35px;
	background-image: url(../img/bt_4.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	height: 38px;
}

.violet {	
	color: #482F92;
	font-weight: bold;
}

.green {	
	color: #88B000;
	font-weight: bold;
}

.column,
.lead-column
{
	float: left;
	width: 215px;
}

.temoignages {
	width: 420px;
	height: 110px;
	padding: 10px;
	background-image: url(../img/temoignages-fond.gif);
	background-repeat: no-repeat;
}

/* 
----------------------------------------------------------------------------- 
PAGE FOOTER STRUCTURE
-----------------------------------------------------------------------------*/

.footer {
	float: left;
	width: 760px;
	background-color: #FFFFFF;
	background-image: url(../img/direct-appel-line.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.block h2.title {
	display: none;
}

.footer ul, .footer ul li, .footer ul li ul, .footer ul li ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-weight: normal;
}

.footer ul li {
	float: left;
	width: 150px;
	margin-left: 25px;
	font-size: 1.1em;
	margin-top: 1.1em;
}

.footer ul a {
	font-weight: bold;
}

.footer ul li ul li a {
	font-weight: normal;
}

.footer dl {	
	float: left;
	width: 150px;
	margin-left: 25px;
	font-size: 1.1em;
	margin-top: 1.1em;
}
.footer dt {
	font-weight: bold;
}

.footer dd {
	margin: 0.1em 0 0;
}

.bloc {
	float: left;
	width: 45px;
	height: 105px;
	background-color: #E9FD9D;
}

.budget {
	padding-top: 1.8em;
}

/* 
----------------------------------------------------------------------------- 
LEFT SIDE OF PAGE
-----------------------------------------------------------------------------*/

#gauche {
	float: left;
	width: 510px;
	background-image: url(../img/direct-appel-fond.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#gauche .image {
	float: right;
	width: 450px;
	margin-bottom: 15px;
	z-index: -100;
}

#gauche .logo,
#entete .logo {
	height: 70px;
	padding-left: 25px;
	padding-top: 16px;
}

#gauche .inscription {
	float: right;
	text-align: right;
	margin-bottom: 10px;
}

/* 
----------------------------------------------------------------------------- 
RIGHT SIDE OF PAGE
-----------------------------------------------------------------------------*/

#droite {
	float: right;
	width: 250px;
	height: 620px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

/* 
----------------------------------------------------------------------------- 
INCLUDE : COUNTER
-----------------------------------------------------------------------------*/

#droite .compteur {
	height: 82px;
	background-color: #482F92;
	background-image: url(../img/direct-appel-compteur.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #E0D9EC;
	padding-top: 4px;
	text-align: center;
	font-size: 10px;
}

.counter {
	height: 35px;
	background-image: url(../img/counter/counter.png);
	background-repeat: no-repeat;
	background-position: center;
}

.numbers {
	padding-top: 4px;
}

#droite .compteur h6
{
	font: 1.0em/1 "Helvetica Neue", Helvetica, Arial;
	color: #FFFFFF;
	margin: 0.1em;
}

#droite .compteur h3
{
	font: 1.2em/1 "Helvetica Neue", Helvetica, Arial;
	margin: 0.5em;
	font-weight: bold;	
}

#droite .compteur a
{
	color: #FFFFFF;	
}

#droite .compteur a:hover
{
	text-decoration: underline;
}

/* 
----------------------------------------------------------------------------- 
INCLUDE : MEMBRES
-----------------------------------------------------------------------------*/

#droite .membres {
	height: 112px;
	background-color: #E9FD9D;
	color: #88B000;
	padding: 14px;
}
#droite .membres a {
	color: #88B000;
	text-decoration: none;
}
#droite .membres a:hover {
	text-decoration: underline;
}

#droite .membres h2
{
	font: 1.7em/1 "Verdana", sans-serif;
	margin-bottom: 0.1em;
	text-align: center;
	margin-bottom: 1.0em;
	margin-top: 0.2em;
}

#droite .membres strong {
	font-weight: bold;
	font-size: 200%;
}

#droite .membres .logout {
	float: right;
}

.formlayer1 {
	height: 22px;
}
.formlayer2 {
	height: 40px;
}
.m1 {
	float: left;
	width: 68px;
	margin-top: 2px;
}
.m2 {
	float: left;
	width: 100px;
}
.o1 {
	float: left;
	width: 68px;
	margin-top: 12px;
}
.o2 {
	float: left;
	width: 100px;
	margin-top: 9px;
}
.o3 {
	float: right;
}
.o4 {
	float: left;
	text-align: right;
	width: 170px;
}

/* 
----------------------------------------------------------------------------- 
ENCARTS
-----------------------------------------------------------------------------*/

#droite .flash {
	height: 250px;
}

#droite .encart {
	height: 48px;
	padding: 0px;
	margin: 0px;
}

.spacer {
	clear: both;
	height: 2px;
	overflow: hidden;
}
.xspacer {
	clear: both;
	height: 10px;
	overflow: hidden;
}

/* 
----------------------------------------------------------------------------- 
FORM STYLES
-----------------------------------------------------------------------------*/

#moveleft {
	float: left;
	width: 200px;	
}

#moveright {
	float: right;	
	width: 220px;
}

form {
	padding: 0px;
	margin-bottom: 1.4em;
	border: 0px;
}

form h6 {
	font: 1.1em/1 "Helvetica Neue", Helvetica, Arial;
	color: #88B000;
	margin-bottom: 0.2em;
	margin-top: 0.7em;
}

form h5 {
	font: 1.1em/1 "Helvetica Neue", Helvetica, Arial;
	color: #88B000;
}

textarea {
	font: 1.1em/1 "Helvetica Neue", Helvetica, Arial;
	line-height: 1.1em;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

input {
	color: #666666;
}

.go {
	float: right;
	margin-right: 30px;
	margin-bottom: 10px;
}

.go2 {
	float: right;
	margin-right: 250px;
	margin-bottom: 10px;
}

.checkbox {
	margin-right: 0.5em;
}

.gobutton {
	float: right;
	width: 155px;
	padding: 0px;
	margin: 0px;
}

/* 
----------------------------------------------------------------------------- 
TABLE STYLES
-----------------------------------------------------------------------------*/

table {
	width: 96%;
	margin-top: 1.0em;
	margin-bottom: 2.0em;
	padding: 0px;;
	text-align: center;
	color: #999999;
}

td {
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 3px;
}

table .header {
	color: #FFFFFF;
	background-color: #482F92;
	font-weight: bold;
}

/* 
----------------------------------------------------------------------------- 
MISE EN PAGE : INTERFACE MEMBRES
-----------------------------------------------------------------------------*/

#xcontainer {
	width: 760px;
	background-color: #FFFFFF;
	background-image: url(../img/direct-appel-fond.gif);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;	
}

#entete {
	float: left;
	width: 500px;
	background-image: url(../img/direct-appel-fond.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#entete dl {	
	width: 430px;
	font-size: 1.1em;
	margin-top: 0.8em;
	line-height: 1.8em;
	padding-left: 105px;
}

#entete dd {
	padding-left: 15px;
	background-image: url(../img/petite-puce.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

#account {
	float: right;
	width: 195px;
	border-left: solid;
	border-width: 1px;
	border-color: #88B000;
	padding: 10px;
}

#account h3 {
	font: 1.4em/1 "Verdana", sans-serif;
	color: #88B000;
	margin-bottom: 0.5em;
}

.deconnexion {
	text-align: right;
}

#membres {
	float: left;
	width: 700px;
	background-image: url(../img/direct-appel-fond.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-left: 45px;
}

.node, .content {
	margin: 0;
	padding: 0;
}

#contact-mail-page .form-item {
	margin-top: 25px;
}

#contact-mail-page label {
	width: 100px;
	display: block;
	text-align: right;
	float: left;
	clear: left;
}

#contact-mail-page input, select {
	margin-left: 20px;
}
 legend {
	font-style: italic;
}

/*.preview {
	background-color: #fcfce8;
	border: 1px solid #e5e58f;
}*/

div.status {
	background: #efd url('/img/accept.png') no-repeat left center;
	border: solid 1px #6c9;
	color: #363;
}

div.error {
	color: #c52020;
	background: #fee url('/img/exclamation.png') no-repeat left center;
	border: solid 1px #f00;
	color: #633;
}

div.status, div.error {
	border-left: none;
	border-right: none;
	padding: 5px 20px;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 15px;
}