/* CSS Document */
* {font-family:Georgia, "Times New Roman",Times,serif; letter-spacing:0.2px; line-height:17px; color: white; font-size:102%; }

img {border:none;}

a {text-decoration:none; color:#white;}

.strong {font-weight:bold;}

.italic {font-style:italic; font-size:0.9em; text-transform:none;}

body {margin-top: -140px; margin-left: -87px; background:url(head_2.jpg) no-repeat top center #000; font-family:Georgia, "Times New Roman",Times,serif; font-size:0.75em; letter-spacing:0.2px; line-height:17px; color: white; }

#siteauto {width:860px; position:relative; margin:auto; margin-top: 0px;}

#head {margin: 40px; background: -21px; height: 210px; width: 100px;}

#head h1 {position:absolute; top:5%; width:50px; left:25%; height: 100px; font-size:4em; text-align:center; visibility:hidden;}

/* menu base 
#menu { background:transparent 0 -50px; position: relative;}

#menu a {text-transform:uppercase; font-size:2.5em; letter-spacing:-1px;}

#menu .hidden { visibility:hidden;}

#menu ul { position: relative; height:25px; margin:70px 0 0 25px; padding:0; list-style-type:none; width:950px;}

#menu li {display:inline; margin:0 0 0 -5px; padding:0;}

#menu li a {margin:0; padding:0;}

#menu #accueil {width:200px;  position: relative; margin: 12px 15px; background:url(menu_accueil.png) -4px 50% no-repeat;}
#menu #accueil:hover {width:200px;  position: relative; margin: 12px 15px; background:url(menu_accueilh.png) -4px 50% no-repeat;}

#menu #news {width:200px; background-repeat: no-repeat; position: relative; margin: 12px 0 0 -5px; background:url(menu_actu.png) -4px 50% no-repeat}
#menu #news:hover {width:200px; background-repeat: no-repeat; position: relative; margin: 12px 0 0 -5px; background:url(menu_actuh.png) -4px 50% no-repeat}

#menu #revue {width:200px; position: relative; margin: 12px; background:url(menu_presse.png) -4px 50% no-repeat;}
#menu #revue:hover {width:200px; position: relative; margin: 12px; background:url(menu_presseh.png) -4px 50% no-repeat;}

#menu #troupe {width:200px;  position: relative; margin: 12px 0 0 -15px; background:url(menu_contact.png) -4px 50% no-repeat;}
#menu #troupe:hover {width:200px;  position: relative; margin: 12px 0 0 -15px; background:url(menu_contacth.png) -4px 50% no-repeat;}*/


/* menu new */


/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
	width:765px;
	list-style:none;
	height:49px
	margin-right:10px;
	margin-top:55px;
	padding-left:32px;
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:49px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:160px;
	background:url(btn-home.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -49px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px 0px -49px
}

ul#navigation li#navigation-2 a {
	width:194px;
	background:url(btn-home.jpg) no-repeat -160px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-160px -49px
}
ul#navigation li#navigation-2 a.current {
	background-position:-160px -160px -49px
}

ul#navigation li#navigation-3 a {
	width:245px;
	background:url(btn-home.jpg) no-repeat -354px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-354px -49px
}
ul#navigation li#navigation-3 a.current {
	background-position:-354px -354px -49px
}

ul#navigation li#navigation-4 a {
	width:166px;
	background:url(btn-home.jpg) no-repeat -599px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-599px -49px
}
ul#navigation li#navigation-4 a.current {
	background-position:-599px -599px -49px
}

/* menu new fin */

#contenu {position: relative; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 40px; margin-top: 110px; background:url(fd-accueil) scroll top repeat-y; font-size:0.9em; text-align:justify; padding-bottom: 40px; width:813px; margin-left: 5px;}

#contenu_revue {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 40px; position: relative; margin-top: 120px; background:url(haut_contenu_revue.jpg) scroll top no-repeat; font-size:0.9em; text-align:justify; padding-bottom: 40px; width:813px; margin-left: 5px;}

#contenu_news {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 40px; position: relative; margin-top: 120px; background:url(haut_contenu_news.jpg) scroll top no-repeat; font-size:0.9em; text-align:justify; padding-bottom: 40px; width:813px; margin-left: 5px;}

#contenu_contact {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 40px; position: relative; margin-top: 120px; background:url(haut_contenu.jpg) scroll top no-repeat; font-size:0.9em; text-align:justify; padding-bottom: 40px; width:813px; margin-left: 5px;}

