/*polices de caractères */

@font-face {font-family: 'Lobster1.1Regular';src: url('../fonts/Lobster_1.1_-webfont.eot');src: local('?'), url('../fonts/Lobster_1.1_-webfont.woff') format('woff'), url('../fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.1_-webfont.svg') format('svg');font: normal normal; }
@font-face {font-family: 'Chunkfive-webfont';src: url('../fonts/Chunkfive-webfont.eot');src: local('?'), url('../fonts/Chunkfive-webfont.woff') format('woff'), url('../fonts/Chunkfive-webfont.ttf') format('truetype'), url('../fonts/Chunkfive-webfont.svg') format('svg');font: normal normal;}
@font-face {font-family: 'DroidSerif-Bold';src: url('../fonts/DroidSerif-Bold.eot');src: local('?'), url('../fonts/DroidSerif-Bold.woff') format('woff'), url('../fonts/DroidSerif-Bold.ttf') format('truetype'), url('../fonts/DroidSerif-Bold.svg') format('svg');font: normal normal;}
@font-face {font-family: 'Cicle_Gordita-webfont';src: url('../fonts/Cicle_Gordita-webfont.eot');src: local('?'), url('../fonts/Cicle_Gordita-webfont.woff') format('woff'), url('../fonts/Cicle_Gordita-webfont.ttf') format('truetype'), url('../fonts/Cicle_Gordita-webfont.svg') format('svg');font: normal normal;}
@font-face {font-family: "YanoneKaffeesatz-Regular-webfont";src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot');src: url('../fonts/YanoneKaffeesatz-Bold.eot') format('eot'), url('../fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('../fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('../fonts/YanoneKaffeesatz-Regular-webfont.svg') format('svg');font: normal normal;}
@font-face {font-family: "Landliebe-webfont";src: url('../fonts/Landliebe-webfont.eot');src: url('../fonts/Landliebe-webfont.eot') format('eot'), url('../fonts/Landliebe-webfont.woff') format('woff'), url('../fonts/Landliebe-webfont.ttf') format('truetype'), url('../fonts/Landliebe-webfont.svg') format('svg');font: normal normal;}
@font-face {font-family: "heydings_icons-webfont";src: url('../fonts/heydings_icons-webfont.eot');src: url('../fonts/heydings_icons-webfont.eot') format('eot'), url('../fonts/heydings_icons-webfont.woff') format('woff'), url('../fonts/heydings_icons-webfont.ttf') format('truetype'), url('../fonts/heydings_icons-webfont.svg') format('svg');font: normal normal;}
@font-face {font-family: "modernpics-webfont";src: url('../fonts/modernpics-webfont.eot');src: url('../fonts/modernpics-webfont.eot') format('eot'), url('../fonts/modernpics-webfont.woff') format('woff'), url('../fonts/modernpics-webfont.ttf') format('truetype'), url('../fonts/modernpics-webfont.svg') format('svg');font: normal normal;}

.marqueur1{background:rgba(255,255,255,.6);padding:2px;width:auto;border-radius:20px;text-shadow:1px 1px 2px #999;}
.flash-swf{width:430px;background:transparent;box-shadow:none;border:none;height:120px;}

a.crea{-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
color:#ba5755;
text-decoration:underline;}
a:hover.crea{color:#555;text-decoration:none;}
/*----------contenu site général----------*/
body {
text-rendering:optimizeLegibility; 
font-family:"Arial", Times, Cambria, serif; 
font-size:13px; 
line-height:22px; 
color:#333; 
background: #d4e4ef url(texture.jpg) repeat;}
.alerte{padding: 1em; font-size: 1.4em;color:#404040;font-family:Arial,sans-serif;font-weight:bold;text-align:justify;}
.alerte a{color:#a13838;}
.alerte a:hover{color:#404040;text-decoration:none;}
.clear {clear:both;margin-top:0px;}
.centre{margin:auto;text-align:center;}
.espace{margin-top:100px;}
img {max-width: 100%;margin:auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
ul li a{text-decoration:none;color:#404040;}
ul li img{max-width: 100%;margin:auto;}

/* haut de page */
#haut-page{
text-align:center;
border-top:2px solid transparent;
-moz-box-shadow:  0px -3px 3px #737373;
-webkit-box-shadow:  0px -3px 3px #737373;
box-shadow:  0px -3px 3px #737373;
width:160px;margin:auto;}
#haut-page .texte-page{margin-top:-17px;font-size:14px;font-family: "Chunkfive-webfont", Arial, Helvetica, Georgia, sans-serif;color:#999;}
#haut-page .texte-page a{color:#404040;text-decoration:none;}
#haut-page .texte-page a:hover{color:#822626;text-decoration:none;}

/* liste ul li général */
ul li a span.label {display:block; text-align:center; padding:20px 0 105px 0; font-size:12px; font-weight:normal; font-style:normal; text-transform:uppercase; letter-spacing:1px; color:#000; }
ul li span.label span {display:inline; font-size:15px; }
/*----------fin contenu site général----------*/


/*----------entete du site----------*/
.bandeau{
background:url(entete.png) no-repeat;
background-position: 60px 70px;}
.bandeau-bas{
border:3px solid #eca9a7;
margin-bottom:30px;
border-radius:30px;
-webkit-box-shadow: 0px 8px 0px #b24640, 0px 16px 0px #612321;
-moz-box-shadow: 0px 8px 0px #b24640, 0px 16px 0px #612321;
box-shadow: 0px 8px 0px #b24640, 0px 16px 0px #612321;
opacity:0.6;}
.bandeau-haut{
border:3px solid #e6c49c;
margin-bottom:30px;
border-radius:30px;
-webkit-box-shadow: 0px 8px 0px #7d3334, 0px 16px 0px #612321;
-moz-box-shadow: 0px 8px 0px #b24640, 0px 16px 0px #527d33;
box-shadow: 0px 8px 0px #b7814d, 0px 16px 0px #7d3334;
opacity:0.6;}
header {height:auto;}
header h1:before {
content: "";
position: absolute;
width: auto;
z-index: -1;}
header h1{
text-align: center;
text-transform: uppercase;
font-family: "YanoneKaffeesatz-Regular-webfont", Arial,cursive;
position: relative;
font-size:12px;}
header h1 a {
display: block;
text-decoration: none;
letter-spacing: 5px;
color: #68302e;
text-shadow: 1px 1px 0px #f1f1f1, 2px 2px 2px #555;
-webkit-animation: accordeon 1.5s 1 ease-in-out forwards;
-moz-animation: accordeon 1.5s 1 ease-in-out forwards;}

@-webkit-keyframes accordeon {
0% { letter-spacing: 20px; color: rgba(0,0,0,0); }
70% { letter-spacing: 8px; }
100% { letter-spacing: 8px; color: rgba(141,64,62,1)}
}
@-moz-keyframes accordeon {
0% { letter-spacing: 20px; color: rgba(0,0,0,0); }
70% { letter-spacing: 8px; }
100% { letter-spacing: 8px; color: rgba(141,64,62,1)}
}


header #titre-blog{margin:auto;font-size:50px;}
header ul{width:auto;display:block;float:right;}
header ul li{width:auto;display:inline;}
header #logos{
position:absolute;
float: left;
width:40px;
padding:50px;
margin-left:75px;
margin-top:40px;
-moz-border-radius:360px;
-webkit-border-radius:100px;
border-radius:360px;
border:2px solid #330d0d;
-webkit-box-shadow:  inset 0px 0px 0px 40px #330d0d;
-moz-box-shadow:  inset 0px 0px 1px 2px #fff,inset 0px 0px 0px 40px #330d0d,inset 0px 0px 0px 42px #fff,inset 0px 0px 0px 44px #330d0d,   0px 0px 50px #000;
box-shadow:  inset 0px 0px 1px 2px #fff,inset 0px 0px 0px 40px #330d0d,inset 0px 0px 0px 42px #fff,inset 0px 0px 0px 44px #330d0d,   0px 0px 50px #f9f7dd;}
header #logos .banni{
position:relative;
background-color:#9f4e4e;
width:190px;
height:38px;
line-height:35px;
text-align:center;
color:#fff;
margin-left:-75px;
font-family:"Cicle_Gordita-webfont",Arial,Georgia,sans-serif;
font-weight:bold;
border:1px solid white;
text-shadow:1px 1px #7a473a,2px 2px #7a473a,3px 3px #7a473a,4px 4px #404040;
font-size:20px;}
header p{
font-size:12px;
text-align:center;
color:#444;
line-height:10px;
font-family:"Cicle_Gordita-webfont",Arial,Georgia,sans-serif;}
header p a:hover{
text-decoration:none}
header p a{
color:#444;
text-decoration:underline;}
header #logos .banni-tri{
height:0;
width:0;
position: absolute;
margin-left: 79px;
margin-top:50px;
top:0px;
border: 19px solid #ece6de;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;}
header #logos .banni-tri1{
height:0;
width:0;
position: absolute;
margin-left: -75px;
margin-top:50px;
top:0px;
border: 19px solid #ece6de;
border-bottom-color: transparent;
border-top-color: transparent;
border-right-color: transparent;}

/* promo entete du site */

#promos-intro{
-moz-animation-name: colour-change;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 3s;
-webkit-animation-name: colour-change;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
-webkit-text-stroke: 1px transparent;
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);
position:relative;
float: right;
width:90px;
padding:40px;
margin-right:40px;
margin-top:30px;
text-decoration:blink;
text-shadow:1px 1px 2px #999;
border-radius:360px;
border:5px solid #b54d38;
box-shadow:  inset 0px 1px 6px #d8908a,inset 0px 2px 6px #404040;
-webkit-box-shadow:  inset 0px 1px 6px #d8908a,inset 0px 2px 6px #404040;
color:#b54d38;
font-family:"Lobster1.1Regular",Arial,Georgia,sans-serif;
font-size:20px; }
@-moz-keyframes colour-change {
0% {border-color:#ebcd92;}
33% {border-color: #cc8e8e;}
66% {border-color: #b56657;}}
@-webkit-keyframes colour-change {
0% {border-color:#d56c5a;}
33% {border-color: #f5f0ec;}
66% {border-color: #d56c5a;}}
#promos-intro a{text-decoration:none;color:#b54d38;}
#promos-intro a:hover{text-decoration:none;}

/* intro texte et header */

#intro-texte {
display:block;
width: 300px;
height:240px;
margin: 0 auto;
font: 60% 'Lobster1.1Regular', Arial, sans-serif; 
position: relative;}
#intro-texte span {position: absolute;}
#intro-texte .intro-texte-1 {
top:0em;
font-size:26px;
left: 1.5em;
color: #3b81b2;
text-shadow: 1px 1px #fff; }
@-moz-keyframes slidein {  
from {margin-left: 200%;width: 300%;}  
to {margin-left: 0%;  width: 100%;}}  
@-webkit-keyframes slidein {
from {margin-left: 200%;width: 300%;}
to {margin-left: 0%;  width: 100%;}}
#intro-texte .intro-texte-2{
top: 3em;
left: -1.6em;
font-size: 28px;
color: #511c1c;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);}
#intro-texte .intro-texte-3 {
top: 3.2em;
right: -1.8em;
color: #404040;
font-size: 24px;
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
#intro-texte .intro-texte-4 {bottom:2.0em;right:0.2em;color: #5e0000;font-size: 26px;}
#intro-texte .intro-texte-5 { top:8em;bottom: 0em;left: 0.8em;color: #9e2f2f;font-size: 24px;}
#intro-texte .intro-texte-6{
font-family: 'Chunkfive-webfont',Arial,sans-serif; 
font-size:30px;
bottom: 0em;
left:1.9em;
text-shadow: 1px 1px #fff; 
color: #511c1c;}
#text-curv {position: absolute;float:left;display:block; margin-left:-146px;margin-top:-102px;}
#text-curv>span[class^=t]:nth-of-type(n+0){
display:block; 
position:absolute;
-moz-transform-origin:50% 100%; 
-webkit-transform-origin:50% 100%; 
-o-transform-origin:50% 100%;
-ms-transform-origin:50% 100%; 
transform-origin:50% 100%;}
#text-curv span{
font-family:'Helvetica',Arial,serif;
font-size:12px;
color:#404040;
font-weight:400;
line-height:0.65; 
white-space:pre; 
overflow:visible; 
padding:0px;}
#text-curv .t0 {
-moz-transform: rotate(-0.84rad);
-webkit-transform: rotate(-0.84rad);
-o-transform:rotate(-0.84rad);
-ms-transform: rotate(-0.84rad); 
transform: rotate(-0.84rad);
width: 8px; 
height: 8px; 
left: 230.63px; 
top: 158.36px;
text-shadow:1px 1px #fff,2px 2px #111;
color:brown;}
#text-curv .t1 {
-moz-transform: rotate(-0.7rad);
-webkit-transform: rotate(-0.7rad);
-o-transform:rotate(-0.7rad);
-ms-transform: rotate(-0.7rad); 
transform: rotate(-0.7rad);
width: 6px; 
height: 8px; 
left: 239.54px; 
top: 150.73px;}
#text-curv .t2 {
-moz-transform: rotate(-0.58rad);
-webkit-transform: rotate(-0.58rad);
-o-transform:rotate(-0.58rad);
-ms-transform: rotate(-0.58rad); 
transform: rotate(-0.58rad);
width: 6px; 
height: 8px; 
left: 247.58px; 
top: 144.8px;}
#text-curv .t3 {
-moz-transform: rotate(-0.45rad);
-webkit-transform: rotate(-0.45rad);
-o-transform:rotate(-0.45rad);
-ms-transform: rotate(-0.45rad); 
transform: rotate(-0.45rad);
width: 7px; 
height: 8px; 
left: 256.25px; 
top: 139.69px;}
#text-curv .t4 {
-moz-transform: rotate(-0.32rad);
-webkit-transform: rotate(-0.32rad);
-o-transform:rotate(-0.32rad);
-ms-transform: rotate(-0.32rad); 
transform: rotate(-0.32rad);
width: 5px; 
height: 8px; 
left: 266.53px; 
top: 135.99px;}
#text-curv .t5 {
-moz-transform: rotate(-0.22rad);
-webkit-transform: rotate(-0.22rad);
-o-transform:rotate(-0.22rad);
-ms-transform: rotate(-0.22rad); 
transform: rotate(-0.22rad);
width: 4px; 
height: 8px; 
left: 275.23px; 
top: 133.77px;}
#text-curv .t6 {
-moz-transform: rotate(-0.1rad);
-webkit-transform: rotate(-0.1rad);
-o-transform:rotate(-0.1rad);
-ms-transform: rotate(-0.1rad); 
transform: rotate(-0.1rad);
width: 7px; 
height: 8px; 
left: 283.12px; 
top: 132.34px;}
#text-curv .t7 {
-moz-transform: rotate(0.04rad);
-webkit-transform: rotate(0.04rad);
-o-transform:rotate(0.04rad);
-ms-transform: rotate(0.04rad); 
transform: rotate(0.04rad);
width: 7px; 
height: 8px; 
left: 294.11px; 
top: 132.08px;}
#text-curv .t8 {
-moz-transform: rotate(0.15rad);
-webkit-transform: rotate(0.15rad);
-o-transform:rotate(0.15rad);
-ms-transform: rotate(0.15rad); 
transform: rotate(0.15rad);
width: 2px; 
height: 8px; 
left: 305.06px; 
top: 132.91px;}
#text-curv .t9 {
-moz-transform: rotate(0.25rad);
-webkit-transform: rotate(0.25rad);
-o-transform:rotate(0.25rad);
-ms-transform: rotate(0.25rad); 
transform: rotate(0.25rad);
width: 7px; 
height: 8px; 
left: 310.88px; 
top: 134.64px;
color:brown;
text-shadow:1px 1px #fff,2px 2px #111;}
#text-curv .t10 {
-moz-transform: rotate(0.38rad);
-webkit-transform: rotate(0.38rad);
-o-transform:rotate(0.38rad);
-ms-transform: rotate(0.38rad);
transform: rotate(0.38rad);
width: 6px; 
height: 8px; 
left: 321.33px; 
top: 137.97px;}
#text-curv .t11 {
-moz-transform: rotate(0.5rad);
-webkit-transform: rotate(0.5rad);
-o-transform:rotate(0.5rad);
-ms-transform: rotate(0.5rad); 
transform: rotate(0.5rad);
width: 5px; 
height: 8px; 
left: 330.39px; 
top: 142.08px;}
#text-curv .t12 {
-moz-transform: rotate(0.61rad);
-webkit-transform: rotate(0.61rad);
-o-transform:rotate(0.61rad);
-ms-transform: rotate(0.61rad); 
transform: rotate(0.61rad);
width: 4px; 
height: 8px; 
left: 338.08px; 
top: 146.6px;}
#text-curv .t13 {
-moz-transform: rotate(0.72rad);
-webkit-transform: rotate(0.72rad);
-o-transform:rotate(0.72rad);
-ms-transform: rotate(0.72rad); 
transform: rotate(0.72rad);
width: 6px; 
height: 8px; 
left: 344.13px; 
top: 152.19px;}
#text-curv .t14 {
-moz-transform: rotate(0.85rad);
-webkit-transform: rotate(0.85rad);
-o-transform:rotate(0.85rad);
-ms-transform: rotate(0.85rad); 
transform: rotate(0.85rad);
width: 7px; 
height: 8px; 
left: 351px; 
top: 159.66px;}

/*----------fin entete site----------*/


/*----------contenu général intérieur site----------*/

