@charset "utf-8";
body {
font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	background-color:black;
	color:#FFFF00;
}

a{
text-decoration:none;
color:white;
}

a:hover{
text-decoration:underline;
}

a.jaune{
color:#FFFF00;
}

.jaune{
color:#FFFF00;
}
/*-------------------------------- BLOCKS ID ------------------------------*/
#container{
width:980px;
margin:0 auto;
text-align:center;
}

#inner{
position:absolute;
left:50%;
margin-left:-470px;
width:940px;
z-index:100;
background-color:black;
}
/*
#logo{
position:absolute;
left:50%;
margin-top:200px;
margin-left:-470px;
width:245px;
height:220px;
z-index:1;
text-align:center;
font-size:14px;
}
*/

#logo{
margin-top:50px;
width:234px;
text-align:center;
font-size:14px;
float:left;
}

.ligne{
height:145px;
width:930px;
z-index:100;
margin:0;
float:left;
}

.ligne2{
height:245px;
width:694px;
margin:0;
}

.zone_img{
width:225px;
height:145px;
float:left;
margin:0 10px 0 0;
z-index:100;
}


.zone_img2{
width:225px;
height:145px;
float:left;
margin:0;
z-index:100;
}

.zone_img_gd{
width:694px;
height:246px;
margin:10px 0;
}

.description-texte{
	margin:-24px 0 0 0;
	width:215px;
	height:30px;
	padding:0 5px;
	color:black;
	text-align:left;
}

.titre-desc-texte{
font-size:14px;
font-weight:bold;
}

/* ZONE DRAGABLE ---- le margin-left est remis a 0 dans le javascript pour eviter le decalage lors de la selection pour le deplacer*/
#popup{
position:absolute;
text-align:right;
left:50%;
top:50px;
width:550px;
height:480px;
margin-left:-265px; /*normalement c la moitie de width*/
padding:20px 15px 15px 15px;
background-color:black;
text-align:left;
z-index:100;
background-color:black;
/*filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;*/
color:white;
/*display:none;*/
}

#popup-photos{
position:absolute;
text-align:right;
left:50%;
top:50px;
width:550px;
height:480px;
margin-left:-265px; /*normalement c la moitie de width*/
padding:20px 15px 15px 15px;
background-color:black;
text-align:left;
z-index:100;
background-color:black;
color:white;
/*display:none;*/
}

#popup:hover{
border:1px solid white;
}

#popup-carte{
position:absolute;
text-align:right;
left:50%;
top:30px;
width:955px;
height:530px;
margin-left:-490px; /*normalement c la moitie de width*/
padding:20px 15px 15px 15px;
background-color:black;
text-align:left;
z-index:100;
background-color:black;
color:white;
/*display:none;*/
}

#popup-image{
position:absolute;
text-align:right;
left:50%;
top:30px;
width:500px;
height:420px;
margin-left:-250px; /*normalement c la moitie de width*/
padding:20px 15px 15px 15px;
background-color:black;
text-align:left;
z-index:100;
background-color:black;
color:white;
display:none;
}

.drag{
	border:1px dashed #333;
	cursor:move;
	background:url(../imgs/cursor-move.jpg) no-repeat 5px 5px;
}

#titre-popup
{
text-align:center;
font-size:12px;
font-weight:bold;
float:left;
width:82.4%;
margin-bottom:15px;
}

#titre-popup-image{
text-align:center;
font-size:12px;
font-weight:bold;
float:left;
width:80%;
margin-bottom:15px;
}

#titre-popup-carte{
text-align:center;
font-size:16px;
font-weight:bold;
float:left;
width:89.8%;
margin-bottom:15px;
}

#text-popup{
width:100%;
height:440px;
overflow:auto;
}

#text-popup-image{
width:100%;
height:440px;
text-align:center;
margin:0 auto;
overflow:auto;
}

#text-popup-carte{
width:100%;
height:500px;
overflow:auto;
}

#text-popup-photos{
width:100%;
height:500px;
}

.close-button
{
text-align:right;
line-height:15px;
float:right;
margin-top:-5px;
margin-right:0;
border:1px dashed #333;
padding:2px;
}

.clear
{
margin:0;
padding:0;
width:0;
height:0;
clear:both;
overflow:hidden;
font-size:0;
}

/*ALIGNEMENT DES IMAGES EN VERTICAL*/
/*p{
margin:0;
}
*/
form{
margin:5px 0;
}

p.flag { 
   line-height: 1em; 
}
p.flag img,.close-button p.flag, p.flag span { 
   vertical-align: middle;
   margin:0;
   padding:0;
}
p.flag span{ 
   padding-left: 2px;
}

img{
margin:0;
padding:0;
}
/*FIN ALIGNEMENT DES IMAGES EN VERTICAL*/