/*/////////////////////
Mise en page principale
/////////////////////*/
*
{
margin:0;
padding:0;
}
html
{
font-family:arial,verdana,sans-serif;
color:black;
height:100%;
}
body
{
height:100%;
width:100%;
overflow:hidden;
background-color:#f2f2f2;
cursor:default;
}
ul,li
{
padding:0;	
list-style-type:none;
}
a
{	
border:none;
outline:none;
color:#fc1d87;
text-decoration:none;
}
table
{
font-size:10px;
}
#conteneur {
text-align:left;
width:100%;
margin-left:0;
overflow:auto;
}
#gauche
{
float:left;
width:230px;
height:100%;
color:black;
}
.droiteGalerie
{
overflow:auto;
width:auto;
height:100%;	
font-size:10px;
color:black;
}
.droite
{
overflow:auto;
width:auto;
height:100%;
font-size:10px;
color:black;
}
.gras
{
font-weight:bolder;
font-size:11px;
}
/*//////////////////////////////////////////////////////////////////////////////////
Les galeries
//////////////////////////////////////////////////////////////////////////////////*/
.galerie
{
margin-top:42px;
margin-left:auto;
margin-right:auto;
width:1000px;
}
.blocImageInfos
{
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:#f2f2f2;
text-align:left;
vertical-align:top;
height:42px;
position:relative;
margin-top:10px;
padding-left:4px;
padding-top:2px;
}
.lignesSecondaires
{
color:#a0a0a0;
}
.buy
{
position:absolute;
top:8px;
right:5px;
}
/*//////////////////////////////////////////////////////////////////////////////////
Les News
//////////////////////////////////////////////////////////////////////////////////*/
.galerieNews
{
margin-left:auto;
margin-right:auto;
margin-top:30px;
/* border:1px solid black; */
/*margin-left:10px;*/
}
.news
{
margin-left:auto;
margin-right:auto;
background-color:white;
width:475px !important;
margin-top:20px;
padding:20px;
}
/*//////////////////////////////////////////////////////////////////////////////////
Section Admin
//////////////////////////////////////////////////////////////////////////////////*/
fieldset
{
width:70%;
padding-bottom:10px;
}
legend
{
font-weight:bolder;
font-size:12px;
color:black;
margin-left:10px;
margin-bottom:6px;
}
.login
{
background-color:#f8f6f6;
width:250px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:20px;
text-align:center;
margin-top:80px;
border:1px dashed black;
}
.menuAdmin
{
background-color:#f8f6f6;
width:250px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:30px;
margin-top:80px;
border:1px dashed black;
text-align:left;
}
.warning
{
font-weight:bold;
font-size:12px;
color:#FF6666;
}
.ok
{
font-weight:bold;
font-size:12px;
color:#0099FF;
}
.nouvelleEntree
{
background-color:#f8f6f6;
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:20px;
margin-top:15px;
margin-bottom:30px;
border:1px dashed black;
text-align:center;
}
.adminGalerie
{
background-color:#f8f6f6;
width:700px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
border:1px dashed black;
text-align:center;
}
.affichageImage
{
background-color:#f8f6f6;
width:150px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:20px;
border:1px dashed black;
text-align:center;
display:inline;
height:100%;
}
.titreMenuAdmin
{
font-weight:bolder;
font-size:11px;
text-align:center;
padding-bottom:20px;
width:auto;
}
.texteMenuAdmin
{
margin-left:20px;
}
input.password
{
border:#aeaeae 1px solid;
color:black;
background-color:white;
width:150px;
}
input.file
{
border:#aeaeae 1px solid;
color:black;
background-color:white;
width:315px;
height:20px;
}
input.submit
{
border:#aeaeae 1px solid;
font-size:10px;
color:black;
width:100px;
}
input.text
{
border:#aeaeae 1px solid;
color:black;
background-color:white;
height:20px;
width:315px;
}
.selectAnnee
{
border:#aeaeae 1px solid;
color:black;
background-color:white;
width:110px;
}
.couleur
{
width:10px;
height:10px;
border:1px solid black;
display:inline;
}
input.news
{
border:#aeaeae 1px solid;
color:black;
background-color:white;
height:60px;
width:315px;
}
.textareaNews
{
width:400px;
height:250px;
font-size:11px;
}
/*//////////////////////////////////////////////////////////////////////////////////
Calendrier
//////////////////////////////////////////////////////////////////////////////////*/
.ds_box {
background-color:white;
border:1px solid #000;
position:absolute;
z-index:32767;
}
.ds_tbl {
background-color:white;
}
.ds_head {
background-color:#333;
color:white;
font-size:13px;
font-weight:bold;
text-align:center;
letter-spacing:2px;
}
.ds_subhead {
background-color:#CCC;
color:#000;
font-size:12px;
font-weight:bold;
text-align:center;
width:32px;
}

