body {

	background : 				#009a9a url('images/body.jpg') center top no-repeat;
	padding : 					25px 0 0 0;
	margin : 					0;
}

img {
	behavior: url("/win_png.htc");
}
.png { behavior: url(iepngfix.htc) }

#page {
	
	margin :					0 0 20px 0;
	padding : 					0;
	margin-left : 				auto;
	margin-right : 				auto;
	width : 					995px;	
	border : 					1px solid #ffffff;
	font-size : 				12px;
	font-family : 				arial;
	background : 				#fff;
}	

.clear {

	visibility : 				hidden;
	clear : 					both;
}

a {
	
	color : 					#366;	
}

.gotoFirstLinkActive {
	
	cursor : 					pointer;	
}	

#entete {

	background : 				url('images/entete.jpg') center top no-repeat;
	height : 					189px;
	margin : 					0;
	padding : 					0;
}

#acces-perso {
	float : 					right;	
	margin:0;
	margin-right : 				10px;
	margin-top : 				10px;
	padding : 					3px;
	border : 					1px solid #ffffff;	
	height : 					104px;
	width : 					344px;
}

#acces-perso form {
	
	margin : 					0;
	padding : 					0;	
}	

#acces-perso h6 {

	font-size : 				14px;
	color : 					#033;
	margin :					0;
	padding : 					0;	
	margin-bottom : 			2px;
	text-transform : 			uppercase;
}

#acces-perso .titre {
	
	color : 					#366;
	font-size : 				10px;
	margin :					0;
	padding : 					0;		
}

#acces-perso p {
	
	margin :					0;
	padding : 					0;		
}	

#acces-perso a{

	font-size : 				12px;
	color : 					#366;	
}	

#pied {
	
	padding : 					0;
	margin : 					0;
	clear : 					both;
	background : 				#9cc;	
	height : 					16px;
}

#pied ul {
	
	padding : 					0;
	margin : 					0;
	padding-left : 				10px;
}	

#pied li {

	list-style : 				none;
	float : 					left;	
	margin-right : 				15px;
}	

#pied li a {

	text-decoration : 			none;	
}	

/************************************
******* PAGE D'ACCUEIL **************
************************************/

#accueil {

	margin : 					0;
	padding : 					0 10px 10px 10px;
	background : 				#ffffff url('images/global.jpg') center top repeat-y;
}

#rapports_listing {

	height : 					232px;
	background : 				url('images/rapports_background.jpg') center top repeat-x;
	border : 					1px solid #399;
	padding : 					10px;
}

#evaluation {
	
	float : 					left;
	width : 					400px;
}

#evaluation .illustration {
	
	float : 					left;
	background : 				url('images/evaluation.png') center top no-repeat;
	width : 					130px;
	height : 					155px;
	padding : 					5px;
	text-align : 				center;
}

#accueil .illustration a, #rapports_list li a {
	
	font-size : 				17px;
	text-decoration : 			none;
	color : 					#666;
}

#accueil .illustration span, #rapports_list li span {
	
	font-size : 				12px;
	text-decoration : 			none;
	color : 					#666;
}

#accueil .texte {
	
	float : 					left;
	color : 					#666;
	width : 					200px;
	padding-left : 				10px;
	text-align : 				justify;
}

#accueil h6 {

	margin : 					0;
	padding : 					0;
	font-size : 				13px;
	font-weight : 				bold;	
}	

#rapport_simplifie .texte {
	
	float : 					left;
}	

#rapports_list {
	
	float : 					left;
}

#rapports_list li {

	list-style : 				none;
	float : 					left;	
	width : 					120px;
	height : 					185px;
	text-align : 				center;
}


#rapports_list li.rapport {
	
	background : 				url('images/rapport.png') center top no-repeat;
}

#rapports_list li.expertise {
	
	background : 				url('images/expertise.png') center top no-repeat;
	margin-left : 				70px;
}

#rapports_list li.sos {
	
	background : 				url('images/sos.png') center top no-repeat;
	margin-left : 				70px;
}

#index_gauche {

	float : 					left;	
	width : 					485px;	
	padding : 					0;
	margin : 					0;
}	

#index_droite {
	
	width : 					465px;
	float : 					right;	
}	

#breves_listing {
	

	height : 					300px;
	border : 					1px solid #399;
	padding : 					0;
	margin : 					0;	
	margin-top : 				20px;
	background : 				#ffffff;
}	

#breves_ombre {
	
	margin : 					0;
	padding : 					0;	
	background : 				url('images/breves_ombre.png') right top no-repeat;
}