#page {
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
width:946px;
margin:10px auto;
background:url(texture.jpg) repeat;
padding:30px 17px 10px 17px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border:1px solid #ccc; 
-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6); 
-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6); 
box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6);}
#page-flash {
width:946px;
margin:10px auto;
background:url(texture.jpg) repeat;
border:1px solid #ccc; 
-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6); 
-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6); 
box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.6);
padding:30px 17px 10px 17px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;}
#page h2 {
text-align: center;
margin: 0px auto;
padding:10px;
font-family: "Arial",Georgia,sans-serif;
font-size: 16px; 
text-transform: uppercase;
color: #5a2916;
text-shadow: 2px 2px  #eee, 
3px 3px #707070;}
#page h2:hover {color: #111;}
#contenu-site {
overflow:auto; 
clear:both; 
margin:0 3px 35px 0; 
padding:40px 0 70px 0; 
border:1px solid #ccc; 
-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
border-radius:5px; 
-webkit-border-radius:5px; 
-moz-border-radius:5px;}

/*----------fin contenu général intérieur site----------*/


/*----------page index----------*/ 
 
/* partie index suivre */

#contact h4 {
background:#efefef;
border:1px solid #a94849;
margin-bottom:30px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
box-shadow: 2px 2px 0px #7d3334;
-webkit-box-shadow: 2px 2px 0px #7d3334;
-moz-box-shadow: 2px 2px 0px #7d3334;
line-height:30px;
font-family: "Landliebe-webfont",Arial,sans-serif;
text-align:center;
width:auto;
margin:10px 0 0px 0; 
padding:5px; 
font-weight:bold; 
font-size:24px; 
color:#b14545; 
text-shadow: 1px 1px #fff,
2px 2px #696969;
text-transform:none; }


/* menu services page index avec effet rotation */

#navigationMenu li{margin-left:-40px;list-style:none;height:39px;padding:2px;width:40px;}
#navigationMenu span{
width:0;
left:45px;
padding:0;
position:absolute;
font-family:'DroidSerif-Bold',Arial, Helvetica, sans-serif;
font-size:12px;
white-space:nowrap;
line-height:39px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;}
#navigationMenu a{background:url(navigation.png) no-repeat;height:39px;width:38px;display:block;position:relative;}
#navigationMenu a:hover span{ 
width:auto; 
padding:0 20px;
overflow:visible;}
#navigationMenu a:hover{text-decoration:none;}


/* service print */

#navigationMenu .serv-print {	background-position:0 0;}
#navigationMenu .serv-print:hover {	background-position:0 -39px;}
#navigationMenu .serv-print span{color:#404040;text-shadow:1px 1px 0 #f1f1f1;}

/* service web design */

#navigationMenu .serv-web { background-position:-38px 0;}
#navigationMenu .serv-web:hover { background-position:-38px -39px;}
#navigationMenu .serv-web span{color:#404040;text-shadow:1px 1px 0 #f1f1f1;}

/* service web design  */

#navigationMenu .serv-multi {background-position:-76px 0;}
#navigationMenu .serv-multi:hover {background-position:-76px -39px;}
#navigationMenu .serv-multi span{color:#404040;text-shadow:1px 1px 0 #f1f1f1;}                   
	

/* les quatre rubriques page index */

ul#intro {
clear:both;
float:left;
list-style-type:none; 
margin:12px 0 30px 0px; 
padding:0px 0 58px 0;}

ul li#a-propos, 
ul li#nos-services, 
ul li#blog, 
ul li#contact { 
float:left;
width:207px;
height:700px;
padding:10px; 
color:#333; 
border-radius:5px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;}
ul li#a-propos:hover,ul li#nos-services:hover,ul li#blog:hover,ul li#contact:hover{
background:rgba(255,255,255,.4);
-moz-box-shadow: 0px 0px 20px #999;
-webkit-box-shadow:0px 0px 20px #999;
box-shadow:0px 0px 20px #999;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;}
ul li#a-propos span.label { 
background:url(logo.png) no-repeat center;
opacity:0.7;height:40px;
-moz-transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
transition: opacity 2s ease;}
ul li#a-propos span.label:hover {opacity:1;}
ul li#nos-services a span.label { 
background:url(line2.png)  no-repeat 50% 50%;
margin:0 auto;
clear:both;
text-align:center;
height:100px;}
ul li#nos-services a span.label:hover { 
animation-name: bounce;
animation-iteration-count: infinite;
animation-duration: .8s;
animation-direction: alternate;
-webkit-animation-name: bounce;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: .8s;
-webkit-animation-direction: alternate;
-moz-animation-name: bounce;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: .8s;
-moz-animation-direction: alternate;
-o-animation-name: bounce;
-o-animation-iteration-count: infinite;
-o-animation-duration: .8s;
-o-animation-direction: alternate;}
@-webkit-keyframes bounce {
from {}to{-webkit-transform:translateY(-20px)}}
@-moz-keyframes bounce {
from{}to{-moz-transform:translateY(-20px)}}
#a-propos p, 
#nos-services p,  
#blog p, 
#contact p{text-align:left;
text-shadow:-1px -1px 0 #fff;
line-height:30px;
font-size:14px;
color:#404040;
font-family:"DroidSerif-Bold",Arial,Georgia,sans-serif;}
#nos-services p a{
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
text-decoration:underline;
color:#8a3d3b;}
#nos-services p a:hover{
text-decoration:none;
color:#555;}

.blog { 
margin:40px 0 0 0;
background: url(fond-blog.jpg) no-repeat center;
padding:24px;
opacity:0.7;
-moz-transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
transition: opacity 2s ease;
width:160px;
height:145px;
-moz-border-radius:30px;
-wbkit-border-radius:30px;
border-radius:30px;
-webkit-box-shadow: inset 2px 2px 5px #404040;
-moz-box-shadow: inset 2px 2px 5px #404040;
box-shadow: inset 2px 2px 5px #404040;} 
.blog:hover {opacity:1;}

/*---------- fin page index----------*/ 



/*----------contenu interieur droite----------*/

#corps {
float:right;
width:516px;
margin:0; 
padding:5px 110px 0 87px; 
border-left:2px solid #ccc;}
#corps p{
text-shadow:  1px 1px 0px #f1f1f1;
line-height:25px;
font-size:18px;
font-family: "DroidSerif-Bold", Arial, sans-serif;
color:#313131;
text-align:justify;}
#corps p.faire{
font-size:18px;
width:200px;
font-weight:bold;
text-align:center;
font-family: "Chunkfive-webfont", Arial, sans-serif;
border-bottom:1px dashed #ccc;
margin: 0px 0 30px 0;
line-height: 2em;}
#corps p.expli{
font-size:14px;
text-align:justify;
padding-left:60px;
font-family: "DroidSerif-Bold", Arial, sans-serif;
line-height: 2em;}
#corps p.expli a{color:#333;}
#corps p.expli2{
font-size:12px;
text-align:justify;
font-family: "DroidSerif-Bold", Arial, sans-serif;
line-height: 2em;}
#corps .nota{
line-height:30px;
font-size:18px;
background:url(texture1.jpg) repeat;
font-family: Arial, sans-serif;
color:#8a3d3b;
text-align:justify;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
-webkit-box-shadow:inset 1px 1px 5px #000;
-moz-box-shadow:-1px -1px 5px #000;
box-shadow:inset 1px 1px 5px #000;}
#corps a.info{
font-size:14px;
font-family: "Lobster1.1Regular", Arial, sans-serif;
display: inline-block;
text-decoration: none;
padding: 5px;
float:right;
margin:10px 20px 20px 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
background: #7f3a2b url(fond-rub.png) repeat;
color:#fff;
border:1px solid #823b2c;}
#corps a.info:hover {
color:#fff;-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
background: #555;
border:1px solid #000;}
#corps a.info.actif {
color:#fff;
background: #696969;
background: -moz-linear-gradient(top, #696969 0%, #404040 44%, #313131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(44%,#404040), color-stop(100%,#313131));
background: -webkit-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -o-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -ms-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
border:1px solid #000;}
#corps a.info1 {
margin:20px;
display: inline-block;
text-decoration: none;
padding: 5px;
text-align:center;
text-shadow:none;
color:#fff;
background: #7f3a2b;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
overflow:visible;
font-size:12px;
-webkit-animation-name: rougepulse;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: rougepulse;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);}
#corps a.info1:hover {
color:#fff;
background: #7f3a2b;
background: -moz-linear-gradient(top, #ce5e46 0%, #a84d39 44%, #7f3a2b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce5e46), color-stop(44%,#a84d39), color-stop(100%,#7f3a2b));
background: -webkit-linear-gradient(top, #ce5e46 0%,#a84d39 44%,#7f3a2b 100%);
background: -o-linear-gradient(top, #ce5e46 0%,#a84d39 44%,#7f3a2b 100%);
background: -ms-linear-gradient(top, #ce5e46 0%,#a84d39 44%,#7f3a2b 100%);
background: linear-gradient(top, #ce5e46 0%,#a84d39 44%,#7f3a2b 100%);
border:none;}
@-webkit-keyframes rougepulse
{from { background-color: #749a02; }
50% { background-color: #91bd09; }
to { background-color: #749a02;  }}

@-moz-keyframes rougepulse
{from { background-color: #ce5e46; }
50% { background-color: #7f3a2b; }
to { background-color: #ce5e46; }}
	
#corps h1{
text-shadow:-1px -1px 0 #fff;
padding:20px;
line-height:30px;
font-weight:bold;
background-color:rgba(255,255,255,.5);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
opacity:0.9;
border:1px solid #b1605c;
box-shadow: inset 0px 0px 0px 3px #b1605c, inset 0px 0px 0px 6px #f2ede7, inset 0px 0px 0px 10px #7e5453;
margin:20px;
text-align:center;
text-decoration:none;
font-family: "Lobster1.1Regular", Arial, sans-serif;
clear:both;
font-size:26px; 
color:#b1605c; 
text-transform:none;}
#corps h2 small {
line-height:30px;
color:#c8493f;
font-size:24px;
text-shadow: 1px 1px #fff, 
2px 2px #fff,
3px 3px #111,
4px 4px #111;
font-family: "Lobster1.1Regular", Arial, sans-serif;
text-transform: none;}
#corps h2{
border-bottom:1px dashed #868686;
margin:auto;
text-align:center;
text-shadow: 2px 2px 0px #fff, 
3px 3px 0px #535353;
line-height:40px;
font-weight:bold;
padding:30px 0 20px 0;
font-family: "YanoneKaffeesatz-Regular-webfont",Arial, sans-serif;
font-size:32px; 
color:#351512; 
text-transform:capitalize;}
#corps h2.tous-services a{
font-family: "Lobster1.1Regular",Arial, sans-serif;
margin:20px;
display: inline-block;
text-decoration: none;
padding: 0px;
width:300px;
text-align:center;
text-shadow:1px 1px 5px #555;
color:#fff;
background: #ae514e;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
overflow:visible;
font-size:20px;
border:2px solid #713332;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);}
#corps h3{
text-shadow:-1px -1px 0px #fff;
font-weight:bold;
font-family:"Lobster1.1Regular",Arial,sans-serif;
text-align:center;
margin:20px;
color:#404040;
line-height:40px;
font-size:22px;}
#corps a h3{text-decoration:none;color:#fff;}
#corps a:hover h3{text-decoration:none;color:#fff;}
#corps h4{
padding:10px;
text-align:center;
text-shadow:1px 1px 0px #ccc,
2px 2px #fff,
3px 3px #fff,
4px 4px #404040;
line-height:50px;
margin:30px 0 60px 0;
font-weight:bold;
font-family:"Lobster1.1Regular",Arial,sans-serif;
text-decoration:underline;
-webkit-transform: rotate(-5deg);	
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
font-size:34px; 
color:#ac3939; 
text-transform:none;}
#corps h5{
border:1px solid #404040;
text-shadow: -1px -2px 0px #fff;
font-style:italic;
margin:14px 0 40px 0;
line-height:30px;
font-weight:bold;
padding:20px;
text-align:justify;
-moz-box-shadow:5px 5px 0px #616161;
-webkit-box-shadow:5px 5px 0px #616161;
box-shadow:5px 5px 0px #616161;
border-radius:10px;
background:#fff url(texture8.jpg) repeat;
text-decoration:none;
font-family: "Helvetica", Georgia, sans-serif;
clear:both;
font-size:16px; 
color:#404040;}
#corps h6 {
position:relative;
background: rgba(0,0,0,.5);
box-shadow:1px 1px 2px #999;
-webkit-box-shadow:1px 1px 2px #999;
-moz-box-shadow:1px 1px 2px #999;
width:100%;
margin:auto;
line-height:40px;
text-align: center;
font-family: "Lobster1.1Regular",Arial,Georgia,sans-serif;
font-size: 22px; 
text-transform: none;
color: #f1f1f1;
text-shadow: 5px 2px 0 #404040;}
#corps .cadre-webdesign{
margin:auto;
width:auto;
background:rgba(255,255,255,.2);
padding:10px 10px 20px 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #ddd;}
#corps .cadre-propos{
margin:auto;
padding:10px;
background:rgba(255,255,255,.2);
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #ddd;}
#corps a span.bulle{
text-shadow:none;
line-height:30px;
position:absolute;
padding:15px;
margin-top:23px;
margin-left:-35px;
background:rgba(0,0,0,.7);
opacity:0;
color:#f1f1f1;
-webkit-transform:scale(0) rotateZ(-12deg);
-moz-transform:scale(0) rotate(-12deg);
-ms-transform:scale(0) rotateZ(-12deg);
-o-transform:scale(0) rotate(-12deg);
transform:scale(0) rotateZ(-12deg);
-webkit-transition:all .25s;
-moz-transition:all .25s;
-ms-transition:all .25s;
-o-transition:all .25s;
transition:all .25s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,.5);
box-shadow:0 0 2px rgba(0,0,0,.5);}
#corps a:hover span.bulle, a:focus span.bulle{
opacity:1;
-webkit-transform:scale(1) rotateZ(0);
-moz-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotateZ(0);
-o-transform:scale(1) rotate(0);
transform:scale(1) rotateZ(0);}
#corps a span.bulle::before{
content:'';
position:absolute;
top:-6px;
width:0;
height:0;
border-bottom:6px solid rgba(0,0,0,.7);
border-left:6px solid transparent;
border-right:6px solid transparent;}
#corps .serv{margin:0 0 20px 160px;background:url(serv.png) no-repeat;height:197px;}
#corps p.note {font-size:12px;text-align:center; }
#corps ul.print li { 
font-family: "YanoneKaffeesatz-Regular-webfont", Arial, Helvetica, Georgia, sans-serif;
font-size:20px; 
list-style:none;
display:block;
width:auto;
line-height:40px;}
#corps ul.print li a { 
text-shadow:1px 1px 2px #999; 
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
text-decoration:underline; 
color:#ba1820; }
#corps ul.print li a:hover { 
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
padding-left:5px;
text-decoration:none; 
color:#404040;}
#corps p.affiche1:first-letter {
padding:2px;
color:#fff;
text-shadow:1px 1px 0 #404040,2px 2px 0 #b14f4f,3px 3px 0 #b14f4f;
float:left; 
margin:0 3px 0 0; 
font-family:"Lobster1.1Regular",Arial,sans-serif;
font-size:70px; 
line-height:92%;}
#corps p.affiche:first-letter {
padding:2px;
color:#624141;
text-shadow:1px 1px 0 #fff,2px 2px 0 #b14f4f,3px 3px 0 #b14f4f;
float:left; 
margin:0 3px 0 0; 
font-family:"Chunkfive-webfont",Arial,sans-serif;
font-size:70px; 
line-height:92%; }
#corps p.affiche2:first-letter {
text-shadow:-1px -2px 0 #ccc;
-moz-box-shadow:1px 1px 0 #404040,2px 2px 0 #b14f4f,3px 3px 3px #b14f4f;
-webkit-box-shadow:1px 1px 0 #404040,2px 2px 0 #b14f4f,3px 3px 3px #b14f4f;
box-shadow:1px 1px 0 #404040,2px 2px 0 #b14f4f,3px 3px 3px #b14f4f;
padding:10px;
color:#624141;
float:left; 
margin:0 10px 0 0; 
font-family:"Chunkfive-webfont",Arial,sans-serif;
font-size:60px; 
line-height:92%;}
#corps p.prix{
text-shadow:2px 2px 0 #945757, 4px 4px 0px #404040;
box-shadow:2px 2px 0 0 #ccc,6px 6px 0px 0 #b16767;
border:2px solid #9e6e6e;
padding:10px;
color:#fff;
background:#ceaaaa;
margin:20px 0px 0 0; 
font-family:"Chunkfive-webfont",Arial,sans-serif;
font-size:25px; 
line-height:92%; }
/*---------- fin contenu interieur droite----------*/



/*----------contenu général colonne gauche----------*/

