body {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: url(../images/fondbleu.gif);
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
  }

  .blanc {
  	background: #FFFFFF;
 	margin-bottom : 0;
	margin-left : 5;
	margin-right : 0;
	margin-top : 0;
 }
   .fiche {
 	border: 1px solid #2C3D87;
  }

.adresse { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;}

.cadre {  border: 1px solid #2C3D87;}
.cadrebleu {border: 4px double #0099FF;}

.h1     { font-family: Arial,  Helvetica, sans-serif, Verdana; font-size: 11px; font-weight: bold; }
.h2     { font-family: Arial,  Helvetica, sans-serif, Verdana; font-size: 11px; font-weight: bold; }
.notice { font-family: Arial,  Helvetica, sans-serif, Verdana; font-size: 11px; color: #006699; }

.texte { font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;}
.bulle { font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #FF6600; cursor: help; text-decoration: none;}

.titre      { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 11px; font-weight: bold; color: #FF6600;}
.orange     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600; width: 100%; text-align: center;}

 .titrePage
 {	 
	height: 24px;
	width: 100%;
  	background: url(../images/titre.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
	padding-top:3px;
   	float: left;
}
 
.retour {
 	width: 100%;
	text-align: right;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
.liens {
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
a.lienssr:link {font-family: Arial, Verdana,  Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: underline; color: #0099FF; 	font-weight: bold;}
a.lienssr:visited {font-family: Arial, Verdana,  Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: underline;  color: #0099FF;  font-weight: bold;}
a.lienssr:hover {font-family:  Arial, Verdana,Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: overline underline; color: #0099FF; font-weight: bold;}

.sstitre   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0099FF; }
.bleu      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0099FF; }

.msg      { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #FF6600;}
.err      { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #0099FF;font-weight: bold;}
.txtblanc      { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; color: #F0EEC2;}

.normal { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;}
.normal:link {text-decoration: none; color: #2C3D87;}
.normal:visited {text-decoration: none; color: #2C3D87;}
.normal:hover {text-decoration: overline underline; color: #CC0000;}

.label { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87; font-weight: bold;}
.label:link {text-decoration: none; color: #2C3D87; font-weight: bold;}
.label:visited {text-decoration: none; color: #2C3D87; font-weight: bold;}
.label:hover {text-decoration: overline underline; color: #CC0000; font-weight: bold;}

.petit { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;}
.petit:link {text-decoration: none; color: #333399; font-weight: bold;}
.petit:visited {text-decoration: none;  color: #333399; font-weight: bold; }
.petit:hover {text-decoration: overline underline; color: #FF6600; font-weight: bold;}

a:link {font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: underline; color: #FF6600; }
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: underline;  color: #FF6600; }
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: overline underline; color: #FF6600; }


.menuoff {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	color: #003366;
	margin-left: 4px;
	font-weight: bold;
}
.menu:link {font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: bold; margin-left: 11px;}
.menu:visited {font-family:  Arial, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none;  color:  #FFFFFF; font-weight: bold; margin-left: 11px;}
.menu:active {font-family:  Arial, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none;  color:  #FF6600; font-weight: bold; margin-left: 11px;}
.menu:hover {font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #FF6600; font-weight: bold; margin-left: 11px;}

.formulaire1 {
color:#2C3D87;
border: solid 1px #2C3D87;
background-color:#FFFFFF;
font-size:11px;
font-weight: none;
font-family: Verdana, Arial, Sans-serif;
}

.bouton {
	color:#2C3D87;
	background: url(../images/bouton.jpg) no-repeat;
	font-family:  Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	width: 73px;
	border: 1px solid #FFFFFF;
	cursor: hand;
}	

TD.tetiere {
	font-family: Arial; 
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold;
	text-align: center;
	WIDTH:200px;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFFFF,EndColorStr=#333366);<b></b>
}

.recherche
{
WIDTH:162px;
color:#2C3D87;
border: solid 1px #2C3D87;
background-color:#FFFFFF;
font-size:11px;
font-weight: none;
font-family: Verdana, Arial, Sans-serif;
}

.boutonrecherche {
	background: url(../images/ok.jpg) no-repeat;
	font-family:  Arial, Helvetica, sans-serif, Verdana;
	font-size: 5px;
	height: 21px;
	width: 37px;
	cursor: hand;
	border: 0px;
 }	

 .rechercheFond
 {
	font-size: 1px;
	width: 667px;
  	float: left;
  	background: url(../images/plan_05.jpg) repeat;
	margin-left: 5px;
	padding-left: 5px;
}

 .rechercheHaut
 {
	font-size: 1px;
 	height: 12px;
	width: 667px;
  	float: left;
  	background: url(../images/plan_03.jpg) no-repeat;
   	margin-left: 5px;
 }

  .rechercheBas
 {
	font-size: 1px;
	width: 667px;
 	height: 13px;
 	float: left;
  	background: url(../images/plan_07.jpg) no-repeat;
 	margin-left: 5px;
}


.entete {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	color:#2C3D87;
	background: url(../administrer/images/bouton_fond.jpg) repeat-x;
	height: 25px;
	font-weight: bold;
	padding-left: 5px;
}


#outils {
       		   background: url(../administrer/images/bouton_fond.jpg) repeat-x 2px;
		       width: 100%;
               border-top: 1px solid buttonhighlight;
               border-left: 1px solid buttonhighlight;
               border-bottom: 1px solid buttonshadow;
               border-right: 1px solid buttonshadow;
               margin: 0 5 0 0;
               text-align:left;
			   height: 27px;
			   cursor: hand;
}
#outils2 {
       		   background: url(../administrer/images/bouton_fond.jpg) repeat-x 2px;
		       width: 97%;
               border-top: 1px solid buttonhighlight;
               border-left: 1px solid buttonhighlight;
               border-bottom: 1px solid buttonshadow;
               border-right: 1px solid buttonshadow;
               margin: 0 5 0 0;
               text-align:left;
			   height: 27px;
			   cursor: hand;
}


.pix {
	font-size: 1px;
}

.retrait1 {
	margin-left : 25px;
 }

.retrait2 {
	margin-left : 50px;
}


#bertin
{
	width:974px;
}

#col1L1
{
  	background: url(../images/bertin_03.jpg) no-repeat;
}
 #col1L2
{
  	background: url(../images/bertin_08.jpg) no-repeat;
    text-align:center;
 	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}

  #col1L3
{
 	font-size: 1px;
  	background: url(../images/bertin_10.jpg) repeat;
 }
   #col1L4
{
   	background: url(../images/bertin_12.jpg) no-repeat;
    text-align:center;
}



 #col2L1
 {	 
	background: url(../images/bertin_04.jpg) no-repeat;
 }

	 #col2L11
	{
		height: 75px;
		width: 706px;
		float: left;
	  }
	   #col2L12
	{
		font-size: 10px;
		height: 17px;
		width: 706px;
		float: left;
	}

		#col2L121
		{
		font-size: 10px;
		height: 17px;
		width: 31px;
		float: left;
		}
		#col2L122
		{
		font-size: 10px;
		height: 17px;
		width: 77px;
		float: left;
		text-align:left;
		}
		#col2L123
		{
		font-size: 10px;
		height: 17px;
		width: 451px;
		float: left;
		text-align:left;
		}
		#col2L124
		{
		font-size: 10px;
		height: 17px;
		width: 76px;
		float: left;
		text-align:left;
		}
		#col2L125
		{
		font-size: 10px;
		height: 17px;
		width: 71px;
		float: left;
		text-align:left;
	}

	   #col2L13
	{
		font-size: 1px;
		height: 22px;
		width: 706px;
		float: left;
 	  }
		   #col2L131
		{
			font-size: 1px;
			height: 7px;
			width: 706px;
			float: left;
		 }
			   #col2L132
		{
			height: 15px;
			width: 706px;
			float: left;
			text-align:center;
			font-family: Arial, Helvetica, sans-serif , Verdana ;
			font-size: 11px;
			font-weight: bold;
			color: #FF6600;		 
}


		 #col2L14
	 {
		font-size: 1px;
		height: 26px;
		width: 706px;
		float: left;
	  }

			 #col2L141
		 {
 			width: 192px;
			float: left;
			text-align:left;
			margin-left: 5px;
 			font-family: Arial, Helvetica, sans-serif, Verdana;
			margin-top: 5px;
			font-size: 10px;
			color: #003366;
			font-weight: bold;
		  }
			 #col2L142
		 {
 			width: 248px;
			float: left;
		    text-align:right;
			font-family: Arial, Helvetica, sans-serif, Verdana;
			font-size: 10px;
			color: #003366;
			font-weight: bold;
	  }
			 #col2L143
		 {
 			width: 74px;
			float: left;
			text-align:left;
            margin: 0 0 0 3;
		  }

			 #col2L141
		 {
 			width: 192px;
			float: left;
		  }

 #col2L2
{
 	background-color:#FFFFFF;
}
  #col2L3
{
 	background: url(../images/bertin_14.jpg) no-repeat bottom;
	height: 34px;
	font-size: 1px;
	width: 706px;
}

	  #col2L30
	{
		font-size: 1px;
		height: 15px;
		width: 706px;
		float: left;
	 }
	   #col2L31
	 { 
		font-size: 1px;
		height: 19px;
		width: 606px;
		float: left;
 	 	text-align:left;
 	}
	  #col2L32
	{
		font-size: 1px;
		height: 19px;
		width: 100px;
		float: left;
 	 	text-align:left;
	}

#col3L1
{
  	background: url(../images/bertin_05.jpg) no-repeat;
}
 #col3L2
{
  	background: url(../images/bertin_09.jpg) no-repeat;
    text-align:center;
}
  #col3L3
{
	font-size: 1px;
  	background: url(../images/bertin_11.jpg) repeat;
 }

  #col3L4
{
   	background: url(../images/bertin_13.jpg) no-repeat;
    text-align:center;
}

   #rubriques
{
	height: 328px;
	width: 118px;
  	float: left;
    text-align:left;
 	border: 1px solid #FFFFFF;
}

.ruboff {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #003366;
 	font-weight: bold;
}
.rub1off  {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub1off:link {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub1off:visited {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub1off:active {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub1off:hover {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}

.rub1:link {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub1:visited {font-family:  Arial, Helvetica, sans-serif ,Verdana; font-size: 10px; text-decoration: none;  color:  #FFFFFF; font-weight: none;}
.rub1:active {font-family:  Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none;  color:  #F79B5E; font-weight: none; }
.rub1:hover {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 10px; text-decoration: none; color: #F79B5E; font-weight: none; }

.rub2marge {width: 10px; text-align:right; float: left;font-size: 5px;}
.rub2texte {width: 105px;text-align:left; float: left;}

.rub2off {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none; }
.rub2off:link {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none; }
.rub2off:visited {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none; }
.rub2off:active {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none; }
.rub2off:hover {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none; }

.rub2:link {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;  font-weight: none;}
.rub2:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 10px; text-decoration: none;  color:  #FFFFFF; font-weight: none;}
.rub2:active {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: none;  color:  #EDD20F; font-weight: none; }
.rub2:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: none; }

.rub3marge {margin-left: 5px;}

.rub3off {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold; }
.rub3off:link {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold; }
.rub3off:visited  {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold; }
.rub3off:active {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold; }
.rub3off:hover {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold; }

.rub3:link {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #EDD20F; font-weight: bold;}
.rub3:visited {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none;  color: #EDD20F; font-weight: bold;}
.rub3:active {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: none;  color: #EDD20F; font-weight: bold; }
.rub3:hover {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 10px; text-decoration: none; color: #FFFFFF;font-weight: bold; }

    .marge
{
	font-size: 1px;
	width: 7px;
  	float: left;
 }
 
    .ecart
{
	font-size: 1px;
	height: 7px;
	width: 118px;
  	float: left;
 }
     .ecart2
{
	font-size: 1px;
	height: 3px;
	width: 118px;
  	float: left;
 }


   #resume
{
 	width: 118px;
  	float: left;
    text-align:right;
	border: 1px solid #FFFFFF;
	padding-right: 3px;
	font-size: 10px;
	}

.plan1:link {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none; color: #FF6600;  font-weight: bold;}
.plan1:visited {font-family:  Arial, Helvetica, sans-serif ,Verdana; font-size: 11px; text-decoration: none;  color:  #FF6600; font-weight: bold;}
.plan1:active {font-family:  Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none;  color:  #FF6600; font-weight: none; }
.plan1:hover {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none; color: #003366; font-weight: bold; }

.plan2:link {font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:  #003366;  font-weight: bold;}
.plan2:visited {font-family:  Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; text-decoration: none;  color:   #003366; font-weight: bold; }
.plan2:active {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  color:  #003366; font-weight: none; }
.plan2:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FF6600; font-weight: bold;}

.plan3 {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: none; color: #003366; font-weight: bold; }
.plan3:link {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: none; color: #003366; font-weight: bold; }
.plan3:visited {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: none;  color: #003366; font-weight: bold;}
.plan3:active {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  color: #003366; font-weight: none; }
.plan3:hover {font-family: Arial, Verdana, Helvetica, sans-serif, Verdana; font-size: 11px; text-decoration: none; color: #FF6600;font-weight: bold; }


    .ecartplan
{
	font-size: 1px;
	height: 7px;
	width: 100%;
  	float: left;
 }
     .ecart2plan
{
	font-size: 1px;
	height: 5px;
	width: 100%;
  	float: left;
 }
     .ecarttitre
{
	font-size: 1px;
	height: 7px;
	width: 100%;
  	float: left;
 }

 .planFond
 {
	font-size: 1px;
	width: 667px;
  	float: left;
  	background: url(../images/plan_05.jpg) repeat;
	margin-left: 5px;
}

 .planHaut
 {
	font-size: 1px;
	width: 667px;
  	float: left;
  	background: url(../images/plan_03.jpg) no-repeat;
  	padding-top: 7px;
  	padding-left: 5px;
 }

  .planBas
 {
	font-size: 1px;
	width: 667px;
 	height: 13px;
 	float: left;
  	background: url(../images/plan_07.jpg) no-repeat;
 	margin-left: 5px;
}

.infotitre {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none; color: #EDD20F;  font-weight: bold;}
.info:link {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none; color: #EDD20F;  font-weight: bold; margin-left: 50px;}
.info:visited {font-family:  Arial, Helvetica, sans-serif ,Verdana; font-size: 11px; text-decoration: none;  color:  #EDD20F; font-weight: bold;margin-left: 50px;}
.info:active {font-family:  Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none;  color:  #FFFFFF; font-weight: bold; margin-left: 50px;}
.info:hover {font-family: Arial, Helvetica, sans-serif,Verdana; font-size: 11px; text-decoration: none; color: #FFFFFF; font-weight: bold; margin-left: 50px;}

#agendaNews
{
	width: 675px;
  	float: left;
}

#agenda
{
	width: 315px;
  	float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;
	text-align: justify;
}

#inter
{
	font-size: 1px;
	width: 25px;
  	float: left;
	color:  #FFFFFF;
}

#news
{
	width: 335px;
 	float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif, Verdana; font-size: 11px; color: #2C3D87;  
	text-align: justify;
}

.newsTitre
{
	color:  #003366;
	font-weight: bold;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	height: 28px;
	width: 335px;
 	background: url(../images/news_03.jpg) no-repeat;
  	float: left;
 }
 .newsHaut
{
	font-size: 1px;
	height: 28px;
	width: 335px;
 	background: url(../images/news_03.jpg) no-repeat;
  	float: left;
 }

.newsContenu
{
	font-size: 11px;
   	width: 335px;
 	background: url(../images/news_06.jpg) repeat;
  	float: left;
	text-align: center;
 }

 .newsTexte
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #2C3D87;
 	width: 315px;
   	float: left;
	padding-left:10px;
	text-align: justify;
 }

 .newsBas
{
	font-size: 1px;
	height: 9px;
	width: 335px;
  	background: url(../images/news_07.jpg) no-repeat;
 	float: left;
 }


