@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 0.8em Helvetica, sans-serif;
	background:#FFF;
}
div#conteneur1 {
	width: 820px;
	height: 900px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: left;
	border:#000 solid 0px;
	background-color:#FFF;
	line-height: 6 px;
}
div#conteneur2 {
	width: 818px;
	height: 28px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: right;
	border:#000 solid 0px;
	background-color:#000;
}
.boiteMenu1 {
	float:right;
	width: 70px;
	height: 28px;
	margin: 0px 12px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:right;
	border:#F09 solid 0px;
}
.textecontact {
	letter-spacing: 2px;
	color:#FFF;
	font-family: Helvetica, sans-serif, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	line-height: 28px;
}

.textepres {
	letter-spacing: 2px;
	color:#FFF;
	font-family: Helvetica, sans-serif, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	line-height: 28px;
}

div#contact {
	float:left;
	width: 818px;
	height:94px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: left;
	border:#FFF solid 1px;
	line-height: 6 px;
	overflow: hidden;
	display:none;
}

div#present {
	float:right;
	width: 818px;
	height:196px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: left;
	border:#FFF solid 1px;
	line-height: 6 px;
	overflow: hidden;
	display:none;
}

.boiteMenu1 a {
	text-decoration: 
 none;
	color:#FFF;
}
.boiteMenu1 a:visited {
	color:#FFF;
}
.boiteMenu1 a:hover, a:focus, a:active {
	text-decoration: none;
	color: white;
}
div#logo {
	float:right;
	width: 818px;
	height: 230px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto -30px;
	text-align: left;
	border:#FFF solid 1px;
	line-height: 6 px;
			overflow: hidden;

}
div#logo img {
	margin-top:23px;
}
.logo {
	position: absolute;
	top: 10px;
	left: 10px;
}
h1 {
	letter-spacing: 2px;
	color:#FFF;
	line-height:100%;
	margin: 1px;
	width: 222px;
	background-color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	font-weight:100;
	text-indent: 8px;
	padding: 5px;
}
h2 {
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 -20px;
    text-indent: 0;
}

h3 {
font-size: 18px;
font-variant: small-caps;
font-weight: 100;
letter-spacing: 0;
line-height: 35px;
margin: -3px 0 -9px;
text-indent: 0;
}

h4 {
	letter-spacing: 2px;
	color:#FFF;
	line-height:100%;
	margin: 1px;
	width: 101px;
	background-color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	font-weight:100;
	text-indent: 7px;
	padding: 5px;
}

h5 {
	letter-spacing: 0,1px;
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    margin: 3px 0 0;
    padding: 0;
}

div#inspi {
	float:left;
	width: 818px;
	height:172px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: left;
	border:#FFF solid 1px;
	line-height: 6 px;
	overflow: hidden;
	display:none;
}

.texteinspi {
	letter-spacing: 2px;
	color:#FFF;
	line-height:100%;
	margin-left:7px;
	width: 101px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	font-weight:100;
	text-indent: 7px;
	padding: 5px;
}

.boiteMenu3 {
float: left;
width: 124px;
height: 18px;
margin: 0px 0px 0px;
margin-bottom:100px;
padding: 5px 0px 0px;
line-height: 5px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 12px;
text-align: left;
border: #F09 solid 0px;
background-color: #000;
}

.boiteMenu3 a {
	text-decoration: 
 none;
	color:#FFF;
}
.boiteMenu3 a:visited {
	color:#FFF;
}
.boiteMenu3 a:hover, a:focus, a:active {
	text-decoration: none;
	color: white;
}

a.inspilink,a.inspilink:visited {
	letter-spacing: 0.25px;
	color:#000;
	font-family: Helvetica, Arial, sans-serif,;
	font-size:12px;
	font-weight:100;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 10px;
	text-decoration:underline;
}

div#inspirations {
	float:left;
	width: 818px;
	height:28px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 0px auto 0px;
	text-align: left;
	border:#FFF solid 0px;
	background-color:#FFF;
	
}

div#end {
    border: 0px solid #FFFFFF;
    float: right;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 100;
    height: 25px;
    margin: -5px 1px 22px -2px;
    text-align: left;
    width: 818px;
	overflow:hidden;
}

/********************************************************************/
/*																	*/
/*			LIGNE QUI NE DEVRAIT PAS SORTIR DE LA DIV LOGO			*/
/*																	*/
/********************************************************************/


.lespoints {
	color:#000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.85em;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 4px;
}

.enspoints {
	margin-top: -9px;
}


/********************************************************************/
/*																	*/
/*					TEXTES BOITES CREA								*/
/*																	*/
/********************************************************************/

