<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="FR-fr">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="No-Cache" />
	<meta http-equiv="Pragma" content="No-Cache" />
	<meta http-equiv="Expires" content="0" />
	<title>L' ATELIER GORDON - PARENT AUTREMENT | main.css</title>
	<meta name="description" content="">
	<meta name="keywords" content="">

	<link rel="stylesheet" href="http://www.ateliergordon.com/main.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="http://www.ateliergordon.com/print.css" type="text/css" media="print" />
        <base href="http://www.ateliergordon.com/" />

<script type="text/javascript">var MODX_MEDIA_PATH = "media";</script>
</head>

<body>

<div id="wrapper">
<div id="container">

	<div id="topHeader">
		<a href="/index.php" target="_self" title="Retour à la page d'Accueil"><div id="headerHomeLink">&nbsp;</div></a>
		<div id="searchBar">
		
		<form action="resultats-de-votre-recherche.html" method="post">
			<label for="ajaxSearch_input">
				<input id="ajaxSearch_input" type="text" name="search" value="Rechercher ..." onfocus="this.value=(this.value=='Rechercher ...')? '' : this.value ;" />
			</label>
			<label for="ajaxSearch_submit">
				<input id="ajaxSearch_submit" type="submit" name="sub" value="Ok" />
			</label>
		</form>
		
		<p class="ajaxSearch_intro" id="ajaxSearch_intro">Veuillez saisir un terme &agrave; rechercher avant de lancer la recherche.</p>
		</div>
	</div>
	<div id="imgHeader">
<ul id="imgHeaderMenu"><li class="imgHeaderMenuItem"><a href="gordon.html" title="Thomas Gordon ?" target="_self">Gordon ?</a><li class="imgHeaderMenuItemSep"><li class="imgHeaderMenuItem"><a href="nos-ateliers.html" title="Nos ateliers Gordon" target="_self">Nos ateliers</a><li class="imgHeaderMenuItemSep"><li class="imgHeaderMenuItem"><a href="quand-et-ou.html" title="Quand et Où ?" target="_self">Quand et Où ?</a><li class="imgHeaderMenuItemSep"><li class="imgHeaderMenuItem"><a href="news.html" title="News" target="_self">News</a><li class="imgHeaderMenuItemSep"><li class="imgHeaderMenuItem"><a href="vos-temoignages.html" title="Vos témoignages" target="_self">Vos témoignages</a><li class="imgHeaderMenuItemSep"><li class="imgHeaderMenuItem"><a href="qui-sommes-nous.html" title="Qui sommes-nous ?" target="_self">Qui sommes-nous ?</a></ul>
	</div>

	<div id="contentZone">

		<div id="pageContent">
			<div id="pageContentTrack">Vous&nbsp;&ecirc;tes&nbsp;ici&nbsp;:&nbsp;<span class="B_crumbBox"><span class="B_firstCrumb"><a class="B_homeCrumb" href="home.html" title="Accueil">Accueil</a></span> &raquo; <span class="B_lastCrumb"><span class="B_currentCrumb">main.css</span></span></span></div>
			<div id="pageContentTitle">main.css</div>
			<div id="pageContentChapo"></div>
			<div id="pageContentText">html {
	z-index: 1;
}

body {
	background-color: #dddddd;
	color: #000000;
	font-size: 12pt;
	font-family: "trebuchet MS",sans-serif,arial; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

div {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	/* IE only compliant */
	scrollbar-base-color: #999999;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #993399;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #cccccc;   
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #dddddd;
}

form {
	margin: 0;
	padding: 0;
	border: none;	
}

h1 {
	color: #993399;
	font-size: 13pt;
	margin: 0;
	padding: 0;
	display: none;
}

h2 {
	margin: 0;
	padding: 0;
	color: #4B1E00;
	font-size: 12pt;
	font-weight: bold;
}

h3 {	z-index: 999;
	margin: 0;
	padding: 0;
	color: #FE6523;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 8px;
}

p {
	margin: 0;
	padding: 0;
	border: none;	
	font-size: 10pt;
	font-weight: normal;
}

img {
	margin: 0;
	padding: 0;
	border: none;	
}

a:link { color: #933D26; text-decoration: none; }
a:hover { color: #EE8029; text-decoration: underline; }
a:active { color: #EE8029; text-decoration: underline; }
a:visited { color: #999999; text-decoration: none; }

li {
	list-style-type: square; 
	/* color: #EE8029; */
	/* color: #000000; */
}

p { 
	margin-bottom: 10px;
}

#container {
	background-color: #ffffff;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 780px;
	text-align: center;
}

#topHeader {
	background-color: #FF8D1D;
	background-image: url('/img/bandeau_logo.jpg');
	margin: 0;
	padding: 0;
	width: 780px;
	height: 80px;
}

#headerHomeLink {
	width: 350px;
	height: 75px;
	float: left;
}

#searchBar {
	padding-top: 14px;
	padding-left: 610px;
}

#searchBarInput {
	width: 130px;
	background-color: #ffffff;
	color: #EE8029;
}

