/*
	bleu : e6ebee
	bleu fonce : 64a6bc
	noir : 555555
	gris : 4a4a4a
*/
@charset "utf-8";
.impactup {
/*	background-attachment: fixed;*/
/*	background-image: url(../images/background_header.jpg);
	background-repeat: no-repeat;
	background-position: center top; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: auto;
}
.barre_noir {
	background-color: #f0f0ec;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	vertical-align: top;
/*	background-image: url(../images/barre_noir_haut.jpg);*/
	background-repeat: no-repeat;
	height: /*25px;*/19px;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	line-height: normal;
}

.barre_flash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	height: 165px;
	width: 850px;
	margin-left: auto;
    margin-right: auto; 
}

.barre_gauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #DAE2E5;
	height: 100%;
	width: 215px;
	float: left;
	/*
	ancien mick : 2009-07-28
	overflow: auto;
	*/
	overflow:hidden;
	visibility: inherit;

}

.milieu_impactup {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: e6eced;
}

.zone_action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
/*	width: 635px;*/
	float: right;
	background-image: none;
	background-repeat: no-repeat;
	text-align: left;
/*	text-indent: 0px;*/
	vertical-align: top;
	padding: 0px;
	margin: 0px;
/*	overflow: visible;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
/*	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
*/	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
/*	clip: rect(0px,0px,0px,0px);*/

}
#haut_zone_action{
/*	border: 1px solid green;*/
	position: relative;
	background: #ffffff;
	width: 619px;
	height: 24px;
	/*background: url(images/header_zoneaction.jpg) no-repeat;*/
	margin: 0px;
	padding: 0px;
}	

