html, body {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
	background-position: left top;
	background-color: #AAAFB5;
}
td, img { behavior: url(iepngfix/iepngfix.htc) }

.bas {
	background-image: url(images/punch_attitude_r4_c2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.centre_duplique {
	background-image: url(images/punch_attitude_r3_c2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.suite_centre {
	background-image: url(images/punch_attitude_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.suite_centre_t {
	background-image: url(images/t_punch_attitude_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a.liens1 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a.liens1:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.liens2 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

a.liens2:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}
a.liens3 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


a.liens3:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

a.liens4 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}


a.liens4:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


a.liens5 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
}


a.liens5:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

a.liensref {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


a.liensref:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


a.liensref2 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


a.liensref2:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


a.liensref3 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}


a.liensref3:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #003300;
	text-decoration: none;
}

.Style1 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.Style2 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.Style3 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.Style4 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.Style5 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.Style6 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.Style7 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.Style8 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.trait_separation1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #0379A7;
	border-right-color: #0379A7;
	border-bottom-color: #0379A7;
	border-left-color: #0379A7;
}

.trait_separation2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #0379A7;
	border-right-color: #0379A7;
	border-bottom-color: #0379A7;
	border-left-color: #0379A7;
	width:100%;
}

.Style1_referencement {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.formulaires {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
	border: 1px dotted #000000;


}

.contour1 {
	border: 1px solid #003300;
}
.bcadre1 {
	background-image: url(images/cadres_r6_c2.png);
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(iepngfix/iepngfix.htc);
}
.hcadre1 {
	background-image: url(images/cadres_r2_c2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(iepngfix/iepngfix.htc);
}
.ccadre1 {
	background-image: url(images/cadres_r4_c2.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.hcadre3 {
	background-image: url(images/cadres_r8_c2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(iepngfix/iepngfix.htc);
}
.ccadre3 {
	background-image: url(images/cadres_r10_c2.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.bcadre3 {
	background-image: url(images/cadres_r12_c2.png);
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(iepngfix/iepngfix.htc);
}

.c_cadre_art {
	background-image: url(images/c_cadre_art.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.h_cadre_art {
	background-image: url(images/h_cadre_art.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(iepngfix/iepngfix.htc);
}
.b_cadre_art {
	background-image: url(images/b_cadre_art.png);
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(iepngfix/iepngfix.htc);
}



.h_cadre_sp {
	background-image: url(images/h_cadre_sp.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(iepngfix/iepngfix.htc);
}
.c_cadre_sp {
	background-image: url(images/c_cadre_sp.png);
	background-repeat: repeat-y;
	background-position: left top;
	
}
.b_cadre_sp {
	background-image: url(images/b_cadre_sp.png);
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(iepngfix/iepngfix.htc);
}

.img_article_multi {
	border: 1px solid #000000;
}
.contour {
	border: 1px dashed #333333;
}


 .img_gauche {
	float: left;
	padding: 1px;
	margin-right: 2px;
	margin-top: 2px;
	border: 1px solid #000000;
	} 

	.zoneoverflow
  {
  position:relative;
  width: 635px;
  height:184px;
  border: 0 ;
  overflow: auto;
  top:0px;
  left:0px;
  	SCROLLBAR-FACE-COLOR: #9c9e9b;
	SCROLLBAR-HIGHLIGHT-COLOR:#1d1d1d;
	SCROLLBAR-SHADOW-COLOR:#7d7d7d;
	SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR:#9c9e9b;
	SCROLLBAR-DARKSHADOW-COLOR: #1d1d1d;
  }
  
  
  .zone2overflow
  {
  width: 400px;
  height:80px;
  border: 0 ;
  overflow: auto;
  }


/* POUR SIMPLE VIEWER */

table.svlinks {
        width: 100%;
        padding:0px;
      }
      table.svlinks img {
        border-color: #FFF;
      }
      

      div.svlinks {
        text-align: center;
      }
      div.svlinks div {
        clear: both;
      }
      div.svlinks img {
        float: left;
        margin-bottom: 0px;
        border-color: #FFF;
      }
      div.svlinks p {
        float: left;
        width: 500px;
        padding-left: 0px;
      }
      .clearboth { 
      	clear: both;
      	height: 0;
      	margin: 0;
      	font-size: 1px;
      	line-height: 0;
      }
	  
	 /* //////////////////*/
.separation {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.planning {
	background-image: url(images/planning.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.planning_v2 {
	background-image: url(images/planning_v2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.planning_v3 {
	background-image: url(images/planning_v3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.div_int {

position:relative;
}