* {
	margin : 0;
	padding : 0
}

body {
	font : 12px/18px Arial;
	color : #555;
	text-align : center;
	background-image : url(../../images/fond_repete.png);
}


#global {
	width : 860px;
	margin : 20px auto;
	text-align : left;
}

/**** MENU *****/
#menu #element_menu {
	position : absolute;
	list-style : none;
	margin : -89px 0 0 15px
}

#menu #element_menu li {
	float : left;
	margin : 0 5px;
}

#menu #element_menu #sous_menu{
	display : none;
}

#menu #element_menu  ul {
	background : url(../../images/fond_menu_element.png) repeat-y;
	padding : 10px;
	margin-top : 56px;
	width : 118px;
	height : 75px;
	position : absolute;
	z-index : 10;
}

#menu #element_menu  ul li {
	display : block;
	float : none;
	list-style : none;
	margin : 2px 5px;
}

#menu #element_menu  ul li a{
	color : #444;
	font-size : 14px;
	font-family : Times;
	font-weight : bold;
	text-decoration : none;
}

#menu #element_menu_accueil {
	position : absolute;
	list-style : none;
	margin : -18px 0 0 744px;
}

#collection, #service, #news, #concept, #contact, #newsletter, #accueil {
	width : 119px;
	height : 56px;
	float : left;
}

#collection {
	background : url(../../images/menu_collection.png);
	margin-bottom : 10px;
}

#collection:hover, #collection.current {
	background : url(../../images/menu_collection_on.png);
}

#service {
	background : url(../../images/menu_service.png);
}

#service:hover, #service.current {
	background : url(../../images/menu_service_on.png);
}

#news {
	background : url(../../images/menu_news.png);
}

#news:hover, #news.current {
	background : url(../../images/menu_news_on.png);
}

#concept {
	background : url(../../images/menu_concept.png);
}

#concept:hover, #concept.current {
	background : url(../../images/menu_concept_on.png);
}

#contact {
	background : url(../../images/menu_contact.png);
	margin-left : 77px;
}

#contact:hover, #contact.current {
	background : url(../../images/menu_contact_on.png);
}

#newsletter {
	background : url(../../images/menu_newsletter.png);
}

#newsletter:hover, #newsletter.current {
	background : url(../../images/menu_newsletter_on.png);
}

#accueil {
	background : url(../../images/menu_accueil.png) no-repeat;
}

#accueil:hover, #accueil.current {
	background : url(../../images/menu_accueil_on.png);
}

/**** IMAGE A GAUCHE ****/
#image_gauche {
	position : absolute;
	width : 278px;
	height : 757px;
	margin-left : -278px;
	top : 0;
}

/**** CONTENU ****/
#contenu {
	float : left;
	width : 850px;
	background : #f6f5ee url(../../images/martien.png) bottom right no-repeat;
	margin : 0 3px 10px;
}

#contenu #logo {
	float : left;
	margin : 10px 20px;
}

#personnage_solaire {
	position : absolute;
	z-index : 0;
	margin : 140px 0 0 -110px;
}

#contenu #personnage_enfant{
	position : absolute;
	margin : 400px 0 0 0;
	background : url(../../images/personnage_enfant.png) bottom left no-repeat;
	width : 556px;
	height : 484px;
	z-index : 5
}

#contenu #personnage_optique {
	position : absolute;
	margin : 106px 0 0 519px;
	z-index : 5;
	height : 708px;
}

#contenu #personnage_concept{
	position : absolute;
	margin : 100px 0 0 453px;
	z-index : 5
}

#contenu #information_accueil {
	float : left;
	margin : 10px 20px;
}

#contenu #information_solaire {
	float : left;
	margin : 10px 20px 0 230px;
}

#contenu #information_enfant {
	float : left;
	margin : 10px 20px 0 20px;
}

#contenu #information_optique {
	float : left;
	margin : 0;
}

#contenu #information_service{
	float : left;
	margin : 10px 20px 0 20px;
	width : 448px;
}

#contenu #information_concept{
	float : left;
	margin : 10px 20px 0 20px;
}