.ds_cell {
background-color:#EEE;
color:#000;
font-size:13px;
text-align:center;
padding:5px;
cursor:pointer;
}
.ds_cell:hover {
background-color:#F3F3F3;
} 
/* This hover code won't work for IE */
.biotitre {
font-size:9px;
color:#666666;
text-decoration:none;
background-color:white;
font-weight:bolder;
font-style:normal;
}
/*////////////////////////////////////////////////////////////////////////////////
GREG ZONE
//////////////////////////////////////////////////////////////////////////////////
Regles html:
img = alt="" + />
<br> = <br />
& = &amp;
meta + link = " />
NO CAPS in non php code
<	= &lt;
>	= &gt;
*/
.menuhaut{width:230px;width:230px !important;height:68px !important; background:url('/pics/menu_haut.png') no-repeat top center;
}
.menumilieu{width:230px;width:230px !important;background:url('/pics/menu_milieu.png') repeat-y;
}
.menubas{font-size:10px;width:230px !important; height:140px; background: url('/pics/menu_bas.png') no-repeat top center;
}
.menuul{width:230px;width:230px !important;padding-left:22%;
}
table {border-collapse:collapse;border-spacing:0;
}
img{border:none;border:0;
}
ul
{
padding-top:1.25em;
padding-bottom:.75em;
}
li
{	
font-size:65%;
line-height:260%;/* 65x4 */
display:block;
}
a.menu,a.menu:visited
{	
padding:0;
margin-left:3px;
font-size:100%;
color:black;
text-decoration:none;
border-bottom:1px solid #fc1d86;
}
a.menu:hover
{
margin:0;
font-size:100%;
color:white;
padding:1px 3px 1px 3px ;
background-color:#fc1d86;
text-decoration:none;
}
.menuActif
{
margin:0;
font-size:100%;
color:white;
padding:1px 3px 1px 3px ;
background-color:#fc1d86;
text-decoration:none;
}
/* .droiteGalerie
{
overflow-y:hidden;
} */
.galerie
{
margin-top:20px;
}
.news
{
margin-left:20px;
}
.sep
{
float:left;
width:33px;width:33px !important;
z-index:10;
top:0;
height:97.5%;
position:fixed;
background:url('/pics/shad.png') repeat-y 0 0;
}
/*/////////////////////////////////////////////
GREG SHOP/BIO
/////////////////////////////////////////////*/
.sold
{
width:95%;
padding-top:10px;
padding-bottom:10px;
text-align:left;
background:url('/pics/shop/sold.png') no-repeat center right;
}
.separate
{
width:499px;width:499px !important;
height:44px;
padding-top:10px;
background:url('/pics/shop/separate.gif') no-repeat 25% 50%;
}
.etiquette
{
width:359px;width:359px !important;
margin-left:70px;
padding:10px;
}
.etiquette2
{
width:494px;width:494px !important;
padding:10px;
}
.etiquette,.etiquette2,.news
{
background:white url('/pics/shows/bas.gif') no-repeat bottom center;
}
/*/////////////////////////////////////////////
GREG ZONE MOBILE
/////////////////////////////////////////////*/
@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;
	}
	#gauche
	{
	clear:both;width:auto;
	}
	.droite
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.blocImageInfos
	{
	padding-bottom:1em;
	clear:both;
	width:100%;
	}
	.infos
	{
	height:auto;
	padding-bottom:1em;
	clear:both;
	}
}
/*/////////////////////////////////////////////////////////////////////////
GREG ZONE 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;
	}
	#gauche
	{
	clear:both;width:auto;
	}
	.droite
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.blocImageInfos
	{
	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;
	}
	#gauche
	{
	clear:both;width:auto;
	}
	.droite
	{
	height:auto;
	}
	.sep
	{
	display:none;
	}
	.blocImageInfos
	{
	padding-bottom:1em;
	clear:both;
	width:100%;
	}
	.infos
	{
	height:auto;
	padding-bottom:1em;
	clear:both;
	}
}