body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Martel Sans', sans-serif;
	font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: 'Martel Sans', sans-serif;
	background-color: rgba(100, 100, 100, 1.000);
	background-image:url(images/Lueur42.jpgXX);
	background-image:url(images/Fd-Lin20.jpg);
	background-color:rgba(255,255,255,1.00);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position: center top;
	background-size:cover; background-size:contain;
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
body,td,th {
	color: rgb(255,255,255);
	color: rgb(102,102,102);
	color: rgb(51,51,51); color: rgb(30,30,30);
	font-size: 14px; 
	font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: 'Martel Sans', sans-serif;
}
a img  
{  
border: none;  
}
img  
{  
border: none;  
}
.FondGal {
	/* background-image:  url(images/Lueur4.png); */
	background-image:url(images/Fd-Lin20.jpgXX);
	opacity: 1.00;
    filter: alpha(opacity=100);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position: center top;
	background-size:cover; background-size:contain;
} 
#MenuGeneral{width:100%; top:0px; position:fixed; z-index:201; }
.FondBarreShadow {
	-moz-box-shadow: 0px 1px 2px rgb(190, 190, 190);
   	box-shadow: 0px 1px 2px rgb(190, 190, 190);
	-webkit-box-shadow: 0px 1px 2px rgb(190, 190, 190);
}
.FondBarreBis{
	background-color:rgba(255, 134, 0, 0.950);
	background-color:rgba(38, 48, 67, 1.000);
	background-color:rgba(141, 0, 122, 1.000);
	}
