/*****************************************************/
/********************** GENERALITES *****************/
/****************************************************/

/*********** body *************/


/*  Couleur orange :

FF8E14;*/

body {
	background-color:#E9E9E9;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: black;
}

/****** Font et Style Tableau *****************/
body, table, tr, th, td, div, p, span, a, form, input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	-moz-box-sizing: border-box;
	text-decoration:none;
	font-weight:normal;
 
}


/***** liens ****/

a#menu {
  text-decoration: none;
  color: black;
  font-size:11px;
  /*font-weight:bold;*/
  border:1px solid black;
  background-color:#CACACA;
  padding:1px;
  

}
a#menu:hover {

  color: white;
    background-color:orange;
}

a#footer {

  color: black;

}
a#footer:hover {

  color: white;
  border:1px solid white;

}

a#orange {

  color: #FF8E14;
  font-weight:bold;
  border-bottom:1px dashed #FF8E14;

}
a#orange:hover {

  color: black;
  border-bottom:1px dashed black;

}
a#noir {
  color: black;
  border-bottom:1px dashed black;


}
a#noir:hover {
  color: #FF8E14;
  border-bottom:1px dashed #FF8E14;


}

a#noir2 {
  color: black;
  border-bottom:1px dashed black;


}
a#noir2:hover {
  color: #FF8E14;
  border-bottom:1px dashed #FF8E14;


}

a#liens_top {
  color: black;
}

a#liens_top:hover {
color:white;
}

#ecr_part {
font-size:12px;
font-weight:bold;
}




/******** abr *********/

abbr, acronym, .aide {
  border-bottom:2px dashed #FF8E14;
  cursor: help;
}

/***** first letter *******/
.f_l {                 
  font-size: 18px;                  
  font-weight: bold;                   
  color: #9B1D22;
}


/****** paragraphe P - H ***********/

p {margin: 0;}



h1 {font-size:14px;
font-weight:bold;
text-decoration:underline;
}
h1 a { font-size: 14px; color: #990000; text-decoration: none; }
h1 a:hover { color: #990000; text-decoration: underline;}

h2 {font-size:10px;}
h2 a { font-size: 13px; color: #990000; text-decoration: none; }
h2 a:hover { color: #990000; text-decoration: underline;}



/*** images *******/

img { border: 0px; } 





/*****************************************************************/
/************************* SPECIFIQUES **************************/
/***************************************************************/



/******* boites et frames *********/


#page {
	position: relative;
	margin:auto;
	width: 900px;
	/*left: 50%;
	margin-left: -450px;*/
	height: 568px;
	/*top: 50%;
	margin-top: -284px;*/
background-color: #D5D5D5;
	border:1px solid #FF8E14;



}


/* La frame du haut qui fait 155 Px de hauteur */





/* Ici c'est la frame centrale qui se recharge a chaque cahngement de page 

on demarre a 163 Px du bord
elle fait 425 de hauteur
l'ascenceur (overflow) est en mode auto pour éviter qu'il se charge par défaut. */





/* La frame du haut qui fait 160 Px de hauteur */

#top {
height: 137px;
background-color: #E9E9E9;

}

#top1 {
height: 16px;
padding-top:2px;
background-image:url(images/page_01.gif);
background-repeat:no-repeat;
background-color: #E9E9E9;

}

#top2 {
height: 34px;
background-color: #E9E9E9;
background-image:url(images/page_04.jpg);
background-repeat:none;

}
/* La frame de gauche qui est en position absolute !!! important 

410 de hauteur et 160 de largeur */


#left {
	position: absolute;
	top:179px;
	left: 0px;
	width: 226px;
	height: 400px;
	background-color: #E9E9E9;
	background-image:url(images/page_07.jpg);
	background-repeat:none;


}

#left1 {
height: 35px;
padding-left:40px;
padding-top:10px;
font-size:12px;
font-weight:bold;
}
#left2 {
height: 80px;
margin-top:30px;
padding-left:5px;

}
#left3 {
padding-top:5px;
height: 150px;
width:220px;
}

#left4 {
height: 25px;
padding-left:40px;
margin-top:10px;
font-size:12px;
font-weight:bold;
}

/* Frame centrale qui se recharge a chaque cahngement de page 

on demarre a 204 Px du bord   -> boite left
elle fait 360 de hauteur
l'ascenceur (overflow) est en mode auto pour éviter de le mettre tout le temps. */

#frame {	


	width: auto;
	height: 377px;
	background-color: #D5D5D5;
	overflow: auto;
	scrollbar-face-color: #BFBEBF;
	scrollbar-shadow-color:#5A5A5A;
	scrollbar-track-color: #5A5A5A;
	scrollbar-arrow-color: #FF8E14;
	background-attachment: fixed;
	border-left:1px solid white;
}

/* C'est le footer */

#footer {
height: 18px;
background-color: #E9E9E9;
padding-top:2px;
background-image:url(images/page_01.gif);
background-repeat:no-repeat;
border-top:1px solid white;

}

.ecr_footer {
padding:3px 0 0 0px;

}




/***********************************************/
/************** SPECIFIQUES ************************/
/***********************************************/


/***************** Page Accueil **************/
.boitetop {
	position:absolute;
	height:170px;
	width:591px;
	margin-left:150px;
	margin-top:20px;
	border:1px solid black;
	left: -102px;

}

.boite1 {
height:150px;
width:280px;
margin-left:5px;
margin-top:5px;
padding-left:5px;
padding-top:10px;
border:1px solid #FF8E14;
}


.boite1_titre {
font-size:14px;
font-weight:bold;
border-bottom:1px dashed black;

letter-spacing:1px;
}

.boitetop2 {
position:absolute;
height:175px;
width:340px;
margin-left:130px;
margin-top:210px;
border:1px solid black;

}

.boite2 {
height:155px;
width:322px;
margin-left:5px;
margin-top:5px;
padding-left:5px;
padding-top:10px;
border:1px solid #FF8E14;
}


.boite2_titre {
position:absolute;
height:18px;
width:210px;
margin-left:190px;
margin-top:202px;
padding-top:2px;
border:1px solid #FF8E14;
background-color:#FAD898;
font-weight:bold;
}

a#construct
{
font-weight:bold;
letter-spacing:1px;
border-bottom:1px dashed black;
}
a#construct:hover
{
color:#FF8E14;
font-weight:bold;
letter-spacing:1px;
border-bottom:1px solid #FF8E14;
}

#page_intro {

	position: relative;
	margin:auto;

	width: 900px;
	/*left: 50%;
	margin-left: -450px;*/
	height: 568px;
	/*top: 50%;
	margin-top: -284px;*/
	background-color: #D5D5D5;
	border:1px solid #FF8E14;

}

.ecr_intro {
font-size:12px;
}