/* PDF */

#swf{
width: 665px !important;
max-height: 945px !important;
}


/* Dataxy version 2.3 - 2011 */
/* design: nicolab */


/* FONT */

@font-face {
font-family: 'yanone';
src: url('font/yanone.eot');
	
src: local('yanone'),
url('font/yanone.ttf') format('truetype');
}


/* GENERAL */

html{
cursor: url(images/fleche.png), default;
}
body{
background: #fff;
font: normal 10pt arial, helvetica, sans serif;
color: #333;
}

::-webkit-scrollbar{
background: #ac9d93;
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb{
background: #444;
}
::-webkit-scrollbar-thumb:hover{
background: #666;
}

#contenu{
background: url(images/colonne.png) repeat-y right;
margin: 0px auto;
width: 980px;
}
#angle {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

a{
color: #f40;
text-decoration: none;
outline: none;
cursor: url(images/main.png), pointer;

-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
-ms-transition-property: color;
-ms-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
a:hover{
color: #666;
text-decoration: none;
}

::-moz-selection {
background: #fe0;
color: #333;
}
::selection {
background: #fe0;
color: #333;
}

input,
textarea,
select{
font-family: arial, helvetica, sans serif;
border: none;
padding: 2px;
outline: none !important;
}
input[type=text],
input[type=text]:focus,
textarea,
textarea:focus,
select{
border: none;
background: #ac9d93;
color: #111;
}
input[type=button],
input[type=submit]{
background: #fff;
border: none;
color: #f40;
text-transform: uppercase;
cursor: url(images/main.png), pointer;
}

ul{
padding-left: 0px;
list-style: none;
}
table{
background: none;
}
img{
border: none;
}


/*-------------------------------------------------------------------------------------------------------------*/
/* TITRE HAUT */

#barre_titre{
position: fixed;
background: #fff url(images/logo.gif) no-repeat 0px 20px;
width: 980px;
height: 101px;
z-index: 10;
}
#barre_titre a{
display: block;
width: 200px;
height: 90px;
color: #fff;
font-size: 1px;
}


/*MENU JQUERY*/

#barre_onglets_der{
width: 980px;
height: 36px;/**/
background: #444 url(images/menu.png) repeat-x;
position: fixed;
top: 101px;
z-index: 10;
}

/*menu*/
.menulink{
display: block;
height: 30px;/**/
font: 15pt yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
padding: 6px 10px 0px 10px;
color: #fff;

-width: 90px;
-text-align: center;
}
.menulink:hover{
color: #baa;
}
.menuhover{
cursor: url(images/fleche.png), default;
color: #baa;
}
#barre_onglets_der .menu li {
position: relative;
float: left;
}


/*sous-menu*/
.menu ul {
background: url(images/deroulant.png) no-repeat;
position: absolute;
top: 36px;
left: -10px;
width: 175px;
padding: 0px 10px 0px 10px;
display: none;
opacity: 0;

-left: 0px;
-width: 155px;
-padding: 0px;
}
.menu ul li {
position: relative;
top: 10px;
width: 155px;
float: left;
}
.menu ul li a {
display: block;
padding: 6px 10px 6px 10px;
text-align: left;
color: #fff;
background-color: #444;

}
.menu ul li a  img {

margin-right: 5px;
color: #ffffff;
}
.menu ul li a:hover {
background-color: #94877e;
}

.arrondi{
height: 25px;
}

/*-------------------------------------------------------------------------------------------------------------*/
/* MENU VERTICAL - ZONE 1 */

#colonne{
position: relative;
top: 0px;
left: 0px;
z-index: 2;
margin: 72px 0px 0px 0px;
width: 300px;
min-height: 320px;
float: right;
}

#colonne a{
height: 20px;
display: block;
text-decoration: none;
color: #fff;
}
#colonne a:hover{
color: #f50;
}

#colonne input[type=text]{
background: #fff;
}


#colonne .zone{
margin: 0px 0px 30px 0px;
padding: 0px 15px 8px 15px;
}
h2.menu{
display: none;
}
#colonne .zone p{
text-align: left !important;
}
#colonne .zone ul{
margin-top: 10px;
}

#colonne .article_bloc h2{
display: none;
}
#colonne .titre strong a{
background: #444 url(images/titre4.png) no-repeat right;
display: inline;
padding: 1px 16px 1px 5px !important;
font: 14pt yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
color: #ba9;
position: relative;
z-index: 2;
-webkit-transition-property: padding-right;
-moz-transition-property: padding-right;
transition-property: padding-right;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#colonne .titre strong a:hover{
padding-right: 35px !important;
}
#colonne .titre{
height: 20px;
margin-top: 23px;
}
#colonne .article_bloc p{
display: block;
margin-top: 2px;
width: 260px;
text-align: justify !important;
color: #333;
}
#colonne .article_bloc a{
display: inline;
color: #333;
}
#colonne .article_bloc strong{
font-weight: normal;
}

#colonne .article_bloc img{
display: none;
}


/*moteur de recherche*/

#sbi2{
width: 230px;
height: 19px;
margin: 31px 0px 20px 0px;
padding-left: 8px;
float: left;
position: relative;
z-index: 2;
color: #ac9d93;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
-ms-transition-property: color;
-ms-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
#sbi2:hover,
#sbi2:focus{
color: #333;
}

#ok_recherche{
background: url(images/loupe3.png) no-repeat;
width: 30px;
height: 21px;
margin: 24px 0px 0px 0px;
padding: 0px;
font-size: 1px;
cursor: url(images/main.png), pointer;
border: none;
text-align: right;
color: #ac9d93;
color: transparent;

