/* CSS Document */
* {margin: 0; padding: 0;}
img{border:0;}
a:focus {
outline:none;
} 
body{
	margin:0;
	text-align:center;
	color:#FFFFFF;
	font-family:Helvetica, Arial, Geneva,sans-serif;
	font-size:12px;
	background-color:#F3E7D1;
	}
#bouton-newsletter{
	position:absolute;
	left:272px;
	top:177px;
	z-index:100;
	}
#top_bg_large{
	width:100%;
	background-image:url(graphiste_images/top_bg_large_webdesign.jpg);
	height:332px;
	background-repeat:repeat-x;
	margin:0;
	
	}
#top_bg_small{
	width:100%;
	background-image:url(graphiste_images/top_cotes_graphiste.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:332px;
	margin:0;
	position:relative;
	}

#banniere{
	width:832px;
	height:332px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(graphiste_images/banniere_bas_bas_graphiste.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	}

#banniere_top{
	width:100%;
	height:110px;
	}
.banniere_top_gauche{
	height:110px;
	width:299px;
	background-image:url(graphiste_images/banniere_top_gauche_illustration.jpg);
	float:left;
	}
h1.logo_top{
	height:110px;
	background-image:url(graphiste_images/banniere_top_logo_graphiste.jpg);
	width:239px;
	float:left;
	margin:0;
	display:block;
	}
.banniere_top_droite{
	height:110px;
	width:294px;
	background-image:url(graphiste_images/banniere_top_droite_illustration.jpg);
	float:left;
	}
#menu{
	width:100%;
	height:80px;
	}

#menu a{
	display:block;
	float:left;
	text-decoration:none;
	}

a.prestations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/prestations1.jpg);
	width:76px;
	height:80px;
	}
a.prestations2,a:hover.prestations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/prestations2.jpg);
	width:76px;
	height:80px;
	}
a.actus{
	background-image:url(graphiste_images/graphisme-webdesign_menu/actus1.jpg);
	width:71px;
	height:80px;
	}
a.actus2,a:hover.actus{
	background-image:url(graphiste_images/graphisme-webdesign_menu/actus2.jpg);
	width:71px;
	height:80px;
	}
a.partenaires{
	background-image:url(graphiste_images/graphisme-webdesign_menu/partenaires1.jpg);
	width:72px;
	height:80px;
	}
a.partenaires2,a:hover.partenaires{
	background-image:url(graphiste_images/graphisme-webdesign_menu/partenaires2.jpg);
	width:72px;
	height:80px;
	}
a.devis{
	background-image:url(graphiste_images/graphisme-webdesign_menu/devis-graphisme1.jpg);
	width:71px;
	height:80px;
	}
a.devis2,a:hover.devis{
	background-image:url(graphiste_images/graphisme-webdesign_menu/devis-graphisme2.jpg);
	width:71px;
	height:80px;
	}

a.logo_menu{
	width:248px;
	height:80px;
	background-image:url(graphiste_images/graphisme-webdesign_menu/logo.jpg);
	}
a.print{
	background-image:url(graphiste_images/graphisme-webdesign_menu/print-graphisme1.jpg);
	width:70px;
	height:80px;
	}
a.print2,a:hover.print{
	background-image:url(graphiste_images/graphisme-webdesign_menu/print-graphisme2.jpg);
	width:70px;
	height:80px;
	}
a.identite{
	background-image:url(graphiste_images/graphisme-webdesign_menu/identite-graphisme1.jpg);
	width:73px;
	height:80px;
	}
a.identite2,a:hover.identite{
	background-image:url(graphiste_images/graphisme-webdesign_menu/identite-graphisme2.jpg);
	width:73px;
	height:80px;
	}
a.web{
	background-image:url(graphiste_images/graphisme-webdesign_menu/web-webdesign1.jpg);
	width:72px;
	height:80px;
	}
a.web2,a:hover.web{
	background-image:url(graphiste_images/graphisme-webdesign_menu/web-webdesign2.jpg);
	width:72px;
	height:80px;
	}