#contenu ul { background-position: 0 0px; list-style-type:none; }
#contenu li {padding:5px; padding-left:10px; padding-top:3px; padding-bottom:1px;}

#contenu #contenu_accueil {background-repeat: no-repeat; background-image: url(fd-accueil-D.jpg); width: 530px; padding-top:0px; padding-bottom:0px; margin-left: 245px; padding:10px; }
#contenu #contenu_accueil #introduction { min-height: 550px; margin-top:60px; border-left:2px dotted #333;padding-left:10px;}

#contenu #bloc_gauche { width:230px; position:absolute; left:0%; top:8%; padding-right:50px; z-index: 100;}

#bloc_gauche #pieces {margin-left: 2px; margin-bottom: -200px; margin-right: 2px; margin-top: 0px; top: -110px; background-position: 0; height: 280px; position: relative; background-repeat: no-repeat; background-image: url(top_col_G.jpg); width: 250px;}
#pieces img { margin-left: 10px; margin-top: 5px; top: 20px; position: relative; border:5px solid black; cursor:pointer;}
#pieces img:hover { margin-left: 10px; margin-top: 5px; top: 20px; position: relative; border:5px solid white; cursor:pointer;}
#imgnews {margin-left:50px;}

#pushnews {width:220px; margin:auto; margin-top:105px; margin-left:15px; }

#pushnews h1 {color: #ffe8a4; font-size:1.2em; font-variant:small-caps; margin-top:15px; }
#pushnews h2 {font-size: 1em; color: #cb1f31; }
#footer {}

#footer #footer_contenu {width:1000px; margin:auto; text-transform:uppercase; color:#E4D931; font-size:0.8em; font-weight:bold;}

#footer #footer_contenu #menu_foo {text-align:center; position:absolute center; margin-top:20px;}

#footer a {color:#E4D931;}
#footer a:hover {text-decoration:underline;}

/*********** news ***************/
#contenu_accueil #introduction_news {width:800px; margin:auto; margin-top:60px;}
.une_news_news {margin-left:20px; margin-bottom:1px; margin-right:30px; text-align:justify;  padding:5px; padding-bottom:15px;}

.une_news_news p {padding:5px; padding-top:0px; margin-top:20px; width:630px;margin-left:20px; border-left:1px dotted #2C1B16;}

#introduction_news  h2 {font-size:1em; letter-spacing:-0.5px; color:#724F28; margin-top:10px; margin-left:45px; background-color:#7B1220; padding:2px; width:120px; color:#E8EDCD; padding-left:12px;}

#introduction_news  h1 {font-size:2em; font-variant:small-caps; letter-spacing:-0.5px; font-size-adjust:none; text-indent:20px; background-color:transparent; color:#7B1220; word-spacing:-1px;}

/***** REVUE DE PRESSE ************/

#contenu_accueil #introduction_presse {width:800px; margin:auto; margin-top:70px;}

#introduction_presse h1 {font-size:2em; text-transform:uppercase; letter-spacing:-0.5px; font-size-adjust:none; text-indent:20px; background-color:transparent; color: #990000; word-spacing:-1px; margin-bottom:5px; font-family:"Times New Roman", Times, serif;}

#introduction_presse .une_revue {background:transparent; padding:8px; margin-top:2px; border-top:1px dotted #333; }
#introduction_presse .une_piece {margin-top:10px; margin-bottom:20px;}
#introduction_presse h2 {text-transform:uppercase; font-size:0.9em; font-weight:bold;color: #cccccc; }
#introduction_presse p {width:600px; margin-bottom:10px; font-size:0.98em; padding-left:35px;}



#contenu_accueil #introduction_contact {width:450px; margin-left:30px; margin-top:220px;}

#introduction_contact h1 {letter-spacing: 0.8em; font-variant: small-caps; background:transparent; padding:6px; margin-top:5px; color: #c0ad6e;}

#introduction_contact p {padding:3px; margin-top:5px; text-align:left;}

#formulaire {width:350px; display:table; position:absolute; right:5%; top:10%; text-align:left;  padding:5px; }

#formulaire h1 {font-size:1.4em; margin-bottom:10px; font-variant:small-caps;}

form {color:black}

input {width:340px; margin:2px; padding:2px; border:none;color:black}

textarea {width:340px; margin:2px; padding:2px; border:none; height:80px;color:black}

.bouton {width:100px; background:#77131d; color:#F0E297; cursor:pointer; margin-top:10px; font-variant:small-caps;}


#ajaxComm {padding:5px;}

#deco { background-image: url(head_2.jpg); background-repeat: no-repeat; }




