/* ===================================================================

   GENERAL

   =================================================================== */



/* MERCI DE LIRE LA DOCUMENTATION présent sur le PSD */



/***************** BODY *****************/

* {
/*---on passe toutes les marges à 0---*/

margin:0;
padding:0;
}

html {
height:100%;
background:#121212;
}

body {
background:none;
height:100%;
}



/* Animation transition 

---------------------------------- */

a, span, i, form, #btn_up, .linkImg {
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}



/* Fix liens

----------------------------------- */

a, a:hover {text-decoration: none;}



a:active, a:focus { outline: none; }



/* Fix Webkit bordure orange 

----------------------------------- */

input, textarea {
outline-style: none;
}



/* Styliser la sélection de texte : 

   ----------------------------------- */

::-moz-selection{ background: lienHoverColor; color:#FFF; text-shadow: none; }

::selection { background:#2b9f4f; color:#FFF; text-shadow: none; }



/* @FONTFACE

----------------------------------- */



/*@font-face {
font-family: 'Nom_de_la_Police';
src: url('http://www.barsportifsorel.com/charte/font/Nom_de_la_Police.eot');
src: local('☺'), 

url('http://www.barsportifsorel.com/charte/font/Nom_de_la_Police.woff') format('woff'),

url('http://www.barsportifsorel.com/charte/font/Nom_de_la_Police.ttf') format('truetype'),

url('http://www.barsportifsorel.com/charte/font/Nom_de_la_Police.svg#webfont3O1lEWkC') format('svg');
font-weight: normal;
font-style: normal;
}*/



@font-face {
font-family: 'icomoon';
src:url('http://www.barsportifsorel.com/charte/fonts/icomoon.eot');
src:url('http://www.barsportifsorel.com/charte/fonts/icomoon.eot#iefix') format('embedded-opentype'),

url('http://www.barsportifsorel.com/charte/fonts/icomoon.ttf') format('truetype'),

url('http://www.barsportifsorel.com/charte/fonts/icomoon.woff') format('woff'),

url('http://www.barsportifsorel.com/charte/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}



[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.icon-plus:before {
content: "\e601";
}

.icon-arrow-up:before {
content: "\e602";
}

.icon-arrow-up:before {
content: "\e603";
}

.icon-arrow-right:before {
content: "\e604";
}

.icon-uniE605:before {
content: "\e605";
}

.icon-pictures:before {
content: "\e606";
}

.icon-arrow-left:before {
content: "\e600";
}

.icon-arrow-down:before {
content: "\e607";
}

.icon-arrow-left2:before {
content: "\e608";
}

.icon-arrow-down:before {
content: "\e60a";
}

.icon-play:before {
content: "\e609";
}

.icon-iconmonstr-smartphone-9-icon:before {
content: "\e60b";
}

.icon-iconmonstr-location-16-icon:before {
content: "\e60c";
}

.icon-iconmonstr-email-icon:before {
content: "\e60d";
}

.icon-iconmonstr-shop-4-icon:before {
content: "\e60e";
}

.icon-iconmonstr-newspaper-7-icon:before {
content: "\e60f";
}

.icon-iconmonstr-location-icon:before {
content: "\e610";
}

.icon-iconmonstr-phone-icon:before {
content: "\e611";
}

.icon-iconmonstr-printer-6-icon:before {
content: "@";
}





/* ===================================================================

   AGENCEMENT

   =================================================================== */



/* CONTAINER

----------------------------------- */

#container {
position:relative;
width:988px;
margin:0 auto;
margin-top: 644px;


background:#121212;
}



/* HEADERNOFLASH

----------------------------------- */

#headerNoFlash {
    display: block;
    height: 970px; width: 100%;
    outline: 0 none;


    position: absolute; top: 0;
    overflow-x: hidden;
}



/* HEADER-IN

----------------------------------- */

#header-in {
width: 944px; height: 590px;
position: absolute;
top: 0; left: 50%;
margin-left: -472px;


z-index: 5;
}



/* DIAPORAMA HEADER

----------------------------------- */

#diaporama-header {
height: 597px; width: 100%;
overflow: hidden;}



/* Masque */

#diaporama-header span.masque {
height: 597px; width: 100%;
background: url(http://www.barsportifsorel.com/charte/images/masque.png) top center no-repeat;
position: absolute;
z-index: 4;
}



/* ENCART-HEADER

----------------------------------- */

#encart-header {
width: 500px; height: 65px;
margin-top: 245px;
float: right;
}



/* CONTENU

----------------------------------- */

#contenu_bg {
float:left;
width:988px;
}

#contenu {
float:left;
width:988px;
}

#contenu p{
font:normal 14px/25px 'Noto Sans', sans-serif;
}

#contenu-gauche {
float:left;
width:948px;
min-height: 520px;
margin: 40px 20px 80px 20px;
}

#contenu #contenu-gauche h1{
font:600 34px/60px 'Open Sans', sans-serif;
color: #393939;
border-bottom: solid 1px #393939;
}

#contenu #contenu-gauche h2{
color: #CCC;
}

