@import "theme.less";

body {
font : 0.9em "Trebuchet MS", Arial, sans-serif;
color : @color_font_normal;
background: @color_body_background;
margin : 0;
padding : 0;
}

#wrapper {
background-color : @color_wrapper_background;
width : 944px;
margin : 5px auto;
padding : 5px 5px 5px 5px;
border : 12px solid @color_border;
position : relative;
}

#banner {
height : 153px;
width : 938px;
position : relative;
margin-top : -20px;
margin-bottom : -15px;
}

#banner img {
position:absolute;
top:0;
left:0;
}

#nav {
margin : 0 0 5px 0;
background-color : @color_wrapper_background;
font-size : 1.5em;
}

#nav td a {
width : 148px;
height : 35px;
display : block;
padding: 6px 1px 1px 1px;
text-decoration: none;
text-align : center;
color: @color_font_nav;
background: @color_nav_bottom;
background: -moz-linear-gradient(top, black, @color_nav_top 1px, @color_nav_bottom 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, @color_nav_top), to(@color_nav_bottom));
border-right: 1px solid @color_nav_top;
border-left: 1px solid @color_nav_bottom;
border-bottom: 1px solid @color_nav_top;
border-top: 1px solid @color_nav_border;
}

#nav td a:hover {
text-shadow: 1px 1px 2px @color_font_nav_shadow;
background: -moz-linear-gradient(top, #3c3c3c, @color_wrapper_background);
background: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(@color_wrapper_background));
}

a {
color : @color_font_link;
text-decoration : none;
}

a:hover {
color : @color_font_link_hover;
}

h1 {
text-transform : uppercase;
text-align : center;
margin : 0;
padding-bottom : 20px;
color : @color_font_title;
}

h2 {
margin : 0;
padding : 25px;
color : @color_font_title;
}

p {
margin : 0;
padding : 1em 0 1em;
line-height : 1.4em;
}

em {
color : @color_font_em;
}

#foot {
margin : 10px 0 0 0;
border-top : 2px solid @color_border;
}

#mention {
border-top: 2px solid @color_border;
}

.affiche, .carte, .carte_zoom, .carte_google, .logo_boom, .equipe {
display : block;
border : 8px solid @color_border;
}

.affiche, .carte, .logo_boom {
margin-top : 0.5em;
float : right;
}

.carte_zoom, .carte_google, .equipe {
margin : auto;
}

.captcha {
vertical-align : middle;
border : 8px solid @color_border;
}

.center {
text-align : center;
}

.formulaire {
border : 8px solid @color_border;
text-align : center;
}

.intro, .burn {
display : block;
border : 8px solid @color_border;
margin : auto;
}

.slider {
display : block;
border : 8px solid @color_border;
margin-left : 20px;
}

.player {
display : block;
margin-left : 10px;
}

.foot_center {
text-align : center;
font-size : 0.9em;
}

.connexion {
font-size : 0.7em;
color : @color_font_normal;
}
.connexion:hover {
color : @color_font_normal;
text-decoration : underline;
}

.sesam {
text-align : center;
font-size : 0.7em;
}

.sesam_logo img {
float : right;
margin-top : 8px;
margin-right : 5px;
width : 35px;
height : 35px;
border : 0;
}

.formulaire {
border : 8px solid @color_border;
text-align : center;
}

#preventes{
border : 8px solid @color_border;
}

#preventes td {
border : 1px solid @color_border;
text-align : center;
}

#chart_div_courbes, #chart_div_sondage, #chart_div_sondage2, #chart_div_ecole, #chart_div_vue{
width : 900px;
border : 8px solid @color_border;
margin : auto;
}