html{
height: 100%;

}
a {color : #0064ab;}
a:hover {color: #ff9c00;}
body {
height: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
background-image: url(./images/bg2.jpg);
background-repeat : repeat-x;
}
#wrappedConteneur{
width:910px;
z-index: 5;
height: 100%;
  position: relative;
margin:0 auto;
padding:0 0 0 0;
background-image: url(./images/img_logo.png);
background-repeat: no-repeat;
}
#wrappedConteneur a#accueil img{
margin:0 auto;
padding:0 0 0 0;
 position: absolute;
 top: 20px;
 left: 287px;
 border:0;
border: none;
}
#jumpTop{
width:47px;
height:21px;
/* background-image:url(./images/nav-top.jpg);
background-repeat: no-repeat; */
position: fixed;
bottom: 45px;
right: 5%;
cursor: pointer;
z-index:8;
text-indent:-9999px; /*masque le texte haut de page*/
display:none; /* masque l'affichage du bouton à l'ouverture de la page */
}
#jumpTop span{
width:47px;
height:21px;
display:inline;
float:left;
background-image:url(./images/top.png);
}
.top{
background-position:0 0;
}
.top:hover{
background-position:0 -22px;
}
#suite{
margin: 0 0 0 0; 
padding :0 0 0 0; 
display: none;}

#btn-show-more{
float:left;
text-align:right;
font-family:Verdana, sans-serif;
font-size:80%;
line-height:1.3em;
margin: 0 0 0 0; 
padding : 0 0 15px 15px;
}
#btn-show-more .legendeInf{
font-size:80%;
}
#conteneur{
width: 100%;
z-index: 5;
  margin: 250px 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  
  }
.tache{background-image: url(./images/bottom5.jpg) ;
background-repeat : no-repeat;
background-position : bottom;
}

#colL{
float: left; width:675px;
margin: 0 0 90px 0; 
padding : 35px 0 0 0; /* padding: 0 0 0 0; */
}

.vignette{
margin:0 0 0 0;
padding:0 0 0 0;
}
.vignette ul {
list-style-type: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.vignette ul li.flux, .vignette ul li.fluxMore-item{
float:left; 
position:relative; 
/*overflow:hidden; */ /* commenter par steph le 25/01/2014 à priori pas utile*/
margin: 0 0 24px 15px; /* margin: 0 0 12px 15px; */
padding: 0 0 0 0;
}
.vignette ul li.flux a img, .vignette ul li.fluxMore-item a img {
position:relative; 
border: none;
margin:0 0 0 0;
padding:0 0 0 0;
border: solid 2px #ff9c00;}
.vignette ul li.flux a, .vignette ul li.fluxMore-item a{
margin:0 0 0 0;
padding:0 0 0 0;}

li.subFlux {
float:left; 
position:relative; 
 overflow:hidden; 
margin: 0 0 12px 0; padding: 0 0 0 0;
}	
li.subFlux a img{
border: none;
margin:0 0 0 0;
padding:0 0 0 0;
border: solid 2px #ff9c00;
}
li#sansJs{
float:left; 
width:226px;
margin: 0 0 0 15px; padding: 0 0 0 0;
}

.legende{
position:absolute;
bottom:0px;
right:0px;
width:100%;

display:none;
background:#fff;
opacity:1;
color:#0064ab;/* #ff9c00 */
text-align: right;
font-family:Verdana, sans-serif;
font-size:80%;
font-weight: bold;
border-bottom:solid 4px #aac6dc;
line-height:1.3em;
padding:5px 0 5px 0;
margin: 0 0 0 0;
}
.legende .legendeInf{
font-size:80%;
margin:0 0 0 0;
padding:0 10px 0 0;
}
.legende .legendeSup{
font-size:100%;
margin:0 0 0 0;
padding:0 10px 0 0;
}
.bold {
font-weight: bold;}


img.smallSp{
margin: 0 0 0 5px;
vertical-align: middle;}
img.smallSpBot{
margin: 0 0 5px 5px;
vertical-align: middle;}

#colR{
float: right; width:210px;text-align: right;
font-family:Verdana, sans-serif;color :#0064ab;
padding:135px 15px 0 0;
margin: 0 0 0 0;
background-image: url(./images/fd_colR.png);
background-position: top right;
background-repeat: repeat-y;}
#colR h1{
font-size:100%;
padding:20px 0 0 0;
margin: 0 0 0 0;
}
#colR h2, #colLPro h2, #colCv h2{
font-size:90%;
padding:10px 0 0 0;
margin: 0 0 0 0;
}
#colR p, #colLPro p, #colCv p{
font-size:80%;line-height:1.6em;
padding:0 0 0 0;
margin: 0 0 0 0;
}
#colR  p .legendeInf{
font-size:80%;
}
#graph{
background-image:url(./images/graph2.png);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 0 0;
padding:0 0 0 0;}
#arobase{
background-image:url(./images/contact.png);
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 0 0;
padding:0 0 0 0;}
#mentions{
background-image:url(./images/mentions.png);
background-repeat: no-repeat;
background-position: top 4% left 10%;
margin: 0 0 0 0;
padding:0 0 0 0;}
#apropos{
background-image:url(./images/zanka2.png);
background-repeat: no-repeat;
background-position: top 4% left 10%;
margin: 0 0 0 0;
padding:0 0 0 0;
}
#megaphone{
background-image:url(./images/partage3.png);
background-repeat: no-repeat;
background-position: top 4% left 40%;
margin: 0 0 0 0;
padding:0 0 0 0;
}
#colR ul, #colLPro ul{
list-style-type: none;
margin:0px;
padding:0px;
}
#colR .espLi, #colLPro .espLi {
margin:0px;
padding:0 0 60px 0;
}
#colLPro form {
margin:0 0 0 0;
padding:0 0 30px 0;
}

