@charset "utf-8";
html, body, border, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
#container {
	width: 950px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #696969;
	border-bottom-color: #696969;
	border-left-color: #696969;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position: relative;
	top: 0px;
	border-top-width: 0px;
	border-top-style: none;
	background-color: #FFFFFF;
}
#header {
	margin: 0px;
	height: 275px;
	width: 950px;
	position: relative;
	top: 0px;
}
#contentWrapper {
	width: 995px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#menuWrapper {
	margin: 0px;
}


#contenu {
	height: auto;
	width: 614px;
	padding: 20px;
}

#contenu p {
	margin-top: 5px;
	margin-left: 10px;
}
#contenu h2 {
	margin-left: 10px;
}

/*    Boite principale de contenu    */

#ContentContainerApropos {
	width: 950px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	float: left;
	left: 0px;
	background-color: #FFFFFF;
}
#ContentContainerServices {
	width: 950px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	float: left;
	background-color: #FFFFFF;
}
#ContentContainerPortefolio {
	width: 950px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	float: left;
	background-color: #FFFFFF;
}
#ContentContainerContact {
	width: 950px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	float: left;
	background-color: #FFFFFF;
}
#ContainerMain {
	background-position: center;
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	bottom: 0px;
	background-image: url(images/back_container.png);
	width: 995px;
	float: left;
}
#ContainerMainBas {
	width: 995px;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/back_contain_footer.png);
	background-repeat: no-repeat;
	z-index: 3;
	background-position: center top;
	position: relative;
	top: 0px;
	float: left;
}
#BoutonFacebook {
	height: 30px;
	width: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	right: -14px;
	top: 226px;
	z-index: 1;	
}
.facebooklink {
	height: 30px;
	width: 30px;
	display: block;
	background-image: url(images/icone-facebook.png);	
}

.facebooklink:hover, .facebooklink:focus {
	background-image: url(images/icone-facebook-over.png);
	height: 30px;
	width: 30px;
}

.facebooklink img{
display:none;
}

/* Animation flash droite */

#AnimationDroiteApropos {
	width: 300px;
	margin: 0px;
	height: 450px;
	text-align: right;
	position: absolute;
	float: left;
	right: 0px;
	bottom: 0px;
}
#AnimationDroitePortefolio {
	width: 300px;
	margin: 0px;
	float: left;
	text-align: right;
	position: relative;
	height: 650px;
	vertical-align: bottom;
}
.AnimationDroitePortefolioIn {
	width: 300px;
	margin: 0px;
	float: left;
	text-align: right;
	position: absolute;
	height: 600px;
	vertical-align: bottom;
	bottom: 0px;
	right: 0px;
}

#AnimationDroiteServices {
	width: 300px;
	margin: 0px;
	height: 600px;
	float: left;
	text-align: right;
}
#AnimationDroiteContact {
	width: 583px;
	margin: 0px;
	float: left;
	text-align: right;
}
/*     CONTENU DES 4 SECTIONS      */
#contenuDroit {
	width: 291px;
	float: right;
	background-image: url(images/parure-bas-droite-contact.gif);
	background-position: bottom;
	margin: auto;
	background-repeat: no-repeat;
	height: 100px;
	top: auto;
	bottom: auto;
}
#ContenuApropos {
	width: 610px;
	padding: 20px;
	margin: 0px;
	float: left;
}
#ContenuApropos  p {
	margin-top: 5px;
	margin-left: 10px;
}
#ContenuApropos  h1 {
	color: #456011;
}
#ContenuApropos  h2 {
	color: #8DA33A;
	padding-left: 10px;
}
#ContenuPorteFolio {
	width: 610px;
	padding: 20px;
	margin: 0px;
	float: left;
}
#ContenuPorteFolio  p {
	margin-top: 5px;
	margin-left: 10px;
}
#ContenuPorteFolio  h1 {
	color: #CA7000;
}
#ContenuPorteFolio  h2 {
	color: #E17C00;
	padding-left: 10px;
}
#ContenuServices {
	width: 610px;
	padding: 20px;
	margin: 0px;
	float: left;
}

