@font-face {
    font-family:"Questrial";
    src:url('/media/fonts/fonts_windows/questrial-regular.eot');
    src:url('/media/fonts/Questrial-Regular.ttf')format('truetype');
}
@font-face {
    font-family:"Merriweather";
    src:url('/media/fonts/fonts_windows/merriweather-bold.eot');    
    src:url('/media/fonts/Merriweather-Bold.ttf')format('truetype');
}
@font-face {
    font-family:"arial";
    src:url('/media/fonts/fonts_windows/arial.eot');
    src:url('/media/fonts/arial.ttf')format('truetype'); 
}
@font-face {
    font-family:"arialbd";
    src:url('/media/fonts/fonts_windows/arialbd.eot');
    src:url('/media/fonts/arialbd.ttf')format('truetype');
}
@font-face {
    font-family:"Rock";
    src: url('/media/fonts/Rock.eot');
    src: url('/media/fonts/Rock.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/Rock.woff') format('woff'),
         url('/media/fonts/Rock.TTF')format('truetype');
}

html {
    height:100%;
}

body {
    min-height:100%;
    position:relative;

}

.clear {
    clear:both;
   }

#contenu, .contenu_for_classic_footer, .contenu_for_small_footer, #container {
    position:relative;
    min-height:100%;
}

.contenu_for_classic_footer {
    padding-bottom:300px;
}

.contenu_for_small_footer {
    padding-bottom:50px;
}

/*---HEADER LOGIN OFF---*/

#ombre_header {
    margin:-10px auto 0;
    width:1024px;
    height:9px;
}

#ombre_header img {
    margin-top:-5px;
}

#ombre_header_inset {
    margin:43px auto;
    width:1024px;
    vertical-align:bottom;
}

#bar_header {
    min-width:1024px;
    height:10px;
    background-color:#000;
    border-bottom:1px solid #344c66;
}

#header {
    background-image:url('/media/img/pattern_header_bon.png');
    min-width:1024px;
    height:76px;
}

.content_header {
   width: 1024px; 
   margin:0 auto;
   height:87px;
}

.content_header img {
    max-width:none;
}

#logo {
    width:131px;
    height:66px;
    padding:5px 0 0 0;
    float: left;
}

#logo a {
    margin:0 0 0 45px;
}

#social_header { 
    float: left;
    margin: 20px 0 0 550px;
}

#facebook_trans {
    margin-left:10px;
    float:left;
    display:block;
    width:27px;
    height:27px;
    background-image:url('/media/img/facebook_trans.png');
}

#twitter_trans {
    margin-left:10px;
    float:left;
    display:block;
    width:27px;
    height:27px;
    background-image:url('/media/img/twitter_trans.png');
}

#languette {
    position:relative;
    width: 205px;
    height: 37px;
    float: right;
    margin-right: 60px;
    background-image:url('/media/img/image_account.png');
}

li {
    list-style:none;
}

/*---DEBUT HEADER CONNECTED---*/

#gros_header {
    width:100%;
    height:45px;
    margin:0 auto;
    background-color:#000000;
    border-bottom:1px solid #344c66;
}

#gros_header ul, #gros_header ol {
    margin:0;
}

#petit_logo {
    float:left;
    margin:4px 0 0 0;
}

#petit_orange {
    width:100%;
    height:10px;
    background-image:url('/media/img/pattern_header_bon.png');
}

#content_gros_header {
    margin:0 0 0 20px;
}

#content_gros_header ul li:first-child a {
    border-left: none;
}

#content_gros_header a { 
    float:left;
    font-family:"arialbd";
    color:#ffffff;
    text-decoration:none;
    margin:15px 20px 0 0px;
    border-left:2px solid #ffffff;
    padding:0 0 0 20px;
    font-size:16px;
}

#content_gros_header a:hover {
    color:#ec6c1f;
}

#social_header_connected {
    width:120px;
    height:35px;
    float:left;
    margin:5px 10px 0 50px;
}

#facebook_header {
    float:left;
    display:block;
    width:32px;
    height:32px;
    background-image:url('/media/img/facebook_dark.png');
    background-repeat:no-repeat;
}