#pourquoi {
	
	background : 				url('images/content_background.jpg') right top repeat-y;
	height : 					170px;
	border : 					1px solid #399;
	margin-top : 				20px;
	color : 					#666;
	font-size : 				12px;
	text-align : 				justify;
	padding : 					5px;
}

#pourquoi h1 {

	color : 					#399;
	font-size : 				18px;
	padding-left : 				10px;	
}	

#pourquoi_ombre {
	
	margin : 					0;
	padding : 					0;	
	background : 				url('images/content_ombre.png') right top no-repeat;
}	

#presse {
	
	background : 				url('images/presse_background.png') right top no-repeat;
	width : 					467px;
	height : 					49px;
}

#pub {
	
	margin-top : 				20px;
/*	background : 				url('images/pub.gif') right top no-repeat;*/
	width : 					468px;
	height : 					60px;
	border:						1px solid #009A9A;
}


/*****************************************
****** AUTRES PAGES (NON ACCUEIL) ********
*****************************************/

#corps {
	
	border : 					1px solid #399;
	background : 				#fff;
	margin :		 			10px;	
	margin-top : 				0;
}	

#corps h1 {

	border-bottom :				1px solid #399;	
	font-size : 				18px;
	text-transform : 			uppercase;
	color : 					#666;
	margin : 					0;
	height : 				30px;	
	padding : 				5px 0 0 10px;	
}

#corps h2 {
	font-size : 				16px;
	color : 					#666;
	margin : 					0;
	padding-left : 				10px;	
}

address {
	padding : 					0 10px;
}

#corps .chapeau, #corps .cgv_read {
	
	font-weight : 				bold;	
	padding : 					0 10px;
	font-size:					14px;
}

#corps .texte {
		
	padding : 					0 10px;
}

#corps p {
	padding : 					0 10px;
}	

#corps .sousRubriques {
	
	margin : 					0;	
	padding : 					0 10px;
}	

#corps .sousRubriques li, #corps .ArticlesListe li {
	
	padding : 					5px 0;
	margin : 					0;
}

#corps .sousRubriques li {
	
	list-style : 				none;
}

#corps .sousRubriques li a, #corps .ArticlesListe li a {

	text-decoration : 			none;	
	font-weight : 				bold;
	font-size : 				14px;
}	
			
#corps .sousRubriques li a:hover, #corps .ArticlesListe li a:hover {

	text-decoration : 			underline;	
	color : 					#99CCCC;
}	
			

.center {

	padding : 					10px;
	text-align : 				center;	
}	


#formulaire {
	
	padding : 					10px;	
}

#formulaire h6 {
	
	padding-top : 				10px;
	font-size : 				16px;
	text-align : 				center;
}	

#formulaire p {
	

}

#formulaire p label.titre {

	font-weight : 				bold;
}


#formulaire p .text, #formulaire p .select, #formulaire p .textarea {
	
	width : 					100%;	
}	

#formulaire p .checkbox, #formulaire p .radio {
	
	margin-right : 				20px;	
}	

.fieldset-1 {
	
	margin-top :				10px;
	background : 				#D1EFEF;
	border : 					1px solid #009A9A;
}

.fieldset-1 legend {
	
	background : 				#009A9A;
	color : 					white;	
	font-weight : 				bold;
	font-size : 				14px;
	padding : 					5px 10px;
}

.fieldset-2 {
	
	margin-top :				10px;
	background : 				#FDFFB9;
	border : 					1px solid #F8FF01;
}

.fieldset-2 legend {
	
	background : 				#F8FF01;
	color : 					black;	
	font-weight : 				bold;
	font-size : 				14px;
	padding : 					5px 10px;
}

.fieldset-3 {
	
	margin-top :				10px;
	background : 				#AAC6F9;
	border : 					1px solid #1F68EF;
}

.fieldset-3 legend {
	
	background : 				#1F68EF;
	color : 					white;	
	font-weight : 				bold;
	font-size : 				14px;
	padding : 					5px 10px;
}

.fieldset-4 {
	
	margin-top :				10px;
	background : 				#FACF9C;
	border : 					1px solid #F8A646;
}

.fieldset-4 legend {
	
	background : 				#FAB45C;
	color : 					black;	
	font-weight : 				bold;
	font-size : 				14px;
	padding : 					5px 10px;
}

.alert {

	text-align : 				center;
	color : 					#EE2828;
	font-size : 				14px;
}

.gauche {

	float : 					left;
}

.droite {

	float : 					right;
}


#identification,
#inscription {

	margin-left : 				auto;
	margin-right : 				auto;
	width : 					300px;
	border : 					1px solid black;
	padding :					5px;
}