text-align: left \9;
}
#ok_recherche:hover{
background-position: left -21px;
}

/*newsletter*/
.newsletter{
width: 160px;
margin-top: -0px;
margin-left: 20px;
}
h2.newsletter{
background: #FF5500;
font-weight: normal;
text-transform: uppercase;
margin: 0px;
color:#313131;
font: 30px yanone,arial narrow,arial,helvetica,sans serif;
}
.newsletter p{
text-align: left !important;
}
.newsletter select{
background: #fff;
width: 262px;
padding: 0px !important;
cursor: url(images/main.png), pointer;
}
.newsletter .texte{
width: 258px;
padding: 0px 2px;
}
.ok_newsletter{
background: #AC9D93 !important;
font-weight: bold;
margin-left: -7px;
padding-bottom: 10px;
color: #444 !important;
}
.ok_newsletter:hover{
color: #fff !important;
}


/* ZONE 2 */

/* mentions bas de page */
#colonne_blocs{
background: #fff url(images/tiret.gif) no-repeat left 8px;
border-top: 1px solid #a99;
clear: both;
height: 30px;
}
#colonne_blocs .zone{
width: 980px;
margin-top: 0px;
padding: 0px;
}
#colonne_blocs h2{
display: none;
}
#colonne_blocs li{
float: left;
}
#colonne_blocs a{
display: block;
background: url(images/tiret.gif) no-repeat right 8px;
padding: 0px 10px 0px 8px;
font-weight: normal;
height: 14px;
font-size: 9pt;
color: #ac9d93;
}
#colonne_blocs a:hover{
color: #333;
}

/*devis-contact*/

.contact,
.devis2{
background: url(images/devis2.png) no-repeat right 4px;
width: 138px;
height: 100px;
position: fixed;
top: 1px;
margin-left: 705px;
z-index: 11;
-webkit-transition-property: background-position;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-position;
-moz-transition-duration: 0.3s;
-ms-transition-property: background-position;
-ms-transition-duration: 0.3s;
transition-property: background-position;
transition-duration: 0.3s;
}
.contact{
background: url(images/contact2.png) no-repeat 8px 4px;
margin-left: 842px;
}
.devis2:hover{
background-position: right 0px;
}
.contact:hover{
background-position: 8px 0px;
}
.contact a,
.devis2 a{
display: block;
background: grey;
width: 120px;
height: 105px !important;
opacity: 0;
filter : alpha(opacity=0); 
}



/* VISIONNEUSE ACTU */

#titre-slidervisio1{
display: none;
}
#fond-slidervisio1{
background: #ac9d93 url(images/bande1.gif) repeat-x bottom;
width: 670px;/**/
height: 238px;
z-index: 3;
float: left;
}
#fond-slidervisio1 .container {
width: 670px;/**/
height: 238px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}
#fond-slidervisio1 .slides { 
position: absolute;
}
#fond-slidervisio1 .slides > div {
position: absolute; 
top: 0px; 
width: 670px;/**/
display: none;
}
#loopedSlidervisio1{
position: relative; 
}

/* CONTENU VISIONNEUSE ACTU */

#fond-slidervisio1 .photo-slider {
float: left; 
position: relative;
top: 15px;
left: 15px;

/clear: both;
}
#fond-slidervisio1 .photo-slider img{
width: 280px;
}

#fond-slidervisio1 .description{
background: url(images/titre.gif) repeat-x;
position: relative;
display: block;
width: 347px;
height: 180px;
margin: 10px 0px/*marge IE6*/ 0px 308px;
text-align: justify;
border-bottom: 4px solid #333;
}
#fond-slidervisio1 .description strong{
font-weight: normal;
}

/*titre*/
#fond-slidervisio1 .description h2{
background: #ac9d93;
color: #333;
display: inline;
font: 25px yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-right: 3px;
}

/*date*/
#fond-slidervisio1 .underline{
display:none;
}

/*texte*/
#fond-slidervisio1 .description p{
position: relative;
top: 0px;
}

/*numero*/
#fond-slidervisio1 .description i{
display: block;
text-align: right;
font-style: normal;
color: #a99;
position: absolute;
top: 206px;
left: 325px;
opacity: 0.6;

display: none \9;
}

/*lire*/
#fond-slidervisio1 .description a{
display: block;
position: absolute;
top: -10px;
left: -304px;
width: 670px;
height: 215px;
background: url(images/vide.png);
opacity: 0;
filter : alpha(opacity=0); 
}
#fond-slidervisio1 .description a:hover{
color: #ccc;
}

/*liens normaux*/
#fond-slidervisio1 .description p a {
display: inline;
position: relative;
top: 0px;
left: 0px;
opacity: 1;
filter : alpha(opacity=100); 
color: #fff;
z-index: 2;
}

/*fleches*/
#fond-slidervisio1 .previous,
#fond-slidervisio1 .next {
width: 38px; 
height: 8px;
cursor: url(images/main.png), pointer; 
position: absolute;
top: 222px;
z-index: 4;

-top: 215px;
}

#fond-slidervisio1 .previous {
background: url(images/fleche1.gif) no-repeat 2px;
left: 290px;
}
#fond-slidervisio1 .previous:active{ 
background: url(images/fleche1.gif) no-repeat 0px;
}

