/* MISE EN PAGE */
html, body {font-family:Arial; font-size:12px; padding:0; margin:0; left:0px; top:0px;  background-color:#000000;  }
#god{display:block;position:relative; top:0px; z-index:0; width:100%; z-index:1;}
#_img_fond{position:fixed;width:100%;height:100%;}
#boss_cadre{display:table;position:absolute; width:100%; text-align:center; top:0px;} 
#boss {display:block;z-index:1;	width:1024px; clear:left; height:auto; top:0px; text-align:center; margin:auto; position:relative; padding:0px;}
#site_table{display:block; width:1024px;  background-color:#000000;  }
#area_G{display:table; width:100%;  background-color:#000000; }
#area_I{display:table;  width:1000px;}
#top{ z-index:100;width:1024px;min-width:1024px; background-color:#000000;  text-align:left;display:table;}
#sideL{ z-index:100;width:0px;min-width:0px;  text-align:left;display:table;}
#main{ z-index:100;width:1000px;min-width:1000px; background-color:#000000;  text-align:left;display:table;}
#sideR{ z-index:100;width:0px;min-width:0px;  text-align:left;display:table;}
#bottom{ z-index:100;width:1024px;min-width:1024px; background-color:#000000;  text-align:left;display:table;}
.compte_cli{padding:20px;margin:0px;width:800px;background-color:#fff; font-family:Arial; font-size:12px; color:#FFFFFF; }
#principal{width:100%;display:table;}

/* CASES */
input[type='checkbox'] {display: inline-block;}
input[type='checkbox'] + label { display:inline-block; width:35px; height:30px; background-image:url(/images/proc/check_box_off.png); cursor:pointer;}
input[type='checkbox']:checked + label { width:35px; height:30px; background-image:url(/images/proc/check_box_on.png); cursor:ectedpointer;}

input[type='radio'] {display: inline-block;}
input[type='radio'] + label { display:inline-block; width:35px; height:30px; background-image:url(/images/proc/check_box_off.png); cursor:pointer;}
input[type='radio']:checked + label { width:35px; height:30px; background-image:url(/images/proc/check_box_on.png); cursor:ectedpointer;}
/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; max-width:auto; max-height:auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto;  max-width:auto; max-height:auto;}
#imageContainer{ padding: 10px;max-width:auto; max-height:; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height:auto; max-height:auto; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/proc/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/proc/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 11px Arial ;color:#000000 ;  background-color:#FFFFFF; margin: 0 auto;  overflow: auto; width: 100%;max-width:auto;}
#imageData{	padding:0 10px; color: #000000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; height: 22px;  float: right;  padding-bottom: 0.2em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: auto; background-color: #000000; }

/* CONTENU DE BASE */
H1 {margin:0px; font-family:Arial; font-size:16px; color:#D6B362; font-style:normal; font-weight:normal; text-decoration:none;}
H2 {margin:0px; font-family:Arial; font-size:16px; color:#000000; font-style:normal; font-weight:bold; text-decoration:none;}
H3 {margin:0px; font-family:Arial; font-size:16px; color:#000000; font-style:normal; font-weight:normal; text-decoration:none;}
H4 {margin:0px; font-family:Arial; font-size:14px; color:#000000; font-style:normal; font-weight:bold; text-decoration:none;}
H5 {margin:0px; font-family:Arial; font-size:14px; color:#000000; font-style:normal; font-weight:normal; text-decoration:none;}
H6 {margin:0px; font-family:Arial; font-size:12px; color:#000000; font-style:normal; font-weight:normal; text-decoration:none;}
P {margin:0px; font-family:Arial; font-size:12px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none;text-align:left;}
TD {margin:0px; font-family:Arial; font-size:12px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none;}
ADDRESS {margin:0px; font-family:Arial; font-size:12px; color:#D6B362; font-style:normal; font-weight:normal; text-decoration:none;text-align:left;}
PRE{margin:0px; font-family:Arial; font-size:11px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none;text-align:left;}
LI{margin:0px; font-family:Arial; font-size:12px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none;text-align:left;}
A{font-family:Arial; font-size:12px; color:#F7F7F7; font-style:normal; font-weight:normal; text-decoration:none;}
A:link{font-family:Arial; font-size:12px; color:#F7F7F7; font-style:normal; font-weight:normal; text-decoration:none;}
A:visited{font-family:Arial; font-size:12px; color:#F7F7F7; font-style:normal; font-weight:normal; text-decoration:none;}
A:hover{font-family:Arial; font-size:12px; color:#B5B5B5; font-style:normal; font-weight:normal; text-decoration:underline;}
A:active{font-family:Arial; font-size:12px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:underline;}
A.list_link{font-family:Arial; font-size:10px; color:#E0E0E0; font-style:normal; font-weight:normal;text-decoration:none;}
A.list_link:link{font-family:Arial; font-size:10px; color:#E0E0E0; font-style:normal; font-weight:normal;text-decoration:none;}
A.list_link:visited{font-family:Arial; font-size:10px; color:#E0E0E0; font-style:normal; font-weight:normal;text-decoration:none;}
A.list_link:hover{font-family:Arial; font-size:10px; color:#FFFFFF; font-style:normal; font-weight:normal;text-decoration:none;}
A.list_link:active{font-family:Arial; font-size:10px; color:#FFFFFF; font-style:normal; font-weight:normal;text-decoration:none;}
.formtxt{ font-family:Arial; font-size:12px; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none;}
.bouton{cursor:pointer; margin:2px;  font-family:Arial; font-size:12px; color:#D6B362; font-style:normal; font-weight:bold; text-decoration:none; background-color:#000000; border:solid #000000 1px; }
.page_table{display:table; width:100%;}
.page_colg{clear:left; display:block; float:left; width:auto;}
.page_colm{float:left; display:block; width:auto ;}
.page_cold{float:left; display:block; width:auto;}

/* DIVERS */
.amf{display: none; visibility:hidden;}
.sociallink div{float:center;text-align:center; height:20px;}
.sociallink {list-style:none;border:0px;text-align:center;}
.sociallink ul{float:center;text-align:center; padding:0px; margin:0px;}
.sociallink li{float:left;margin-left:5px;border:0px;text-align:center;}
.sociallink img{border:0px;text-align:center;}
.resoc{width:px;height:px;}
#zone_network{display:table;width:auto; padding:0px; height:px;}
#likefb{width:145px;float:left; text-align:center; height:px; vertical-align:middle;}
#social{width:auto;float:left; padding:0px;}

/* PRINT */

@media print {
#top,#bottom,#sideL,#sideR,#menug,#menuh,#menud,#menub,#divconteneur,#supersized-loader,#supersized { display: none; }
#god { font: 12px Arial; background-image:none;}
h1 { font-size: 18px; }
h2 { font-size: 16px; color: #000; }
}

/* TABLETTES PAYSAGE */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {  /* For general iPad layouts  */
#boss {width:auto;}
#site_table {width:auto;}
#area_I{width:auto;}
#main{width:auto;}
#top{width:auto;}

#overlay{background-color: #000000;padding-left:100px;}
#outerImageContainer{max-width: 760px; max-height: 600px; background-color:#FFFFFF; }
#imageContainer{ max-width: 760px; max-height: 600px;}
#imageDataContainer{ max-width: 760px; max-height: 580px;}
#lightboxImage{ max-width: 740px; max-height: 580px;}
#hoverNav{ max-height: 580px;}
#lightbox img{ max-width: 740px; max-height: 580px;}
}

/* TABLETTES PORTRAIT */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {  /* For general iPad layouts  */

#boss {width:auto;}
#site_table {width:auto;}
#area_I{width:auto;}
#main{width:auto;}
#top{width:auto;}

#overlay{background-color: #000000;padding-left:100px;}
#outerImageContainer{max-width: 760px; max-height: 600px; background-color:#FFFFFF; }
#imageContainer{ max-width: 760px; max-height: 600px;}
#imageDataContainer{ max-width: 760px; max-height: 580px;}
#lightboxImage{ max-width: 740px; max-height: 580px;}
#hoverNav{ max-height: 580px;}
#lightbox img{ max-width: 740px; max-height: 580px;}
}