/* CSS Document */

*{
  margin:0;
  padding:0;
}

html{
  background:#F7F5DC;
}
body{
  text-align: center;
}
div#site{
  margin: 0 auto 60px;
  text-align: left;
  width:950px;
  background: url(../images/fondSite.jpg) repeat-y 0 0;
  padding-left:5px;
  padding-right:6px;

}

/*----------------------------------------------------------------------------*/
div#site div#print{
	display: none;
	}

p#chemin{
  text-align: right;
  right:95px;
  top:-18px;
  position:relative;
  z-index:5000;
}
img#titreImage{
  /*position:absolute;
  left:23px;
  top:90px;
  z-index:5000;*/
  float:left;
  margin-left:20px;
}

/*----------------------------------------------------------------------------*/
div#accessibiliylinks{
	background: none;
  margin: 0 auto ;
  text-align: center;
  width:950px;
  position:relative;
  top:3px;
}
div#accessibiliylinks, div#accessibiliylinks a{
  color:#CFC6A8;
}
div#accessibiliylinks a:hover, div#accessibiliylinks a:focus {
  color:#555555;
  text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
div.separation hr{
  display:none;
}
div.separation {
  background: url(../images/separation.gif) no-repeat 50% 0;
  height:9px;
}
/*----------------------------------------------------------------------------*/
div.visualClear{
  clear:both;
  height:1px;
}
div.visualClear hr{
  display:none;
}
span.oblig{ color :red;}
/*------------------------------*/
acronym {
	cursor:help;
	border-bottom:1px dotted #D28442;
}
body, h6{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  color:#555;
  
}

a{
  text-decoration: underline;
  color:#555555;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}
h2{
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  color:#D28442;
  margin-bottom:13px;
  margin-top:2px;
}

h3{
  font-size:11px;
  line-height:13px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:19px;
  margin-bottom:5px;
  color:#D28442;
   text-decoration: none;
}
h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:#4C95B3;
}
ul {
  margin-left:9px;
  margin-bottom:16px;
}
ul li{
  list-style-type: none;
  list-style-position: outside;
  padding-left:14px;
  line-height:16px;
  background: url(../images/puceNivo1-orange.gif) no-repeat  0px 6px;
}

img.right {
  float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}
img.signature {
  float:right;
  display:inline;
  margin-left:13px;
  padding:1px;
}
img.left{
  float:left;
  display:inline;
  margin-right:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}


fieldset{
	margin : 0;
	padding : 0;
	border: 0;
}
input, select{
   border: 1px solid #66766C;
   background: #fff ;
   color:#000;
   height: 20px;
   font-size:11px;
}
input.case{
	border: 0px;
	background: transparent;
	font-size:11px;
}
input.submit, input.inscrire{
    background: #66766C ;
    color:#fff;
    height: 20px;
    border:none;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
/*----------------------------------------------------------------------------*/
table{
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-spacing: 0px;
}
table thead tr{
   background: #E2DCC6;
   color: #66766C;
}
table .lignetableau1{
}
table caption{
   background: #E2DCC6;
   color: #66766C;
   text-align: center;
   border-bottom: 1px solid #66766C;
}
table td, table th{
    padding: 2px;
    border: 1px solid #E2DCC6;
    text-align: left;
}
table.lexique td{
	width: 20px;
	text-align: center;
}
label{
	padding: 0;
	margin: 0;
	padding-right: 5px;
}
div.lignetableau1, div.lignetableau2{
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 5px solid #fff;
}
div.lignetableau1{
	background: #F5F3EB;
   	color: #66766C;
}
/*----------------------- special gabarit -----------------------------------------------------*/

table.chiffre{
    width : 80%;
}
table.chiffre thead tr td{
    text-align: center;
}
table.chiffre tbody tr td{
    text-align: right;
}
table.chiffre tr td.titre{
    text-align: left;
    font-weight: bold;
}

div.ficheannuaire{
	background: #F5F3EB;
	border: 1px solid #848F87;
	width: 150px;
	min-height: 200px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
}
* html div.ficheannuaire{
	height: 200px;
}

div.photo{
	background: #fff;
	border: 1px solid #848F87;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
}
div.photo img{
	border: 1px solid #848F87;
	margin: 5px;
}

/*----------------------------------------------------------------------------*/

div#header{
margin: 0;
padding: 0;
  width:950px;
  background: url(../images/headerindex.jpg) no-repeat -5px 0;
  height:89px;
}