#fond-slidervisio1 .next {
background: url(images/fleche2.gif) no-repeat 0px;
left: 345px;
}
#fond-slidervisio1 .next:active{ 
background: url(images/fleche2.gif) no-repeat 2px;
}


/* VISIONNEUSE PORTFOLIO 2 */

#titre-slidervisio3{
display: none;
}
#fond-slidervisio3{
background: #ac9d93;
margin-top: -16px;
margin-bottom: -10px;
z-index: 3;
float: left;
}
#loopedSlidervisio3{
position: relative; 
}
#fond-slidervisio3 .container {
width: 980px;/**/
height: 520px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}
#fond-slidervisio3 .slides { 
position: absolute;
}
#fond-slidervisio3 .slides > div {
position: absolute; 
top: 0px; 
width: 980px;/**/
display: none;
}


/* CONTENU VISIONNEUSE PORTFOLIO 2 */

#fond-slidervisio3 .photo-slider {
float: left;
}
#fond-slidervisio3 .photo-slider img{
width: 720px;
}

#fond-slidervisio3 .description{
width: 220px;
height: 420px;
margin: 0px 0px 0px 720px;
padding: 100px 20px 0px 20px;
color: #222;
}
#fond-slidervisio3 .description h2{
display: none;
}
#fond-slidervisio3 .underline,
#fond-slidervisio3 .description i{
display:none;
}

#fond-slidervisio3 .description a{
display: none;
}
#fond-slidervisio3 .description p a {
display: inline;
color: #fff;
}
#fond-slidervisio3 .description p a:hover {
color: #ccc;
}

#fond-slidervisio3 .previous,
#fond-slidervisio3 .next {
width: 38px; 
height: 8px;
cursor: url(images/main.png), pointer; 
z-index: 4;
position: absolute;
top: 490px;
}

#fond-slidervisio3 .previous {
background: url(images/fleche3.png) no-repeat 2px;
left: 870px;
}
#fond-slidervisio3 .previous:active{ 
background: url(images/fleche3.png) no-repeat 0px;
}

#fond-slidervisio3 .next {
background: url(images/fleche4.png) no-repeat 0px;
left: 923px;
}
#fond-slidervisio3 .next:active{ 
background: url(images/fleche4.png) no-repeat 2px;
}

 
/*-------------------------------------------------------------------------------------------------------------*/
/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full_10,
#main_full_01,
#main_full_11{
width: 665px;
margin: 137px 15px 10px 0px;
float: right;

-width: 770px;
-padding-top: 35px;
}

#main_full{
/*width: 665px;*/
margin: 137px 15px 10px 0px;
float: left;

-width: 770px;
-padding-top: 35px;
}


#main_full_10{
background-image: none;
background-color: #fff;
width: 980px;
border: none;
margin: 137px 0px 0px 0px;
padding: 0px 0px 10px 0px;

/margin-left: -15px;
-padding-top: 0px;
}
#main_full_10 .pages,
#main_full_10 .titres_haut{
display: none;
}

.titres_haut{
background: #ac9d93 url(images/slash.png) no-repeat right 6px;
font-weight: normal;
font-size: 8pt;
text-transform: uppercase;
float: left;
padding: 7px 20px 7px 8px;
}
h3 span a{
background: url(images/slash.png) no-repeat left 2px;
margin-left: 8px;
padding-left: 12px;
position: relative;
z-index: 2;
color: #fff;
}
h3 span br{
display: none;
}
.pages{
margin-top: 4px;
font-size: 8pt;
color: #fff;
}
.pages:nth-child(2n+1){
display: none;
}

.pages a{
margin-right: -3px;
background: #ac9d93;
padding: 5px 8px 4px 2px;
text-transform: uppercase;
color: #fff;
}
.pages a:hover{
color: #666;
}
.pages strong{
font-weight: normal;
color: #a99;
}
.titres_bas{
display: none;
}


/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 665px;
margin: 10px 0px 20px 0px;
text-align: justify;
float: right;
}
.fen h2,
.fen396867 h2,
.fen401806 h2{
background: #fff;
color: #f40;
display: inline;
font: 30px yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
padding-right: 1px;
}
.fen strong{
font-weight: normal;
}
.article{
background: url(images/titre3.png) repeat-x;
/*margin-top: -27px;*/
padding-top: 35px;
margin-top: -27px;
}

/*ancres*/
.fen a[name]{
display: block;
width: 2px;
height: 2px;
position: absolute;
margin: -140px 0px 0px 0px;
}

/*lien portfolio*/
#lien-portfolio{
display: block;
background: url(images/portfolio.png) no-repeat left 15px;
width: 242px;
height: 71px;
font-size: 8px;
margin: 10px auto 0px auto;
position: relative;
top: 0px;
color: #fff;
-webkit-transition-property: top;
-webkit-transition-duration: 0.3s;
-moz-transition-property: top;
-moz-transition-duration: 0.3s;
-ms-transition-property: top;
-ms-transition-duration: 0.3s;
transition-property: top;
transition-duration: 0.3s;
}
#lien-portfolio:hover{
top: -5px;
}


/* ARTICLES SPECIAUX */

/*presentation de dataxy*/
.fen332356{
background: #444 url(images/dataxy.gif);
position: relative;
z-index: 2;
width: 280px;
height: 188px;
margin: 0px;
padding: 50px 15px 0px 15px;
text-align: justify;
color: #cbb;
float: left;
font-size: 10pt;
}
.fen332356 h2{
display: none;
}
.fen332356 strong{
font-weight: normal;
}
.fen332356 .article{
background: none;
}

