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

/*--------GLOBAL---------*/
body {
	margin:0;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#257478;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#banner{
	width:1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#conteneur{
	margin:auto;
	width:1024px;
	text-align: left;
}
#conteneur #mainprojects {
	height: 571px;
	width: 1024px;
	background-image: url(../images/bgprojects.jpg);
	background-repeat: no-repeat;
}
#conteneur #randomgraphic #randomgraphicmini div img {
	float: left;
	margin-right: 25px;
	padding-left: 5px;
}
hr{
	clear: both;
	visibility: hidden;
	height:0;
	border:0;
	margin: 0;
	padding: 0;
	float: none;
}
p{
	color:#257478;
}

.lettrine{
	font-weight:bold;
	font-size:16px;
}

a{
	text-decoration:none;
	font-weight:bold;
	color:#ff6929;
	cursor: pointer;
}
a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#257478;
	cursor: pointer;
}
img{
	border:0;
}

#spacer{
	margin-left:60px;
	width:896px;
	height:17px;
	border-bottom:1px #d3e3e4 solid;
}

/*--------------WEB GRAPHICDESIGN TRADUCTION COPYWRITING-------------*/
h1.web{
	height:37px;
	margin:0;
	background-image: url(../images/titre_web.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
h1.graphic{
	height:37px;
	margin:0;
	background-image: url(../images/titre_graphic.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
h1.copywriting{
	height:33px;
	margin:0;
	background-image: url(../images/titre_copywriting.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
h1.traduction{
	height:38px;
	margin:0;
	background-image: url(../images/titre_traduction.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
h2.devis{
	background-image: url(../images/titre_devis.jpg);
	background-repeat: no-repeat;
	text-indent: -1000px;
	padding:0 0 10px 50px;
	margin:0 0 0 63px;
}
h2{
	padding:0 0 10px 50px;
	margin:0;
	color:#ff6929;
	font-size:16px;
}
#intro{
	margin:auto;
	width:1000px;
}
#texte{
	width:690px;
	color: #257478;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 60px;
}
#conteneur #intro #texte a {
	font-size: 14px;
	color: #257479;
	font-weight:normal;
	text-decoration: none;
}
#conteneur #intro #texte a:hover {
	font-weight:normal;
	color: #fb6a31;
	text-decoration: none;
}
#totalappear {
	padding: 0px;
	width: 200px;
	height: 250px;
}
.totalclass {
	padding: 0px;
	width: 210px;
	margin-left: 10px;
	float: left;
}
#titleappear {
	height: 20px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6929;
}
.titleclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6929;
	display: inline;
}
#contentappear {
	background-color: #eeeeee;
	visibility: hidden;
	padding: 0px;
}
.contentclass {
	height: 0px;
	padding-left: 5px;
	visibility: hidden;
	color: #006666;
	font-size: 11px;
	background-color: #eeeeee;
	padding-bottom: 0px;
	padding-right: 5px;
}
.interval {
	height: 10px;
}
#contactweb{
	width:150px;
	border-left:1px #d3e3e4 solid;
	padding: 20px 55px 20px 15px;
	margin-top:25px;
	text-align:center;
	float:right;
}
#contactweb img{
	margin-bottom:10px;
}
#travailWeb{
	background-image: url(../images/img_fondWeb.jpg);
	background-repeat: no-repeat;
	height:300px;
	background-position: 60px;
	padding-left:50px;
	width:903px;
	padding-top: 50px;
}
#travailgraphic{
	background-image: url(../images/img_fond.jpg);
	background-repeat: no-repeat;
	height:351px;
	background-position: 60px;
	padding-left:50px;
	width:903px;
	padding-top: 50px;
}
#no-content {
	height: 20px;
	clear: both;
	float: none;
	font-size: 11px;
}

#global-port {
	width: 196px;
	float: left;
}
#detail-port {
	width: 610px;
	padding-bottom: 80px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#titre-job {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff6707;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
}
#titre-detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff6707;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
	height: 25px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 8px;
	width: 400px;
}
#miniatures-back {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 8px;
	width: 580px;
	height: 50px;
}
#miniatures-back .contour {
	display: block;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#miniatures-back .contour:hover {
	display: block;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #205A5D;
	text-decoration: none;
}
#contenu-img {
	height: 146px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 126px;
	padding: 0px;
}
#contenu-img-details {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 15px;
	padding-left: 4px;
	width: 400px;
}
#detail-desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #216164;
	font-size: 11px;
	line-height: 1.5;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: auto;
	margin-left: auto;
	width: 570px;
	padding-left: 10px;
	text-align: left;
	border: 1px solid #dddddd;
}
.detail-lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6707;
	font-size: 12px;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 580px;
	text-align: left;
}
.detail-lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #216164;
	font-size: 12px;
	text-decoration: none;
}
#detail-port .detail-lien .pos {
	display: block;
	border: 1px dotted #FF6707;
	width: 112px;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 0px;
}

