#block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8, #block9, #block10 {
	width: 500px;
	height: 180px;
	padding: 0.4em;
	position: absolute;
	display:none;
	background-color:#b8cae0;
	border: 2px solid #015287;
	z-index: 1000;
	top: 650px;
	left: 450px;
	font-size: 14px;
	color: #015287;
	font-family: Arial;
	font-weight: bold;
}

#block11{
	width: 500px;
	height: 300px;
	padding: 0.4em;
	position: absolute;
	display:none;
	background-color:#b8cae0;
	border: 2px solid #015287;
	z-index: 1000;
	top: 650px;
	left: 450px;
	font-size: 14px;
	color: #015287;
	font-family: Arial;
	font-weight: bold;
}

#block1 h2, #block2 h2, #block3 h2, #block4 h2, #block5 h2, #block6 h2, #block7 h2, #block8 h2, #block9 h2, #block10 h2, #block11 h2
 {
	width: auto;
	padding: 5px;
	font-size: 18px;
	color: #015287;
	background-color: #d3e6f6;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	}

#block1 h2 span, #block2 h2 span, #block3 h2 span, #block4 h2 span, #block5 h2 span, #block6 h2 span, #block7 h2 span, #block8 h2 span,
#block9 h2 span, #block10 h2 span, #block11 h2 span
{
	text-align: right;
	font-size: 14px;
	color:#fff;
	font-weight: bold;
	display:block;
	text-transform: none;
	}

#block1 p, #block2 p, #block3 p, #block4 p, #block5 p, #block62 p, #block7 p, #block8 p, #block9 p,
#block10 p, #block11 p
{
	float: left;
	width:290px;
	}

#block1 p span, #block2 p span, #block3 p span, #block4 p span, #block5 p span, #block6 p span, #block7 p span, #block8 p span,
#block9 p span, #block10 p span, #block11 p span

{
	color: #fff;
	font-size: 18px;
}
	
#block1 p.infos, #block2 p.infos, #block3 p.infos, #block4 p.infos, #block5 p.infos, #block6 p.infos, #block7 p.infos, #block8 p.infos,
#block9 p.infos, #block10 p.infos, #block11 p.infos

{
	float: right;
	color:#fff;
	width: 200px;
}
#block1 p.infos span,#block2 p.infos span, #block3 p.infos span, #block4 p.infos span, #block5 p.infos span, #block6 p.infos span, #block7 p.infos span,
#block8 p.infos span, #block9 p.infos span, #block10 p.infos span, #block11 p.infos span
{
	color:#fff;
	font-size: 14px;
}
 hr{
 	clear:both;
 	color: #015287;
background-color: #015287;
height:1px;
 	}








/***********************************************fin réseau sav*******************************/
a:link{
	color: #005994;
	text-decoration: underline;
	
	font-size: 12px;
	
	}

a:hover{
	color: #b8cae0;
	
	font-size: 12px;
	}

a:visited{
	color: #005994;
	
	font-size: 12px;
	}

.msk{
display: none;
}

.titrecontact{
    color: #26527f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
}

.cellmenu {


}
.interieur{
	background-color:#fff;
	text-align:center;
	}
.contenu {
	width: 1026px;
	
	border-left: solid 5px #005994;
	border-right: solid 5px #005994;
	border-bottom: solid 5px #005994;
}
.entete{
	border-left: solid 5px #005994;
	border-right: solid 5px #005994;
	}
.titre {
	background-color: #d3e6f6;
	margin:0px;
	padding:0px;
	color: #0c214e;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-transform:uppercase;
	
}
/*.titre font {
	color: #0c214e;
	font: 14px bold Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	text-transform:uppercase;
}*/
h1{
	color: #0c214e;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-transform:uppercase;
	padding-top: 10px;
	}

h2{
	color: #0c214e;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-transform:uppercase;

	}
.breves {
	background-color: #d3e6f6;
	padding:5px;
}


.textebreves{
	border-bottom:1px solid #015287;
	;
margin-top:3px;
padding-bottom:5px;

	}
.textebreves font{
	color:#015287;
	}

.titrebreves font b p{
	 background-color: #b8cae0;
	 color:#015287;
	 font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  padding:2px;
  text-transform:uppercase;
	}

/*td .breves center{
	 border-bottom:1px solid #b2c1e0;
	}*/

body {
	margin: 0;
padding: 0;
	background: #b8cae0;
	/*background: rgb(255, 255, 255) url(images/bocker-france.jpg) no-repeat;
  background-position: top center;*/
  
	  /*scrollbar-face-color: #f2e0ae;
    scrollbar-shadow-color: #6d6558;
    scrollbar-highlight-color: #6d6558;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #6d6558;
    scrollbar-3dlight-color: #6d6558;
    scrollbar-darkshadow-color: #6d6558;*/
}

td {
background-color: transparent;

}

#mainMenu1 {
  text-align: center;
  border-bottom: 1px solid #005994;
  margin: 0 ; 
  padding: 0;
  background:#fff;
  /* if the menu is horizontal and has a 'static' position:
   * do not set a non-zero margin-top, if the BODY element has a zero
   * padding-top and this menu is its first 'static' child
   * this is due to an Opera 7 bug :-(
   */
  
  z-index: 1;
  position: static;
  /* if the menu is horizontal: use a 'static' position
   * if the menu is vertical: use an 'absolute' or 'fixed' position
   */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#menuList1 {
/* intérieur du menu */
  /*border: 1px solid #286BBD;*/
  margin: 0;
  padding: 0;
  /* do not use a position other than 'static' here */
}

