@charset "utf-8";
/* ~~~~~~~~~~~~~~~~ Toutes les pages ~~~~~~~~~~~~~~~~*/
*{
	margin: 0px;
	padding: 0px;
	outline: none;
	color:#FFFFFF;
	font-size:12px;
}

h1{font-size:29px; font-style:italic;  clear:both;}
h2{font-size:17px;  clear:both;}
h3{font-size:15px;  clear:both; padding-left:10px;}
h4{font-size:10px;  clear:both;}

.list-partenaire{
	margin-left:20px;
}

.fil-arianne{
	padding-bottom:15px;
}

a{
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover{
	color:#ff3c00;
	text-decoration:none;
}

a:visited{
	color:#ff3c00;
}

img { behavior: url(iepngfix.htc) }

#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}

#pageflip a{
	border:none; 
}

#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../images/toute/subscribe.png) no-repeat right top;
}

 body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-right:auto;
	margin-left:auto;
	background:#2a2a2a;
	z-index:0;
	}
	
#main{

}

#conteneur{
	width:859px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background:url(../images/toute/AR_conteneur.png) repeat-y ;
	z-index:0;
	padding-top:264px;
}

/* \\\\\\\\\\\ Header //////////// */
#header{
	width:882px;
	height:264px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	position:absolute;
	top:0px;
}

#slider {
    width: 882px; /* important to be same as image width */
    height: 264px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 882px; /* important to be same as image width or wider */

}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.slideImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 882px;
    background-color: #000;
    
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slideImage span strong {
    font-size: 14px;
}

#slider ul { list-style-type: none;}

/* \\\\\\\\\\\ Menu //////////// */
#menu{
	margin-left:6px;
	background:url(../images/toute/menu/AR_menu.png) no-repeat top;
	width: 823px;
}

.accueil{width:70px; padding-left:7px;}
.auto{width:65px; padding-left:13px;}
.equipe{width:70px; padding-left:7px;}
.resultat{width:80px; padding-left:7px;}
.communication{width:125px; padding-left:4px;}
.partenaires{width:100px; padding-left:5px;}
.contact{width:80px; padding-left:7px;}
.liens{width:65px; padding-left:13px;}

.lavaLampBottomStyle {
	position: relative;
	height: 29px;
	width: 823px;
	overflow: hidden;
	padding-top:3px;
}

.lavaLampBottomStyle li {
	float: left;
	list-style: none;

}

.lavaLampBottomStyle li.back {
	/*border-top: 5px solid blue;*/
	background:url(../images/toute/menu/trait.png) no-repeat top;
	padding-top:2px;
	width: 9px;
	height: 25px;
	z-index: 8;
	position: absolute;
}

.lavaLampBottomStyle li a {
	font: 14px arial;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
}  
 
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
}         


#colonneGauche{
	margin-top:20px;
	width:310px;
	margin-left:-50px;
	z-index:0;
	float:left;
	padding-bottom:100px;

}

#colonneDroite{
	margin-top:-20px;
	background:#2a2a2a;
	width:623px;
	z-index:0;
	float:left;
	margin-left:-25px;
	background:url(../images/toute/AR_contenu.png) no-repeat top;
	min-height:500px;
}

#content{
	margin-top:55px;
	width:550px;
	margin-left:15px;
}

#spaceBottom{
	clear:both;
	width:100%;
	height:120px;
}

#piedPage{
	background:url(../images/toute/piedPage.png) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	height:236px;
	margin-top:-184px;	
	z-index:50;
}

#bewiizFooter{
	padding-top:10px;
	padding-left:263px;
}

#menuFooter{
	padding-top:135px;
	padding-left:295px;
	color:#d7d7d7;
}

#prochaine-epreuve{
	width:260px;
	height:73px;
	background:url(../images/toute/AR_epreuve.png) no-repeat ;
	padding-left:39px;
	margin-left:578px/*500px*/;
	/*margin-top:143px;*/
	padding-top:43px;
	position:absolute;
	top:160px;
}

#Compte{
	font-size:25px;
	font-weight:bold;
	color:#ffea01;/* f23900 */
}

