/* ----------------------- STYLE GENERAL ----------------------- */

BODY {
	margin					: 0px;
	background-color		: #FFFFFF;
	text-align				: left;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 10px;
	color 					: #233F8B;
}

FORM {margin : 0px; padding : 0px;}


a:link      	{text-decoration: none; color: #FF6600; font-weight : bold;}
a:visited 	{text-decoration: none; color: #FF6600; font-weight : bold;}
a:active  	{text-decoration: none; color: #FF6600; font-weight : bold;}
a:hover  	{text-decoration: underline; color: #FF3300; font-weight : bold;}


TD {
	text-align		: left;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color 			: #233F8B;
}

LI {
	margin-top 		: 3px;
	margin-bottom	: 3px;
}

UL {
	margin-top 		: 3px;
	margin-bottom	: 3px;
}

TEXTAREA, INPUT, SELECT {
	font-size 			: 10px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

SELECT {
	background-color	:	#F1F1F1;
	color				:	#182F41	;
}

/* ----------------------- STYLE TABLEAUX ----------------------- */

.tableau{

}

.tableau TR TD{
	padding				: 3px;
	background-color	: #C0C0C0;
	color				: #3333CC;
	font-weight			: bold;	
}

.tableau .over TD{
	background-color	: #DEBDD4;
	cursor				: pointer;
	font-weight			: bold;
}

.tableau .over{
	background-color	: #DEBDD4;
	cursor				: pointer;
	font-weight			: bold;
}

.tableau .entete{
	background-color	: #233F8B;
	color				: #FFFFFF;
	text-align			: left;
	font-weight			: bold;
	font-size			: 12px;
}

.tableau th{
	background-color	: #4B4B4B;
	color				: #FFFFFF;
	text-align			: center;
	/*font-weight			: bold;*/
	font-size			: 10px;
}

.tableau .pied{
	background-color	: #9C005A;
	color				: #FFFFFF;
	font-weight			: bold;
}

.tableau a:link      {text-decoration: underline; color: #233F8B; font-weight : bold;}
.tableau a:visited 	{text-decoration: underline; color: #233F8B; font-weight : bold;}
.tableau a:active  	{text-decoration: underline; color: #233F8B; font-weight : bold;}
.tableau a:hover  	{text-decoration: underline; color: #233F8B; font-weight : bold;}

/* -----------------------  ----------------------- */

.inputStyle{
	width				:	180px;
	padding				:	1px;
	border				:	1px solid #233F8B;
	color				:	#233F8B;
	vertical-align		: 	middle;
}

.image{
	border				:	1px solid #233F8B;
}

.bouton{
	font-weight			:	bold;
	background-color	:	#233F8B;
	color				:	#FFFFFF;
	text-transform		:	uppercase;
	border				:	0px;
}

.bouton_over{
	font-weight			:	bold;
	background-color	:	#A4B8F0;
	color				:	#FFFFFF;
	text-transform		:	uppercase;
	border				:	0px;
}

.bouton2{
	font-weight			:	bold;
	width				:	220px;
	height				:	20px;
	background-color	: 	transparent;
	background-image	:	url(../images/interface/btn_elipse.gif);
	background-position	:	center;
	background-repeat	:	no-repeat;
	color				:	#FFFFFF;
	text-transform		:	uppercase;
	border				:	0px;
	cursor				:	pointer;
}

.bouton2_over{
	font-weight			:	bold;
	width				:	220px;
	height				:	20px;
	background-color	: 	transparent;
	background-image	:	url(../images/interface/btn_elipse_over.gif);
	background-position	:	center;
	background-repeat	:	no-repeat;
	color				:	#FFFFFF;
	text-transform		:	uppercase;
	border				:	0px;
	cursor				:	pointer;
}
/* ----------------------- STYLE SITE ----------------------- */

.entete_site{
	width					: 766px;
	vertical-align			: top;
	background-color		: #FFFFFF;
}

.menu0_site{
	height					: 23px;
	padding-left			: 20px;
	font-weight				: bold;
	color					: #FFFFFF;
	background-image		: url(../images/interface/fond_menu0.gif);
	background-repeat		: no-repeat;
	background-position		: left top;
}

.menu0_site a:link      {text-decoration: none; color: #FFFFFF; font-weight : bold;}
.menu0_site a:visited 	{text-decoration: none; color: #FFFFFF; font-weight : bold;}
.menu0_site a:active  	{text-decoration: none; color: #FFFFFF; font-weight : bold;}
.menu0_site a:hover  	{text-decoration: underline; color: #FFFFFF; font-weight : bold;}

.item_menuOff{
	padding					: 4px 6px 4px 6px;
	width					: 210px;
	background-image		: url(../images/interface/fond_itemOff.gif);
	background-position		: center right;
	background-repeat		: no-repeat;
	background-color		: #A4B8F0;
	color					: #FFFFFF;
	font-weight				: bold;
	cursor					: pointer;
}

.item_ssMenuOff{
	padding-left			: 17px;
	padding-right			: 5px;	
	margin-bottom			: 0px;
	border-bottom			: 1px solid #FFFFFF;
	width					: 210px;
	height					: 20px;	
	background-position		: center right;
	background-repeat		: no-repeat;
	background-color		: #007EC3;
	color					: #FFFFFF;
	font-weight				: bold;
	cursor					: pointer;
}


.item_ssMenuOn{
	padding-left			: 17px;
	padding-right			: 5px;
	margin-bottom			: 0px;
	border-bottom			: 1px solid #F5B12D;	
	width					: 210px;
	height					: 20px;
	background-position		: center right;
	background-repeat		: no-repeat;
	background-color		: #233F8B;
	color					: #FFFFFF;
	font-weight				: bold;
	cursor					: pointer;	
}

.item_menuOn{
	padding					: 4px 6px 4px 6px;
	width					: 210px;
	background-image		: url(../images/interface/fond_itemOn.gif);
	background-position		: center right;
	background-repeat		: no-repeat;
	background-color		: #233F8B;
	color					: #FFFFFF;
	font-weight				: bold;
	cursor					: pointer;	
}

.item_menuOffDevis{
	padding					: 4px 6px 4px 6px;
	width					: 210px;
	background-image		: url(../images/interface/fond_itemOffDevis.gif);
	background-position		: center right;
	background-repeat		: no-repeat;
	background-color		: #717C99;
	color					: #FFFFFF;
	font-weight				: bold;
	cursor					: pointer;	
}

.titre_site{
	height					: 20px;
	background-color		: #9B005B;
	color					: #FFFFFF;
	font-weight				: bold;
	font-size				: 12px;
}

.titre_page{
	height					: 20px;
	background-color		: #233F8B;
	color					: #FFFFFF;
	font-weight				: bold;
	font-size				: 12px;
	background-image		: url(../images/interface/fond_titre.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}

.centre_site{
	vertical-align			: top;
	background-color		: #EFEFEF;
	background-image		: url(../images/interface/fond_vague.jpg);
	background-position		: bottom center;
	background-repeat		: no-repeat;
}

.centre_page{
	width					: 478px;
	background-color		: #E8E6E6;
	border-right			: 1px solid #007EC3;
	border-left				: 1px solid #007EC3;
	border-bottom			: 1px solid #007EC3;
	margin-right			: 20px;
} 

.pied_site{
	padding-left			: 10px;
	color					: #FFFFFF;
	font-weight				: bold;
	background-image		: url(../images/interface/fond_pied.gif);
	height					: 19px;
	background-position		: top left;	
	background-repeat		: no-repeat;
}

.titreBig{
	font-weight				: bold;
	font-size				: 15px;
	color					: #233F8B;
}

.titre0{
	font-weight				: bold;
	font-size				: 12px;
	color					: #233F8B;
}

.titre1{
	font-weight				: bold;
	font-size				: 11px;
	color					: #233F8B;
}

.titre2{
	font-weight				: bold;
	font-size				: 10px;
	color					: #233F8B;
}

/* ----------------------- STYLE NEWSLETTER ----------------------- */

INPUT.newsletter{
/*
	background-color	:	#FFFFFF;
	border					:	2px;
	font-family				:	Verdana, Arial, Helvetica, sans-serif;
	font-size				:	10px;
	color 						: 	#000000;
	font-weight				: 	normal;
	border-color			: 	#000000;
	border-style			: 	solid;
*/
}

RADIO.newsletter{
/*
	background-color	:	transparent;
	border-width			: 	0;
*/
}

/* ----------------------- STYLE CONTACT ----------------------- */

TD.contactLabel{

	font-weight				: 	bold;
	vertical-align			:	top;

}

INPUT.contact{
/*
	background-color	:	#FFFFFF;
	border					:	1px;
	font-family				:	Verdana, Arial, Helvetica, sans-serif;
	font-size				:	10px;
	color 						: 	#182F41;
	font-weight				: 	normal;
	border-color			: 	#000000;
	border-style			: 	solid;
*/
}

INPUT.contactErreur{
/*
	background-color	:	#FFFFFF;
	border					:	1px;
	font-family				:	Verdana, Arial, Helvetica, sans-serif;
	font-size				:	10px;
	color 						: 	#182F41;
	font-weight				: 	normal;
	border-color			: 	#000000;
	border-style			: 	solid;
*/
}

/*--------------------------------- fmfm ---------------------------------------------*/
.text-a-center { text-align: center;}	
.text-a-right { text-align: right;}
.text-alert {
	font-weight				: 	bold;
	color 					: 	#FF3300;
	font-size				:	13px;
	text-align				:	center;
}
.text-alert-11 {
	font-weight				: 	bold;
	color 					: 	#FF3300;
	font-size				:	11px;
	text-align				:	center;
}
.text-entete {
	font-family				:	Verdana, Arial, Helvetica, sans-serif;
	font-weight				: 	bold;
	color 					: 	#FFFFFF;
	font-size				:	18px;
	text-align				:	center;
}
/*input[readonly] {background: buttonface;} remplacé par class ci-dessous car ne fonctionne pas sous IE6/7*/
input.readonly {background: buttonface;}