#menuList1 li {
  /* do not change these rules */
  display: inline;
  margin: 0px;
  padding: 0;
  list-style: none;
  
  /* do not change these rules */
}

#menuList1 li a {
/* boutons liens premier niveau */
  background-color: transparent;
  color: #005994;
  display: inline;
  line-height: 30px;
  margin: 0;
 font-size: 12px;
 font-family: Arial;
 font-weight: bold;
  padding: 4px 15px;
  background: url(images/puce.png) left no-repeat;
  /* always set margin to '0' */
  /* Win/IE5.0 will ignore border and padding if display is 'inline' */
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  color: #d3e6f6;
  /*background-color: #b5a687;*/
  
}

/* As Win/IE5.0 doesn't apply padding on inline elements, background images
 * must be hidden from it, otherwise they will be displayed behind text
 */
#menuList1 li a.actuator {
  
   background: url(images/puce.png) left no-repeat;
  color: #005994;
  
  
 
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  
  color: #d3e6f6;
   /*background: url("images/fleche-grise.png") no-repeat 100% 50%;*/
 
}

#menuList1 .menu {
 border: 1px solid #005994;
  margin: 0;
  padding: 0px;
   width: 150px;
  /* only set '0' or negative margin */
  /* border  width must be the same on the four sides (in 'px' units) */
  /* padding width must be the same on the four sides (in 'px' units) */
  z-index: 1;
  position: absolute;
  visibility: hidden;
  /* always set position to 'absolute' and visibility to 'hidden' */
}


#menuList1 .menu li a {
  display: block;
  text-align: left;
  line-height: normal;
  background-color: #fff;
  color: #005994;
}

#menuList1 .menu li a:hover {
  background-color: #b8cae0;
color: #005994;
}

#menuList1 .menu li a.actuator {
color: #754875;
background: url("images/fleche-noire.png") no-repeat 100% 50% #ccc;
}

#menuList1 .menu li a.actuator:hover {
color: #754875;
background: url("images/fleche-noire.png") no-repeat 100% 50% #fff;
}


#menuList1 .menu .menu li a {
color: #754875;
background: #fff;

}

#menuList1 .menu .menu li a:hover {
color: #754875;
background: #ccc;
}

#menuList1 .menu .menu li a.actuator {
color: #754875;
background: url("images/fleche-noire.png") no-repeat 100% 50% #ffe2ff;
}

#menuList1 .menu .menu li a.actuator:hover {
color: #fff;
background: url("images/fleche-noire.png") no-repeat 100% 50% #a570a6;
}

#menuList1 .menu .menu .menu li a {
color: #fff;
background: #000;
}

#menuList1 .menu .menu .menu li a:hover {
color: #000;
background: #fff;
}




.bureau {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #006699;
}
.texte {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}

.mentionsleg{
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.mentionsleg a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #4a76a3;
}
.mentionsleg a:hover{
color:#fff;
}

a.mailmenu {
color: #6699FF;

}

a.mailmenu:hover{
color: #CC9999;
}

/*
.menu a:active {
	color: Blank;
}
*/
.fondmenu {
	background-color:transparent;
}


.menubas {
/*	border-left: solid 1px #7CBBC2;;
	border-right: solid 1px #7CBBC2;*/
	border-bottom: solid 2px #7CBBC2;
	padding:10px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 139px;
	
	

}