span#jour{
	font-size:25px;
	font-weight:bold;
	color:#ffea01;/* f23900 */
	position:absolute;
	text-align:center;

}

span#heure{
	font-size:25px;
	font-weight:bold;
	color:#ffea01;/* f23900 */
	position:absolute;
	text-align:center;
	margin-left:63px;

}

span#min{
	font-size:25px;
	font-weight:bold;
	color:#ffea01;/* f23900 */
	position:absolute;
	text-align:center;
	margin-left:115px;

}

span#sec{
	font-size:25px;
	font-weight:bold;
	color:#ffea01;/* f23900 */
	position:absolute;
	text-align:center;
	margin-left:157px;
}

.sousCompteJour{
	font-size:9px;
	color:#000000;
	margin-left:-3px;
}

.sousCompteHeure{
	font-size:9px;
	color:#000000;
	margin-left:-10px;
}

.sousCompteMin{
	font-size:9px;
	color:#000000;
	margin-left:-13px;
}
.sousCompteSec{
	font-size:9px;
	color:#000000;
	margin-left:3px;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page d'Accueil ~~~~~~~~~~~~~~~~*/
#news{
	width:298px;
	height:250px;
	background:url(../images/toute/AR_panneauNews.png) no-repeat ;
	padding-left:45px;
	padding-top:40px;
	margin-top:-25px;
}

.actualite{
	width:200px;
	padding-top:10px;		
}

.contentNews{
	
	background:url(../images/toute/news/trait_bas.png) bottom no-repeat ;
}

.pictoNews{
	
	width:32px;
}

.contenuNews{
	
	width:140px;
}

.titreNews{
	font-size:13px;
	font-weight:bold;
}

.descriptionNews{
	font-size:10px;
}

#partenaires{
	width:254px;
	height:127px;
	background:url(../images/toute/AR_panneauPartenaire.png) no-repeat ;
	margin-left:16px;
	padding-top:38px;
	margin-top:-40px;
}

#bandeauPartenaire{
	margin-left:25px;
	width:208px;
	height:80px;
}

#bandeauPartenaire ul, #bandeauPartenaire ul li{
	list-style:none;
}

.msgDevenirPartenaire{
	margin-top:2px;
	padding-left:13px;
	margin-left:23px;
	background:url(../images/toute/flecheD.png) center left no-repeat ;
}

#livreOr{
	width:263px;
	height:138px;
	background:url(../images/toute/AR_livreOr.png) no-repeat ;
	margin-left:10px;
}

#encart-facebook{
	width:263px;
	height:138px;
	background:url(../images/toute/AR_facebook.png) no-repeat ;
	margin-left:10px;
}

.msgSigneLivre{
	margin-left:40px;
	margin-right:30px;
	padding-top:40px;
	text-align:center;
}

.msgFacebook{
	margin-left:30px;
	margin-right:30px;
	padding-top:50px;
	text-align:center;
	padding-left:10px;
}

.goFacebook{
	text-align:center;
	margin-top:10px;
}



.goLivre{
	text-align:center;
	margin-top:10px;
}

#actuPilote{
	width:522px;
	height:198px;
	background:url(../images/accueil/actu_pilote.png) no-repeat ;
	margin-left:7px;
	padding-left:15px;
	padding-right:15px;
	padding-top:35px;
}

#dernierMedia{

}

#der-photos{
	width:370px;
	height:129px;
	background:url(../images/accueil/AR_derPhoto.png) no-repeat ;	
	float:left;
	padding-top:30px;
	padding-left:17px;
}

#der-photos img{
	padding:2px;
	border: 1px solid #6f6e6e;
	cursor:pointer;
	margin-left:8px;
}
#der-photos img:hover{
	padding:0px;
	border: 3px solid #ff3c00;
}

.msgDerPhoto{
	padding-left:13px;
	margin-left:10px;
	background:url(../images/toute/flecheD.png) center left no-repeat ;
}

#der-video{
	width:132px;
	height:133px;
	background:url(../images/accueil/AR_derVideo.png) no-repeat ;
	margin-left:8px;
	float:left;
	padding-top:30px;
	padding-left:21px;
	
}