/* menu gauche */
nav {width: auto;margin: 10px 0px 100px auto;}
nav ul {padding: 0;margin:0px;float: left;position:absolute;}
nav ul li {
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
font-family: "DroidSerif-Bold",Arial, sans-serif;
font-size: 12px;
padding:5px;
width: 120px;
position:relative;
margin:10px 0px 10px 0px;
background:#cc6969 url(fond-rub.png) repeat;
list-style: none;}
nav ul li a {
text-decoration: none;
color: #f1f1f1;
text-shadow: -1px -1px 0px #6f3231;}
nav ul li.active{background:#404040;}
nav ul li:hover {background:#404040;}
nav ul li .tri{
height:0;
width:0;
position: absolute;
margin-left: 90px;
top:-2px;
border: 18px solid #ece6de;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;}
/* fin menu gauche */

#colonne-g h2 { border-top:1px dashed #999;clear:both; margin:0 0 7px 25px; padding:0; font-size:16px; color:#333;text-transform:none; font-weight:bold; font-style:normal; line-height:120%;text-align;justify;text-shadow:-1px -1px 0px #ddd; }
#colonne-g h3 { clear:both; text-align:right; margin:0 0 7px 25px; padding:0; font-size:12px; color:#000; font-weight:normal; font-style:normal; text-transform:uppercase; letter-spacing:1px; line-height:120%; }
#colonne-g { float:left; width:196px; margin:0; padding:0 25px 0 0; }
#colonne-g p { margin:4px 0 0 25px; padding:10px 0 9px 0; font-size:14px; font-style:italic; color:#666; text-align:right; line-height:19px; border-top:1px dashed #CCC; }
#colonne-g img { 
background:#FFFAFA; 
margin:0 0 0 30px; 
padding:7px; 
border:1px solid #eee; 
-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
-webkit-transform: rotate(-2deg); 
-moz-transform: rotate(-2deg); 
-o-transform: rotate(-2deg);
transform:rotate(-2deg); }
/*---------- fin contenu général colonne gauche----------*/


/* rubrique multimedia videos*/
.video-container {position: relative;overflow: hidden;} 
.vid{border:5px solid #fff;box-shadow:1px 1px 5px #404040;border-radius:5px;}
video {max-width: 100%;height: auto;}

/*liste avec check*/
#fond-propos{margin:50px 0 0 60px;}
ul.check{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:200px;
display:block;
float:left;
padding: 10px;}
ul.check li{
margin: 0 0 12px 0;
font: 12px  Arial, sans-serif; 
line-height: 16px;}
#intro:nth-of-type(1) ul.check li{
list-style-type:none;
padding: 0 0 0 35px;
position:relative;}
#intro:nth-of-type(1) ul.check li:before{
content:"\00a0";
display: block;
border: solid 9px #19b01c;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;}
#intro:nth-of-type(1) ul.check li:after{
content:"\00a0";
box-shadow:inset -1px -1px 0px #107313;
display:block;
width: 3px;
height: 6px;
border: solid #fff;
border-width: 0 2px 2px 0;
position:absolute;
left: 14px;
top: 40%;
margin-top:-4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}


#intro1 {
float:left; 
margin:30px; 
padding:30px;
width:300px;
height:300px;
 background: url(texture1.jpg) repeat rgba(255,255,255,0.6);
-moz-box-shadow: inset 0px 0px 8px 0px #7a473a;
-webkit-box-shadow: inset 0px 0px 8px 0px #7a473a;
box-shadow: inset 0px 0px 8px 0px #7a473a;
background:url(texture3.jpg) repeat;
-webkit-transform: rotate(-5deg);	
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
position:relative;
-moz-border-radius:360px;
border-radius:180px;
-webkit-border-radius:360px;
border:1px solid #ddd;}
ul.check1{
width:260px;
display:block;
float:left;
margin-left:20px;
margin-top:60px;}
ul.check1 li{
margin: 0 0 12px 0;
font: 12px  Arial, sans-serif; 
line-height: 1.6em;}
#intro1:nth-of-type(1) ul.check1 li{
list-style-type:none;
padding: 0 0 0 35px;
position:relative;}
#intro1:nth-of-type(1) ul.check1 li:before{
content:"\00a0";
display: block;
border: solid 9px #19b01c;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;}
#intro1:nth-of-type(1) ul.check1 li:after{
content:"\00a0";
box-shadow:inset -1px -1px 0px #107313;
display:block;
width: 3px;
height: 6px;
border: solid #fff;
border-width: 0 2px 2px 0;
position:absolute;
left: 14px;
top: 40%;
margin-top:-4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

ul.check2{
width:180px;
display:block;
float:left;
padding: 10px;}
ul.check2 li{
margin: 0 0 12px 0;
font: 12px  Arial, sans-serif; 
line-height: 1em;}
#intro2 ul.check2 li{
list-style-type:none;
padding: 5px 0 0 35px;
position:relative;}
#intro2:nth-of-type(1) ul.check2 li:before{
content:"\00a0";
display: block;
height: 0;
width: 0;
position: absolute;
left: 10px;
top: 2%;
border: solid 9px brown;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;}
#intro2 ul.check2 li:after{
content:"X";
color:#fff;
display:block;
font-family:"Arial",sans-serif;
font-size:12px;
font-weight:bold;
position:absolute;
left: 15px;
top: 40%;
margin-top:-4px;}



/* page service logos */
.logos1{
line-height:30px;
font-size:12px;
font-family: "Calibri", Arial, Helvetica, Georgia, sans-serif;
color:#404040;
float:right;
margin-top:-20px;margin-right:80px;
border-radius:5px;
padding:10px;}

.logos{
margin:auto;
border:1px solid #999;
line-height:30px;
font-size:12px;
font-family: "Calibri", Arial, Helvetica, Georgia, sans-serif;
color:#404040;
text-align:justify;
border-radius:5px;
box-shadow: 4px 2px 2px #4e4e4e;
-webkit-box-shadow: 4px 2px 2px #4e4e4e;
-moz-box-shadow: 4px 2px 2px #4e4e4e;
padding:10px;}
.logo {position: relative;width:32px;height:32px;}

ul.cadres-logos{display: inline;width:auto;margin:auto;text-align:left;}

/* promotions */

#promos{position:absolute;
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);
width:90px;
height:90px;
padding:30px;
margin-left:80px;
margin-top:80px;
color:brown;
font-family:"Lobster1.1Regular",Arial,Georgia,sans-serif;
font-size:18px;
text-decoration:blink;
border-radius:360px;
border:5px solid #a73830;
box-shadow:  inset  0px 1px 6px #d8908a,inset 0px 2px 6px #404040;
-webkit-box-shadow: inset  0px 0px 1px 6px #d8908a, inset  0px 2px 6px #404040;
-moz-box-shadow: inset  0px 0px 1px 6px #d8908a, inset  0px 2px 6px #404040;
background:url(texture1.jpg) repeat;}


/*les listes services*/

ul.bann-bloc{margin:auto;}
ul.bann-bloc li{
display:block;
border:1px solid #404040;
text-shadow: -1px -1px 0px #fff;
font-style:italic;
margin:40px 0 30px 0;
width:auto;
line-height:20px;
font-weight:bold;
padding:10px;
text-align:justify;
background:url(texture1.jpg) repeat;
-moz-box-shadow:3px 3px 0px #616161;
-webkit-box-shadow:3px 3px 0px #616161;
box-shadow:3px 3px 0px #616161;
border-radius:10px;
list-style:none;
color:#555;
font-family:"YanoneKaffeesatz-Regular-webfont",Arial,Helvetica,sans-serif;
font-size:18px;}

ul.webdesign{margin:auto;width:auto;padding:20px 0 0 0;}
ul.webdesign li{display:inline;list-style:none;margin:20px;}
.liste ul {margin:auto;}
.liste li {
margin:25px;
line-height:20px;
list-style:none;
display:block;
width:auto;}
.liste li a{
padding:5px;
border:1px solid #616161;
-moz-box-shadow:3px 3px 0px #616161;
-webkit-box-shadow:3px 3px 0px #616161;
box-shadow:3px 3px 0px #616161;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#555;
font-family:"YanoneKaffeesatz-Regular-webfont",Arial,Helvetica,sans-serif;
font-size:18px;}
.liste li a:hover{background:rgba(255,255,255,0.4);}
/*----------fin partie les services----------*/



/*----------éléments qui disparaissent ou changent version mobiles----------*/
.cartes-smart{display:none;}
.savoir-smart{display:none;}
#corps ul.web-offres {display:none;}
.b11-smart {display:none;}
#promos-smart{display:none;}
ul.affiches-smart{display:none;}
ul.flyers-smart{display:none;}
.logo-pre{border-bottom: 1px dashed #999;padding-bottom:30px;text-align:center;}
.logos-smart{display:none;}
#menu{display: none;width:auto;}
ul#icones-social-smart{display:none;}
.menu-phone {display:none;}

/*----------page à propos----------*/

.propos { 
background:url(guillaume.png) no-repeat center;
opacity:0.8;
height:96px;
width:96px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;}
.propos:hover { 
opacity:1; 
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);}
/*----------fin page à propos----------*/

/*----------tous les slides----------*/

/*slider services*/

.conteneur-slide{clear:both;margin:auto 0;text-align:center;height:160px;width:100%;overflow:hidden;}
.contenu-slide img{border:0px;}
.contenu-slide{
position:absolute;
top:10px;
left:-40px;
width:1200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}

#article1, #article2, #article3{
overflow:hidden;
background:transparent;
height:230px;
margin:0 auto;
position:relative;}
#article1:target .contenu-slide{-45px, 0px}
#article2:target .contenu-slide, 
#article3:target .contenu-slide{
-webkit-transform: translate(-320px, 0px);
-moz-transform: translate(-320px, 0px);
-o-transform: translate(-320px, 0px);
-ms-transform: translate(-320px, 0px);
transform: translate(-320px, 0px);}
#article3:target .contenu-slide{
-webkit-transform: translate(-610px, 0px);
-moz-transform: translate(-610px, 0px);
-o-transform: translate(-610px, 0px);
-ms-transform: translate(-610px, 0px);
transform: translate(-610px, 0px);}

.num{float:left;width:300px;position:relative;}
.num img{margin:auto;width:180px;}

a.lien-slide{
margin: auto 15px;
color:#fff;
font-size:20px;
text-shadow:-1px 0 0 #ccc;
text-decoration: none;
text-align:center;
padding:0 2px 2px 2px;
background:#636363;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
font-family:"Chunkfive-webfont",Arial,sans-serif;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;}

a.lien-slide:hover{background:#ccc;color:#444;}

#article3 a.lien-slide, 
#article2 a.lien-slide, 
#article1 a.lien-slide{
width:20px;
height:20px;
position:absolute;
bottom:0px;
left:20px;}
#article2 a.lien-slide{
position:absolute;
bottom:0px;
left:70px;}
#article3 a.lien-slide{
position:absolute;
bottom:0px;
left:120px;}
#article1:target> a.lien-slide, 
#article2:target> a.lien-slide, 
#article3:target> a.lien-slide{background:#ccc;color:#444;}

a.lien-slide.actif{background:#444;color:#fff;}

/*slider logos*/
.banniere{
font-family: Arial,sans-serif;
font-size: 12px;
padding:5px;
width: 110px;
height:20px;
color:#fff;
text-shadow:1px 1px 2px #999;
text-align:left;
font-weight: bold;
position:relative;
margin:220px 10px 10px 0px;
background:#cc6969 url(fond-rub.png) repeat;
list-style: none;}
.triangle{
height:0;
width:0;
position: absolute;
margin-left: 85px;
top:-10px;
border: 16px solid #f9f9f9;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;
margin-top:10px;}
.conteneur-slide1{
-moz-box-shadow:5px 5px 0px #616161;
-webkit-box-shadow:5px 5px 0px #616161;
box-shadow:5px 5px 0px #616161;
border-radius:10px;
clear:both;
margin:auto 0;
text-align:center;
height:300px;
overflow:hidden;
border:4px solid #a6a5a5;
background:url(texture1.jpg) repeat;}
.contenu-slide1 img{border:0px;}
.contenu-slide1{
position:relative;
top:30px;
width:3200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}
#article4:target .contenu-slide1{-45px, 0px}
#article5:target .contenu-slide1, 
#article6:target .contenu-slide1{
-webkit-transform: translate(-500px, 0px);
-moz-transform: translate(-500px, 0px);
-o-transform: translate(-500px, 0px);
-ms-transform: translate(-500px, 0px);
transform: translate(-500px, 0px);}
#article6:target .contenu-slide1{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-999px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);}
#article7:target .contenu-slide1{
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1510px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);}
.num1{float:left;width:500px;max-width:100%;position:relative;}
a.lien-slide1{
color:#404040;
margin: 0px;
text-decoration: none;
width:38px;
padding:10px;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
font-family: "Lobster1.1Regular", Arial, sans-serif;text-align:center;
line-height: 25px;
height: 35px;
display: block;
float: left;
background: #f0f0f0;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
border: solid 1px #7f7f7f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;}

a.lien-slide1:hover{
border: solid 1px #888;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
#article7 a.lien-slide1,
#article6 a.lien-slide1, 
#article5 a.lien-slide1, 
#article4 a.lien-slide1{
width:22px;
height:15px;
padding:8px 0;
padding-top:0px;
position:absolute;
bottom:0px;
top:1110px;
margin-left:180px;}
#article5 a.lien-slide1{
position:absolute;
bottom:30px;
margin-left:220px;}
#article6 a.lien-slide1{
position:absolute;
bottom:0px;
margin-left:260px;}
#article7 a.lien-slide1{
position:absolute;
bottom:0px;
margin-left:300px;}
#article4:target> a.lien-slide1, 
#article5:target> a.lien-slide1, 
#article6:target> a.lien-slide1,
#article7:target> a.lien-slide1{
border: solid 2px #555;
text-decoration:none;
color: #282828;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}


/*slider affiches*/

.conteneur-slide2{
clear:both;
margin:auto 0;
text-align:center;
height:500px;
overflow:hidden;}
.contenu-slide2 img{border:0px;}
.contenu-slide2{
position:relative;
top:30px;
width:5200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}
#article8:target .contenu-slide2{-45px, 0px}
#article9:target .contenu-slide2, 
#article10:target .contenu-slide2{
-webkit-transform: translate(-520px, 0px);
-moz-transform: translate(-520px, 0px);
-o-transform: translate(-520px, 0px);
-ms-transform: translate(-520px, 0px);
transform: translate(-520px, 0px);}
#article10:target .contenu-slide2{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);}
#article11:target .contenu-slide2{
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1500px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);}
#article12:target .contenu-slide2{
-webkit-transform: translate(-2000px, 0px);
-moz-transform: translate(-2000px, 0px);
-o-transform: translate(-2000px, 0px);
-ms-transform: translate(-2000px, 0px);
transform: translate(-2000px, 0px);}
#article13:target .contenu-slide2{
-webkit-transform: translate(-2500px, 0px);
-moz-transform: translate(-2500px, 0px);
-o-transform: translate(-2500px, 0px);
-ms-transform: translate(-2500px, 0px);
transform: translate(-2500px, 0px);}
#article14:target .contenu-slide2{
-webkit-transform: translate(-3000px, 0px);
-moz-transform: translate(-3000px, 0px);
-o-transform: translate(-3000px, 0px);
-ms-transform: translate(-3000px, 0px);
transform: translate(-3000px, 0px);}
#article15:target .contenu-slide2{
-webkit-transform: translate(-3500px, 0px);
-moz-transform: translate(-3500px, 0px);
-o-transform: translate(-3500px, 0px);
-ms-transform: translate(-3500px, 0px);
transform: translate(-3500px, 0px);}
#article16:target .contenu-slide2{
-webkit-transform: translate(-4000px, 0px);
-moz-transform: translate(-4000px, 0px);
-o-transform: translate(-4000px, 0px);
-ms-transform: translate(-4000px, 0px);
transform: translate(-4000px, 0px);}
#article17:target .contenu-slide2{
-webkit-transform: translate(-4500px, 0px);
-moz-transform: translate(-4500px, 0px);
-o-transform: translate(-4500px, 0px);
-ms-transform: translate(-4500px, 0px);
transform: translate(-4500px, 0px);}
.num1{float:left;width:500px;max-width:100%;position:relative;}
a.lien-slide2{
margin:0px;
text-decoration: none;
width:38px;
padding:10px;
text-shadow: 0 1px 0 #fff;
color: #282828;
font-size: 16px;
font-family: "Lobster1.1Regular", Arial, sans-serif;text-align:center;
line-height: 25px;
height: 35px;
display: block;
float: left;
background: #f0f0f0;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
border: solid 1px #7f7f7f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;}

a.lien-slide2:hover{
border: solid 1px #888;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
#article17 a.lien-slide2,
#article16 a.lien-slide2,
#article15 a.lien-slide2,
#article14 a.lien-slide2,
#article13 a.lien-slide2,
#article12 a.lien-slide2,
#article11 a.lien-slide2,
#article10 a.lien-slide2, 
#article9 a.lien-slide2, 
#article8 a.lien-slide2{
width:22px;
height:15px;
padding:8px 0;
padding-top:0px;
position:absolute;
bottom:0px;
top:1080px;
margin-left:60px;}
#article9 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:100px;}
#article10 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:140px;}
#article11 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:180px;}
#article12 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:220px;}
#article13 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:260px;}
#article14 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:300px;}
#article15 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:340px;}
#article16 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:380px;}
#article17 a.lien-slide2{
position:absolute;
bottom:0px;
margin-left:420px;}
#article8:target> a.lien-slide2, 
#article9:target> a.lien-slide2, 
#article10:target> a.lien-slide2,
#article11:target> a.lien-slide2,
#article12:target> a.lien-slide2,
#article13:target> a.lien-slide2,
#article14:target> a.lien-slide2,
#article15:target> a.lien-slide2,
#article16:target> a.lien-slide2,
#article17:target> a.lien-slide2{
border: solid 2px #555;
text-decoration:none;
color: #282828;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}

/*slider flyers*/

