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

*{
font-family:Arial, Helvetica, sans-serif;
border:none;
margin:0;
padding:0;
}

body{
background-image:url(images/design/bgbody.gif);
padding:15px;
}

h2, h3{
font-family:Arial, Helvetica, sans-serif;
}




#page{
width:100%;
background-color:#FFFFFF;
float:left;
padding-bottom:20px;
}

p{
margin-top:20px;
margin-bottom:20px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
embed{
margin-bottom:20px;
}
li{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

h4{
font-size:15px;
}

h3{
margin-top:20px;
font-size:15px;
text-transform:uppercase;
margin-bottom:5px;
}
h2{
font-size:24px;
background-image:url(images/design/h2.gif);
padding-left:18px;
margin:20px 0;
background-repeat:no-repeat;
background-position:left center;
font-weight:normal;
text-transform:lowercase;
}
/* DIV FICHE + PARTICIPANT*/

#divfiche{
width:480px;
font-size:12px;
float:left;
padding:0 20px;
text-transform:uppercase;
font-size:10px;
}
#divfiche h3{
font-size:15px;
text-transform:uppercase;

}

#divfiche h2{
text-transform:lowercase;

}

#divfiche a{
font-size:12px;
color:#333;
}

#divfiche a:hover{
color:#333;
background-color:#99FF33;
text-decoration:none;
}

#divfiche ul{
margin:0;
padding:0;
}

#divfiche li{
list-style-type:none;
border-bottom:1px solid #99FF33;
padding-top:5px;
padding-bottom:10px;
}


/* DIV FILMS + PROJETS */
#divglobal{
width:720px;
font-size:12px;
background-color:white;
float:left;
padding-left:20px;
}

#divglobal ul{
margin:0;
padding:0;
}

#divglobal li{
list-style-type:none;
border-bottom:1px solid #99FF33;
margin-bottom:10px;
}
#divglobal a{
font-size:10px;
color:#333;

}

#divglobal a:hover{
color:#333;
background-color:#99FF33;
text-decoration:none;
}


/* DIV LISTE FILMS */

#divfilms{
width:450px;
font-size:12px;
float:left;
padding:0 20px;
}
#divfilms h3{
font-size:15px;
text-transform:uppercase;

}

#divfilms ul{
margin-top:20px;
}

#divfilms li{
list-style-type:none;
border-bottom:1px solid #99FF33;
margin-bottom:10px;
float:left;
width:150px;
height:200px;
font-size:11px;
}

#divfilms li img{
float:left;
margin-right:5px;
}

#divfilms li a img{
padding:4px;
background-image:url(images/design/trame_a.png);
}

#divfilms li a:hover img{
border:4px solid #99FF33;
padding:0px;
}


/* DIV LISTE PROJETS */

#divproj{
width:170px;
font-size:12px;
float:left;
padding-right:10px;
padding-left:20px;
}

#divproj li{
border-bottom:1px solid #99FF33;
margin-top:20px;
}
#divproj li a{
font-size:12px;
font-weight:bold;
background-color:#333;
text-decoration:none;
color:#FFFFFF;
padding:0 2px;
}

#divproj li a:hover{
background-color:#99FF33;
text-decoration:none;
color:#000000;
}

#divproj li {
list-style-type:none;
padding-bottom:10px;
}

#divproj ul {
margin:0;
padding:0;
}
/* DIV DROITE */

#divdroite{
width:140px;
font-size:12px;
float:left;
padding-left:20px;
}

#divdroite ul{
margin:0;
padding:0;
}
#divdroite h3{
text-transform:lowercase;
font-size:16px;
}
#divdroite li{
list-style-type:none;
border-bottom:1px solid #99FF33;
margin-bottom:5px;
padding-bottom:10px;
}

#divdroite li a{
font-size:10px;
color:#666;
text-decoration:none;
background-color:#fff;

}

#divdroite li a:hover{
background-image:url(images/design/trame_a.png);
}
#divdroite li a img{
vertical-align:bottom;
margin-right:3px;
}

#divdroite p{
margin-top:5px;
margin-bottom:5px;
}
/* DIV clients */

#divclients{
width:150px;
font-size:12px;
float:left;
padding-top:45px;
padding-left:20px;
padding-right:20px;
}

#divclients ul{
margin:0;
padding:0;
}

#divclients li{
list-style-type:none;
border-bottom:1px solid #99FF33;
}

/* DIV TEXTES */

#divtexte{
width:480px;
font-size:12px;
float:left;
padding-right:20px;
font-size:10px;
}

#divtexte li a{
background-color:#333;
font-size:12px;
color:#FFF;
text-transform:uppercase;

}


#divtexte li a img{
padding:4px;
background-image:url(images/design/trame_a.png);
}

#divtexte li a:hover img{
border:4px solid #99FF33;
padding:0px;
}


#divtexte p{
padding-left:20px;
}

#divtexte li{
float:left;
width:150px;
height:160px;
}
#divtexte ul{
padding-left:20px;
}

/*STYLES MENU*/

#main{
width:210px;
float:left;
text-transform:uppercase;
background-color:#FFFFFF;
padding-left:10px;
}

#main ul{
margin-top:80px;
margin-left:10px;
}

#main li{
list-style-type:none;
margin-bottom:5px;
}

#main a{
font-family:Arial, Helvetica, sans-serif;
background-color:#99FF33;
font-size:12px;
color:#333;
text-decoration:none;
}
#main a:hover{
background-color:#000000;
background-image:none;
color:white;
}

#main a.sel{
background-color:white;
background-image:none;
border-bottom:1px solid #000;
border-top:1px solid #000;
}

#main a.sel:hover{
background-color:#000000;
}

a.cine_sel{
text-decoration:none;
border-bottom:1px solid #99FF33;
text-transform:uppercase;

}


a.retour{
text-decoration:none;
background-color:#99FF33;
text-transform:uppercase;
float:right;
margin-top:-40px;
}

a.retour:hover{
color:#FFF;
text-decoration:line-through;
background-color:#000000;
}

#langues{
margin-top:10px;
font-size:10px;
color:#666666;
background-color:#FFFFFF;
}
.langues{
margin-top:10px;
font-size:10px;
color:#666666;
}

#langues a{
background-color:#FFFFFF;
font-size:10px;
color:#666666;
background-image:none;
}
#mentions a{
background-color:#FFFFFF;
font-size:10px;
color:#666666;
background-image:none;
}
a.blanc{
background-color:#FFFFFF;
}

.gros{
font-size:14px;
font-weight:bold;
}
.pbold{
font-size:12px;
font-weight:bold;
}
a.email{
background-color:#FFFFFF;
text-decoration:underline;
text-transform:lowercase;
font-size:12px;
}

.adresse{
margin-top:50px;
}

a.type{
text-transform:uppercase;
}

.extraits{
margin-top:15px;
margin-bottom:10px;
}

.sdate{
color:#999999;
}
.identite{
float:left;
padding:5px;
margin:5px;
background-image:url(images/design/trame_a.png);
}