/* CSS Document */
body{
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
background: #242424;
}
a{
text-decoration:none;
color:#EFEFEF;
}
a:hover{
text-decoration:none;
color:#FF3300;
}

#corps{
width:766px;
height:666px;
margin:0px auto;
padding:0px;
border:1px solid #CCCCCC;
}
#contenu-top{
margin:0px;
padding:0px;
width:761px;
height:93px;
clear:both;
}
.vide1{
margin:0px;
padding:0px;
width:240px;
height:93px;
float:left;
}
.logo{
margin:0px;
background:url(../images/logo.jpg) no-repeat;
padding:0px;
width:234px;
height:93px;
float:left;
}
.vide2{
margin:0px;
padding:0px;
width:240px;
height:93px;
float:left;
}
#contenu-milieu{
margin:80px auto;
padding:0px 0px 0px 5px;
width:761px;
height:364px;
clear:both;
display:block;
}
#contenu-bas{
margin:50px 0px 0px 0px;
padding:0px 0px 0px 5px;
text-align:center;
font-size:10px;
font-style:normal;
width:761px;
height:auto;
clear:both;
}
.event{
background: url(../images/fond-event.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}
.actualite{
background: url(../images/fond-event.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}
.actualite-en{
background: url(../images/coming-event.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}
.fla-enter{
margin:0px;
padding:0px;
width:285px;
height:364px;
float:left;
background:##242424;
}

.news{
background: url(../images/fond-news.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}
.fond-news{
background: url(../images/fond-news.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}
.fond-news-en{
background: url(../images/news.jpg) no-repeat;
width:236px;
height:364px;
float:left;
}

/*********************laila************************************/
body-dynamique{
font-family: Arial, Tahoma, sans-serif;
font-size:12px;
text-align:justify;
color:#fff;
background: #242424;
}
#corps-dynamique{
width:500px;
height:400px;
margin:0px auto;
padding:0px;
color:#FFFFFF;
}
#contenu-top-dynamique{
margin:0px;
padding:0px;
width:500px;
height:400px;
clear:both;
}

#news-descrpt{
margin:40px 0px 0px 3px;
padding:5px;
width:220px;
height:305px;
}
.date{
color:#FFFFFF;
text-decoration:underline;
font-size:10px;
}
.text-news{
color:#000;
font-size:12px;
width:180px;
border:1px solid red;
height:auto
text-align:justify;
clear:both;
}
.lien-news{
color:#FFFFFF;
text-decoration:underline;
font-size:10px;
margin:5px 0px 0px 170px;
}
#contenu-pop{
margin:40px auto;
padding:0px 0px 0px 5px;
width:200px;
height:200px;
clear:both;
}
.img-event{
margin:0px 10px 0px 0px;
width:68px;
float:left;
}
h1{
margin:10px auto;
text-align:center;
color:#FF9900;
font-size:16px;
font-weight:bold;
}
.lieu{
color:#FF9900;
font-size:14 px;
float:left;
}
.detail{
color:#FFFFFF;
font-size:12px;
margin:10px 0px 0px 10px;
clear:both;
width:480px;
}
.info-detail{
font-size:12px;
margin:10px 0px 0px 10px;
clear:both;
width:400px;
}
.img{
margin:0px 10px 0px 10px;
border:1px #CCCCCC solid;
float:left;
}
/**************************************style ajax************************************************/
#corps-pop{
margin:0px auto;
width:746px;
height:600px;
/*background:url(../images/logo.jpg) center top no-repeat;*/
padding:10px 10px 0px 10px;
}
h2{
text-align:center;
color:#FF9900;
font-size:16px;
font-weight:bold;
}
#contenu-milieu-pop{
width:744px;
height:364px;
clear:both;
}
#divcontenu p{
margin:5px;
text-align: justify;
color: #CCCCCC;
font-size:12px;
line-height:20px;
}
.titre-pop{
margin:0px auto;
text-align:left;
color:#FF9900;
font-size:12px;
font-weight:bold;
}
/*********************style dynamique - laila ***********************************/
.img-event{
width:50px; 
height:50px; 
float:left; 
margin:10px 5px 0 5px; 
border:#000000 1px solid;
}
#div-event{
width:120px; 
height:auto; 
float:left; 
font-size:10px; 
margin:10px 0px;
}
#div-news{
width:180px; 
height:auto; 
float:left; 
font-size:10px; 
margin:10px 0px;
}
.plus-info{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 90px;
color:#fff;
font-size:10px;
font-weight:bold;
padding:0px;
clear:both;
}
.plus-infon{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 140px;
color:#fff;
font-size:10px;
font-weight:bold;
padding:0px;
clear:both;
}
.fla-index{
margin:0px 0px 0px 234px;
padding:0px;
width:285px;
height:364px;
float:left;
background:##242424;
}
#contenu-index{
margin:20px 0px 20px 0px;
padding:0px 0px 0px 5px;
width:761px;
height:364px;
clear:both;
display:block;
}
#contenu-bas-index{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 5px;
text-align:center;
font-size:10px;
font-style:normal;
width:761px;
height:auto;
clear:both;
}
/*********************Programme - laila ***********************************/
#affiliations{
background-image: url(../images/titres/titre-affiliations.jpg);
}
.popup h2{
overflow: hidden;
background-position: 0 0;
background-repeat: no-repeat;
margin: 0 0 10px 0;
padding: 45px 0 0 30px;
height: 0!important;
height /**/: 45px;
}
.popup{
position: relative;
padding: 5px 25px 0 0;
height: 488px;
}
h3{
margin: 0 0 10px 0;
text-decoration:underline;
color:#FF9900;
font-size:12px;
font-weight:bold;
}