/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/
li{list-style-type:none}
article ul{display:block;margin:0 0 20px 20px}

/*Reset slider*/

.bx-wrapper .bx-viewport{
	-moz-box-shadow: none !important;
	-webkit-box-shadow:none !important; 
	box-shadow: none !important; 
	border: none !important; 
	left: 0px !important;
	background: #f7f7f7 !important;
	}
	
	/* Nouvelles class liée au slider */
	
.title-slider{z-index:6000; !important margin-top:15px;}
	
article .article-slider{ position:relative; z-index:6000; top:10px;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
 caption, tbody, tfoot, thead, 
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

table,tr,th, td{
	
	/*margin: 0;
	padding: 0;
	border: 0;*/
}
.table_border{
	
	border: 1px solid black;	
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

figure {position: relative;}
figure img {width: 100%;}



body {
    font-family: "Trebuchet MS","Helvetica","Arial", sans-serif;
    font-size: 14px;
    margin: 0; padding:0;
    background: #f7f7f7;
    position:relative;
    
}

p { margin: 0 0 1em 0;}
a:hover { text-decoration: none; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 0.63em;}
h1 {
	font-size: 20px;
	padding: 20px 0;
	margin: 0 0 -10px;
}

h1.titre_sur_route {
	background: url(../img/fond_titre_vipsealbleu.png)  right no-repeat;
}
h1.titre_hors_route {
	/*background: url(../img/fond_titre_vipsealrouge.png)  right no-repeat;*/
}
h1.titre_vert {
	background: url(../img/fond_titre_vipsealvert.png)  right no-repeat;
}

label { display: block; font-weight: bold;  margin-top:10px;}
label.error { font-size:10px; font-weight:normal; color:#b10000; margin:0;}
input, textarea { font-family: "Trebuchet MS","Helvetica","Arial",sans-serif; padding: 4px; display:block; }
textarea{ min-height: 90px;}
input[type=text],input[type=email],textarea { width: 50%;}
.asterisque { font-weight: normal; color: #b10000;}

.wrapper { width: 813px; margin: 0 auto; position:relative; }

section.anim { background: #131313; background-position-y: 43px; }
section.onroad { background: url(../img/banniere_onroad.jpg) center no-repeat #131313; background-position-y: 43px; }
section.offroad { background: url(../img/banniere_offroad.jpg) center no-repeat #131313; background-position-y: 43px; }
section.green { background: url(../img/banniere_green.jpg) center no-repeat #131313; background-position-y: 43px; }



/*  Ridy */

#head {
   /* overflow:hidden;
    height: 271px;
    position:relative;*/
}
#head_color {
    overflow:hidden;
    height: 300px;
    position:relative;
   /* background-color: green;*/
}
/* End  Ridy */

	#head #banniere {
		position:absolute;
		z-index:1;
		top:43px;
		width:1920px;
		left:50%; margin-left: -960px;
		
	}
	#head #banniere img.diapo {
		position:absolute;
		top:0;
		width:1920px;
		left:50%;
		margin-left: -960px;
	}
	
    #head nav{
        width:100%; height: 43px;
        background:url(../img/bgmenu.png) repeat-x;
        position:absolute;
        top:0;z-index:2;
    }
        #head nav ul {
            list-style-type: none;
            padding:0;
        }
			#head nav li { display: inline; }
            #head nav li a {
                float: left;
                color: #ffffff;
                text-decoration: none;
                font-weight: bold;
                border-bottom: 2px solid transparent;
                font-size: 11px;
                margin-right: 20px;
                padding: 10px 0 0 0;
            }
            #head nav li a:hover, #head nav li a.active {
                border-bottom: 2px solid #f4f312;
            }
        #head nav li#langswitcher a {
            float:right;
            display:block;
            width: 24px; height: 24px;
            color: transparent; font-size:0;
            border-bottom: none;
            padding-top:15px;
        }
       
       
        #head nav li#langswitcher a.switch_fr {
        
        	
        	background:url(../img/drapeaux/france3.jpg) no-repeat;
        	width: 30px;
        	height: 15px;
		    left: 757px;
		    position: absolute;
		    top: 7px;
		
            /*background:url(../img/langswitcher.png) center left no-repeat;*/
            
        }
                #head nav li#langswitcher a.switch_en {
                
            background:url(../img/drapeaux/uk2.jpg) no-repeat;
        	width: 30px;
        	height: 15px;
		    left: 757px;
		    position: absolute;
		    top: 7px;
		    
            /*background:url(../img/langswitcher.png) center right no-repeat;*/
        }
       

    
    #head header {
        position: relative;
        top: 43px;
        height:228px;
		z-index:2;
        
    }
        #head header h1 { margin: 0; }
            #head header h1 a.onroad {
                display: block;
                height: 83px; width: 285px;
                font-size:0; color: transparent;
                margin-top: 44px; top: 50%;
            }
			body.fr #head header h1 a.onroad { background:url(../img/logo_bleu_fr.png) no-repeat; }
			body.en #head header h1 a.onroad { background:url(../img/logo_bleu_en.png) no-repeat; }
			
            #head header h1 a.offroad {
                display: block;
                height: 83px; width: 285px;               
                font-size:0; color: transparent;
                margin-top: 44px; top: 50%;
            }
			body.fr #head header h1 a.offroad { background:url(../img/logo_rouge_fr.png) no-repeat; }
			body.en #head header h1 a.offroad { background:url(../img/logo_rouge_en.png) no-repeat; }
			
            #head header h1 a.green {
                display: block;
                height: 83px; width: 285px;
                font-size:0; color: transparent;
                margin-top: 44px; top: 50%;
            }
			body.fr #head header h1 a.green { background:url(../img/logo_vert_fr.png) no-repeat; }
			body.en #head header h1 a.green { background:url(../img/logo_vert_en.png) no-repeat;}

