/* ----------------------------- */
/*  =     Styles de base         */
/* ----------------------------- */


/* Page */ 
html { 
  font-size: 100%;
} 

iframe {
	border: 0;
}

body { 
  margin: 0; 
  padding: 0; 
  font-family: Arial, arial, Arial, "Century Gothic", "Lucida Grande", "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #344f5a; 
  text-align:justify;
} 

/* Liens */ 
a, p a { 
  text-decoration: none; 
} 

.detailInfo, .detailInfo a: {
text-decoration:none;
}

a:link, p a:link { 
  text-decoration:none;
    color: #344f5a; 
} 
a:visited, p a:visited { 
  color: #344f5a; 
} 
a:hover, a:focus, a:active, p a:hover, p a:focus {
  color: #344f5a;  
  text-decoration: none;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
} 

/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 

/* font general */
.epfontl {
font-family: Arial, arial;
}

/* haut */ 
.logo { 
  display:block;
  z-index:10000;
  background:url(../images/logog.png) center top no-repeat; 
  margin-top:11px;
  width:100%;
  height:135px;
  overflow:hidden;
 
} 

.trait {
	background:#4f555a;
	height:1px;
	width:100%;
	margin-top:0px;
	text-align:center;
}

.sousmenu {
width:100%;
position:absolute;
top:186px;
left:0px;
z-index:100;
display:none;
height:500px;
text-align:center;

}

.soustitre {
color:#49596f;font-weight:bold;font-size:17px;margin-bottom:12px;
}
.sousmenuaf {
	z-index:90;
	width:100%;
	position:absolute;
	top:190px;
	left:0px;
}

.identification { 
  display:inline-block;
  position:absolute;
  top: 60px;
  right: -26px;
  height: 40px;
  width:382px;
} 

.champid {
  display:inline-block;
  float:left;
  font-size:11px;
  letter-spacing:1px;
  color: #acafb4;
  background: url(../images/fdch.png) left center no-repeat;
  margin-left: -5px;
  padding-left: 3px;
  padding-top: 12px;
  margin-bottom: 0px;
  width: 153px;
  height: 27px;
  border: 0px;
}

.identification input {
	font-family:Arial,arial,verdana;
	font-size:11px;
	letter-spacing:1px;
	color: #acafb4;
	background-color:#26292b;
	border-top-width:1px;
	border-color:#26292b;
	border:0px;
	margin-left: 5px;
	margin-bottom:0 px;
	width:122px;
	height:15px;
}

.btconnect { 
  background-color:#none;	
  display:inline-block;
  position:absolute;
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 17px;
  margin-bottom: 0px;
  width: 22px;
  height: 22px;
  border: 0px;
  right:63px;
  top:-6px;
}


.bhg {
position:absolute;
background: url(../images/bhg.png) left top no-repeat; 
width:8px;
height:8px;
}
.bhd {
position:absolute;
right:0px;
background: url(../images/bhd.png) left top no-repeat; 
width:9px;
height:9px;
}
.bbg {
position:absolute;
bottom:0px;
left:0px;
background: url(../images/bbg.png) left top no-repeat; 
width:9px;
height:9px;
}
.bbd {
position:absolute;
bottom:0px;
right:0px;
background: url(../images/bbd.png) left top no-repeat; 
width:9px;
height:9px;
}

 
/* Titres */ 
h1 { 
  font-family: Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 24px; 
  text-align: left;
  color: #344f5a;
  letter-spacing:0px;
  margin-bottom: 0px;
  margin-top:0px;
  padding-bottom:0px;
  padding-top:0px;
  padding-left:20px;
} 


h1 span { 
  /*display: block;
  position:absolute;
  top:14px;
  right:20px;*/
  font-family:Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  margin-left: -15px;
  margin-right:5px;
  margin-top:0px;
  line-height: 1.2;
  font-weight: normal;
  font-size: 11px; 
  color: #6d7275;

} 

h1 p { 
  margin-top:0px;
  display: inline-block;
  margin-left:0px;
  width:550px;
  text-align:left;
  vertical-align:top;
} 

h1 a, h1 a:visited {
  color: #1d2022;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
  color:#1d2022;
}

h2 { 
  font-size: 1.5em; 
} 
 