#ContenuServices  p {
	margin-top: 5px;
	margin-left: 10px;
}
#ContenuServices  h1 {
	color: #8BAB5D;
}
#ContenuServices  h2 {
	color: #C2B401;
	padding-left: 10px;
}
#ContenuContact {
	width: 327px;
	padding: 20px;
	margin: 0px;
	float: left;
	top: 0px;
	height: 417px;
}
#ContenuContact   p {
	margin-top: 5px;
	margin-left: 10px;
}
#ContenuContact h1 {
	color: #666666;

}

#ContenuContact   h2 {
	padding-left: 10px;
	color: 777777;
}
#ContenuContactDroite {
	width: 292px;
	padding: 0px;
	margin: 0px;
	float: left;
	top: 0px;
	height: 410px;
	background-image: url(images/background-contenu05.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.TdBackContact {
	background-image: url(images/background-contenu05.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 655px;
	height: auto;
}

.LigneGaucheContact {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E3E3E3;
}

/*     CONTENU DES MENUS 4 SECTIONS      */

#MenuLeftContact {
	background-image: url(images/slogan-gauche-contact.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 56px;
	width: 387px;
	float: left;
}
#MenuRightContact {
	background-image: url(images/menu-droitecontact.gif);
	background-repeat: repeat-x;
	height: 56px;
	width: 563px;
	float: right;
}
#MenuLeftPorteFolio {
	background-image: url(images/slogan-gauche-porte-folio.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 56px;
	width: 387px;
	float: left;
}
#MenuRightPorteFolio {
	background-image: url(images/menu-droite-porte-folio.gif);
	background-repeat: repeat-x;
	height: 56px;
	width: 563px;
	float: right;
}
#MenuLeftaPropos {
	background-image: url(images/slogan-gauche-apropos.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 56px;
	width: 387px;
	float: left;
	left: 0px;
	position: relative;
}
#MenuRightaPropos {
	background-image: url(images/menu-droite-apropos.gif);
	background-repeat: repeat-x;
	height: 56px;
	width: 563px;
	float: right;
	position: relative;
	left: 0px;
}
#MenuLeftServices {
	background-image: url(images/slogan-gauche-services.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 56px;
	width: 387px;
	float: left;
}
#MenuRightServices {
	background-image: url(images/menu-droite-services.gif);
	background-repeat: repeat-x;
	height: 56px;
	width: 563px;
	float: right;
}

/* Menu main */

#MenuContact a:link,  #TitreMenuGauche a:visited{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#TitreMenuGauche a:hover, #TitreMenuGauche a:active{
	background-color: #FFFFFF;
}

/*     MENU SECTION CONTACT      */

#navigationContact {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height: 55px;
	width: 562px;
}
#navigationContact ul {
	list-style-type: none;
	vertical-align: middle;
	margin: 0px;
}
#navigationContact ul li {
	float: left;
}
#navigationContact ul a {
	display: block;
	padding: 20px;
}
#navigationContact ul a:link,  #navigationContact ul a:visited {
	color: #000000;
	text-decoration:none;
}
#navigationContact ul a:hover,#navigationContact ul a:active {
	color: #FFFFFF;
	text-decoration:none;
}

/*     MENU SECTION Services      */

#navigationServices {
	color: #666633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height: 55px;
	width: 562px;
}
#navigationServices ul {
	list-style-type: none;
	vertical-align: middle;
	margin: 0px;
}
#navigationServices ul li {
	float: left;
}
#navigationServices ul a {
	display: block;
	padding: 20px;
}
#navigationServices ul a:link,  #navigationServices ul a:visited {
	color: #666633;
	text-decoration:none;
}
#navigationServices ul a:hover,#navigationServices ul a:active {
	color: #D98801;
	text-decoration:none;
}

/*     MENU SECTION Apropos      */

