html{color:#BFBFBF;background:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}<br>h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}<br>sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}<br>del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
#ft{clear:both;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{
	margin:auto;
	text-align:left;
	width:57.69em;
	width:56.25em;
	min-width:300px;
	}
	
#doc2{width:73.076em;*width:71.25em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}

.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main,.yui-g .yui-u .yui-g{width:100%;}
.yui-t1 #yui-main,.yui-t2 {width:100%;}
#yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}
.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}
.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}
.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}<br>.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-ge .yui-u,.yui-gf div.first{width:24%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{
	width:49%;
	*width:48.1%;
	*margin-left:0;
	}
.yui-g .yui-g .yui-u{width:48.1%;}
.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:1.0%;}<br>.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-gb .yui-gd div.first{width:32%;}
.yui-g .yui-gd div.first{_width:29.9%;}
.yui-ge .yui-g{width:24%;}
.yui-gf .yui-g{width:74.2%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
.yui-ge div.first .yui-gd .yui-u{width:65%;}
.yui-ge div.first .yui-gd div.first{width:32%;}

#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

h3 {
  font-size: 108%;
}
      
#SiteTitle {
  font-size : 135%;
  color: #DDA707;
  vertical-align: top;
}
      
body {background-color : #000000;}

h1, h2, h3 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold;
}

abbr, acronym {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: black;
  cursor: help;
}

em {
  font-style: italic;
}

blockquote, ul, ol, dl {
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}

ol, ul, dl {
  margin-left: 2em;
}


dl dd {
  margin-left: 1em;
}

th, td {
  padding-top: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
}

th {
  font-weight: bold;
  text-align: center;
}

td.col {
  border-bottom: 0px;
}
      
caption {
  margin-bottom: 0.5em;
  text-align: center;
}

p, fieldset, table, pre {
  margin-bottom: 1em;
}

input[type="text"], input[type="password"], textarea {
  width: 12.25em;
}
      
table.wide-table {width:100%;
}

table.Menu-table{
	min-width: 300px;
	width:100%;
}
#Menu {border-bottom: 1px solid #e78338;} 


#ActiveMenu:link, #ActiveMenu:visited {
    font-size: 120%;
    color: #90e790;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}      

#MainMenu:link, #MainMenu:visited {
    font-size: 120%;
    color: #e78338;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}
      
#MainMenu:hover, #ActiveMenu:hover {
    color: red;
}
      
#hd {
  font-variant: small-caps;
}


#Cell-centered {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
}

#CellNav0 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
  min-width: 100px;
}
      
#CellNav1 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
  background-image: url(Sources/Disque1.png);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: center;
}

#CellNav2 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
  background-image: url(Sources/Disque2.png), url(Sources/Separateurmenu.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 35px 35px, 10px 35px;
  background-position: center, left;
}
      
#CellNav3 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
  background-image: url(Sources/Disque3.png), url(Sources/Separateurmenu.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 35px 35px, 10px 35px;
  background-position: center, left;
}

#CellNav4 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
  background-image: url(Sources/Disque4.png), url(Sources/Separateurmenu.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 35px 35px, 10px 35px;
  background-position: center, left;
}

#CellNav5 {
  text-align: center;
  font-variant: small-caps;
  border-collapse: collapse;
  empty-cells: show;
}

#TdBgImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
      
div.gallery {
	 position: relative;
    margin: 2px;
    border: 1px solid #ccc;
    float: left;
    width: 75px;
    background-color: #ccc;
    z-index: 1;
}

div.selected-img {
	position:absolute;
   width: 25px;
   right: 2px;
   top: 2px;
   visibility: hidden;
   z-index:2;
}

div.selected-img img {
    width: 100%;
    height: auto;
}


div.gallery:hover {
    border: 1px solid #e78338;
    background-color: #e78338;
}

div.gallery:hover div.selected-img {
	visibility: visible;
}

div.gallery img {
    width:100%;
    height: auto;
    
}

#GallerySelected{
    border: 1px solid #e78338;
    background-color: #e78338;
}
#GallerySelected div.selected-img{
	visibility: visible;
}

div.desc {
    padding: 2px;
    text-align: center;
    font-size: 70%;
    color: black;
    font-weight: normal;
}

div.noactivegallery {
    margin: 1px;
    float:left;
    padding: 5px;
    width: 125px;
}
div.noactivegallery img {
    width: 125px%;
    height: auto;
}

div.descnoactive {
    padding: 5px;
    text-align: justify;
    color: #999;
}
div.selectedgallery {
    margin: 5px;
    float:left;
    border: 1px solid #555;
    background-color: #555;
    width: 180px;
}
div.selectedgallery img {
    width: 100%;
    height: auto;
}

div.descselected {
    padding: 2px;
    text-align: center;
    color: white;
    font-weight: normal;
}

div.selectedgallery:hover {
    border: 1px solid #e78338;
    background-color: #e78338;
}

div.detailgallery {
    margin: 5px;
    float:left;
    border: 1px solid #555;
    background-color: #555;
    width: 500px;
}
div.detailgallery img {
    width: 100%;
    height: auto;
}

div.descdetailgallery {
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 80%;
}
      
div.photo {
    float: none;
    border: 1px solid #777;
    width: 250px;
    vertical-align: middle;
    padding-top: 3px;
    background-color: #777;
    padding-left: 3px;
    padding-right: 3px;
}
     
div.photo img {
    width: 100%;
    height: auto;
}

div.photoMedium {
    float: none;
    border: 3px solid #777;
    border-radius: 10px;
    width: 406px;
    background-color: #777;
    vertical-align: middle;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}
     
div.photoMedium img {
    width: 100%;
    height: auto;
}
      
div.boldtext {
    padding: 15px;
    border: none ;
    float: none;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
    color: #ccc;
}
      
div.Accrochetext {
    padding: 15px;
    border: none ;
    float: none;
    text-align: justify;
    font-variant: small-caps;
    font-weight: standard;
    font-size: 195%;
    color: #999;
    background-image: url(Sources/DemiCadre.png);
    background-repeat: no-repeat;
    background-size: 100px 50px;
    background-position: top left;

}

a:link, a:visited {
    color: #eeeeee;
    text-decoration: underline;
    font-weight: bolder;
}

div.externallink {
    margin: 5px;
    height: 15px;
    vertical-align: middle;
}


div.externallink img {
    height: 15px;
    width: auto;
}

table.CadreTexte {
    float: none;
    border: 0px;
    width: 60%;
}

*.contact {
	vertical-align:middle; 
	padding:10px; 
	border:5px; 
	margin:5px;
	float: left;
	align-items:center; 
	background-color: #101010;
}

*.section{
	 font-size: 110%;
	 color: #e78338;
    font-variant: small-caps;
    font-weight: bold;
    border-top-color: #aa4000;
    border-top-width: 1px;
    border-top-style: solid;
    align-content: center;
}

td.rubrique{
border: 5px solid #e78338;
}

font.info{
   font-size: 70%;
   font-weight: normal;
   font-style: italic;;
}

img.large {
width: 800px;
}


img.medium {
width: 600px;
}

img.little {
width: 300px;
}

img.verylittle {
width: 150px;
}

img.FullCenterImg {
max-width: 80% ;
height: auto;
//display: block;
margin-left: auto; 
margin-right: auto;
// width: 50%;
}

