/* CSS DU HEADER
 *
 *  Représentation graphique du Header
 *  -------------------|---------------------------------------------|-------------------| 
 *  | div.header_left  | div.header_center                           | div.header_right  |
 *  |                  | - header_table                              |                   |
 *  |                  | - header_td                                 |                   |
 *  |                  | - header_link                               |                   |
 *  |                  | - header_image                              |                   |
 *  -------------------|---------------------------------------------|-------------------| 
 *
 *  - header_link permet de mettre une CSS sur les liens texte
 *  - header_image permet de mettre une CSS sur l'image présente dans le header
 *  
 *  Attention si padding-top pour justifier le texte, il faut un margin top dans l'autre sens dans
 *  le cas d'une composition Texte / Image
 */
#header_left{
	background: url(./contour/header_left.jpg) no-repeat right;
	height:47px;	
}

#header_center{
	background: url(./contour/header_center.jpg) no-repeat;
	height:47px;	
}

.td_header {
	width:980px;
	vertical-align:top;
	align:center;
}

#header_right{
	background: url(./contour/header_right.jpg) no-repeat;
	height:47px;
}

/* CSS DU MIDDLE
 *
 *  Représentation graphique du middle contour
 *  -------------------|---------------------------------------------|-------------------| 
 *  | td_left          |                                             |     td_right      |
 *  | left_ombre_sup   |                                             | right_ombre_sup   |
 *  |                  |                                             |                   |
 *  |                  |                                             |                   |
 *  |                  |                                             |                   |
 *  -------------------|---------------------------------------------|-------------------| 
 */
 #td_left_home {
	vertical-align:top;
	background: url(./contour/middle_left.jpg) repeat-y right;	
}

#td_left_site {
	vertical-align:top;
	background: url(./contour/middle_left.jpg) repeat-y right;	
}

#left_ombre_sup {
	background: url(./contour/middle_left_sup.jpg) no-repeat right;
	height:527px;
	width:auto;
}

#td_right_home {
	vertical-align:top;
	background: url(./contour/middle_right.jpg) repeat-y;
}

#td_right_site {
	vertical-align:top;
	background: url(./contour/middle_right.jpg) repeat-y;
}

#right_ombre_sup {
	background: url(./contour/middle_right_sup.jpg) no-repeat;
	height:527px;
	width:auto;
}

/* CSS DU FOOTER
 *
 *  Représentation graphique du Footer
 *  -------------------|---------------------------------------------|-------------------| 
 *  | div.footer_left  | div.footer_center                           | div.footer_right  |
 *  |                  | - footer_content                            |                   |
 *  |                  | - footer_content1                           |                   |
 *  |                  | - footer_table                              |                   |
 *  |                  | - footer_td                                 |                   |
 *  |                  | - footer_link                               |                   |
 *  |                  | - footer_image                              |                   |
 *  -------------------|---------------------------------------------|-------------------| 
 *
 *  - footer_link permet de mettre une CSS sur les liens texte
 *  - footer_image permet de mettre une CSS sur l'image pr�sente dans le footer
 *  
 *  Attention si padding-top pour justifier le texte, il faut un margin top dans l'autre sens dans
 *  le cas d'une composition Texte / Image
 */


#footer_table {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

#footer_left{
	background: url(./contour/footer_left.jpg) no-repeat right;
	height:42px;	
}

#footer_center{
	background: url(./contour/footer_center.jpg) center 50%;
	height:42px;	
	text-align:right;
	padding-right:15px;	
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

#footer_right{
	background: url(./contour/footer_right.jpg) no-repeat;
	height:42px;
}

#footer_content{
	background:#FF9C00;
	text-align:right;
	padding-right:15px;	
	padding-top:5px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	height:18px;
}

#footer_content1{
	text-align:right;
	padding-right:15px;	
	padding-top:2px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	height:18px;
}

.footer_table {
	width:100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.footer_td {
	vertical-align:middle;
	text-align:right;
}

#footer_center a::hover {
	text-decoration:underline;
}

.td_footer {
	width:980px;
	vertical-align:top;
	align:center;
}

#footer_center a:link, #footer_center a:visited {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

.footer_image {
	border:none;
	vertical-align:middle;
	margin-top:-4px;
}