/*************************************************************************************
 *
 * @site	nom du site
 * @note	compresseur de code css : http://www.cleancss.com/
 *
 * collection de polices : http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html
 *
 * Polices à empattements (serif)
 * font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
 * font-family: Georgia, "DejaVu Serif", Norasi, serif;
 *
 * Polices sans empattements (sans-serif)
 * font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; 
 * font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 * font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; 
 * font-family: Tahoma, Geneva, Kalimati, sans-serif; 
 * font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
 * font-family: Impact, "Arial Black", sans-serif;
 *
 * Polices à chasse fixe (monospace)
 * font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace; 
 * font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
 *
 *
 *
 *************************************************************************************/
body {
	background:#fff;
	color:#000;
	font:11px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
}

a { text-decoration:none }

input { font:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif }

input, label, select { vertical-align:middle }

input[type=radio] { 
	margin:0; /*FF*/
	padding:0; /*IE*/
}

.suffix1 { padding-right:27px }

.prefix1 { margin-left:XXpx }

.prepend-top { margin-top:XXem }

.append-bottom { margin-bottom:XXem }

.grid1
{ float:left }

.grid1 { width:326px}

.wrapper { overflow:hidden }

body {
	margin:0 auto;
	width:980px;
}

td { vertical-align:top }

/*************************************************************************************
 *
 * header
 *
 *************************************************************************************/
#header {
	overflow:hidden;
	position:relative;
	z-index:100;
}

#header h1 { float:left }

#main-menu {
	border-top:6px solid #333;
	float:left;
	margin:0 0 0 76px;
	padding:22px 0 0;
}

#main-menu img { display:block }

#main-menu li {
	float:left;
	margin:0 0 0 17px;
}

#main-menu li:first-child { margin:0 }

#main-menu a {
	background:transparent url(../images/menu/picto-fleche.png) no-repeat -9999px bottom;
	display:block;
	height:34px;
	overflow:hidden;
}

#main-menu .active a,
#main-menu a:hover
{ background-position:center bottom }

#main-menu .active img,
#main-menu a:hover img 
{ margin-top:-34px }

/*************************************************************************************
 *
 * home page
 *
 *************************************************************************************/
.illustration-home { 
	clear:left;
	height:537px;
	margin:-7px 0 0;
	position:relative;
	width:980px;
}

.illustration-home img {
	/*left:0;
	position:absolute;
	top:0;*/
}

.about-illustration {
	background:transparent url(../images/commun/bg-legend-home.png) repeat 0 0;
	height:537px;
	overflow:hidden;
	padding:0 30px 0 15px;
	position:absolute;
	right:0;
	top:0;
	width:251px;
}

.about-illustration a {
	color:#fff;
	text-decoration:none;
}

.about-illustration h3 {
	color:#FF9B00;
	margin-top:8px;
}

.defilant p {
	color:#ff9c00;
	float:left;
	font-weight:bold;
	line-height:25px;
	padding:0 17px 0 28px;
}

.defilant p span {color:#ff9c00 }

.list-type1 {
	float:right;
	line-height:25px;
}

.list-type1 li {
	float:left;
	margin:0 0 0 6px;
}

.news-home { clear:both }

.news-home h2 {
	background:#ededed;
	font-size:12px;
	line-height:32px;
	margin:0 0 13px;
	padding:0 30px 0 26px;
}

.content-news {
	color:#930;
	line-height:16px;
	padding:0 22px 0 26px;
}

.content-news h3 {
	font-size:12px;
	margin:0 0 7px;
}

.content-news a { color:#930 }

.content-news a:hover { color:#f90 }

.form-type1 { margin:15px 0 0 }

.form-type1 input[type=text] {	
	background:transparent url(../images/commun/bg-input-email.png) no-repeat 0 0;
	border:none;
	color:#930;
	font-size:11px;
	height:24px;
	line-height:24px;
	padding:0 0 0 8px;
	width:224px;
}

/*************************************************************************************
 *
 * spectacles
 *
 *************************************************************************************/
 
#spectacles {
}

#spectacles h2 {
font-size:14px;
color:#993300;
padding:0px 0px 10px 0px;
margin:0;
}
#spectacles .image {
padding-bottom : 10px;
}
#spectacles .video {
padding-bottom : 10px;
}
#spectacles .texte {
padding-bottom : 40px;
}

/*************************************************************************************
 *
 * footer
 *
 *************************************************************************************/
#footer {
	background:#ff9c00;
	color:#fff;
	margin:32px 0 0;
	padding:16px 0 24px 30px;
}

#footer a {
	color:#fff;
}

#footer-menu { margin:28px 0 0 }

#footer-menu li {
	border-left:1px solid #fff;
	display:inline;
	padding:0 0 0 11px;
}

#footer-menu li:first-child { 
	border:none;
	padding:0;
}

#footer-menu a { padding:0 11px 0 0 }

#footer-menu a:hover { text-decoration:underline }

.lang-selector {
	float:right;
	margin:-16px 33px 0 0;
}

.lang-selector a {
	background:transparent url(../images/commun/bg-lang-selector.png) no-repeat 0 0;
	float:left;
	margin:0 2px 0 0;
	padding:2px 5px 4px;
}

.lang-selector img { display:block }

.lang-selector .active,
.lang-selector a:hover 
{ background-position:0 -17px }