/*menu prestations*/

.fen332451{
float: left;
height: 40px;
}
.fen332451 h2{
display: none;
}
.fen332451 .zone{
background: none !important;
width: 980px;
height: 40px;
margin: 10px 0px 0px 0px;
padding: 10px 0px;
border-top: 1px solid #baa;
border-bottom: 1px solid #baa;

position: relative;
z-index: 2;
}
.fen332451 ul{
margin: 0px;
}
.fen332451 .zone li{
float: left;
}

.fen332451 .zone a{
display: block;
background: url(images/prestation.png);
width: 245px;
height: 32px;
padding: 8px 0px 0px 0px;
font: 20px yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
text-align: center;
-webkit-transition-property: background-position;
-webkit-transition-duration: 0.2s;
-moz-transition-property: background-position;
-moz-transition-duration: 0.2s;
-ms-transition-property: background-position;
-ms-transition-duration: 0.2s;
transition-property: background-position;
transition-duration: 0.2s;
}
.fen332451 .zone a:hover{
background-position: left 40px;
}
.fen332451 .article{
background: none;
}

.portfolio a{
background: url(images/portfolio-accueil.png) no-repeat 0px 5px;
display: block;
position: absolute;
top: 65px;
left: 0px;
width: 363px;
height: 250px;
font-size: 9px;
color: #f9f9f9;
z-index: 3;
-webkit-transition-property: background-position;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-position;
-moz-transition-duration: 0.3s;
-ms-transition-property: background-position;
-ms-transition-duration: 0.3s;
transition-property: background-position;
transition-duration: 0.3s;
}
.portfolio a:hover{
background-position: 0px 0px;
background-position: 0px 4px \9;
}


/*liens rapides*/
.fen395380{
position: absolute;
top: 456px;
margin-left: 375px;
width: 248px;
height: 218px;
padding: 20px 0px 0px 12px;
border-left: 1px solid #ac9d93;
border-right: 1px solid #ac9d93;

/margin-left: -605px;
}
.fen395380 .article{
background: none;
padding: 8px 0px 0px 0px;
}
.fen395380 h2{
display: none;
}

.r1,
.r2,
.r3,
.r4,
.r5,
.r6,
.r7,
.r8,
.r9{
float: left;
margin: 0px 10px 10px 0px;
}
.r1 a,
.r2 a,
.r3 a,
.r4 a,
.r5 a,
.r6 a,
.r7 a,
.r8 a,
.r9 a{
display: block;
background: #ac9d93 url(images/rapide.png);
width: 72px;
height: 72px;
float: left;
font-size: /**/0em/**/;
}
.r2 a{
background-position: -72px 0px
}
.r3 a{
background-position: -144px 0px;
}
.r4 a{
background-position: 0px -72px;
}
.r5 a{
background-position: -72px -72px;
}
.r6 a{
background-position: -144px -72px;
}
.r7 a{
background-position: 0px -144px;
}
.r8 a{
background-position: -72px -144px;
}
.r9 a{
background-position: -144px -144px;
}

.r1 a:hover{
background-position: -216px 0px
}
.r2 a:hover{
background-position: -288px 0px
}
.r3 a:hover{
background-position: -360px 0px;
}
.r4 a:hover{
background-position: -216px -72px;
}
.r5 a:hover{
background-position: -288px -72px;
}
.r6 a:hover{
background-position: -360px -72px;
}
.r7 a:hover{
background-position: -216px -144px;
}
.r8 a:hover{
background-position: -288px -144px;
}
.r9 a:hover{
background-position: -360px -144px;
}


/*nos activites*/
.fen370445{
background: url(images/fond-graph.png) no-repeat left 6px;
width: 330px;
height: 238px;
position: relative;
margin: 314px 0px 6px 649px;

/margin-top: 75px;
}
.fen370445 .article{
background: none;
}
.fen370445 h2{
background: #fff;
color: #f40;
display: inline;
font: 25px yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
padding-right: 1px;
}

.i1 h2,
.i2 h2,
.i3 h2,
.c1 h2,
.c2 h2,
.c3 h2,
.c4 h2{
display: none;
}

.i1{
position: absolute;
top: 62px;
left: 0px;
background: url(images/graph3.png) right;
width: 47px;
height: 26px;
z-index: 3;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: i1;
-moz-animation-name: i1;
-webkit-animation-name: i1;
animation-name: i1;
}
.i1 a{
display: block;
background: url(images/tige3.png) no-repeat 30px 0px;
position: absolute;
top: 26px;
left: 3px;
width: 60px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #222;
}

.i2{
position: absolute;
top: 62px;
left: 0px;
background: url(images/graph2.png) right;
width: 160px;
height: 26px;
z-index: 2;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: i2;
-moz-animation-name: i2;
-webkit-animation-name: i2;
animation-name: i2;
}
.i2 a{
display: block;
background: url(images/tige2.png) no-repeat 30px 0px;
position: absolute;
top: 26px;
left: 117px;
width: 60px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #877;
}

.i3{
position: absolute;
top: 62px;
left: 0px;
background: url(images/graph1.png) right;
width: 320px;
height: 26px;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: i3;
-moz-animation-name: i3;
-webkit-animation-name: i3;
animation-name: i3;
}
.i3 a{
display: block;
background: url(images/tige1.png) no-repeat 25px 0px;
position: absolute;
top: 26px;
left: 281px;
width: 50px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #f30;
}

