/* general */
*{margin:0; padding:0;}
html{font-size:62.5%;}
body{text-align:center; font:1.1em Verdana, Arial, Helvetica, sans-serif; color:#666; line-height:1.6em;}
h2{font-size:1.2em;}
h2, h3{margin:0 0 10px 0; color:#333;}

/* Liens */
a img {border:0;}
a:link,a:visited{color:#900; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
a:active{text-decoration:none;}

/* Layout accueil */
#conteneur{width:675px; margin:0 auto; text-align:left;}
#logo{margin:20px 0 0 30px;}
#bandeau{width:675px; height:185px; background:url(../teaser_img/bandeau.jpg) no-repeat;}
#bandeau h1{padding:40px 20px 0 300px; font-size:2em; color:#fff; font-weight:normal; line-height:1.2em;}
#highlight{float:right; width:243px; height:136px; background:url(../teaser_img/cdr_contact.jpg) no-repeat;}
#highlight a{display:block;font-size:1.2em; color:#ffebb1;}
#highlight a.top{margin:30px 0 0 60px;}
#highlight a.bottom{margin:38px 0 0 60px;}
#intro{padding:14px 14px 40px 14px;}
#intro h2{background:url(../teaser_img/puce.png) no-repeat; background-position:0 1px; padding:0 0 0 25px;}

.limit_h{height:170px;}
.cl{display:inline; float:left; margin:0 0 0 14px; width:315px;}
.cr{float:right; margin:0 14px 0 0; width:315px;}
.cl h2,.cr h2{background:url(../teaser_img/puce.png) no-repeat; background-position:0 1px; padding:0 0 0 25px;}
.cr ul{list-style:none;}
.cr ul li{background:url(../teaser_img/tiret.png) no-repeat; background-position:0 4px; padding:0 0 0 15px;}

#screenshots{clear:both; padding:30px 0 0 0;}
#screenshots h2{background:url(../teaser_img/puce.png) no-repeat; margin:0 14px 10px 14px; background-position:0 1px; padding:0 0 0 25px;}
.cl h3, .cr h3{float:left; font-size:1.0em; margin:0;}
.cl a, .cr a{float:left; margin:3px 0 0 10px; color:#666;}
.cl a:hover, .cr a:hover{background:#017fff;}
.cl p, .cr p{clear:both; height:60px;}

#footer{clear:both; width:675px; height:75px; background:url(../teaser_img/footer.jpg) no-repeat; padding:18px; text-align:center; color:#999;}
#footer a{color:#fff;}





/* Clearfix */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */