/* FONTFACE */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url('http://themes.googleusercontent.com/static/fonts/lato/v5/KT3KS9Aol4WfR6Vas8kNcg.woff') format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('http://themes.googleusercontent.com/static/fonts/lato/v5/9k-RPmcnxYEPm8CNFsH2gg.woff') format('woff');
}

@font-face {
    font-family: 'BodoniMTCondensedItalic';
    src: url('../interface/fonts/bod_ci-webfont.eot');
    src: url('../interface/fonts/bod_ci-webfont.eot?#iefix') format('embedded-opentype'),
         url('../interface/fonts/bod_ci-webfont.woff') format('woff'),
         url('../interface/fonts/bod_ci-webfont.ttf') format('truetype'),
         url('../interface/fonts/bod_ci-webfont.svg#BodoniMTCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BodoniMTItalic';
    src: url('../interface/fonts/bod_i-webfont.eot');
    src: url('../interface/fonts/bod_i-webfont.eot?#iefix') format('embedded-opentype'),
         url('../interface/fonts/bod_i-webfont.woff') format('woff'),
         url('../interface/fonts/bod_i-webfont.ttf') format('truetype'),
         url('../interface/fonts/bod_i-webfont.svg#BodoniMTItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FONTS:GENERAL */
body{font-family:Lato; font-weight:300; font-size:14px; color:#ddd; letter-spacing:1pt;}
.content_first {margin-top:0px;}
h1{font-family:BodoniMTCondensedItalic; font-size:38pt; color:#ff4526; letter-spacing:2pt; font-weight:normal;}
h2, .news_title{font-family:BodoniMTCondensedItalic; font-size:24pt; color:#ff4526; letter-spacing:2pt; font-weight:normal; text-transform:lowercase;}
h3{font-family:Lato; font-weight:300; text-transform: uppercase; font-size:13pt; color:#fff; letter-spacing:1pt;}
p, a.mail{font-family:Lato; font-weight:400; font-size:14px; letter-spacing:1pt; text-align:justify; line-height:19px;}

.menu_title a:link, .menu_title a:visited{font-family:BodoniMTItalic; font-size:18pt; color:#ff4526; letter-spacing:-1pt;}
.menu_title a:hover, .menu_title li{font-family:BodoniMTItalic; font-size:18pt; color:#000; letter-spacing:-1pt;}
.sousmenu a:link, .sousmenu a:visited{font-family: Lato; font-size: 14pt; color: #000; letter-spacing: -1px; font-weight: 300;}
.sousmenu a:hover{color:#fff; text-shadow:0px 0px 1px #fff;}

.footer_link a:link, .footer_link a:visited{font-family:BodoniMTItalic; font-size:17pt; color:#ff4526; letter-spacing:-1pt; text-decoration:none;}
.footer_link a:hover{color:white;}
p.bold, p .bold{font-size:15px; text-transform:uppercase;}
p.exergue, p .exergue, a.mail{color:#ff4526;}
p.right, p .right{text-align:right;}

/* FONTS:CONTACT */
#contact_input{font-family:BodoniMTCondensedItalic; font-size:18pt; color:#ff4526; letter-spacing:1pt;}
#contact_textarea{font-family:Lato; font-weight:300; color:#ddd; font-size:14px; letter-spacing:1pt;}
#contact_button{font-family:BodoniMTCondensedItalic; font-size:18pt; color:#000; letter-spacing:1pt;}
#contact_button:hover{color:white;}
.contact_errorframe{font-family:BodoniMTCondensedItalic; font-size:17pt; color:#fff; letter-spacing:1pt;}
.contact_errorframe_texte{font-family:Lato; font-weight:300; font-size:14px; color:#fff; line-height:17px;}
a.mail{text-decoration:none;}
a.mail:hover{text-decoration:underline;}

/* FRAMES:MAIN */
body, #intro_body{background: url('../interface/bg_rideaux.jpg') repeat-x fixed; margin:0px;}
#back_gradient{position:fixed; z-index:-2; margin-left:-850px; left:50%; width:1700px; height:100%; background: url('../interface/h_gradient.png') repeat-y;}
#bot_gradient{position:fixed; z-index:-1; bottom:0px; height:243px; width:100%; background: url('../interface/v_gradient.png') repeat-x;}
#wrapper{position:absolute; z-index:0; margin-left:-396px; left:50%; top:116px; width:792px;}
#background{position:fixed; z-index:-1; top:0px; left:50%; margin-left:-430px; height:100%; width:860px; background-color:#151515;}
#menu_line_1{position:absolute; top:149px; left:-1px; width:792px; height:1px; background-color:#ff4526;}
#menu_line_2{position:absolute; top:352px; left:-1px; width:792px; height:1px; background-color:#ff4526;}
#site_content{position:absolute; z-index:1; top:245px;}
#logo{position:absolute; left:216px; top:-22px; width:399px; height:71px; background: url('../interface/logo.png') no-repeat; cursor:pointer;}
#breadcrumb{position:relative; left:2px; top:-23px; height:54px; width:20px;}
h1{position:relative; left:12px; top:-17px; white-space:nowrap; margin:0px;}
h2, .news_title{position:relative; left:2px; margin:90px 0px 0px 0px;}
.news_title{display: inline;}
h3{position:relative; left:14px; top:-23px;  margin:0px; white-space:nowrap;}
p{position:relative; left:2px; margin-top:2px; margin-bottom:10px;}
p .tab, p.tab{margin-left:25px;}
p .tab2, p.tab2{margin-left:50px;}
.content_dash{position:relative; top:45px; left:50%; width:400px; margin-left:-200px; border-bottom:1px #ff4526 solid; border-top:1px #666 solid;}
.content_pic_right{margin-top:5px; margin-left:35px; float:right; clear:right;}
.content_pic_left{margin-top:5px; margin-right:35px; float:left; clear:left;}
#footer_main{position:relative; width:792px; margin-top:100px; height:20px; margin-bottom:50px;}
#footer_evolution{position:absolute; left:0px; top:-20px; width:30px; height:50px; border:1px solid #ff4526;}
#footer_evolution2{position:absolute; left:45px;}
#footer_contact{position:absolute; right:0px;}
#footer_slash{position:absolute; right:50px; top:5px; width:10px; height:20px; background:url('../interface/breadcrumb_slash.png') no-repeat;}

/* FRAMES:INTRO */
#intro_body{position:fixed; height:100%; width:100%; z-index:50; opacity:1; display:none;}
#back_gradient_intro{position:relative; z-index:51; margin-left:-435px; left:50%; top:45px; width:870px; height:100%; background: url('../interface/h_gradient_intro.png') repeat-y;}
#logo_intro{position:relative; z-index:52; left:50%; margin-left:-200px; top:50%; margin-top:-45px; width:399px; height:71px; background: url('../interface/logo.png') no-repeat;}
#main-cache{position:fixed; height:100%; width:100%; background-color:#000; z-index:49;}

/* FRAMES:TEMOIGNAGES */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background:#000;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxClose{cursor:pointer;}
.temoignages_container{padding:20px; cursor:pointer; margin-top:90px;}
.temoignages_container:hover{border:1px solid #ff4526; padding:19px;}
div.short{cursor:auto;}
div.short:hover{border:0px; padding:20px;}
div#full1, div#full2, div#full3{padding:35px; background:#000;}

/* FRAMES:CONTACT */
#contact_input{width:350px; border:1px solid #ff4526; background-color:#151515; margin-bottom:18px;}
#contact_input:hover{border:1px solid white;}
#contact_textarea{width:650px; border:1px solid #ff4526; background-color:#151515; margin-bottom:10px;}
#contact_textarea:hover{border:1px solid white;}
#contact_button{width:150px; border:1px solid #ff4526; background-color:#ff4526; cursor:pointer;}
#contact_button:hover{border:1px solid white;}
#contact_errorframe{position:fixed; z-index:2; left:50%; margin-left:-200px; top:50%; margin-top:-45px; width:400px; height:90px; padding-left:30px; border:1px solid #ff4526; background-color:#ff4526; opacity:0.9; cursor:pointer;}
#contact_errorframe:hover{border:1px solid white;}
#contact_errorframe_close{position:absolute; left:357px; top:7px; width:60px; height:20px;}
#contact_errorframe p{margin-top: 20px;}
 
/* FRAMES:L'EQUIPE */
#description{text-align:center; margin-top: 50px;}
.roundabout-holder {list-style: none; width: 40em; height: 10em; margin: 3em auto;}
.roundabout-moveable-item {height: 209px; width: 209px; cursor: pointer; }
.roundabout-moveable-item img {width: 100%;}			
.roundabout-in-focus {cursor: auto;}

/* FRAMES:ADMIN */
form.login{width: 500px; left: 50%; margin-left: -250px; position: relative; height: 250px; margin-bottom: 160px; top: 111px;}

/* FRAMES:MENU */
#menu{position:relative; z-index:3; top:116px; left:-13px; width:840px; list-style-type:none; margin:0; padding:0; border:0;}
#menu li{float:left; margin:0; padding:0; border:0; z-index:100;}
#menu li a:link, #menu li a:visited{display:block; height:1%; margin:0; padding:1px 12px; border:0; text-decoration:none;}
#menu .sousmenu{position:absolute; display: none; list-style-type:none; margin:-36px 0px 0px 0px; padding:0px 12px 10px 12px; border:0; background-color:#ff4526; z-index:4; cursor:pointer; box-shadow:0px 5px 14px #000;}
#menu .sousmenu li{float:none; margin:6px 0 0 0; padding:0; border:0; white-space:nowrap;}
#menu .sousmenu li a:link, #menu .sousmenu li a:visited{display:block; margin:0; padding:0; border:0; text-decoration:none;}
#menu li:hover > .sousmenu {display:block;}
#menu .menu_spacer{width:20px;}
#menu li .menu_liseret{height:1px; width:100%; background-color:white; margin-top:3px; margin-bottom:8px;}
#menu .menu_spacer{width:29px;}