/* mise en page globale */

body {
	text-align:center;
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #333333;
	font-size: 11px;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}

img{margin:0;padding:0;border:0;}

#conteneurindex{
	position:relative;
	text-align:left;
	width :950px;
	margin: 0 auto;
	}
#conteneurindex img{
	margin: 0 0 0 327px;
	padding: 0px;
	}

#conteneur{
position:relative;
text-align:left;
width :950px;
margin:0 auto;
}



/* HEADERS */
#headerindex {
	height: 359px;
	margin: 0px;
	padding: 0px;
	background:url(images/header-index.gif) no-repeat left top;
}
#headeraccueil {height: 231px;margin: 0px;padding: 0px;background:url(images/header-accueil.gif) no-repeat left top;}
#headerphoto {height: 231px;margin: 0px;padding: 0px;background:url(images/header-photo.gif) no-repeat left top;}
#headeraudio {height: 231px;margin: 0px;padding: 0px;background:url(images/header-audio.gif) no-repeat left top;}
#headerarchi {height: 231px;margin: 0px;padding: 0px;background:url(images/header-archi.gif) no-repeat left top;}
#headernews {height: 231px;margin: 0px;padding: 0px;background:url(images/header-news.gif) no-repeat left top;}
#headerformations {height: 231px;margin: 0px;padding: 0px;background:url(images/header-formations.gif) no-repeat left top;}
#headerdocs {height: 231px;margin: 0px;padding: 0px;background:url(images/header-docs.gif) no-repeat left top;}
#headercontact {height: 231px;margin: 0px;padding: 0px;background:url(images/header-contact.gif) no-repeat left top;}
#headeranciens {height: 231px;margin: 0px;padding: 0px;background:url(images/header-anciens.gif) no-repeat left top;}


#headerindex h1, #headeraccueil h1, #headerphoto h1, #headeraudio h1, #headerarchi h1, #headernews h1, #headerformations h1, #headerdocs h1, #headercontact h1, #headeranciens h1{
	text-indent: -5000px;
	margin:0;
	line-height: 0;
	padding: 0px;
}
#headerindex p, #headeraccueil p, #headerphoto p, #headeraudio p, #headerarchi p, #headernews p, #headerformations p, #headerdocs p, #headercontact p, #headeranciens p{
	color: #000000;
	text-align: center;
	font-family: "Trebuchet MS";
	text-indent: -5000px;
	margin: 0;
}

#bandeauindex {
	width: 415px;
	margin: 0px;
	height: 70px;
	padding: 0px;
	top: 197px;
	position: absolute;
	left: 327px;
}

#bandeauaccueil {
	width: 415px;
	margin: 0px;
	height: 70px;
	padding: 0px;
	top: 69px;
	position: absolute;
	left: 327px;
}


/* IMAGES ENTETE*/

#imageindex {
	width: 263px;
	margin: 0px;
	height: 178px;
	padding: 0px;
	top: 266px;
	position: absolute;
	left: 64px;
	background:url(images/diapoaccueil01.jpg) no-repeat left top;
}


#imageaccueil {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapoaccueil01.jpg) no-repeat left top;}
#imagephoto {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapophoto01.jpg) no-repeat left top;}
#imageaudio {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapoaudio01.jpg) no-repeat left top;}
#imagearchi {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapoarchi01.jpg) no-repeat left top;}
#imagenews {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diaponews01.jpg) no-repeat left top;}
#imageformations {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapoformations01.jpg) no-repeat left top;}
#imagedocs {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapodocs01.jpg) no-repeat left top;}
#imagecontact {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapocontact01.jpg) no-repeat left top;}
#imageanciens {width: 263px;margin: 0px;height: 178px;padding: 0px;top: 138px;position: absolute;left: 64px;background:url(images/diapoancien01.jpg) no-repeat left top;}



