/* RESET.CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;	font-size: 100%;font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }

.left { float:left;	display:inline; }
.right { float:right; display:inline; }
.center { text-align: center; }

strong, b, strong *, b * { font-weight: bold !important; }

body{ background:#ffffff url(../img/clairastral-bg.jpg) repeat-x top left; min-height:800px; position:relative; font: 1em "Lucida Grande", Arial, "Bitstream Vera Sans", sans-serif; line-height:1em; color:#303030; }
body div#wrapper { margin: 0px auto; width: 1024px;  }

/* Header */
#header { background:#ffffff url(../img/clairastral-header-bg.jpg) no-repeat top left; width:1024px; height:388px; margin:0; }
#menu { position: relative; margin:0; padding: 337px 0 0 100px; width:824px; text-align:center;}
#menu li {
display: inline;
list-style-type: none;
padding-right: 20px;
}
#menu a {
color:#ffffff;
text-decoration: none;
}
#menu a:hover {
color:#a0b3e1;
text-decoration: none;
}

/* Contenu */
#contenu { width:1024px; margin-bottom:20px; }
#contenumargegauche { position:relative; float:left; width:114px; }
#contenugauche{ position:relative; float:left; width:390px; }
#contenucolonne{ position:relative; float:left; width:5px; }
#contenudroite { position:relative; float:left; width:436px; }

/* Home */
#intro{ position:relative; font-size:0.85em; line-height:1.5em; }
#intro p{ margin:0 0 8px 0; padding:0; clear:both;}
.introleft { float:left; display:inline; margin:0; padding: 0 10px 0 0; }

#formulaire {
background:#ffffff url(../img/clairastral-form-bg.gif) no-repeat top left;
margin:0;
padding:116px 0 0 20px;
font-size:0.8em;
height:720px;

}
.textInput
{
border: 1px solid #ffffff;
background: #ffffff;
color: #000000;
font-size: 1em;
margin: 3px 0 3px 2px;
padding: 3px 0 3px 0;
}
#formulaire p{
margin: 0 0 8px 0;
}
.envoyerbt {
margin: 5px 0 0 80px;
padding: 0;
}
#formulaire a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
}
#formulairebottom {
margin:0;
padding:0;
width:438px;
height:57px;
}

/* Footer */
#footer { clear: both; text-align:center; display:block; position:relative; width:100%; height:50px; margin:0px auto; font-size:0.6em; line-height:1em; }
#footer a{ color:#303030; text-decoration:none; }
#footer a:hover { color:#264995; }

#cgv { position:relative; float:left; width:780px; }
#cgv p{ font-size: 0.8em; line-height: 1.4em; text-align: justify; }
#cgv h2{ color: #5f73d4; font-size: 1.5em; line-height: 2em; text-align: center; padding: 0 0 14px 0; }

#al { position:relative; float:left; width:780px; }
#al p{ font-size: 0.8em; line-height: 1.4em; text-align: center; }
#al h2{ color: #5f73d4; font-size: 1.5em; line-height: 2em; text-align: center; padding: 0 0 14px 0; }
#al a{ color: #5f73d4; text-decoration: none; }
#al a:hover{ color: #5f73d4; text-decoration: underline; }

#liens{ position:relative; float:left; width:390px; text-align:center;}
#liens p{ font-size: 0.8em; line-height: 1.4em; padding:0 0 10px 0; }
#liens h2{ color: #5f73d4; font-size: 1.5em; line-height: 2em; text-align: center; padding: 0 0 14px 0; }
#liens a{ color: #5f73d4; text-decoration: none; }
#liens a:hover{ color: #5f73d4; text-decoration: underline; }

#inline1, #inline2{
    overflow: auto;
	width: 800px;
	background-color: #f7f4f8;
	padding:12px;
}
#inline3{
    overflow: auto;
	width: 800px;
	height: 600px;
	background-color: #f7f4f8;
	padding:12px;
}
#inline1 p, #inline2 p, #inline3 p{
	color:#303030;
	text-align:justify;
	font-size:13px;
	line-height:17px;
	padding:0 0 6px 0;
}
#inline1 h2, #inline2 h2, #inline3 h2{
	color:#303030;
	font-weight:normal;
	font-style:normal;
	font-size:20px;
	padding:6px 0 16px 0;
}