/* rgles CSS pour la Diligence */

body {
  margin:0;
  padding:0;
  background-color:#0a0b06;
}
.interieur {
  background-image: url(../images/ArrierePlan/arrierePlanInterieur.jpg);
  background-repeat:repeat-x;
}
.index {
  background-color:#04678e;
  background-image: url(../images/ArrierePlan/arrierePlan.jpg);
  background-repeat:repeat-x;
}
html {
  padding:0;
  margin:auto;
  text-align:center;/*IE bug*/
  overflow:auto;
}
#print{
display:none;
}
#conteneur {
  position:relative;/*je dois mettre la position relative pour sortir la div du flux. en absolute, elle capote*/
  height:600px;/*ici je laisse les dimenssin pour que firefox puisse avoir des repre dimenssionnels et centrer la div.*/
  width:1000px;
  top:0px;
  margin:auto;
  text-align:left;/*si je ne met pas auto, le bloc n'est pas centr.*/
  /*border:#009900 thin solid;*/
  z-index:1;
}
.left{
float:left;
} 
/* ======================================================================================= Règles pour page d'accueil =============================*/ 
#environnement-1{
	position:absolute;
	top:0px;
	left:0px;
	width:235px;
    height:95px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-2{
	position:absolute;
	top:0px;
	left:235px;
	width:510px;
    height:237px;
	margin:0;
	border:0;
	padding:0;
	background-color:#FFFFFF;
	z-index:1;
} 
#environnement-3{
	position:absolute;
	top:0px;
	left:745px;
	width:255px;
    height:95px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-4{
	position:absolute;
	top:95px;
	left:0px;
	width:168px;
    height:142px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-5{
	position:absolute;
	top:95px;
	left:168px;
	width:67px;
    height:60px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-6{
	position:absolute;
	top:95px;
	left:745px;
	width:69px;
    height:60px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-7{
	position:absolute;
	top:95px;
	left:814px;
	width:186px;
    height:142px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-8{
	position:absolute;
	top:155px;
	left:168px;
	width:67px;
    height:82px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} #environnement-9{
	position:absolute;
	top:155px;
	left:745px;
	width:69px;
    height:82px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-10{
	position:absolute;
	top:237px;
	left:0px;
	width:355px;
    height:284px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-11{
	position:absolute;
	top:237px;
	left:355px;
	width:286px;
    height:284px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-12{
	position:absolute;
	top:237px;
	left:641px;
	width:359px;
    height:284px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-13{
	position:absolute;
	top:521px;
	left:0px;
	width:1000px;
    height:27px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-14{
	position:absolute;
	top:548px;
	left:0px;
	width:1000px;
    height:52px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#Texte-1 {
	position:absolute;
	left:659px;
	top:252px;
	width:306px;
	height:245px;
	/*background-color:#33FF00;*/
	overflow:auto;
	z-index:5;
}
#Texte-2 {
	position:absolute;
	left:38px;
	top:252px;
	width:306px;
	height:245px;
	/*background-color:#33FF00;*/
	overflow:auto;
	z-index:5;
}
#LiensBasPage{
	position:absolute;
	left:0px;
	top:548px;
	width:1000px;
	height:52px;
	z-index:5;
}
#TexteLiensBasPage{
	position:absolute;
	left:0px;
	top:560px;
	width:1000px;
	height:30px;
	text-align:center;
	border-bottom: #2196b9 dotted;
	z-index:6;
}
/* ======================================================================================= Règles pour intérieur du site =============================*/

#environnement-1b{
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
    height:57px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-2b{
	position:absolute;
	top:57px;
	left:0px;
	width:41px;
    height:213px;
	margin:0;
	border:0;
	padding:0;
	background-color:#FFFFFF;
	z-index:1;
} 
#environnement-3b{
	position:absolute;
	top:57px;
	left:41px;
	width:463px;
    height:213px;
	margin:0;
	background-color:#0066CC;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-4b{
	position:absolute;
	top:57px;
	left:504px;
	width:496px;
    height:421px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-5b{
	position:absolute;
	top:270px;
	left:0px;
	width:202px;
    height:309px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#environnement-5c{
	position:absolute;
	top:270px;
	left:0px;
	width:504px;
    height:309px;
	background-color:#009900;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-6b{
	position:absolute;
	top:270px;
	left:202px;
	width:302px;
    height:309px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-7b{
	position:absolute;
	top:478px;
	left:504px;
	width:372px;
    height:101px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
} 
#environnement-8b{
	position:absolute;
	top:478px;
	left:876px;
	width:124px;
    height:101px;
	margin:0;
	border:0;
	padding:0;
	z-index:1;
}
#Texte-1b {
	position:absolute;
	left:512px;
	top:55px;
	width:467px;
	height:460px;
	/*background-color:#33FF00;*/
	overflow:auto;
	padding-left:6px;
	padding-right:8px;
	z-index:5;
}
#Texte-2b {
	position:absolute;
	left:218px;
	top:281px;
	width:276px;
	height:235px;
	/*background-color:#33FF00;*/
	overflow:auto;
	z-index:5;
}
#LiensBasPageb{
	position:absolute;
	left:0px;
	padding-top:18px;
	text-align:center;
	top:555px;
	width:1000px;
	height:30px;
	/*background-color:#33FF00;*/
	border-bottom: #11580a dotted;
	z-index:5;
}
#Texte-3b {
	position:absolute;
	left:48px;
	top:319px;
	width:144px;
	height:197px;
	overflow:auto;
	z-index:2;
}
#TitrePage{
	position:absolute;
	left:268px;
	top:8px;
	width:703px;
	height:23px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:2;
}
#MoteurRecherche {
	position:absolute;
	left:755px;
	top:144px;
	width:264px;
	height:23px;
	z-index:5000;
}
#ZoneContact {
	position:absolute;
	left:98px;
	top:148px;
	width:123px;
	height:23px;
	z-index:5000;
	position:absolute;
	padding-top:4px;
	background-image:url(../images/petitCarreDEFond.jpg);
	background-repeat:no-repeat;
	text-align:right;
}
/* ======================================================================================= Style de Typographie =============================*/