.c1{
position: absolute;
top: 165px;
left: 0px;
background: url(images/graph4.png) right;
width: 40px;
height: 26px;
z-index: 4;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: c1;
-moz-animation-name: c1;
-webkit-animation-name: c1;
animation-name: c1;
}
.c1 a{
display: block;
background: url(images/tige4.png) no-repeat 25px 0px;
position: absolute;
top: 26px;
left: 2px;
width: 50px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #444;
}

.c2{
position: absolute;
top: 165px;
left: 0px;
background: url(images/graph3.png) right;
width: 120px;
height: 26px;
z-index: 3;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: c2;
-moz-animation-name: c2;
-webkit-animation-name: c2;
animation-name: c2;
}
.c2 a{
display: block;
background: url(images/tige3.png) no-repeat 30px 0px;
position: absolute;
top: 26px;
left: 76px;
width: 60px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #222;
}

.c3{
position: absolute;
top: 165px;
left: 0px;
background: url(images/graph2.png) right;
width: 220px;
height: 26px;
z-index: 2;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: c3;
-moz-animation-name: c3;
-webkit-animation-name: c3;
animation-name: c3;
}
.c3 a{
display: block;
background: url(images/tige2.png) no-repeat 25px 0px;
position: absolute;
top: 26px;
left: 182px;
width: 50px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #877;
}

.c4{
position: absolute;
top: 165px;
left: 0px;
background: url(images/graph1.png) right;
width: 320px;
height: 26px;
-ms-animation-duration: 3s;
-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-ms-animation-name: c4;
-moz-animation-name: c4;
-webkit-animation-name: c4;
animation-name: c4;
}
.c4 a{
display: block;
background: url(images/tige1.png) no-repeat 25px 0px;
position: absolute;
top: 26px;
left: 281px;
width: 50px;
padding-top: 10px;
font-size: 8pt;
line-height: 8pt;
text-align: center;
color: #f30;
}

