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


/* ///////////////////////////////////////////////// */
/* ///////////////////////POLICES/////////////////// */
/* ///////////////////////////////////////////////// */

@font-face {
	font-family: "Lubalin";
	src:  url("../font/LubalGraITCbyBTBoo.eot");
	src:  url("../font/LubalGraITCbyBTBoo.ttf") format("truetype");
}

@font-face {
	font-family: "LubalinMed";
	src:  url("../font/LubalGraITCbyBTMed.eot");
	src:  url("../font/LubalGraITCbyBTMed.ttf") format("truetype");
}

@font-face {
	font-family: "LubalinDemi";
	src:  url("../font/LubalGraITCbyBTDem.eot");
	src:  url("../font/LubalGraITCbyBTDem.ttf") format("truetype");
}

@font-face {
	font-family: "LubalinBold";
	src:  url("../font/LubalGraITCbyBTBol.eot");
	src:  url("../font/LubalGraITCbyBTBol.ttf") format("truetype");
}

/* ///////////////////////////////////////////////// */
/* ///////////////////////GENERAL/////////////////// */
/* ///////////////////////////////////////////////// */

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
}

body {
	height:100%;
	background-color: #333333;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-size: 32px;
	color: #616161;
	font-family: Lubalin, Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 15px;
	color: #616161;
	font-family: Lubalin, Helvetica, Arial, sans-serif;
	line-height: 18px;
}

h4 {
	font-size: 12px;
	color: #616161;
	font-family: Lubalin, Helvetica, Arial, sans-serif;
}

p {
	font-size: 11px;
	color: #616161;
	font-family: Helvetica, Arial, sans-serif;
	line-height:13px;
	margin-top:3px;
}

a{
	outline: none;
}

:focus{
	-moz-outline-style: none;
}

/* ///////////////////////////////////////////////// */
/* ////////////////////CONTENEUR//////////////////// */
/* ///////////////////////////////////////////////// */

#conteneur {
	background-image:url(../images/base/ombreTetiere.gif);
	background-repeat: repeat-x;

}

/* ///////////////////////////////////////////////// */
/* ///////////////////////HEADER//////////////////// */
/* ///////////////////////////////////////////////// */


#header{
	background-image: url(../images/base/tetiere.jpg);
	background-repeat: no-repeat;
	height: 185px;
	width: 930px;
	margin-right:auto;
	margin-left: auto;
}

#RetourHome {
	width: 218px;
	height:38px;
	margin-top:63px;
	margin-left:64px;
	position: absolute;
}

#RetourHome a{
	width: 218px;
	height:38px;
	display:block;
}

#RetourHome a:hover{
}

#blocCoordonnees {
	width: 863px;
	height:37px;
	margin-top: 83px;
	margin-right: 67px;
	float: right;
}

.filetCoordonnees {
	width: 30px;
	background-image: url(../images/base/filetCoordonnees.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 37px;
}

#coordonnees1 {
	width: auto;
	height: 37px;
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	list-style-type: none;
	line-height: 13px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#coordonnees2 {
	width: auto;
	height: 35px;
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: left;
	list-style-type: none;
	line-height: 13px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#coordonnees3 {
	width: auto;
	height: 35px;
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #FFF;
	list-style-type: none;
	line-height: 13px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.mailto {
	font-size: 9px;
	color: #23a19f;
	text-decoration: none;
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	letter-spacing: 0em;
}

.mailto:hover {
	font-size: 9px;
	color: #00fff6;
	text-decoration: none;
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
}

/* ///////////////////////////////////////////////// */
/* ///////////////////////BODY////////////////////// */
/* ///////////////////////////////////////////////// */

#corps {
	min-height: 450px;
	width: 930px;
	margin: auto;
}

/* ///////////////////////MENU////////////////////// */

#menu {
	min-height: 450px;
	width:120px;
	float: left;
	margin-left: 66px;
}

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
	font-family: Lubalin, Helvetica, Arial, sans-serif;
	font-size: 10px;
}



#navigation a {
	display: block;
	padding: 8px 8px;
	color: #888888;
	text-decoration: none;	
	height: 10px;
	width: 105px;
	background-repeat: no-repeat;
}

#navigation a:hover {
	text-decoration: none;
	color: #c9efee;
}

.menu1, menu1 a {
	background-image:url(../images/base/menu1.jpg);
	background-repeat: no-repeat;
}

.menu1 a:hover {
	background-image:url(../images/base/menu1allume2.jpg);
	background-repeat: no-repeat;
}

