/* Import des style pour la charte */
@import "stylefooter.css";

#aide {
	position:absolute;
	width:900px;
	left:50%;
	height:100%;
	margin-left:-450px;
}
.btn-aide {
	position:absolute;
	top:257px;
	left:390px;
	width:160px;
	height:50px;
	z-index:200;
}

body
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: black;
	scrollbar-base-color: #FFFFFF;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}

table {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color: #636363;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
}

a {
	color: #000000;

	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
}
a:hover {
	color: #000000;

	text-decoration: underline;

}

.page {
	font-size: 10px;
	color: #FFFFFF;

}
.adresse {

	font-size: 9px;
	color: #333333;
}
.intertitre {


	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	font-style: normal;
	color: #492A25;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.titre {
		
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color: #B2D6E4;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
	font-weight: bold;
}
li {
	list-style-image: url(images/charte/puce.gif);
	list-style-type: Aucune;
	
}
.pointill {
	background-attachment: scroll;
	background-image: url(images/charte/pointill.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.espa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 16px;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #FCFCFC;
	width: 170px;
}
.form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: CCCCCC;
	border: 1px solid #FCFCFC;
}
.espa2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 16px;
}
.page:hover {

	font-size: 9px;
	color: #E0EFF4;
	text-decoration: none;
}
.it {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
}
ul {
	margin-left: 15px;
	margin-bottom: -10px;
	margin-top: -10px;
}
.titresoulign {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;bleu
	font-weight: bold;
	font-style: normal;
	color: #fe7e11;
	text-decoration: underline;
}
.bold2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	color: #fe7e11;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
	font-weight: bold;
}

a.recrutement {
	display:block;
	margin:0 0 5px 0;
	letter-spacing:0.05em;
	}
	
/*------------------------ outils - Christophe -----------------------*/
#sitetype {
	width:280px;
	text-align: center;
}
#sitetype img {
	margin:5px;
	border: 1px solid #124459;
}
.titresoutils {}.FD3blocs {
	background-attachment: scroll;
	background-image: url(images/charte/fd_3blocs.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.FDlignegrise {
	background-attachment: scroll;
	background-image: url(images/charte/gris.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.FDlignegrise2 {
	background-attachment: scroll;
	background-image: url(images/charte/gris.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.txtGRIS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
}
.txtBLEU {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fe7e11;
	margin:20px 0 0 0;
	display:block;
}
.TITREGROS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #a7adb0;
}
.FD1bloc {

	background-attachment: scroll;
	background-image: url(images/charte/fd_1bloc.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #a7adb0;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:5px;
}
.cyc {
	display: none;
}.clignotterouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
}

.txtGRIS2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align:justify;
}

.txtGRIS2 a {
	text-decoration:none;
	color: #000;
	padding:0 5px 0 5px;
}
.txtGRIS2 a:hover {
	text-decoration:underline;
}


/* Support FAQ */

	#support-faq a,#faq a
	{
		color:#555555;
		text-decoration:none;
	}

	#support-faq a:hover,#faq a:hover
	{
		color:#333333;
	}

	/* page support.php */
	
	#support-faq #rubriques
	{
		padding:10px;
		background:#F4F4F4;
		border-left:#A7ADB0 solid 1px;
		border-right:#A7ADB0 solid 1px;
	}
	
	#support-faq #rubriques p.rubrique
	{
		float:left;
		margin:5px;
		width:280px;
	}
	

	/* page faq.php */

	#faq
	{
		background:#F4F4F4;
		border-left:#BBBBBB solid 1px;
		border-right:#BBBBBB solid 1px;
	}
	
	#faq h1
	{
		font-size:16px;
		margin:0;
		padding:5px;
	}

	#faq li.titre
	{
		list-style: none;
		list-style-image: none;
	}
	
	#faq .input-text,.input-button
	{
		border:#999999 solid 1px;
	}

	#faq #blocLeft
	{
		float:left;
		display: inline; /* IE6 floating margin fix */
		margin:10px 0 10px 10px;
		width: 300px;
	}
	
	#faq #blocLeft #rubriques
	{
		margin: 5px;
		padding: 10px 0;
		border-top:#BBB solid 1px;
		border-bottom:#BBB solid 1px;
		width: 270px;
	}

	#faq #blocLeft #rubriques .rubriques-sous_rubriques
	{
		width:90%;
		margin:2px;
		margin-left:10px;
		margin-bottom:10px;
		list-style-type:circle;
		list-style-image:none;
		color:#555555;
		font-weight:bold;
	}

	#faq #blocLeft #rubriques .rubriques-sous_rubriques .rubrique
	{
		margin:0;
		margin-bottom:5px;
	}

	#faq #blocLeft #rubriques .rubriques-sous_rubriques .sous_rubrique
	{
		margin:0;
	}

	#faq #blocLeft #rubriques .rubriques-sous_rubriques .sous_rubrique a
	{
		font-weight:normal;
	}

	#faq #blocLeft #recherche
	{
		margin:10px 20px 10px 0px;
		padding: 5px;
		border:#BBB solid 1px;
	}

	#faq #blocLeft #recherche .input-text
	{
		width: 268px;
		margin-bottom:10px
	}

	#faq #blocLeft #recherche .titre,#rubriques .titre
	{
		width:auto;
		color:#999999;
		font-size:14px;
		margin:0;
		padding:0;
		margin-bottom:10px;
	}

	#faq #blocLeft #recherche .valider
	{
		text-align:right;
		margin:0;
		padding:0
	}
	
	#faq #blocRight
	{
		float:left;
		display: inline; /* IE 6 floating margin fix */
		margin:10px 0;
		width:560px;
		padding:0 0 5px;
	}
	
	#faq #blocRight p.titre
	{
		padding:0;
		margin:0;
		margin-bottom:20px;
		font-size:14px;
		font-style:italic;
		color:#333333;
	}

	#faq #blocRight dt.question
	{
		margin:0 0 10px 0;
		font-weight:bold;
		background:url(images/faq/puce.gif) center left no-repeat;
		text-indent: 15px;
		cursor: pointer;
	}
	
	#faq #blocRight dd.reponse
	{
		margin: 0 0 10px;
		border-bottom:#999 dashed 1px;
		height: 1px;
		overflow: hidden;
	}

	#faq #blocRight dd.reponse p
	{
		margin:0 10px 10px 10px;
		text-align:justify;
	}
/*--- REFRENCE COMMERCIAUX --*/
.UL_reference {
	float:left;
	width:260px;
	margin:15px 0px 0 0;
	}
/*------ RECRUTEMENT -----*/
#recrutement-directeur, #recrutement-commerciaux, #recrutement-integrateurs, #recrutement-CP, #recrutement, #recrutement-integrateurs2, #recrutement-commerciaux2, #recrutement-hotliner, #recrutement-webdesigner, #recrutement-comptable, #recrutement-ACP {
	float:left;
	margin:8px 0 0 8px; 
	width:280px;
	padding:0 0 10px 0;
	}
	
	
/*** contact *****/

.adresse-plan {
float:right;
margin-right:20px;
width:300px;
font-size:12px;
font-weight:bold;
text-align:right;
padding:5px 0;
}

.voir-plan {
color:#333333;
}