/*animation activite*/
.i1 a,
.i2 a,
.i3 a,
.c1 a,
.c2 a,
.c3 a,
.c4 a{
-ms-animation-duration: 3.5s;
-moz-animation-duration: 3.5s;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-ms-animation-name: libele;
-moz-animation-name: libele;
-webkit-animation-name: libele;
animation-name: libele;
}
@-ms-keyframes libele{
0% {opacity: 0;}
70% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes libele{
0% {opacity: 0;}
70% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes libele{
0% {opacity: 0;}
70% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes libele{
0% {opacity: 0;}
70% {opacity: 0;}
100% {opacity: 1;}
}

@-ms-keyframes i1{
from {width: 0px;}
to {width: 47px;}
}
@-moz-keyframes i1{
from {width: 0px;}
to {width: 47px;}
}
@-webkit-keyframes i1{
from {width: 0px;}
to {width: 47px;}
}
@keyframes i1{
from {width: 0px;}
to {width: 47px;}
}

@-ms-keyframes i2{
from {width: 0px;}
to {width: 160px;}
}
@-moz-keyframes i2{
from {width: 0px;}
to {width: 160px;}
}
@-webkit-keyframes i2{
from {width: 0px;}
to {width: 160px;}
}
@keyframes i2{
from {width: 0px;}
to {width: 160px;}
}

@-ms-keyframes i3{
from {width: 0px;}
to {width: 320px;}
}
@-moz-keyframes i3{
from {width: 0px;}
to {width: 320px;}
}
@-webkit-keyframes i3{
from {width: 0px;}
to {width: 320px;}
}
@keyframes i3{
from {width: 0px;}
to {width: 320px;}
}

@-ms-keyframes c1{
from {width: 0px;}
to {width: 40px;}
}
@-moz-keyframes c1{
from {width: 0px;}
to {width: 40px;}
}
@-webkit-keyframes c1{
from {width: 0px;}
to {width: 40px;}
}
@keyframes c1{
from {width: 0px;}
to {width: 40px;}
}

@-ms-keyframes c2{
from {width: 0px;}
to {width: 120px;}
}
@-moz-keyframes c2{
from {width: 0px;}
to {width: 120px;}
}
@-webkit-keyframes c2{
from {width: 0px;}
to {width: 120px;}
}
@keyframes c2{
from {width: 0px;}
to {width: 120px;}
}

@-ms-keyframes c3{
from {width: 0px;}
to {width: 220px;}
}
@-moz-keyframes c3{
from {width: 0px;}
to {width: 220px;}
}
@-webkit-keyframes c3{
from {width: 0px;}
to {width: 220px;}
}
@keyframes c3{
from {width: 0px;}
to {width: 220px;}
}

@-ms-keyframes c4{
from {width: 0px;}
to {width: 320px;}
}
@-moz-keyframes c4{
from {width: 0px;}
to {width: 320px;}
}
@-webkit-keyframes c4{
from {width: 0px;}
to {width: 320px;}
}
@keyframes c4{
from {width: 0px;}
to {width: 320px;}
}




/*portfolio*/

.fen370080,
.fen370082,
.fen370083{
width: 660px;
height: 370px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
.fen370080 h2,
.fen370082 h2,
.fen370083 h2{
margin: 0px 0px 20px 0px;
font: 18pt yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
color: #444;
border-bottom: 1px dashed #333;
}

.fen370080 .commentaire_photo td,
.fen370082 .commentaire_photo td,
.fen370083 .commentaire_photo td{
background: #444;
position: absolute;
top: 103px;
left: 422px;
height: 249px;
width: 212px;
padding: 13px 15px 0px 15px;
color: #fff;
}

.fen370080 .article,
.fen370082 .article,
.fen370083 .article{
background: none;
}

.fen370080 img,
.fen370082 img,
.fen370083 img{
border: 1px solid #ac9d93;
}

/*animation histoire*/
#pong{
background: url(images/pong.png) no-repeat;
width: 195px;
height: 201px;
position: relative;
margin: 5px 30px 80px 0px;
float: left;
}
#balle{
background: #fff;
width: 4px;
height: 4px;
position: absolute;
left: 130px;
top: 100px;
-moz-animation-duration: 4s;
-moz-animation-name: balle;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-duration: 4s;
-webkit-animation-name: balle;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-duration: 4s;
animation-name: balle;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#raquette1,
#raquette2{
background: #fff;
width: 4px;
height: 18px;
position: absolute;
left: 10px;
top: 90px;
-moz-animation-duration: 4s;
-moz-animation-name: raquette1;
-moz-animation-iteration-count: infinite;
-webkit-animation-duration: 4s;
-webkit-animation-name: raquette1;
-webkit-animation-iteration-count: infinite;
animation-duration: 4s;
animation-name: raquette1;
animation-iteration-count: infinite;
}
#raquette2{
left: 185px;
top: 30px;
-moz-animation-name: raquette2;
-webkit-animation-name: raquette2;
animation-name: raquette2;
}

@-moz-keyframes balle{
0% {left: 184px; top: 95px;}
25% {left: 80px; top: 140px;}
50% {left: 14px; top: 50px;}
75% {left: 95px; top: 0px;}
100% {left: 184px; top: 95px;}
}
@-moz-keyframes raquette1{
25% {top: 90px;}
50% {top: 50px;}
75% {top: 90px;}
}
@-moz-keyframes raquette2{
0% {top: 90px;}
50% {top: 50px;}
100% {top: 90px;}
}

@-webkit-keyframes balle{
0% {left: 184px; top: 95px;}
25% {left: 80px; top: 140px;}
50% {left: 14px; top: 50px;}
75% {left: 95px; top: 0px;}
100% {left: 184px; top: 95px;}
}
@-webkit-keyframes raquette1{
0% {top: 90px;}
50% {top: 50px;}
100% {top: 90px;}
}
@-webkit-keyframes raquette2{
0% {top: 90px;}
25% {top: 90px;}
50% {top: 50px;}
75% {top: 90px;}
100% {top: 90px;}
}

@keyframes balle{
0% {left: 184px; top: 95px;}
25% {left: 80px; top: 140px;}
50% {left: 14px; top: 50px;}
75% {left: 95px; top: 0px;}
100% {left: 184px; top: 95px;}
}
@keyframes raquette1{
25% {top: 90px;}
50% {top: 50px;}
75% {top: 90px;}
}
@keyframes raquette2{
0% {top: 90px;}
50% {top: 50px;}
100% {top: 90px;}
}

/*animation applications*/
#engrenages{
position: relative;
height: 270px;
width: 215px;
float: left;
}
#engrenage1,
#engrenage2{
background: url(images/engrenage1.png) no-repeat;
width: 127px;
height: 127px;
position: absolute;
left: 68px;
top: 0px;
-moz-animation-duration: 6s;
-moz-animation-name: engrenage1;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-duration: 6s;
-webkit-animation-name: engrenage1;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-duration: 6s;
animation-name: engrenage1;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#engrenage2{
background: url(images/engrenage2.png) no-repeat;
width: 101px;
height: 101px;
left: 0px;
top: 70px;
-moz-animation-name: engrenage2;
-webkit-animation-name: engrenage2;
animation-name: engrenage2;
}

@-moz-keyframes engrenage1{
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
@-moz-keyframes engrenage2{
from {-moz-transform: rotate(360deg);}
to {-moz-transform: rotate(0deg);}
}

@-webkit-keyframes engrenage1{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes engrenage2{
from {-webkit-transform: rotate(360deg);}
to {-webkit-transform: rotate(0deg);}
}

@keyframes engrenage1{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes engrenage2{
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}

/*image cartographie*/
#geo{
background: url(images/cartographie.png) no-repeat left 5px;
width: 163px;
height: 330px;
float: left;
}

/*ie 6*/
.fen372366{
display: none;
background: #fff;
position: relative;
top: -155px;
left: -480px;
width: 630px;
margin-right: -400px;
text-align: justify;
font-size: 9pt;
-display: block;

}
.fen372366 h2{
display: none;
}

/*devis*/
.fen396867 .gformulaireBillet,
.fen401806 .gformulaireBillet{
margin-top: 0px;
width: 980px !important;
height: 650px !important;
}


/* BLOCS DANS LES ARTICLES */

.fen .zone{
width: 660px;
margin: 10px 0px 10px 0px;
float: left;
position: relative;
z-index: 2;
padding: 0px;

/display: none;
-position: absolute;
-left: 0px;
-top: -35px;
}
.fen .zone h2{
display: none;
}
.fen .zone h2.menu{
display: inline;
background: #ac9d93;
padding: 4px 8px 4px 8px;
font: 8pt arial, helvetica, sans serif;
color: #222;
}
.fen .zone ul{
margin-top: 5px;
}
.fen .zone li{
float: left;
}
.fen .zone a{
background: #444;
display: block;
margin-right:  1px;
padding: 7px 7px 7px 7px;
font: 16px yanone, arial narrow, arial, helvetica, sans serif;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.fen .zone a:hover{
color: #ac9d93;
}


/* GENERAL ARTICLE */

/*date*/
.infos{
display: none;
}

/*comentaires*/
.liens{
display: none;
}

/*visionneuse photo*/
.centre{
margin: 10px 0px 0px 0px !important;
}
.gauche{
margin: 3px 20px 0px 0px !important;
}
.droite{
margin: 3px 0px 0px 20px !important;
}

.apercus_photos img{
border: none;
cursor: url(images/main.png), pointer;
margin: 0px -3px 10px 0px ;
}

.commentaire_photo td{
padding-top: 2px;
text-align: left !important;
font-style: normal !important;
font-size: 7pt;
text-transform: uppercase;
}


/*-------------------------------------------------------------------------------------------------------------*/
/* CONTACT */

.formulaire-contact h2{
display: none;
}
#formulaire_contact select {
width: 665px;
height: 22px;
padding: 2px;
margin-bottom: 10px;
cursor: url(images/main.png), pointer;
}
#formulaire_contact input[type=text] {
width: 663px;
height: 20px;
margin-bottom: 10px;
}
#message {
width: 661px !important;
height: 200px;
margin-bottom: 10px;

-width: 750px !important;
}

