hr.visualClear{
  visibility: hidden;
  clear: both;
}



*{
  margin:0;
  padding:0;
}

body{
  background: #285386 ;
  text-align:center;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color:#666;
  font-size:11px;
}

div#site{
  width:860px;
  background:  url(../images/motifSite.gif) repeat-y 0 0;
  min-height:757px;
  margin:0 auto;
  text-align:left;
}
* html div#site{
  height:757px;
}
a img{
  border:none;
}

a{
  text-decoration: underline;
  color:#E99A6F;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}

a.pdf {
    background: transparent url(../images/pdf.jpg) no-repeat 0 0;
    background-position: left;
    text-decoration: none;
    padding-left:20px;
    padding-top:10px;
    line-height:13px;
}

a.pdf:hover{

  text-decoration:underline;
}
h2{
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  text-align: left;
  color:#D28442;
  margin-bottom:13px;
  margin-top:2px;
}
h3{
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  margin-top:19px;
  margin-bottom:5px;
}
h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  color:#4C95B3;
}


h4.plusgros{
  font-size:14px;

}


ul {

  margin-left:9px;
  margin-bottom:16px;
}
ul li{
  list-style-type: none;
  list-style-position: outside;
  padding-left:14px;
  line-height:16px;

}

ul ul li {
 list-style-type:none;
 padding-left:14px;
 list-style-position: outside;
 background: url(../images/puceBase.gif) no-repeat 0 5px;

}
ul ul ul li {
  list-style-type:none;
  list-style-position: inside;

}
ul.niveau1 li {
  text-decoration:underline;
}
ul.niveau1 ul li {
  text-decoration:none;
}

ul.gras li {
  list-style-type:none;
  font-weight:bold;
  list-style-position: inside;
}

ul.gras ul li {
  font-weight:normal;
  list-style-type:none;
}

ul.pucen1 li{
 list-style-type:none;
 list-style-position: outside;
 background: url(../images/puceBase.gif) no-repeat 0 5px;
}

ul.pucen1#marge1 li,ul.pucen1#marge2 li{
margin-left:20px;

}
ul.pucen1#ularemont{
margin-top:-15px;
}
ul.pucen1#marge1,ul.pucen1#marge2{
margin-top:-15px;
}

ul.n1gras li{
 font-weight:bold;
 list-style-type:none;
 list-style-position: outside;
 background: url(../images/puceBase.gif) no-repeat 0 5px;
}

ul.n1gras ul li{
  font-weight:normal;
}




img.bordure {
  display:inline;
  border:0px solid #A5ACA8;
  padding:1px;

}


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

img.left#cluster{

border:none;

}

img.left2{
  float:left;
  display:inline;
  margin-right:13px;
  padding:1px;
}

img.center {
  float:center;
  display:inline;
  margin-left:25%;
  border:1px solid #A5ACA8;
  padding:1px;
}

img.center2 {
  display:inline;
  margin-left:15%;
  rder:1px solid #A5ACA8;
  padding:1px;
}


.italic {
  font-style:italic
}

div.center{

  text-align:center;
}

div.Vraicenter{
text-align:center;
width:600px;


}

label {
  font-weight: bold;
	display: inline;
  float: left;
  width: 80px;
}

table, tr{
 border:1px solid #A5ACA8;
 width:98%;
 text-align:center;
 
}
table.gallerie{

border:none;
}


tr.ligne1{
  background-color:#E7F3FF;
}



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

div#colonneGauche{
  background: #fff;
  width:191px;
  min-height:730px;
  float:left;
}

* html div#colonneGauche{
  height:730px;
}
div#contenu{
  width:655px;
  min-height:730px;
  float:right;

}
* html div#contenu{
  height:730px;
}
div#footer{
  clear:both;
  background: #C9E090;
  height:18px;
  border:1px solid #fff;
  margin:0 8px;
}

/*---------------------------------*/
div#colonneGauche h2{
  margin:0;
}
p#infos{
  color:#999;
  font-size:10px;
  padding-left:8px;
  margin-top:-2px;
  padding-bottom:13px;
  border-bottom:4px solid #E77037;
  background: #fff;
  line-height:11px;
}
p#infos.jc{
border-bottom:4px solid #6581B9;
}

p#infos.pa{
border-bottom:4px solid #80A474;
}

p#infos br{
  display:block;
  height:5px;
  line-height:5px;
}
p#infos a{
  color:#999;
  text-decoration: none;
}
p#infos a:hover{
  text-decoration: underline;
}

/*--------------------------------*/
div#header{
  background: url(../images/header.gif) no-repeat 20px 0;
  height:203px;
  position:relative;
}
div#header img{
display:none;
}

div#header.jc{
  background: url(../images/headerjc.gif) no-repeat 20px 0;

}

div#header.pa{