h1{
/*background-color:#d5e2eb;*/
color: #023a73;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
letter-spacing:2px;
line-height:23px;
font-variant:small-caps;
font-style:italic;
padding-left:9px;
}
h2{
color:#004688;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:16px;
text-align:right;
font-style: italic;
}
.styleTitrePage{
color:#004688;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:16px;
text-align:right;
font-style: italic;
padding-right:40px;
padding-top:3px;
}
@font-face {
font-family:"BaronLightDB" ;
src: url(fonts/Barln.ttf);
}
.StyleTexteNormal{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
line-height:19px;
text-align:justify;
}
.StyleTexteMenuAlternatif{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#333333;
text-align:center;
}
.StyleTexteTableauAlGauche{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.95em;
color:#333333;
text-align:left;
}
.StyleBasPage{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF;
}
.StyleBasPage a{
color: #FBDC89;
text-decoration:none;
}
.StyleBasPage a:hover{
color:#ffffff;
}
.StyleBasPageB{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF;
}
.StyleBasPageB a{
color: #5c9000;
text-decoration:none;
}
.StyleBasPageB a:hover{
color:#ffffff;
}
.liste{
list-style-image:url(../images/etoilePuce.png);
}
.left{
float:left;
padding-right:7px;
}
.styleNavRapide{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#333333;
text-align:left;
}
.styleNavRapide a{
color:#333333;
text-decoration:none;
}
.styleNavRapide a:hover{
color:#5c9000;
text-decoration:underline;
}

.styleTitreDefi{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color:#333333;
text-align:left;
}
.styleTitreDefi span a{
color:#6a9328;
font-size:0.6em;
}
styleTexteTemporaire{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#FFFFFF;
}
.choix{
font-size:0.7em;
}
.styleChapeau{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#366213;
text-align:justify;
padding-left:4px;
padding-right:4px;
}
.styleChapeau a{
color:#666666;
text-decoration:none;
}
.styleChapeau a:hover{
color:#666666;
text-decoration:underline;
}
.stylePuces{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#006699;
line-height:1.2em;
}
.styleGES{
text-align:center; 
color:#f0b300; 
font-weight:bold; 
font-size:2.2em; 
font-family:geneva;
}
.styleContact{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-align:right;
}
.styleContact a{
color:#333333;
text-decoration:none;
}

.styleContact a:hover{
text-decoration:underline;
}
#ges{
display:none;
}
#ges2{
display:none;
}