/*
	bleu : e6ebee
	bleu fonce : 64a6bc
	noir : 555555
*/
@charset "utf-8";
body {
	margin				: 0px;
	padding				: 0px;
	margin-left			: 0px;
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;	
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
	color				: #080300;
	background-color	: #fffc00; /* jaune */
/*
	NE PAS UTILISER ICI
	background-image	: url("../images/fond/background.jpg");
	background-repeat	: repeat-y;
	background-position	: center;
*/
}

/*  Effet du background    */
.sossego-surfcamp-fx-background {
	background-image: url("../images/fond/header_background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
}


/* Contenaire global du site */
.content{
/*	border				: 1px solid green;*/
	margin				: auto;
	background-image	: url("../images/fond/background.jpg");
	background-repeat	: repeat-y;
	background-position : center;
}

/* haut du site */
.entete{
/*	border				: 1px solid blue;*/
	margin				: auto;
	/*background-image	: url("../images/fond/entete.jpg");*/
	background-position	: center;
	background-repeat	: no-repeat;
	width				: 915px;
	height				: 233px;
}
.enteteAdmin{
	margin				: auto;
	padding				: 0px 70px 20px 70px;
	width				: 775px;		/* 775 + (70x2) = 915px */
	background-image	: url("../images/fond/menuAdmin.gif");
	background-position	: center;
	background-repeat	: no-repeat;
	color				: white;
}

/* milieu du site */
.corps{
/*	border				: 1px solid black;*/
/*	background-image	: url("../images/fond/corps.jpg");*/
/*	background-position	: top center;*/
/*	background-repeat	: repeat-y;*/
	margin				: auto;
	padding				: 0px 70px 20px 70px;
	width				: 775px;		/* 775 + (70x2) = 915px */
}

/* bas du site */
.piedDePage{
/*	border				: 1px solid blue;*/
	background-image	: url("../images/fond/footer.jpg");
	background-position	: top center;
	background-repeat	: no-repeat;
	margin				: auto;
	padding				: 0px 70px 20px 70px;
	/*width				: 775px;		/* 775 + (70x2) = 915px */
	/*height				: 30px;	*/
}
.blocJustifier{
	text-align			: justify;
}


/**************************************************************** H1 ****************************************************************/
h1{
	border-bottom		: 1px solid black;
}

/**************************************************************** PARAGRAPHE ****************************************************************/
p.std{
	text-align			: justify;
}

/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: #00CC00;
	text-decoration		: none;
}
a:hover {
	color				: #006600;
	text-decoration		: none;
}

a.menu, a.menu:visited, a.menu:active {
	color				: #00CC00; /* vert */
	padding				: 3px;
	margin				: 3px;
	text-decoration		: none;
}
a.menu:hover{
	background-color	: #00CC00; /* vert */
	color				: white;
	padding				: 3px;
	margin				: 3px;
	text-decoration		: none;

}

/**************************************************************** TEXTE ****************************************************************/
/*
.textPetit{
	font-size			: 0.75em;	
}
.textJustify{
	text-align			: justify;
}*/

/**** TABLEAU ****/
th.std{
	background-color	: #555555;
	color				: white;
	text-align			: center;
	font-weight			: bold;
	text-transform		: capitalize;
	padding				: 5px;
}
th.std2{
	background-color	:#006699;
	color				: white;
	text-align			: center;
	font-weight			: bold;
	text-transform		: capitalize;
	padding				: 5px;
}

td.std{
	background-color	: #e6ebee;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
td.std2{
	background-color	: #d5e0e7;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
/*
td.std3{
	background-color	: #64a6bc;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
tr.std2{
	background-color	: #e6ebee;
	text-align			: center;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 3px;
}
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;
}
*/

/**************************************************************** FORMULAIRE ****************************************************************/
textarea.std{
	width				: 300px;
	height				: 150px;
}
/*
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;
}
.cadre{
	/*border				: 1px solid orange;*/
}

/**************************************************************** ERREUR / OK / INFO / DEBUG ****************************************************************/
/* 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");
}

/**************************************************************** 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;
}

.alignSitemap{
	float				: right;
	margin-right		: 5px;
	border-right		: 1px solid green;
}

/**************************************************************** SITEMAP ****************************************************************/
.sitemap{
	background-image	: url("../images/fond/footer.jpg");
	background-position	: top center;
	background-repeat	: no-repeat;
	background-color	: #fffc00;
	/*border-top			: 2px solid #40b245;*/
	margin				: auto;
	padding				: 20px 70px 0px 70px;
	text-align			: center;
}

.gras{
	font-weight:bold;
	font-size:1.2em;
}