/* Listes */ 
ul, ol { 
	
  margin: 8px 0 0 0; 
  padding: 0; 
  /*list-style-type: none;*/
} 

li {
 /* padding-left: 15px;*/
  padding-top:-5px;
  /*background: url(../images/puce.png) left center no-repeat;*/
  margin-bottom: 0px;
  margin-top:0px;
  margin-left:30px;
}
 
 
 

/* Listes */ 
.carousel{ 
  margin: 0; 
  padding: 0; 
  background: none;
  margin-bottom: 0px;
}
  
 
/* Paragraphes */ 
p { 

  margin: 0;
  font-family:Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
} 
 
span {
font-family:Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 

/* ----------------------------- */
/*  =     Blocs                  */
/* ----------------------------- */

header, nav, footer, figure, section {
  display: block;
 
}




/* Header */ 

header {
  display:block;
  position: relative;
}

header nav {
  display:block;
  position: relative;
  font-size:11px;
  height:43px;
  width:985px;
  vertical-align:top;
  padding-top:0;
  z-index:10;
  color: #b2b4b6;
  text-align:left;
  overflow:hidden;
  line-height:100%;
  font-family : Arial, arial, Arial;
}
header nav a:link, header nav a:visited {
  display:inline-block;
  vertical-align:middle;
  height:43px;
  color: #b2b4b6;
  text-decoration: none;
}
header nav a:hover, header nav a:focus {
  display:inline-block;
  vertical-align:middle;
  height:43px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: none;
}

header nav a[href^="http:"]:hover {
}

.tnav , .tnav a:visited, .tnav a:link {
  font-family : Arial, arial;
  font-size:12px;
  letter-spacing:0px;
  line-height:100%;
  color:#b2b4b6;
}

.tnav a:hover, .tnav a:active{
  color:#FFF;
}

.mmenu, .mmenu a:visited, .mmenu a:link {
display:inline-block;
z-index:10;
height:70px;
margin-top:-29px;
padding-top:30px;
padding-left:15px;
padding-right:15px;
font-family : Arial, arial;
font-size:12px;
letter-spacing:0px;
line-height:100%;
color:#b2b4b6;
cursor:pointer;
}

.mmenu a:hover, .mmenu a:active, .mmenuon a:hover{
color:#FFF;
}

.mmenuon , .mmenuon a:visited, .mmenuon a:link {
display:inline-block;
z-index:10;
height:45px;
margin-top:-29px;
padding-top:30px;
padding-left:15px;
padding-right:15px;
font-family : Arial, arial;
font-size:12px;
letter-spacing:0px;
line-height:100%;
color:#FFF;
}

.separ {
display:inline-block;
width:1px;
height:40px;
background: url(../images/separ.png) left center no-repeat;}



.chemin {  
  font-size:10px;
  color: #7a797f;
  font-weight:normal;
  font-family:Arial, arial,Arial;
} 
.chemin  a, .chemin a:link, .chemin a:visited{
color: #7a797f;
text-decoration:none;
}

.chemin a:hover, .chemin a:focus, .chemin  a:active{
color: #333;
text-decoration:none;
}

.snav , .snav a:visited, .snav a:link {
  font-family : Arial, arial;
  font-size:11px;
  letter-spacing:0px;
  line-height:12px;
  color:#20262b;
  text-decoration:none;
}

.snav a:hover, .snav a:active{
  color:#FFF;
  text-decoration:none;
}

.h1une, .h1une p{
  display: block;
  position:relative;
  top:0px;
  left:0px;
  background: none;
  font-family: Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  font-weight: normal;
  font-size:1.0em;
  text-align: left;
  color: #1d2022;
  padding-left:0px;
  padding-top:0px;
  width:935px;
  letter-spacing:0px;
  height:12px;
  margin-top:0px;
  margin-left:0px;
  
}
.h1une p a, .h1une p a:link , .h1une p a:visited {
text-decoration: none;
color: #1d2022;
}

.h1une p a:hover,.h1une p a:active {
  color: #ee4c23;  
  text-decoration: none;
}

.titre {
  display: block;
  position:relative;
  top:0px;
  left:0px;
  background: url(../images/fd_h1.png) left center no-repeat;
  font-family: Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 25px; 
  text-align: left;
  line-height: 1.4;
  color: #1d2022;
  padding-left:23px;
  padding-top:0px;
  width:935px;
  letter-spacing:1px;
  height:45px;
  margin-bottom: 65px;
  margin-top:0px;
}



.imsm  {

top:0px;
width:900px;
display:none;
z-index:1000;
height:380px;
overflow:hidden;
text-align:left;

font-family: Arial, arial,Arial,"NewRegular", "Lucida Grande","Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
color:#9c9c9c;
}

.videoa {  
  display: block;
  position: inherit;
  background: url(../images/fdanim0.png) left top no-repeat;
  margin-left: 0px;
  top:0px;
  color:#eb1e7a;
  height:420px;
  width:980px;
  padding-top:0px;
  padding-left:21px;
  padding-bottom:20px;
  margin-bottom:0px;
  margin-right:0px;
  margin-top:47px;

}


.tempanim350 {
position:absolute;
width:940px;
height:350px;
padding-top:0px;
text-align:center;
overflow:hidden;
}

.tempanim250 {
position:absolute;
width:940px;
height:250px;
padding-top:190px;
text-align:center;
cursor:pointer;
}


.videoa250 {  
  display:block;
  position: inherit;
  background: url(../images/fondSmall0.png) left top no-repeat;
  margin-left: 0px;
  top:0px;
  height:300px;
  color:#eb1e7a;
  width:980px;
  padding-left:21px;
  padding-top:0px;
  cursor:pointer;
  margin-bottom:0px;
  margin-top:48px;
  margin-right:0px;
}


.videoa250vide {  
  display:block;
  position: inherit;
  margin-left: 0px;
  top:0px;
  color:#eb1e7a;
  height:55px;
  width:980px;
  padding-top:0px;
  padding-left:21px;
  padding-bottom:5px;
  cursor:pointer;
  margin-bottom:20px;
  margin-right:0px;
  z-index:-1;
}




.presentation0 {  
  display:inline-block;
  float:left;
  position: relative;
  width:230px;
  padding-top:0px;
  margin-right:25px;
  margin-bottom:0px;
  vertical-align:top;
  border:none;
    margin-left:0;
}

.presentation1 {  
  display:inline-block;
  position: relative;
  width:290px;
  padding-top:0px;
  margin-right:25px;
  margin-left:0;
  margin-bottom:0px;
  vertical-align:top;
}
.presentation2 {  
  display:inline-block;
  position: relative;
  width:290px;
  margin-left:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  margin-bottom:0px;
  vertical-align:top;
    margin-left:0;
}
.colvide {
  display:inline-block;
  float:left;
  position: relative;
  padding-top:0px;
  margin-bottom:0px;
  vertical-align:top;
}



.presentationa {  
  display:inline-block;
  float:left;
  position: relative;
  width:400px;
  padding-top:0px;
  margin-right:30px;
  margin-bottom:0px;
  vertical-align:top;
}

.presentationb {  
  display:inline-block;
  position: relative;
  width:400px;
  margin-left:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  margin-bottom:0px;
  vertical-align:top;
}

#wrapper {  
  display:block;
  position:absolute;
  width:100%;
  text-align:center;
  height:100%;
}