.boutonbas {
	list-style-type:none;
	margin-right: 10px;
	
}

.boutonbas a {
	font:12px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.boutonbas a:hover {
	color: #4a76a3;
}

/************************************CSS FORMULAIRE********************************************/
#idform{
	width:500px;
	margin: 0 auto;
	font: 12px Arial;
	margin-top:15px;
	padding:10px;
	}

#idform table{
	width:500px;
	margin: 0 auto;
	font: 12px Arial;
	margin-top:15px;
	padding:10px;
	border:1px solid #015287;
	}

#formtout2093,
#formtout458,
#formtout225,
#formtout213,
#formtout217,
#formtout1737,
#formtout1736,
#formtout2095,
#formtout2100
{
	width:620px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	margin-bottom:10px;
	padding-top:10px;
	text-align:center;
	background-color:transparent;
	}
/*#formtout2100 font{
	font:12px arial;
	color:#015287;
	}	*/

#formtout2095 table.formtable{
	border:1px solid #004a71;
	}

.formintro{
	font: bold 13px Arial, Helvetica, sans-serif;
color: #015287;
width: 500px;
margin: 0 auto;
	} 

.formintro font {
/* message d'introduction */
font: bold 13px Arial, Helvetica, sans-serif;
color: #015287;

}
.formerreur {
/* message d'erreur */
font: 14px Arial, Helvetica, sans-serif;
color: #91117d;
border:1px solid #d33c1d;
background-color: #e5e5e5;
margin:10px;
padding:5px;
}

.formerreur font{
	font: bold 12px Arial, Helvetica, sans-serif;
color:#d33c1d;
	}

.formlabelerreur{
	border:none;
	}

.formlabelerreur label font{
	color: #d33c1d;
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
	
.formetoile font font {
/* message sur les chanmps obligatoires */
font: 12px Arial, Helvetica, sans-serif;
color: #d33c1d;

}

.formtable {
/* tableau de formulaire : généralités */
	background-color: #fff;
	padding: 10px;
	/*border: 2px solid red;*/
	font-family:Arial, Helvetica, sans-serif;
	border: none;
	font-size: 12px;
margin: 0 auto;
width: 500px;
}

/*.formcomment font {
	font-size: 16px;
	color:green;
}*/


.formcomment a:hover{
color: #96bc0f;
}

.libconditions {
	/*margin-left: 180px;*/
	color: #bb1220;
	font: 12px Arial, Helvetica, sans-serif;
}

.formlabel {
/* pour les labels 
   pour agir sur la police des labels il faut ajouter un style : .formlabel font {} */
	background-color: white;
	/*color: green;*/
	border: none;
	width: 150px;
	
}
.formlabel font {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0c214e;;
	margin-left: 5px;
}

.formdata {
	background-color: white;
	color: #6600CC;
	border: none;
	line-height: 20px;
	padding-top: 3px;
	width: 300px;
}

.formdata font {
	color: #f39501;
	font: 12px Arial, Helvetica, sans-serif;
}


fieldset {
	-moz-border-radius : 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #b5b5b5;
}

.stylelegend{
font: 16px Arial, Helvetica, sans-serif;
color: #ce57a9;
margin: 10px;
}

.formchamptexte {
	/*border: inset #cf9;*/
}

.formcheckbox {
	/*border: inset #cf9;*/
}

td input.text:focus {
	background-color: green;
	color : red;
}

.formvalidation {
/* ligne du bas */
	texte-align: center;
	border: none;
	background-color: white;
}
.formsubmit {
/* format du bouton de validation */
color: #fff;
background-color: #0c214e;
/*background-image : url(images/suivant.gif);*/
border: none;
width: 150px;
height: 25px;
cursor:pointer;
/*margin-left:600px;*/
margin-top: 10px;
}

.ident input.formsubmit{
	background: url(images/envoi-ident.png) no-repeat;
	width:94px;
	height:27px;
	cursor:pointer;
	}

.formreset {
/* format du bouton de validation */
}
.formresume {
/* tableau de formulaire : généralités */
	background-color: transparent;
	padding: 10px;
	border: 1px solid #015287;
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	width:500px;
	margin: 0 auto;
}
.formresumelabel {
/* pour les labels dans le résumé des données enregistrées */
	background-color: #b8cae0;
	color: black;
	border: none;
	width: 150px;
}
.formresumelabel font {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
}

.formresumedata {
	/*background-color: navy;*/
	color: #000;
	width: 350px;
	border: none;
}

.formcaptcha{
	border: none;
	}

.formcaptcha font{
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
	
/**************************footer********************/

#footer{
	font-size: 10px;
	font-family: Arial;
	color: #fff;
	background-color: #005994;
	text-align:center;
	padding: 20px;
	}

#footer a{
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	}