.msgDerVideo{
	margin-top:-20px;
	color:#ff3c00;
	background:url(../images/toute/flecheD.png) center left no-repeat ;
	padding-left:13px;
	margin-left:-3px;
}

.titreActu{
	color:#ff3c00;
	font-size:18px;
}

.actualite_pilote{
	width:437px;
	height:105px;	
	margin-top:5px;
}

.datePublication{
	
}

/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page Résultats ~~~~~~~~~~~~~~~~*/
#pageResultat{
	float:right;
}

.lienResultat{
	width:21px;
	height:22px;
	padding-top:3px;
	text-align:center;
	float:left;
}

#select { background: url(../images/resultat/AR_btnLien.png) no-repeat; color:#ff3c00;}

.lienResultat a:hover {
	color:#ff3c00;
	text-decoration:none;
}

.lienResultat:hover {
	background: url(../images/resultat/AR_btnLien.png) no-repeat;
	color:#ff3c00;
	text-decoration:none;
}

/*>>> Partie Saison */
.puce-titre-course{
	position:absolute;
}

.titreEpreuve{
	padding-left:15px;
	background:url(../images/resultat/puceTitreSaison.png) 0px 4px no-repeat;
}

.resumeEpreuve{
	width:390px;
	height:195px;
	float:left;
}

.lire-suite-saison{
	padding-left:13px;
	height: 22px;	
	vertical-align:middle;
	background:url(../images/toute/flecheD.png) left center no-repeat;
	margin-left:300px;
}

.photoEpreuve{
	float:left;
	margin-top:30px;
	margin-left:10px;
}

.photoEpreuve img{
	padding:2px;
	border: 1px solid #6f6e6e;
}

.photoEpreuve img:hover{
	padding:0px;
	border: 3px solid #ff3c00;
}

.resume{
	margin-top:10px;
}

/*>>> Partie Palmares */
.palmares
{
	clear:both;
	width: 547px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-top:-15px;

}

.explicationPalmares{
	font-size:11px;
	font-weight:bold;
}

.table-haut
{	
	background: url(../images/resultat/palmares/table_haut.png) no-repeat ;
	height:86px;	
}

.saison_annee{
	font-size:27px;
	font-family:Arial Black;
	color:#ffea01;
	padding-top:20px;
	padding-left:402px;
}

 .table-milieu
{	
	background: url(../images/resultat/palmares/table_milieu.png) bottom  ;
	height:39px;
}

 .table-bas
{	
	background: url(../images/resultat/palmares/table_bas.png) no-repeat ;
	height:23px;
}

.palmares td
{
	color: #FFFFFF;
	font-weight: bold;		
}

.table_data
{
	width: 35px;
	text-align: center;
}

.table_data1
{
	width: 130px;
	text-align: center;
}

.table_data2
{
	padding-right:10px;
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page Livre d'or ~~~~~~~~~~~~~~~~*/
.infoPosteur strong{
	color:#f23900;
}

#signerLivre{
	background:url(../images/livre-dor/AR_bouton.png) no-repeat;
	width:121px;
	height:23px;
	border:none;
	padding-left:44px;
	padding-top:4px;
	margin-top:0px;
	margin-left:400px;
	padding-bottom:5px;
}

#signerLivre a:hover {
	color:#ff3c00;
	text-decoration:none;
}

#signerLivre a:visited {
	color:#ff3c00;
	text-decoration:none;
}

.post{
	background:url(../images/livre-dor/AR_message.png) bottom no-repeat;
	width:548px;
	min-height:164px;
	margin-left:-7px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:20px;
}

.msgPoste{
	padding-right:85px;
}

.lienSpe{
	text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~ Page contact ~~~~~~~~~~~~~~~~*/
#facebook{
	padding-right:30px;
}

#iconFacebook{
	position:absolute;
	margin-left:380px;
	margin-top:30px;
}

#formulaire{
	background:url(../images/contact/AR_contact.png) no-repeat;
	width:547px;
	height:270px;	
	padding-top:12px;
}

.champObligatoire{
	font-size:9px;
}

