/*/////////////////////
doreen code
/////////////////////*/
*
{
margin:0;
padding:0;
}
html
{
font-family:arial,verdana,futura,avenir,sans-serif;
color:#6f6a6a;
height:90%;
}
bodyhidden
{
height:90%;
width:100%;
overflow:hidden;
background-color:#ffffff;
cursor:default;
}
ul,li
{
padding:0;	
list-style-type:none;
}
a
{	
border:none;
outline:none;
color:#cc0066;
text-decoration:none;
}
#box
{
font-size:10px;
}
#cont {
text-align:left;
width:100%;
margin-left:10px;
overflow:auto;
}
#left
{
float:left;
width:1500px;
height:auto;
color:#28b2ae;
font-size:11px;
}

.top
{
margin-top:30px;
margin-left:auto;
width:2000px;
color:#cc0066;
font-size:13px;
}

.sep2
{
height:60px;
}

.Galleryright
{

width:auto;
height:auto;	
font-size:11px;
color:#6f6a6a;;
}
.right
{
overflow:auto;
width:auto;
height:30px;
font-size:10px;
color:#6f6a6a;
}
.bold
{
font-weight:bolder;
font-size:11px;
}
/*//////////////////////////////////////////////////////////////////////////////////
Gallery
//////////////////////////////////////////////////////////////////////////////////*/
.gallery
{
margin-top:30px;
margin-left:150px;
margin-right:5px;

}
.ImageInfos
{
float:left;
margin-left:20px;
}

.zoom
{
position:absolute;
right:0;
}
.image
{
position:relative;
/* border:1px solid black; */
text-align:center;
vertical-align:middle;
}
.infos
{
background-color:#ffffff;
text-align:left;
vertical-align:top;
height:200px;
position:relative;
margin-top:10px;
padding-left:4px;
padding-top:2px;
}
.Secondline
{
color:#a0a0a0;
}


table {border-collapse:collapse;border-spacing:20px;
}
img { border: 0; }
}
ul
{
padding-top:1.25em;
padding-bottom:.75em;
}
li
{	
font-size:100%;
line-height:260%;/* 65x4 */
display:block;
}
a.menu,a.menu:visited
{	
padding:2px;
margin:0px;
padding:1px 3px 1px 3px ;
font-size:90%;
color:black;
text-decoration:none;
border-bottom:0px solid #cc0066;
}
a.menu:hover
{
margin:0;
font-size:90%;
color:white;
padding:1px 3px 1px 3px ;
background-color:#cc0066;
text-decoration:none;
}
.menuActif
{
margin:0;
font-size:90%;
color:white;
padding:1px 3px 1px 3px ;
background-color:#28b2ae;
text-decoration:none;
}
/* .droiteGalerie
{
overflow-y:hidden;
} */
.gallery
{
margin-top:30px;
}
.news
{
margin-left:20px;
}
/*/
.sep
{
float:bottom;
width:33px;width:33px !important;
z-index:10;
top:0;
height:80.0%;
position:fixed;
background:url('/pics/line.png') repeat-7 0 0;
}
/* Start of Column CSS */
#container2 {
clear:left;
float:left;
width:100%;
overflow:initial;
background:#ffffff; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:50%;
background:#ffffff; /* column 1 background colour */
}
#col1 {
float:left;
width:46%;
margin-left:10px;
position:relative;
left:52%;
overflow:hidden;
}
#col2 {
float:left;
width:46%;
margin-left:30px;
position:relative;
left:56%;
overflow:initial;

}
#col3 {
float:left;
width:56%;
margin-left:10px;
position:relative;
left:52%;
overflow:hidden;
}
#col4 {
float:left;
width:36%;
margin-left:30px;
position:relative;
left:56%;
overflow:initial;

}

#footer {
clear:both;
float:left;
width:100%;
}
#footer p {
margin-left:2%;
padding-right:2%;
padding-top:100px;
color:#cccccc;
}
/*/
/*/////////////////////////////////////////////
mobile site
/////////////////////////////////////////////*/
@media only screen and (max-device-width:480px)
{
	body{
	-webkit-text-size-adjust:111% !important;
	}
	html{
	height:auto;
	}
	.page
	{
	padding-left:1em;
	font-size:200% !important;
	}
	#top
	{
	clear:both;width:auto;
	}
	.right
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.ImageInfos
	{
	padding-bottom:1em;
	clear:both;
	width:100%;
	}
	.infos
	{
	height:auto;
	padding-bottom:1em;
	clear:both;
	}
}
/*/////////////////////////////////////////////////////////////////////////
 MOBILE LANDSCAPE@media only screen and (max-device-width:640px) and (orientation:landscape)
/////////////////////////////////////////////////////////////////////////*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)
{
	body{
	-webkit-text-size-adjust:111% !important;
	}
	html{
	height:auto;
	}
	.page
	{
	padding-left:1em;
	font-size:200% !important;
	}
	#top
	{
	clear:both;width:auto;
	}
	.left
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.ImageInfos
	{
	padding-bottom:1em;
	clear:both;
	width:100%;
	}
	.infos
	{
	height:auto;
	padding-bottom:1em;
	clear:both;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)
{
	body{
	-webkit-text-size-adjust:111% !important;
	}
	html{
	height:auto;
	}
	.page
	{
	padding-left:1em;
	font-size:200% !important;
	}
	#top
	{
	clear:both;width:auto;
	}
	.left
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.ImageInfos
	{
	padding-bottom:1em;
	clear:both;
	width:100%;
	}
	.infos
	{
	height:auto;
	padding-bottom:1em;
	clear:both;
	}
}