h1, h2
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold;
}

em {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
font-weight : bold;
font-style : normal;
}

.courant {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
}

.blanc {  
color: #ffffff; 
}

.grisfonce {  
color: #A2A2A2; 
}

.vertfonce {  
color: #14BC40; 
}

.courant12 {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
}

.carre
{
list-style-type: square;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff;
}

.rubrique12 {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #8CD3EA; 
}

.classique {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
}

.archives {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #666666; 
}

.annexe {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333333; 
}

.titre_annexe {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #A2A2A2; 
}

.loggin {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #8CD3EA; 
}

.textepied {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333333; 
}

.entete {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #128BC7; 
FONT-WEIGHT: bold;
}

.gris {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #999999; 
}


.menuOver {
background: #D16C6C;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}

.menuOut {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}

a:link {  
font-family: Arial, Helvetica, sans-serif; 
/*font-size: 11px;*/
COLOR: #ffffff; 
TEXT-DECORATION: underline;
FONT-WEIGHT: bold;
}

a:visited {  
font-family: Arial, Helvetica, sans-serif; 
/*font-size: 11px;*/
FONT-WEIGHT: bold;
}

a:hover {  
font-family: Arial, Helvetica, sans-serif; 
/*font-size: 11px;*/
COLOR: #ffffff; 
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
}

a:active {  
font-family: Arial, Helvetica, sans-serif; 
/*font-size: 11px; */
COLOR: #ffffff; 
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
}


a.pied {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

a:visited.pied{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
FONT-WEIGHT: normal;
}

a:hover.pied{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: underline;
FONT-WEIGHT: normal;
}

a:active.pied{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

a.news {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
}

a:visited.news{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
FONT-WEIGHT: bold;
}

a:hover.news{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: underline;
FONT-WEIGHT: bold;
}

a:active.news{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

a.annexe {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

a:visited.annexe{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
FONT-WEIGHT: normal;
}

a:hover.annexe{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: underline;
FONT-WEIGHT: normal;
}

a:active.annexe{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
COLOR: #333333; 
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}


.MenuGaucheSelect{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A5A5A8;
	font-weight: bold;
	padding: 3px;
}

.lienMenuGauche{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
}

a.lienMenuGauche:link{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding: 3px;
}
a.lienMenuGauche:visited{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

a.lienMenuGauche:hover{
	color: #ffffff;
	background-color: #A5A5A8;
	font-weight: bold;
}

a.lienMenuGauche:active{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}




.lienTitreGauche{
	color: #A5A5A8;
	text-decoration: none;
	/*font-weight: bold;*/
}

a.lienTitreGauche:link{
	color: #A5A5A8;
	text-decoration: none;
	padding: 3px;
}
a.lienTitreGauche:visited{
	color: #A5A5A8;
	text-decoration: none;
}

a.lienTitreGauche:hover{
	background-color: #A5A5A8;
	color: #FFFFFF;
	/*font-weight: bold;*/
}

a.lienTitreGauche:active{
	color: #A5A5A8;
	text-decoration: none;
}










.lienPlanBleu{
	color: #18A2D2;
	text-decoration: none;
	font-weight: bold;
}

a.lienPlanBleu:link{
	color: #18A2D2;
	text-decoration: none;
}
a.lienPlanBleu:visited{
	color: #18A2D2;
	text-decoration: none;
}

a.lienPlanBleu:hover{
	color: #ffffff;
	background-color: #18A2D2;
	font-weight: bold;
}

a.lienPlanBleu:active{
	color: #18A2D2;
	text-decoration: none;
}

.lienPlanOrange{
	color: #FFA715;
	text-decoration: none;
	font-weight: bold;
}

a.lienPlanOrange:link{
	color: #FFA715;
	text-decoration: none;
}
a.lienPlanOrange:visited{
	color: #FFA715;
	text-decoration: none;
}

a.lienPlanOrange:hover{
	color: #ffffff;
	background-color: #FFA715;
	font-weight: bold;
}

a.lienPlanOrange:active{
	color: #FFA715;
	text-decoration: none;
}



.lienPlanVert{
	color: #11AA39;
	text-decoration: none;
	font-weight: bold;
}

a.lienPlanVert:link{
	color: #11AA39;
	text-decoration: none;
}
a.lienPlanVert:visited{
	color: #11AA39;
	text-decoration: none;
}

a.lienPlanVert:hover{
	color: #ffffff;
	background-color: #11AA39;
	font-weight: bold;
}

a.lienPlanVert:active{
	color: #11AA39;
	text-decoration: none;
}



.lienMenuGaucheQuestions{
	font-size: 11px;
	color: #11AA39;
	text-decoration: none;
	font-weight: bold;
}

a.lienMenuGaucheQuestions:link{
	font-size: 11px;
	color: #11AA39;
	text-decoration: none;
}

a.lienMenuGaucheQuestions:visited{
	font-size: 11px;
	color: #11AA39;
	text-decoration: none;
}

a.lienMenuGaucheQuestions:hover{
	font-size: 11px;
	color: #11AA39;
	text-decoration: underline;
}

a.lienMenuGaucheQuestions:active{
	font-size: 11px;
	color: #11AA39;
	text-decoration: none;
}



img {
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
border: none;
}

.vignette {
margin-left: 0px; 
margin-right: 10px;
margin-top: 0px; 
margin-bottom: 0px;
border: none;
}

.vignette02 {
margin-left: 0px; 
margin-right: 5px;
margin-top: 0px; 
margin-bottom: 0px;
border: none;
}

.vignettenews {
margin-left: 0px; 
margin-right: 10px;
margin-top: 0px; 
margin-bottom: 0px;
border: none;
}

html,body{
margin:0;
padding:0;
height:100%;
border:none
}

input.champ{
font-size: 11px; 
color: #000; 
background-color: #e8e8e0; 
/*width: 139px; */
height: 20px;
border: 1px solid #999; 
padding: 2px;
}

input.coche{
border: 0px; 
}

textarea{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000; 
background-color: #e8e8e0;  
border: 1px solid #999; 
padding: 4px;
}

select{
background-color:#D16C6C;
border-width: 0px;
color:#ffffff;
width:120px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}


input.bouton {
border:0px outset #D16C6C;
background-color:#D16C6C;
color:#FFFFFF;
font-weight:bold;
}

input.bouton:hover {
background-color:#D16C6C;
color:#B20A0A;
}

input.bouton:active {
border:0px inset #D16C6C;
background-color:#B20A0A;
color:#D16C6C;
} 

.boutonAcces {
	background-color: #18A2D2;
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial;
	font-weight: bold;
	font-variant : small-caps;
	border : 1px solid #FFFFFF;
	padding: 1px;
}

.boutonContact {
	background-color: #FFA715;
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial;
	font-weight: bold;
	font-variant : small-caps;
	border : 1px solid #FFFFFF;
	padding: 1px;
}

.boutonDevis {
	background-color: #16D147;
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial;
	font-weight: bold;
	font-variant : small-caps;
	border : 1px solid #FFFFFF;
	padding: 1px;
}

#tableau01{
height:100%;
}

#tableau02{
height:100%;
}

#tableau03{
height:100%;
}

#tableau04{
height:35px;
}

.fond
{
	background-image:url("images/bg.gif");
}

.fond_vert
{
	background-image:url("images/bg_vert.gif");
}

.fond_orange
{
	background-image:url("images/bg_orange.gif");
}

.fond_bleu
{
	background-image:url("images/bg_bleu.gif");
}

.lienVoirRea{
	font-size: 11px;
	color: #ffffff;
	background-color: #FFA715;
	font-weight: bold;
	padding: 3px;
}

a.lienVoirRea:link{
	font-size: 11px;
	color: #FFA715;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
}
a.lienVoirRea:visited{
	font-size: 11px;
	color: #FFA715;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
}

a.lienVoirRea:hover{
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FFA715;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
}

a.lienVoirRea:active{
	font-size: 11px;
	color: #FFA715;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
}

.blocrea {
  width: 100%;
  height: 155px;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #ffffff;
} 

.blocreaseule {
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #ffffff;
} 

.blocsep {
  width: 100%;
  height: 20px;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
} 

.titre_rea{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #18A2D2;	
	padding: 1px;
}