/* Content */ 

#content {
  display:block;
  width: 984px; 
  /*min-height:100%;
  height:100%;*/
  margin: 0px auto 0px;
  padding: 0;
  padding-bottom:0px;
  text-align:left;
}

#content p#presentation {
  clear: both;
  font-size: 1.6em;
}
#content section {
  display:block;
  position:relative;
  width: 600px;
  margin-top: 15px;
  padding-left: 21px;
  margin-bottom:0px;
  font-size:1.0em;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  /*padding: 5px;      /* shown in blue */
}

.page {
  position:relative;
  display:block;
  width: 840px;
  margin-top:60px;
  margin-bottom:20px;
  padding-bottom:30px;
  padding-top:0px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#page img {
border:#344f5a 0px solid;
}
.page1 {
  position:relative;
  display:block;
  width: 910px;
  margin-top:0px;
  margin-bottom:20px;
  padding-bottom:30px;
  padding-top:0px;
  margin-left: 40px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

section a {
}

section a:hover, section a:focus {
  text-decoration: none;
}

section a[href^="http:"] { 
 /* padding-right: 12px;
  background-image: url(img/arrow-text.png);
  background-position: right center;
  background-repeat: no-repeat; 
  */
}

#content section.presentation{
  padding: 0px 0px;

}
#content section h2 {
  margin: 10px 0 5px 0;
  padding: 0;
}