.action {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	padding-right: 5px;
	padding-left: 5px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*color: #666666;*/
}
body {
/*	background-color: #d6e8f2;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position:center;*/
	
	background: url(../images/bande.jpg) repeat-x top #d6e8f2;

	min-height: 590px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.contentSite{
/*	background: url(../images/bande.jpg) repeat-x top;*/
/*	background-color: #d6e8f2;*/
	background: url(../images/background.png) repeat-y center;
}

.Style1 {color: #FF3300}
.Style2 {color: #FFFFFF}
.Style3 {
	font-size: 14px;
	font-weight: bold;
}
.Style4 {
	font-size: 10px;
	font-weight: bold;
}
.Style8 {font-size: 9px}
a:link {
	color: #4a4a4a;
}
.Style9 {
	color: #4a4a4a;
	font-weight: bold;
}
.Style10 {color: #4a4a4a; font-weight: bold; font-size: 10px; }
.Style11 {color: #FF663A}
.Style13 {color: #4a4a4a}
.Style14 {color: #666666}
.Style15 {color: #FF3300; font-weight: bold; font-size: 10px; }

/*}*/
a:visited {
	color: #4a4a4a;
}
a:hover {
	color: #4a4a4a;
}
a:active {
	color: #4a4a4a;
}
 
a.lienMenu, a.lienMenu:visited, a.lienMenu:hover, a.lienMenu:active {
	color				: white;
	text-decoration		: none;
}
a.lienMenu:hover{
	color				: white;
	text-decoration		: underline;
}

a.bordure, a.bordure:visited, a.bordure:hover, a.bordure:active {
	border				: 1px solid red;
	color				: #4a4a4a;
}

a.sombre, a.sombre:active, a.sombre:visited {
	text-decoration		: none;
	color				: #555555;
}
a.sombre:hover{
	text-decoration		: underline;
	color				: #555555;
}

a.a_01, a.a_01:active, a.a_01:visited {
	text-decoration		: none;
	color				: white;
	background-color	: #FF0000;
}
a.a_01:hover{
	text-decoration		: none;
	color				: #FF0000;
	background-color	: #4497db;
}

a.a_02{
	color: white;
	text-decoration: none;
}
a.a_02:hover{
	text-decoration: underline;
}

a.tbl_offre{
	/* ne pas changer le look */
	color				: #555555;
	text-decoration		: none;
}
/**** TEXT ****/
.textPetit{
	font-size			: 0.75em;	
}
.textJustify{
	text-align			: justify;
}
/**** TABLEAU ****/
/*
td.std{
	background-color	: #e6ebee;
	vertical-align		: top;
}
*/
th.std{
	background-color	: #555555;
	color				: white;
	text-align			: center;
	font-weight			: bold;
	text-transform		: capitalize;
	padding				: 5px;
}

tr.std2{
	background-color	: #e6ebee;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 2px;
}
tr.std2:hover{
	color				: white;
	background-color	: #c2c2c2;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
tr.std3{
	background-color	: #d5e0e7;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
tr.std3:hover{
	color				: white;
	background-color	: #c2c2c2;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}

td.std{
	background-color	: #e6ebee;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
td.std2{
	background-color	: #e6ebee;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
td.std3{
	background-color	: #d5e0e7;
/*	background-color	: #64a6bc;*/
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
td.std4{
	background-color	: #64a6bc;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}

/**** FORMULAIRE ****/
textarea.std{
	width				: 600px;
	height				: 300px;
}
textarea.std_offre{
	width				: 600px;
	height				: 300px;
}
input.std{
	width				: 600px;
}
input.bouton{
	border				: 1px solid #64a6bc;
	padding				: 3px;
	background-color	: #e6ebee;
	color				: #64a6bc;
	font-weight			: bold;
}
input.bouton:hover{
	border				: 1px solid #e6ebee;
	padding				: 3px;
	background-color	: #64a6bc;
	color				: #e6ebee;
	font-weight			: bold;
}
select.std{
	width				: 600px;
}

/**** IMG ****/
img{
	border				: 0px;
}

/**** ERREUR / OK ****/
/* Erreur */
.erreur{
	margin				: 5px 10px;
	padding				: 5px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	font-size			: 1.25em;
	text-align			: left;
	background-image	: url("../images/fond/rouge.jpg");
}
/* Validation est OK  */
.ok{
	margin				: 5px 10px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: left;
	background-image	: url("../images/fond/vert.jpg");
}
/* Information */
.info{
	margin				: 5px 10px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: left;
	background-image	: url("../images/fond/orange.jpg");
/*	background-image	: url("images/fond/bleu.jpg");*/
}
/* Debug */
.debug{
	margin				: 5px 10px;
	padding				: 5px;
	border				: 1px solid grey;
	background-color	: #CCCCCC;
	color				: grey;
	text-align			: left;
	background-image	: url("../images/fond/gris.jpg");
}

/************************ PARAGRAPHE *********************************/
p.p1{
	text-indent			: 20px;
	text-align			: justify;
	margin				: 0px 20px 0px 5px;
}

/************************ LEGEND *********************************/
/* corps de la legende */
fieldset{
	border				: 1px solid #555555;
	margin				: 0px 0px 10px 0px;
	padding				: 5px;
}
/* titre de la legende */
legend{
	padding				: 5px;
	font-size			: 16px;
	font-weight			: bold;
	color				: #555555;
}

/**** ALIGNEMENT ****/
.alignGauche{
	float				: left;
	margin-right		: 5px;
}
.alignDroite{
	float				: right;
	margin-right		: 5px;
}
.alignDroiteAvecMargeDroite{
	float				: right;
	margin-right		: 15px;
}
.alignDroiteImage{
	float				: right;
	margin				: 0px 20px 5px 10px;
}
.margeDroiteGris{ color:#bbbbbb; margin-right:15px;}
	.margeDroiteGris a{	color:#bbbbbb; text-decoration:none;}

/************************ hx *********************************/
h1{
	font-size: 2em;
}
h2{
	font-size: 1.8em;
}
h3{
	font-size: 1.5em;
}
h4, h5, h6{
	font-size: 1em;
}

.clear{clear: both;}

/************************ BLOG *********************************/
/*
.bouton-blog{
	position: absolute;
	top: 0;
	right: 0;
}
*/