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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: url(images/pattern.jpg) 0 0 repeat-x;
	font-family: Verdana;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#container {width: 960px;margin:0 auto;overflow: hidden}
#header {width: 960px;height: 191px;background: url(images/design_01.jpg) 0 0 no-repeat;position: relative}
#header h1 {font-size: 18px;font-weight: normal;width:730px;text-align: justify;line-height:17pt;position:absolute;top:55px;right:0px;}
#header .black {background: black;color: white;padding:2px 4px}
#header .blue {color: #2eaadc;padding:2px 4px}
#navigation {width: 960px;height:38px;}

.ticker ul {overflow: hidden;}
.ticker ul li {color: #2eaadc;padding:5px 0}
.ticker a {text-decoration: none;color: #2eaadc;font-size: 16px;font-weight: normal}
.ticker a span {color:black;font-weight: 500;padding:  5px;}

#carousel {height: 200px;width: 900px;margin: 10px 0 30px 15px;}

#content {width: 960px;margin-top: 20px}
#content #left {width:365px;float: left;margin: 0 0 0 15px;padding-top: 20px}
#content #right {width:518px;float: right;margin: 0 15px 0 0;padding-top: 20px}
#content h1 {background:  #2eaadc;color:white;font-variant: small-caps;font-weight: 900;padding:5px 5px;margin-bottom: 5px}

#left ul {list-style-type: none;margin:15px 0 10px 70px;clear:both;float:none;overflow: hidden}
#left ul li {height:70px;width:70px;float:left;display:block;margin:0px 3px;}
#left ul li a {height:70px;width:70px;display: block}
#left ul li a.fb{background: url(images/facebook2.png) 0 0 no-repeat}
#left ul li a.in{background: url(images/linkedin2.png) 0 0 no-repeat}
#left ul li a.tw{background: url(images/tweet2.png) 0 0 no-repeat}

#left ul li:last-child {clear: right}

tr {height:30px}
tr input {height:20px}
.legende {width: 355px;color: gray;padding:5px}
.champ {width: 365px;}
.champ input {width: 360px;}
textarea {width:365px;height:200px}
input[type=submit] {width:350px;margin:20px 0 0 10px;font-size: 120%;font-weight: 900}

#footer {width: 960px;margin:20px 0;height:50px;border-top: #2eaadc solid 1px ;float: none;clear: both}
#footer h3 {color:gray;font-size: 12px;text-align: center;margin-top: 10px}
#footer h3 a {text-decoration: none;color:#2eaadc}
#rea {width: 520px;margin: 0 auto}
.folio-line {
	width:520px;height:180px;padding:5px 0;margin:0 0 30px 0;text-align:right;
}
.folio-line a {
cursor:pointer;
}
.folio-titre {
	width:500px;height:15px;float:right;font-weight:bold;margin:0 0 5px 0;font-size:70%;color:gray;
}
.folio-grand {
height:152px;width:360px;background:#666666;margin:0 0 0 0;float:left;border-right:#000000 solid 3px;

}
.folio-details {
width:500px;margin:0 0 20px 0;font-weight:bold;font-size:1.3em;padding-left:0px;
}
.folio-line img {
margin:0;
padding:0;
border:#000000 solid 1px;
float:left;

}
.imgfolio2 {
float:left;margin:0 10px 10px 0;border: 1px solid gray;
}
.folio-details {font-size: 14px;font-weight: 900;}