/* CopyRight GeantStudio*/
/******** Menu **********/
html, body {
	margin: 		0;
	padding: 		0;
	height:			100%;
	color: 			black;
	background: 		#ddd;
	font-family: 		Verdana, Arial, sans-serif;
	font-size:		1em;
	/*background-image: url(images/droite.jpg);*/
	background-repeat:	repeat-y;
	background-position: 0px 200px;

}
#entete{
	position :		relative;
	margin-left:		0px;
	margin-right:		0px;
	height:			50px;
	background-color:	transparent;
}

#logo{
	position : 		absolute;
	float:			left;
	padding:		0;
	margin: 		0px 0px;
	z-index:		1;
	border: 		0px;
}
#homme{
	float:			right;
	padding:		0;
	z-index:		3;
	border:			0px;
}
#femme{
	float:			right;
	padding:		0;
	margin-left:		20px;
	margin-right:		20px;
	z-index:		4;
	border:			0px;
}
.clear{
	clear:			both;
}

a:link  {
	color:			white;
	text-decoration:	none;
	background-color:	transparent;
	text-decoration:	none;
}
a:visited {
	color:			white;
	text-decoration:	none;
	background-color:	transparent;
	text-decoration:	none;
}
a:hover {
	color:			#CCC;
	text-decoration:	none;
	background-color:	transparent;
	text-decoration: 	none;
}
a:active {
	color:			white;
	font-weight:		bold;
	text-decoration:	underline;
	background-color:	transparent;
}
a:focus {
	font-weight:		bold;
	color:			white;
	text-decoration:	underline;
	background-color:	transparent;
}
a.int:link {
	color:			#C326CF;
	text-decoration:	none;
	background-color:	transparent;
	font-weight:		bold;
}
a.int:visited   {
	color:			#C326CF;
	text-decoration:	none;
	background-color:	transparent;
	font-weight:		bold;
}
a.int:hover {
	color:			#5F0054;
	font-weight:		bold;
	background-color:	transparent;
}

div#nav {
	position :		absolute;
	float:			left;
	width:			100%;
	height:			25px;
	white-space: 		nowrap;
	margin:			-1px 0 0 0em;
	margin-top:		100px;
	background-color: 	#C326CF;
	/*-moz-opacity:0.8;*/
	opacity: 		0.8;
	filter:			Alpha(opacity=80);
}

div.centre{
	margin-top:		75px;
	z-index:		0;
	color:			#B600BF;
	background-color: 	transparent;
	margin-left:		7em;
	margin-right:		7em;
	padding:		2em 25px 20px 15px;
	margin-bottom:		25px;

}
.divimg{
	text-align:		center;
	width:			auto;
	height:			auto;
	margin:			0 auto;
}
p {
	margin:			0;
	padding:		5px;
	color:			black;
	font-family: 		Verdana, Arial, sans-serif;
	text-align :		justify;
}

