/* CreaSites V3 feuille de style principale */



/* Layout */

html {background: #e8dffa url(img/bgtop.jpg) repeat-x top;}

body {font:100%/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}

#main {
	margin-bottom: 2em;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

#titre {
	height: 148px;
	background: url(img/titre.jpg) no-repeat center 20px;
}

div.contact, div.creation, div.formulaire, h2, dl {
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px;
}

h2.sur-mesure {
	width:340px;
}

h2.sites-faciles {
	width:280px;
	padding-left:300px;
}

.footer {
	overflow: hidden;
	text-align: center;
	padding-top: 1.3em;
	padding-bottom: 1em;
	position: relative;
	background: #fff url(img/bgfooter.jpg) repeat-x top;
}

.creation p.articles, .contact ul, .formulaire fieldset {margin-bottom: 3em;}
.creation ul, .creation p {margin-bottom: 1em;}
.contact p, .formulaire p {margin-bottom: 0.2em;}
.contact img, .creation img {margin-bottom: 20px;}

.formulaire p.formresult {color: #fb432e;}

a {color: #560b01;font-weight: bold;}
a:hover {color: #99443b; text-decoration: none;}
a:focus {outline:1px dotted invert}
.projets a {color:#fff;font-weight: normal;}
.projets a:hover {color: #e8dffa;text-decoration: none;}

h1 {font-size:1.6em}
h2 {font-size:1.2em; padding-top:1.5em;color:#475db2;font-weight: normal;}
h3 {font-size:1.4em}
h4 {font-size:1.2em}
h5 {font-size:1em}
h6 {font-size:0.5em}
ol {list-style:decimal}
ul {list-style: none;}
li {margin-left: 0;}

h1 {text-indent: -5000px; font-size: 1px; line-height: 1px; text-decoration: none;}
.cache {text-indent: -5000px; font-size: 0px; line-height: 1px; text-decoration: none;}
h1,h2 {font-weight: normal;}

.creation ul.articles li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.creation ul.articles li a {
	font-weight: normal;
}

div.creation, div.contact {padding-top: 5em;}
div.formulaire {padding-top: 5.7em;}

div.projets {padding-top: 3em;text-align:center;}
.projets dl {width:220px;}
div.contact {width:280px;padding-right:60px;}
div.formulaire {width:220px;}
div.creation {width:280px;padding-left:60px;}

.heightfixe {min-height: 200px;height: auto !important;height: 250px;}


.footer p {text-align: center;}

/* Formulaire */

form {
	width: 220px;
	height: 336px;
	padding-top: 10px;
	padding-left : 9px;
	background: url(img/fieldset.jpg) no-repeat left top;
}

#corpForm input, #corpForm textarea{/*** Mise en forme des cadres internes ***/
	border: none;
	/*margin-left: 15px;*/
	font: 1em "Trebuchet MS" sans-serif;
}
#corpForm input {
	width: 201px;
	height: 33px;
	background: url(img/input.jpg) no-repeat left top;
}

#corpForm textarea {
	width: 201px;
	height: 89px;
	background: url(img/textarea.jpg) no-repeat left top;
}

#piedForm input {
	background: url(img/envoyer.jpg) no-repeat 0 0;
	border: none;
	/*margin-left: 15px;*/
	margin-top: 1em;
	cursor: pointer;
	width: 199px;
	height: 31px;
}
#piedForm input:hover {
	border: none;
	background: url(img/envoyer.jpg) no-repeat 0 -31px;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
* .clearfix {display:block}