/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT :  Claire Gouyon
CREATION : 2008.10.30
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	-moz-outline:none;
}

body {
 	color:#4B4B4B;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
}
/* ---------------------------------------------------------------------------| conteneurs |*/
#conteneur {
	margin:0 auto;
	width:994px;
}
#header {
	background-repeat:no-repeat;
	height:209px;
}
#date {
	background-image:url(../images/bg_date.jpg);
	height:30px;
	text-align:right;
}
#centre {
	background:url(../images/bg_centre.jpg) repeat-y;
	padding:0 47px;
}
#profil {
	height:165px;
}
#services {
	height:383px;
}
#portfolio {
	margin-top:20px;
	height:475px;
}
#copyright {
	border-top:1px dashed #B3AFA2;
	height:50px;
}
#footer {
	background:url(../images/bg_footer.jpg) no-repeat;
	height:24px;
}
/* ---------------------------------------------------------------------------| header |*/
#langue {
	padding-right:170px;
	text-align:right;
}
#langue img {
	border:none;
}
#date p {
	font-size:12px;
	font-weight:bold;
	margin-right:50px;
}
#contact {
	padding:65px 90px 0 0;
	text-align:right;
}
#contact h1 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}
#contact h2 {
	font-size:14px;
	font-weight:normal;
	margin:0;
}
#contact h3 {
	font-size:14px;
	margin:0;
}
#contact h4 {
	font-size:12px;
	margin-top:10px;
}
#contact a {
	border-bottom:1px dashed #E74487;
	color:#E74487;
	font-weight:bold;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------| profil |*/
#bgProfil {
	background-repeat:no-repeat;
	height:45px;
}
#tabProfil {
	border:none;
	border-collapse:collapse;
	width:900px;
}
#tabProfil td {
	vertical-align:top;
	width:285px;
}
#tabProfil td.qui {
	padding-right:10px;
}
#tabProfil td.quoi {
	padding:0 10px;
}
#tabProfil td.comment {
	padding-left:10px;
}
#tabProfil td p {
	font-size:14px;
	font-style:italic;
	line-height:20px;
}

/* ---------------------------------------------------------------------------| services |*/
#tabServices {
	border-collapse:collapse;
	border:none;
	width:900px;
}
#tabServices td {
	padding:8px;
	vertical-align:top;
	width:400px;
}
#tabServices h1 {
	font-size:14px;
	margin-top:10px;
}
#tabServices ul {
	list-style-image:url(../images/puce-tiret.gif);
	padding-left:20px;
}
#tabServices li {
	font-size:14px;
	line-height:18px;
}

/* ---------------------------------------------------------------------------| copyright |*/
#copyright p {
	color:#4B4B4B;
	font-size:12px;
	margin-top:20px;
}
#copyright a {
	border-bottom:1px dashed #B3AFA2;
	color:#B3AFA2;
	font-size:12px;
	text-decoration:none;
}
/* ---------------------------------------------------------------------------| formulaire courriel |*/
.courriel {
	background-repeat:no-repeat;
	height:430px;
	padding-top:100px;
	width:713px;
}
.courriel a {
	border-bottom:1px dashed #E74487;
	color:#E74487;
	font-weight:bold;
	text-decoration:none;
}
#tabCourriel {
	border-collapse:collapse;
	border:none;
	width:713px;
}
#tabCourriel td {
	padding-left:25px;
}
#tabCourriel .frmTxt, tabCourriel .frmTxtArea {
	background:none;
	border:none;
	font-family:'Courier New', Courier, monospace;
	font-weight:bold;
	font-size:14px;
	padding:2px;
}
#tabCourriel .frmTxt {
	border-top:1px dashed #666666;
	border-bottom:1px dashed #666666;
}
#tabCourriel .frmTxtArea {
	border:1px dashed #666666;
} 
#tabCourriel h1 {
	font-size:14px;
	font-weight:normal;
	margin:5px 0;
}
#tabCourriel h2 {
	font-size:14px;
	font-weight:normal;
	margin:20px 0 5px 0;
}
#tabCourriel p {
font-size:12px;
margin:5px;
}


h1.y, h2.y {		/* champ obligatoire - indicatif */
	font-weight:normal;
}
h1.yerr, h2.yerr {		/* champ obligatoire - erreur  */
	color:#CC0000;
	font-weight:bold;
}




/* ---------------------------------------------------------------------------| modal popup |*/
.modalBackground {
	background-color:white;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	width:713px;
	height:430px;
}