/*-----------------------------------------------------
	Vanessa css 
	
	version: 1 (red)
	date:    2005.09.15
	author:  hf pour 3tetes.net	
------------------------------------------------------*/



body {
  background: #FFF url(images/bords.gif) repeat-y center;
  font-family: Arial, Helvetica, verdana, sans-serif;
  font-size: 11px;
  margin-top:0;
  margin-left: auto;
  margin-right: auto;
  padding:0;
  text-align: center;
}

a.lien:link { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	display: block;
	padding-left:10px;
}

a.lien:visited { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	display: block;
	padding-left:10px;
}

a.lien:active { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #830217;
	text-decoration: underline;
	display: block;
	padding-left:10px;
    background-position: 0px 5px;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}

a.lien:hover {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #830217;
	text-decoration: none;
	display: block;
	padding-left:10px;
    background-position: 0px center;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}

a.lien2:link { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration:underline;
}

a.lien2:visited { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: underline;
}

a.lien2:active { 
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: underline;

}

a.lien2:hover {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: underline;
}


a.lien-projet:link {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #830217;
	text-decoration: none;
	padding-left:10px;
    background-position: 0px 3px;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}

a.lien-projet:visited {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #830217;
	text-decoration: none;
	padding-left:10px;
    background-position: 0px 3px;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}

a.lien-projet:active {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #830217;
	text-decoration:none;
	padding-left:10px;
    background-position: 0px 3px;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}

a.lien-projet:hover {
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: red;
	text-decoration: none;
	padding-left:10px;
    background-position: 0px 3px;
    background-image: url(images/picto_lien.gif);
    background-repeat: no-repeat;
}


a.go-top {
	display:block;
	width:70px;
	float:right;
    font-family: Arial, Helvetica, verdana, sans-serif;
    font-size: 9px; 
    color: #666; 
    text-decoration : none;
	padding-left:10px;
	margin:20px 20px 10px 0px;
    background-position: 0px 0px;
    background-image: url(images/picto_up.gif);
    background-repeat: no-repeat;
}
a.go-top:visited {

    color: #666; 
    text-decoration : none;

}
a.go-top:active {

    color: #C8053C;
    text-decoration : none;
}
a.go-top:hover {

    color: #C8053C; 
	text-decoration : none;
	
}

div.vignettes
{ 
    display:block;
	width: 600px;
	/* border:1px solid red;*/
  }
  
 div.vignettes img
{
	float:left;
  }
  
.clr { clear: both; }

hr {

color: #d7d7d7;
background-color:  #d7d7d7;
border: 0;
}

  
div.float {
   float: left;
   display:table;
	margin-left:10px;
	width: 143px;
 }
 
 div.photo {
    float: left;
	width: 242px;
	height:176px;
 }
 
  div.photo2 {
    float: left;
	width: 242px;
	height:196px;
 }
 
 div.texte480 {
    float: left;
	width: 480px;
	border: 0 none;
 }
 
 
 div.texte {
    float: left;
	width: 450px;
	border: 0 none;
 }
 
 
#supportingText div.texte p {
 color:#000000;
	
 }
 
 
 #supportingText div.bloctexte-11noir p {
 color:#000000;
	
 }

div.float p {
    padding:3px;
	border: 0 none;
  }

#video {
	border: 0 none;
	cursor:pointer;
  }

div.float img {
   	border: 1px solid #E6EEF0;
  }

.align-right{
text-align: right;
display:block;
width: 460px;

}



/*-----------------------------------------------------
	menu top	
------------------------------------------------------*/

#menu {
	font-size: 10px;
	width: 640px;
	position: absolute;
    top: 90px;
    left: 20px;
}



dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dl {
	float:left;
	display:block;
	width: 10em;
	padding-left:2px;
}
#menu dt {
    text-align: left;
	cursor: pointer;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: 3px solid #830217;
}

#menu dd {
color: #000;
display: none;
padding-top:2px;
}
#menu li {
text-align: left;
padding-left:0px;
}

#menu li a, #menu dt a {
font-family: Arial, Helvetica, verdana, sans-serif;
color: #000;
text-decoration: none;
display: block;
height: 14px;
border: 0 none;

}
#menu li a:hover, #menu dt a:hover {
font-family: Arial, Helvetica, verdana, sans-serif;
color:#830217;
display: block;
height: 14px;
border: 0 none;
}


	
/*-----------------------------------------------------
	STRUCTURE	
------------------------------------------------------*/

#pageHeader h1 { 

	background: transparent url(images/nom.gif) no-repeat 20px 30px; 
	width: 245px; 
	height: 55px;
	margin: 0; 
	float: left;
	}

#pageHeader h1 span {
	display:none
	}

#pageHeader h2 { 

	background: transparent url(images/sous-titre.gif) no-repeat 10px 30px; 
	width: 400px; 
	height: 60px; 
	float: left;
	}
	
#pageHeader h2 span {
	display:none
	}

h2
    {
    font-size: 11px;
    margin: 0;
    }

#preamble h3 span
    {
    font: 12px/100% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	display:block;
    }

#container
    {
    margin-left: auto;
    margin-right: auto;
    position:relative;
	width: 900px;
    text-align: left;
    }

#container-pop
    {
    margin-left: auto;
    margin-right: auto;
    position:relative;
	width: 390px;
    text-align: left;
    }

#quickSummary
    {
	display: block;
	height:170px;

    }
