
/******************************************** GENERAL ******************************************/

body, td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #333333;
}
body {

	font-size        : 10px;

	leftmargin       : 0px;
}

a:link, a:visited { 
  font-size        : 10px;
  color            : #0033CC;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
  font-size        : 10px;
  color            : #FEDD14;
  text-decoration  : none;
  font-weight      : bold;
}

a.lien_activite:link, a.lien_activite:visited, a.lien_activite:visited {
 	font-variant: small-caps ;	
}

a.lien_vp:link, a.lien_vp:visited, a.lien_vp:visited {
 	
	 font-size        : 10px;
	 color            : #0066ff;
	   font-weight      : bold;
		
}

.hilite { 
	color:#c00;
   font-weight      : bold;
}

.hilite2 { 
	color:#008000;
   font-weight      : bold;
}

/********************************************* IFRAME ******************************************/

.iframe {
	frameBorder		:0;
	width			:100% ;
	height 			:900;
	scrolling 		:auto;
	background-color:#FFFFCC
}

/********************************************* TABLEAU ******************************************/

.bloc{
	float : left;
	background-color: EEF0F0;
	border:1px solid #FFF128;
	text-align: center;
	width: 250px;
	margin: 3px;
	height: 195px;
	z-index:2;
}

.bloc_video{
	float : left;
	background-color: EEF0F0;
	background-image:url("images/fond_video.jpg");
	border:1px solid #FFF128;
	text-align: center;
	width: 250px;
	margin: 3px;
	height: 197px;
	z-index:2;
}

.box{
	border:1px solid #cccccc;	
	margin: 1px ;
	padding: 1px;
	
	
}
.bloc_mot{

	background-color: EEF0F0;
	border:1px solid #FFF128;
	text-align: center;
	width: 700;
	margin: 3px;
	
	z-index:2;
}

.bloc2{
	float : left;
	background-color: EEF0F0;
	border:1px solid #FFF128;
	text-align: center;
	width: 230px;
	margin: 3px;
	height: 195px;
	z-index:2;
}

.bloc_special{
	float : left;
	background-image: url("images/fond.gif");
	background-color: EEF0F0;
	border:1px solid #FFF128;
	text-align: center;
	width: 250px;
	margin: 3px;
	height: 195px;
	z-index:2;
	/*background-repeat: no-repeat;*/
}

.blocActivite{
	float : left;
	background-color: #FFFFCC;
	text-align: center;
	padding: 1px;
	width: 240px;
	border: 1px dashed #8FB4C5;
	margin: 1px;
	height: 270px;
}

.blocActivite2{
	float : left;
	background-color: #FFFFCC;
	text-align: center;
	padding: 5px;
	width: 320px;
	border: 1px dashed #8FB4C5;
	margin: 1px;
	height: 250px;
}

/********************************************* ENTETE ******************************************/

.componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
/*  letter-spacing   : 1px;*/
  background       : url(images/component.gif);
  font-size        : 10px;
  font-weight      : bold;
  height           : 20px;
  line-height      : 20px;
  text-transform   : uppercase;
  padding-left     : 15px;
  padding-right    : 0px;
  text-align       : left;
  color            : #333333;
  width            : auto;
  margin           : 2px;
}




.titre{
  font-weight      : bold;
  text-transform   : uppercase;
 /* text-indent      : 8px;*/
  font-size        : 11px;
  text-align       : center;
  color            : #3366ff;
}

/********************************************* CONTENU *****************************************/

.contentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing   : 0px;
  background       : url(images/content.gif) ;
  font-size        : 10px;
  font-weight      : bold;
  height           : 18px;
  line-height      : 18px;
  text-transform   : uppercase;
  padding-left     : 0px;
  padding-right    : 0px;
  text-align       : center;
 /* white-space      : nowrap;*/
  color            : #444444;
  width            : 100%;
  margin           : 0px;
}

.contentheading_video {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing   : 0px;
  background       : url(images/contentvideo.gif) ;
  font-size        : 10px;
  font-weight      : bold;
  height           : 18px;
  line-height      : 18px;
  text-transform   : uppercase;
  padding-left     : 0px;
  padding-right    : 0px;
  text-align       : center;
 /* white-space      : nowrap;*/
  color            : #ffffff;
  width            : 100%;
  margin           : 0px;
}

/******************************************* NAVIGATION ****************************************/

input.btn {
   color					:#ff9900;
   width					:100px; 
   height					:22px; 
   font-size				:13px;
   font-weight				:bold;
   background-color			:#ffffff;
   border					:1px solid silver;
   filter					:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#FFE8C4');
}

input.btnLarge {
   color					:#ff9900;
   width					:200px; 
   height					:22px; 
   font-size				:13px;
   font-weight				:bold;
   background-color			:#ffffff;
   border					:1px solid silver;
   filter					:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#FFE8C4');
}