#footer a:hover{
	
	color: #b8cae0;
	}

#lienfooter a{
	font-size: 10px;
	font-family: Arial;
	color: #fff;
	text-align:center;
	text-decoration: none;
	}

#lienfooter a:hover{
	
	color: #b8cae0;
	}		
	

/***************************************page reseau************************************/

#dmf a:hover{
	border:3px solid #aac2e2;
	display:block;
	}

#tomlevage a:hover{
	border:3px solid #ffed96;
	display:block;
	}
#bertrand a:hover{
	border:3px solid #f6b395;
	display:block;
	}


/*********************************Pages services info bulles***************/

#map {position:relative; margin:0 0 0 90; width:950px; height:766px; font:76% arial, verdana, sans-serif;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute; display:block; cursor:pointer; background:url(images/transparent.gif);}
#map ul li.adsl {width:193px; height:39px; top:24px; left:715px;}
#map ul li.aems {width:193px; height:39px; top:72px; left:715px;}
#map ul li.brudy {width:193px; height:39px; top:120px; left:715px;}
#map ul li.cellerier {width:193px; height:39px; top:168px; left:715px;}
#map ul li.repar {width:193px; height:39px; top:217px; left:715px;}
#map ul li.rouquier {width:193px; height:39px; top:265px; left:715px;}
#map ul li.api {width:193px; height:39px; top:312px; left:715px;}
#map ul li.locamont {width:193px; height:39px; top:361px; left:715px;}
#map ul li.sivemat {width:193px; height:39px; top:410px; left:715px;}
#map ul li.sae {width:193px; height:39px; top:456px; left:715px;}


#map ul li:hover {z-index:300;}
#map ul li.click {z-index:500;}

/*#map ul li:hover.saemo {background:url(images/saemo-lozere.png);}*/


#map ul li .xsnazzy {visibility:hidden;}

#map ul li.click .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li.click .xsnazzy {background:url(images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

.adsl .xsnazzy {left:-320px; top:53px; width:290px;}
.aems .xsnazzy {left:-320px; top:5px; width:290px;}
.brudy .xsnazzy {left:-320px; top:-43px; width:290px;}
.cellerier .xsnazzy {left:-320px; top:-91px; width:290px;}
.repar .xsnazzy {left:-320px; top:-140px; width:290px;}
.rouquier .xsnazzy {left:-320px; top:-188px; width:290px;}
.api .xsnazzy {left:-320px; top:-235px; width:290px;}
.locamont .xsnazzy {left:-320px; top:-284px; width:290px;}
.sivemat .xsnazzy {left:-320px; top:-333px; width:290px;}
.sae .xsnazzy {left:-320px; top:-379px; width:290px;}


.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:16px; color:#fff; font-family:arial; font-weight:bold; border-bottom:1px solid #fff;margin-bottom:5px;}
.xsnazzy p {padding-bottom:0.5em; color:#015287; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#b8cae0; border-left:1px solid #015287; border-right:1px solid #015287;}
.xb1 {margin:0 8px; background:#015287;}
.xb2 {margin:0 6px; background:#015287;}
.xb3 {margin:0 4px; background:#015287;}
.xb4 {margin:0 3px; background:#b8cae0; border-width:0 5px;}
.xb5 {margin:0 2px; background:#b8cae0; border-width:0 4px;}
.xb6 {margin:0 2px; background:#b8cae0; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#b8cae0; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#b8cae0; border:3px solid #015287; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li.click .xsnazzy .xboxcontent a:hover {color:#015287;}

/*********************************page pour les occasions************************************/

#listemat{
	color:#fff;
	background-color:#b8cae0;
	font:bold 14px arial;
	width:200px;
	height: 20px;
	padding:5px;
	text-align:center;
	margin: 0 auto;
	margin-bottom:5px;
	}

.ajout{
	float:left;
	cursor:pointer;
	width:172px;
	}

.suppr{
	cursor:pointer;
	width:172px;
	float:right;

	}

#matfrm{
	background-color: transparent;
	}

.formkillconfirmannule{
	width: 100px;
	margin:0 auto;
	color:#004a71;
	font:12px arial;
	}