b{
	color:			#5F5F5F;
}
.list{
	text-align:		left;
	white-space:		normal;
	margin-left:		15px;
	padding:		5px;
	color:			black;
	list-style-image:	url(images/li.png);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_gold{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/bouton_31.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_gold1{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_gold1.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_green{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_green.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_red{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_red.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_blue{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_blue.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_fuchsia{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_fuchsia.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_turquoise{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_turquoise.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.list_promo_diamond{
	text-align:		left;
	white-space:		normal;
	margin-left:		35px;
	padding:		7px;
	color:			black;
	list-style-image:	url(images/star_diamond.gif);
	list-style-type:	none;
	background-position:	0% 65%;
}
.num{
	text-align:		left;
	white-space:		normal;
	margin-left:		15px;
	padding:		5px;
	color:			black;
	list-style-type:	decimal;
	background-position:	0% 65%;
}
.nolist{
	text-align:		left;
	white-space:		normal;
	margin-left:		5px;
	padding:		0px;
	list-style-type:	none;
	background-position:	0% 65%;
}
li#couleurs-jaune{
	text-align:		left;
	white-space:		normal;
	margin-left:		15px;
	margin-right:		7em;
	padding:		5px;
	color:			black;
	list-style-image: 	url(images/jaune.gif);
}
li#couleurs-magenta{
	text-align:		left;
	white-space:		normal;
	margin-left: 		15px;
	margin-right:		7em;
	padding:		5px;
	color:			black;
	list-style-image: 	url(images/magenta.gif);
}
li#couleurs-orange{
	text-align:		left;
	white-space: 		normal;
	margin-left: 		15px;
	margin-right:		7em;
	padding:		5px;
	color:			black;
	list-style-image: 	url(images/orange.gif);
}
li#couleurs-pourpre{
	text-align:		left;
	white-space: 		normal;
	margin-left: 		15px;
	margin-right:		7em;
	padding: 		5px;
	color: 			black;
	list-style-image: url(images/pourpre.gif);
}
li#couleurs-rouge{
	text-align:		left;
	white-space:		normal;
	margin-left:		15px;
	margin-right:		7em;
	padding:		5px;
	color:			black;
	list-style-image: url(images/rouge.gif);
}
li#couleurs-turquoise{
	text-align:		left;
	white-space:		normal;
	margin-left:		15px;
	margin-right:		7em;
	padding:		5px;
	color:			black;
	list-style-image:	url(images/turquoise.gif);
}
cite{
	color:			#810F58;
	font-style:		normal;
}
h4{
	margin-top:		28px;
	text-align:		left;
	color:			#5F5F5F;
}
h3{
	text-align:		left;
}
h2{
	margin-top:		28px;
	margin-bottom:		28px;
	text-align:		left;
	color:			#B600BF;
}
.soustitre{
	position :		relative;
	margin-left:		10%;
	margin-top:		10px;
	margin-bottom:		20px;
	text-align:		left;
	font-weight:		bold;
	font-size:		1.2em;
	color :			#5F5F5F;
}
.stress{
	font-weight:		bold;
	font-size:		1.2em;
	color :			#5F5F5F;
}
img.gauche{
	float:			left;
	display:		inline;
	margin-right:		4px;
	margin-right:		4px;
	margin-top:		-2px;
	margin-bottom:		2px;
	border:			solid 1px  black;
}
img.gau{
	float:			left;
	display:		inline;
	margin-right:		4px;
	margin-right:		4px;
	margin-top:		-2px;
	margin-bottom:		2px;
	border:			none;
}

img.droite{
	float:			right;
	margin-right:		20px;
	margin-left:		4px;
	margin-top:		-2px;
	border:			solid 1px  black;
}
.sans_gauche{
	float:			left;
	margin-left:		4px;
	margin-right:		4px;
	margin-top:		-2px;
	border-style:		none;
}
.sans_droite{
 	float: 			right;
	margin-right: 		4px;
	margin-left: 		4px;
	margin-top: 		-2px;
	border-style:		none;
}
div.droite
{
	display:		inline;
	float:			left;
}
div.gauche
{
	position : 		absolute;
	top:			80%;
	left:			0;
	float:			left;
	margin-left:		7em;
	margin-right:		4px;
}
.imgcentre{
	border: 		solid 1px  black;
}

.au_centre{
	text-align:		center;
}

.tableau {
	text-align:		left;
	border-bottom: 		1px dotted fuchsia;
	border-left: 		1px dotted fuchsia;
	margin-bottom: 		20px;
	color: 			black;
}

.tableau_f {
	text-align:		left;
	border-bottom: 		1px dotted fuchsia;
	border-left: 		1px dotted fuchsia;
	margin-bottom: 		20px;
	color:                  black;
        background-image:       url(images/motif_fuchsia.jpg);
        background-repeat:      repeat;
}

.tableau_m {
	text-align:		left;
	border-bottom: 		1px dotted fuchsia;
	border-left: 		1px dotted fuchsia;
	margin-bottom: 		20px;
	color:                  black;
        background-image:       url(images/chapeaux2.jpg);
        background-repeat:      repeat;
}

.tableau_e {
	text-align:		left;
	border-bottom: 		1px dotted fuchsia;
	border-left: 		1px dotted fuchsia;
	margin-bottom: 		20px;
	color:                  black;
        background-image:       url(images/entreprise.jpg);
        background-repeat:      repeat;
}

.tableau_z {
	text-align:		left;
	border-bottom: 		1px dotted fuchsia;
	border-left: 		1px dotted fuchsia;
	margin-bottom: 		20px;
	color:                  black;
        background-image:       url(images/zen.jpg);
        background-repeat:      repeat;
}


th{
	text-align: 		center;
	vertical-align: 	center;
        border: 		2px solid fuchsia;
}
.cellule {
	padding: 		11px 20px 20px 11px;
	border-top:		1px dotted fuchsia;
	border-right:		1px dotted fuchsia; }
.cell_t {
	padding: 		11px 20px 20px 11px;
	border-top:		1px none;
	border-right:		1px dotted fuchsia; }
.cell_td {
	padding: 		11px 20px 20px 11px;
	text-align:		right;
	border-top:		1px none;
	border-right:		1px dotted fuchsia; }
.cell_r {
	padding: 		11px 20px 20px 11px;
	border-top:		1px dotted fuchsia;
	border-right:		1px none; }
.cell {
	padding: 		11px 20px 20px 11px;
	border-top:		1px none;
	border-right:		1px none; }
ul.none{
	list-style: 		none;
}
fieldset{
	width :			400px;
}
textarea{
	width :			250px;
	margin-left :		10px;
	margin-right:		10px;
}
input {
margin-left :			10px;
margin-right:			10px;
}
label {
	margin-left : 		10px;
	margin-right:		10px;
	font-family: 		Verdana, Arial, sans-serif;
	text-align :		left;
	color:			fuchsia;

}
span{
	color:			fuchsia;
}
input.bouton {
	margin : 		5px;
	width : 		auto;
	height:			22px;
	border:			1px outset #E8CC67;
	background-color:	#C84BD1;
	background: 		#C84BD1;
	color: 			white;
	font-weight:		bold;
	font-size: 		10px;
	line-height:		20px;
	white-space:		nowrap;
	cursor:			pointer;
}
input.bouton:hover {
	background-color:	#333;
	border:			1px outset #DDD;
	color:			#C84BD1;
}
input.bouton:active {
	border:		2px inset #DDD;
	background-color:	#CCC;
	color:			white;
}

.intro_h{
	border-color:		#CC68D3;
	position :		absolute;
	left:			50%;
	top:			50%;
	width:			561px;
	height:			319px;
	margin-left:		-280px; /* moiti de la largeur */
	margin-top:		-280px; /* moiti de la hauteur */
	z-index:		6;
}
.nowrap{
	white-space: 		nowrap;
}
.bas_gauche{
	clear:			left;
}
.fixe{
	clear:			none;
}
.intro{
	position : 		absolute;
	top:			50%;
	width:			100%;
	height: 		20px;
	max-height: 		20px;
	margin-top: 		-10px; /* moiti de la hauteur */
	background: 		#C84BD1;
	color :			white;
	text-align:		center;
	font-weight:		bold;
	border:			1px #CCC;
	opacity:		0.8;
	filter:			Alpha(opacity=80);
	z-index:		7;
}
.petit{
	font-size: 		small;
}
.grand{
	font-size: 		1.3em;
}
.promo_f{
	width:			290px;
	height:			90px;
	text-align:		center;
	color: 			purple;
        background-image:       url(images/fuchsia1.jpg);
        background-repeat:      no-repeat;
	margin-bottom: 		10px;
	margin-left: 		35%;
	margin-right: 		7em;
	padding: 		5px;
	padding-top: 	        40px;
	border: 		1px purple solid;
        text-transform:         uppercase;
}
.promo_h{
	width:			290px;
	height:			90px;
	text-align:		center;
	color: 			purple;
        background-image:       url(images/chapeau_promo.jpg);
        background-repeat:      no-repeat;
	margin-bottom: 		10px;
	margin-left: 		35%;
	margin-right: 		7em;
	padding: 		5px;
	padding-top: 	        40px;
	border: 		1px purple solid;
        text-transform:         uppercase;
}

.promo_e{
	width:			290px;
	height:			90px;
	text-align:		left;
	color: 			blue;
        background-image:       url(images/entreprise_promo.jpg);
        background-repeat:      no-repeat;
	margin-bottom: 		10px;
	margin-left: 		25%;
	margin-right: 		9em;
	padding: 		5px;
	padding-top: 	        40px;
	border: 		1px purple solid;
        text-transform:         uppercase;
}

.promo_z{
	width:			270px;
	height:			120px;
	text-align:		left;
	color: 			purple;
        background-image:       url(images/promo_zen.jpg);
        background-repeat:      no-repeat;
	margin-bottom: 		10px;
	margin-left: 		35%;
	margin-right: 		7em;
	padding: 		5px;
	padding-top: 	        10px;
	border: 		1px purple solid;
        text-transform:         uppercase;
}
.avis{
	position : 		absolute;
	top:			65%;
	width:			80%;
}


/*styles pour la page d'accueil*/

    #conteneur {
      position: relative;
      margin: 1em auto;
      width: 1280px;
      text-align: left;
      /* border : 1px solid #fff; */
     /* background-color: #fff;*/
      background-color: 	transparent;
      /*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
      overflow : hidden;
      }
 
      img.border {
      display : block;
      border:	solid 1px  black;
      font-size : 70%;
      color : #C60800;
      }

      img.noborder {
      padding-top: 10px;
      display : block;
      border : 0;
      font-size : 70%;
      color : #C60800;
      }
    #haut {
      height: 30px;
      margin-top : 1%;
      margin-left : 120px;
      color:			#B600BF;
      /*background-color: #eee;*/
      }
    #gauche {
      float : left;
      width : 420px;
      margin:		0;
      z-index:		0;
      color:			#B600BF;
     /*background-color: 	#faa;*/
      background-color: 	transparent;
      }
    #gauche h3 {
      margin-left : 120px;
      }
    #gauche #belnana {
      width: 300px;
      height: 322px;
      margin-left : 120px;
      }
    #centre {
      padding-top : 5px;
      margin-left : 420px;
      margin-top:		0;
     color:			#B600BF;
      /*background-color: 	#aaf;*/
     background-color: 	transparent;
      }
    #centre ul {
      margin-top : 0;
      padding-top : 0;
      padding-left : 10px;
      }
    #dedans {
      margin-right : 465px;
      /*background-color: #add8e6;*/
      color: 	purple;
      font-size: 	small;
      }
    #dedans_1 {
      margin-top: 0;
      text-align: right;
      margin-left: 90px;
      padding: 0;
      padding-top: 10px;
      padding-right: 10px;
      /*border: 1px solid black;*/
      }
    #dedans_2 {
      margin-top: 10px;
      text-align: left;
      margin-right: 170px;
      padding: 0;
      padding-left: 10px;
     /*border : 1px solid black;*/
      }
    #dedans_3 {
      margin-top: 10px;
      text-align: right;
      margin-left: 180px;
      padding: 0;
      padding-right: 10px;
     /*border : 1px solid black;*/
      }
    #bas {
      clear : left;
      /*position : relative;*/
      /*margin-bottom : 40px;*/
    /*background-color: #ffa;*/
      }
    #bas ul {
      margin-left : 120px;
      }
    #bas #bomec {
      position : absolute;
      right : 269px;
      bottom : 70px;
      width: 190px;
      height: 255px;
    /* background-color: #ffa;*/
      }
	  .contenus
	  {
		  display:block;
		  	margin-top:		300px;
	z-index:		0;
	color:			#B600BF;
	background-color: 	transparent;
	margin-left:		7em;
	margin-right:		7em;
	padding:		2em 25px 20px 15px;
	margin-bottom:		25px;
		  
		  
	  }
	  
