@charset "utf-8";
/* CSS Document */

body{
padding:0;
margin:0;
background-color:#000000;
}

#home{
background-image:url(img/home.jpg);
background-repeat:no-repeat;
position:relative;
margin-left:auto;
margin-right:auto;
width:969px;
height:788px;
}
#home2{
position:absolute;
  left: 50%; 
  top: 50%;
  width: 700px;
  height: 525px;
  margin-top: -262px; /* moitié de la hauteur */
  margin-left: -350px; /* moitié de la largeur */
}
#container{
  position:absolute;
  background-image:url(img/agence-evenementielle.jpg);
  background-repeat:no-repeat;
  left: 50%; 
  top: 50%;
  width: 1105px;
  height: 608px;
  margin-top: -304px; /* moitié de la hauteur */
  margin-left: -552px; /* moitié de la largeur */
}
#header{
background-image:url(img/organisation-evenementiels.jpg);
width:1085px;
height:123px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#agence-evenementielle{
background-image:url(img/organisateur-evenementiels.png);
background-repeat:no-repeat;
width:194px;
height:433px;
position:relative;
float:left;
margin-left:20px;
margin-top:15px;
padding-top:15px;
}
#column2{
width:247px;
height:433px;
position:relative;
margin-top:15px;
margin-left:10px;
float:left;
border:1px;
border-color:#FF0000;
}
#column2 a{
display:block;
position:relative;
width:247px;
height:66px;
}

#stripe{
background-image:url(img/organisateur-evenementiel.png);
background-repeat:no-repeat;
margin-top:3px;
margin-left:4px;
float:left;
position:relative;
width:238px;
height:9px;
}
#evenements-sportifs{
background-image:url(img/evenements-sportifs.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:66px;
float:left;
margin-top:5px;
}
#salons-professionnels{
background-image:url(img/salons-professionnels.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:66px;
float:left;
margin-top:5px;
}
#evenements-familiaux{
background-image:url(img/evenements-familiaux.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:66px;
float:left;
margin-top:5px;
}
#installation-structures{
background-image:url(img/installation-structures.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#salons-VIP{
background-image:url(img/salons-VIP.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}

#agence-organisatrice{
background-image:url(img/agence-organisatrice.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#organisateur-familial{
background-image:url(img/organisateur-familial.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#organisateur-professionnel{
background-image:url(img/organisateur-professionnel.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#agences-evenementielles{
background-image:url(img/agences-evenementielles.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}

#structures-chapiteaux{
background-image:url(img/structures-chapiteaux.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#createur-evenementiels{
background-image:url(img/createur-evenementiels.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#soirees-people{
background-image:url(img/soirees-people.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#light-shows{
background-image:url(img/light-shows.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#pole-artistique{
background-image:url(img/pole-artistique.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}

#organisateur-sportif{
background-image:url(img/organisateur-sportif.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}
#agence-prestige{
background-image:url(img/agence-prestige.jpg);
background-repeat:no-repeat;
position:relative;
width:247px;
height:203px;
float:left;
margin-top:5px;
}

#creations-evenementielles{
background-image:url(img/creations-evenementielles.png);
background-repeat:no-repeat;
width:604px;
height:433px;
float:left;
position:relative;
margin-left:10px;
margin-top:15px;
padding-bottom:2px;
}
#agence-evenementielle ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5d5d;
list-style-image:url(img/list2.png);
margin:0;
padding-left:20px;
}
#agence-evenementielle li{
padding-top:1px;
padding-left:5px;
}

#agence-evenementielle ul ul{
color:#5d5d5d;
list-style-image:url(img/list.png);
}
#logo{
background-image:url(img/logo.png);
background-repeat:no-repeat;
position:relative;
width:77px;
height:49px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
#siege-social{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5d5d;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
width:170px;
text-align:center;
margin-top:5px;
text-transform:uppercase;
}
#navigation{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
position:relative;
float:left;
margin-left:15px;
margin-top:10px;
color:#5d5d5d;}
#texte{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
position:relative;
color:black;
clear:both;
margin-left:15px;
margin-right:15px;
padding-top:15px;
text-align:justify;
}
#texte2{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
position:relative;
color:black;
clear:both;
margin-left:15px;
margin-right:15px;
padding-top:15px;
text-align:justify;
}
#createur-site{
margin-left:auto;
display:block;
width:270px;
white-space:nowrap;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#5d5d5d;
font-size:10px;}
a:link, a:visited{
color:#5d5d5d;
text-decoration:none;
}
a:hover{
color:#5d5d5d;
text-decoration:underline;
}
img{
margin: 0 10px;}
#fr{
background-image:url(img/fr.png);
width:13px;
height:21px;
position:relative;
float:right;
margin-top:100px;
margin-right:30px;
}

#en{
background-image:url(img/en.png);
width:13px;
height:21px;
float:right;
margin-top:100px;
position:relative;
margin-right:55px;
}
#en a, #fr a{
display:block;
position:relative;
width:100%;
height:100%;}