#contenu #information_news{
	float : left;
	margin : 10px 20px 0 20px;
}

#contenu #information_marque{
	float : left;
	margin : 10px 20px 0 153px;
}

/**** ACCUEIL ****/
#listeActualite {
	width : 840px;
	float : left;
	margin-top : 40px;
}

.uneActualite {
	float : left;
	clear : both;
	width : 100%;
}

.date {
	position : absolute;
	background : url(../../images/date.png);
	width : 45px;
	height : 41px;
	margin-left : -15px;
	padding : 5px;
}

.mois {
	font-family : Times;
	font-size : 20px;
	float : left;
	clear : left;
}

.annee {
	font-family : Times;
	font-size : 28px;
	float : left;
	clear : left;
}

.contenuActualite {
	float : left;
	width : 500px;
	margin : 0 20px 30px 50px ;
}

.titre {
	font-size : 25px;
	width : 100%;
	float : left;
	font-weight : bold;
	line-height : 25px;
	margin-bottom : 5px;
	text-transform : uppercase;
}

.texte {
	text-align : justify;
	width : 100%;
	float : left;
}

.suite {
	float : right;
}

.suite a{
	color : #555
}

.illustration {
	margin-bottom : 20px;
}

.illustration img, .illustrationEnfant img, .illustrationOptique img{
	padding : 2px;
	border : solid 1px #ccc;
	background : #fff;
}

#pagination {
	float : left;
	margin : 0 0 20px 0;
	width : 550px;
	text-align : right;
}

#pagination ul li {
	display : inline;
	list-style : none;
}

#pagination ul li a {
	color : #555;
	background : #d6cbb7;
	padding : 2px 6px;
	text-decoration : none;
}

#pagination ul li a:hover {
	color : #555;
	background : #c7b697;
	padding : 2px 6px;
}

/**** COLLECTION ****/

#listeCollection, #listeCollectionEnfant, #listeCollectionOptique{
	width : 500px;
	float : left;
	margin-left : 320px;
	margin-top : 40px;
	margin-right : 20px;
	margin-bottom : 20px;
}

#listeCollectionEnfant, #listeCollectionOptique{
	width : 590px;
	float : left;
	margin-left : 20px;
	margin-top : 20px;
	margin-bottom : 20px;
}

#listeCollectionOptique{
	margin-top : -10px;
}

#listeCollectionEnfant {
	margin-top : -30px;
}

.uneCollection, .uneCollectionEnfant, .uneCollectionOptique {
	float : left;
	clear : left;
	width : 100%;
	margin-bottom : 30px;
}

.uneCollectionEnfant, .uneCollectionOptique {
	margin-bottom : 10px;
}

.contenuCollection, .contenuCollectionEnfant, .contenuCollectionOptique{
	float : left;
	width : 310px;
	margin-right : 20px;
}

.contenuCollectionEnfant{
	width : 510px;
}

.contenuCollection .titre, .contenuCollectionEnfant .marque, .contenuCollectionOptique .marque {
	font-size : 25px;
	width : 100%;
	float : left;
	font-weight : bold;
	line-height : 25px;
	margin-bottom : 2px;
	text-transform : uppercase;
}

.contenuCollection .titre {
	margin-bottom : 10px;
}

.contenuCollection .marque a {
	font-size : 18px;
	text-decoration : none;
}

.contenuCollection .marque , .contenuCollectionEnfant .marque, .contenuCollectionOptique .marque{
	text-align : justify;
	width : 100%;
	float : left;
	font-family : Times;
}

.contenuCollectionEnfant .marque {
	text-decoration : none;
}

.contenuCollectionOptique .marque a{
	color : #9f0038;
	text-decoration : none;
}

.contenuCollectionEnfant .marque a{
	color : #990000;
	text-decoration : none;
}

.contenuCollectionEnfant .description, .contenuCollectionOptique .description {

}

.marque a {
	color : #555
}

.illustrationEnfant, .illustrationOptique {
	float : left;
	width : 200px;
	height : 100px;
	margin : 20px 0;
}

#listeIllustrationOptique {
	position : absolute;
	margin : 130px 0 0 20px;
	z-index : 10;
}

.illustrationOptique {
	float : left;
	width : 150px;
	height : 150px;
	margin : 60px 20px 0 0;
}

/**** MARQUE ****/
#listeLunette {
	float: left;
	clear : left;
	width : 710px;
	margin-left : 70px;
	margin-top : 20px;
	margin-bottom : 20px;
}

#listeLunette .uneLunette {
	float : left;
	margin : 0 10px 10px
}

#listeLunette .uneLunette  img{
	border : solid 1px #ccc;
	padding : 2px;
	background : #fff;
}

/**** SERVICES ****/

#texteService, #formContact {
	float: left;
	clear : left;
	width : 400px;
	margin-left : 20px;
	margin-right : 0px;
	margin-top : 20px;
	margin-bottom : 20px;
}

#planContact {
	float : right;
	width : 285px;
	font : 14px/18px Arial;
	color : #7d695a;
	margin-right : 20px;
	margin-bottom : 20px;
	font-weight : bold;
	background : #c7b59c;
	padding : 15px;
}

.zoneContact {
	margin-bottom : 20px;
}

.zoneContact img {
	margin-bottom : 10px;
	clear : left;
	float : left;
}

.zoneContact p {
	clear : left;
	float : left;
	width : 100%;
	margin-top : 10px;
	margin-bottom : 10px;
}

.zoneContact a {
	color : #7d695a
}

.zoneContact.plan {
	text-align : center;
}

.zoneContact .puce {
	float : left;
	display : inline;
}

.zoneContact span {
	float : left;
	margin-top : 13px;
	margin-left : 10px;
}

/***** CONTACT *****/
#formContact p {
	margin-bottom : 10px;
	float : left;
}

#formContact label {
	float : left;
	width : 100px;
}

#formContact .textInputForm {
	width : 200px;
	float : left;
}

#formContact .textareaInputForm {
	width : 280px;
	height : 150px;
}

#formContact #btn_contact {
	float : left;
	margin-left : 100px;
}

.message {
	color : olive;
	font-weight : bold;
	float : left;
	clear :left;
	margin-bottom : 10px;
}

/**** NEWSLETTER *****/
#formNewsletter {
	float: left;
	clear : left;
	width : 400px;
	margin-left : 20px;
	margin-right : 25px;
	margin-top : 20px;
	margin-bottom : 20px;
}

#formNewsletter p {
	margin-bottom : 10px;
	float : left;
}

#formNewsletter label {
	float : left;
	width : 150px;
}

#formNewsletter option{
	padding : 0 5px;
}

#formNewsletter .textInputForm {
	width : 200px;
}

#formNewsletter #btn_newsletter{
	float : left;
	margin-left : 150px;
}

#archiveNewsletter {
	float : left;
	width : 285px;
	font : 14px/18px Arial;
	color : #7d695a;
	font-weight : bold;
	padding : 15px;
	margin : -20px 0 0 40px;
}


#archiveNewsletter #illustration{
	margin : 10px 0 0 40px;
}

/**** CREDIT - MENTION - ... *****/
#texteFull {
	float: left;
	clear : left;
	width : 810px;
	margin-left : 20px;
	margin-right : 95px;
	margin-top : 20px;
	margin-bottom : 20px;
	text-align : justify;
}

#texteFull ul {
	margin-left : 30px;
}

#clear {
	clear : both;
}

/**** FOOTER ****/
#footer {
	text-align : center;
	clear : left;
}

#footer ul {
	margin-top : -20px;
}

#footer ul li{
	list-style : none;
	display : inline;
}

#footer ul li a{
	color : #555;
	padding : 0 10px;
}

#partenaire {
	float : right;
	margin-right : 20px;
}

#nikon {
	width : 35px;
	height : 35px;
	background : url(../../images/logo_nikon_nb.png);
}

a#nikon:hover {
	background : url(../../images/logo_nikon.png);
}