/* Général */
@font-face {
    font-family: 'denishandwrittingregular';
    src: url('../font/denishandwritting-webfont.eot');
    src: url('../font/denishandwritting-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/denishandwritting-webfont.woff') format('woff'),
         url('../font/denishandwritting-webfont.ttf') format('truetype'),
         url('../font/denishandwritting-webfont.svg#denishandwrittingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
		font-family: 'Dakota';
		src: url('../font/dakotaregular.eot');
		src: url('../font/dakotaregular.eot?#iefix') format('embedded-opentype'),
				 url('../font/dakotaregular.woff') format('woff'),
				 url('../font/dakotaregular.ttf') format('truetype'),
				 url('../font/dakotaregular.svg#dakotaregular') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'HelveticaNeueLTStd';
		src: url('../font/helveticaneueltstdlt.eot');
		src: url('../font/helveticaneueltstdlt.eot?#iefix') format('embedded-opentype'),
				 url('../font/helveticaneueltstdlt.woff') format('woff'),
				 url('../font/helveticaneueltstdlt.ttf') format('truetype'),
				 url('../font/helveticaneueltstdlt.svg#helveticaneueltstdlt') format('svg');
		font-weight: normal;
		font-style: normal;
}

body {
    margin: 0;
	padding: 0;
	background : url('../images/background-gris.png');
	/*font-family : Helvetica, Myriad;*/
}
a {
	/*color: #FF6533;*/
}
a:hover, a:focus {
	/*color: #FF4C00;*/
}
strong {
	/*color: #A1B55D;*/
}
h1 {
/*color : #EC6708;
margin-top : 0;*/
}
h1 p {
/*margin-top:0;
line-height:0;*/
}
h1,h2 {
/*text-transform : uppercase;*/
}
h1, h2, h3, h4, h5, h6 {
	/*font-family : Helvetica, Myriad, Arial;*/
	margin:0;
}
h5 {
/*font-size : 1em;*/
}
p {
margin:0;
}
/* Global */
#global {
	/*color: #696969;*/
	max-width: 1280px;
	overflow: hidden;
	margin : 0 auto;
	/*background : url('../images/menu_background.png') left repeat-y;*/
}

/* Navigation */
#gauche {
	width:370px;
	float: left;
	/*margin-right:50px;*/
	font-family : Helvetica, Myriad;
}
/* Navigation */
#droite {
	/*width:100%;*/
	margin-left: 370px;
	/*margin-right:50px;*/
}

#menu {
	width : 339px;
	margin : 0 17px 0 14px;
}
#menu p{
	/*margin : 0;*/
}

div.bleu {
	background : url('../images/menu_background_bleu.png') left repeat-y;
}
div.bleu-fonce {
	background : url('../images/menu_background_bleu_fonce.png') left repeat-y;
}
div.gris-fonce {
	background : url('../images/menu_background_gris_fonce.png') left repeat-y;
}
div.kaki {
	background : url('../images/menu_background_kaki.png') left repeat-y;
}
div.orange {
	background : url('../images/menu_background_orange.png') left repeat-y;
}
div.parme {
	background : url('../images/menu_background_parme.png') left repeat-y;
}
div.rose {
	background : url('../images/menu_background_rose.png') left repeat-y;
}
div.vert {
	background : url('../images/menu_background_vert.png') left repeat-y;
}
div.violet {
	background : url('../images/menu_background_violet.png') left repeat-y;
}
#navigation a.bleu:hover, #navigation ul.bleu li a.active {
color : #800E6A;
}
#navigation a.bleu-fonce:hover, #navigation ul.bleu-fonce li a.active {
color : #274D67;
}
#navigation a.gris-fonce:hover, #navigation ul.gris-fonce li a.active {
color : #353A46;
}
#navigation a.kaki:hover, #navigation ul.kaki li a.active {
color : #C10538;
}
#navigation a.orange:hover, #navigation ul.orange li a.active {
color : #D7482B;
}
#navigation a.parme:hover, #navigation ul.parme li a.active {
color : #6C6287;
}
#navigation a.rose:hover, #navigation ul.rose li a.active {
color : #D10067;
}
#navigation a.vert:hover, #navigation ul.vert li a.active {
color : #5A2660;
}
#navigation ul.violet li a:hover, #navigation ul.violet li a.active, a.info:hover span.violet {
color : #4d2378;
}
.active {
background : url('../images/menu-active.png') no-repeat;
}
#navigation {
	width : 220px;
	margin : 0 0 0 119px;
}
#navigation a {
	color: #FFF;
	display: block;
	height: 27px;
	width : 220px;
	padding: 4px 0 0 15px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
#navigation a:hover, #navigation a:focus {
background : url('../images/menu-hover.png') no-repeat;
}
#navigation a#mentions {
	color: white;
	display: block;
	height: 20px;
	width: 100px;
	padding: 0;
	line-height: 1.5;
	font-size: .7em;
	text-decoration: none;
	margin: 35px 0 10px 20px;
}
#navigation a#mentions:hover, #navigation a#mentions:focus {
	background : none;
	text-decoration: underline;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	border-bottom : 1px solid white;
	padding : 3px 0 0 0;
	}