a.illustrations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/illustrations1.jpg);
	width:76px;
	height:80px;
	}
a.illustrations2,a:hover.illustrations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/illustrations2.jpg);
	width:76px;
	height:80px;
	}


#banniere_bas{
	height:102px;
	width:100%;
	}
.banniere_bas_gauche{
	height:100px;
	background-image: url(graphiste_images/banniere_bas_gauche_graphisme.jpg);
	width:326px;
	float:left;
	}
h1.banniere_bas_logo{
	height:100px;
	background-image: url(graphiste_images/banniere_bas_logo_graphiste.jpg);
	width:216px;;
	float:left;
	margin:0;
	}
.banniere_bas_droite{
	height:100px;
	background-image: url(graphiste_images/banniere_bas_droite_graphisme.jpg);
	width:290px;;
	float:left;
	}

#contenu_large{
	/*height:692px;*/
	background-image:url(graphiste_images/contenu_large_graphiste.jpg);
	background-repeat:repeat-x;
	width:100%;
	}
#contenu{
	width:100%;
	background-image:url(graphiste_images/contenu_bg_print.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	/*height:400px;*/
	}

#texte{
	width:832px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	padding-bottom:45px;
	}

div.titre-bleu{
	position:relative;
	
	top:37px;}

#footer_large{
	width:100%;
	height:93px;
	clear:both;
	background-image:url(graphiste_images/footer-bg-droite.jpg);
	background-repeat:repeat-x;
	text-align:left;
	}
#footer-gauche{
	width:50%;
	height:93px;
	background-image:url(graphiste_images/footer-bg-gauche.jpg);
	background-repeat:repeat-x;
	margin-left:0;
	position:relative;
	}

#footer{
	position:relative;
	height:93px;
	width:832px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(graphiste_images/footer-bg.jpg);
	background-repeat:no-repeat;
	top:-93px;
	}
#footer-coord{
	background-image:url(graphiste_images/footer-coordonnees-graphiste.jpg);
	background-repeat:no-repeat;
	height:93px;
	}
#footer-contact{
	height:93px;
	width:144px;
	background-image:url(graphiste_images/footer-contact.jpg);
	left:343px;
	position:relative;
	top:-93px;
	}
#footer-menu{
	position:relative;
	left:525px;
	top:-182px;
	color:#F3E7D1;
	
	width:200px;
	}
#footer-menu a{
	color:#F3E7D1;
	text-decoration:none;
	}
#footer-menu a:hover{
	text-decoration:underline;
	}

div.description{
	text-align:center;
	position:relative;
	top:-100px;
	height:200px;
	color:#666666;
	}

div.description a{
	color:#666666;
	text-decoration:none;
	}

div.description a:hover{
	text-decoration:underline;
	}
/*----------------------------------------------------------------------------
/***************************  CONTENU DES PAGES  *****************************
----------------------------------------------------------------------------*/

#texte h1{
	margin-top:0;
	}

div.titre{
	width:94px;
	height:104px;
	left:369px;
	top:0px;
	background-image:url(graphiste_images/graphiste-titres/bg_titre.jpg);
	position:relative;	
	}

#accueil{
	
	}
.image-ecoute{
	position:relative;
	top:60px;
	left:68px;
	width:206px;
	height:210px;
	background-image:url(graphiste_images/graphiste-titres/accueil-graphiste-ecoute.jpg);
}
.texte{
	position:relative;
	left:295px;
	width:537px;
	top:-160px;
	line-height:1.5em;
	}

#corps{
	width:750px;
	margin-left:142px;
	padding-top:30px;
	text-align:left;
	font-size:103%;
	line-height:1.5em;
}

.date_actu{
background-color:#69665D;
padding-left:5px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
color:#D4A267;
font-weight:bold;
}

.titre_actu{
	margin-top:10px;
	}
	
.gris{
	color:#666666;
	}
