@charset "UTF-8";
@import url(css_reset.css); 

/**** BALISES PERPƒTUELLES ****/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */
.block { float: left; width: 220px; margin: 12px; }
.block li { color: white; }

h1 { font-size: 30px; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }


/**** POLICES ****/
@font-face { font-family: 'TwCenMTMedium'; src: url('../fnt/tcm_____-webfont.eot'); src: local('☺'), url('../fnt/tcm_____-webfont.woff') format('woff'), url('../fnt/tcm_____-webfont.ttf') format('truetype'), url('../fnt/tcm_____-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }


/**** GENERAL ****/
body { color: #6e6d7f; font-family: "TwCenMTMedium"; }
body.splash { background: #05041c url(../img/bg_repeat_temp.jpg) 0 9px repeat-x; text-align: center; }
body.home, body.projets, body.equipement, body.apropos { background: #05041c url(../img/bg_repeat.jpg) 0 0 repeat-x; text-align: center; }
#content { margin: 0 auto; text-align: left; }

a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }

/**** HEADER ****/
#menu_top { margin: 0 0 0 20px; }
#menu_top li { display: inline; font-size: 20px; color: white; }

#langue { float: right; margin: -22px 15px 0 0; background-color: #68677F; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; }

#contact_button { display: block; float: right; margin: -100px 20px 0 0; font-size: 25px; background-color: #F0D240; padding: 5px 10px 8px 10px; color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/**** SPLASHPAGE ****/
body.splash #content { background: transparent url(../img/bg_content_temp.jpg) 0 0 no-repeat; width: 800px; height: 600px; }
a#email { display: block; width: 800px; height: 600px; }


/**** HOMEPAGE ****/
body.home #content { background: transparent url(../img/bg_content_home2.jpg) 0 0 no-repeat; width: 800px; height: 556px; padding-top: 148px; }
#menu_left { margin: 30px 0 0 20px; font-size: 25px; }
#menu_left li { height: 40px; background: transparent url(../img/puce_fleche.png) 0 1px no-repeat; padding-left: 30px; }

#formulaire_contact fieldset { border: none; width: 290px; padding: 10px; margin: 0 0 0 25px; }
#formulaire_contact fieldset legend { padding: 5px; font-size: 23px; }

#confirmation_formulaire { font-size: 20px; color: white; }


/**** PAGES ****/
body.projets #content, body.equipement #content, body.apropos #content { width: 800px; padding-top: 148px; }
body.projets #content { background: transparent url(../img/bg_content_projets.jpg) 0 0 no-repeat; }
body.equipement #content { background: transparent url(../img/bg_content_equipement.jpg) 0 0 no-repeat; }
body.apropos #content { background: transparent url(../img/bg_content_apropos.jpg) 0 0 no-repeat; }
#selection_categories { width: 345px; margin: 40px 0 0 15px; text-align: center; color: black; }

#titre_categorie { color: #05041c; margin-top: 30px; margin-left: 30px; width: 740px; }
#titre_categorie h1 { font-weight: bold; }
#titre_categorie span { display: block; margin-top: 5px; }

#slideshow { margin: 20px 0 10px 30px; height: 400px; }
#slideshow .title_panel { display: block; position: absolute; margin-top: -50px; overflow: hidden; height: 50px; width: 740px; }
#slideshow .picture span { display: block; position: absolute; margin-top: -50px; height: 30px; width: 720px; padding: 10px; color: white; font-size: 25px; }
#slideshow .picture .title_background { background-color: black; height: 50px; width: 740px;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;  }
#nav { margin: 0 0 0 22px; }
#nav a.miniature { display: block; float: left; margin: 10px; width: 88px; text-decoration: none; }
#nav a.miniature .crop { height: 88px; width: 88px; overflow: hidden; }
#nav a.miniature.activeSlide .crop { border: 2px solid black; }
#nav a.miniature img { height:88px; width: 163px; margin-left: -40px; }
#nav a .caption { display: block; text-align: center; clear: both; font-size: 14px; margin-top: 5px; }
#nav .slide { width: 760px; }
#panneaux { text-align: center; font-size: 18px; letter-spacing: 10px; padding: 0 0 80px 0; }
.panneau { color: #9c9ca4; }
.panneau.activeSlide, .panneau:hover { color: #05041c; text-decoration: none; }

table#contact td { padding: 20px; vertical-align: top; }

#texte { padding: 30px;  min-height: 400px; }
#texte h2 { color: white; margin-top: 5px;}
#texte p { border-top: 1px solid white; margin: 10px 0 20px 0; padding: 10px; line-height: 22px; color: #dbdbe2; font-weight: normal; font-size: 18px; }

#player { margin: 0 auto 30px auto; }

/**** FOOTER ****/
#footer { background: transparent url(../img/bg_footer.jpg) 0 0 repeat-x; padding: 20px 0; font-size: 14px; line-height: 20px; }

#credits { display: block; margin: 10px auto 30px auto; width: 111px; height: 47px; background: transparent url(../img/bg_credits.jpg) 0 0 no-repeat; }
#backlink { display: none; }


/**** SIDEBAR ****/