#content section.presentation h2, #content section.contact h2 {
  display: inline-block;
  font-family: Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  padding: 5px 5px;
  background: rgba(0,0,0,0);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; 

}

#content figure {
  display:block;
  float:left;
  width:305px;
  padding:0px;
  margin-bottom:26px;
  margin-top:0px;
  margin-left:21px;
  margin-right:0px;
  border:0px;
}
#content figure h2 {
	background: url(../images/liseret.png) left top no-repeat;
	color:#1d2022;
	display:block;
	margin-top:-3px;
	margin-left:0px;
	padding-top:0px;
	font-size:20px;
	text-align:left;
	width:280px;
	font-weight:normal;
	letter-spacing: 1px;
	text-decoration:none;
	font-family: Arial, arial, Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#content figure span, #content figure span a:link,#content figure span a:focus,#content figure span a:visited ,#content figure span a:active{
	display:block;
	color:#6d7375;
	margin-left:0px;
	text-decoration:none;
	font-size:11px;
	margin-top:-18px;
	padding-top:0px;
	width:280px;
	display:block;
	font-size:12px;
	letter-spacing:0px;
	padding-bottom:3px;
	background: url(../images/trait280.png) left bottom no-repeat;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#content figure p, #content figure p a:link,#content figure p a:focus,#content figure p a:visited  {
	color:#6d7375;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	letter-spacing:0px;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#content figure img {
	display:block;
	margin-left:0px;
	border:0px;
}


.spacerea {
display:inline-block;
width:0px;
}

.more {
position:absolute;
left:212px;
background: url(../images/savoirplus.png) left center no-repeat;
width:80px;
height:20px;
bottom:-270px;
}