.textecrea {
	letter-spacing: 0.1px;
	color:#000;
	font-family: Helvetica, Arial, sans-serif,;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding-top: 90px;
	padding-left: 10px;
}

.textecrea2 {
	letter-spacing: 0.25px;
	color:#000;
	font-family: Helvetica, Arial, sans-serif,;
	font-size:12px;
	font-weight:100;
	padding-top: 90px;
	padding-left: 10px;
}

a.mail,a.mail:visited {
	letter-spacing: 0.25px;
	color:#000;
	font-family: Helvetica, Arial, sans-serif,;
	font-size:12px;
	font-weight:100;
	padding-top: 90px;
	padding-bottom:0px;
	padding-left: 0px;
	text-decoration:underline;
}

div#crea {
	float:right;
	width: 818px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	margin: 23px auto 0px;
	text-align: right;
	border:#FFF solid 1px;
	background-color:#FFF;
	
}
.boitecrea1 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea1 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea1.png);
	text-decoration:none;
}
.boitecrea1 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea1 a:hover {
	background:url(../images/crea1-on.png);
}



.boitecrea1symph {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea1symph a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea19.png);
	text-decoration:none;
}
.boitecrea1symph a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea1symph a:hover {
	background:url(../images/crea19-on.png);
}




.boitecrea2 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea2 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea2.png);
	text-decoration:none;
}
.boitecrea2 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea2 a:hover {
	background: url(../images/crea2-on.png);
}


.boitecreaquadri {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecreaquadri a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea7.png);
	text-decoration:none;
}
.boitecreaquadri a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecreaquadri a:hover {
	background:url(../images/crea7-on.png);
}



.boitecreaquadri {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecreaquadri a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea7.png);
	text-decoration:none;
}
.boitecreaquadri a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecreaquadri a:hover {
	background:url(../images/crea7-on.png);
}




/********************************************************************/
/*																	*/
/*					STYLE TEXTES PR TTES LES DIV CREAS				*/
/*																	*/
/********************************************************************/


div#crea div a:hover > span {
	letter-spacing:0,2px;
	margin-left:4px;
	position: relative;
	top: 95px;
	color:#000;
	display: block;
	padding: 0px;
	line-height:14px;
}

/********************************************************************/
/*																	*/
/*					AUTRE STYLE DE BOITE POSSIBLE					*/
/*																	*/
/********************************************************************/


.boitepink {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#F09;
	border:#FFF solid 0px;
}

.boitepink a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea3.png);
	text-decoration:none;
}
.boitepink a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitepink a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitepink a:hover {
	background: url(../images/crea3-on.png);
}

.boitecrea3 {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea3 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea4.png);
	text-decoration:none;
}
.boitecrea3 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea3 a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea3 a:hover {
	background:url(../images/crea4-on.png);
}


.boitecrea3ltd {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea3ltd a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea18.png);
	text-decoration:none;
}
.boitecrea3ltd a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea3ltd a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea3ltd a:hover {
	background:url(../images/crea18-on.png);
}


.boitecrea4 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea4 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea3.png);
	text-decoration:none;
}
.boitecrea4 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea4 a:hover {
	background:url(../images/crea3-on.png);
}


.boitecrea5 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea5 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea5.png);
	text-decoration:none;
}
.boitecrea5 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea5 a:hover {
	background: url(../images/crea5-on.png);
}



.boitecrea6 {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea6 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea6.png);
	text-decoration:none;
}
.boitecrea6 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea6 a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea6 a:hover {
	background: url(../images/crea6-on.png);
}


.boitecrea7 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea7 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea21.png);
	text-decoration:none;
}
.boitecrea7 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea7 a:hover {
	background:url(../images/crea21-on.png);
}


.boitecrea8 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea8 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea8.png);
	text-decoration:none;
}
.boitecrea8 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea8 a:hover {
	background: url(../images/crea8-on.png);
}



.boitecrea9 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea9 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea9.png);
	text-decoration:none;
}
.boitecrea9 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea9 a:hover {
	background: url(../images/crea9-on.png);
}

.boitecrea10 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea10 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea10.png);
	text-decoration:none;
}
.boitecrea10 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea10 a:hover {
	background: url(../images/crea10-on.png);
}


.boitecrea11 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea11 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea11.png);
	text-decoration:none;
}
.boitecrea11 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea11 a:hover {
	background: url(../images/crea11-on.png);
}





.boitecrea12 {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea12 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea12.png);
	text-decoration:none;
}
.boitecrea12 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea12 a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea12 a:hover {
	background: url(../images/crea12-on.png);
}