#facebook_header:hover {
    background-image:url('/media/img/facebook_active.png');
}

#twitter_header {
    margin-left:5px;
    float:left;
    display:block;
    width:32px;
    height:32px;
    background-image:url('/media/img/twitter_dark.png');
    background-repeat:no-repeat;
}

#twitter_header:hover {
    background-image:url('/media/img/twitter_active.png');
}

/*---FIN HEADER CONNECTED---*/
.liens {
    font-family:"arial";
    color:#ffffff;
    margin:0px 0 0 0px;
    text-decoration:none;
}

.liens:hover {
    text-decoration:underline;
}

.lien_ins {
    font-family:"arial";
    color:#ec6c1f;
    margin:15px 0 0 0px;
    text-decoration:none;
}

.lien_ins:hover {
    text-decoration:underline;
}

#account_menu {
    width:1024px;
    margin:0 auto;
    color:#ffffff;
    text-decoration:none;
}

#languette .dropdown input {
    width:180px;
    margin:10px 0 5px 0;
}

.hasmore {
    font-family:"arialbd";
    color:#ffffff;
    margin:0px 0 0 30px;
}

.hasmore_connected {
    background-image:url('/media/img/image_account.png');
    background-repeat:no-repeat;
    background-position:bottom;
    padding:0px 0 20px  0;
    float:right;
    width:200px;
    margin:-1px 0 0 0;
    color:#ffffff;
    font-family:"arial";
    padding:15px 0 0 0px;
}

.hasmore_connected img {
    margin:-2px 0 0 40px;
    vertical-align:middle;
}

.hasmore_connected strong {
    color:#ffffff;
    font-family:"arial";
    margin:-5px 0 0 10px;
    font-size:16px;
}

.hasmore_connected #login {
    font-family:"arial";
    color:#ec6c1f;
    text-align:center;
    font-size:16px;
    z-index:20;
}

.menu_connect {
    position:absolute;
    color:#ffffff;
    height:37px;
    line-height:37px;
    font-family:"arialbd";
    text-decoration:none;
    padding-left: 30px;
    text-align:center;
    z-index:11;
    font-size:16px;
}

.menu_connect:hover {
    color:#ec6c1f;
}
.menu_connect img {
    vertical-align:middle;
}


#languette #petit_bouton {
    float:right;
    display:block;
    margin:-15px 10px 0 0;
    width:58px;
    height:37px;
    background-image:url('/media/img/petit_bouton.png');
    background-color:transparent;
    border:0;
}

#languette #petit_bouton:hover {
    background-image:url('/media/img/petit_bouton_active.png');
}

#languette .dropdown {
    position:absolute;
    height:145px;
    display:none;
    background-color:#000;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    padding:30px 0px 10px 10px;
    z-index:10;
}

#languette .dropdown p {
    clear:both;
    width:197px;
    font-size:12px;
    font-family:"arial";
    color:#fff;
    text-align:left;
}

#languette .dropdown a, #languette .dropdown label {
    clear:both;
    font-family:"arial";
    font-size:10px;
    color:#fff;
    text-align:left;
    margin:0 50px 0 0;
}

#languette_connected p {
    position:relative;
    z-index:10;
    margin:0 0 9px;
    line-height:18px;
}

#languette_connected .dropdown {
    position:absolute;
    top:45px;
    height:30px;
    display:none;
    background-color:#000;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    padding:30px 0px 10px 10px;
    margin:0 0 0 8px;
    width:170px;
    z-index:10;
}

#languette_connected .dropdown a {
    clear:both;
    font-family:"arial";
    font-size:16px;
    color:#fff;
    padding-left:30px;
}

/*---FIN HEADER---*/

/*---DEBUT FOOTER---*/

#footer {
    position:absolute;
    z-index:1;
    bottom:0px;
    width:100%;
    height:250px;
    background:url('/media/img/pic_footer2.png');

    padding:30px 0 0px 0;
}

#footer_content {
    margin:0 auto 10px;
    width:1024px;
    height:180px;
}

.border {
    border-left:1px solid #ffffff;
}

.texts {
    height:150px;
    display:inline-block;
    margin:0 0 0 30px;
    padding:0 0 0 30px;
    vertical-align:top;
}

