/* ******************************************************************************************************************* */
/* BALISES "BODY", "HEAD", "A" ETC. DE BASE */
/* ******************************************************************************************************************* */
BODY
{
	background-color: #D5C7AD;

	/* marges à zéro */
	margin: 0px;
	
	/* Style de texte de base */
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	display: 		inline;
	color:			#754515; /* plus foncé: #66431a */
	text-align:		left;
	
	line-height:	1.25em;
}

A
{
	color:			#994c00;	/* #7f542a; */
	border: 		none;
}

A:HOVER
{
	color:			#7f542a;	/* #754515; */
	border: 		none;
}

H1
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;
	display: 		inline;
	color:			#754515;
	text-align:		left;
	
	font-weight: 	bold;
	font-variant: 	small-caps;
	
	margin-top:		50px;
}

H2
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	display: 		block;
	color:			#754515;
	text-align:		left;
	
	font-weight: 	bold;
	font-variant: 	small-caps;
	
	margin-left:	25px;
	margin-top:		50px;
}

IMG
{
	border: 		none;
}

.imageDashed
{
	
}

/*Paragraphe décalé de 25pixels sur la droite */
P
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	display: 		block;
	color:			#754515;
	text-align:		left;
	
	margin-left:	25px;
	margin-top:		5px;
}

FORM
{
	text-align: center;
}

FORM P
{
	text-align: center;
}

SMALL
{
	font-size:		9pt;
}

.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.justify
{
	text-align: justify;
}

.underline
{
	text-decoration: underline;
}

.orange
{
	color:			#f06600;
	font-weight:	bold;
}

.red
{
	color:			#410602;
	font-weight:	bold;
}

.marginLeft50
{
	margin-left:		50px;
}

.marginLeft100
{
	margin-left:		100px;
}

.marginLeft150
{
	margin-left:		150px;
}

.marginLeft200
{
	margin-left:		200px;
}

.marginLeft250
{
	margin-left:		250px;
}

.marginLeft300
{
	margin-left:		300px;
}

/* ******************************************************************************************************************* */
/* CONTENEURS */
/* ******************************************************************************************************************* */
#container
{
	/* Dimensions */
	width: 				1000px;
	height: 			auto;

	z-index: 			1;
  
	/* Centrage du site web */
	position:			absolute;
	left: 				50%; 
	top: 				5px;
	margin-left: 		-375px; /* - moitié de la largeur */
}



/* ******************************************************************************************************************* */
/* HEADER */
/* ******************************************************************************************************************* */
#header
{
	position: relative;
	width:	745px;
	height: 270px;
}





/*==================================*/
/* Partie gauche */
/*==================================*/
#header_l_container
{
	width: 68px;
	height: 270px;
	position: absolute;
}

#header_lt
{
	width: 68px;
	height: 89px;
	position: absolute;
	left: -5px;
}

#header_lc
{
	width: 26px;
	height: 65px;
	position: absolute;
	
	top: 89px;
	left: -5px;
}

#header_flag
{
	width: 42px;
	height: 65px;
	position: absolute;
	
	left: 21px;
	top: 89px;
}

#header_lb
{
	width: 68px;
	height: 116px;
	position: absolute;
	
	top: 154px;
	left: -5px;
}



/*==================================*/
/* Photos de gauche */
/*==================================*/
#photos_l
{
	width: 171px;
	height: 270px;
	position: absolute;
	
	margin-left: 63px;
	
	/* Correction de bug dans Firefox et IE6 */
	font-size: 0px;
	line-height: 0px;
}
#photo_01
{
	width: 171px;
	height: 141px;
}
#photo_03
{
	width: 171px;
	height: 129px;
}

/*==================================*/
/* Photos de droite */
/*==================================*/
#photos_r
{
	width: 400px;
	height: 500px;
	position: absolute;
	
	margin-left: 234px;
	
	/* Correction de bug dans Firefox et IE6 */
	font-size: 0px;
	line-height: 0px;
}
#photo_02
{
	width: 187px;
	height: 141px;
}
#photo_04
{
	width: 187px;
	height: 129px;
	z-index :1;

}

/*==================================*/
/* Phare */
/*==================================*/

#phare {
	position: absolute;
	width: 50px;
	height: 90px;
	
	margin-left : 395px;
	top: 135px;
	
	z-index:2;

	
	}




