/* --------- FEUILLE DE STYLE CSS --------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_new.gif);
	background-repeat:repeat;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.sep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

a.feminin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}

a.langues {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.langue-activee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;   /* color: #FFFFFF; */
}

a.langues:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #850000;   /* color: #FFFFFF; */
	text-decoration: underline;
}

a.services_pf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #850000;
}

a.services_pf:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a.liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

a.liens:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #850000;
	text-decoration: underline;
}

.liens_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.texte_copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;   /* color: #000000; */
}

a.lien_2bleu2bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.lien_2bleu2bleu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
}

a.devis_mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

a.devis_mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #850000;
	text-decoration: underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p.home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 15px;
}

p.mode_emploi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #850000;
	padding-left: 59px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #850000;
}


/* PAGE ENTIERE ---------------------------------------------------------------------------------------------------- */

#page {
	position: absolute;
	top: 40px;
	width: 700px;
/*	height: 527px; */
	left: 50%;
	margin-left: -350px;
	border-width: 1px;
	border-style: solid;
	border-color: #444444; 
/*	border-color: #550000; */
}


/* QUE LE HAUT ---------------------------------------------------------------------------------------------------- */

#tete {
	position: relative;
	width: 700px;
	height: 67px;
	background-color: #000000;
}


/* QUE LE MILIEU ---------------------------------------------------------------------------------------------------- */

#corps {
	position: relative;
	background-image:url(../images/bg_corps.jpg);
	width: 700px;
	height: 393px;
}

#pipine {
	position: absolute;
	left: 33px;
	top: 34px;
}

#menu {
	position: absolute;
	height: 13px;
	width: 531px;
	left: 33px;
	top: 81px;
}

#menu_home {
	position: absolute;
	height: 13px;
	width: 56px;
}

#menu_services {
	position: absolute;
	height: 13px;
	width: 83px;
	left: 75px;
}

#menu_portfolios {
	position: absolute;
	height: 13px;
	width: 91px;
	left: 177px;
}

#menu_curriculum {
	position: absolute;
	height: 13px;
	width: 118px;
	left: 297px;
}

#menu_contact {
	position: absolute;
	height: 13px;
	width: 97px;
	left: 434px;
}


/*  QUE LE BAS ---------------------------------------------------------------------------------------------------- */

#pied {
	position: relative;
	width: 700px;
	height: 67px;
	background-color: #000000;
}


/*  LANGUES ---------------------------------------------------------------------------------------------------- */

#langues {
	position: absolute;
	top: 19px;
	width: 702px;
	left: 50%;
	margin-left: -350px;
	text-align: right;
}


/*  COPYRIGHTS ---------------------------------------------------------------------------------------------------- */

#copyrights {
	position: absolute;
	top: 574px;
	width: 702px;
	left: 50%;
	margin-left: -350px;
	text-align: right;
	color: #444444;
}


/*  INDEX ---------------------------------------------------------------------------------------------------- */

#choix_langue_fr {
	position: absolute;
	left: 91px;
	top: 104px;
}

#choix_langue_en {
	position: absolute;
	left: 91px;
	top: 135px;
}

#choix_langue_texte {
	position: absolute;
	left: 33px;
	top: 368px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

#info_home {
	position: absolute;
	left: 33px;
	top: 370px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}


/*  HOME ---------------------------------------------------------------------------------------------------- */

#home_texte {
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	left: 33px;
	top: 150px;
}

#liens {
	position: absolute;
	top: 368px;
	left: 620px;
	font-size: 10px;
	color: #666666;
}

#corps-1trait {
	position: relative;
	background-image:url(../images/bg_corps_1trait.jpg);
	width: 700px;
	height: 393px;
}


/*  SERVICES ---------------------------------------------------------------------------------------------------- */

#corps-services {
	position: relative;
	background-image:url(../images/bg_corps_services.jpg);
	width: 700px;
	height: 393px;
}

#services_texte {
	position: absolute;
	height: 193px;
	width: 634px;
	left: 33px;
	top: 150px;
}

#graphic_design {
	position: absolute;
	left: 0px;
	top: 0px;
}

#graphic_design_contenu {
	position: absolute;
	width: 514px;
	left: 120px;
	top: 0px;
}

#motion_graphics {
	position: absolute;
	left: 0px;
	top: 40px;
}

#motion_graphics_contenu {
	position: absolute;
	width: 514px;
	left: 120px;
	top: 40px;
}

#publicite {
	position: absolute;
	left: 0px;
	top: 80px;
}

#publicite_contenu {
	position: absolute;
	width: 514px;
	left: 120px;
	top: 80px;
}

#web_design {
	position: absolute;
	left: 0px;
	top: 120px;
}

#web_design_contenu {
	position: absolute;
	width: 514px;
	left: 120px;
	top: 120px;
}

#devis {
	position: absolute;
	left: 120px;
	top: 169px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}


/*  LIENS ---------------------------------------------------------------------------------------------------- */

#liens_texte {
	position: absolute;
	height: 178px;
	width: 634px;
	left: 33px;
	top: 150px;
}

#info_lien {
	position: absolute;
	left: 33px;
	top: 368px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}


/*  BANNIERES PUB ---------------------------------------------------------------------------------------------------- */

#ban2b2b {
	position: absolute;
	margin-top: 60px;
	width: 468px;
	height: 60px;
	left: 116px;
}


/* --------- PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS --------- */
/* --------- PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS --------- */
/* --------- PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS PORTFOLIOS --------- */

a.portfolios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

a.portfolios:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #850000;
	text-decoration: underline;
}

.legende_portfolios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

#corps-pf-gd {
	position: relative;
	background-image:url(../images/bg_corps_pf_gd.jpg);
	width: 700px;
	height: 393px;
}

#corps-pf-mg {
	position: relative;
	background-image:url(../images/bg_corps_pf_mg.jpg);
	width: 700px;
	height: 393px;
}

#corps-pf-pub-fr {
	position: relative;
	background-image:url(../images/bg_corps_pf_pub_fr.jpg);
	width: 700px;
	height: 393px;
}

#corps-pf-pub-en {
	position: relative;
	background-image:url(../images/bg_corps_pf_pub_en.jpg);
	width: 700px;
	height: 393px;
}

#corps-pf-web {
	position: relative;
	background-image:url(../images/bg_corps_pf_web.jpg);
	width: 700px;
	height: 393px;
}

#pf_texte_gd {
	background-image: url(../images/pf_gd.gif);
	position: absolute;
	height: 154px;
	width: 641px;
	left: 33px;
	top: 150px;
}

#pf_texte_mg {
	background-image: url(../images/pf_mg.gif);
	position: absolute;
	height: 154px;
	width: 641px;
	left: 33px;
	top: 150px;
}

#pf_texte_pub {
	background-image: url(../images/pf_pub.gif);
	position: absolute;
	height: 154px;
	width: 641px;
	left: 33px;
	top: 150px;
}

#pf_texte_web {
	background-image: url(../images/pf_web.gif);
	position: absolute;
	height: 154px;
	width: 641px;
	left: 33px;
	top: 150px;
}

#portfolios_choix {
	position: absolute;
	width: 520px;
	height: 134px;
	left: 120px;
	background-image: url(../images/fond_pf.gif);
	background-repeat: repeat;
	top: 3px;
}

#pf_image {
	float: left;
	margin-right:4px;
	margin-bottom:5px;
}

#devis {
	position: absolute;
	left: 33px;
	top: 368px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
}

#portfolios_legende {
	position: absolute;
	left: 33px;
	top: 368px;
}