background: url(../images/headerpa.gif) no-repeat 20px 0;
}

div#header h2{
  color:#fff;
  position:absolute;
  right:45px;
  bottom:100px;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing:1.6px;
  height:30px;
  padding-top:2px;
  padding-bottom:4px;
}
div#header h3{
  color:#fff;
  position:absolute;
  right:45px;
  bottom:98px;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing:0.5px;
}

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

div#chemin a{
  color:#32639D;
  font-weight: normal;
  font-size: 12px;
  line-height:13px;
  min-height:13px;
  margin-top:0;
  text-decoration: none;
}

div#chemin a:hover {
  text-decoration: underline;
}



div#article{
  position:relative;
  background: #fff url(../images/articleFond.gif) repeat-y 0 0;
  width:633px;
  min-height:522px;
  margin-left:17px;
  font-size:12px;
}
* html div#article{
  height:522px;
}


div#article div#presentation{
  width:617px;
  height:181px;
  padding-left:12px;
  background:  url(../images/presentation.jpg) no-repeat 3px 0;


}


div#article div#presentationjc{
  width:617px;
  height:200px;
  padding-left:12px;
  margin-top:10px;
}

div#article div#presentationjc.accueil{
background:  url(../images/accueiljc.jpg) no-repeat 340px 50px;
}

div#article div#presentation.accueil{
  margin-top:15px;
  background:  url(../images/presentation.jpg) no-repeat 30px 0px;
  padding-left:12px;
}


div#article div#presentation h2{
  text-transform: uppercase;
  font-size:20px;
  position:absolute;
  font-weight: normal;
  top:22px;
  left:76px;
  padding-left:20px;
  letter-spacing:1px;
  background: url(../images/puceCercle.gif) no-repeat 4px 5px;
  width:200px;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  color:#E99A6F;
}

div#article div#presentationjc h2{
  text-transform: uppercase;
  font-size:20px;
  position:absolute;
  font-weight: normal;
  top:10px;
  left:76px;
  padding-left:20px;
  letter-spacing:1px;
  background: url(../images/puceCercle.gif) no-repeat 4px 5px;
  width:200px;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  color:#E99A6F;
}

div#article div#presentationjc img.left{
 margin-left:20px;
}

div#article div#presentation p{
  color:#E99A6F;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  width:294px;
  padding-top:29px;
  text-align: justify;
  margin-left:298px;
  margin-bottom:7px;
}

div#article div#presentationjc p{
  color:#E99A6F;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  width:294px;
  text-align: justify;
  margin-left:298px;
  margin-bottom:7px;
}

div#article div#presentationjc.accueil p{

 margin-left:20px;
}


div#article div#presentation ul, div#article div#presentationjc ul{
  text-align: justify;
  width:294px;
  margin-left:302px;
}

div#article div#presentation ul li, div#article div#presentationjc ul li{
  color:#E99A6F;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 15px;
  background: url(../images/puceCercle2.gif) no-repeat 6px 6px;
}



div#article div#contenuTexte{
  position:relative;
  min-height:200px;
  padding-top:13px;
  padding-left:10px;
  padding-right:5px;
  padding-bottom:10px;
  font-size:12px;
}

* html div#article div#contenuTexte{
  height:200px;
}

* html div#article div#contenuTexte{
  padding-top:26px;
}

div#article div#contenuTexte a#imprimer{
  display:block;
  width:13px;
  height:12px;
  background: url(../images/imprimer.gif) no-repeat 0 0;
  position:absolute;
  top:16px;
  right:17px;
}
div#article div#contenuTexte a#imprimer span{
  display:none;
  cursor:pointer;
}
div#article div#contenuTexte a#imprimer:hover{
  background: url(../images/imprimer.gif) no-repeat 0 100%;
  cursor:pointer;
}



div#article div#contenuTexte h2{
  color:#31649A;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom:12px;
  padding-bottom:7px;
  padding-left:28px;
  margin-top:15px;
  border-bottom: 1px solid #ccc;
  margin-right:16px;
  margin-left:2px;
  background: url(../images/trait.gif) repeat-x 0 7px;
}
div#article div#contenuTexte h2 span{
  background: #fff;
  padding:0 8px;
}
div#article div#contenuTexte p{
  color:#666;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-left:14px;
  margin-right:25px;
  text-align: justify;
  line-height:13px;
  margin-bottom:24px;
}

div#article div#contenuTexte h3{
  color:#E76E37;
}


div#article span#articleBas{
  position:absolute;
  display:block;
  height:5px;
  width:100%;
  bottom:-1px;
  left:0;
  background:url(../images/articleBas.gif) no-repeat 0 0;
  overflow:hidden;
}