/**/
div.contenu{
	margin-top:		125px;
	z-index:		0;
	color:			#B600BF;
	background-color: 	transparent;
	margin-left:		7em;
	margin-right:		7em;
	padding:		2em 25px 20px 15px;
	margin-bottom:		25px;
	/*border:dotted #00F;*/

}
fieldset
{
	border-color:#B600BF;
	width:980px;
}
.imageButton
{
	vertical-align:middle;
}
.imageButtonMini
{
	width:16px;
	vertical-align:middle;
}
.itamFile
{
	/*float:left;*/
	/*border:dotted #F00;*/
	/*width:200px;*/
}
.button
{
	/*border:dashed #0F0;*/
	text-align:center;
	padding-top:10px;
}
.imageLinkMini
{
	text-decoration:none;
	width:24px;
	border:none;
	text-align:center;
	vertical-align:middle;
}
.imageLink
{
	text-decoration:none;
	border:none;
	text-align:center;
	vertical-align:middle;
}
.viewJoinFile
{
	/*margin-left:400px;*/
	/*border:dotted #F00;*/
}
.paraFile
{
	color:#B600BF;
	border-bottom:solid 1px #B600BF;
	width:350px;
}
.itemFileName
{
	display:inline-block;
	width:300px;
	/*border-bottom:dotted #B600BF;*/
}
.delItemFileNameButton
{
	margin-left:20px;
	/*border-bottom:dotted #B600BF;*/
}
.inputNpa
{
		width:40px;
}
.viewItem
{
	display:inline-block;
	width:300px;
}
.viewItemClient
{
	display:inline-block;
	width:200px;
}
.viewItemEmail{
	display:inline-block;
	width:300px;
}
.viewItemDate{
	display:inline-block;
	width:150px;
}
.viewItemClientTable
{
	display:inline-block;
	width:200px;
	border-bottom:solid 1px #B600BF;
}
.viewPara
{
	color:#B600BF;
}
.back
{
	float:left;
}
.next
{
	float:right;
}
.buttonMail
{
	text-align:center;
}