#identification h6,
#inscription h6 {
	
	font-size : 				14px;
	margin : 					0;
	padding :					0;	
}

.linkToButton {
	font-size:					16px;
}

#identification input,
#inscription input {
	
	width : 					90%;	
}	


.listingtable,
.listingtableClient {
	
	width : 					100%;	
}	

.listingtableClient tr td {
	margin :					0;
	padding :					5px 0 10px 0;
	border-bottom :				1px solid black;
}

.listingtable,
.listingtableClient thead {
	
	font-weight : 				bold;
	text-align : 				center;	
}	

.listingtable,
.listingtableClient {

	text-align : 				center;	
}	

.accroche {
	
	float : 					right;
	margin-right : 				20px;
	margin-top : 				60px;
	width : 					300px;	
	font-size : 				14px;
	font-weight : 				bold;
	color : 					#366;
}	

.sousimage 
{
	clear:both;
	width:270px;
	font-size : 				12px;
	color :						#666;
	font-weight : 				bold;
	padding:5px 0 0 10px;
	margin:0;
}	

#menu_top 
{
	padding : 					0;
	margin : 					0;
	float : 					left;	
	padding-left : 				280px;
}	

*html #menu_top {
	
	padding-top : 				0px;	
}

#menu_top li {
	
	padding : 					0;
	margin : 					0;
	float : 					left;
	list-style : 				none;	
	text-align : 				center;
}

#menu_top li.menu_top_1 {

	width : 					92px;
}

#menu_top li.menu_top_2 {

	width : 					150px;	
}

#menu_top li.menu_top_3 {

	width : 					170px;	
}

#menu_top li.menu_top_4 {

	width : 					62px;	
}

#menu_top li.menu_top_5 {

	width : 					204px;	
}

#menu_top li a {
	
	text-transform : 			uppercase;
	font-size : 				12px;
	color :						#366;
	font-weight : 				bold;
	text-decoration : 			none;	
}	

#menu_top li.menu_top_1 a{
	
	color : 					#000000;	
}	

#menu_top li a:hover {
	
	color : 					#9CC;	
}	

	
.brevesList {
	
	padding : 					0;
	margin : 					0;	
}

.brevesList li{
	
	padding : 					0;
	margin : 					0 10px;	
	float : 					left;
	list-style : 				none;
	width : 					210px;
}

.brevesList li .title {
	
	color :						#399;
	font-size : 				16px;	
}

.brevesList li .chapeau {
	
	color :						#666;	
	text-align :				justify;	
}

.brevesList li .suite {
	
	color :						#399;	
}

.fieldnumber {

	text-align : 				right;
	margin : 					0;
	padding : 					0;
	font-style : 				italic;	
}	


.zone-jaune .titre, .zone-rose .titre, .zone-verte .titre, .zone-bleue .titre {
	
	font-weight : 				bold;
}	

.zone-jaune {
	
/*	background : 				#FFFF99;*/
	background : 				#FFFEAB;
}

.zone-rose {
	
/*	background : 				#FF99CC;*/
	background : 				#FFB7DB;
}	

.zone-verte {
	
/*	background : 				#99FF33;*/
	background : 				#C2FF87;
}	

.zone-bleue {
	
/*	background : 				#99CCFF;*/
	background : 				#BBDEFF;
}	

#contact {
	margin-top:			25px;
/*	font-size:			85%;*/
	width:				700px;
}

#contact p.field {
	text-align:			right;
	width:				75%;
}

#contact textarea,
#contact input {
	width:			220px;
	vertical-align:	top;
}

#contact textarea {
	width:			350px;
}

.infobulle{
	position:		absolute;	
	visibility:		hidden;
	border:			2px solid #009A9A;
	padding:		10px;
	font-family:	Verdana, Arial;
	font-size:		14px;
	background-color: #E0EAEC;
	color:			#666;
}

#corps-annonces 
{
	padding:0 10px 0 10px;
}

.fieldset-annonces 
{
	display:block;
	margin :					10px 0 10px 10px;
	padding:10px;
/*	background : 				#D1EFEF;*/
	border : 					1px solid #009A9A;
}

.fieldset-annonces p
{
	margin-top:10px;
}

.fieldset-annonces legend {
	
	background : 				#009A9A;
	color : 					white;	
	font-weight : 				bold;
	font-size : 				14px;
	padding : 					2px 10px;
}

.fieldset-full
{
	clear:both;
	width:900px;
}

.fieldset-tiers
{
	display:block;
	float:left;
	width:280px;
}

.fieldset-demi
{
	display:block;
	float:left;
	width:435px;
}