.TitreKoojak {
	font-size: 60px;
	color: #FFFFFF; color:rgb(48,155,138);  color:rgb(0,140,142); 
	color:rgb(0,140,142);
	font-family: "Times New Roman", Times, serif;
	letter-spacing:2px;
}
.sousTitreKoojak {
	font-size: 16px;
	color: #FFFFFF; color:rgb(48,155,138); color:rgb(0,140,142);
	font-family: "Times New Roman", Times, serif;
	letter-spacing:2px;
}
.lettre {
	font-size: 18px;
	color:#00B3B3;
	color:#3DB2AA; color:rgb(180,180,180);
}
.lettre a:link, a:active, a:hover, a:visited {
	text-decoration: none;
	color:#00B3B3; 
}
.byText{
	font-family: 'Martel Sans', sans-serif; font-size:0.8em; font-weight:200; padding:10px 10px 5px 10px;  float:left; text-decoration:underline;
}
.byText a:hover { font-weight:400; text-decoration:underline;}
.byText a::after { content: '  🔗'; font-size:0.8em; margin-left:8px; display:inline-block; }
.comment {
	font-size: 12px;
	color:#3DB2AA; color:rgb(153,153,153); color:#898989;  
	font-style:normal;
	letter-spacing:0em;
	margin-bottom:6px; padding-bottom:0px;
}
.commentNecessaireNO {
	border-bottom: solid 1 rgb(224, 135, 17);
}
.commentNecessaire:before {
	content: "\25aa";
	font-size:10px;
    margin-right: 2px;
}
.addTitle{
	color:rgb(0,140,142); color:rgb(255,66,2);
	font-weight:bold;
}
.infoTitle{
 color:rgb(255,66,2);  color:rgb(50,50,50); color:rgba(255,255,255,1.00);
 font-weight:300;
	letter-spacing:3;
	font-size:1.8em;
}
.cadreInfo{
  display:inline-block;
  max-width:350px; margin:8px 15px 8px 15px; padding: 7px 20px 4px 20px; font-size:0.9em; line-height:1.2em; font-weight:500; background-color:rgba(255,255,255,0.50); color:rgba(55,55,55,1.00); vertical-align:top;
}
.cadreInfoSous{ margin:8px 0px 8px 0px;
   padding: 7px 20px 4px 20px; line-height:1.2em; font-weight:300; background-color:rgba(255,255,255,0.60); color:rgba(55,55,55,1.00);
}
#ListeMarques {
	font-size: 14px;
}
#ListeMarques a:link, a:active, a:visited {
	padding: 2px 2px 0px 2px;
	text-decoration: none;
	color:rgb(30,30,30);
}
#ListeMarques a:hover {
	text-decoration: none;
	background-color:rgb(0,140,142);
	color:rgb(255, 255, 255);
}
#MarqueTitre {
	font-size: 20px;
	color:#666666; color:rgb(255,255,255);
	letter-spacing:0.1em;
}
.rotated{
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.mirror {
    display:block; 
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"] {
  width : 220px; width:190px;
  background: url(images/input-sousligne2.png) repeat left;
  border:none; border-width:0px;
  margin: 0px 0px 0px 5px ;
  color:rgb(255,255,255); color:rgb(51,51,51);
  font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px; letter-spacing:0.1em;
  font-weight:normal; font-weight:100;
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.styled-select select {
   width: auto;
   padding: 0px 2px 0px 6px;
   font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16px; letter-spacing:0.1em;
   color:rgb(255,255,255); color:rgb(51,51,51);
   background: transparent;
   line-height: 1.3;
   border: 0;
   border-radius: 0;
   height: 24px; height: 20px;
   -webkit-appearance: none;
}
.styled-select {
   margin: 2px 2px 5px 0px ;
   width: 180px;
   height: 24px; height: 20px;
   overflow: hidden;
   border: 0px solid #ccc;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.styled-select:hover select:hover {
	background: no-repeat left #E0E0E0;
}
.styled-select-menu select {
   padding: 0px 2px 0px 6px;
   font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:12px; letter-spacing:0.1em;
    color:rgb(50,50,50);  color:rgb(255,255,255);
   background: transparent;
   line-height: 1.3;
   border: 0;
   border-radius: 0;
   height: 24px; height: 20px;
   -webkit-appearance: none;
}
.styled-select-menu {
   margin: 2px 2px 5px 0px ;
   height: 18px;
   overflow: hidden;
   border: 0px solid #ccc;
   -webkit-border-radius: 10px; 
   -moz-border-radius: 10px;
   border-radius: 10px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(200, 200, 200);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgb(200, 200, 200);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgb(200, 200, 200);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: rgb(200, 200, 200);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgb(200, 200, 200);
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: rgb(200, 200, 200);
}
.myButton {
	font-size:1em;
	font-family: 'Expletus Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
   overflow: hidden;
   border: 0px solid #ccc;
   padding: 4px 6px 2px 6px;
   background-color:rgb(255,66,2); background-color:rgba(255, 134, 0, 1.000);
   color:rgb(255,255,255); 
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   		-moz-box-shadow: 0px 1px 2px #2A4240; 
   		box-shadow: 0px 1px 2px #2A4240;
   		-webkit-box-shadow: 0px 1px 2px #2A4240; 
   		-webkit-appearance: none; 
	cursor:pointer;
}
.myButton:hover {
	background-color:rgb(255,255,255);
   	color:rgb(255,66,2); 
	-moz-box-shadow: inset 2px 1px 2px #2A4240; 
  	box-shadow: inset 2px 1px 2px #2A4240;
  	-webkit-box-shadow: inset 0px 1px 2px #2A4240; 
}
.myButtonGrey { background-color:rgb(102,102,102);}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.boutonChoixLeft {
	z-index:1;
   width: 100px;
   height: 16px;
   padding: 0px 0px 0px 0px;
   font-size:12px;  letter-spacing:1;
   line-height:1.7;
   overflow: hidden;
   border-style:solid;
	border-width:1px 0px 1px 1px;
	border-color:rgb(200, 200, 200);
   background-color:rgb(255,255,255);
   -webkit-border-radius: 2px 0px 0px 2px;
   -moz-border-radius: 2px 0px 0px 2px;
   border-radius: 2px 0px 0px 2px;
}
.boutonChoixRight {
	z-index:1;
   width: 100px;
   height: 16px; letter-spacing:1;
   padding: 0px 0px 0px 0px;
   font-size:12px;
   line-height:1.7;
   overflow: hidden;
   border-style:solid;
	border-width:1px 1px 1px 0px;
	border-color:rgb(200, 200, 200);
   background-color:rgb(255,255,255);
   -webkit-border-radius: 0px 2px 2px 0px;
   -moz-border-radius: 0px 2px 2px 0px;
   border-radius: 0px 2px 2px 0px;  
}
.boutonChoixSelectLeft {
	z-index:100000;
	color:rgb(255,255,255); 
	background-color:rgb(45,137,12);
	background-color:rgb(0,140,142);
	background-color:rgb(255,66,2);
	border-color:rgb(45,137,12);
	border-color:rgb(255,66,2);
	border-width:1px 1px 1px 1px;
}
.boutonChoixSelectRight {
	color:rgb(255,255,255); 
	background-color:rgb(45,137,12);
		background-color:rgb(0,140,142);
		background-color:rgb(255,66,2);
	border-color:rgb(45,137,12);
	border-color:rgb(255,66,2);
	border-width:1px 1px 1px 1px;
}
input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:22px;
							height:18px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:16px;
							line-height:22px;
							vertical-align:middle;
							cursor:pointer;
							margin-bottom:8px;
							color:rgb(102,102,102);
						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -18px;
							color:rgb(51,51,51);
						}
						label.css-label {
				background-image:url(images-anex/csscheckbox_4.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
}
.myBullet{font-size:9px;}
.photoCadreGalSUP {position:relative; padding-bottom:15px; padding-bottom:0px;}
.photoCadreGalSUP:hover {z-index:100000000; position:relative;}
.photoCadreGal {
	width:220px; max-width:220px; 
	font-weight:600;
	font-size:0.9em;
	color:rgb(155,155,155);
	z-index:50;
	-webkit-border-radius: 1px 1px 1px 1px;
   	-moz-border-radius: 1px 1px 1px 1px;
	border-radius: 1px 1px 1px 1px;
margin: 0px 2px 20px 26px;
border: solid 0px rgba(235,235,235,1.00);
padding:0px 0px 0px 0px; padding:14px; 
display: -moz-inline-box; display: inline-block;
overflow:hidden;
position:relative; vertical-align:top; 
background-color:transparent;
background-color:rgb(255,255,255);
	-moz-box-shadow: 0px 1px 3px rgb(150, 150, 150);
   	box-shadow: 0px 1px 3px rgb(150, 150, 150);
	-webkit-box-shadow: 0px 0px 2px rgb(120, 120, 120);
}

.photoCadreGalClone {
	top:0px; left:0px; margin-top:0px; z-index:50000;
	text-align:center;
	max-width:400px;
	overflow:hidden;  
	font-weight:600;
	font-size:0.9em;
	color:rgb(155,155,155);
	-webkit-border-radius: 1px 1px 1px 1px;
   	-moz-border-radius: 1px 1px 1px 1px;
	border-radius: 1px 1px 1px 1px;
width:100%; height:100%;
margin: 0px 2px 0px 0px;
border: solid 0px rgba(235,235,235,1.00);
padding:0px 0px 0px 0px; padding:14px; 
background-color:rgb(255,255,255);
	-moz-box-shadow: 0px 0px 2px rgb(120, 120, 120);
   	box-shadow: 0px 0px 2px rgb(120, 120, 120);
	-webkit-box-shadow: 0px 0px 2px rgb(120, 120, 120);
}
.photoCadreGalClone .gliss {
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px 6px 0px 6px;
}
.photoCadreGalClone .photoInsideIMG {
	filter: saturate(110%) brightness(1.05) contrast(100%);
	-moz-filter: saturate(110%) brightness(1.05) contrast(100%);
	-o-filter: saturate(110%) brightness(1.05) contrast(100%);
	-ms-filter: saturate(110%) brightness(1.05) contrast(100%);
	-webkit-filter: saturate(110%) brightness(1.05) contrast(100%);
	margin-top:-20px;
}
.photoCadreGalClone .infoBas { display:block;}
.photoCadreGal:hover {
	-moz-box-shadow: 0px 5px 50px 20px rgba(0, 0, 0, 0.8);
   	box-shadow: 0px 5px 50px 20px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 5px 50px 10px rgba(0, 0, 0, 0.8);
	padding:0px 0px 0px 0px; 
	background-color:rgb(255,255,255);
}
.photoCadreGalBlog {
	font-weight:600;
	font-size:0.8em;
	max-width:85%;
	color:rgb(155,155,155);
	-moz-box-shadow: 0px 0px 1px rgb(80, 80, 80);
   	box-shadow: 0px 0px 1px rgb(80, 80, 80);
	-webkit-box-shadow: 0px 0px 1px rgb(80, 80, 80);
	-webkit-border-radius: 0px;
   	-moz-border-radius: 0px;
	border-radius: 0px;
	position:relative;	z-index:50;
	background-color:rgb(255,255,255);
	padding:10px;
	margin-bottom:10px;
}
.photoCadreGalBlog:hover {
	-moz-box-shadow: 0px 1px 5px rgb(80, 80, 80);
   	box-shadow: 0px 1px 5px rgb(80, 80, 80);
	-webkit-box-shadow: 0px 1px 5px rgb(80, 80, 80);
}
.loupeImage{ display:none;}
.photoCadreGal:hover .loupeImage{ display:block;}
.MessagesCadreGal {
	background-color:rgb(255,255,255);
	font-weight:600;
	color:rgb(75,75,75);
	font-size:12px;
	font-weight:bold;
	color:rgb(155,155,155);
	border: solid 0px #000;
	z-index:50;
		-webkit-border-radius: 3px;
   		-moz-border-radius: 3px;
   		border-radius: 3px;
	-moz-box-shadow: 0px 1px 2px #7F7F7F; 
   	box-shadow: 0px 1px 2px #7F7F7F;
	-webkit-box-shadow: 0px 1px 2px #7F7F7F;
	margin:7px 2px 20px 2px; display: -moz-inline-box; display: inline-block; 	
	position:relative; vertical-align:top; 
}
.photoInsideBlog2 {
	background-size:100%; background-position:center;
	cursor:pointer;
	position:relative;
	z-index:1;
	margin:0px;
	margin-bottom:4px;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	width:100%;
	}
.photoInside {
	position:relative;
	z-index:1;
	margin:8px; margin:0px; 
	margin-bottom:0px;
	padding:1px 1px 0px 1px; padding:0px;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	cursor:pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
	border: 1px solid rgba(140,140,140,1.00);
	border: 1px solid rgba(240,240,240,1.00);
}
.photoCadreGal:hover .photoInside {
	border: 0px;
	border-bottom: 1px solid rgba(140,140,140,1.00);
	margin:0px;
}
.gliss{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-top:5px; margin-top:12px; padding:0px;
	}
.photoCadreGal:hover .gliss {
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px 6px 0px 6px;
}
.photoInsideIMG {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	filter: saturate(90%) brightness(1.00) contrast(105%);
	-moz-filter: saturate(90%) brightness(1.00) contrast(105%);
	-o-filter: saturate(90%) brightness(1.00) contrast(105%);
	-ms-filter: saturate(90%) brightness(1.0) contrast(105%);
	-webkit-filter: saturate(75%) brightness(1.05) contrast(105%);
	-moz-box-shadow: 0px 0px 0px 0px rgb(0, 0, 0);
	transform:scale(1.0);
    -ms-transform:scale(1.0); /* IE 9 */
    -moz-transform:scale(1.0); /* Firefox */
    -webkit-transform:scale(1.0); /* Safari and Chrome */
    -o-transform:scale(1.0); /* Opera */
   	box-shadow: 0px 0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px 0px rgb(0, 0, 0);
	padding:0px; margin:0px;
}
.photoCadreGal:hover .photoInsideIMG {
	filter: saturate(110%) brightness(1.05) contrast(100%);
	-moz-filter: saturate(110%) brightness(1.05) contrast(100%);
	-o-filter: saturate(110%) brightness(1.05) contrast(100%);
	-ms-filter: saturate(110%) brightness(1.05) contrast(100%);
	-webkit-filter: saturate(110%) brightness(1.05) contrast(100%);
	margin-top:-20px;
}
.ShareIcone {
	margin:5px 10px 7px 10px;
}
.InsideIMGblog{
	width:100%;
}
.photoCadreGal:hover .InsideIMGblog {
	
}

.photoCadreGal:hover .photoInsideBlog2 {
	margin:0px; text-align:center; margin-left:-18%;
	width:130%;
}
.photoCadreGal:hover .imagexx {
	margin-top:-30px;
	margin-top:0px;
}
.infoBas{ display:none;}
.photoCadreGal:hover .infoBas { display:block;}
.texteShow {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-family: 'Martel Sans', sans-serif;
	font-weight:300;
	color:rgb(100,100,100);
	color:rgb(150,150,150); color:rgb(120,120,120);
	font-size:0.9em;
	line-height:1.4em;
	padding:0px 2px 2px 2px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.texteShow a {
	color:rgb(100,100,100);
	color:rgb(150,150,150); color:rgb(120,120,120);
}
.photoCadreGal:hover .texteShow {
}
.photoCadreGal:hover .texteShow a {
	color:rgba(80,80,80,1.00);
}
.photoCadreGal:hover .ShareIcone {
	margin:0px 10px 5px 10px;
}
.photoInsideBlog {
	background-size:100%; background-position:center;
	-webkit-border-radius: 0px 0px 0px 0px;
   	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	background-size:100%;
	cursor:pointer;
	}
.photoDetailInside {
	background-size:100%; background-position:center;
	-webkit-border-radius: 2px 2px 2px 2px;
   	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background-size:100%;
	}
.photoDetailInsideIMG {
	background-size:100%; background-position:center;
	-webkit-border-radius: 2px 2px 2px 2px;
   	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	background-size:100%;
	}
.photoCadre {
	background-size:125%;
	background-position:center;
	-moz-box-shadow: inset 0px 0px 3px #000000; 
   	box-shadow: inset 0px 0px 3px #000000;
	-webkit-box-shadow: inset 0px 0px 3px #000000;
	   	-webkit-border-radius: 3px;
   		-moz-border-radius: 3px;
   		border-radius: 3px;
}
.cadreAnnonceShow {
	position: relative; padding: 0px 0px 0px 0px; max-width: 600px; width: 100%; overflow: hidden;
	-moz-box-shadow:  0px 1px 2px #7F7F7F;
   	box-shadow:  0px 1px 2px #7F7F7F;
	-webkit-box-shadow:  0px 1px 2px #7F7F7F;
	   	-webkit-border-radius: 3px;
   		-moz-border-radius: 3px;
   		border-radius: 3px;
}
.OngletBas{  margin-top:5px; text-align:right; overflow:hidden; background-color:rgba(255,255,255,1.00); background-image:url(images/Fond-Onglet-Share82.jpg); background-size:26 40; background-position:bottom; background-repeat:repeat-x;  position:relative; font-family: 'Expletus Sans', sans-serif; display:none;
-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.photoCadreGal:hover .OngletBas { display:block; }
.iconeOnglet { width:16px; height:16px; margin:4px auto 4px auto; display:block; text-align:center; }
.annonceBasLogo{ overflow:hidden; border: solid; vertical-align:top; border-color:rgb(204,204,204); border-width:0px 0px 0px 1px; cursor:pointer; position:relative; font-size:0.8em; font-weight:normal; color:rgb(100,100,100); display:inline-block; text-align:center;
width:24%; padding-bottom:2px; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	opacity: 0.6;
	filter: alpha(opacity = 60);
 }
.annonceBasLogo:hover{  color:rgb(100,100,100); background-color:rgb(230,230,230);  
}
.photoCadreGal:hover .annonceBasLogo {opacity: 1.0; filter: alpha(opacity = 100);}
.photoCadreGalBlog:hover .annonceBasLogo {opacity: 1.0; filter: alpha(opacity = 100);}
 .annBLGauche{ border-width:0px 0px 0px 0px;
 -webkit-border-radius: 0px 0px 0px 3px; -moz-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px;}
 .annBLDroite{ border-width:0px 0px 0px 1px;
 -webkit-border-radius: 0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px;}

div.infoPopup {
    display: none;
}

a:hover + div.infoPopup {
    display: block;
}

.arrangePhoto { padding-top:6px; margin:2px 0px 0px 0px; padding:3px;  background-color:rgb(220,220,220);  color:rgb(30,30,30); overflow:hidden; text-align:center;  cursor: hand; }
.arrangePhoto:hover { background-color:rgb(255,66,2); border-color:rgb(255,66,2); color:rgb(255,255,255); }


.photoCadrePlus {
		z-index:111;
}
.PhotoTexte {
	font-family: 'Martel', serif;
	font-family: 'Martel Sans', sans-serif;
	font-weight:400;
	font-size:1em;
	color:rgba(0,0,0,1.00);
}
.photoCadreGalBlog:hover .PhotoTexte {
	font-size:1.1em; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

.photoCadreGalAnnonce {
	font-weight:600;
	font-size:0.8em;
	color:rgb(155,155,155);
	-moz-box-shadow: 0px 0px 1px rgb(80, 80, 80);
   	box-shadow: 0px 0px 1px rgb(80, 80, 80);
	-webkit-box-shadow: 0px 0px 1px rgb(80, 80, 80);
	-webkit-border-radius: 0px;
   	-moz-border-radius: 0px;
	border-radius: 0px;
	position:relative;	z-index:50;
	background-color:rgb(255,255,255);
	padding:10px;
}
.photoCadreGalAnnonce:hover {
	-moz-box-shadow: 0px 1px 5px rgb(80, 80, 80);
   	box-shadow: 0px 1px 5px rgb(80, 80, 80);
	-webkit-box-shadow: 0px 1px 5px rgb(80, 80, 80);
}
.photoCadreGalAnnonce:hover .annonceBasLogo {opacity: 1.0; filter: alpha(opacity = 100);}
.photoCadreGalAnnonce:hover .PhotoTexte {
	font-size:1.1em; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}


.PhotoInsideTexte {
	background-color:rgb(255,255,255);
		-webkit-border-radius: 3px 3px 0px 3px;
   		-moz-border-radius: 3px 3px 0px 3px;
   		border-radius: 3px 3px 0px 3px;
}
.photoMini {
		border: solid 1px #CCCCCC;
		margin: 0px;
}
.seeMore {
	color:rgb(45,137,12);
}
.seeMore:hover {
	color:rgb(255,153,0); cursor: hand;
}
#bigPhoto  {
	width:100%;
	max-width: 100%;
	max-height: 100%;
}
#divModalDialogINF  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*! important !*/
    /* last attribute set darkness on scale: 0...1.0 */
    text-align:center;
    z-index:1;
}
#divModalDialog  {
	pointer-events: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    z-index:101;
}
#divModalDialogSup  {
	    text-align:center;
	vertical-align:central;
    z-index:100000;
	position:fixed;
    top:0;
    left:0; display:none; 
	background-color:rgba(0,0,0,0.93);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
	width:100%; height:100%;
	z-index:11000;
}
.quittCross {
	width:50px; height:50px;
	margin: 0px;
	position:absolute;
   -webkit-border-radius: 50px; 
   -moz-border-radius: 50px;
   border-radius: 50px;
   font-family: 'Martel Sans', sans-serif;
   font-size:40px;
      line-height:54px;
   text-align:center; vertical-align:central;
   z-index:20000;
   cursor: hand;
   color:rgb(255,0,0);
	background-color:rgb(255,255,255);
   border: solid 2px rgb(255,66,2);
   cursor:pointer;
}
.quittCross:hover {
	background-color:rgb(255,66,2);
	color:rgb(255,255,255);
}
.quittCrossSmall {
	width:20px; height:16px;
	margin: 3px;
	position:absolute;
   -webkit-border-radius: 25px ;
   -moz-border-radius: 25px;
   border-radius: 25px;
   font-size:20px; line-height:18px;
   padding-top:4px;
   text-align:center; vertical-align:central;
   z-index:2000;
   cursor: hand;
   color:rgb(255,0,0);
	background-color:rgb(255,255,255);
   border: solid 2px rgb(255,66,2);
}
.quittCrossSmall:hover {
	background-color:rgb(255,66,2);
	color:rgb(255,255,255);
}
.quittCrossMini {
	width:40px; height:37px;
	margin: 5px;
	line-height:38px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   font-size:30px;
}
.MenuCadre {
	font-family: 'Martel Sans', sans-serif;
	font-weight:200; font-weight:300; font-weight:600;
	display:inline-block; vertical-align:top; line-height:34px;
	font-size:1em; font-size:0.9em;
   overflow: hidden;
   margin:0px; padding:0px 5px 0px 5px;
   float:right;
   border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:rgba(155,155,155,0.90);
   cursor:pointer;
   color:rgb(200,200,200);  color:rgb(100,100,100); color:rgb(255,255,255);
}
.MenuCadreSelect {
	color:rgb(255,255,255);  border-color:rgb(200, 200, 200);
	background-color:rgb(190,190,190);
}
.MSCHover:hover {
	background-color:rgb(255,66,2); color:rgb(255,255,255);
	moz-box-shadow: inset 2px 1px 2px #2A4240; 
  	box-shadow: inset 2px 1px 2px #2A4240;
  	-webkit-box-shadow: inset 0px 1px 5px rgb(0,0,0); 
}
.btManage{ width:50px; font-size:11px; letter-spacing:0; line-height:13px; padding:4px 12px 14px 12px; float:left; height:26px; margin:0px; background-color:rgb(220,220,220); background-color:rgb(235,235,235); color:rgb(70,70,70); overflow:hidden; text-align:center; border: solid; border-color:rgb(204,204,204); border-width:0px 0px 0px 1px; position:relative; z-index:20; overflow:visible; cursor:hand; cursor:pointer;
 }
.btManage:hover {  background-color:rgb(255,66,2); border-color:rgb(255,66,2); color:rgb(255,255,255); 
}
.btManageNBR{ width:30; height:21px; position:absolute; top:30px; margin-left:10px; background-color:rgb(255,66,2); color:rgb(255,255,255); font-size:12px; padding-top:9px; text-align:center;  -webkit-border-radius: 20px;  -moz-border-radius: 20px; border-radius: 20px; cursor:hand; cursor:pointer;
-moz-box-shadow: 0px 2px 3px #7F7F7F; 
box-shadow: 0px 2px 3px #7F7F7F;
-webkit-box-shadow: 0px 2px 3px #7F7F7F;
}
.btMod{ width:34; height:24px; position:relative; top:-13px;  background-color:rgb(255,66,2); color:rgb(255,255,255); font-size:12px; padding-top:9px; text-align:center;  -webkit-border-radius: 22px;  -moz-border-radius: 22px; border-radius: 22px; cursor:hand; cursor:pointer; font-weight:normal; border:rgb(255,66,2) solid 1px;  display: inline-block;
}
.btMod:hover{color:rgb(255,66,2); background-color:rgb(255,255,255); }
.btPlusMod{ width:48; height:42px; position:relative; background-color:rgb(255,66,2); color:rgb(255,255,255); font-size:12px; line-height:13px; padding-top:6px; text-align:center;  -webkit-border-radius: 32px;  -moz-border-radius: 32px; border-radius: 32px; cursor:hand; cursor:pointer; font-weight:normal; border:rgb(255,66,2) solid 1px;
}
.btPlusMod:hover{color:rgb(255,66,2); background-color:rgb(255,255,255); }

.trou{ width:34; height:24px; position:relative; margin-top:20px; margin-bottom:-54px; background-color:rgb(255,66,2); color:rgb(255,255,255); font-size:12px; padding-top:9px; text-align:center;  -webkit-border-radius: 22px;  -moz-border-radius: 22px; border-radius: 22px; cursor:hand; cursor:pointer;  	background:url(images/Fond-cross-7x.jpg) repeat fixed;

-moz-box-shadow: 0px 1px 10px rgb(150, 150, 150) inset;
   	box-shadow: 0px 1px 10px rgb(150, 150, 150) inset;
	-webkit-box-shadow: 0px 1px 10px rgb(150, 150, 150) inset;
}
.comptePOP { 
	width:400px; min-height:200px; position:relative; top:0px;  z-index:500001; background-color:rgba(255,255,255,0.85); color:rgb(255,66,2); display:table-cell; vertical-align:middle; padding:10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.popAction{background-color:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0px; z-index:400000; display:none}

.nhpup { background-color:rgba(255,255,255,1.00);}

.BasDePage { width:100%;  background-color:rgba(230,230,230,1.00); background-color:rgba(255,255,255,0.92);  margin: 100px 0px 0px 0px; vertical-align:top; display:inline-block; padding:10px 0px 80px 0px;
position:relative; z-index:1;
 }
.BasDePageCadre { width:27%; min-width:300px; max-width:98%;  min-height:100px; display:block; float:left;
font-family: 'Martel Sans', sans-serif;
text-align:left;
font-size:0.85em;
font-weight:200;
padding:0px 15px 15px 15px;
margin:50px 1% 50px 2%; 
border-left: 10px solid rgba(255,255,255,1.00);
border-left: 6px solid rgba(220,220,220,1.00);
font-weight:200; color:rgba(40,40,40,1.00);
}
.BasDePageCadre a { font-weight:200; color:rgba(40,40,40,1.00); text-decoration:underlineX;}
.BasDePageCadre a::after { content: '  🔗'; font-size:0.8em; margin-left:8px;}
.BaseDePageTitre{ font-size:1.1em;  font-weight:500; color:rgb(225, 155, 91); color:rgb(255, 134, 0); color:rgba(141, 0, 122, 1.000);}


<!-- CSS FOR HautDePage -->
<style type="text/css">
.solar { 
   -moz-transform: scale(0.75);
   -webkit-transform: scale(0.75);
   -o-transform: scale(0.75);
   transform: scale(0.75);
   -ms-transform: scale(0.75);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=0.75, M12=-0, M21=0, M22=0.75);
   }
@media only screen and (max-width: 700px) {
	body {
	margin-left: 0px;
	margin-top: 80px;
	}
	div.MenuLarge {
		visibility:hidden;
		display:none;
	}
	#SearchBarre {
		visibility:hidden;
		display:none;
	}
	#LogoMenuDiv{
		background:url('images/koojak-logo-73-mini.png'); width:200px; height:35px;
		display:inline-block; margin:15px 0px 15px 0px; vertical-align:top; overflow:hidden; cursor:pointer;
		}
	div.CompteNom {
		visibility:hidden; display:none; height:0px; width:0px; margin-top:-40px; padding:0px;
		}
	#MenuGeneralMask{ max-height:50px;}
	#MenuTrait{ width:60px;}
	#MenuContext{ float:right; right:0px;  }
	.MenuSousCadre {
	height:40px; width:250px;
	background-color:rgb(200,200,200); color:rgb(70,70,70); vertical-align:top;
	line-height:40px; font-size:20px; font-weight:normal;
   overflow: hidden;
   padding:0px 8px 0px 8px; 
   border-style:solid;
	border-width:0px 1px 1px 1px;
	 border-color:rgb(100, 100, 100);
 background-color:rgb(255,255,255); 
   color:rgb(170,170,170);
   cursor: hand;  position:relative;
   z-index:200;
	}
}
@media only screen and (min-width: 700px) {
	body {
	margin-left: 0px;
	margin-top: 120px;
	}
	#LogoMenuDiv{ background:url('images/koojak-logo-5001.png'); width:150px; height:70px;
	display:inline-block; margin:15px 0px 15px 0px; vertical-align:top; overflow:hidden; cursor:pointer;
	}
	#MenuTrait{ width:60px;}
	#MenuContext{ float:right; right:0px;  }
	.MenuSousCadre {
	height:40px; width:250px;
	background-color:rgb(200,200,200); color:rgb(70,70,70); vertical-align:top;
	line-height:40px; font-size:20px; font-weight:normal;
   overflow: hidden;
   padding:0px 8px 0px 8px; 
   border-style:solid;
	border-width:0px 1px 1px 1px;
	 border-color:rgb(100, 100, 100);
 background-color:rgb(255,255,255); 
   color:rgb(170,170,170);
   cursor: hand;  position:relative;
   z-index:200;
	}
}
@media only screen and (max-device-width: 400px) and (orientation: portrait) {
	body {
	margin-left: 0px;
	margin-top: 70px;
	}
	#MenuGeneral{width:100%;  top:0px; position:fixed; z-index:201; }
	#LogoMenuDiv { display:inline-block; margin:15px 0px 15px 0px; vertical-align:top; overflow:hidden; cursor:pointer;}
	#LogoMenuDivVer{ display:noneXX }
	#MenuTrait{ width:60px;}
	#MenuContext{ float:right; right:0px; }
}
@media only screen and (max-device-width: 700px) and (orientation: landscape) {
	body {
	padding-left: 40px;
	margin-left: 0px;
	margin-top: 0px;
	}
	#MenuGeneral{width:40px; height:100%; left:0px; top:0px; position:fixed; z-index:201; }
	#LogoMenuDiv { display:none }
	#LogoMenuDivVer{ display:inline-block; margin:15px 0px 15px 0px; vertical-align:top; overflow:hidden; cursor:pointer; background:url('images/koojak-logo-73-mini-ver.png');  width:35px; height:200px; }
	#MenuTrait{ width:40px;}
	#MenuContext{ float:left; left:0px; }
}
</style>