div#header div#maj{
	float: right;
	margin-top: 70px;
	margin-right: 10px;
}

div#header div#menuTop{
margin-top:-22px;
margin-left:187px;
padding:0;
float:left;
font-size:12px;
padding-left:10px;
}

* html div#header div#menuTop{
padding-left:0px;
margin-left:100px;
margin-top:-21px;

}

div#header div#menuHead{
background: url(../images/debutMenu.gif) repeat-x 0 -1px;
display:inline;
padding-left:10px;
}

div#header div#menuHeadApres{
display:inline;
background: url(../images/transitionMenu.gif) repeat-x 100% 100%;
width:2px;
}

div#header div#menuHead a{

text-decoration:none;
}

div#header a#menu1{
background: url(../images/transitionMenu.gif) no-repeat 100% 100%;
padding-right:10px;

}
div#header a#menu2{
background: url(../images/transitionMenu.gif) no-repeat 100% 100%;
padding-right:10px;
}
div#header a#menu3{
background: url(../images/transitionMenu.gif) no-repeat 100% 100%;
padding-right:10px;
}
div#header a#menu4{
background:none;
padding-right:0px;
}



div#colonneGauche{
  width:172px;
  float:left;
  /*background: url(../images/basMenu.jpg) no-repeat 5px 100%;*/
  margin-bottom:-15px;
  min-height:100px;
}

body.pageAccueil div#colonneGauche{
  display:none;
}

img#basMenu{
margin-bottom:-5px;
padding-bottom:0px;
}

* html img#basMenu{
margin-bottom:-4px;

}

div#contenu{
  width:755px;
  float:left;
  display:inline;
  margin-right:15px;
  padding-bottom:10px;
}

hr{
  clear:both;
}

body.pageAccueil div#contenu{
  width:930px;
  margin-right:0px;
}

* html div#contenu {
  width:755px;
}
*+html div#contenu {
  min-width:755px;
}

div#fond{
  background:  url(../images/fondArticle.jpg) no-repeat  96% 100% ;
}
html>body div#fond{;
  position:relative;
  z-index:1000;
}
div#flashcontent{
  min-height: 300px;
  margin-top: 30px;
  margin-left: 20px;
}

* html div#contenu{
  padding-left:10px;
}
form{
  clear:both;
}

div#footer{
  clear:both;
  height:20px;
  width:950px;
  background: url(../images/footer.jpg) no-repeat -2px 0;
  position:relative;
  margin-left:-3px;
}

div#footer ul{
  margin:0;
  padding:0;
  padding-top:1px;
  display:block;
  margin:0 auto;
  height:19px;
  margin-left:330px;
  padding-left:11px;

}
div#footer ul li{
  display:inline;
  margin:0;
  padding:0;
  background: none;
}
div#footer ul li span, div#footer ul li a{
  float:left;
  display:inline;

  padding-right:9px;
  color:#FFF;
  background: url(../images/sep.gif) no-repeat 100% 4px;
  text-decoration: none;

}

div#footer ul li a:hover{
  text-decoration: underline;
}

/*----------*/

div#menu {
  margin-top:-15px;
  margin-left:5px;
  float:left;
  display:inline;
  width:167px;
  z-index:3;
  background:  url(../images/fondMenu.gif) no-repeat  0px 0px ;
  margin-bottom:25px;
  padding-top:50px;
}

div#menu ul{
  margin:0;
  padding:0;
}
* html div#menu ul{
  background-position:  5px 100% ;
}
div#menu ul li{
  background: none;
  display: inline;
  margin:0;
  padding:0;
}
div#menu ul li a{
  color: #fff;
  display: block;
  padding-left:20px;
  min-height:24px;
  line-height: 25px;
  border-top:1px solid #FFF;
  text-decoration: none;}
* html div#menu ul li a{
  height:21px;
}

div#menu ul li#menu1 a.select, div#menu ul li#menu2 a.select, div#menu ul li#menu3 a.select, div#menu ul li#menu4 a.select,div#menu ul li#menu5 a.select, div#menu ul li#menu6 a.select{
  background-color: #FEC32B ;
  border-bottom:1px solid #FFF;

}


div#menu ul li ul{

padding-top:5px;
padding-bottom:5px;
margin-left:5px;
border-left:3px solid #FFF;
background : #B69B2B;
/*
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity: 0.80;
*/
z-index:2;

}