/*--------------------------------*/
div.menu{
  padding-top:7px;
  padding-bottom:41px;
  border-bottom:1px solid #E9F2D7;
  background: #ECF4DD url(../images/menuBottom.gif) no-repeat 0 100%;
}

div.menu h3{
  margin-top:0px;
  margin-left:11px;
  margin-bottom:8px;
  color:#31649A;
  position: relative;
  text-decoration:none;
  
}

div.menu h3 a {
 margin-top:0px;
  margin-bottom:8px;
  color:#31649A;
  text-decoration:none;
}


div.menu h3 a:hover, div.menu h3 a.select  {
  margin-top:0px;
  margin-bottom:8px;
  color:#31649A;
  text-decoration:underline;
}

div.menu ul{
  margin:0;
  padding:0;
}
div.menu ul li{
  display:inline;
  margin:0;
  padding:0;
}

div.menu ul li a{
  padding-left:29px;
  display:block;
  color:#32639D;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  line-height:14px;
  min-height:18px;
  margin-top:3px;
  padding-right:18px;
  background: url(../images/puceMenu.gif) no-repeat 13px 3px;
}
* html div.menu ul li a{
  height:18px;
}
div.menu ul li ul{
  margin-left:21px;
  margin-top:1px;
  margin-bottom:5px;
}

div.menu ul li ul li a {
  color:#32639D;
  font-weight: normal;
  font-size: 11px;
  line-height:13px;
  min-height:13px;
  margin-top:0;
  background: url(../images/puceMenu.gif) no-repeat 12px 1px;
}



* html div.menu ul li ul li a{
  height:13px;
}

div.menu ul li a:hover{
  text-decoration: underline;
}
div.menu ul li a.select{
  color:#8EAE4D;
}


div#IntroGauche{
  border-top:1px solid #CBE09F;
  padding-left:12px;
  background: #D3E4AD;
  padding-bottom:15px;
  padding-right:12px;
  
}
div#IntroGauche h3{
  margin-top:11px;
  margin-bottom:8px;
  color:#31649A;
}
div#IntroGauche ul{
  margin:0;
  padding:0;
}
div#IntroGauche ul li{
  margin:0;
  padding:0;
  color:#31649A;
  font-size: 10px;
  line-height: 14px;
}

div#IntroGauche h3 a {
  margin-top:11px;
  margin-bottom:8px;
  color:#31649A;
  text-decoration:none;
}


div#IntroGauche h3 a:hover, div#IntroGauche h3 a.select   {
  margin-top:11px;
  margin-bottom:8px;
  color:#31649A;
  text-decoration:underline;
}

div#IntroGauche ul li a {
  color:#32639D;
  font-weight: normal;
  min-height:13px;
  margin-top:0;
  text-decoration: none;
}

div#IntroGauche ul li a:hover, div#IntroGauche ul li a.select {
  color:#32639D;
  font-weight: normal;
  min-height:13px;
  margin-top:0;
  text-decoration: underline;

}



ul#liensAnnexes{
  margin:0;
  padding:0;
  background: #D7E5B4 url(../images/liensAnnexesBottom.gif) repeat-x 0 100%;
}

ul#liensAnnexes li{
  margin:0;
  padding:0;
  display:inline;
}

ul#liensAnnexes li a{
  text-decoration: none;
  color:#31649A;
  font-weight: bold;
  padding-left:12px;
  padding-top:4px;
  padding-bottom:5px;
  display:block;
  border-top:1px solid #fff;
}

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

ul#liensAnnexes li a.select{
  text-decoration: underline;
}

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

div#footer ul{
  margin:0;
  padding:0;
  margin-left:237px;
  margin-top:1px;
  
}

div#footer ul li{
  margin:0;
  padding:0;
  display:inline;
}
div#footer ul li span{
  display:inline;
  color:#7C8A66;
  float:left;
  padding-right:14px;
  margin-right:14px;
  background: url(../images/sepFooter.gif) no-repeat 100% 8px;
}
div#footer ul li span#noe{
  background: none;
}
* html div#footer ul li span#noe{
  margin-top:2px;
}
div#footer ul li a, div#footer ul li span{
  text-decoration: none;
  color:#7C8A66;
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  font-size:9px;
  height:16px;
}

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


img#image2{

margin-left:80px;

}

p#galeriePhot{
text-align:center;
}

div#contenuTexte.galeriephoto{
text-align:center;
}

div#photo456{
margin-left:10px;
}
div.photocenter{
width:600px;
text-align:center;

}

img#pyramid{
float:left;
margin-right:10px;
}

h3.plusgros{

font-size:18px;
line-height:20px;

}
h3.misenvaleur{
font-size:13px;
text-align:center
}

h3.plusgros#parcacti{
margin-top:85px;
}
* html h3.plusgros#parcacti{
margin-top:100px;
}

*+html h3.plusgros#parcacti{
margin-top:100px;
}