#quickSummary .p2
    {
    position: absolute;
    top: 100px;
    right: 40px;
    margin: 0;
    }

 #intro  .p1  span
    {
    padding: 30px 30px 0 30px;
    display: block;
    margin: 0;
    }

#preamble, #supportingText
    {
    margin: 0 0px 20px 220px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 0px 0;
	color: #333;
    }
 #preamble h3
    {
	color: #000;
    margin: 40px 0 0px 0;
    }

#linkList
    {
    position: absolute;
    top: 190px;
    left: 0;
    width: 210px;
    }
#lselect ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#lselect ul li a
    {
    text-decoration: none;
    display: block;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #333;
    }
#lselect ul li
    {
    padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #E6EEF0;
    }

#lselect ul li ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
    }
	
	#lselect ul li ul li
    {
    padding-top:1px;
	padding-bottom:1px;
	border-bottom: 0px solid #E6EEF0;
    }

#footer
    {
    font-family: Arial, Helvetica, verdana, sans-serif;
	color: #666;
    height: 48px;
    text-align: right;
    padding: 30px 30px 0 0;
    line-height: 26px;
    font-size: 10px;
    }

#footer2
    {
	float:left;
    font-family: Arial, Helvetica, verdana, sans-serif;
	color: #666;
	width:640px;
    height: 48px;
    text-align: right;
    padding: 30px 30px 0 0;
    line-height: 26px;
    font-size: 10px;
    }

/*-----------------------------------------------------
	TITRES TEXTES	
------------------------------------------------------*/

.rubrique {
	font: 14px/140% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #000;
	text-transform: uppercase;
	}
	
.section {
	font: 14px/140% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #810327;
	}

.titre01 {
	font: 18px/160% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #810327;
	}
	
.titre02 {
	font: 15px/150% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #000;
	}

.titre03 {
	font: 15px/150% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #707265;
	display:block;
	height:45px;
	padding-top:20px;
	background-position: 0px 45px;
    background-image: url(images/ligne-titre.gif);
    background-repeat: no-repeat;
	}
	
.titre03b {
	font: 12px/100% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #000;
	display:block;
	height:30px;
	width:460px;
	padding-top:20px;
	background-position: 0px 35px;
    background-image: url(images/ligne-titreb.gif);
    background-repeat: no-repeat;
	}

.titre-cit03b {
	font: 12px/100% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	color: #000;
	display:block;
	height:30px;
	width:460px;
	padding-top:20px;
	}

.titre04 {
    font: 12px/120% Trebuchet MS, Arial, Helvetica, verdana, sans-serif;
	display:block;
	color: #707265;
	}

.texte-10gris {
    font-family: Arial, Helvetica, verdana, sans-serif;
    font-size: 11px;
	color: #666;
	}

.image {
    border:1px solid #E6EEF0;
    }

.bloctexte-11noir {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	width:460px;
	line-height:17px;
	display:block;
	text-align: justify;
	}
	
.bloctexte-11noir  p {
	color: #000;
	text-align: justify;
	
	}
	
.bloccit-11noir {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	width:385px;
	padding-left:20px;
	line-height:17px;
	display:block;
	text-align: justify;
	
	}	

	


.details {
	clear:both;
	width:550px;
}


.texte-date {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #64643A;
	}
	
.texte-note {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #333;
	width:450px;
	display:block;
	padding-top:10px;
	}

.titre-projet {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	/*color: #810327;
	*/
	color: #000;
	padding-left:0px;
	}


.projet-intro {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #333;
	display:block;
	padding-left:10px;
	padding-top:7px;
	width:608px;
	height:35px;
	border-left:1px solid #D1D1D1;
	background-image: url(images/fond-intro.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	}

.projet-lieu {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #733949;
	font-style: italic;
	}

#bloc-en {
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background-color:#F0F1EC;
	width:900px;
	}	

.texte-en {
    font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #333;
	line-height:15px;
	display:block;
	text-align: justify;
	padding-left:220px;
	padding-right:120px;
	/*
	border-left:1px solid #D1D1D1;*/
	}
	
	

	/* ------------ CONTENT PHOTO ------------------ */
	
		#bloc-photo { width:660px; float:left; padding:0px 0 10px 0; }
		
		#bloc-photo h2 {margin-top:0; }
		
		
		#bloc-photo  .pic {margin:0px auto; width:640px;}
		
		#bloc-photo  p {margin:0px auto; width:600px;}
		
		#bloc-photo  .pic img {margin-left:10px; width:600px; height:auto; } /* changer marge suivant largeur vignette */
		#bloc-photo  a img {border:0px solid #d5d5d5; }
		#bloc-photo  a:hover img {border:0px solid #FF0000; }
		

	 


	/* ------------ NAVIGATION PHOTO ------------------ */
	#bloc-photo #precedent a {
	height:500px;
	width:300px;
	z-index:1;
	position:absolute;
	background:transparent;
}


	#bloc-photo #precedent a{
	background:url('images/go-back.png')  center left no-repeat; 
}

	#bloc-photo #precedent a:hover{
	background:url('images/go-back-hover.png')  center left no-repeat;
	text-decoration:none 
}


	#bloc-photo #suivant a{
	height:500px;
	width:320px;
	z-index:1;
	position:absolute;
	background:transparent;
	margin-left:20px;
}

	#bloc-photo #suivant a{
	background:url('images/go-next.png') center left no-repeat; 
}

	#bloc-photo #suivant a:hover{
	background:url('images/go-next-hover.png')  center left no-repeat; 
}