#btn_ok:hover {
color: #666;
}
#btn_ok:active {
margin-left: 2px;
}

#wait{
display: none;
}


/* RECHERCHER */
#sbb{
background: #fff;
color: #f30;
height: 20px;
font-size: 10pt;
font-weight: bold;
cursor: url(images/main.png), pointer;
padding-top: 0px;
position: relative;

top: -1px \9;
}
#sbb:hover{
color: #666;
}

#ss0,
#ss1{
background: none !important;
outline: none !important;
}


/* SOMMAIRE */

.sommaire {
width: 660px;
position: relative;
top: 0px;
left: 0px;
}
.sommaire tr:nth-child(2n+1) td{
background: #eee !important;
}
.sommaire tr:hover td{
background: #ddd !important;
}
.sommaire td{
padding: 10px 10px 10px 10px !important;
border: none !important;
color: #333;
}
.sommaire td a{
color: #f50;
cursor: url(images/main.png), pointer !important;
}


/* GOOGLE MAPS */

#map_canvas_obj{
position: relative;
top: 10px;
width: 662px !important;
height: 550px !important;
border: 1px solid #ac9d93;
}
#map_canvas_obj a{
background: none;
display: block;
margin-right:  0px;
padding: 0px;
font: 8pt arial, helvetica, sans serif;
letter-spacing: 0px;
text-transform: none;
}
.expPegman,
.lienBillets{
display: none;
}

#map_canvas_SVapiV3{
    height: 480px;
    position: relative;
    background-color: #E5E3DF;
    overflow: hidden;
    width: 500px;
}
#pano_SVapiV3{
    position: relative;
    top: -480px;
    width: 500px;
    height: 480px;
    background-color: #E5E3DF;
    overflow: hidden;
    left: 425px;
}



/* CARTE DATAXY */

.dragndrop_map #icones >div{
background: url(images/geo.png) no-repeat 27px 25px !important;
padding: 25px 5px 0px 32px;
text-align: left;
color: #222;
width: auto !important;
height: 32px !important;
}
.dragndrop_map #icones >div:hover{
color: #fff;
}


#plan{
margin-top: 240px;
margin-left: 0px;
-height: 0px;
-background: ;
}

/*
#plan{
background: #fff;
height: 850px;
margin-left: -15px;
-height: 0px;
-background: ;
}
#iplan{
position: absolute;
left: 15px;
top: 335px;
z-index: 0;

-position: relative;
-left: -55px;
-top: -400px;
-margin-bottom: -400px;
}
*/




/* FORMULAIRES */

.gformulaireBillet{
width: 660px !important;
height: 750px !important;
margin-top: -5px;
padding: 0px !important;
}
#formulaire_ligne{
margin: 0px;
}
#formulaire_ligne h2{
display: none;
}
#formulaire_ligne strong{
display: block;
font-weight: normal;
font-size: 14pt;
position: relative;
top: -20px;
margin-bottom: -30px;
}
#formulaire_ligne table{
margin-top: 20px;
width: 100% !important;
}
#formulaire tr{
border: none !important;
}
#formulaire td{
vertical-align: top;
padding: 5px 10px 5px 0px;
border-top: 1px solid #ddd;
width: 50% !important;
}
#formulaire td:nth-child(2n+1){
/*text-align: right;*/
font-style: italic;
}
#formulaire_ligne a{
color: #f40 !important;
}
#formulaire_ligne a:hover{
color: #666 !important;
}
#formulaire_ligne input[type=text],
#formulaire_ligne textarea{
width: 320px !important;
}
#formulaire_ligne textarea{
height: 120px;
}
#formulaire_ligne select{
width: 324px;
}
select.valide,
input.valide,
textarea.valide{
background: #bfafa4 !important;
}
label.valide{
color: #fff !important;
}
tr.valide td{
background: #fff !important;
}
select.erreur,
input.erreur ,
textarea.erreur{
background: #f50 !important;
}
label.erreur {
color: #f50 !important;
}
tr.erreur{
background: #f50 !important;
}


/*FOOTER*/
#footer{
display: none;
}


/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#page h1{
display: none;
}
p.espace_article{
display:none;
}
#main_full h3{
visibility: visible;
}
#pub_verticale,
#pub_verticale2,
#pub_verticale3{
display: none !important;
}
.end_zone{
display: none;
}
.bloctest{
position: absolute;
margin-top: -109px;
margin-left: -296px;
width: 300px;
height: 400px;
}
.bloctest h2{
display: none !important;
}