.conteneur-slide3{
clear:both;
margin:auto 0;
text-align:center;
height:500px;
overflow:hidden;}
.contenu-slide3 img{border:0px;}
.contenu-slide3{
position:relative;
top:50px;
width:5200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}
#article18:target .contenu-slide3{-45px, 0px}
#article19:target .contenu-slide3, 
#article20:target .contenu-slide3{
-webkit-transform: translate(-520px, 0px);
-moz-transform: translate(-510px, 0px);
-o-transform: translate(-520px, 0px);
-ms-transform: translate(-520px, 0px);
transform: translate(-520px, 0px);}
#article20:target .contenu-slide3{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);}
#article21:target .contenu-slide3{
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1500px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);}
#article22:target .contenu-slide3{
-webkit-transform: translate(-2000px, 0px);
-moz-transform: translate(-2000px, 0px);
-o-transform: translate(-2000px, 0px);
-ms-transform: translate(-2000px, 0px);
transform: translate(-2000px, 0px);}
#article23:target .contenu-slide3{
-webkit-transform: translate(-2500px, 0px);
-moz-transform: translate(-2500px, 0px);
-o-transform: translate(-2500px, 0px);
-ms-transform: translate(-2500px, 0px);
transform: translate(-2500px, 0px);}
#article24:target .contenu-slide3{
-webkit-transform: translate(-3000px, 0px);
-moz-transform: translate(-3000px, 0px);
-o-transform: translate(-3000px, 0px);
-ms-transform: translate(-3000px, 0px);
transform: translate(-3000px, 0px);}
#article25:target .contenu-slide3{
-webkit-transform: translate(-3500px, 0px);
-moz-transform: translate(-3500px, 0px);
-o-transform: translate(-3500px, 0px);
-ms-transform: translate(-3500px, 0px);
transform: translate(-3500px, 0px);}

.num1{float:left;width:500px;max-width:100%;position:relative;}
a.lien-slide3{
margin: 0px;
text-decoration: none;
width:38px;
padding:10px;
color:#282828;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
font-family: "Lobster1.1Regular", Arial, sans-serif;text-align:center;
line-height: 25px;
height: 35px;
display: block;
float: left;
background: #f0f0f0;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
border: solid 1px #7f7f7f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;}

a.lien-slide3:hover{
border: solid 1px #888;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
#article25 a.lien-slide3,
#article24 a.lien-slide3,
#article23 a.lien-slide3,
#article22 a.lien-slide3,
#article21 a.lien-slide3,
#article20 a.lien-slide3, 
#article19 a.lien-slide3, 
#article18 a.lien-slide3{
width:22px;
height:15px;
padding:8px 0;
padding-top:0px;
position:absolute;
bottom:0px;
top:2360px;
margin-left:100px;}
#article19 a.lien-slide3{
position:absolute;
bottom:30px;
margin-left:140px;}
#article20 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:180px;}
#article21 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:220px;}
#article22 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:260px;}
#article23 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:300px;}
#article24 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:340px;}
#article25 a.lien-slide3{
position:absolute;
bottom:0px;
margin-left:380px;}
#article18:target> a.lien-slide3, 
#article19:target> a.lien-slide3, 
#article20:target> a.lien-slide3,
#article21:target> a.lien-slide3,
#article22:target> a.lien-slide3,
#article23:target> a.lien-slide3,
#article24:target> a.lien-slide3,
#article25:target> a.lien-slide3{
border: solid 2px #555;
text-decoration:none;
color: #282828;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}

/*slider brochures*/

.conteneur-slide4{
clear:both;
margin:auto 0;
text-align:center;
height:500px;
overflow:hidden;}
.contenu-slide4 img{border:0px;}
.contenu-slide4{
position:relative;
top:50px;
width:5200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}
#article26:target .contenu-slide4{-45px, 0px}
#article27:target .contenu-slide4, 
#article28:target .contenu-slide4{
-webkit-transform: translate(-520px, 0px);
-moz-transform: translate(-510px, 0px);
-o-transform: translate(-520px, 0px);
-ms-transform: translate(-520px, 0px);
transform: translate(-520px, 0px);}
#article28:target .contenu-slide4{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);}
#article29:target .contenu-slide4{
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1500px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);}
#article30:target .contenu-slide4{
-webkit-transform: translate(-2000px, 0px);
-moz-transform: translate(-2000px, 0px);
-o-transform: translate(-2000px, 0px);
-ms-transform: translate(-2000px, 0px);
transform: translate(-2000px, 0px);}
#article31:target .contenu-slide4{
-webkit-transform: translate(-2500px, 0px);
-moz-transform: translate(-2500px, 0px);
-o-transform: translate(-2500px, 0px);
-ms-transform: translate(-2500px, 0px);
transform: translate(-2500px, 0px);}
#article32:target .contenu-slide4{
-webkit-transform: translate(-3000px, 0px);
-moz-transform: translate(-3000px, 0px);
-o-transform: translate(-3000px, 0px);
-ms-transform: translate(-3000px, 0px);
transform: translate(-3000px, 0px);}


.num1{float:left;width:500px;max-width:100%;position:relative;}
a.lien-slide4{
margin: 0px;
text-decoration: none;
width:38px;
padding:10px;
color:#282828;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
font-family: "Lobster1.1Regular", Arial, sans-serif;text-align:center;
line-height: 25px;
height: 35px;
display: block;
float: left;
background: #f0f0f0;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
border: solid 1px #7f7f7f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;}

a.lien-slide4:hover{
border: solid 1px #888;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
#article32 a.lien-slide4,
#article31 a.lien-slide4,
#article30 a.lien-slide4,
#article29 a.lien-slide4,
#article28 a.lien-slide4,
#article27 a.lien-slide4, 
#article26 a.lien-slide4{
width:22px;
height:15px;
padding:8px 0;
padding-top:0px;
position:absolute;
bottom:0px;
top:3390px;
margin-left:110px;}
#article27 a.lien-slide4{
position:absolute;
bottom:30px;
margin-left:150px;}
#article28 a.lien-slide4{
position:absolute;
bottom:0px;
margin-left:190px;}
#article29 a.lien-slide4{
position:absolute;
bottom:0px;
margin-left:230px;}
#article30 a.lien-slide4{
position:absolute;
bottom:0px;
margin-left:270px;}
#article31 a.lien-slide4{
position:absolute;
bottom:0px;
margin-left:310px;}
#article32 a.lien-slide4{
position:absolute;
bottom:0px;
margin-left:350px;}
#article26:target> a.lien-slide4, 
#article27:target> a.lien-slide4, 
#article28:target> a.lien-slide4,
#article29:target> a.lien-slide4,
#article30:target> a.lien-slide4,
#article31:target> a.lien-slide4,
#article32:target> a.lien-slide4{
border: solid 2px #555;
text-decoration:none;
color: #282828;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}

/*slider cartes*/

.conteneur-slide5{
clear:both;
margin:auto 0;
text-align:center;
height:400px;
overflow:hidden;}
.contenu-slide5 img{border:0px;}
.contenu-slide5{
position:relative;
top:50px;
width:5200px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
clear:both;}
#article33:target .contenu-slide5{-45px, 0px}
#article34:target .contenu-slide5, 
#article35:target .contenu-slide5{
-webkit-transform: translate(-520px, 0px);
-moz-transform: translate(-510px, 0px);
-o-transform: translate(-520px, 0px);
-ms-transform: translate(-520px, 0px);
transform: translate(-520px, 0px);}
#article35:target .contenu-slide5{
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);
transform: translate(-1000px, 0px);}
#article36:target .contenu-slide5{
-webkit-transform: translate(-1500px, 0px);
-moz-transform: translate(-1500px, 0px);
-o-transform: translate(-1500px, 0px);
-ms-transform: translate(-1500px, 0px);
transform: translate(-1500px, 0px);}
#article37:target .contenu-slide5{
-webkit-transform: translate(-2000px, 0px);
-moz-transform: translate(-2000px, 0px);
-o-transform: translate(-2000px, 0px);
-ms-transform: translate(-2000px, 0px);
transform: translate(-2000px, 0px);}
#article38:target .contenu-slide5{
-webkit-transform: translate(-2500px, 0px);
-moz-transform: translate(-2500px, 0px);
-o-transform: translate(-2500px, 0px);
-ms-transform: translate(-2500px, 0px);
transform: translate(-2500px, 0px);}
#article39:target .contenu-slide5{
-webkit-transform: translate(-3000px, 0px);
-moz-transform: translate(-3000px, 0px);
-o-transform: translate(-3000px, 0px);
-ms-transform: translate(-3000px, 0px);
transform: translate(-3000px, 0px);}
#article40:target .contenu-slide5{
-webkit-transform: translate(-3500px, 0px);
-moz-transform: translate(-3500px, 0px);
-o-transform: translate(-3500px, 0px);
-ms-transform: translate(-3500px, 0px);
transform: translate(-3500px, 0px);}