/* MENU GAUCHE */
#menu {
	float: left;
	width: 327px;
	clear: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 76px;
	height: 408px;
	background-image: url(images/filet-menu.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.index#menu{height: 220px;background-image: url(images/filet-menuindex.gif);}


#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 20px 12px 0px 150px; 
	text-align: right;
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li a {
	display: block;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	color: #999999;
	font-weight: bold;
	white-space: nowrap;
}

#menuaccueil:hover{color: #000000;}
#menu li a#accueilactive, #menu li a#accueilactive:hover {color: #000000; background: url(images/fleche-accueil.gif) no-repeat left center;}

#menuphoto:hover{color: #009900;}
#menu li a#photoactive, #menu li a#photoactive:hover {color: #009900;background: url(images/fleche-photo.gif) no-repeat left center;}

#menuaudio:hover{color: #3366cc;}
#menu li a#audioactive, #menu li a#audioactive:hover {color: #3366cc;background: url(images/fleche-audio.gif) no-repeat left center;}

#menuarchi:hover{color: #cc0000;}
#menu li a#archiactive, #menu li a#archiactive:hover {color: #cc0000;background: url(images/fleche-archi.gif) no-repeat left center;}

#menunews:hover{color: #ff9933;}
#menu li a#newsactive, #menu li a#newsactive:hover {color: #ff9933;background: url(images/fleche-news.gif) no-repeat left center;}

#menuformations:hover{color: #993399;}
#menu li a#formationsactive, #menu li a#formationsactive:hover {color: #993399;background: url(images/fleche-formations.gif) no-repeat left center;}


#menudocs:hover{color: #663300;}
#menu li a#docsactive, #menu li a#docsactive:hover {color: #663300;background: url(images/fleche-docs.gif) no-repeat left center;}

#menucontact:hover{color: #000000;}
#menu li a#contactactive, #menu li a#contactactive:hover {color: #000000;background: url(images/fleche-contact.gif) no-repeat left center;}

#menuanciens:hover{color: #000000;}
#menu li a#anciensactive, #menu li a#anciensactive:hover {color: #000000;background: url(images/fleche-contact.gif) no-repeat left center;}



/* contenu global */
#global {
	margin-left: 365px;
	margin-right: 206px;
	text-align: justify;
}
.formation#global{
	text-align: left;
}
#global h2 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}
#global h2#titrephoto{color: #009900;}
#global h2#titreaudio{color: #3366cc;}
#global h2#titrearchi{color: #cc0000;}
#global h2#titrenews{color: #ff9933;}
#global h2#titreformations{color: #993399;}
#global h3#titreformations{
	color: #395776;
}
#global h2#titredocs{color: #663300;}
#global h2#titrecontact{
	color: #990000;
}
#global h2#titreanciens{color: #999999;}


#global h3 {
	color:#333333;
	margin-bottom: 0.5em;
	font-size: 102%;
}

#global a {
	color: #395776;
}
#global a:visited {
text-decoration: none;
}
#global a:hover {
text-decoration: none;
}

/* ENCARTS (news) */

.blocsDroite {
	float: right;
	width: 165px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	clear: right;
	/*background-color: #FFFFCC;*/
}
.blocsDroite h3 {
	font-size: 130%;
	/*margin: 0 0 0 40px;*/
	margin: 0px;
}
.blocsDroiteContent {
	color: #333333;
}
.blocsDroiteContent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.blocsDroiteContent ul li {
	margin-top: 10px;
}
.blocsDroiteContent ul li a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
.blocsDroiteContent ul li a:hover {
	text-decoration: underline;
}

/** Les styles du bloc news sont maintenant dans includes/news_bloc.css


/* Bouton entrée */

#boutonentree a{
	margin:0;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	float: right;
	position: relative;
	top: 130px;
	height: 22px;
	background: url(images/fleche-accueil.gif) no-repeat;
	padding-left: 48px;
	color: #FF0000;
	text-decoration: none;
	line-height: 22px;
	clear: right;
}

#boutonentree a:hover{background: url(images/fleche-accueil-roll.gif) no-repeat;padding-left: 48px;}

/* Boutons Galerie */

#boutongalerie{
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	float: right;
	position: relative;
	top: 60px;
	height: 13px;
	color: #000000;
	line-height: 13px;
	background: url(images/fleche-home-news.gif) no-repeat right;
	margin-right: 15px;
}

.photo#boutongalerie a, .photo#boutongalerie a:hover{color: #009900;text-decoration: none;}
.audio#boutongalerie a, .audio#boutongalerie a:hover{color: #3366cc;text-decoration: none;}
.archi#boutongalerie a, .archi#boutongalerie a:hover{color: #cc0000;text-decoration: none;}


.vignettegalerie{
	position: relative;
	float: right;
	top: 30px;
}