@charset "utf-8";
/* CSS Document */
* html{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
}
#home_content{
height:100%;
left:0;
overflow:auto;
position:absolute;
top:0;
width:100%;
margin:0;
padding:0;
z-index:100;
}
#bg_full{
height:100%;
margin:0;
padding:0;
width:100%;
position:absolute;
z-index:0;
}
.red{
background:#ff0000;
}
div.logo{
position:absolute;
padding : 200px 0 10px 100px;
}
div.mention_ss_logo{
margin:100px 0 0 0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-style:normal;
color:#ed1c24;
font-weight:normal;
}
h1.principal_title{
margin:50px 0 10px 0;
}
h2.name{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#fff;
font-weight:normal;
}
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
font-weight:normal;
}
div.logo2, h1.principal{
padding : 80px 180px 10px 30px;
}
h1.principal_video{
padding:80px 0 10px 0;
text-align:center;
}
div.colors{
width:400px;
float:right;
padding:20px 0 0 0;
text-align:right;
}
#outside_flashcontent{
padding:20px 225px 0 0;
}
div#flashcontent{
width:600px;
float:right;
margin:0 0 0 0;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}
div.content{
text-align:center;
padding:10px 0 0 0;
}
.gallery{
text-align:left;
}
.limited_gallery{
width:1100px;
}
div.gallery a{
margin:2px;
}
div.gallery img{
border:0;
}
img.noborder{
border:0;
}
div#audio{
width:100px;
float:right;
}
div#audio_global{
width:200px;
float:left;
padding:0 0 0 0;
color:#fff;
font:normal 14px Arial, Helvetica, sans-serif;
}
div#audio_comment{
float:right;
width:250px;
}
div.header{
background:#000;
width:100%;
position:absolute;
top:0;
left:0;
padding:15px 0;
}
div.header div.halfleft{
width:505px;
float:left;
padding:5px 0;
}
div.header div.halfright{
width:510px;
float:left;
padding:5px 0;
}
div.header div.halfright a{
margin:0 5px 0 5px;
}
.text_comment{
width:50px;
height:50px;
display:block;
float:left;
background:transparent url(/images/icon_pdf.jpg) left no-repeat;
}
div.header img{
border:0;
}
a.header_link{
color:#fff;
font:normal 14px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:0 5px;
}
a.header_link:hover{
color:#ffff00;
}
a.accueil{
background:transparent url(/images/icon_accueil.png) left no-repeat;
}
a.accueil:hover{
background:transparent url(/images/icon_accueil_hover.png) left no-repeat;
}
a.contact{
background:transparent url(/images/icon_contact.png) left no-repeat;
}
a.contact:hover{
background:transparent url(/images/icon_contact_hover.png) left no-repeat;
}
a.menu{
background:transparent url(/images/icon_menu.png) left no-repeat;
}
a.menu:hover{
background:transparent url(/images/icon_menu_hover.png) left no-repeat;
}
.global_links{
margin:0;
padding:0;
}
.global_links li{
list-style:none;
float:left;
margin:0 5px;
}
div#contact{
display:none;
}
div#contact h1{
font-size:14px;
font-style:normal;
margin:0;
}
.inside_contact{
text-align:center;
padding:20px 0 0 0;
}
.inside_contact a{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
div#contact a:hover{
text-decoration:none;
}
div#menu_themes_photo{
display:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
width:250px;
position:absolute;
background:#000;
top:60px;
left:120px;
float:none;
}
div#menu_themes_video{
display:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
width:250px;
position:absolute;
background:#000;
top:60px;
left:240px;
float:none;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
div#menu_themes_home{
display:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
width:800px;
position:absolute;
background:transparent url(/images/bg_menu_home.png) top left;
margin-top:-150px;
left:200px;
float:none;
}
div#menu_themes_home_video{
display:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
width:800px;
position:absolute;
background:transparent url(/images/bg_menu_home.png) top left;
margin-top:-100px;
left:250px;
float:none;
}
a.homemenu_link{
color:#fff;
background:#000;
padding:5px 15px 5px 5px;
background:#000 url(/images/homemenu_link.png) right no-repeat;
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
}
.home_menu{
padding:20px 0 0 0;
}
div#echo_presse{
display:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 0;
width:250px;
position:absolute;
background:#000;
top:60px;
left:710px;
float:none;
}
div#menu_themes_photo ul, div#menu_themes_video ul, div#echo_presse ul{
padding:0;
margin:0;
width:250px;
}
div#menu_themes_home ul, div#menu_themes_home_video ul{
padding:0;
margin:0;
width:800px;
}
div#menu_themes_photo ul li, div#menu_themes_video ul li, div#echo_presse ul li{
padding:0 5px;
margin:0;
list-style:none;
float:none;
width:auto;
}
div#menu_themes_home ul li, div#menu_themes_home_video ul li{
padding:0 5px;
margin:0;
list-style:none;
float:left;
width:380px;
}
div#menu_themes_photo ul li a, div#menu_themes_video ul li a, div#echo_presse ul li a, div#menu_themes_home ul li a, div#menu_themes_home_video ul li a{
display:block;
font-size:12px;
color:#fff;
text-decoration:none;
line-height:25px;
border-bottom:1px dotted #666;
}
div#menu_themes_photo ul li a.themanouveau, div#menu_themes_video ul li a.themanouveau, div#menu_themes_home ul li a.themanouveau, div#menu_themes_home_video ul li a.themanouveau{
color:#FFFF00;
}
div#menu_themes_photo ul li a:hover, div#menu_themes_video ul li a:hover, div#echo_presse ul li a:hover, div#menu_themes_home ul li a:hover, div#menu_themes_home_video ul li a:hover{
color:#ccc;
}
div.outside_sub_directory{
float:left;
width:310px;
height:360px;
}
div.sub_directory{
text-align:center;
width:300px;
height:300px;
margin:auto;
}
div.sub_directory img{
margin:25px;
border:1px solid #fff;
}
div.sub_directory img:hover{
border:1px solid #000;
}
div.abso_sub_directory{
color:#000;
position:absolute;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:250px 25px 0 25px;
width:250px;
}
div.abso_sub_directory span{
background: #fff;
}
div.clearer{
clear:both;
font-size:1px;
height:1px;
}
.floatright{
float:right;
}
#commentaires, #monsel{
display:none;
}
.inside_com{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding:15px;
}
.contact_link{
color:#000;
}
.contact_link:hover{
text-decoration:none;
}
.fb{
width:100px;
float:right;
margin:0 10px 0 0;
}