/* ----- ELEMENTS DE DEPARD ----- */

body {
	margin: 0;
	border: 0;
	background: url('../../images/bg.jpg') top center no-repeat;
}

#conteneur {
	width: 980px;
	padding: 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #ccc url('../../images/bg.jpg') top center no-repeat;
	height: 800px;
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

a {
 color: #444;
 font-weight: bold;
 text-decoration: none;	
}

a:hover {
 color: #000;
 font-weight: bold;
 text-decoration: underline;	
}

#texte input[type="text"],#texte input[type="password"]{
 border: 1px solid #888;
 background: #eee;
 color: #000;
}
#texte input[type="submit"],#texte input[type="submit"], #texte input[type="button"] {
 border: 1px solid #777;
 background: #ddd;
 color: #000;
}

#texte h2, #texte h1 {
 font-size: 14px;
 font-weight: bold;
 display: block;
 padding: 2px 2px 2px 0;
 color: #444;
 margin: 10px 0px 5px 0px;	
 border-bottom: 1px solid #CBD8CD;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

.center {
 display: block;
 text-align: center;	
}

/* ----- CONTENEURS ----- */

#gauche {
 display: block;
 height: 800px;
 width: 804px;
}

#page {
 width: 570px;
 height: 570px;
 margin: 28px 0 0 35px;	
 overflow: hidden;
}

#texte {
 overflow: auto;
 overflow-x: hidden;
 height: 390px;
 width: 550px;
}

#nav {
 padding-left: 60px;	
}

#ekinoxe {
 display: block;
 position: absolute;	
 margin: 656px 0 0 891px;
}

div#flash_infos {
 background: url('../../images/actu.jpg') center top no-repeat;	
 padding: 48px 15px 0 15px;
 height: 87px;
}

marquee#flash_infos {
 height: 70px;	
 width: 520px;
 font-size: 11px;
}

#newsletter {
 display: block;
 background: url('../../images/newsletter.jpg') top left no-repeat;	
 padding: 0 0 0 108px;
 height: 22px;
 margin-top: 5px;
}
#newsletter input[type="text"] {
 width: 140px;
 font-size: 11px;
 border: 0;
 background: transparent;
 color: #eee;
 font-style: italic;
 vertical-align: middle;
} 
#newsletter input[type="submit"] {
 width: 50px;
 height: 25px;
 border: 0;
 background: transparent;
 color: #fff;
 font-size: 0px;
 vertical-align: middle;
}

#topnav {
 display: block;
 position: absolute;
 margin: 15px 0 0 798px;
}

#topnav ul {
 list-style: none;	
}
#topnav ul li {
 float: left;	
 margin: 0 5px 0 0;
} 

/* ----- NAVIGATION ----- */

#nav ul {
 list-style: none;
 margin: 0;
 padding: 0;	
}

#nav ul li {
 float: left;	
 margin: 0 10px;
}

#nav ul li span {
 visibility: hidden;
}

#nav ul li a {
 display: block;	
 text-decoration: none;
}

#nav ul li#presentation a {
 display: block;
 width: 105px;
 background: url('../../images/nav-presentation.gif') top left no-repeat;	
}

#nav ul li#realisations a {
 display: block;
 width: 101px;
 background: url('../../images/nav-realisations.gif') top left no-repeat;	
}

#nav ul li#references a {
 display: block;
 width: 90px;
 background: url('../../images/nav-references.gif') top left no-repeat;	
}

#nav ul li#pao a {
 display: block;
 width: 33px;
 background: url('../../images/nav-pao.gif') top left no-repeat;	
}

#nav ul li#services a {
 display: block;
 width: 70px;
 background: url('../../images/nav-services.gif') top left no-repeat;	
}

#nav ul li a:hover {
 border-bottom: 3px solid #7B0D0C;
}
#nav ul li#presentation a:hover {
 background: url('../../images/nav-presentation-hover.gif') top left no-repeat;	
}
#nav ul li#realisations a:hover {
 background: url('../../images/nav-realisations-hover.gif') top left no-repeat;	
}
#nav ul li#references a:hover {
 background: url('../../images/nav-references-hover.gif') top left no-repeat;	
}
#nav ul li#pao a:hover {
 background: url('../../images/nav-pao-hover.gif') top left no-repeat;	
}
#nav ul li#services a:hover {
 background: url('../../images/nav-services-hover.gif') top left no-repeat;	
}

/* ----- ANIMATIONS ----- */

#anim2 {
 display: block;
 position: absolute;
 margin: 35px 0 0 608px;
}

/* ----- INTRO ----- */

#bienvenue {
 font-size: 11px;
 color: #000;
 padding: 0 0 8px 0;
}

#bienvenue h3 {
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 2px 0;
}

a.galerie {
 display: block;
 float: left;
 width: 137px;
 height: 80px;
 margin: 0 0 5px 0;
 text-align: center;

}

img.galerie {
 height: 80px;
 width: 120px;
}