#navigationApropos {
	color: #666633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height: 55px;
	width: 562px;
}
#navigationApropos ul {
	list-style-type: none;
	vertical-align: middle;
	margin: 0px;
}
#navigationApropos ul li {
	float: left;
}
#navigationApropos ul a {
	display: block;
	padding: 20px;
}
#navigationApropos ul a:link,  #navigationApropos ul a:visited {
	color: #577718;
	text-decoration:none;
}
#navigationApropos ul a:hover,#navigationApropos ul a:active {
	color: #669933;
	text-decoration:none;
}

/*     MENU SECTION Portefolio      */

#navigationPortefolio {
	color: #666633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	height: 55px;
	width: 562px;
}
#navigationPortefolio ul {
	list-style-type: none;
	vertical-align: middle;
	margin: 0px;
}
#navigationPortefolio ul li {
	float: left;
}
#navigationPortefolio ul a {
	display: block;
	padding: 20px;
}
#navigationPortefolio ul a:link,  #navigationPortefolio ul a:visited {
	color: #663333;
	text-decoration:none;
}
#navigationPortefolio ul a:hover,#navigationPortefolio ul a:active {
	color: #CC3300;
	text-decoration:none;
}
/*    FIN MENU SECTION Portefolio      */
.style1 {
	font-family: "Courier New"
}
#mainMenu {
	height: auto;
	width: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
}#imagestop {
	position: relative;
	left: 0px;
	width: 950px;
}
#imagesTopGaucheaPropos {
	height: 219px;
	width: 387px;
	float: left;
	background-image: url(images/background-creationsp-apropos.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
}
#imagesTopDroiteaPropos {
	height: 219px;
	width: 563px;
	float: left;
	background-image: url(images/background-creationsp02-apropos.gif);
	position: relative;
	left: 0px;
}
#imagesTopGauchePortefolio {
	height: 219px;
	width: 387px;
	float: left;
	background-image: url(images/background-creationsp-porte-folio.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
}
#imagesTopDroitePortefolio {
	height: 219px;
	width: 563px;
	float: left;
	background-image: url(images/background-creationsp02-porte-folio.gif);
	position: relative;
	left: 0px;
}
#imagesTopGaucheContact {
	height: 219px;
	width: 387px;
	float: left;
	background-image: url(images/background-creationsp-contact.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
}
#imagesTopDroiteContact {
	height: 219px;
	width: 563px;
	float: left;
	background-image: url(images/background-creationsp02-contact.gif);
	position: relative;
	left: 0px;
}
#imagesTopGaucheServices {
	height: 219px;
	width: 387px;
	float: left;
	background-image: url(images/background-creationsp-services.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
}
#imagesTopDroiteServices {
	height: 219px;
	width: 563px;
	float: left;
	background-image: url(images/background-creationsp02-services.gif);
	position: relative;
	left: 0px;
}
h1 {
	font-family: "Palatino Linotype";
	font-size: 24px;
	font-weight: normal;
	color: #777777;
}
h2 {
	font-family: "Palatino Linotype";
	font-size: 17px;
	font-weight: normal;
	color: #777777;
}
h3 {
	font-family: "Palatino Linotype";
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.PorteFolio {
	border: 1px solid #E57F03;
}
.PorteFolio li {
	text-align: center;
	list-style-type: none;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}
.PorteFolio ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
a:link,  a:visited{
	text-decoration: none;
	color: #666666;
}
#contentWrapper #ContainerMain #container #ContentContainerApropos #ContenuApropos img {
	border: 3px solid #C0CF74;
	margin-right: 10px;
	padding: 1px;
}


a:hover, a:active{
	text-decoration: underline;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	width: auto;
	text-align: center;
	margin-top: 20px;
}
 /* copyright link */

#copyright a:link,  #copyright  a:visited{
	color: #CCCCCC;
}
#copyright  a:hover, #copyright  a:active{
	text-decoration: underline;
}




#headerDeux {
	margin: 0px;
	width: 950px;
	z-index: 5;
	position: relative;
	left: 0px;
	top: 0px;
}
.WrapperImageCreateur {
	height: 235px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}