/*-------------------------------------------------------------------------------------------------------------*/
@media(max-height:600px){

	#barre_titre,
	#barre_onglets_der,
	.contact,
	.devis2{
	position: absolute;
	}
}

/*VERSION MOBILE*/

@media(max-width:800px){

	#contenu{
	background: none;
	width: 320px;
	}

	#barre_titre{
	width: 320px;
	position: absolute;
	background-position: 10px 20px;
	}

	#barre_onglets_der{
	width: 320px;
	height: 180px;
	padding-top: 10px;
	position: relative;
	}

	.menulink{
	height: 22px;
	font-size: 13pt;
	padding-top: 0px;
	padding-bottom: 2px;
	}
	#barre_onglets_der .menu li {
	float: none;
	}

	.menu ul {
	background-image: none;
	width: 200px;
	padding: 0px;
	left: 0px;
	top: 20px;
	}
	.menu ul li {
	top: 4px;
	width: 280px;
	}
	.menu ul li a{
	background: #555;
	}
	.arrondi{
	height: 0px;
	}

	#colonne{
	display: none;
	}
	#colonne_blocs .zone{
	width: 320px;
	}
	.contact,
	.devis2{
	display: none;
	}

	#fond-slidervisio1{
	width: 320px;
	height: 190px;
	}
	#fond-slidervisio1 .container {
	width: 320px;
	height: 190px;
	}
	#fond-slidervisio1 .slides > div {
	width: 320px;
	}

	#fond-slidervisio1 .photo-slider {
	display: none;
	}
	#fond-slidervisio1 .description{
	background: none;
	width: 300px;
	height: 200px;
	border: none;
	margin: 10px 0px 0px 10px;
	}
	#fond-slidervisio1 .description h2{
	background: none;
	display: block;
	line-height: 14pt;
	padding-bottom: 10px;
	text-align: left;
	}
	#fond-slidervisio1 .description i{
	display: none;
	}

	#fond-slidervisio1 .previous {
	left: 120px;
	top: 174px;
	}
	#fond-slidervisio1 .next {
	left: 170px;
	top: 174px;
	}

	#fond-slidervisio2{
	display: none;
	}

	#fond-slidervisio3 .container {
	width: 320px;
	height: 600px; 
	}
	#fond-slidervisio3 .slides > div { 
	width: 320px;
	}
	#fond-slidervisio3 .photo-slider img{
	width: 320px;
	}
	#fond-slidervisio3 .description{
	width: 300px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	}
	#fond-slidervisio3 .previous {
	top: 235px;
	left: 220px;
	}
	#fond-slidervisio3 .next {
	top: 235px;
	left: 270px;
	}

	#main,
	#main_10,
	#main_01,
	#main_11,
	#main_full,
	#main_full_10,
	#main_full_01,
	#main_full_11{
	width: 320px;
	margin: 110px 0px 10px 0px;
	}

	#main_full_10{
	width: 320px;
	margin: 110px 0px 0px 0px;
	}

	.titres_haut{
	background-image: none;
	float: none;
	}

	.fen{
	width: 320px;
	text-align: left;
	}
	.fen h2{
	background: none;
	line-height: 20pt;

	}
	.article{
	background: none;
	}
	.article img{
	width: 300px;
	}

	.fen332356{
	background: #444 url(images/dataxy.gif) no-repeat 5px 10px;
	width: 280px;
	padding: 48px 20px 0px 20px;
	margin-top: 10px;
	}

	.fen332451{
	display: none;
	}
	.portfolio a{
	display: none;
	}

	.fen370445{
	background-repeat: no-repeat;
	width: 320px;
	margin: 10px 0px 6px 0px;
	float: left;
	}
	.fen370445 span{
	display: none;
	}
	.fen395380{
	display: none;
	}

	.fen370080,
	.fen370082,
	.fen370083{
	width: 320px;
	height: 300px;
	}

	.fen370080 .commentaire_photo td,
	.fen370082 .commentaire_photo td,
	.fen370083 .commentaire_photo td{
	display: none;
	}

	.fen370080 .main_photo,
	.fen370082 .main_photo,
	.fen370083 .main_photo{
	width: 318px;
	height: auto;
	}
	.fen370080 table,
	.fen370082 table,
	.fen370083 table{
	width: 318px !important;
	}

	.fen .zone{
	width: 320px;
	}

	.photo img{
	border: medium none;
	width: 310px;
	height: auto;
	/*padding-right: 300px;*/
	}		

	.sommaire {
	width: 310px;
	position: relative;
	top: 0px;
	left: 0px;
	}
	
	#formulaire_contact select {
	width: 320px;
	}
	#formulaire_contact input[type=text] {
	width: 318px;
	}
	#message {
	width: 316px !important;
	}

}

/* VERSION IMPRIMABLE */

@media print{
	
	#barre_titre,
	#barre_onglets_der,
	#colonne,
	#colonne_blocs,
	#colonne_blocs2,
	#fond-slidervisio2,
	#formulaire_contact,
	.apercus_photos,
	.contact,
	.pages,
	.flash_pdf #swf,
	.fen370445{
	display: none;
	}

	.fen{
	width: 900px;
	}
}


/*hack webkit*/
#ok_recherche{ [
xxx: ;
margin: 95px 0px 0px 0px;
}