.alaune {
  display:block;
  position:inherit;
  width: 980px;
  margin-top:-40px;
  margin-bottom:150px;
  padding-bottom:50px;
  padding-left:0px;
  font-size:1.1em;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.realisations {

  width: 980px;
  padding-top:20px;
  margin-top:0px;
  padding-left:0px;
  font-size:1.1em;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.realisation {
  /*background: url(../images/paddlegrisp.png) left top no-repeat;
  height:210px;*/
}

.realisation img{
	background: url(../images/liseretg.png) left top no-repeat;
	padding-top:16px;
	margin-top:15px;
	margin-bottom:5px;
}

.detailrea {
  display:block;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:10px;
  float:left;
  z-index:50;
  left:0;
  font-size:12px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
  background: #242a2a;
  width: 935px;
  margin-left:20px;
  margin-bottom:10px;
}

.detailtitre {
	color:#FFF;
	display:block;
	margin-top:-10px;
	margin-left:30px;
	margin-bottom:0px;
	height:50px;
	overflow:hidden;
	padding-top:0px;
	font-size:27px;
	text-align:left;
	width:875px;
	font-weight:normal;
	letter-spacing: 0px;
	text-decoration:none;
	font-family: Arial, arial, Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}
.closerea {
	color:#FFF;
	float:right;
	margin-top:3px;
	right:0px;
	display:none;
}

.initclose {
  position:absolute;
  width: 50px; 
  height:50px;
  top:50px;
  right:30px;
  margin-top:2px;
  z-index:30;
  right:0px;
  background: url(../images/4d4d4d.png) center top no-repeat;
}

.detailtitre span {
	color:#5b5f60;
	font-size:23px;
}


.detailtrait {
	background:#5b5f60;
	height:1px;
	width:875px;
	margin-top:3px;
}

.detailtxt {
  display:block;
  position:relative;
  width: 875px;
  color:#FFF;
  margin-top: 10px;
  padding-left: 30px;
  margin-bottom:0px;
  font-size:12px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.detail1 {  
  display:inline-block;
  float:left;
  position: relative;
  width:420px;
  padding-top:0px;
  margin-right:35px;
  margin-bottom:0px;
  vertical-align:top;
  font-size:12px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.detail1 p {
font-size:12px;
font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.detail1 span {
font-size:12px;
font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.detail2 {  
  display:inline-block;
  position: relative;
  width:420px;
  margin-left:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  margin-bottom:0px;
  vertical-align:top;
  font-size:12px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}
.detail2 p {
font-size:12px;
}

.detailbt {
display:block;
margin-bottom:0px;
margin-right:30px;
}

.detailbt p {
display:inline-block;
float:right;
margin-left:10px;
}
.infoune {
  /*height:270px;*/
  display:block;
  float:left;
  width:305px;
  padding:0px;
  margin-bottom:0px;
  padding-top:0px;
  margin-top:0px;
  margin-left:21px;
  margin-right:0px;
  border:0px;
  z-index:5;
  cursor:pointer;
}

.infoune h2 {
	background: url(../images/liseret.png) left top no-repeat;
	color:#1d2022;
	display:block;
	margin-top:-3px;
	margin-left:0px;
	padding-top:0px;
	font-size:18px;
	text-align:left;
	width:280px;
	font-weight:normal;
	letter-spacing: 1px;
	text-decoration:none;
	font-family: Arial, arial, Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.infoune span, .infoune span a:link,.infoune span a:focus,.infoune span a:visited ,.infoune span a:active{
	display:block;
	color:#6d7375;
	margin-left:0px;
	text-decoration:none;
	font-size:11px;
	margin-top:-18px;
	padding-top:0px;
	min-height:6px;
	width:280px;
	display:block;
	font-size:12px;
	letter-spacing:0px;
	padding-bottom:2px;
	background: url(../images/trait280.png) left bottom no-repeat;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.infoune p, .infoune p a:link,.infoune p a:focus,.infoune p a:visited  {
	color:#6d7375;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	letter-spacing:0px;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.infoune img {
  display:block;
  margin-left:0px;
  border:0px;
  background: url(../images/liseretg.png) left bottom no-repeat;
  margin-top:2px;
  padding-bottom: 15px;
}

.infoblanc {
  background: url(../images/paddleblancp.png) left center no-repeat;
  display:block;
  float:left;
  width:300px;
  height:275px;
  padding:0px;
  margin-bottom:15px;
  margin-top:0px;
  margin-left:20px;
  left:30px;
  border:0px;

}

.reagris {
  background: url(../images/paddlegrism.png) left center no-repeat;
  display:block;
  float:left;
  width:310px;
  height:270px;
  padding:0px;
  margin-bottom:15px;
  margin-top:0px;
  margin-left:10px;
  margin-right:5px;
  left:30px;
  border:0px;

}

.rea {
 display:block;
 position:inherit;
 padding-top:-2px;
 width: 875px;
 height:308px;
 margin-left:30px;
 font-size:1.1em;
 font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

.realisation h3 {
  color:#1d2022;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}




.contactform {
  padding-left:0px;
  padding-top:0px;
  margin-top:0px;
  color:#333;
  font-size:12px;
  font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
} 

.contactform p {
  font-size:11px;
  letter-spacing:1px;
  color: #333;
 /* background: url(../images/fdch1.png) left center no-repeat;*/
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 4px;
  margin: 2px;
  width: 280px;
  height: 25px;
}

.contactform input {
	font-family:Arial, arial,Arial,arial,verdana;
	border:#c3c3c3 1px solid;
	font-size:11px;
	letter-spacing:1px;
	color: #333;

	margin-left: 2px;
	margin-bottom: 0px;
	width:280px;
	height:18px;
}


.contactform textarea {
	font-family:Arial,arial,verdana;
	font-size:11px;
	letter-spacing:1px;
	color: #202325;
	border-top-width:0px;
	border:#c3c3c3 1px solid;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left: 0px;
	padding-left:0px;
	width:280px;
	height:73px;
}


#content figure a {
  text-decoration: none;
  padding: 0;
}
#content figure a[href^="http:"]:after { 
/*content: ""; */
}
#content figure.realisation h2 {
	color: #1d2022;
}

#content figure.realisation span {

}
#content figure.realisation p {

}

#content figure.infoune h2 {

}
#content figure.infoune p {

}

#content figure.infoune span {

}

#content .infoblanc h2 {
	color:#292c2e;
	background: url(../images/puce.png) left center no-repeat;
	display:block;
	margin-top:17px;
	margin-left:17px;
	padding:0;
	font-size:12px;
	padding-left:15px;
	text-align:left;
	width:300px;
	font-weight:bold;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#content .infoblanc span {
	background: url(../images/traitrea.png) left top no-repeat;
	color:#1d2022;
	display:block;
	margin-left:20px;
	font-size:1em;
	margin-top:-5px;
	padding-top:10px;
	width:260px;
	display:block;
	font-size:11px;
}
#content .infoblanc p {
	color:#1d2022;
	text-align:left;
}