#searchBarNew {
	padding-top:14px;
	padding-left: 630px;
}

#searchNew {
	margin: 0;
	padding: 0;
	top: 0px;
}

#searchNewButton {
	margin: 0;
	padding: 0;
	width: 140px;
	background-color: #ffffff;
	color: #EE8029;
}

/* id of the input box on the form */
#ajaxSearch_input {
	width: 120px;
	background-color: #ffffff;
} 

/* id of the submit button */
#ajaxSearch_submit {
	width: 30px;
	background-color: #ffffff;
	color: #EE8029;
} 

#ajaxSearch_intro {
	display: none;
}

.ajaxSearch_resultLink {
	font-weight: bold;	
}

#imgHeader {
	background-color: #FDE8CD;
	background-image: url('/img/bandeau_illustration.jpg');
	margin: 0;
	padding: 0;
	padding-top: 3px;
	width: 780px;
	height: 167px;
}

#imgHeaderMenu {
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	xxxpadding-left: 5px;
	color: #6C4423;
	font-size: 10pt;
	font-weight: bold;
}

.imgHeaderMenuItem {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style-type: none;	
	margin-left: 8px;
	margin-right: 8px;
}

.imgHeaderMenuItemSep {
	width: 8px;
	height: 14px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style-type: none;	
	background-image: url('/img/menuSquare.jpg');
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

.imgHeaderMenuItem a {
	display: block;
}

.imgHeaderMenuItem a:link { color: #6C4423; text-decoration: none; }
.imgHeaderMenuItem a:hover { color: #6C4423; text-decoration: none; border-bottom: solid 4px #B7EF11;  }
.imgHeaderMenuItem a:active { color: #6C4423; text-decoration: none; border-bottom: solid 4px #B7EF11; }
.imgHeaderMenuItem a:visited { color: #6C4423; text-decoration: none; }

#contentZone {
	background-color: #ffffff;
}

#contentCol1 {
	background-color: #ffffff;
	float: left;
	width: 285px;
	height: 300px;
	padding-bottom: 20px;
	min-height: 400px;
}

.homeNews1 {
	background-image: url('/img/onglet_alaune.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	padding-left: 35px;
	padding-right: 10px;
	margin-bottom: 20px;
	min-height: 185px;
}

.homeNews2 {
	background-image: url('/img/onglet_news_orange.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	padding-left: 35px;
	padding-right: 10px;
	margin-bottom: 20px;
	min-height: 150px;
}

.homeNews3 {
	background-image: url('/img/onglet_news_violet.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	padding-left: 35px;
	padding-right: 10px;
	margin-bottom: 20px;
	min-height: 150px;
}

#contentCol2 {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width: 285px;
	min-height: 300px;
}

#contentCol3 {
	float: left;
	width: 210px;
	min-height: 300px;
}

#pageContent {
	background-color: #ffffff;
	float: left;
	width: 540px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;
	min-height: 300px;
}

#pageContentTrack {
	font-size: 9pt;
	margin-top: 8px;
	margin-bottom: 10px;
	color: #999999;
}

#pageContentTitle {
	color: #933D26;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: solid 2px #FBD09B;
}

#pageContentChapo {
}

#pageContentText {
	font-size: 10pt;
	margin-top: 8px;
	min-height: 300px;
}

#homeZoneMenuTop {
	height: 16px;
	width: 205px;
	background-image: url('/img/marron_top.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size : 1px;
}

#homeZoneMenu {
	width: 205px;
	margin: 0;
	padding: 0;
}

#homeZoneMenuContent {
	/* width: 183px; */
	width: 185px;
	background-color: #933D26;
	color: #EE8029;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

#homeZoneMenuContentTitle {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	margin-bottom: 8px;
	font-size: 10pt;
	line-height: 92%;
	font-weight: bold;	
}

#homeZoneMenuList {
	color: #ffffff;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

.homeZoneMenuListItem {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	line-height: 95%;
	padding-bottom: 6px;
}