/* ******************************************************************************************************************* */
/* SUBMENU */
/* ******************************************************************************************************************* */
/*==================================*/
/* Sous menu global */
/*==================================*/
#submenu_container
{
	width: 303px;
	height: 270px;
	position: absolute;
	
	margin-left: 436px;
	
	/* Arrière-plan défini dans le script js/menu.js */
	/* background-image: url( "../images/submenu.jpg" ); */
	background-repeat: no-repeat;
}

.submenu_menu
{
	width: 214px;
	height: 192px;
	position: absolute;
	
	top: 62px;
	left: 47px;
	
	visibility: hidden;
	
	line-height: 0px;
}

/* ******************************************************************************************************************* */
/* CONTENT */
/* ******************************************************************************************************************* */
#content
{
	width: 745px;
	height: 450px;
	margin-left:-5.5px;
	
	background-image: url( "../images/content.jpg" );
	
	overflow: hidden;
}

/* JUSTE POUR LA PAGE PLAN DU SITE, CECI REMPLACE #content */
#content_plan_site
{
	width: 745px;
	height: 450px;
	
	background-image: url( "../images/plan_site.jpg" );
	
	overflow: hidden;
}

#content_text_title
{
	width: 650px;
	height: 55px;
	position: absolute;
	
	margin-left: 75px;
	margin-top: 25px;
	
	font-family: "Comic sans MS", Helvetica, sans-serif;
	color:	#754515;
	
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing : 2pt; 
	
	overflow: hidden;
	
	padding-left:	20px;
	
	background-repeat: no-repeat;
}

#content_text_container
{
	width: 650px;
	height: 315px;	/*350px;*/
	position: absolute;
	
	margin-left: 75px;
	margin-top: 100px;	/*65px;*/
	
	overflow: hidden;
}

#content_text_text
{
	width: 600px;
	height: auto;
	position: absolute;
}

/* ******************************************************************************************************************* */
/* FOOTER */
/* ******************************************************************************************************************* */
#footer
{
	width: 745px;
	height: 26px;
	position: relative;
	
	background-image: url( "../images/footer.jpg" );
}

/* ******************************************************************************************************************* */
/* STYLES POUR LES NOUVELLES */
/* ******************************************************************************************************************* */
.news
{
	text-align:		left;
	
	margin-left:	25px;
	margin-top:		15px;
	margin-bottom:		50px;
	
	width:			550px;
	height:			auto;

	position:		relative;
	display: 		block;
	
	font-size:		10pt;
}

.news P
{
	font-size:		10pt;
}

/* ******************************************************************************************************************* */
/* STYLES POUR LES FORMULAIRE A DEUX COLONNES */
/* ******************************************************************************************************************* */
.form_container
{
	text-align:		left;
	
	margin-left:	25px;
	margin-top:		15px;
	margin-bottom:	50px;
	
	width:			550px;
	height:			auto;

	position:		relative;
	display: 		block;
}

.form_container H1
{
	font-weight: bold;
	font-size:	16px;
}

.form_container H2
{
	font-weight: bold;
	text-decoration: underline;
	font-size:	14px;
	
	margin-left: 0px;
}


.lform
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;
	display: 		block;
	color:			#754515;
	text-align:		left;
	
	width:			200px;
	
	float: 			left;
}

.rform
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	display: 		block;
	color:			#754515;
	text-align:		left;
	
	width:			auto;
}

.form_input_text
{
	width:			300px;
}

.appform_text_large
{
	width:			150px;
}


.appform_text_med
{
	width:			100px;
}

.appform_text_small
{
	width:			50px;
}

.form_table
{
	text-align:		left;
	
	margin-left:	25px;
	margin-top:		15px;
	margin-bottom:	15px;
	
	width:			550px;
	height:			auto;

	position:		relative;
	display: 		block;
}