#colR #share, #colLPro #share{
float: right;
margin: 0 0 0 0;
padding:0 0 0 0;
}
#colR #share li, #colLPro #share li{
float:left;
margin:3px 0 0 7px;
padding:0 0 0 0;
}
#colR #share li a img, #colLPro #share li a img{
border: 0;
/* width: 25px;
height:25px;
margin:0px;
padding:0px; */
}
#colR #share li a.fb, #colLPro #share li a.fb{
display: inline-block;
width: 25px;
height:25px;
background-image:url(./images/iconeFb.jpg);
}
#colR #share li a.fb:hover, #colLPro #share li a.fb:hover{

background-image:url(./images/iconeFb1.jpg);
}
#colR #share li a.pin, #colLPro #share li a.pin{
display: inline-block;
width: 25px;
height:25px;
background-image:url(./images/iconePin.jpg);
}
#colR #share li a.pin:hover, #colLPro #share li a.pin:hover{
background-image:url(./images/iconePin1.jpg);
}
#colR #liens{
float: right;
font-size: 80%;
line-height: 1.6em;
margin: 10px 0 30px 0;
padding:0 0 0 0;
}
#colR #liens li{
float:right;
margin:0 0 0 7px;
padding:0 0 0 0;
}
#colR #liens li a{
height:25px;
display: inline-block;
margin: 0 0 5px 5px;
padding: 0 30px 0 0;
background-position : right;
background-repeat: no-repeat;
}
.art{background-image:url(./images/iconeArt.jpg);} .art:hover{background-image:url(./images/iconeArt1.jpg);}
.blog{background-image:url(./images/iconeBlog.jpg);} .blog:hover{background-image:url(./images/iconeBlog1.jpg);}
.tshirt{background-image:url(./images/iconeTshirt.jpg);} .tshirt:hover{background-image:url(./images/iconeTshirt1.jpg);}
.web{background-image:url(./images/iconeWeb.jpg);} .web:hover{background-image:url(./images/iconeWeb1.jpg);}
.email{background-image:url(./images/iconeEmail.jpg);} .email:hover{background-image:url(./images/iconeEmail1.jpg);}

hr.invisible{
clear: both;
margin:0 0 0 0;
padding:0 0 0 0;
visibility: hidden;}
hr.esp{
clear: both;
margin:0 0 40px 0;
padding:0 0 0 0;
visibility: hidden;}
#nav{
float: left;
width: 675px;

padding:10px 0 80px 0;
margin: 0;

}
#nav ul {
float: right;
list-style-type: none;
padding:0;
margin: 0;
}
#nav li{
float: left;
text-align: center;
padding:0;
margin: 0 0 0 8px;
font-family:Verdana, sans-serif;
font-size:80%;
color :#0064ab;
/* border-top: solid 1px #ff9c00;
 */}
#nav li :hover{
padding:0;
margin: 0 0 0 8px;

/* border-top: solid 2px #ff9c00;
 */}
#nav li a{
border-top: solid 1px #ff9c00;
border-right: solid 1px #ff9c00;
color :#0064ab;
text-decoration: none;
font-weight: bold;
padding:0 4px 0 4px;
margin: 0 0 0 0;
}
#nav li a:hover{
border-top: solid 2px #ff9c00;
border-right: solid 1px #ff9c00;
color :#a9c5d9;
font-weight: bold;
text-decoration: none;
padding:0 4px 0 4px;
margin: 0 0 0 0;
}
#pied{
clear: both;
margin:0 0 0 0;
padding:0 16px 5px 0 ;
width: 892px;
text-align : right;
font-family:Verdana, sans-serif;
font-size:60%;
font-weight: bold;
color :#0064ab;
line-height: 1.9em;
background-color:#fff;
border-top: solid 1px #ff9c00;
border-left: solid 1px #ff9c00;
border-right: solid 1px #ff9c00;
position:relative;
 z-index:1;}
#pied a{color :#0064ab;}
#pied a:hover{text-decoration: none;color :#a9c5d9;}




.raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.1) inset;
        }