#contenu #contenu-gauche h4{
color: #666;
}

#contenu-droite {
display: none;
float:left;
width:180px;
}



#sidebar-Left {
display: none;
width: 230px;
float: left;
margin: 50px 42px 30px 22px;
}



/* MENUTOP

----------------------------------- */

#menu-top-fixed {
position: fixed;
z-index: 10;


width: 100%; height: 60px;


background:#111111;
border-bottom: 3px solid #2b9f4f;
}



#menuTop {
width: 988px; height: 60px;
margin: 0 auto;
list-style:none;
}



#menuTop li {
position:relative;
float:left;
}  

#menuTop a {
font:600 14px/60px 'Open Sans', sans-serif;
text-transform: uppercase;
color:#c6c6c6;
text-align:center;


display:inline-block;
height:60px;
overflow:hidden;


padding:0 21px;
}



/* HOVER & ACTIVE */

#menuTop a:hover, 

#menuTop a.trigered, 

#menuTop a.rubrique_active {
background:#2b9f4f;
color:#FFF;
}



/***************** SOUS MENU */

#menuTop li ul {
list-style:none;
position:absolute;
width:auto;
top:-6000px;
left:0;
background:#1b1b1b;
}

#menuTop li li {
float:none;
}

#container #menuTop li li a {
background:none;
width:auto;
position:relative;
height:30px;
font:11px/30px Arial, Helvetica, sans-serif;
text-transform:none;
color:#CCC;
text-align: center;
text-decoration:none;
border-top:solid 3px #000;


}

#container #menuTop li li a:hover {
border-top:solid 3px #000;
}



/* MENULEFT

----------------------------------- */



#menuLeft {
display: none;
float:left;
width:200px;
padding: 15px;
margin-bottom: 30px;


list-style:none;
background:#111111;
}



#menuLeft li a {
background:none;
text-decoration:none;
font:bold 14px/36px 'Noto Sans', sans-serif;
text-transform: uppercase;
color:#909090;
display:block;
overflow:hidden;
padding: 5px 10px;
}



/* HOVER & ACTIVE */

#menuLeft li:hover a, 

#menuLeft li a.rubrique_active, 

#menuLeft li.inUse a {
background: #000000;
color: #e74c3c;
}



/***************** SOUS MENU */

#menuLeft li ul {
list-style:none;
background:#939395;
}

#menuLeft li ul li a, #menuLeft li:hover ul li a, #menuLeft li.inUse ul li a {
background:none;
border:none;
text-decoration:none;
font:bold 11px/18px Arial, Helvetica, sans-serif;
color:#2C2F35;
display:block;
overflow:hidden;
padding:5px 10px;
border-width:0;
}

#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
text-decoration:none;
color:#FFF;
background:rgba(0,0,0,0.2);
border-width:0;
}



/* FOOTER

----------------------------------- */



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer {
clear:both;
}

#clearFooter {
height:40px;/*--- = à la hauteur du footer ---*/

}



#containerfooter {
position:relative;
clear:both;
width:100%;
height:150px;/*--- = à la hauteur du footer ---*/

margin:-150px 0 0; /*--- = MaginTop à la hauteur du footer ---*/

/*background:url(http://www.barsportifsorel.com/charte/images/bg-containerfooter.png) top center repeat-x;*/

background:#d6302c;
}



#footer {
position:relative;
width:988px;
height:150px;
margin:0 auto;
font:9px/15px Arial, Helvetica, sans-serif;
color:#ccc;
}



/******************* STYLE FOOTER *****************/

#footer p {
width: 100%;
font: 11px 'Open Sans', sans-serif;
text-transform: uppercase;
color:rgba(255, 255, 255, 1);
text-align:center;
padding:65px 0 0 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:rgba(255, 255, 255, 0.7);
}

#footer a:hover, #footer a:active {
text-decoration:none;
color:rgba(255, 255, 255, 1);
}



/******************* LINKEO *****************/



#linkeo {
position:absolute;
left:50%;
margin-left: -60px;
bottom: 28px;
width:350px;
height:26px;


line-height:10px;
color:rgba(255, 255, 255, 0.4);
padding:4px 0 0;
}

#linkeo img {
float:left;
margin:2px 10px 0 10px;
}

#footer #linkeo a.linkeo {
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:rgba(255, 255, 255, 0.7);
}

#footer #linkeo a:hover.linkeo {
text-decoration:none;
color:rgba(255, 255, 255, 1);
}





/* ===================================================================

   ELEMENTS

   =================================================================== */



/* LOGO + SEPARATION + SLOGAN

----------------------------------- */

/* LOGO TEXTE */

#Logo {
display: block;
float: left;
margin-top: 150px;
background: url(http://www.barsportifsorel.com/charte/images/logo.png) center center no-repeat;
width: 303px;
height: 282px;margin-left:341px;


font: 600 78px/110px 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #FFF;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}



#Logo:hover {
opacity: 0.6;
}



/* SEPARATION */