#formulaire table{
	margin-left:15px
}

#formulaire td{
	padding-left:10px;
	vertical-align:top;
}

select{
	border:1px solid #FF3C00;
	width:200px;
	height:20px;
	margin-top:5px;
	background:#4e4d4d;
	text-align:center;
}

input{
	border:1px solid #FF3C00;
	width:200px;
	height:20px;
	margin-top:5px;
	background:#4e4d4d;
}

textarea{
	border:1px solid #FF3C00;
	width:270px;
	height:193px;
	background:#4e4d4d;
	margin-top:5px;
}

#submit{
	background:url(../images/livre-dor/AR_bouton.png) 0px 4px no-repeat;
	width:121px;
	height:30px;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size:13px;
}



#reset{
	background:url(../images/livre-dor/AR_bouton.png) 0px 4px no-repeat;
	width:121px;
	height:30px;
	border:none;
	cursor:pointer;
	font-size:13px;
	color:#FFFFFF;
}

#submit:hover{
	color:#ff3e03;
}

#reset:hover{
	color:#ff3e03;
}

.error{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page devenir partenaire ~~~~~~~~~~~~~~~~*/
.expo-devenir-partenaire{
	float:right;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page équipe ~~~~~~~~~~~~~~~~*/

.boxgrid{ 
	width: 225px; 
	height: 170px;				 
	float:left; 
	background:#161613; 
	border: solid 3px #FFFFFF; 
	overflow: hidden; 
	position: relative; 
	margin-left:30px;
	margin-bottom:20px;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Arial", Arial, sans-serif; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000 ; 
	height: 75px; 	
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption p{ 
	padding-left:20px;
}

.captionfull .boxcaption {
	top: 260px;
	left: 0;
	
}

/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~ Page partenaire ~~~~~~~~~~~~~~~~*/
.table-partenaire{
	width:560px;
	
}

.description-partenaire{
	width:365px;
}

.info-partenaire{
	vertical-align:middle;
}

.partenaire{
	width: 240px; 
	height: 120px;	
	background:url(../images/partenaires/AR_panneau.png) no-repeat;
	
}

.coord-partenaire{
	margin-top:4px;
	font-size:11px;
}

.boxgrid2{ 
	width: 208px; 
	height: 100px;				 
	float:left; 	
	overflow: hidden; 
	position: relative; 
	margin-left:13px;
	cursor:pointer;
}

.boxgrid2 img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid2 p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Arial", Arial, sans-serif; 
}
	
.boxcaption2{ 
	float: left; 
	position: absolute; 
	background: #000 ; 
	height: 100px; 	
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption2 p{ 
	padding-left:15px;
}

.titreCoord{
	margin-left:-12px;
	border-bottom: 1px solid #ff3c00;
}

.cover2 {
	top: 82px;
	left: 0;
	
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page album-photo ~~~~~~~~~~~~~~~~*/
.retour-album{
	width: 240px; 
	height: 22px;	
	vertical-align:middle;
	background:url(../images/album-photo/AR_btnRetour.png) left center no-repeat;
	padding-left:13px;
	padding-top:6px;
	position:absolute;
	margin-top:-25px;
	margin-left:345px;
}

#lien-communication{
	/*float:right;*/
	clear:both;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:25px;
	padding-left:325px;
}

#lien-communication-grand{
	/*float:right;*/
	clear:both;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:225px;
}

.avertissement{
	text-align:center;
}

.album{
	width:137px;
	height:135px;
	float:left;
	text-align:center;
	margin-top:14px;
}

.nom-album{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.nom-album a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.nom-album a:visited{
	color:#6f6e6e;
}

.image-album{
	margin-top:10px;
}

.nb-photo{
	font-size:11px;
	margin-top:-17px;
	color:#ff3c00;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page album-photo ~~~~~~~~~~~~~~~~*/
.photo{
	width:182px;
	height:135px;
	float:left;
	text-align:center;
	margin-top:12px;
}

.image-photo{
	margin-top:10px;
}

.image-photo img{
	height:108px;
	padding:3px;
	border: 1px solid #6f6e6e;
	cursor:pointer;
}

.image-photo img:hover{
	height:108px;
	padding:0px;
	border: 4px solid #ff3c00;
}

/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page videos ~~~~~~~~~~~~~~~~*/
.video{
	width:137px;
	height:135px;
	float:left;
	text-align:center;
	margin-top:14px;
}

.nom-video{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.nom-video a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.nom-video a:visited{
	color:#6f6e6e;
}

.image-video{
	margin-top:10px;
}

.cam-video{
	font-size:10px;
	margin-top:-20px;
	color:#ff3c00;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page videos ~~~~~~~~~~~~~~~~*/
a.btn_photo{
	width:100px;
	height:26px;
	background:url(../images/communication/btn_photo.png) no-repeat;
	display:block;
	float:left;
	margin:5px;
}

a.btn_photo:hover{
	background-position:0px -25px;
}

a.btn_video{
	width:97px;
	height:25px;
	background:url(../images/communication/btn_video.png) no-repeat;
	display:block;
	float:left;
	margin:5px;
}

a.btn_video:hover{
	background-position:0px -25px;
}

a.btn_presse{
	width:97px;
	height:25px;
	background:url(../images/communication/btn_presse.png) no-repeat;
	display:block;
	float:left;
	margin:5px;
}

a.btn_presse:hover{
	background-position:0px -25px;
}

.presse{
	
	width:273px;
	height:65px;
	float:left;
	
}

.nom-journal{
	font-size:14px;
	font-weight:bold;
}

.info-article{
	vertical-align:top;
}

.logo-article{
	vertical-align:top;
}

.info-article a{
	width: 240px; 
	height: 22px;	
	vertical-align:middle;
	background:url(../images/toute/flecheD.png) left center no-repeat;
	padding-left:13px;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page liens ~~~~~~~~~~~~~~~~*/
.lien{
	text-align:center;
	padding-bottom:20px;
}

.lien p a{
	font-size:14px;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~ Page auto ~~~~~~~~~~~~~~~~*/
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:6px 12px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(../images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    padding: 0 0 0 4px;
	margin-left:125px;
	margin-top:15px;
}

.tabs-nav span {
	text-decoration:none;
}

.tabs-nav span:hover {
	text-decoration:underline;    
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    width:100px; /* be nice to Opera */
	height:30px;
	background: url(../images/auto/AR_onglet.png);
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
	color: #ff3c00;
	font-size:13px;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
}

.tabs-container ul{
    padding-left:30px;
}

.imageAuto{
	/*top:760px;
	position:absolute;*/
}

.titreAuto{
	font-size:15px;
	margin-top:10px;
	font-weight:bold;
}

#pictoMoteur{
	position:absolute;
	margin-left:67px;
	margin-top:148px;
}

#pictoHabitacle{
	position:absolute;
	margin-left:111px;
	margin-top:91px;
}

#pictoCaisse{
	position:absolute;
	margin-left:477px;
	margin-top:48px;
}

#pictoSuspension{
	position:absolute;
	margin-left:-10px;
	margin-top:200px;
}

#pictoFrein{
	position:absolute;
	margin-left:440px;
	margin-top:332px;
}
/* ~~~~~~~~~~~~~~~~ ___________________ ~~~~~~~~~~~~~~~~*/

#video-youtube{
text-align:center;
margin-right:auto;
margin-left:auto;
}

/* ~~~~~~~~~~~ Accordeon jquery Communication ~~~~~~~~~~~*/

ul.accordion-communication{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.accordion-communication li{
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  margin-right: 10px;
  border-right: 3px solid #ffffff;
}

ul.accordion-communication li.last{
  border-right: none;
}

ul.accordion-communication li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 75px;
  text-decoration:none;
}

#a1{
  width: 300px;
}

ul.accordion-communication li img{
  position: absolute;
  border:none;
  /*border: 3px solid #881212;*/
}

ul.accordion-communication li p{
  margin: 0;
  padding: 0;
  width: 200px;
  display: block;
  margin-left: 85px;
  padding-top:10px;
}

.titre-push-accordion{
	font-size:15px;
	font-weight:bold;
}