@charset "UTF-8";
/* CSS Document */

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 font-family: Georgia,Helvetica,Arial,sans-serif;
	 font-size: 12px;
	 color:#666666;
     }


#global {
	margin-left: auto;
	margin-right: auto;
	width: 926px;
	text-align: left;  /* on rétablit l'alignement normal du texte */
	border: #bc1b29 2px solid;
     }
	 
/*//////// Haut de page ////////*/
	 
#header{
height:57px;
background:  no-repeat url(../img/titrepage.jpg);
}
#header a{
display:block;
height: 56px;
width: 160px;
}

#champ-recherche{
background-color:#f8f6ed;
padding:5px 20px;
}


	/* Menu */

#menu{
height: 25px;
background-color: #a6a39f;
}

#menu a{
text-decoration:none;
display:block;
line-height:25px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
float:left;
border-right: solid 1px #FFF;
padding-right: 20px;
padding-left: 20px;
}

#menu a:hover{
color:#FFF;
background-color:#bc1b29;
}

.actif {background-color:#bc1b29; }

   /* Menu 2e niveau*/

#menu2{
height: 50px;
background-color: #a6a39f;
margin:0 20px;
}

#menu2 a{
text-decoration:none;
height:40px;
padding-top:10px;
display:block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
float:left;
border-right: solid 1px #FFF;
padding-right: 17px;
padding-left: 17px;
}

#menu2 a:hover{
color:#FFF;
background-color:#bc1b29;
}

 /* Menu expo*/

#menuE{
height: 25px;
background-color: #a6a39f;
margin:0 20px;
}

#menuE a{
text-decoration:none;
height:25px;
line-height:25px;
display:block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
float:left;
border-right: solid 1px #FFF;
padding-right: 15px;
padding-left: 15px;
}

#menuE a:hover{
color:#FFF;
background-color:#bc1b29;
}

/*//////// Contenu ////////*/

.contenu {margin:20px; background-color:#f8f6ed;}
.contenu div {height:80px; width:294px; float:left; background-color:#f8f6ed;}
.contenu div.milieu {border-left:solid 1px white; border-right:solid 1px white; width:296px;}
.contenu div.intitule {height:auto; color:#bc1b29; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.contenu div.intitule p {margin:20px}
.intitule p a:link, .intitule p a:visited {color:#bc1b29; text-decoration:none; }
.intitule p a:hover, .intitutle p a:active {color:#000; text-decoration:none;}
.plus, div.publi a.plus {font-size:11px; font-weight:normal; color:#bc1b29; text-decoration:none;}
.plus2 {font-size:15px; font-weight:normal; color:#bc1b29; text-decoration:none;}
.plus:hover, .plus2:hover, div.publi a:hover {color:#000;}



div.container {position:relative; width:886px; height:auto; }




/*//////// Contenu de 2e niveau ////////*/

.contenu2 {margin:20px;}
.contenu2 div {
	height:195px;
	width:294px;
	float:left;
	background-color:#f8f6ed;
}
.contenu2 div.gauche {width:296px;}
.contenu2 div.milieu {border-left:solid 1px white; border-right:solid 1px white;}
.contenu2 div.intitule { height:auto; color:#bc1b29; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-color:#FFF; padding:10px 0; clear:none;}
.contenu2 div.intitule p {margin:0 20px;}
.contenu2 div.provisoire {width:886px; height:195px;}



.br {clear:both;}


div.container2 {position:relative; width:886px; height:auto; background-color:#FFFFFF;}



/*//////// Menu du 3e niveau ////////*/

ul.arts_graph {list-style-type:none; margin-left:20px; padding-left:0; width:244px}
ul.arts_graph li {height:25px; width:254px;}
ul.arts_graph li.li2 {height:25px; width:254px; padding:5px 0 7px 0;}
ul.arts_graph li.li2 span {margin-left:10px;}
ul.arts_graph li a {text-transform:uppercase; color:#bc1b29; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:11px; margin-left:10px; line-height:25px;}
ul.arts_graph li.li2 a {line-height:normal;}
ul.arts_graph li:hover {background-color:#bc1b29;}
ul.arts_graph li:hover a {color:#FFF;}

li.on {background-color:#bc1b29;}
li.on a:link, li.on a:visited {color:#FFF;}

.ssthemes {margin-left:35px;}
.ssthemes a:link, .ssthemes a:visited {color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.ssthemes a:hover, .ssthemes a:active {text-decoration:underline;}

#colonne-1 {height:250px;}
#colonne-2 {height:500px;}
#colonne-3 {height:750px;}
#colonne-4 {height:1000px;}
#colonne-5 {height:1250px;}
#colonne-6 {height:1500px;}
#colonne-7 {height:1750px;}

div.container3 {
	position:relative;
	width:590px;
	height:auto;
	background-color:#FFFFFF;
}

div.container4 {
	position:relative;
	width:846px;
	padding:20px;
	height:auto;
	background-color:#f8f6ed;
	color:#000;
}

div.container4 p {
	margin-left:296px;
	font-family: arial;
}
div.container4 img { float:left;}
div.container4 p img {margin:0;}
div.container4 div.illustration {float:left; height:auto;}

#resume {
	width:571px;
	height:auto;
	padding:10px;
	background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif; 
	color:#000;
	font-size:12px;
	margin-left:1px;
	margin-bottom:1px;
}


.publi img {margin-right:10px;}


/*//////// Footer ////////*/	 

#footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-left: auto;
margin-right: auto;
width: 930px;}

.footerg{
float:left;
}

.footerd{
float:right
}
.footerd a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.footerd a:hover{
text-decoration:underline;
}


/*//////// Typos ////////*/

.intro {color:#000; margin:20px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.typo {color:#000; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.titre2{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-weight:bold;
}
.container4 .illustration div.legende, div.publi {
	width:274px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	padding-top:5px;
	height: auto;
	padding-bottom:20px;
	border-bottom:1px solid #FFF;
}

div.publi a {color:#bc1b29; font-size:12px; font-weight:bold; text-decoration:none;}
div.publi { padding-top:20px;}


.titre3{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-weight:bold;
margin-left:20px;
}

.titre5{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
font-weight:bold;
margin-left:20px;
}

.general:link, .general:visited {color:#bc1b29; font-family:Arial, Helvetica, sans-serif; margin-left:20px; text-decoration:none; font-weight:bold;}
.general:hover, .general:active {color:#000; text-decoration:none;}