.num1{float:left;width:500px;max-width:100%;position:relative;}
a.lien-slide5{
margin: 0px;
text-decoration: none;
width:38px;
padding:10px;
color:#282828;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
font-family: "Lobster1.1Regular", Arial, sans-serif;text-align:center;
line-height: 25px;
height: 35px;
display: block;
float: left;
background: #f0f0f0;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
border: solid 1px #7f7f7f;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;}

a.lien-slide5:hover{
border: solid 1px #888;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
#article40 a.lien-slide5,
#article39 a.lien-slide5,
#article38 a.lien-slide5,
#article37 a.lien-slide5,
#article36 a.lien-slide5,
#article35 a.lien-slide5,
#article34 a.lien-slide5, 
#article33 a.lien-slide5{
width:22px;
height:15px;
padding:8px 0;
padding-top:0px;
position:absolute;
bottom:0px;
top:1160px;
margin-left:100px;}
#article34 a.lien-slide5{
position:absolute;
bottom:30px;
margin-left:140px;}
#article35 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:180px;}
#article36 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:220px;}
#article37 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:260px;}
#article38 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:300px;}
#article39 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:340px;}
#article40 a.lien-slide5{
position:absolute;
bottom:0px;
margin-left:380px;}
#article33:target> a.lien-slide5,
#article34:target> a.lien-slide5, 
#article35:target> a.lien-slide5, 
#article36:target> a.lien-slide5,
#article37:target> a.lien-slide5,
#article38:target> a.lien-slide5,
#article39:target> a.lien-slide5,
#article40:target> a.lien-slide5{
border: solid 2px #555;
text-decoration:none;
color: #282828;
background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 44%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(44%,#e7e7e7), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);
background: linear-gradient(top, #f7f7f7 0%,#e7e7e7 44%,#d1d1d1 100%);}
/*----------fin tous les slides----------*/
			

/*----------contenu blog----------*/
.notabene{
float:left;
font-size: 34px;
color:#404040;
font-family:"heydings_icons-webfont",Arial,sans-serif;}
.telecharge{
float:left;
font-size: 24px;
color:#404040;
font-family:"heydings_icons-webfont",Arial,sans-serif;}
.demo{
float:left;
font-size: 24px;
color:#404040;
font-family:"heydings_icons-webfont",Arial,sans-serif;}
.smart-ok1{float:right;
margin-right:60px;
margin-top:-10px;
font-size:54px;
color:#404040;
font-family:"heydings_icons-webfont",Arial,sans-serif;}
.smart-ok{float:right;
margin-right:0px;
font-size:24px;
color:#404040;
font-family:"heydings_icons-webfont",Arial,sans-serif;}
a.aime{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border:1px solid #999;
-moz-box-shadow: inset 2px 0 2px #999;
-webkit-box-shadow: inset 2px 0 2px #999;
box-shadow: inset 2px 0 2px #999;
height:30px;
width:30px;
float:right;
margin:5px;
text-align:center;
line-height:30px;
text-decoration:none;
font-size: 24px;
color:#404040;
font-family:"modernpics-webfont",Arial,sans-serif;}
 a:hover.aime{background:#3c5a98;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
color:#fff;
-moz-box-shadow:  2px 0 2px #999;
-webkit-box-shadow:  2px 0 2px #999;
box-shadow:  2px 0 2px #999;}

a.aime1{
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border:1px solid #999;
-moz-box-shadow: inset 2px 0 2px #999;
-webkit-box-shadow: inset 2px 0 2px #999;
box-shadow: inset 2px 0 2px #999;
height:30px;
width:30px;
float:right;
text-align:center;
line-height:30px;
margin:5px;
text-decoration:none;
font-size: 24px;
color:#404040;
font-family:"modernpics-webfont",Arial,sans-serif;}
a:hover.aime1{background:#daf6f7;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
color:#76DDF8;
-moz-box-shadow:  2px 0 2px #999;
-webkit-box-shadow:  2px 0 2px #999;
box-shadow:  2px 0 2px #999;}

/*rubriques blog*/
ul#menu-rub-css3{margin:auto;display:inline;width:520px;height:50px;}
ul#menu-rub-css3 li{float:left;margin:2px 0 10px 8px;display:inline;width:auto;height:30px;}
ul#menu-rub-css3 li a {
border-bottom: #7f4242 5px solid;
color: #fff;
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight:bold;
line-height: 1;
padding: 5px 20px 5px 20px;
text-align: center;
text-shadow: 0 1px 0 #111;
width: auto;
text-decoration:none;
background: #ba6161;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;}
ul#menu-rub-css3 li a:hover {cursor: pointer;background: #444;border-bottom: #111 5px solid;}
ul#menu-rub-css3 li a.actif-css3 {background: #444;border-bottom: #111 5px solid;}
/*fin rubriques blog*/	
#css ul{margin:auto;}
#css ul li{
margin:auto;
display:block;
color:#111;
font-size: 14px;
text-shadow:-1px -1px 0 #fff;
text-align:justify;
font-family: Arial,Helvetica,sans-serif;}
#css{width:400px;margin-left:40px;}
#css p{
margin:auto;
text-shadow:-1px -1px 0 #fff;
text-align:justify;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;}
article{border-bottom:1px dashed #999;}
article h3 {color:#5b5955;padding:10px;float:left;margin-left:10px;}
.tags{margin:auto;width:auto;clear:both;padding-bottom:50px;}
.cat {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #404040;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
float: left;
padding: 7px 5px;
margin: 0 5px 5px 0;}
.cat:hover {background: #ba6161;}
.cat.active {background: #ba6161;}
.cat:after {
content: "";
position: absolute !important;
z-index: 100;
top: 0;
left: 0;
border-right:  #f2ebe3 7px solid;
border-bottom: #f2ebe3 7px solid;
-moz-border-radius: 0 0 20px 0;
-webkit-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;}
.cat:before {
content: "";
position: absolute !important;
z-index: 100;
top: 0;
right: 0;
border-left: #f2ebe3 7px solid;
border-bottom: #f2ebe3 7px solid;
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
border-radius: 0 0 0 20px;}
.cat a {
outline: 1px rgba(255,255,255,0.2) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color: rgba(255,255,255,0.5);
white-space: nowrap;}
.cat a:hover {color: rgba(0,0,0,0.5);}
.cat .active {
outline: 1px rgba(255,255,255,0.2) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color: rgba(255,255,255,0.5);
white-space: nowrap;}
.cat a:after {
content: "";
position: absolute !important;
z-index: 100;
bottom: 0;
left: 0;
border-right: #f2ebe3 7px solid;
border-top: #f2ebe3 7px solid;
-moz-border-radius: 0 20px 0 0;
-webkit-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;}
.cat a:before {
content: "";
position: absolute !important;
z-index: 1000;
bottom: 0;
right: 0;
border-left: #f2ebe3 7px solid;
border-top: #f2ebe3 7px solid;
-moz-border-radius: 20px 0 0 0;
-webkit-border-radius: 20px 0 0 0;
border-radius: 20px 0 0 0;}
.cat .circle {
position: absolute !important;
z-index: 100;
border: 5px #f2ebe3 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: -5px;
width: 0;
height: 0;
top: 50%;
left: 8px;
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);
box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
0 1px 0 rgba(255,255,255,0.3);}
#categorie{
padding:10px;
font-family:"DroidSerif-Bold",Arial,Georgia,sans-serif;
font-size: 22px; 
text-transform: uppercase;
color: #5a2916;
position: relative;
width: 50%;
font-weight: bold;
padding: 6px 20px 6px 71px;
margin: 30px 10px 10px -71px;
color: #f1f1f1;
left:-37px;
background:#404040;}
#categorie:before, #categorie:after{
content: ' ';
position: absolute;
width: 0;
height: 0;}
#categorie:before{
width: 30px;
left: -30px;
top: 12px;
border-width: 20px 10px;
border-style: solid;
border-color: #404040 #404040 #404040 transparent;}
#categorie:after{
left: 0px;
top: 100%;
border-width: 5px 10px;
border-style: solid;
border-color: #999 #999 transparent transparent;}
.flag{
height:0;
width:0;
position: absolute;
left: 315px;
top: 0px;
border: 18px solid #ece6de;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;}
.cadre-blog{
width:auto;
margin:auto;
height:100%;
border:1px solid #ddd;
background: rgba(255,255,255,.2);
padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;}
.date{
float: left;
background-color: #eee;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.3);
border: 1px solid #999;
color: #ccc;
position: relative;
margin: 0 0 0 20px;}
.date .mois{
color: #fff;
display: block;
text-align: center;
font-size: 16px;
line-height: 30px;
padding:3px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #404040;
text-transform: uppercase;}
.date .jour{
display: block;
text-align: center;
font-size: 42px;
line-height: 50px;
font-weight: bold;
padding: 2px 20px 2px 0;
text-shadow: -1px -1px 0 #999;}
.date .annee{
display: block;
-webkit-transform: rotate(90deg);	
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: 0;
left:52px;
top:40px;
font-size: 20px;}
.img-blog{
width:auto;
border:2px solid #fff;
border-radius:5px;
-moz-box-shadow:0px 0px 3px #404040;
-webkit-box-shadow:0px 0px 3px #404040;
box-shadow:0px 0px 3px #404040;}
pre{
width:auto;
margin:auto;
background: url(style/fond.jpg) repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #999;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
box-shadow: inset 0 0 4px rgba(0,0,0,0.4);}
pre.explication{
padding:20px;
text-align:justify;
line-height:20px;
font-size: 12px;
font-family: "Verdana", Helvetica, Arial, sans-serif;
color:#404040;
text-shadow: -1px -1px 0 #eee;}
/*----------fin contenu blog----------*/



/*----------design du site----------*/

/* icone bulle info */

.icon-comment-rectangle {
box-shadow:1px 1px 3px #404040;
background-color: #404040;
font-weight:bold;
font-size:14px;
color:#fff;
text-align:center;
font-family:Arial,sans-serif;
line-height:20px;
width: 32px;
height: 20px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
position: relative;
top: 2px;
left: 0;}
.icon-comment-triangle {
border: 8px solid #404040;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
top: 10px;
right: 0;}

/* design sur images */

.cadre-img {margin:auto;
opacity:0.7;
-moz-transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
transition: opacity 2s ease;
width:95%;
border-radius:30px;
-webkit-box-shadow: inset 2px 2px 5px #000;
-moz-box-shadow: inset 2px 2px 5px #000;
box-shadow: inset 2px 2px 5px #000;}
.cadre-img:hover {
opacity:1;}

/* zoom sur images */

.zoom {
width:50%;
background:#fff;
border:3px solid #fff;
-moz-box-shadow:  1px 3px 5px #404040;
-webkit-box-shadow:  1px 3px 5px #404040;
box-shadow:  1px 3px 5px #404040;
-ms-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}

.zoom1 {
width:30%;
background:#fff;
padding:3px;
-moz-box-shadow:  1px 3px 5px #404040;
-webkit-box-shadow:  1px 3px 5px #404040;
box-shadow:  1px 3px 5px #404040;
-ms-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.zoom1:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);}

.zoom2 {
width:60%;
background:#fff;
padding:3px;
-moz-box-shadow:  1px 3px 5px #404040;
-webkit-box-shadow:  1px 3px 5px #404040;
box-shadow:  1px 3px 5px #404040;
-ms-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.zoom2:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);}

.zoom3 {
width:70%;
background:#fff;
padding:3px;
-moz-box-shadow:  1px 3px 5px #404040;
-webkit-box-shadow:  1px 3px 5px #404040;
box-shadow:  1px 3px 5px #404040;
-ms-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.zoom3:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);}

.zoom4{
width:auto;
margin-top:20px;
-moz-box-shadow:   0px 0px 5px #404040;
-webkit-box-shadow:   0px 0px 5px #404040;
box-shadow:  0px 0px 5px #404040;
-ms-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}
.zoom4:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);}



/*bouton maison retour accueil*/

.accueil {
position: relative;
width:32px;
height:32px;
margin: 20px;
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
background:#999;}
.accueil:hover {background:#404040;}
.accueil-home-triangle {
border: 8px solid #fff;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
height: 0;
width: 0;
position: absolute;
bottom: 14px;
left: 8px;}
.accueil-home-rectangle {
background-color: #fff;
width: 10px;
height: 8px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius-bottomleft: 1px;
-moz-border-radius-bottomright: 1px;
position: absolute;
bottom: 6px;
left:11px;}
.accueil-home-line {
background-color: #fff;
width: 2px;
height: 5px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top: 9px;
left: 11px;}

/*bouton promotions */

.b11 {margin:25px 0px 30px 30px;display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}

.b11 span {color:#fff;	
display: inline-block;
padding: 10px  20px;
font-family:  Helvetica, Arial, sans-serif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #a90329;
background: -moz-linear-gradient(top, #c3032f 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3032f), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); 
background: -webkit-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: -ms-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.b11:active {	
-webkit-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);}
.b11:active span {	
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);}


/* boutons en savoir plus page index */

.b {margin:0px 0px 30px 30px;display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #854517,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #854517,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #854517,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}
.b span {color:#fff;	
display: inline-block;
padding: 10px  20px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #cc6a22; 
background: -moz-linear-gradient(top,  #caa028 0%, #aa571b 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eab92d), color-stop(100%,#aa571b));
background: -webkit-linear-gradient(top,  #eab92d 0%,#aa571b 100%); 
background: -o-linear-gradient(top,  #eab92d 0%,#aa571b 100%); 
background: -ms-linear-gradient(top,  #eab92d 0%,#aa571b 100%); 
background: linear-gradient(top,  #eab92d 0%,#aa571b 100%); 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.b:active {	
-webkit-box-shadow: 
0 4px 0 #854517,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #854517,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #854517,
0 6px 5px rgba(0,0,0,.3);}
.b:active span {	
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
transform: translate(0, 4px);}

.b1 {margin:60px 0px 0px 30px;display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}
.b1 span {color:#fff;	
display: inline-block;
padding: 10px  20px;
font-family:  Helvetica, Arial, sans-serif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #a90329; 
background: -moz-linear-gradient(top, #c3032f 0%, #8f0222 44%, #6d0019 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3032f), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: -o-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: -ms-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.b1:active {	
-webkit-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);}
.b1:active span {	
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);}

	
.b2 {margin:38px 0px 0 30px;display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}
.b2 span {color:#fff;	
display: inline-block;
padding: 10px  20px;
font-family:  Helvetica, Arial, sans-serif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #049de4; 
background: -moz-linear-gradient(top, #049de4 0%, #0386c3 44%, #0371a5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#049de4), color-stop(44%,#0386c3), color-stop(100%,#0371a5));
background: -webkit-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%); 
background: -o-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: -ms-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.b2:active {	
-webkit-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);}
.b2:active span {	
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);}


.b3 {margin:0px 0px 0px 20px;display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #1c1c1c,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #1c1c1c,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #1c1c1c,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}
.b3 span {color:#fff;	
display: inline-block;
padding: 10px  20px;
font-family:  Helvetica, Arial, sans-serif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #696969;
background: -moz-linear-gradient(top, #696969 0%, #404040 44%, #313131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(44%,#404040), color-stop(100%,#313131));
background: -webkit-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -o-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%); 
background: -ms-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.b3:active {	
-webkit-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);}
.b3:active span {	
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);}

a.lien-blog {
padding:8px;
background:#f1f1f1 url(texture.jpg) repeat;
display: inline;
float:right;
font-size:12px;
text-decoration:none;
color:#444;
font-family:"DroidSerif-Bold",Arial,Georgia,sans-serif;
margin: 0px 10px 10px 40px;
border-radius:4px;
-webkit-box-shadow:  inset 0px 0px 0px 3px #b1605c;
box-shadow: inset 0px 0px 0px 3px #b1605c;  }
a:hover.lien-blog {
color:#444;
background:#f1f1f1 url(texture1.jpg) repeat;}
/*fin boutons page index*/


/* bulles rubriques page index */

.bulle-rubrique {
box-shadow: inset  1px 1px 8px #999;
-moz-box-shadow: inset  1px 1px 8px #999; 
-webkit-box-shadow: inset  1px 1px 8px #999;  
position:relative; 
opacity:0.9;
background : url(texture8.jpg) repeat;
border:4px solid #aa571b; 
text-align:center;
color:#333; 
-webkit-border-top-left-radius:240px 140px;
-webkit-border-top-right-radius:240px 140px;
-webkit-border-bottom-right-radius:240px 140px;
-webkit-border-bottom-left-radius:240px 140px;
-moz-border-radius:240px / 140px;
border-radius:40px / 40px;}

.bulle-rubrique:before {
content:"";
position:absolute;
bottom:-22px;
left:30px;
border-width:20px 16px 0;
border-style:solid;
border-color:#aa571b transparent;
display:block; 
width:0;}

.bulle-rubrique1 {
animation-name: bounce;
animation-iteration-count: infinite;
animation-duration: .8s;
animation-direction: alternate;
-webkit-animation-name: bounce;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: .8s;
-webkit-animation-direction: alternate;
-moz-animation-name: bounce;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: .8s;
-moz-animation-direction: alternate;
-o-animation-name: bounce;
-o-animation-iteration-count: infinite;
-o-animation-duration: .8s;
-o-animation-direction: alternate;
box-shadow: inset  1px 1px 8px #999;
-moz-box-shadow: inset  1px 1px 8px #999; 
-webkit-box-shadow: inset  1px 1px 8px #999;  
position:relative; 
opacity:0.9;
background : url(texture8.jpg) repeat;
border:4px solid #9d2626; 
text-align:center;
color:#333; 
-webkit-border-top-left-radius:240px 140px;
-webkit-border-top-right-radius:240px 140px;
-webkit-border-bottom-right-radius:240px 140px;
-webkit-border-bottom-left-radius:240px 140px;
-moz-border-radius:240px / 140px;
border-radius:40px / 40px;}

.bulle-rubrique1:before {
content:"";
position:absolute;
bottom:-22px;
left:30px;
border-width:20px 16px 0;
border-style:solid;
border-color:#9d2626 transparent;
display:block; 
width:0;}

.bulle-rubrique2 {
box-shadow: inset  1px 1px 8px #999;
-moz-box-shadow: inset  1px 1px 8px #999; 
-webkit-box-shadow: inset  1px 1px 8px #999;  
position:relative; 
opacity:0.9;
background : url(texture8.jpg) repeat;
border:4px solid #357aaa; 
text-align:center;
color:#333; 
-webkit-border-top-left-radius:240px 140px;
-webkit-border-top-right-radius:240px 140px;
-webkit-border-bottom-right-radius:240px 140px;
-webkit-border-bottom-left-radius:240px 140px;
-moz-border-radius:240px / 140px;
border-radius:40px / 40px;}

.bulle-rubrique2:before {
content:"";
position:absolute;
bottom:-22px;
left:30px;
border-width:20px 16px 0;
border-style:solid;
border-color:#357aaa transparent;
display:block; 
width:0;}

.bulle-rubrique3 {
box-shadow: inset  1px 1px 8px #999;
-moz-box-shadow: inset  1px 1px 8px #999; 
-webkit-box-shadow: inset  1px 1px 8px #999;   
position:relative; 
opacity:0.9;
background : url(texture8.jpg) repeat;
border:4px solid #404040; 
text-align:center;
color:#333; 
-webkit-border-top-left-radius:240px 140px;
-webkit-border-top-right-radius:240px 140px;
-webkit-border-bottom-right-radius:240px 140px;
-webkit-border-bottom-left-radius:240px 140px;
-moz-border-radius:240px / 140px;
border-radius:40px / 40px;}

.bulle-rubrique3:before {
content:"";
position:absolute;
bottom:-22px;
left:30px;
border-width:20px 16px 0;
border-style:solid;
border-color:#404040 transparent;
display:block; 
width:0 auto;}


/* effet sur liens */
#corps a.savoir-plus{color:#fff;font-weight:bold;text-shadow:1px 1px 2px #404040;text-decoration:none;}
#corps a.savoir-plus:hover{
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-decoration:none;}
#corps a.effet{
-moz-transition: height 1s ease-out, opacity 1s ease;
-webkit-transition: height 1s ease-out, opacity 1s ease;
-o-transition: height 1s ease-out, opacity 1s ease;
transition: height 1s ease-out, opacity 1s ease;}
#corps a.effet:after, #corps a.effet:before {
-moz-transition:width 0.5s ease 0s;
height: 0px;
width: 0px;
position: absolute;
content: ' ';
display: block;
opacity:0;
box-shadow: 0px 0px 5px #00c6ff;}
#corps a.effet:after {background: -moz-linear-gradient(left, #0ad, #08b);}
#corps a.effet:before {background: -moz-linear-gradient(right, #0ad, #08b);top: 84px;right:75px;}
#corps a.effet:hover:after, #corps a.effet:hover:before{width: 100px;height: 1px;opacity:1;} 


/*agrandissement images pour le blog*/

a span.bulle-blog{
position:absolute;
float:left;
padding:15px;
margin-top:30px;
width:30%;
margin-left:-400px;
background:#f1f1f1;
opacity:0;
-webkit-transform:scale(0) rotateZ(-12deg);
-moz-transform:scale(0) rotate(-12deg);
-ms-transform:scale(0) rotateZ(-12deg);
-o-transform:scale(0) rotate(-12deg);
transform:scale(0) rotateZ(-12deg);
-webkit-transition:all .25s;
-moz-transition:all .25s;
-ms-transition:all .25s;
-o-transition:all .25s;
transition:all .25s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,.5);
box-shadow:0 0 2px rgba(0,0,0,.5);}
a:hover span.bulle-blog, a:focus span.bulle-blog{
opacity:1;
-webkit-transform:scale(1) rotateZ(0);
-moz-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotateZ(0);
-o-transform:scale(1) rotate(0);
transform:scale(1) rotateZ(0);}
a span.bulle-blog::before{
width:50%;
content:'';
position:absolute;
top:-6px;
right:50px;
width:0;
height:0;
border-bottom:6px solid rgba(0,0,0,.9);
border-left:6px solid transparent;
border-right:6px solid transparent;}

/*infobulle*/
   
a span.bulle{
position:absolute;
padding:15px;
margin-top:23px;
margin-left:-35px;
background:rgba(0,0,0,.9);
opacity:0;
text-shadow:none;
font-size:14px;
color:#f1f1f1;
-webkit-transform:scale(0) rotateZ(-12deg);
-moz-transform:scale(0) rotate(-12deg);
-ms-transform:scale(0) rotateZ(-12deg);
-o-transform:scale(0) rotate(-12deg);
transform:scale(0) rotateZ(-12deg);
-webkit-transition:all .25s;
-moz-transition:all .25s;
-ms-transition:all .25s;
-o-transition:all .25s;
transition:all .25s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,.5);
box-shadow:0 0 2px rgba(0,0,0,.5);}
a:hover span.bulle, a:focus span.bulle{
opacity:1;
-webkit-transform:scale(1) rotateZ(0);
-moz-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotateZ(0);
-o-transform:scale(1) rotate(0);
transform:scale(1) rotateZ(0);}
a span.bulle::before{
content:'';
position:absolute;
top:-6px;
width:0;
height:0;
border-bottom:6px solid rgba(0,0,0,.9);
border-left:6px solid transparent;
border-right:6px solid transparent;}


/*boutons savoir plus services sites web*/

.savoir {
position:absolute;
float:left;
margin-top:5px;
margin-left:40px;
width:100px;
padding:10px;
border-radius:10px;
color:#fff;
background: #049de4;
background: -moz-linear-gradient(top, #049de4 0%, #0386c3 44%, #0371a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#049de4), color-stop(44%,#0386c3), color-stop(100%,#0371a5));
background: -webkit-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: -o-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: -ms-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);}
.savoir1 {
position:absolute;
float:left;
margin-top:5px;
margin-left:40px;
width:100px;
padding:10px;
border-radius:10px;
color:#fff;
background: #c74a40;
background: -moz-linear-gradient(top, #c74a40 0%, #a83f37 44%, #88332c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c74a40), color-stop(44%,#a83f37 ), color-stop(100%,#88332c));
background: -webkit-linear-gradient(top, #c74a40 0%,#a83f37 44%,#88332c 100%);
background: -o-linear-gradient(top, #c74a40 0%,#a83f37 44%,#88332c 100%);
background: -ms-linear-gradient(top, #c74a40 0%,#a83f37 44%,#88332c 100%);
background: linear-gradient(top, #c74a40 0%,#a83f37 44%,#88332c 100%);}
.savoir2 {
position:absolute;
float:left;
margin-top:5px;
margin-left:0px;
width:100px;
padding:10px;
border-radius:10px;
color:#fff;
background: #3fc13c;
background: -moz-linear-gradient(top, #3fc13c 0%, #329930 44%, #277625 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fc13c), color-stop(44%,#329930), color-stop(100%,#277625));
background: -webkit-linear-gradient(top, #3fc13c 0%,#329930 44%,#277625 100%);
background: -o-linear-gradient(top, #3fc13c 0%,#329930 44%,#277625 100%);
background: -ms-linear-gradient(top, #3fc13c 0%,#329930 44%,#277625 100%);
background: linear-gradient(top, #3fc13c 0%,#329930 44%,#277625 100%);}
.savoir:before{content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0;
border-style:solid;
border-color:#0371a5 #f5f0ec;}
.savoir1:before{content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0;
border-style:solid;
border-color:#88332c #f5f0ec;}
.savoir2:before{content:"";
position:absolute;
top:0;
right:0;
border-width:0 16px 16px 0;
border-style:solid;
border-color:#277625 #f5f0ec;}
.savoir:hover {opacity:1;}
.savoir1 {float:left;position:absolute;margin-top:25px;margin-left:200px;}
.savoir1:hover  {opacity:1;}
.savoir2 {float:right;position:absolute;margin-top:5px;margin-left:360px;}
.savoir2:hover  {opacity:1;}


/* réseaux sociaux */

ul#icones-social {
list-style:none;
padding:0;
margin:20px 0 35px 35px;
overflow:hidden;}
ul#icones-social li {
float:left;
width:60px;
padding-left:5px;
margin:20px 20px 5px 0;}
ul#icones-social li a {
display:block;
width:48px;
height:48px;
overflow:hidden;
border:1px solid transparent;
line-height:48px;
text-decoration:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

ul#icones-social1 {
list-style:none;
padding:0;
margin:0px 0 30px 340px;
overflow:hidden;}
ul#icones-social1 li {
float:left;
width:60px;
padding-left:5px;
margin:20px 20px 5px 0;}
ul#icones-social1 li a {
display:block;
width:48px;
height:48px;
overflow:hidden;
border:1px solid transparent;
line-height:48px;
text-decoration:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}


.facebook a {
position:relative;
text-transform:lowercase;
text-indent:24px;
letter-spacing:10px;
font-weight:bold;
font-size:50px;
line-height:66px;
color:#fff;
background:#3c5a98;
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;}
.facebook a:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg); 
-ms-transform:rotate(360deg);
transform:rotate(360deg);}

.twitter a {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
position:relative;
text-transform:lowercase;
text-indent:20px;
letter-spacing:40px;
font:bold 50px/1 Tahoma, sans-serif;
line-height:60px;
color:#76DDF8;
background:#daf6f7;
background:-webkit-gradient(linear, left top, left bottom, from(#daf6f7), to(#91f7fa));
background:-moz-linear-gradient(top, #daf6f7, #91f7fa);
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
text-shadow: -1px -1px 0px #fff;}
.twitter a:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg); 
-ms-transform:rotate(360deg);
transform:rotate(360deg);}

.rss a {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
position:relative;
width:60px;
padding:0 2px;
text-transform:lowercase;
text-indent:-186px;
font-size:64px;
font-weight:bold;
color:#fff;
background: #e07021;
background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443));
background:-moz-linear-gradient(top, #f19242, #e36443);
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);}
.rss a:before {
content:"\00a0";
position:absolute;
bottom:10px;
left:12px;
width:8px;
height:8px;
background:#fff;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
.rss a:after {
content:"\00a0";
position:absolute;
bottom:12px;
left:14px;
width:12px;
height:12px;
border-style:double;
border-width:16px 16px 0 0;
border-color:#fff;
-moz-border-radius:0 50px 0 0;
-webkit-border-top-right-radius:50px;
border-radius:0 50px 0 0;}
.rss a:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg); 
-ms-transform:rotate(360deg);
transform:rotate(360deg);}

.google a {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
position:relative;
text-transform:lowercase;
text-indent:16px;
letter-spacing:40px;
font: 40px/24px Georgia, Times New Roman, Times, serif;
color:#fff;
background:#404040;
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
background:-webkit-gradient(linear, left top, left bottom, from(#404040), to(#000));
background:-moz-linear-gradient(top, #404040, #000);
text-shadow: -1px -1px 0px #a4a4a4;}
.google a:before {
content:"\00a0";
position:absolute;
top:0px;
left:0px;
width:48px;
height:12px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background:#fff;
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d20e1b), color-stop(25%, #d20e1b), color-stop(25%, #3156e6), color-stop(50%, #3156e6), color-stop(50%, #2aa134), color-stop(75%, #2aa134), color-stop(75%, #ecb01b), color-stop(100%, #ecb01b));
background: -webkit-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -moz-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -o-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -ms-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);}
.google a:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg); 
-ms-transform:rotate(360deg);
transform:rotate(360deg);}


/*tableaux explications sites web*/

del {text-decoration: line-through;}
#tableau-prix {margin:40px 10px 10px -10px;width:450px;height:auto;background-color:#ccc;}
#basique {width:150px;float:left;text-align:center;}
#prestige {width:150px;float:left;text-align:center;}
#expert {width:150px;float:left;text-align:center;}
#tableau-prix .titre {
width:150px;
font-family:"Cicle_Gordita-webfont",Tahoma, Geneva, sans-serif;
font-size:20px;
color:#fff;
font-weight:bold;
border:1px solid #CCC;
background: #37678c;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: -moz-linear-gradient(top, #5397cb 0%, #4681ae 44%, #37678c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5397cb), color-stop(44%,#4681ae), color-stop(100%,#37678c));
background: -webkit-linear-gradient(top, #5397cb 0%,#4681ae 44%,#37678c 100%);
background: -o-linear-gradient(top, #5397cb 0%,#4681ae 44%,#37678c 100%);
background: -ms-linear-gradient(top, #5397cb 0%,#4681ae 44%,#37678c 100%);
background: linear-gradient(top, #5397cb 0%,#4681ae 44%,#37678c 100%);
text-shadow: #000 1px 1px 2px;}
#tableau-prix .titre1 {
width:150px;
font-family:"Cicle_Gordita-webfont",Tahoma, Geneva, sans-serif;
font-size:24px;
color:#fff;
font-weight:bold;
border:1px solid #CCC;
background: #696969;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #92433d;
background: -moz-linear-gradient(top, #dc675d 0%, #b6554c 44%, #92433d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc675d), color-stop(44%,#b6554c), color-stop(100%,#92433d));
background: -webkit-linear-gradient(top, #dc675d  0%,#b6554c 44%,#92433d 100%);
background: -o-linear-gradient(top, #dc675d  0%,#b6554c 44%,#92433d 100%);
background: -ms-linear-gradient(top, #dc675d  0%,#b6554c 44%,#92433d 100%);
background: linear-gradient(top, #dc675d  0%,#b6554c 44%,#92433d 100%);
text-shadow: #000 1px 1px 2px;}
#tableau-prix .titre2 {
width:150px;
font-family:"Cicle_Gordita-webfont",Tahoma, Geneva, sans-serif;
font-size:20px;
color:#fff;
font-weight:bold;
border:1px solid #CCC;
background: #696969;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #397f35;
background: -moz-linear-gradient(top, #4baa47 0%, #3b8c37 44%, #397f35 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4baa47), color-stop(44%,#3b8c37), color-stop(100%,#397f35));
background: -webkit-linear-gradient(top, #4baa47 0%,#3b8c37 44%,#397f35 100%);
background: -o-linear-gradient(top, #4baa47 0%,#3b8c37 44%,#397f35 100%);
background: -ms-linear-gradient(top, #4baa47 0%,#3b8c37 44%,#397f35 100%);
background: linear-gradient(top, #4baa47 0%,#3b8c37 44%,#397f35 100%);
text-shadow: #000 1px 1px 2px;}
#tableau-prix ul{margin:auto;display:block;}
#tableau-prix li {
padding-top:10px;
padding-bottom:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
width:150px;
list-style:none;
border:1px solid #eee;
text-shadow:  #fff 0px -2px 0px;
color:#404040;
background:#ddd;	 
background: -moz-radial-gradient(50% 50% 90deg,ellipse closest-corner, #fff 10%, #ccc 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #ccc));}
#tableau-prix ul li:last-child {
background: -moz-linear-gradient(top, #696969 0%, #404040 44%, #313131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(44%,#404040), color-stop(100%,#313131));
background: -webkit-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -o-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -ms-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background:#404040;	
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow:0px 4px 2px #999;
color:#fff;
text-shadow:1px 1px 3px #111;
border:1px solid #000;
font-family:"Cicle_Gordita-webfont",Verdana, Geneva, sans-serif;
font-weight:bolder;
font-size:18px;}
#basique,#prestige,#expert {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#basique:hover,#prestige:hover,#expert:hover {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);}
/*----------fin design du site----------*/


/*----------formulaire devis et promotions----------*/
label {	
margin:0px 0 5px 30px;
float:left;
font-family: "Lobster1.1Regular", Arial, Helvetica, Georgia, sans-serif;
font-size: 20px;
text-shadow:-1px -1px 0 #fff;
color: #666;}
label a{text-decoration:none;color:#555;}	
label a:hover{	text-decoration:none;}	
form {
clear:both;
margin:20px 0 20px 0px;
float:left;
width: 100%;
border: 1px solid #ddd; 
background:rgba(255,255,255,.2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 		
-webkit-box-shadow: inset 0px 0 10px #ccc;
-moz-box-shadow: inset 0px 0 10px #ccc; 
box-shadow: inset 0px 0 10px #ccc;}
form p{
color:#bb413e;
text-shadow:1px 1px 2px #999;
text-align:center;
font-style:italic;
margin:auto;
padding:10px;
font-size:20px;
font-family: "Lobster1.1Regular",Arial,sans-serif;}	
form h1 { 
margin:auto;
text-align:center;
padding:30px;
border-bottom:1px dashed #acacac;
font-family: "Lobster1.1Regular", Arial, sans-serif;
font-size:50px;
line-height:60px;
text-decoration:none;
color:#bb413e;
text-shadow: 1px 1px #fff, 
2px 2px #8a3d3b, 
3px 3px #5c2b2a, 
4px 4px #5c2b2a, 
5px 5px #5c2b2a, 
6px 6px #5c2b2a;}
form h1 small {
padding-top:30px;
color:#404040;
font-size:24px;
text-shadow: 1px 1px #fff, 
2px 2px #111;
font-family: "Lobster1.1Regular", Arial, sans-serif;
text-transform: none;}
fieldset {border: none;}
input { 	
padding: 8px; 
margin: 4px 0px 10px  20px; 
background: #f1f1f1; 
width: 220px; 
font-size: 14px; 
color: #555; 
border: 1px #ddd solid;
-webkit-box-shadow: 0px 0px 4px #ddd;
-moz-box-shadow:  0px 0px 4px #ddd; 
box-shadow:  0px 0px 4px #ddd;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;}
form img.spam{clear:both;float:left;margin: 30px 0 20px 30px; }
textarea {
padding: 8px; 
margin: 4px 0 20px 20px; 
background:#f1f1f1;
height:300px;
font-size: 14px; 
color: #555; 
border: 1px #ddd solid;
-webkit-box-shadow: 0px 0px 4px #ddd;
-moz-box-shadow: 0px 0px 4px #ddd; 
box-shadow:  0px 0px 4px #ddd;
float: left;
width:80%;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px; }
input:hover, textarea:hover {
background-position:right 10px;
-webkit-box-shadow: inset 0px 0px 4px #ddd;
-moz-box-shadow:  inset 0px 0px 4px #ddd; 
box-shadow:  inset 0px 0px 4px #ddd;}		
input.envoi { 
clear:both;	
float: left;
width: 150px; 
color: #eee; 
text-transform: uppercase; 
margin-top: 10px;
border: none;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px; 
background: #696969;
background: -moz-linear-gradient(top, #696969 0%, #404040 44%, #313131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(44%,#404040), color-stop(100%,#313131));
background: -webkit-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -o-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: -ms-linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);
background: linear-gradient(top, #696969 0%,#404040 44%,#313131 100%);} 
input.envoi:hover { 		
-webkit-box-shadow: 0px 0px 10px #555;
-moz-box-shadow: 0px 0px 10px #aaa; 
box-shadow: 0px 0px 10px #555;
cursor:pointer;} 		
.resultats{
line-height:40px;
color:#404040;
font-style:italic;
font-weight:bold;
text-shadow:1px 1px 2px #999;
text-align:center;
margin:auto;
font-size:18px;
font-family:Arial,sans-serif;}
#form-position {float: left;width: 230px;}
#form-position1 {float:left;width:100%;}
/*----------fin formulaire devis et promotions----------*/


/*----------pied de page----------*/

footer {margin:auto;clear:both; text-align:center; padding:0px 0 0px 0; color:#999;}
footer ul.partenaires li{list-style:none;display:inline;color:#696969;}
footer ul.partenaires{margin:auto;padding-top:30px;width:50%;}
footer ul.partenaires li a{color:#696969;font-size:11px;text-decoration:underline;}
footer ul.partenaires li a:hover{text-decoration:none;}
footer p {border-top:1px solid #ddd;text-shadow: -1px -1px 0 #fff; margin:auto; line-height:30px; color:#313131;font-size:12px;}
footer p.post {border:none;font-family:Arial,sans-serif; color:#696969;font-size:11px;line-height:20px;margin:auto;padding:5px;}
footer a.mail{ text-decoration:underline;color:#000;}
footer a.mail:hover{ text-decoration:none;}
footer p a{ text-decoration:underline;color:#000;}
footer p a:hover{ text-decoration:none;}
footer .contacte{
border-radius:20px;
border:3px solid #c25b5b;
-webkit-box-shadow:inset 0px 8px 0px #b24640, 0px 16px 0px #612321;
-moz-box-shadow: inset 0px 8px 0px #b24640, 0px 16px 0px #612321;
box-shadow: inset 0px 8px 0px #b24640, 0px 16px 0px #612321, inset 0px 5px 18px #404040,  0px 20px 5px #404040;
width:200px;
background: url(texture1.jpg) repeat;
text-align:center;
position:absolute;
margin-top:45px;
margin-left:0px;
height:120px;
padding:3px;}
footer .contacte-carte{color:#404040;
text-shadow: -1px -1px 0px #fff;
font-family:'Lobster1.1Regular', Arial, sans-serif;
font-size:14px;width:200px;
-webkit-transform:rotate(-6deg);
-moz-transform:rotate(-6deg);
-o-transform:rotate(-6deg); 
-ms-transform:rotate(-6deg);
transform:rotate(-6deg);line-height:25px;margin-left:3px;
background:#eaeaea url(logo-mini.png) no-repeat top left;
border-radius:3px;
height:105px;
moz-box-shadow: 5px 2px 0px #f3f3f3, 0px 5px 10px #404040;
-webkit-box-shadow: 5px 2px 0px #f3f3f3, 0px 5px 10px #404040;
box-shadow: 5px 2px 0px #f3f3f3, 0px 5px 10px #404040;}

/*----------fin pied de page----------*/


/*----------page 404----------*/
ul.servs {float:left;height:auto;}
ul.servs li{
border:1px solid #e87a7a;
background:url(texture3.jpg) repeat;
border-radius:10px;
display:block;
list-style:none;
width:260px;
text-align:justify;
margin:5px;}
ul.servs li a{
padding-left:10px;
font-weight:bold;
text-decoration:none;
line-height:25px;
color:#555;
font-family: "Helvetica", Arial, Georgia, sans-serif;
font-size:12px;}
ul.servs li a:hover{
color:#404040;
padding-left:20px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-decoration:underline;}
ul.servs li.titre{
width:auto;
border:2px solid #e87a7a;
margin-bottom:30px;
border-radius:10px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40), inset 0 0 3px #999;
background:url(texture1.jpg) repeat;
padding-left:15px;
color:#404040;
text-decoration:none;
font-size:14px;
font-family: "Lobster1.1Regular", Arial, Georgia, sans-serif;
text-align:justify;}
.oups{
padding:20px;
width:auto;
margin:auto;
text-align:center;
font-family:"Cicle_Gordita-webfont",Arial,Georgia,sans-serif;
font-weight:bold;
color:#e87a7a;
text-shadow:1px 1px 0 #7b3d3d,2px 2px #999,3px 3px #7a473a,4px 4px #404040,6px 6px #404040;
font-size:42px;}
.revenir-404{
padding:20px;
width:auto;
margin:auto;
text-align:center;
font-family:"Lobster1.1Regular",Arial,Georgia,sans-serif;
font-weight:bold;
font-size:20px;}
.revenir-404 a{text-decoration:underline;color:#404040;}
.revenir-404 a:hover{
color:#000;
text-decoration:none;}
.page-404{
background:url(texture.jpg) repeat;	
margin:auto;
width:960px;
padding:30px 17px 10px 17px;
border-radius:20px;
border:0px solid #eca9a7;}
.page-404-phone{display:none;}
.anim-404 {
height: 343px;
background:url(404.png) no-repeat;
padding-bottom: 50px;}
.fond-anim-404{
background: url(404-fond.jpg) repeat 1055px bottom;
height: 343px;
margin-left:1px; 
overflow: hidden;
position: relative;
width:99.5%;
z-index: -1;
-moz-animation-name: pan;
-moz-animation-duration:40s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-name: pan;
-webkit-animation-duration:40s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;}
@-moz-keyframes pan {
0% {background-position: 1338px bottom;}
100% {background-position: left bottom;}}
@-webkit-keyframes pan {
0% {background-position: 1338px bottom;}
100% {background-position: left bottom;}}


/*----------fin page 404----------*/
.diapo{margin:auto;text-align:center;}
.diapo li > a,
.diapo li > a img{display: block;border:0px;}
.diapo li > a{
width: 150px;
height: 150px;
position: relative;
padding: 10px;
background: #f1f1f1;
-webkit-box-shadow: 1px 1px 5px #404040;
-moz-box-shadow: 1px 1px 5px #404040;
box-shadow: 1px 1px 5px #404040;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}


.trans-image{
width: 0px;
height: 0px;
position: fixed;
overflow: hidden;
left: 0px;
top: 0px;
padding: 0px;
z-index: 99;
text-align: center;
background: rgba(0,0,0,0.6);}


.trans-image p{
color:#fff;
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
text-align:center;}


/*fermeture lightbox */

.trans-image a.ferm{
background: #555;
color: #fff;
position: absolute;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
top: 85px;
left: 50%;
font-size: 14px;
line-height: 26px;
text-align: center;
width: 60px;
height: 26px;
overflow: hidden;
margin-left: -25px;
opacity: 0;
filter: alpha(opacity=0); 
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);}



/*design image et effet lightbox */	

.trans-image img{
max-height: 100%;
position: relative;
border:5px solid #fff;
opacity: 0;
filter: alpha(opacity=0); 
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
box-shadow: 0px 2px 7px rgba(0,0,0,0.6);}


@-moz-keyframes fadeInRotate{
0%{
opacity: 0;
-moz-transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
-moz-transform: scale(1) rotate(0deg);
}
}
@-webkit-keyframes fadeInRotate{
0%{
opacity: 0;
-webkit-transform: scale(0) rotate(360deg);
}
100%{
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);}
}


.trans-image:target{
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 80px 100px 120px 100px;}
	
.trans-image:target .prec,
.trans-image:target .suiv,
.trans-image:target  p,
.trans-image:target img,
.trans-image:target a.ferm{
opacity: 1;
filter: alpha(opacity=99);
-webkit-animation: fadeInRotate 1s linear 0.2s backwards;
-moz-animation: fadeInRotate 1s linear 0.2s backwards;
-ms-animation: fadeInRotate 1s linear 0.2s backwards;
animation: fadeInRotate 1s linear 0.2s backwards;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);}












/* MEDIA QUERIES pour version mobile */

@media (
min-device-width:1024px) and (max-width:989px),
screen and (max-device-width:480px),
(max-device-width:480px) and (orientation:landscape),
(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
.trans-image a.ferm{
font-size: 12px;
line-height: 20px;
width: 50px;
height: 20px;

}
/* général */
.fete{font-size:20px;}	
#page { width:468px;border:1px solid #ccc; 
-webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
-moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); 
box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);}
.espace-smart{clear:both;margin-top:50px;}

/* page index */

ul#intro{ padding-bottom:20px; }
li#a-propos, li#nos-services, li#blog, li#contact{margin-bottom:40px;webkit-border-radius:0px;}
ul li#a-propos:hover,ul li#nos-services:hover,ul li#blog:hover,ul li#contact:hover{

-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
background:rgba(255,255,255,0);
-moz-box-shadow: 0px 0px 0px #999;
-webkit-box-shadow:0px 0px 0px #999;
box-shadow:0px 0px 0px #999; }
/* les liens */
a span.bulle-blog{margin-left:-200px;}
a span.bulle{display:none;}
video {max-width: 100%;height: auto;}
object.vid{background:transparent;border:none;box-shadow:none;max-width:100%;}

/* entete et intro */

.bandeau{background:none;}
header ul{display:none;}
header {background:none;}
header h1{font-size:11px;font-family: "YanoneKaffeesatz-Regular-webfont", cursive;}
header h1 a {text-shadow: none;
-webkit-animation: accordeon 0s 0 ease-in-out forwards;
-moz-animation: accordeon 0s 0 ease-in-out forwards;}

#intro-texte .intro-texte-1 {font-size:24px;}
#intro-texte .intro-texte-2{top: 3.1em;font-size: 26px;}
#intro-texte .intro-texte-3 {
top: 3.2em;
right: -1.2em;
color: #404040;
font-size: 24px;
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
#intro-texte .intro-texte-4 {bottom:2.4em;right:0.9em;font-size: 22px;}
#intro-texte .intro-texte-5 { top:8.6em;left: 1.4em;font-size: 22px;}
#intro-texte .intro-texte-6{
font-size:26px;
bottom: 0em;
left:2.4em;}

/*page 404*/
.page-404-phone{
-ms-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
color:#555;
display:block;
padding:30px;
text-shadow: 0px -1px 0px #f1f1f1,-10px -1px 0 #696969;
width:auto;
margin:auto;
text-align:center;
font-family:"Lobster1.1Regular",Arial,sans-serif;
font-weight:bold;
font-size:120px;}
ul.servs {float:left;height:auto;}
ul.servs li{
width:260px;
text-align:justify;
margin:3px;}
ul.servs li a{
font-weight:normal;
padding:3px;
text-decoration:none;
line-height:25px;
color:#555;
font-family: "Helvetica", Arial,sans-serif;
font-size:10px;}
ul.servs li a:hover{
color:#404040;
padding-left:10px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
text-decoration:underline;}
ul.servs li.titre{
width:auto;
border:2px solid #e87a7a;
margin-bottom:30px;
border-radius:10px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40), inset 0 0 3px #999;
background:url(texture1.jpg) repeat;
padding-left:15px;
color:#404040;
text-decoration:none;
font-size:14px;
font-family: "Lobster1.1Regular", Arial, Georgia, sans-serif;
text-align:justify;}
.revenir-404{font-size:22px;}
.anim-404{display:none;}
.page-404{width:auto;}
.oups{font-size:32px;line-height:40px;}


#a-propos p, 
#nos-services p,  
#blog p, 
#contact p{text-align:left;
text-shadow:-1px -1px 0 #fff;
line-height:30px;
font-size:14px;
color:#404040;}
.propos { 
	background:url(guillaume.png) no-repeat center;
opacity:0.8;
height:96px;
width:96px;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;}
.propos:hover { 
opacity:1; 
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);}

/* menu */
.menu-phone{
display:block;
width:32px;
float:left;
height:32px;
margin:10px 0 20px 26px;
padding:1px;
border:1px solid #ddd;
border-radius:5px;
box-shadow:1px 1px 3px #404040;
-moz-box-shadow:1px 1px 3px #404040;
-webkit-box-shadow:1px 1px 3px #404040;
background:#963b36 url(fond-rub.png) repeat;
position: relative;}
.menu-phone.active {background:#330d0d;}
.nom {
font-size:10px;
font-family:"DroidSerif-Bold",Arial,serif;
width: 32px;
position: absolute;
text-align: center;
top: 32px;
left: 0px;}

/*index menu smartphone*/

.maison-triangle {
border: 12px solid #ede7e6;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
height: 0;
width: 0;
position: absolute;
bottom: 16px;
left: 4px;}
.maison-rectangle {
background-color: #ede7e6;
width: 16px;
height: 12px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius-bottomleft: 1px;
-moz-border-radius-bottomright: 1px;
position: absolute;
bottom: 4px;
left: 8px;}
.maison-cheminee {
background-color: #ede7e6;
width: 3px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top: 6px;
left: 8px;}

/*propos menu smartphone*/
.propos-tete {
background-color: #ede7e6;
width: 12px;
height: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius:12px;
position: absolute;
top: 4px;
left: 12px;}
.propos-corps {
background-color: #ede7e6;
width: 18px;
height: 12px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
position: absolute;
bottom: 4px;
left: 9px;}

/*print menu smartphone*/

.print-cadre {
border: #ede7e6 1px solid;
width: 24px;
height: 28px;
position: absolute;
top: 2px;
left: 4px;}
.print-ligne1 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 6px;
left: 7px;}
.print-ligne2 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 12px;
left: 7px;}
.print-ligne3 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 9px;
left: 7px;}
.print-ligne4 {
background-color: #ede7e6;
width: 10px;
height: 14px;
position: absolute;
top: 5px;
left: 17px;}
.print-ligne5 {
background-color: #ede7e6;
width: 20px;
height: 8px;
position: absolute;
top: 21px;
left: 7px;}


/*web design menu smartphone*/

.webdesign-icone,
.webdesign-icone div { position: absolute; }
.webdesign-icone {
background: #ede7e6;
height: 32px;
width: 32px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 202px 188px;}
.webdesign-fond {
height: 32px;
left: 12px;
top: 6px;
width: 32px;}
.interieur-haut.active{background: #330d0d;}
.interieur-bas.active{background: #330d0d;}
.interieur-bas1.active {background: #330d0d;}
.interieur-haut,
.interieur-bas,
.interieur-bas1 {background: #963b36;z-index: 12;}
.interieur-haut {
height: 10px;
left:9px;
top:4px;
width: 14px;
-moz-border-radius: 60px 62px 0 0 / 60px 62px 0 0;
-webkit-border-radius: 60px 62px 0 0;}
.interieur-bas {
height: 10px;
left: 8px;
top: 16px;
width: 15px;
-moz-border-radius: 0 0 69px 69px / 0 0 61px 61px;
-webkit-border-bottom-right-radius: 69px 61px;
-webkit-border-bottom-left-radius: 69px 61px;}
.interieur-bas1 {height: 8px;left: 14px;top: 16px;width: 18px;}


/*multimédia menu smartphone*/

.multi-rectangle {
background-color: #ede7e6;
width: 24px;
height: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
position: absolute;
top: 6px;
left: 2px;}
.multi-triangle {
border: 6px solid #ede7e6;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
top: 9px;
right: 2px;}

/*devis menu smartphone*/

.devis-triangle1 {
border: 14px solid #ede7e6;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
top: 6px;
left: 3px;}
.devis-triangle2 {
border: 10px solid #ede7e6;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
height: 0;
width: 0;
position: absolute;
bottom: 6px;
right: 2px;}
.devis-triangle3 {
border: 10px solid #ede7e6;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
height: 0;
width: 0;
position: absolute;
bottom: 6px;
left: 2px;}


/*blog menu smartphone*/

.blog-cercle {
background-color: #ede7e6;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
width: 16px;
height: 16px;
position: absolute;
top:-5px;
right:-2px;}
.blog-ligne1 {
background-color: #404040;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:3px;
right: 2px;}
.blog-ligne2 {
background-color: #404040;
width: 2px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:0px;
right: 5px;}
.blog-lettre{font-size:22px;font-family:"Chunkfive-webfont",Arial,serif;text-decoration:none;color:#fff;left:6px;top:8px;position:absolute;}
/*----------fin menu mobiles---------- */


/* blog */
.notabene{font-size: 24px;padding-right:20px;}
.telecharge{font-size: 20px;}
.demo{font-size: 20px;}
.smart-ok1{margin-right:20px;font-size:24px;}
.smart-ok{margin-right:20px;font-size: 20px;}
a.lien-blog {
font-size:10px;
margin:5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#css ul{margin:auto;}
#css ul li{margin-left: -10px;font-size: 12px;}
#css{width:auto;margin:auto;}
#css p{margin:auto;font-size: 12px;}
ul#menu-rub-css3{margin:auto;display:inline;height:30px;}
ul#menu-rub-css3 li{float:left;margin:2px 0 10px 12px;display:inline;width:auto;height:20px;}
ul#menu-rub-css3 li a {
font-size: 10px;
font-weight:normal;
line-height: 1;
padding: 5px 10px 5px 10px;}
.img-blog{width:80%;}
.cadre-blog{margin:auto;width:auto;}
article h3 {
border:3px solid #f1f1f1;
background:#fff;
color:#5b5955;
padding:5px;
-moz-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.6);
box-shadow: inset 0px 0px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.6);}
pre{width:auto;margin:auto;}
pre.explication{font-size: 10px;padding:5px;}
#categorie{
font-family:"DroidSerif-Bold",Arial,Georgia,sans-serif;
font-size: 20px; 
text-transform: uppercase;
color: #555;
padding:5px;
background:none;
text-align:center;
margin:20px 0 20px 130px;
font-weight: bold;
text-shadow: 0px -1px 0px #fff;
border-bottom:1px dashed #999;
border-top:1px dashed #999;}
#categorie:before, #categorie:after{display:none;}
#categorie:before{display:none;}
#categorie:after{display:none;}
.flag{display:none;}
.tags{margin:auto;width:auto;clear:both;padding-bottom:30px;}
.cat {font-size: 10px;padding: 5px 3px;}
.cat a {padding: 4px 10px 4px 15px;}
.cat .active {padding: 4px 10px 4px 15px;}
.cat .circle {border: 4px #f2ebe3 solid;}
.date .mois{font-size:12px;line-height: 20px;}
.date .jour{font-size: 36px;line-height: 40px;}
.date .annee{left:40px;top:30px;font-size: 14px;}
/* liste savoir-faire et rubrique à propos */


#fond-propos{margin:30px 0 0 40px;width:auto;}
#intro1 {
margin:10px;
width:240px;
height:240px;}
ul.check1 {padding:5px;margin:30px 0 0 20px;}


/* les services */

#diapo-logos{display:none;}
#diapo-affiches{display:none;}
#diapo-flyers{display:none;}
#diapo-brochures{display:none;}
ul.flyers-smart{display:block;list-style:none;text-align:center;width:auto;margin-left:-10px;}
.logos-smart{display:block;margin:auto;text-align:center;}
.logos-smart img{display:block;margin:auto;text-align:center;}
ul.affiches-smart{display:block;list-style:none;text-align:center;margin-left:-30px;width:auto;}
ul.bann-bloc li{font-size:16px;width:300px;display:block;}
.savoir-smart {
display:block;
float:left;
margin-top:5px;
margin-left:40px;
width:80px;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:#fff;
background: #049de4;
background: -moz-linear-gradient(top, #049de4 0%, #0386c3 44%, #0371a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#049de4), color-stop(44%,#0386c3), color-stop(100%,#0371a5));
background: -webkit-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: -o-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: -ms-linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);
background: linear-gradient(top, #049de4 0%,#0386c3 44%,#0371a5 100%);}
.savoir-smart a{font-size:11px;color:#fff;text-shadow:1px 1px 2px #111;text-decoration:none;text-align:center;}
.cartes-smart{display:block;margin-left:-35px;text-align:center;}	
ul.cartes-smart li{list-style:none;}	
	
ul.webdesign{width:auto;padding:20px 0 0 0;}
ul.webdesign li{display:inline;list-style:none;margin:40px 0 0 5px;}
ul.webdesign li img{width:30%;}
.liste li {margin:20px 0 0 70px;display:block;}
.liste li a{padding:3px;font-size:14px;line-height:30px;}
#nos-services .bulle{display:none;}


/* promotions */

.b11{display:none;}
.b11-smart {
margin:40px 0px 0px 130px;
display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #420110,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow 0s ease-in-out;
-moz-transition: -moz-box-shadow 0s ease-in-out;
-ms-transition: -ms-box-shadow .0s ease-in-out;
-o-transition: -o-box-shadow 0s ease-in-out;
transition: box-shadow 0s ease-in-out;}

.b11-smart span {color:#fff;	
display: inline-block;
padding: 10px  10px;
font-family:  Helvetica, Arial, sans-serif;
line-height: 1;
font-size:10px;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
background: #a90329; 
background: -moz-linear-gradient(top, #c3032f 0%, #8f0222 44%, #6d0019 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3032f), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: -o-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: -ms-linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
background: linear-gradient(top, #c3032f 0%,#8f0222 44%,#6d0019 100%); 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.40);
-webkit-transition: -webkit-transform 0 ease-in-out;
-moz-transition: -moz-transform 0 ease-in-out;
-o-transition: -o-transform 0 ease-in-out;
-ms-transition: -ms-transform 0 ease-in-out;
transition: transform 0 ease-in-out;}

.b11-smart:active {	
-webkit-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
-moz-box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);
box-shadow: 
0 4px 0 #420110,
0 6px 5px rgba(0,0,0,.3);}

.b11-smart:active span {	
-webkit-transform: translate(0, 0px);
-moz-transform: translate(0, 0px);
-o-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
transform: translate(0, 0px);}

#promos{display:none;}
#promos-smart{
color:brown;
font-family:"Lobster1.1Regular",Arial,Georgia,sans-serif;
font-size:20px;
text-decoration:blink;
line-height:50px;
text-align:center;}
#promos-intro{display:none;}
#promos-smart{display:block;}


/* tableau présentation sites web */

#tableau-prix {margin-left:-30px;width:auto;}
#tableau-prix li {margin:auto;font-size:12px;width:120px;}
#tableau-prix .titre, #tableau-prix .titre1, #tableau-prix .titre2 {font-size:18px;width:120px;}
#basique {width:120px;float:left;text-align:center;}
#prestige {width:120px;float:left;text-align:center;}
#expert {width:120px;float:left;text-align:center;}
#basique,#prestige,#expert {
-moz-transition:  0s ease-in-out;
-webkit-transition: 0s ease-in-out;
-ms-transition: 0s ease-in-out;
-o-transition:  0s ease-in-out;
transition:  0s ease-in-out;}
#basique:hover,#prestige:hover,#expert:hover {
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);}
#tableau-prix ul{margin:auto;display:inline block;}
.savoir{display:none;}
.savoir1{display:none;}
.savoir2{display:none;}

/* formulaire devis */

form{width: 90%;margin-left:20px;}
form h1 { font-size:30px;}
form h1 small {font-size:20px;}
form label{font-size:16px;}
.accueil{display:none;}

.resultats{line-height:30px;font-size:16px;}
input.envoi{width: 120px;font-size:12px;}


ul.webdesign{margin:auto;}
ul.webdesign li{display:none;display:inline;list-style:none;}

/* menu services index */
#navigationMenu span{font-size:12px;}
#navigationMenu a:hover span{ 
padding:0 10px;}    
#navigationMenu .serv-print span {padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}
#navigationMenu .serv-web span{padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}
#navigationMenu .serv-multi span{padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}    

/* contenu général droite */
.flash-swf{width:410px;}
#corps {width:400px; margin:0; padding:0px 30px 0 0px;  border-left:0px;}
#corps a.info{font-size:12px;}
#corps p.expli{font-size:12px;padding-left:10px;}
#corps a.info1 {margin:20px;padding: 3px;font-size:10px;}
#corps p{font-size:14px;}
#corps h1{font-size:22px;padding:15px;}
#corps h2 small{font-size:20px;}
#corps h2 {font-size:26px;}
#corps h2.tous-services a{width:220px;font-size:16px;border:1px solid #713332;}
#corps h3{font-size:18px;}
#corps h4{font-size:28px;}
#corps h5{font-size:14px;}
#corps .cadre-webdesign{margin:auto;width:auto;}
#corps ul.print li { 
font-family: "YanoneKaffeesatz-Regular-webfont", Arial, Helvetica, Georgia, sans-serif;
font-size:16px; 
list-style:none;
display:block;
width:auto;
line-height:40px;}
#corps ul.web-offres {display:block;}
#corps ul.web-offres li { 
font-family: "YanoneKaffeesatz-Regular-webfont", Arial, Helvetica, Georgia, sans-serif;
font-size:20px; 
list-style:none;
display:block;
width:auto;
line-height:40px;}
#corps ul.web-offres li a { 
text-shadow:1px 1px 2px #999; 
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
text-decoration:underline; 
color:#ba1820; }
#corps ul.web-offres li a:hover { 
-moz-transition: all .5s; 
-webkit-transition: all .5s; 
-o-transition: all .5s; 
transition: all .5s;
padding-left:5px;
text-decoration:none; 
color:#404040;}
#corps p.prix{font-size:18px;}
#corps p.affiche{font-size:14px;}
#corps p.affiche:first-letter {margin:0 3px 0 0;font-size:44px;padding:5px;}
#corps h6 {font-family: Arial,Georgia,sans-serif;font-size: 16px;text-shadow:none;line-height:20px;}
#corps .texte-ex {font-size:12px;line-height:20px;}
#corps p.affiche2:first-letter {font-size:45px;}

/* contenu général gauche */

#colonne-g {display:none;border:0px;}

/* bas de page */

footer .contacte{display:none;}
footer { background:none; padding:20px 0 0px 0;}
footer ul.partenaires{margin:auto;width:auto;}
footer p { font-size:10px;margin:auto; }
footer .contacte{display:none;}
footer .contacte-carte{display:block;}

/* haut de page */

#haut-page{
text-align:center;
border-top:2px solid transparent;
-moz-box-shadow:  0px -3px 3px #737373;
-webkit-box-shadow:  0px -3px 3px #737373;
box-shadow:  0px -3px 3px #737373;
width:120px;
margin:auto;}
#haut-page .texte-page{margin-top:-17px;font-size:12px;font-family: "Chunkfive-webfont", Arial, Helvetica, Georgia, sans-serif;color:#999;}

ul#icones-social1 {display:block;margin:10px 0 0 80px;}
ul#icones-social-smart{display:none;}
.facebook a:hover {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg); 
-ms-transform:rotate(0deg);
transform:rotate(0deg);}
.rss a:hover {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg); 
-ms-transform:rotate(0deg);
transform:rotate(0deg);}
.twitter a:hover {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg); 
-ms-transform:rotate(0deg);
transform:rotate(0deg);}
.google a:hover {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg); 
-ms-transform:rotate(0deg);
transform:rotate(0deg);}
}



@media (min-device-width:1024px) and (max-width:509px),
(max-device-width:480px) and (orientation:portrait) {

.trans-image a.ferm{
font-size: 10px;
line-height: 16px;
width: 40px;
height: 16px;}

/* général */

body{width:auto;}
.fete{font-size:18px;}	
#page {padding:10px 0px 0px 0px; width:306px;margin:0 auto; }
#contenu-site {
-webkit-box-shadow: 0px 0px 0px #404040;
-moz-box-shadow: 0px 0px 0px #404040;
box-shadow: 0px 0px 0px #404040;
border:none; }

/* page index */

ul#intro { width:270px;}
ul li#a-propos, ul li#nos-services, ul li#blog, ul li#contact {
-webkit-box-shadow:0px;
margin:0 0 40px 40px;}
#a-propos p, 
#nos-services p,  
#blog p, 
#contact p{font-size:12px;}
ul li#a-propos:hover,ul li#nos-services:hover,ul li#blog:hover,ul li#contact:hover{
background:none;}
.liste li {margin:5px;display:block;}
.liste li a{padding:2px;font-size:12px;}

 /*page 404*/
.revenir-404{font-size:18px;}
.page-404{width:auto;}
.oups{font-size:22px;line-height:30px;}
.page-404-phone{
font-size:90px;}

/* entete et intro */
header {background:none;}
header h1{font-size:9px;}
header h1 a {letter-spacing:2px;
-webkit-animation: accordeon 0s 0 ease-in-out forwards;
-moz-animation: accordeon 0s 0 ease-in-out forwards;}
.bandeau{background:none;}
.bandeau-bas{border-radius:0px;}
.bandeau-haut{border-radius:0px;}
#intro-texte .intro-texte-1 {font-size:22px;left:2.4em;}
#intro-texte .intro-texte-2{left:-1.2em;top:3.6em;font-size:24px;}
#intro-texte .intro-texte-3{right:-1.1em;font-size:22px;top:3.7em;}
#intro-texte .intro-texte-4{right:1.4em;bottom:2.6em;font-size:20px;}
#intro-texte .intro-texte-5{left:2.4em;top:9.6em;font-size:20px;}
#intro-texte .intro-texte-6{
font-size:22px;
bottom: 0em;
left:3.4em;}
.b{margin:20px 0 20px 30px;}
.b1{margin:20px 0 20px 30px;}
.b3{margin:0px 0 30px 20px;}

/* menu services index */

#navigationMenu a:hover span{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg); 
-ms-transform:rotate(0deg); 
padding:0 ;}    
#navigationMenu .serv-print span {padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}
#navigationMenu .serv-web span{padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}
#navigationMenu .serv-multi span{padding-right:150px;color:#404040;text-shadow:1px 1px 0 #f1f1f1;}      

/* contenu général droite */
.cadre-propos{width:auto;}
.cadre-webdesign{width:120%;margin:auto;}
.flash-swf{width:200px;}
#corps {width:260px; margin:0 auto; padding:0px 20px 0 10px;border:none;  border-left:0px dashed #DDD; }
#corps a.info{font-size:10px;padding:3px;margin-top:10px;}
#corps a.info1 {margin:20px;padding: 2px;font-size:8px;}
#corps p.affiche{font-size:12px;}
#corps h6 {font-size: 14px;font-family:Arial,Georgia,sans-serif;line-height:20px;}
#corps .texte-ex {display:none;}
#corps p.affiche:first-letter {margin:0 3px 0 0;font-size:50px;padding:5px; }
#corps p.faire{font-size:16px;}
#corps p.affiche2:first-letter {font-size:35px; }
#corps h1{ font-size:16px;padding:8px;}
#corps h2 small{ font-size:16px;text-shadow:0px 0px 1px #999;color:#bc5858;}
#corps h2 { font-size:22px;text-transform:none;}
#corps h2.tous-services a{width:180px;font-size:14px;}
#corps h3{font-size:16px;}
#corps h4{font-size:20px;}
#content_pri h5{font-size:12px; }
#corps p{font-size:12px;}
#corps p.expli{font-size:10px;padding-left:10px;}
#corps p.prix{font-size:16px;}
#corps .serv{margin:0 0 20px 30px;}
#corps ul.print li { 
font-family: "YanoneKaffeesatz-Regular-webfont", Arial, Helvetica, Georgia, sans-serif;
font-size:16px; 
list-style:none;
display:block;
margin-left:-40px;
width:auto;
line-height:40px;}
#corps ul.web-offres li { 
font-family: "YanoneKaffeesatz-Regular-webfont", Arial, Helvetica, Georgia, sans-serif;
font-size:16px; 
list-style:none;
display:block;
width:auto;
line-height:40px;}

#nos-services .bulle{display:none;}


/*formulaire*/
form{margin: 10px 0 10px 15px;}
form p{font-size:12px;}
form h1{font-size:20px;}
form h1 small{font-size:16px;}
form input{width:auto;}
form textarea{width:70%;}
input.envoi{width: 100px;font-size:12px;}
.resultats{line-height:30px;font-size:14px;width:auto;}

/* rubrique à propos */

#fond-propos{margin:auto;width:auto;}
.logos{width:auto;font-size:10px;}
.marqueur{display:none;}

/* haut de page */

#haut-page{margin:10px 0 0 80px;}
#haut-page .texte-page{margin-top:-17px;font-size:10px;font-family: "Chunkfive-webfont", Arial, sans-serif;color:#999;}

/* les services */

.logos-smart{display:block;}
ul.bann-bloc li{font-size:14px;width:200px;margin:30px 0 0 -20px;}
p.ex-flash{display:none;}

.savoir-smart {
padding:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;}
.savoir-smart a{font-size:10px;}


/* blog */
a span.bulle-blog{margin-left:-100px;}
a.lien-blog {
margin:3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.notabene{font-size: 22px;padding-right:10px;}
.telecharge{font-size: 18px;}
.demo{font-size: 18px;}
.smart-ok1{margin-right:10px;font-size:20px;margin-top:0px;}
.smart-ok{display:none;}
a.aime{
height:25px;
width:25px;
margin:5px;
line-height:25px;
font-size: 18px;}
a.aime1{
height:25px;
width:25px;
margin:5px;
line-height:25px;
font-size: 18px;}

#css ul{margin:auto;}
#css ul li{margin-left: -20px;font-size: 10px;}
#css{width:auto;margin:auto;}
#css p{margin:auto;font-size: 10px;}
ul#menu-rub-css3{margin:40px 0 40px -40px;display:block;width:auto;height:30px;}
ul#menu-rub-css3 li{margin:2px 0 10px 10px;}
ul#menu-rub-css3 li a {
font-size: 10px;
font-weight:normal;
line-height: 1;
padding: 2px 5px 2px 5px;}
.lien-blog {
margin:10px;
display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
-moz-box-shadow:
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
box-shadow:
0 4px 0 #024564,
0 15px 10px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-ms-transition: -ms-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;}
.cadre-blog{margin:auto;width:auto;}
#categorie{font-size: 16px;margin:40px 0 20px 80px;width:auto;}
.cat {font-size: 9px;padding: 2px 2px;}
.cat a {padding: 2px 10px 2px 12px;}
.cat .active {padding: 2px 10px 4px 12px;}
.cat .circle {border: 2px #f2ebe3 solid;margin-top:-2px}
article h3{padding:2px;}
.date .mois{font-size:10px;line-height: 15px;}
.date .jour{font-size: 28px;line-height: 30px;}
.date .annee{left:40px;top:20px;font-size: 10px;}
pre {width:auto;}
pre.explication{font-size: 8px;}


/*----------menu mobiles---------- */


.menu-phone{
display:block;
width:32px;
float:left;
height:32px;
margin:10px 0 20px 7px;
padding:1px;
border:1px solid #ddd;
border-radius:5px;
box-shadow:1px 1px 3px #404040;
-moz-box-shadow:1px 1px 3px #404040;
-webkit-box-shadow:1px 1px 3px #404040;
background:#963b36 url(fond-rub.png) repeat;
position: relative;}
.menu-phone.active {background:#330d0d;}
.menu-phone a{
text-decoration:none;}
.nom {
font-size:10px;
font-family:"DroidSerif-Bold",Arial,serif;
width: 32px;
position: absolute;
text-align: center;
top: 32px;
left: 0px;}


/*index menu smartphone*/

.maison-triangle {
border: 12px solid #ede7e6;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
height: 0;
width: 0;
position: absolute;
bottom: 16px;
left: 4px;}
.maison-rectangle {
background-color: #ede7e6;
width: 16px;
height: 12px;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius-bottomleft: 1px;
-moz-border-radius-bottomright: 1px;
position: absolute;
bottom: 4px;
left: 8px;}
.maison-cheminee {
background-color: #ede7e6;
width: 3px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top: 6px;
left: 8px;}

/*propos menu smartphone*/

.propos-tete {
background-color: #ede7e6;
width: 12px;
height: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius:12px;
position: absolute;
top: 4px;
left: 12px;}
.propos-corps {
background-color: #ede7e6;
width: 18px;
height: 12px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
position: absolute;
bottom: 4px;
left: 9px;}

/*print menu smartphone*/

.print-cadre {
border: #ede7e6 1px solid;
width: 24px;
height: 28px;
position: absolute;
top: 2px;
left: 4px;}
.print-ligne1 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 6px;
left: 7px;}
.print-ligne2 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 12px;
left: 7px;}
.print-ligne3 {
background-color: #ede7e6;
width: 8px;
height: 1px;
position: absolute;
top: 9px;
left: 7px;}
.print-ligne4 {
background-color: #ede7e6;
width: 10px;
height: 14px;
position: absolute;
top: 5px;
left: 17px;}
.print-ligne5 {
background-color: #ede7e6;
width: 20px;
height: 8px;
position: absolute;
top: 21px;
left: 7px;}


/*web design menu smartphone*/

.webdesign-icone,
.webdesign-icone div { position: absolute; }
.webdesign-icone.active{background: #ede7e6;}
.webdesign-icone {
background: #ede7e6;
height: 32px;
width: 32px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 202px 188px;}
.webdesign-fond {
height: 32px;
left: 12px;
top: 6px;
width: 32px;}

.interieur-bas {
height: 10px;
left: 8px;
top: 16px;
width: 15px;
-moz-border-radius: 0 0 69px 69px / 0 0 61px 61px;
-webkit-border-bottom-right-radius: 69px 61px;
-webkit-border-bottom-left-radius: 69px 61px;}
.interieur-bas1 {height: 8px;left: 14px;top: 16px;width: 18px;}


/*multimédia menu smartphone*/

.multi-rectangle {
background-color: #ede7e6;
width: 24px;
height: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
position: absolute;
top: 6px;
left: 2px;}
.multi-triangle {
border: 6px solid #ede7e6;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
top: 9px;
right: 2px;}

/*devis menu smartphone*/
.devis-triangle1 {
border: 14px solid #ede7e6;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
height: 0;
width: 0;
position: absolute;
top: 6px;
left: 3px;}
.devis-triangle2 {
border: 10px solid #ede7e6;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
height: 0;
width: 0;
position: absolute;
bottom: 6px;
right: 2px;}
.devis-triangle3 {
border: 10px solid #ede7e6;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
height: 0;
width: 0;
position: absolute;
bottom: 6px;
left: 2px;}


/*blog menu smartphone*/

.blog-cercle {
background-color: #ede7e6;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
width: 16px;
height: 16px;
position: absolute;
top:-5px;
right:-2px;}
.blog-ligne1 {
background-color: #404040;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:3px;
right: 2px;}
.blog-ligne2 {
background-color: #404040;
width: 2px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top:0px;
right: 5px;}
.blog-lettre {font-size:22px;font-family:"Chunkfive-webfont",Arial,serif;color:#ede7e6;left:6px;top:8px;position:absolute;}

/*----------fin menu mobiles---------- */

ul.affiches-smart{display:block;list-style:none;text-align:center;margin-left:-20px;width:auto;}

/* tableau présentation sites web */

#tableau-prix {margin-left:-45px;}
#tableau-prix li {margin:auto;font-size:10px;width:80px;}
#tableau-prix .titre, #tableau-prix .titre1, #tableau-prix .titre2 {width:80px;}
#basique {width:80px;float:left;text-align:center;}
#prestige {width:80px;float:left;text-align:center;}
#expert {width:80px;float:left;text-align:center;}
#tableau-prix ul{margin:auto;display:inline block;}
.savoir{display:none;}
.savoir1{display:none;}
.savoir2{display:none;}

/* promotions */

#promos-smart{
color:brown;
font-family:"Lobster1.1Regular",Arial,Georgia,sans-serif;
font-size:16px;
text-decoration:blink;
line-height:50px;
text-align:center;}
#promos-intro{display:none;}
#promos-smart{display:block;}

.b11-smart {margin:50px;}


/*check*/

#intro1{width:180px;height:180px;margin:5px;}
ul.check1{padding:0px;margin:15px 0 0 0px;width:180px;}
ul.check1 li{font: 10px  Arial, sans-serif;}



/*bas de page*/
ul#icones-social1{display:none;}
ul#icones-social-smart {
display:block;
list-style:none;
padding:0;
margin:0px 0 30px 45px;
overflow:hidden;}
ul#icones-social-smart li {
float:left;
width:40px;
margin:20px 20px 5px 0;}
ul#icones-social-smart li a {
display:block;
width:38px;
height:38px;
overflow:hidden;
border:1px solid transparent;
line-height:38px;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}


.facebook-smart a {
position:relative;
text-transform:lowercase;
text-indent:20px;
letter-spacing:10px;
font-weight:bold;
font-size:36px;
line-height:66px;
color:#fff;
background:#3c5a98;
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);}

.twitter-smart a {
position:relative;
text-transform:lowercase;
text-indent:16px;
letter-spacing:40px;
font:bold 40px/1 Tahoma, sans-serif;
line-height:60px;
color:#76DDF8;
background:#daf6f7;
background:-webkit-gradient(linear, left top, left bottom, from(#daf6f7), to(#91f7fa));
background:-moz-linear-gradient(top, #daf6f7, #91f7fa);
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
text-shadow: -1px -1px 0px #fff;}

.rss-smart a {
position:relative;
width:60px;
padding:0 2px;
text-transform:lowercase;
text-indent:-186px;
font-size:44px;
font-weight:bold;
color:#fff;
background: #e07021;
background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443));
background:-moz-linear-gradient(top, #f19242, #e36443);
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);}
.rss-smart a:before {
content:"\00a0";
position:absolute;
bottom:8px;
left:10px;
width:6px;
height:6px;
background:#fff;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
.rss-smart a:after {
content:"\00a0";
position:absolute;
bottom:10px;
left:12px;
width:8px;
height:8px;
border-style:double;
border-width:12px 12px 0 0;
border-color:#fff;
-moz-border-radius:0 50px 0 0;
-webkit-border-top-right-radius:50px;
border-radius:0 50px 0 0;}

.google-smart a {
position:relative;
text-transform:lowercase;
text-indent:12px;
letter-spacing:40px;
font: 30px/14px Georgia, Times New Roman, Times, serif;
color:#fff;
background:#404040;
-moz-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.063em rgba(255, 255, 255, 0.6), 0 0.063em 0 rgba(255, 255, 255, 0.3);
background:-webkit-gradient(linear, left top, left bottom, from(#404040), to(#000));
background:-moz-linear-gradient(top, #404040, #000);
text-shadow: -1px -1px 0px #a4a4a4;}
.google-smart a:before {
content:"\00a0";
position:absolute;
top:0px;
left:0px;
width:38px;
height:12px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d20e1b), color-stop(25%, #d20e1b), color-stop(25%, #3156e6), color-stop(50%, #3156e6), color-stop(50%, #2aa134), color-stop(75%, #2aa134), color-stop(75%, #ecb01b), color-stop(100%, #ecb01b));
background: -webkit-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -moz-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -o-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: -ms-linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);
background: linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b);}
footer p { font-size:10px;margin-right:20px;margin-left:20px; }
footer ul.partenaires{width:auto;padding:10px;font-size:10px;}
footer ul.partenaires li a{font-size:10px;}
footer ul.partenaires li a:hover{font-size:10px;}
footer p.post {font-size:8px; }
#bulle-contact{display:none;}
footer .contacte{display:none;}
}


/* * {
	transition: width .5s;
	-moz-transition: width .5s;
	-webkit-transition: width .5s;
		-ms-transition: width .5s;
}  */