.menu2, menu2 a {
	background-image:url(../images/base/menu2.jpg);
	background-repeat: no-repeat;
}

.menu2 a:hover {
	background-image:url(../images/base/menu1allume2.jpg);
	background-repeat: no-repeat;
}

.menu3, menu3 a {
	background-image:url(../images/base/menu3.jpg);
	background-repeat: no-repeat;
}

.menu3 a:hover {
	background-image:url(../images/base/menu1allume2.jpg);
	background-repeat: no-repeat;
}

.menu4, menu4 a {
	background-image:url(../images/base/menu4.jpg);
	background-repeat: no-repeat;
}

.menu4 a:hover {
	background-image:url(../images/base/menu1allume2.jpg);
	background-repeat: no-repeat;
}

.caleMenuClient{
	height:40px;
	width:120px;
	display:block
}


/* ///////////////////////FILETCORPS////////////////////// */

#filetCorps{
	min-height: 400px;
	width:18px;
	margin-left:2px;
	background-image: url(../images/base/filet.gif);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}

#ciseaux{
	background-image: url(../images/base/ciseauxBleu.png);
	min-height: 280px;
	width: 17px;
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ///////////////////////CONTENT////////////////////// */

#content{
	min-height: 450px;
	width:704px;
	margin-left:226px;
}

#content h4{
	line-height: 15px;
}

/* ///////////////////////////////////////////////// */
/* /////////////////////ACCUEIL///////////////////// */
/* ///////////////////////////////////////////////// */

.fondAccueil{
	min-height: 450px;
	width:650px;
	background-image:url(../images/base/projecteur5.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ///////////////////////////////////////////////// */
/* ////////////////////PORTOFOLIO/////////////////// */
/* ///////////////////////////////////////////////// */

#pageSuivantePrecedente{
	width:auto;
	height:10px;
	margin-top:2px;
}

.pictoCocotte {
	width:24px;
	height:25px;
	margin-top:2px;
	margin-left:4px;
	background-image:url(../images/portofolio/PictoCocotte.gif);
	float:left;
}

.pictoBoite {
	width:17px;
	height:25px;
	margin-top:2px;
	margin-right:4px;
	background-image:url(../images/portofolio/PictoBoite.gif);
	float:left;
}

.pictoBoiteCarton {
	width:32px;
	height:25px;
	margin-top:2px;
	margin-right:4px;
	background-image:url(../images/portofolio/PictoBoiteCarton.gif);
	float:left;
}

#pageSuivantePrecedente a{
	color: #616161;
	font-size: 9px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#pageSuivantePrecedente a:hover{
	color: #00fff6;
}

#pageSuivantePrecedente p{
	color: #616161;
	font-size: 9px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: inline;
	margin-left:4px;
	margin-right:4px;
}

.vignetagePortofolio {
	width:638px;
	height:300px;
	background-image: url(../images/portofolio/vignetagePortofolio4.png);
	z-index: 2;
	left: 0px;
	float:left;
	position: absolute;
}

.biseauGauche {
	width:22px;
	height:300px;
	background-image: url(../images/portofolio/bordBiseauGauche.png);
	z-index: 2;
	left: 0px;
	float:left;
	position: absolute;
}

.biseauDroite {
	width:22px;
	height:300px;
	background-image: url(../images/portofolio/bordBiseauDroite.png);
	margin-left:616px;
	z-index: 2;
	float:left;
	position: absolute;
}

.arrondisGauche {
	width:8px;
	height:300px;
	background-image: url(../images/portofolio/bordsArrondisGauche.png);
	z-index: 2;
	left: 0px;
	float:left;
	position: absolute;
}

.arrondisDroite {
	width:8px;
	height:300px;
	background-image: url(../images/portofolio/bordsArrondisDroite.png);
	margin-left:630px;
	z-index: 2;
	float:left;
	position: absolute;

}

.infosPortofolio {
	margin-top:13px;
	width:638px;
	height:auto;
	float:left;
}

.infosPortofolio a{
	color: #616161;
}

.infosPortofolio a:hover{
	color: #00fff6;
}

/* ///////////////////////SLIDER////////////////////// */

/*--------- Slider loopedslider (portofolio) : obligatoire --------- */
.container {
	width:638px; 
	height:300px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer;
	margin-top:15px;
}

div.slides { 
	position:absolute; 
	top:0; 
	left:0; 
}

ul.slides { 
	position:absolute; 
	top:0; 
	left:0; 
	list-style:none; 
	padding:0; 
	margin:0; 
}