.titles {
    color:#e9e6bb;
    font-size:16px;
    font-family:"Rock";
}

.texts a {
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
    font-family:"Arial";

}

.texts a:hover {
    color:#ec6c1f;
}

#img {
    display:block;
    margin:15px 0px 60px 0px;
}

#facebook {
    float:left;
    display:block;
    width:32px;
    height:32px;
    background-image:url('/media/img/facebook_dark.png');
    background-repeat:no-repeat;
}

#facebook:hover {
    background-image:url('/media/img/facebook_active.png');
}

#facebook_load {
    display:none;
}

#twitter {
    margin-left:5px;
    float:left;
    display:block;
    width:32px;
    height:32px;
    background-image:url('/media/img/twitter_dark.png');
    background-repeat:no-repeat;        
}


#twitter:hover {
    background-image:url('/media/img/twitter_active.png');
}

#twitter_load {
    display:none;
}

small {
    color:#ffffff;
    font-size:11px;
    font-family:"arial";
}

#input {
    display:block;
}

.paiement_secu img {
    margin-right:2px;
    width:45px;
    height:25px;
    display:inline;
    vertical-align:middle;
}


#assurance {
    width:1024px;
    margin:20px auto 0px;
}

#footer_very_small_content {
    padding:0px 0 0 0;
    width:924px;
    margin:10px auto 0;
}

#footer_very_small_content strong {
    font-size:12px;   
    color:#ffffff;
    font-family:"arial";
}

#footer_very_small_content small {
    font-size:12px;
}

/*---FIN FOOTER---*/

/*---DEBUT FOOTER CONNECTED---*/

#footer_small {
    position:absolute;
    bottom:0px;
    width:100%;
    height:120px;
    background:url('/media/img/pic_footer2.png');
    padding:10px 0 0px 0;
    z-index:1;
}

#footer_small_content {
    line-height:30px;
    width:1024px;
    height:120px;
    margin:0 auto;
    font-family:"arial";
}

#footer_small_content p {
    font-family:"arial";
    font-size:14px;
    color:#ffffff;
    margin:0px 0 0 0;
}

.footer_small_div {
    color:white;
}

#footer_small #left_bloc {
    width:600px;
    padding-top:20px;
    float:left;
}

.reassurance {
    width:928px;
    margin:0 auto;
}

.reassurance strong {
    vertical-align:middle;

}

.reassurance img {
    margin-right:2px;
    width:45px;
    height:25px;
    display:inline;
    vertical-align:middle;
}

.e_transaction img {
    margin-right:2px;
    width:120px;
    height:25px;
    display:inline;

}

#content_with_return {
    width:1024px;
    margin:0 auto;
}

#return_top {
    display:inline-block;
    margin:40px 0 0 70px;
    color:white;
    font-family:"arial";
    vertical-align:top;
}

#return_top img {
    vertical-align:middle;
    margin-right:5px;
}

#return_top a {
    font-size:14px;
    text-decoration:none;
    color:white;
    vertical-align:middle;
    margin-left:5px;
}

#return_top a:hover {
    color:#ec6c1f;
}

#return_top_gros_footer {
    color:white;
    font-family:"arial";
    display:inline-block;
    margin-left:50px;
    vertical-align:middle;
}

#return_top_gros_footer img {
    vertical-align:middle;
    margin-right:5px;
}

#return_top_gros_footer a {
    font-size:14px;
    text-decoration:none;
    color:white;
    vertical-align:middle;
    margin-left:5px;
}

#return_top_gros_footer a:hover {
    color:#ec6c1f;
}

#logo_footer {
    height:107px;
    width:212px;
    margin-top:2px;
    opacity:0.2;
    display:inline-block;
}

.crea_billet {
    font-family:"arial";
    color:#ec6c1f;
    text-decoration:none;
    font-size:12px;
    margin:0 0 0 5px;
    padding:0px 0 0 0;
}

.crea_billet:hover {
    text-decoration:underline;
}


#footer_small_content strong {
    font-family:"Merriweather";
    font-size:16px;
    color:#e9e6bb;
    font-weight:normal;
}

.petit {
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
/*---FIN FOOTER CONNECTED---*/