div#menu ul li ul li a{
  background:  url(../images/puce.gif) no-repeat  0px 0px ;
  line-height:15px;
  min-height:14px;
  padding-left:15px;
  border:none;
  z-index:3;
  position:relative;
  /*
  filter:alpha(opacity=150);
  -moz-opacity:1.5;
  opacity: 1.5;
  */
  color:#FFF;

}


* html div#menu ul li ul li a{
  height:14px;
}

div#menu ul li#menu1 a:hover, div#menu ul li#menu2 a:hover, div#menu ul li#menu3 a:hover, div#menu ul li#menu4 a:hover,div#menu ul li#menu5 a:hover, div#menu ul li#menu6 a:hover{
  background-color: #FEC32B ;

}


div#menu ul li#menu1 ul li a:hover, div#menu ul li#menu2 ul li a:hover, div#menu ul li#menu3 ul li a:hover, div#menu ul li#menu4 ul li a:hover,div#menu ul li#menu5 ul li a:hover, div#menu ul li#menu6 ul li a:hover{
  background-color: #889667 ;

}



div#menu ul li a.select{
  font-weight: bold;
}



/*----------*/
/*----------*/
div#contenu h1.titre{
  color:#FF9900;
  background: url(../images/puceH1.jpg) no-repeat  0px 0px ;
  font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight:normal;
  font-size: 22px;
  margin-right:5px;
  min-height:22px;
  padding-left:31px;
  margin-top:10px;


}
* html div#contenu h1.titre{
height:22px;
}


div#contenu h1.titre span#titreSpan{
background : #FFFEEF;
padding-right:5px;
margin-left:2px;
}


div#article{
  text-align: justify;
 /* margin:10px 0px 0px 32px;*/
  padding-right:10px;
  padding-bottom:8px;
   width:700px;
}

* html div#article{
  margin-top:0px;
  padding-bottom:5px;
}



/*------------------------------*/



div#outils{
  height:23px;
  margin-right:6px;
  overflow:hidden;
}
div#outils p{
  color:#AAA;
  margin-left:15px;
  float:left;
  display:inline;
}
div#outils a{
  color:#C78448;
  text-decoration: underline;
}
div#outils span{
  color:#658B98;
}
div#outils a:hover{
  text-decoration: none;
}
/*----------*/

ul#outilsZoom{
  float:right;
  display:inline;
  margin-top:-15px;
}
ul#outilsZoom li{
  margin: 0;
  padding:0;
  border:none;
  background: none;
  display:inline;
}
ul#outilsZoom li a{
  margin: 0;
  padding:0;
  width:20px;
  display:inline;
  float:left;
  text-decoration:none;
}

ul#outilsZoom li a#zoomMoins{
  margin:0;
  padding:0;
  margin-right:7px;
  background: url(../images/zoomMoins.gif) no-repeat 0 0;
}
ul#outilsZoom li a#zoomPlus{
  margin: 0;
  padding:0;
  background: url(../images/zoomPlus.gif) no-repeat 0 0;
}
ul#outilsZoom li a span{
  visibility: hidden;
}

* html ul#outilsZoom li a#plus, * html ul#outilsZoom li a#plus{

margin-right:-15px;

}

/*----------*/
div#outilsIcones {
 	margin:0;
	float: right;
	width: 100px;
	heigth: 100px;
	margin-top: 70px;
	margin-right: 20px;
}

div#outilsIcones ul li{
  margin: 0;
  padding:0;
  border:none;
  background: none;
  display:inline;
}
div#outilsIcones ul li a{
  width:14px;
  height:11px;
  display:inline;
  float:left;
  margin-right:5px;
}
div#outilsIcones ul li a span{
  display:none;
}
div#outilsIcones ul li a#envoyerAmi{
  margin-top:2px;
  background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
div#outilsIcones ul li a#imprimer{
  background: url(../images/imprimer.gif) no-repeat 0 0;
}
/*----------*/
a.sms{
	display: block;
	background:   url(../images/sms3.gif) no-repeat 0 0;
	width : 108px;
	height: 80px;
	position:absolute;
	right:4px;
	bottom:-25px;
	text-decoration: none;
}
a.sms span{
  position:relative;
  top:40px;
  left:37px;
	text-decoration: underline;
}

a.sms:hover span{
	text-decoration: none;
	cursor:pointer;
}