.homeZoneMenuListItem a:link { color: #ffffff; text-decoration: none; }
.homeZoneMenuListItem a:hover { color: #ffffff; text-decoration: underline; }
.homeZoneMenuListItem a:active { color: #ffffff; text-decoration: underline;  }
.homeZoneMenuListItem a:visited { color: #ffffff; text-decoration: none; }

#homeZoneMenuBottom {
	clear: both;
	margin: 0;
	padding: 0;
	height: 16px;
	width: 205px;
	background-image: url('/img/marron_bottom.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	font-size : 1px;
}

#homeZoneOrangeTop {
	height: 16px;
	width: 205px;
	margin: 0;
	padding: 0;
	background-image: url('/img/orange_top.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	font-size : 1px;
}

#homeZoneOrange {
	width: 205px;
	margin: 0;
	padding: 0;
	background-color: #EE8029;
}

#menuOrange {
	width: 185px;
	background-color: #EE8029;
	margin: 0;
	padding: 0;
}

.menuOrangeItem {
	margin: 0;
	padding: 0;
	padding-left: 27px;
	padding-bottom: 6px;
	list-style-type: none;
	background-image: url(/img/puceMenuOrange.jpg);
	background-repeat: no-repeat;
	background-position: 1em .1em;
	line-height: 90%;
	font-weight: bold;
	font-size: 10pt;	
}

.menuOrangeItem a:link { color: #ffffff; text-decoration: none; }
.menuOrangeItem a:hover { color: #ffffff; text-decoration: underline; }
.menuOrangeItem a:active { color: #ffffff; text-decoration: underline;  }
.menuOrangeItem a:visited { color: #ffffff; text-decoration: none; }

#homeZoneOrangeBottom {
	height: 16px;
	width: 205px;
	margin: 0;
	padding: 0;
	background-image: url('/img/orange_bottom.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	font-size : 1px;
}

#homeZoneGrenatTop {
	margin: 0;
	padding: 0;
	height: 16px;
	width: 205px;
	background-image: url('/img/marron_top.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	font-size : 1px;
}

#homeZoneGrenat {
	margin: 0;
	padding: 0;
	width: 210px;
	text-align: left;
}

#homeZoneGrenatContentTitle {	
	margin: 0;
	padding: 0;
	width: 179px;
	background-color: #933D26;
	color: #EE8029;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 8px;
	line-height: 10pt;
	font-size: 10pt;
	font-weight: bold;	
}

#homeZoneGrenatContent {
	width: 179px;
	background-color: #933D26;
	color : #ffffff;
	margin: 0;
	padding: 0;
	margin-right:4px;
	padding-left: 13px;
	padding-right: 13px;
	font-size: 9pt;
	line-height: 100%;
}

#homeZoneGrenatContent p { 
	font-size: 9pt;
	margin: 0;
	padding: 0;

}

#homeZoneGrenatBottom {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	height: 16px;
	width: 205px;
	background-image: url('/img/marron_bottom.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	font-size : 1px;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 9pt;
	background-color: #ffffff;
	border-top: solid 2px #FF8D1D;
	padding-top: 5px;
	padding-bottom: 10px;
}

#footer a:link { color: #666666; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: underline; }
#footer a:active { color: #666666; text-decoration: underline;  }
#footer a:visited { color: #666666; text-decoration: none; }
	</div>				
		</div>

		<div id="contentCol3">

			<div id="homeZoneMenuTop"></div>
			<div id="homeZoneMenu">
			<div id="homeZoneMenuContent">
					<div id="homeZoneMenuContentTitle">A Voir également :</div>
					<ul id="homeZoneMenuList">
<li class="homeZoneMenuListItem"><a href="home.html">Accueil</a>
<li class="homeZoneMenuListItem"><a href="gordon.html">Thomas Gordon </a>
<li class="homeZoneMenuListItem"><a href="nos-ateliers.html">Nos ateliers Gordon</a>
<li class="homeZoneMenuListItem"><a href="quand-et-ou.html">Quand et Où ?</a>
<li class="homeZoneMenuListItem"><a href="news.html">News</a>
<li class="homeZoneMenuListItem"><a href="vos-temoignages.html">Vos récents témoignages</a>
<li class="homeZoneMenuListItem"><a href="qui-sommes-nous.html">Qui sommes-nous ?</a>
<li class="homeZoneMenuListItem"><a href="divers.html">Divers</a>
					</ul>	
				</div>
			</div>
			<div id="homeZoneMenuBottom"></div>



			<div id="homeZoneOrangeTop">&nbsp;</div>
			<div id="homeZoneOrange">
				<ul id="menuOrange">
					<li class="menuOrangeItem"><a href="faq.html" title="" target="_self">Questions fréquentes</a>	
					<li class="menuOrangeItem"><a href="renseignements.html" title="" target="_self">Demande<br />de renseignements</a>
					<li class="menuOrangeItem"><a href="newsletter.html" title="" target="_self">Newsletter</a>
					<li class="menuOrangeItem"><a href="presse.html" title="" target="_self">Presse</a>
				</ul>
			</div>	
			<div id="homeZoneOrangeBottom">&nbsp;</div>



	</div>

	<div id="footer">
		<a href="plan-du-site.html" title="Plan du site" target="_self">Plan&nbsp;du&nbsp;site</a>&nbsp;-&nbsp;
		<a href="mentions-legales.html" title="Mentions légales" target="_self">Mentions&nbsp;légales</a>&nbsp;-&nbsp;
		<a href="renseignements.html" title="Renseignements" target="_self">Renseignements</a>&nbsp;-&nbsp;
		<a href="newsletter.html" title="Newsletter" target="_self">Newsletter</a>&nbsp;-&nbsp;
		<a href="presse.html" title="Presse" target="_self">Presse</a>&nbsp;-&nbsp;
		<a href="contact.html" title="Contact" target="_self">Contact</a>
	</div>

</div>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-16219187-3");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>

</html>