/* Contenu principal */
#contenu {
	/*color: #363B29;*/
	/*margin: 0 250px 0 370px;*/
	padding: 50px;
	
}
#contenu @media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  margin-right:250px;
}
#contenu a {
	/*color: #332510;*/
}
#contenu a:hover, #contenu a:focus {
	/*color: #6E5122;*/
}
#contenu strong {
	/*color: #181A12;*/
}
#contenu > :first-child {
	/*margin-top: 10px;*/
}
#contenu p, #contenu li {
	/*line-height: 1.5;*/
}
#realisations {
	width : 250px;
	float : right;
	text-align:center;
	margin-left:50px;
}
#icones {
width:230px;
margin:0 0 0 109px;
}
#icones li{
display:inline-block;
margin : 0 7px;
}
#icones  a{
width:30px;
height:30px;
float:left;
text-decoration:none;
}
a.info span {
display:none;
}
a.info:hover span {
display:block;
position:relative;
z-index:5;
bottom:32px;
right:90px;
background : url('../images/infobulle.png') no-repeat;
width:100px;
height:32px;
text-align:center;
padding:4px 0 0 0;
}
#home {
background : url('../images/home.png') no-repeat center center;
}
#home:hover {
background : url('../images/home-survol.png') no-repeat center center;
}
#contact {
background : url('../images/contact.png') no-repeat center center;
}
#contact:hover {
background : url('../images/contact-survol.png') no-repeat center center;
}
#localisation {
background : url('../images/localisation.png') no-repeat center center;
}
#localisation:hover {
background : url('../images/localisation-survol.png') no-repeat center center;
}
#facebook {
background : url('../images/facebook.png') no-repeat center center;
}
#facebook:hover {
background : url('../images/facebook-survol.png') no-repeat center center;
}
/* style global de la liste non ordonné */
ul#list-photos{
  list-style:none;
}
/* style des éléments de la liste */
ul#list-photos li{
  border:1px solid #ddd;
  padding:10px;
  margin-right:10px;
  background:#fff;
  color:#212326;
  font-size:12px;
  -moz-box-shadow:2px 2px 5px #ccc;
  clear:left;
  /*height:55px;*/

}
/* style des images */
ul#list-photos li img{
width:50px;
float:left;
margin:0 10px;
  cursor:move;
}

/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
ul#list-photos li.highlight{
  background:#f2f2f2;
  border:1px dashed #212326;
}
/* style global de la liste non ordonné */
ul#list-videos{
  list-style:none;
}
/* style des éléments de la liste */
ul#list-videos li{
  border:1px solid #ddd;
  padding:10px;
  margin-right:10px;
  background:#fff;
  color:#212326;
  font-size:12px;
  -moz-box-shadow:2px 2px 5px #ccc;
  clear:left;
  height:55px;

}
/* style des images */
ul#list-videos li img{
height:50px;
float:left;
margin:0 10px;
  cursor:move;
}

/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
ul#list-videos li.highlight{
  background:#f2f2f2;
  border:1px dashed #212326;
}
#titre_diaporama {
width:250px;
height:34px;
background : url('../images/fond-titre-diapo-gris.png') center center no-repeat transparent;
margin:80px 0 30px 0;
color:black;
padding-top : 4px;
text-align:center;
font-family : 'HelveticaNeueLTStd';
}
.projet {
width:164px;
height:186px;
margin:20px auto;
/*cursor:pointer;*/
background : url('../images/background_projet.png') center center no-repeat;
padding:25px 0 0 20px;
}
.projet img {
/*min-width: 100%;*/
}
.projet_inner {
width:145px;
height:145px;
overflow:hidden;
}
.projet_bottom {
	text-align: justify;
	margin-top: -15px;
	font-style: italic;
	font-size: small;
	color: #696969;
	font-family: Helvetica; /*font-family : 'HelveticaNeueLTStd';*/
}
.projet_bottom h3 {
margin : 0;
font-family : 'Helvetica';
font-size: small;
}

#projet1 {
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
}
#projet2 {
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
}
#projet3 {
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}
#projet4 {
	-moz-transform:rotate(4deg);
	-webkit-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
}
#projet5 {
	-moz-transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
}
#projet6 {
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
}
#projet7 {
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
}
#projet8 {
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}
#projet9 {
	-moz-transform:rotate(4deg);
	-webkit-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
}
#projet2 {
	-moz-transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
}
h3 {
/*color:#d9492d;*/
}
.hidden {
display:none;
}
#contact_form {
	font-family : Helvetica, Myriad;
}
#contact_form label{
display:block;
float:left;
width:100px;
}
#contact_form input{
width:70%;
}
#contact_form textarea{
width:70%;
height:150px;
}
#informations {
font-style : italic;
font-size :  0.7em;
}
#contact_form input.input_radio{
width:10px;
}
#contact_form input.input_image{
width:137px;
height:50px;
}
a.pages_projet{
position:relative;
}
a.pages_projet span.liste_pages {
display:none;
color:black;
}
a.pages_projet:hover span.liste_pages {
display:block;
position:absolute;
z-index:5;
background : white;
width:400px;
margin:15px;
padding:15px;
}
#progress {
display:none;
}
#contact_form label.error {
width: 200px;
float: none;
color: red;
margin-left: 100px;
}
address {
text-decoration : none;
}
.projet img.loupe {
min-width:inherit;
position: absolute;
right: 20px;
bottom: 30px;
}