div.slides div,ul.slides li { 
	position:absolute; 
	top:0; 
	width:638px; 
	display:none; 
	padding:0; 
	margin:0; 
}

/*--------- Slider loopedslider (portofolio) : optionnel --------- */`

#loopedSlider,#newsSlider {	
	margin:0 auto; 
	width:638px; 
	position:relative; 
	clear:both;
}

ul.pagination { 
	list-style:none; 
	padding:0; 
	margin:0;
}
	
ul.pagination li  {
	list-style:none; 
	float:left;
}

ul.pagination li a {
	list-style:none;
	margin-top:15px;
	margin-right:3px;
	width:22px;
	height:12px;
	background-image:url(../images/portofolio/pictoPageNonActive.gif);
	display:block;
}

ul.pagination li.active a {
	list-style:none;
	background-image:url(../images/portofolio/pictoPageActive.gif);
}

.flecheGauche {
	margin-top:15px;
	margin-right:3px;
	float:left;
	width:18px;
	height:12px;
	float:right;
}

.flecheGauche a {
	width:18px;
	height:12px;
	display:block;
	background-image:url(../images/portofolio/flecheGauche.gif);
	float:right;
}

.flecheGauche a:hover {
	background-image:url(../images/portofolio/flecheGaucheAllume.gif)
}

.flecheDroite {
	margin-top:15px;
	width:18px;
	height:12px;
	float:right;
	margin-right:66px;
}

.flecheDroite a {
	width:18px;
	height:12px;
	display:block;
	float:left;
	background-image:url(../images/portofolio/flecheDroite.gif);
}

.flecheDroite a:hover {
	background-image:url(../images/portofolio/flecheDroiteAllume.gif);
}

.previous {
}

.next {
}

/*--------- Slider loopedslider2 (Menu portofolio) : obligatoire --------- */
.container2 {
	width:120px; 
	height:230px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer;
	margin-top:10px;
}

div.slides2 { 
	position:absolute; 
	top:0; 
	left:0; 
}

ul.slides2 { 
	position:absolute; 
	top:0; 
	left:0; 
	list-style:none; 
	padding:0; 
	margin:0; 
}

div.slides2 div,ul.slides2 li { 
	position:absolute; 
	top:0; 
	width:120px; 
	display:none; 
	padding:0; 
	margin:0;
	list-style:none; 
}

/*--------- Slider loopedslider2 (Menu portofolio) : optionnel --------- */`

#loopedSlider2,#newsSlider {	
	margin:0 auto; 
	width:638px; 
	position:relative; 
	clear:both;
}

#loopedSlider2 li {
	list-style:none;
	text-decoration: none;
}

#loopedSlider2 li a {
	width:120px;
	height:230px;
	overflow:hidden;
	font-size: 9px;
	color: #616161;
	font-family: Helvetica, Arial, sans-serif;
	line-height:15px;
	list-style:none;
	text-decoration: none;
	margin-left:8px;
}

#loopedSlider2 li a:hover {
	color: #00fff6;
}

#loopedSlider2 ul {
	background-image:url(../images/portofolio/listeClientsPortofolio2.gif) 
}

#loopedSlider2 h6 {
	width:120px;
	line-height:15px;
	height:0px;
	font-size: 8px;
	color: #2abcba;
	font-family: Helvetica, Arial, sans-serif;
	list-style:none;
	text-decoration: none;
	margin-left:8px;
	margin-bottom:-4px;
}

.flecheGaucheMenu {
	margin-top:10px;
	margin-right:3px;
	float:left;
	width:18px;
	height:12px;
}

.flecheGaucheMenu a {
	width:18px;
	height:12px;
	display:block;
	background-image:url(../images/portofolio/flecheGauche.gif);
	float:right;
}

.flecheGaucheMenu a:hover {
	background-image:url(../images/portofolio/flecheGaucheAllume.gif)
}

.flecheDroiteMenu {
	margin-top:10px;
	width:18px;
	height:12px;
	float:left;
}

.flecheDroiteMenu a {
	width:18px;
	height:12px;
	display:block;
	float:left;
	background-image:url(../images/portofolio/flecheDroite.gif);
}

.flecheDroiteMenu a:hover {
	background-image:url(../images/portofolio/flecheDroiteAllume.gif);
}

.previous {
}

.next {
}

/* ///////////////////////////////////////////////// */
/* ////////////////////SAVOIR FAIRE///////////////// */
/* ///////////////////////////////////////////////// */