/*----------------------------------------------------------------------------*/
/*----------*/
div#flashinfo{
	display: block;
	float:right;
	/*right:85px;*/
	/*bottom:-30px;*/
	margin-right:70px;

}

* html div#flashinfo{

bottom:-26px;
}

marquee#flashinfo{
	display: block;
	width : 568px;
	height: 16px;
	overflow:hidden;
	position:absolute;
	right:85px;
	bottom:-23px;
  border:1px solid #E2AF00;
	text-decoration: none;
	background-color:#FFFEFA;
}
span#flashinfo{
  padding-left:5px;
  padding-right:5px;
	display: block;
	width : 558px;
	height: 16px;
	position:absolute;
	right:85px;
	bottom:-23px;
  border:1px solid #E2AF00;
	text-decoration: none;
	text-align:right;
	background-color:#FFFEFA;
}
div#defil{
  position:absolute;
  left:0;
}


div#infoflash {
 background: url(../images/flashinfo.jpg) no-repeat 0 0;
 margin:0;
 position:absolute;
 width:70px;
 right:85px;
 top:76px;
}


/*----------------------------------------------------------------------------*/
div#SMS{
  margin-top:10px;
}
div#SMS fieldset{
  border: 2px solid #ddd;
  margin-bottom: 10px;
  padding:10px;
  background: #fff;
}

div#SMS fieldset h3{
  margin-top:0px;
}
div#SMS fieldset input{
  border-color:#bbb;
  background: #f7f7f7;
}
div#SMS fieldset input.submit{
  background: #E17E22;
  border:1px solid #AE6B13;
}
div#SMS fieldset em{
  margin-left:-25px;
  margin-right:7px;
}

div#SMS label{
  float:left;
  text-align: left;
  width:350px;
}

div#SMS span.oblig{
  font-size:20px;
  position:relative;
  top:5px;
}
div#SMS span.info{
  font-style: italic;
  top:-7px;
  position:relative;
}

div#SMS span.erreurDeja{
  margin-left:355px;
  color:#E01F1F;
}
div#SMS span.erreurDejaTel{
  margin-left:222px;
  color:#E01F1F;
}
div#SMS img.captcha{
  border:1px solid #ccc;
  position:relative;
  margin-bottom:10px;
}

/*----------------------------------------------------------------------------*/



div#version{
    float:left;
     height: 50px;
    width:210px;
}


div#logosDroite{
  width:140px;
  height:67px;
   background: url(../images/logosDroite.jpg) no-repeat 0 0;
	float:right;
  display: block;
  margin-right: 15px;
 }

div#logosDroite ul, div#logosDroite ul li{
  list-style-position: outside;
  list-style-type: none;
  margin:0;
  padding:0;
}
div#logosDroite ul li{
  display:inline;
}
div#logosDroite ul li a{
  text-decoration: none;
  display:block;
  float:left;
  display:inline;
  margin-top:0px;
}
div#logosDroite ul li a span{
  visibility:hidden;
}
div#logosDroite ul li a#bison{
  width:93px;
  height:56px;
  margin-right:5px;
}
div#logosDroite ul li a#escota{
  width:38px;
  height:56px;
}
div#logosDroite p{
  position:absolute;
  left:-70px;
  bottom:10px;
}



div#conteneurCalcul{
   float:left;
    width: 550px;
	display : block;
}
div#conteneurCalcul a{
	display : block;
	float:left;
	padding-right: 20px;
}


div#conteneurCalcul a.michelin{
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  display:block;
  text-decoration: underline;
  font-size:10px;
  background: url(../images/calcul.jpg) no-repeat 0 0; 
  padding-top:30px;
  padding-left:6px;
  float:left;
}
/*
  padding-top:30px;
  padding-left:6px;
*/

div#conteneurCalcul a:hover{
  text-decoration: none;
}



/*
div#calcul{
  width:173px;
  height:45px;
  
  background: url(../images/calcul.jpg) no-repeat 0 0;
  bottom:30px;
  left:23px;
  float:left;
}

* html div#calcul{
  bottom:25px;
  left:26px;
}

div#calcul a{
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  display:block;
  text-decoration: underline;
  font-size:10px;
  padding-top:30px;
  padding-left:6px;
}
div#calcul a:hover{
  text-decoration: none;
}


div#contenu{
  min-height:300px;
}
* html div#contenu{
  height:300px;
}
*/