a.puce1{
	background-image:url(graphiste_images/puce-fleche1.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:15px;
	height:20px;
	padding-top:4px;
	display:block;
	background-position:0px 4px;
	text-decoration:none;
	color:#666666;
	/*border:1px solid #333333;*/
	}


/* -------------------------------------------------
     POUR LE FORMULAIRE DE DEVIS
	 -----------------------------------------*/
.form-devis{
	position:absolute;
	width:351px;
	height:400px;
	left:241px;
	top:142px;color:#64685a;
	text-align:right;
	}

.form-devis label{
	display:block;
	float:left;
	padding-top:8px;
	}

.form-devis input{
	padding-top:8px;
	padding-left:10px;
	}
.input-nom{
	background:transparent url(graphiste_images/images-formulaire-devis/nom.jpg) no-repeat;
	width:243px;
	height:25px;
	border:0;
	}
.input-societe{
	background:url(graphiste_images/images-formulaire-devis/societe.jpg);
	background-repeat:no-repeat;
	width:288px;
	height:25px;
	border:0;
	
	}
.input-email{
	background:url(graphiste_images/images-formulaire-devis/email.jpg);
	background-repeat:no-repeat;
	width:288px;
	height:25px;
	border:0;
	}
.input-tel{
	background:url(graphiste_images/images-formulaire-devis/tel.jpg);
	background-repeat:no-repeat;
	width:252px;
	height:25px;
	border:0;
	
	}
.input-projet{
	background:url(graphiste_images/images-formulaire-devis/projet.jpg);
	background-repeat:no-repeat;
	width:326px;
	height:115px;
	border:0;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:30px;
	overflow:hidden;
	}

.envoyer{
	width:98px;
	height:79px;
	background-image:url(graphiste_images/images-formulaire-devis/envoyer.jpg);
	background-repeat:no-repeat;
	border:none;
	
	}
#test_a{
	visibility:hidden;
	position:absolute;
	}
#hiddenModalContent{
	visibility:hidden;
	position:absolute;
	}
/*---------------pages  print et web----------------------*/
#liste_print{
	width:800px;
	position:relative;
	left:18px;
	line-height:1em;
	padding:0;
	}
#liste_print img{
	margin:0;
	display:block;
	}


.titre-print{
	width:790px;
	height:24px;
	background-color:#63635B;
	padding-top:8px;
	padding-left:10px;
	font-size:105%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
	}

.titre-web{
	width:790px;
	height:24px;
	background-color:#63635B;
	padding-top:8px;
	padding-left:10px;
	font-size:105%;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
	}

a.bouton-lien{
	display:block;
	width:111px;
	height:18px;
	background-image:url(graphiste_images/pages-graphisme/webdesign/bouton-lien.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:15px;
	text-decoration:none;
	margin-top:-1px;
	}

.texte-bleu{
	color:#67A8C8;
	}
.texte-orange{
	color:#D4A267;
	}
.texte-beige{
	color:#E8E0CB;
	}

/* Pour les pages simples*/
#contenu_page{
	width:800px;
	margin-left:18px;}

#contenu_page h1{
	text-align:center;
	}

table.mentions td{
	padding:5px;
	}

/*menu fixe*/
#fixmenu{
	width:100%;
	height:60px;
	position:fixed;
	bottom:0px;
	background-color:#ffffff;
	z-index:2;
	border-top:1px solid #333333;
	visibility:hidden;
	padding-top:10px;
	}
*html #fixmenu { /* only ie6 : hack position fixe */
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.clientHeight - this.offsetHeight );
}


#fixmenu a{
	color:#FFFFFF;
	display:block;
	float:left;
	width:45px;
	height:49px;
	text-decoration:none;
	}

#fixmenu a.prestations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/prestations.jpg);
	}
#fixmenu a.devis{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/devis.jpg);
	}
#fixmenu a.print{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/print.jpg);
	}
#fixmenu a.actus{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/actus.jpg);
	}
#fixmenu a.web{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/web.jpg);
	}
#fixmenu a.partenaires{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/partenaires.jpg);
	}
#fixmenu a.identite{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/identite.jpg);
	}
#fixmenu a.illustrations{
	background-image:url(graphiste_images/graphisme-webdesign_menu/menu-bas/illustrations.jpg);
	}