#head footer#breadcrumb {
    /*background:url(../img/topcontent.png) center;*/
	height: 72px;
	position: absolute;
	top: 282px;
	right: -14px;
	width: 100%;
	z-index: 2500000;
}
    #head footer#breadcrumb #trail {
        padding: 20px 15px 0 15px;
        width:750px;
		margin: 0 auto;
        color: #9c9c9c;
        font-size: 12px;
        font-weight: bold;
    }
        #head footer#breadcrumb #trail a {
            color: #9c9c9c;
            text-decoration: none;
        }
        #head footer#breadcrumb #trail a:hover {
            color: #131313;
        }
		
article.wrapper {
    padding:0 30px 15px;
    width:720px;
		margin: 0 auto;
    line-height:22px;
    text-align:justify;
    z-index: 10000;
    top:310px;
}

	article.onroad h1, article.onroad h2, article.onroad h3,
	article.onroad h4, article.onroad h5, article.onroad h6 { color: #001f59; }
	article.onroad a { color: #0073ae; }
	
	article.offroad h1, article.offroad h2, article.offroad h3,
	article.offroad h4, article.offroad h5, article.offroad h6 { color: #b50000; }
	article.offroad a { color: #ef0000; }
	
	article.green h1, article.green h2, article.green h3,
	article.green h4, article.green h5, article.green h6 { color: #045900; }
	article.green a { color: #4cae00; }

	article img {
	
	}

aside#fast_access { position:absolute; top:-110px; z-index:2; }
    aside#fast_access ul {
        padding:0;
        list-style-type:none;
        width: 230px;
        float: right;
    }
		aside#fast_access li { display: inline; }
        aside#fast_access li a {
            width: 66px; height: 59px;
            display: block;
            float: left;
            color: transparent;
            font-size:0;
        }
            aside#fast_access li a#veepee_bleu {
                background:url(../img/veepee_bleu.png) no-repeat;
            }
            aside#fast_access li a#veepee_rouge {
                background:url(../img/veepee_rouge.png) no-repeat;
            }
            aside#fast_access li a#veepee_vert {
                background:url(../img/veepee_vert.png) no-repeat;
            }
        aside#fast_access li a:hover {
            padding-bottom:5px;
            margin-top:-5px;
        }

footer.wrapper {
    background:url(../img/foot.png) no-repeat;
    height: 59px;
    text-align: center;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: bold;
    padding-bottom:15px;
}
    footer.wrapper p { padding-top:35px; }
    footer.wrapper a {
        color: #9c9c9c;
        text-decoration: none;
    }
    footer.wrapper a:hover {
        color: #131313;
    }
    



/********
* Tipsy jQuery plugin
********/

.tipsy {
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #cbcbcb;
    opacity: 1; filter: alpha(opacity=100);
    background-repeat: no-repeat;
    background-image: url(../img/tipsy.gif);
}
.tipsy-inner { padding: 5px 8px 4px 8px; background: url(../img/bgtipsy.png) repeat-x; color: black; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/*-----------------------------------------------------------------------------------------------------------*/
/*              News CSS                                                                                       */
/* ----------------------------------------------------------------------------------------------------------*/
#background1{ 

	background: url(../img/header_bleu_all.jpg)   no-repeat; 
	width: 1870px;
	min-height: 950px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;
	
}
#background2{ 

	background: url(../img/header_rouge_all.jpg)   no-repeat; 
	width: 1870px;
	min-height: 600px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;;
	
}
#background3{ 

	background: url(../img/header_vert_all.jpg)   no-repeat; 
	width: 1870px;
	min-height: 600px;   
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;
}

#background1-gb{ 

	background: url(../img/header_bleu_all_gb.jpg)   no-repeat; 
	width: 1870px;
	min-height: 950px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;
	
}
#background2-gb{ 

	background: url(../img/header_rouge_all_gb.jpg)   no-repeat; 
	width: 1870px;
	min-height: 600px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;;
	
}
#background3-gb{ 

	background: url(../img/header_vert_all_gb.jpg)   no-repeat; 
	width: 1870px;
	min-height: 600px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;
}

#background-slider{
	
	width: 1870px;
	min-height: 600px;
	position: absolute;
    left: 50%;
    margin-left: -935px;
    top: 43px;
	z-index:4000;
	
}
#trail{margin: 0 auto; width: 700px; margin-top: 20px;}

#news1{	background: url(../img/header_bleu.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto;}
#news2{	background: url(../img/header_rouge.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto;}
#news3{	background: url(../img/header_vert.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto;}

#news1gb{	background: url(../img/header_bleu_gb.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto; }
#news2gb{	background: url(../img/header_rouge_gb.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto;}
#news3gb{	background: url(../img/header_vert_gb.jpg)   no-repeat;  width: 750px; height: 255px; margin: 0 auto;}


#picto_bleu{
	
	background: url(../img/bleu_ligne2.png) no-repeat;
	width: 600px;
	height: 50px;
	position: absolute;
	top: 45px;
	left: 166px;	
}
#picto_rouge{
	
	background: url(../img/rouge.png) no-repeat;
	width: 600px;
	height: 120px;
	position: absolute;
	top: 0px;
	left: 166px;	
}
#picto_vert{
	
	background: url(../img/vert_ligne2.png) no-repeat;
	width: 600px;
	height: 50px;
	position: absolute;
	top: 45px;
	left: 145px;	
}

.rouge{
	
	color: #B50000;
}
.bleu{
	
	color: #001F59;
}
.vert{
	
	color: #045900;
}