.fondSavoirFaire{
	min-height: 450px;
	width:587px;
	background-image:url(../images/savoirFaire/cartonSavoirFaire8.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.fondSavoirFaire li {
	font-size: 11px;
	color: #616161;
	font-family: Helvetica, Arial, sans-serif;
	line-height:13px;
	margin-top:5px;
	list-style-type: square;
	margin-left: 12px;
	list-style-position: outside;
	list-style-image: url(../images/savoirFaire/PointListeBlanc.gif);
}

/* ///////////////////////////////////////////////// */
/* //////////////////////PRATIQUE/////////////////// */
/* ///////////////////////////////////////////////// */

.fondPratique{
	min-height: 450px;
	width:557px;
	background-image:url(../images/pratique/caisseOutils.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.telechargementPDF{
	height: 100px;
	width:80px;
	margin-top:15px;
	margin-right:3px;
	background-position: center top;
	background-image: url(../images/pratique/IconePDF.png);
	background-repeat: no-repeat;
	float:left;
}

.telechargementPDF a{
	font-size: 11px;
	color: #616161;
	font-family: Helvetica, Arial, sans-serif;
	line-height:13px;
	margin-top:3px;
	height: 20px;
	width:80px;
	margin-top:55px;
	text-align: center;
	display:block;
	text-decoration: none;
}

.telechargementPDF a:hover{
	color: #00fff6;
	cursor:pointer;
}

.liens {
	height: 100px;
	width:230px;
	float:left;
	margin-top:5px;
}

.liens a{
	font-size: 11px;
	color: #616161;
	font-family: Helvetica, Arial, sans-serif;
	line-height:17px;
	height: auto;
	width:auto;
	float:left;
	text-decoration: none;
}

.liens a:hover{
	color: #00fff6;
	cursor:pointer;

}

/* ///////////////////////////////////////////////// */
/* ///////////////////////FOOTER//////////////////// */
/* ///////////////////////////////////////////////// */

#footer {
	background-image: url(../images/base/hachuresFooter2.gif);
	background-repeat: repeat-x;
	height: 75px;
	width:100%;
	position: relative;  /* Nécessaire pour Safari */
	padding-top: 20px;
	background-position: bottom;
}

#infosFooter {
	height: 75px;
	width: 930px;
	margin-right:auto;
	margin-left: auto;
}

/* ///////////////////////COPYRIGHT////////////////////// */

#copyright {
	float: left;
	height: 20px;
	width: auto;
	margin-left: 66px;
	margin-top: 16px;
}

#copyrightGauche {
	float: left;
	height: 20px;
	width: 9px;
	background-image: url(../images/base/sousMenuGauche.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#copyrightCentre {
	float: left;
}

#copyrightCentre h6{
	font-family: Helvetica, Arial, sans-serif;
	color: #888888;
	float: left;
	height: 14px;
	width: auto;
	font-size: 8px;
	display: block;
	background-color: #464646;
	padding-top: 6px;
}

#copyrightDroite {
	float: left;
	height: 20px;
	width: 9px;
	background-image: url(../images/base/sousMenuDroite.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* ///////////////////////RAPPELMENU////////////////////// */

#rappelmenu {
	float: right;
	height: 20px;
	width: auto;
	margin-top: 16px;
	margin-right: 66px;
}

#rappelmenuGauche {
	float: left;
	height: 20px;
	width: 9px;
	background-image: url(../images/base/sousMenuGauche.gif);
}

.rappelmenuCentre, .rappelmenuCentre h4 {
	float: left;
	height: 20px;
	width: auto;
}

.rappelmenuCentre h4 a{
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	color: #888888;
	font-size: 8px;
	text-decoration: none;
	display: block;
	background-color: #464646;
	height: 13px;
	width: auto;
	padding-right: 10px;
	padding-top: 7px;
}
.rappelmenuCentre h4 a:hover{
	color: #23a19f;
}

#rappelmenuHomeBouton, #rappelmenuHomeBouton h4 {
	float: left;
}

#rappelmenuHomeBouton h4 a {
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
	background-image: url(../images/base/boutonHome.gif);
	color: #23a19f;
	font-size: 8px;
	text-decoration: none;
	height: 13px;
	width: 37px;
	padding-top: 7px;
	display: block;
	padding-left: 9px;
}

#rappelmenuHomeBouton h4 a:hover{
	color: #ece7d5;
	background-image: url(../images/base/boutonHomeAllume.gif);
	font-family: LubalinMed, Helvetica, Arial, sans-serif;
}