span.separa {
display: none;
float: left;
height: 2px; width: 1434px;
left: 0;


opacity: .2;
background: #FFF;
}



/* SLOGAN */

/*#slogan {
float: left;
background: url(http://www.barsportifsorel.com/charte/images/slogan.png) center center no-repeat;
width: 620px;
height: 84px;
margin: 130px 0 0 320px;
}*/



/* LOGO IMAGE */

/*#Logoimg {
display: block;
position: absolute;
top: 215px; left: 0;


width: 190px; height: 190px;
border-radius: 50%;
background: #FFF url(http://www.barsportifsorel.com/charte/images/logo.png) center center no-repeat;
}



#Slogan {
margin-left: 220px;
}*/



/* ENCART CONTACT HEADER

----------------------------------- */

.contact-head {
display: block;
float: right;


color: #b0b0b0;
font-size: 70px;


width: 70px; height: 61px;
overflow: hidden;
margin-left: 10px;


text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}



.contact-head span {
float: left;
margin-top: -5px;
}



.contact-head h2 {
float: left;
font:bold 14px 'Open Sans', sans-serif;
text-transform: uppercase;
margin: 10px 0 0 10px;
}



.contact-head:hover {
width: 170px;
color: #FFF;
}



/* SCROLL-CONTENT

----------------------------------- */

#scroll-content {
width: 100%; height: 80px;


}

#scroll-content span{
color: #FFF;
}



/* LINK-TO-ACTION

----------------------------------- */

.link-to-action {
float: left;
width: 100%; height: 0px;


background: #000;
border-top: 1px solid #373737;
border-bottom: 1px solid #373737;
}


/*
.link-to-action .ideoslider {
width: 988px;
margin: 0 auto;
}*/



/* BTN_UP

----------------------------------- */

#btn_up-container {
width: 100%; height: 100px;
background: #5d5d5d;
border-top: 1px solid #373737;
/* de la hauteur du footer */

margin-bottom: 150px;
}



#btn_up {
cursor: pointer;
z-index: 9;
margin: 0 auto;
margin-top: 15px;


width:150px;
height:55px;


font:bold 14px 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
color: #333333;
}



#btn_up span {
font-size: 30px;
line-height: 40px;
}



#btn_up:hover span {
font-size: 35px;
}





/* ADDED

----------------------------------- */

#contenu #contenu-gauche img{
border: solid 1px #373737;
}

#contenu .ideo_cnt_blocFormulaire{
padding: 0 0 0 0;
width: 100%;
}

#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{
font-size: 13px;
line-height: 1.2em;
}

#contenu ul#ideo_inc_planSite li{
float: left;
width: 29%;
padding-left: 30px;
}

#contenu .ideo_inc_contact p {
font-size: 0.9em;
}



#ideo_cnt_global p.ideo_inc_messageErreur a{
color: #2B9F4F;
}

/* BANNIERE PUB LINKEO

----------------------------------- */



/*#pub468 {
width:468px;
height:60px;
position:absolute;
top:5px;
left:50%;
margin-left:-234px;
z-index:100;
border: 1px solid #FFFFFF;
}

#pub468 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}

#pub180 {
width:180px;
height:150px;
float:right;
margin-left:15px;
border: 1px solid #FFFFFF;
}

#pub180 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}*/



/**/



/* ------------------------------------- 

FIX

--------------------------------------- */



/* FIX BANDEAU03 SUR LES AUTRES PAGES QU'INDEX */

.link-to-action { display: block; }

/*#index .link-to-action { display: block; }*/



/* FIX CONTAINER SANS BANDEAU03 */

#index #container {margin-top: 643px;}



/* FIX SI CHANGEMENT LINE-HEIGHT SUR <p> */

#contenu ul li {
background: url("http://www.barsportifsorel.com/images/integration/puce.png") no-repeat scroll 10px 0px transparent;
}



#index #headerNoFlash {
height: 970px;
}





/* ------------------------------------- 

MEDIA QUERIES - RESPONSIVE DESIGN

--------------------------------------- */



/* ==== DESKTOP - 1680 PX ==== */

@media screen and (max-width: 1680px) {


#diaporama-header div.btnPrev {right: 24% !important;}

#diaporama-header div.btnNext {right: 21.7% !important;}

}



/* ==== DESKTOP - 1600 PX ==== */

@media screen and (max-width: 1600px) {


#diaporama-header div.btnPrev {right: 23% !important;}

#diaporama-header div.btnNext {right: 20.3% !important;}

}



/* ==== DESKTOP - 1280 PX ==== */

@media screen and (max-width: 1280px) {
#diaporama-header {height: 580px;}

#header-in {height: 580px;}

#diaporama-header div.btnPrev {right: 16% !important;}

#diaporama-header div.btnNext {right: 12.5% !important;}

}



/* ==== NOTEBOOK - 1010 PX ==== */

@media screen and (max-width: 1030px) {
#diaporama-header {height: 540px;}

#header-in {height: 540px;}

#diaporama-header div.btnPrev {right: 7% !important;}

#diaporama-header div.btnNext {right: 3% !important;}

}