#intitule {
	height: 100px;
	width: 117px;
	position: absolute;
	margin-top: -35px;
	margin-left: -35px;
	z-index: 10;
}


/* ** Fin style form ** */
#graphic-lo {
	background-image: url(../images/bg_portgraphic.jpg);
	background-repeat: no-repeat;
	width:880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-left: 60px;
	overflow: hidden;
	height: 100%;
}
#web-lo {
	background-image: url(../images/bg_portweb.jpg);
	background-repeat: no-repeat;
	width:880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-left: 60px;
	overflow: hidden;
	height: 100%;
}
#left-menu {
	height: 320px;
	width: 230px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
#tri-title {
	height: 30px;
	width: 200px;
	background-image: url(../images/tri.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: 10px 25px;
}
#tri-content {
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
}


#content {
	width: 610px;
	padding-top: 40px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 15px;
}
#spacerlo {
	height: 1px;
	clear: both;
	float: none;
	padding-top: 80px;
}
#spacerport {
	height: 1px;
	clear: both;
	float: none;
	padding-top: 15px;
}
#conteneur #travailgraphic #content {
	height: 300px;
	width: 445px;
	left: 10px;
	top: 10px;
}

#travail{
	background-image: url(../images/img_fond.jpg);
	background-repeat: no-repeat;
	background-position: 60px;
	padding-left:50px;
	width:903px;
	padding-top: 50px;
}
#imagesweb{
	width:367px;
	height:246px;
	float:right;
	margin:-50px 20px 0 0;
}
#imagesgraphic{
	width:367px;
	height:320px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 490px;
	margin-top: -320px;
	position: absolute;
}
.txt {
	padding-left: 50px;
	color: #228081;
	font-size: 12px;
	padding-top: 0px;
	margin: 0px;
}
#conteneur #randomgraphic img {
	float: left;
	margin-right: 40px;
}

#conteneur #travailgraphic #imagesgraphic div {
	padding-top: 10px;

}
#texteTravail{
	width:390px;
	padding:0 60px 0 50px;
}
#travail div{
	float:left;
}
#randomweb{
	background-image: url(../images/img_web.jpg);
	background-repeat: no-repeat;
	width:911px;
	height:211px;
	margin:auto;
	margin-left:30px;
	padding:0 0 0 80px;

}
#conteneur #randomgraphic #more {
	height: 20px;
	background-color: #C8DBDB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #066869;
	text-decoration: none;
	width: 841px;
	padding-top: 2px;
	padding-left: 4px;
}

#randomgraphic{
	background-image: url(../images/img_graphic.jpg);
	background-repeat: no-repeat;
	width:921px;
	height:221px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;

}
#randomgraphicmini div,#randomcontact div{
	float:left;
	padding:0 35px 0 0;
	height:129px;
	margin:65px 0 0 0;
}
#randomwebmini div{
	float:left;
	height:129px;
	margin-top: 55px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 35px;
}

#flecheGauche{
	margin-left:-185px !important;
	margin-left:-92px;
	margin-top:0 !important;
	margin-top:-25px;
}
#flecheDroite{
	padding:0;
	margin-left:690px !important; /*pour firefox*/
	margin-left:345px;
	margin-top:0 !important;
	margin-top:-25px;
}
#fleches div{
	float:left;
}
#flecheGauchegraphic{
	margin-left:-185px !important;
	margin-left:-92px;
	margin-top:0 !important;
	margin-top:-25px;
}
#flecheDroitegraphic{
	padding:0;
	margin-left:690px !important; /*pour firefox*/
	margin-left:345px;
	margin-top:0 !important;
	margin-top:-25px;
}
#footer{
	font-size:10px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
#devis{
	float:left;
	width:89px;
	height:104px;
	margin-top:-300px;
	padding-left:500px;
}
/*----------------HOME---------------*/

h1.index{
	height:37px;
	margin:0;
	background-image: url(../images/titre_index.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
#contact_index{
	width:317px;
	height:165px;
	padding: 0px 55px 0 15px;
	text-align:left;
	float:right;
	margin-top:25px;
	background-image: url(../images/img_fondIndex.jpg);
	background-repeat: no-repeat;
	font-size:12px;
}
#coordonnees{
	padding:45px 0 0 20px;
}

#texte_index{
	width:535px;
	color: #257478;
	padding: 15px 25px 0 60px;
}
div .hesitez{
	text-align:right;
	padding-top:10px;
}

#new{
	background-image: url(../images/img_new.jpg);
	background-repeat: no-repeat;
	height:204px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;
	
}
#new #partners {
	height: 150px;
	width: 800px;
	margin: 0px;
	padding-top: 49px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#new div{
	float:left;
	height:129px;
	margin:0;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
}
#newimage{
	margin: 0px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.newTexte{
	margin:0;
	padding:0;
	width: 600px;
	float: left;
}
.plus{
	color:#f67228;
	font-weight:bold;
}