.form_table_opacity10
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.1;
	opacity:			0.1;
	filter:				alpha( opacity = 10 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity20
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.2;
	opacity:			0.2;
	filter:				alpha( opacity = 20 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}


.form_table_opacity30
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.3;
	opacity:			0.3;
	filter:				alpha( opacity = 30 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity40
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.4;
	opacity:			0.4;
	filter:				alpha( opacity = 40 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity50
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.5;
	opacity:			0.5;
	filter:				alpha( opacity = 50 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity60
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.6;
	opacity:			0.6;
	filter:				alpha( opacity = 60 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity70
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.7;
	opacity:			0.7;
	filter:				alpha( opacity = 70 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity80
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.8;
	opacity:			0.8;
	filter:				alpha( opacity = 80 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}


.form_table_opacity90
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.9;
	opacity:			0.9;
	filter:				alpha( opacity = 90 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.form_table_opacity100
{
	width:				525px;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		1.0;
	opacity:			1.0;
	filter:				alpha( opacity = 100 );
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	margin-bottom:		50px;
	
	margin-left: 		25px;
}

.table_line_min
{
	width:				auto;
	height:				30px;
}

.table_title_tr
{
	width:				auto;
	height:				50px;
}

/* ******************************************************************************************************************* */
/* STYLES POUR LES GUIDES PRATIQUES
/* ******************************************************************************************************************* */
.guide
{
	text-align:		left;
	

	
	width:			550px;
	height:			auto;

	position:		relative;
	display: 		block;
}

.lguide
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	
	display: 		block;
	color:			#754515;
	text-align:		left;
	
	width:			150px;
	
	float: 			left;
}

.rguide
{
	font-family: 	Arial, Helvetica, sans-serif; 
	font-size: 		11pt;	display: 		block;
	color:			#754515;
	text-align:		left;
	
	margin-left:	0px;
	
	width:			400px;	
}

/*
	OPACITE 0 = TRANSPARENT 
	
	OPACITE 100 = OPAQUE 
*/
.opacity10
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.1;
	opacity:			0.1;
	filter:				alpha( opacity = 10 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity20
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.2;
	opacity:			0.2;
	filter:				alpha( opacity = 20 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity30
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.3;
	opacity:			0.3;
	filter:				alpha( opacity = 30 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity40
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.4;
	opacity:			0.4;
	filter:				alpha( opacity = 40 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}



.opacity50
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.5;
	opacity:			0.5;
	filter:				alpha( opacity = 50 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}


.opacity60
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.6;
	opacity:			0.6;
	filter:				alpha( opacity = 60 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity70
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.7;
	opacity:			0.7;
	filter:				alpha( opacity = 70 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity80
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.8;
	opacity:			0.8;
	filter:				alpha( opacity = 80 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity90
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		0.9;
	opacity:			0.9;
	filter:				alpha( opacity = 90 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}

.opacity100
{
	width:				100%;
	height:				30px;
	background-color:	#895928;
	
	-moz-opacity:		1.0;
	opacity:			1.0;
	filter:				alpha( opacity = 100 );
	
	text-align:			center;
	
	color:				#FFFFFF;
	
	padding-top:		10px;
	
	font-size:			10pt;
}




/* ******************************************************************************************************************* */
/* STYLES POUR LES EXTRAITS D'OFFRES
/* ******************************************************************************************************************* */
.offer_table
{
	margin-top:			50px;
	margin-bottom:		50px;
}

.loffer
{
	width:				225px;
	vertical-align:		top;
}

.roffer
{
	width:				300px;
	vertical-align:		right;
}

/* ******************************************************************************************************************* */
/* STYLES POUR LA PAGE INDEX
/* ******************************************************************************************************************* */
.mixedList
{
	width:				350px;
	vertical-align:		top;
}

/* ******************************************************************************************************************* */
/* NOS PARTENAIRES */
/* ******************************************************************************************************************* */
/* TABLEAU GENERAL */
.nospartenaires
{
	width: 				550px;
	height: 			300px;
	margin-top: 		50px;
}

/* CASE IMAGE */
.nospartenaires_picture
{
	width: 				30%;
	vertical-align: 	top;
}

.nospartenaires_picture IMG
{
	width: 				140px;
	height: 			210px;
}

/* CASE DESCRIPTION */
.nospartenaires_description
{
	vertical-align: 	top;
}

/* ******************************************************************************************************************* */
/* VEILLE PRESENTATION */
/* ******************************************************************************************************************* */

#phare_pre
{
	float : right;
	margin-right:5%;

}

#text_presentation
{

	text-align:left;
	width:70%;
	height:auto;
	text-align:justify;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

#bouton_membre
{
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	
}

#bouton_non_membre
{
	margin-left : 38%;
	margin-top: 0px;
	margin-right: 0%;
}

#bouton_employeur
{
	float : right;
	margin-right:5%;
	
}
/*si tu veu regler correctement, il te faut un border: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
Clem's 74² dit :
padding-bottom: 0px;*/