.boitecrea13 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea13 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background: url(../images/crea13.png);
	text-decoration:none;
}
.boitecrea13 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea13 a:hover {
	background:url(../images/crea13-on.png);
}

.boitecrea14 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea14 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea23.png);
	text-decoration:none;
}
.boitecrea14 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea14 a:hover {
	background:url(../images/crea23-on.png);
}


.boitecrea15 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea15 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea14.png);
	text-decoration:none;
}
.boitecrea15 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea15 a:hover {
	background:url(../images/crea14-on.png)}





.boitecrea16 {
	float:left;
	width: 154px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 0px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea16 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea16.png);
	text-decoration:none;
}
.boitecrea16 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea16 a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea16 a:hover {
	background:url(../images/crea16-on.png);
}


.boitecrea17 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}

.boitecrea17 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea7.png);
	text-decoration:none;
}
.boitecrea17 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
.boitecrea17 a:hover > span {
	margin-left:10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:block;
	padding: 0px;
}
.boitecrea17 a:hover {
	background:url(../images/crea7-on.png);
}


.boitecrea18 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea18 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea20.jpg);
	text-decoration:none;
}
.boitecrea18 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea18 a:hover {
	background:url(../images/crea20-on.png);
	}


.boitecrea19 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea19 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea22.png);
	text-decoration:none;
}
.boitecrea19 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea19 a:hover {
	background:url(../images/crea22-on.png);
}

.boitecrea20 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea20 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea16.jpg);
	text-decoration:none;
}
.boitecrea20 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea20 a:hover {
	background:url(../images/crea16-on.png);
}

.boitecrea21 {
	float:left;
	width: 164px;
	height: 154px;
	margin-bottom: 54px;
	margin-right: 54px;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:100;
	font-size:12px;
	text-align:left;
	background:#CCC;
	border:#FFF solid 0px;
}
.boitecrea21 a:link {
	color:#000;
	display: block;
	width: 164px;
	height: 154px;
	background:url(../images/crea22.png);
	text-decoration:none;
}
.boitecrea21 a span {
	margin-left: 10px;
	position: absolute;
	top: 310px;
	color:#000;
	display:none;
	padding:0px;
	}
	
.boitecrea21 a:hover {
	background:url(../images/crea22-on.png);
}


span.titre{
	
}

/********************************************************************/
/*																	*/
/*							mediaqueries pour tests					*/
/*																	*/
/********************************************************************/

@media screen and (max-width:400px){



/********************************************************************/
/*																	*/
/*							mediaqueries ok							*/
/*																	*/
/********************************************************************/

/*

@media screen and (max-device-width:320px){
	*/


	
div#conteneur1,div#conteneur2,
div#crea,div#present,div#contact,
div#logo,div#end,div#inspiration    {
width:100%;
}


div#logo img {
	max-width: 400%;
	height: 20%;
    margin-left: 0px;
    margin-top: 22px;
}

.logo {
	position: absolute;
	top: 10px;
	left: 30px;
}

h1 {
margin-left:0px;

}
h2 {
margin-left:3px;

}

h3 {
margin-left:3px;

}


div#present,div#contact  {
padding-left:4px;
float:none;
}


div#contact {
	height:101px;
	width:290px;
}

div#present {
	height: 296px;
	width:290px;
}

.bresp{
	margin:0;
	padding:0;
	float:none;
	margin-bottom:50px;
	position:relative;
	left:50%;
	margin-left:-82px;
	}

/********************************************************************/
/*																	*/
/*							     cursors							*/
/*																	*

	
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite340.png)
}	

.fancybox-close {
	position: absolute;
	top: 99%;
	right: 3%;
	width: 16px;
	height: 16px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 97%;
	width: 5%;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	right:8%;
}

.fancybox-next {
	right: 13%;
}

.fancybox-nav span {
	position: absolute;
	top: 97%;
	width: 25px;
	height: 25px;
	margin-top: -48px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-prev span {
	right: 5%;
	background-position: 0 -41px;
}

.fancybox-next span {
	right: 5%;
	background-position: 0 -77px;
}

.fancybox-nav:hover span {
	visibility: visible;
}


********************************************************************/


.fancybox-title-float-wrap {
    bottom: 0;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 100;
    height: 55%;
    left: 60%;
    line-height: 15px;
    position: absolute;
    text-align: left;
    top: 61%;
    width: 35%;
    z-index: 8050;
}

.fancybox-close {
    cursor: pointer;
    height: 25px;
    margin-top: -18px;
    position: absolute;
    right: 1%;
    top: 13%;
    width: 25px;
    z-index: 8040;
}

.fancybox-close {
    background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite.png");
	display:none;
}


/********************************************************************/



.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

.sanstexte {
	display:none;
	
}

}