#content .reagris h2, #content .reagris h2 a:link  {
    background: url(../images/liseret.png) left top no-repeat;
	color:#FFFFFF;
	display:block;
	margin-top:2px;
	margin-left:30px;
	padding-top:18px;
	font-size:12px;
	text-align:left;
	width:250px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, arial,Arial, "NewRegular", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Arial, FreeSans, sans-serif;
}

#content .reagris h2 a:focus, #content .reagris h2 a:visited, #content .reagris h2 a:active{
	color: #ee4c23;
	text-decoration:none;
}

#content .reagris img {
	margin-top:26px;
	margin-left:30px;
	border:0px;
}

#content .reagris span, #content .reagris span a:link,#content .reagris span a:focus,#content .reagris span a:visited ,#content .reagris span a:active{
	display:block;
	color:#acadae;
	margin-left:30px;
	text-decoration:none;
	font-size:1em;
	margin-top:-5px;
	padding-top:0px;
	width:260px;
	display:block;
	font-size:11px;
}


#content .reagris p, #content .reagris p a:link,#content .reagris p a:focus,#content .reagris p a:visited  {
	color:#acadae;
	text-align:left;
	text-decoration:none;
}


#content figure:hover, #content figure:focus {

}
#content figure:hover h2, #content figure:focus h2 {
}

#content p.contact {
  margin-top: 20px;
}
#content p.contact img {
  float: left;
  margin-right: 20px;
}
#content p.livres img {
  float: right;
  margin-left: 20px;
}

.initimg {
  position:absolute;
  width: 280px; 
  height:138px;
  margin-top:0px;
  z-index:30;
  background: url(../images/4d4d4d.png) center top no-repeat;
  padding-bottom:0px;	
}

.loading {
  position:absolute;
  width: 280px; 
  height:138px;
  margin-top:0px;
  z-index:30;
  background: url(../images/flou.png) center top repeat-y;
  padding-bottom:0px;	
}
.loading  img{
padding-top:50px;
padding-left:125px;
background: none;
}
/* Footer */ 
footers {
  display:block;
  position:relative;
  bottom:0px;
  clear: both;
  width: 100%;
  margin: 0;
  height:120px;
  background: #1d2022 url(../images/fdbas.png) left top repeat-x;
  z-index:10;
  text-align:center; 
  padding-top:30px;
  color:#FFF;
  font-size:11px;
}

footerq {
position:relative;
text-align:center;
margin:0 auto;
bottom:0;
padding:13px 0 0 0;
width:auto;
background: #1d2022 url(../images/fdbas.png) center top repeat-x;
height:120px;
color:#61696d;
padding-top: 30px;
}

footer {
  position:relative;
   bottom:0;
   left:0px;
   right:0px;
   width:100%;
   z-index:300;
  /* width:100%;
   clear: both;*/
   margin:0 auto;
   margin-top:30px;
   background: #1d2022 url(../images/fdbas.png) center top repeat-x;
   text-align:center; 
   padding-top:30px;
   color:#61696d;
   font-size:11px;
   height: 120px;
}

footerv {
  display:block;
  min-width:990px;
  margin:0 auto 0 auto;
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-right: 0;
  height:120px;
  background: #1d2022 url(../images/fdbas.png) left top repeat-x;
  z-index:10;
  text-align:center; 
  padding-top:30px;
  color:#61696d;
  font-size:11px;
}
footer a: {

}

footer p a:link,footer p :visited {
color:#61696d;
}