/*----------COMMUNICATION-----------------*/
h1.communication{
	height:37px;
	margin:0;
	background-image: url(../images/titre_communication.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
h1.marketing{
	height:37px;
	margin:0;
	background-image: url(../images/titre_marketing.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}
.orange{
color:#f67228;
}
#texte_communication{
	width:545px;
	color: #257478;
	padding: 15px 25px 0 60px;
}
#choisissez{
	width:410px;
	height:150px;
	margin:10px 0 0 270px;

}
/*----------CONTACT-----------------*/
h1.contact{
	height:37px;
	margin:0;
	background-image: url(../images/titre_contact.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 60px;
}

#contact_form{
	width:488px;
	height:250px;
	margin-top:10px;
	text-align:left;
	background-image: url(../images/img_fondFormulaire.jpg);
	background-repeat: no-repeat;
}
#texte_contact{
	width:380px;
	color: #257478;
	padding: 10px 0 0 60px;
	height:250px;
	margin:0;
}
#premier{
	padding-left:60px;
}

dl.table-display
{
	width: 410px;
	padding: 0;
}

.table-display dt
{
	width: 60px;
	float: left;
	font-weight: bold;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
	float: left;
	width: 350px;
	height:50px;
	margin: 0 0 0 0;
}
#float_contact div{
	float:left;
	margin:auto;
}
#contact_form{
	text-align:left;
	padding-top:15px;
}

#contact_form label {
  font-size:100%;
  width:110px;
  padding:0 9px 0 0;
  margin-left:20px;
  float: left;

}
#contact_form input {
  margin-bottom:.2em;
  text-align:left;
}

#contact_form td.menu_contact{
	text-align:left;
	width:150px;
	padding-left:10px;
}
textarea {
	padding:.1em;
	float:left;
}
.submit{
	margin: 5px 0 0 135px;
	background-color:#dce8e8;
	border:1px solid #257478;
	color:#257478;
	float:left;
}
#fleches{
	padding:0 0 0 130px;
}

#randomcontact{
	background-image: url(../images/img_random.jpg);
	background-repeat: no-repeat;
	width:911px;
	height:211px;
	margin-left:30px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 80px;

}
/*----------EQUIPE-----------------*/
h1.equipe{
	height:37px;
	margin:0;
	background-image: url(../images/titre_equipe.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -1000px;
	padding-bottom: 8px;
	padding-left: 60px;
}
#membres{
	padding-left:100px;
	padding-top:10px;
}
#membres div{
	float:left;

}
#grandePhotoMembres, #philippe, #julie, #jean, #laurent, #marc, #xavier{
	background-image: url(../images/img_fondEquipe.jpg);
	background-repeat: no-repeat;
	height:260px;
	width:178px;
	text-align:center;
	padding:28px 1px 0 0;
}
#grandePhotoMembres{
	padding:16px 1px 0 0;
}
h2.philippe{
	height:30px;
	background-image: url(../images/titre_philippe.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.julie{
	height:30px;
	background-image: url(../images/titre_julie.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.jean{
	height:30px;
	background-image: url(../images/titre_jean.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.xavier{
	height:30px;
	background-image: url(../images/titre_xavier.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.laurent{
	height:30px;
	background-image: url(../images/titre_laurent.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.marc{
	height:30px;
	background-image: url(../images/titre_marc.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.olivier{
	height:30px;
	background-image: url(../images/titre_olivier.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
h2.carine{
	height:30px;
	background-image: url(../images/titre_carine.jpg);
	background-repeat: no-repeat;
	background-position: 60px 15px;
	text-indent: -2000px;
	padding:0 0 20px 0;
	margin:-30px 0 0 0;
}
#desc div{
	float:left;
}
#picto_philippe{
	height:106px;
	padding-left:60px;
	padding-right:30px;
	width:66px;
}

#texte_philippe, #picto_julie, #picto_jean, #picto_laurent, #picto_marc, #picto_xavier{
	width:480px;

}

#sticker_contact{
	padding:50px;
}
.portrait{
	padding-bottom:10px;
}
/* ****************************** */

/* ** Style form ** */

.bgfield {
	background-image: url(../images/bgfield.jpg);
	background-repeat: repeat-x;
	border: 1px solid #BDD5D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.bgfield2 {
	background-image: url(../images/bgfield2.jpg);
	background-repeat: repeat-x;
	border: 1px solid #BDD5D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.bgbout {
	background-color: transparent;
	background-image: url(../images/bgbout.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 90px;
	border: none;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 0px;
	color: #1E595C;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	outline:0;
}
.lightform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006666;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
.lightbox-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006666;
	font-weight: normal;
	text-decoration: none;
}
.lightbox-txt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff6707;
	font-weight: normal;
	text-decoration: underline;
}

/* tooltip */

#dhtmltooltip{
position: absolute;
width: 120px;
border: 1px solid #ff6929;
padding: 2px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
/* ombre .. pas nécessaire */
/* **** */ /* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); /* **** */
}

/* fin tolltip */
.space-team {
	clear: both;
	float: none;
	height: 30px;
}
#center-spacing {
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#team {
    margin-top: -17px;
}