footer p a:active, footer p a:hover, footer p a:focus {
color:#FFF;
}


footer nav {
  float: right;
  margin-bottom: 0px;
}
footer nav a {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  line-height: 65px;
  margin-left: 5px;
  padding: 0 10px;
  background: rgba(255,255,255,0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
footer nav a img {
  vertical-align: middle;
}

footer nav a:hover, footer nav a:focus {
  -moz-transform: rotate(8deg); 
  -webkit-transform: rotate(8deg);
}
footer #espaceprive {
  clear: both;
  float: right;
}
footer #espaceprive a {
  display: block;
  margin-bottom: 15px;
}
footer #espaceprive img {
	-moz-transform: rotate(0deg); 
  -webkit-transform: rotate(0deg);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
footer #espaceprive img:hover, footer #alsacreations img:focus {
  -moz-transform: rotate(5deg); 
  -webkit-transform: rotate(5deg);
}

/* ----------------------------- */
/*  =     Flickr Badge           */
/* ----------------------------- */

/*
      Les images sont emballées dans des classes divs "flickr_badge_image" avec des ids "flickr_badge_imageX" où "X" est un integer spécifiant une position ordinale. Pour commencer, des styles vous sont proposés! 
      */
#flickr_badge_uber_wrapper {
  position: relative;
  left: -20px;
  width:350px; 
  margin-left: 0px;
}
.flickr_badge_image {display: inline;line-height: 1;}

#flickr_badge_uber_wrapper img {
  display: inline-block;
  background:#555;
  padding:2px;
  margin: 0 15px 15px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 9px #999; 
  -webkit-box-shadow: 1px 1px 9px #999; 
  box-shadow: 1px 1px 9px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#flickr_badge_uber_wrapper a:hover img, #flickr_badge_uber_wrapper a:focus img {
  background:#fff;
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}


/* ----------------------------- */
/*  =     Web mobile             */
/* ----------------------------- */

@media only screen and (max-device-width:480px) {
    html {-webkit-text-size-adjust: 150% !important;}
    #wrapper { background: black !important; }
    body {font-size:1.2em !important;}
    h1 span {color:#fff!important;}
    header nav {position:static!important; font-size:2em!important;}
    header nav a {padding:10px 20px!important;}
    #content {height: auto!important;width: auto!important;}
    #content section {width:auto!important;margin: 70px 0!important;}
    #content figure {margin:0 10px 10px 0!important; border: 0!important;}
}

@media only screen and (max-device-width:640px), only screen and (max-width:640px) {
	#wrapper, #content, #content section, #content figure, footer {
  	width: auto !important;
	}
	img,table,td,blockquote,object,embed,video,input,code,pre,textarea {
	max-width:90% !important
	}	
	code,pre,textarea {
	word-wrap:break-word!important;
	white-space: pre-wrap!important;
	}
	body {
		background:none!important;
		background-color:#000!important;
		padding: 0 10px;
		font-size: 80%!important;
	}
	#wrapper {
		background:none!important;
		background-color:#000!important;
	}
	#content {
		height: auto!important;
	}
	#content section {
		margin-top: 30px!important;
	}
	#content p#presentation {font-size: 1em!important; margin-bottom:0;}
	#content section h2 {margin:0!important;}
	#content section a {background:none!important;background-color:#FFF!important;}
	h1 {font-size: 2em!important;}
	h1 span {color:#fff!important;text-shadow:0 0 15px #FFFFFF;}
    header nav {position:static!important; font-size:1.2em!important;}
    header nav a {display:inline-block;padding:10px!important; margin-bottom: 2px!important;}
    #content {height: auto!important;width: auto!important;}
    #content section {width:auto!important;}
    #content figure {margin:0 10px 10px 0!important; border: 0!important; width:130px!important; height:auto!important; -moz-box-shadow:1px 1px 13px #fff;-webkit-box-shadow:1px 1px 13px #fff;}
	#content figure h2 {position: static!important;font-size: 1em!important; margin-left: 4px!important; color: #fff!important}
	#content figure a {color: #fff!important}
}
@media only screen and (max-device-width:640px) and (orientation:landscape)  {
	body {
	-webkit-text-size-adjust: 90% !important;
	}
}