/* CSS Document */
html > body * {
	outline:none;
}
body
{
	margin:0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #303030;
	background:#E1E1E1 url(images/fond.png) no-repeat center top;
    scrollbar-face-color: #EEEEDE; 
    scrollbar-shadow-color: #C2C2B1;
    scrollbar-highlight-color: #C2C2B1;
    scrollbar-3dlight-color: #C2C2B1; 
    scrollbar-darkshadow-color: #C2C2B1; 
    scrollbar-track-color: #FFFFFF; 
    scrollbar-arrow-color: #C2C2B1;
	scrollbar-width: 10px;
}
#contenant
{
	width:999px;
	height:710px;
	background: url(images/contenant.jpg) top center no-repeat;
	margin: 0 auto;
	position:relative;
/*	border: 1px solid #FF0000;*/
}
#contenant-contact
{
	width:999px;
	height:730px;
	background: url(images/contenant-contact.png) top center no-repeat;
	margin: 0 auto;
	position:relative;
}
#contenant-page
{
	width:999px;
	height:740px;
	margin: 0 auto;
	position:relative;
}
#contenant-stands
{
	width:999px;
	height:710px;
	margin: 0 auto;
	position:relative;
/*	border: 1px solid #00FF00;*/
}
#baseline
{
	top:14px;
	left:172px;
	position:absolute;
}
#logo
{
	top:170px;
	left:90px;
	position:absolute;
}
#logo-page
{
	top:55px;
	left:10px;
	position:absolute;
}
#page_haut {
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display : none;
}
#anim
{
	top:195px;
	left:605px;
	position:absolute;
}
#intro
{
	top:532px;
	left:114px;
	width:490px;
	height:130px;
	text-align:justify;
	position:absolute;
}
#titre-page
{
	top:211px;
	left:220px;
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
}
#titre-stands
{
	top:199px;
	left:668px;
	position:absolute;
}
#titre-contact
{
	top:201px;
	left:220px;
	font-size:0.85em;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
}
#texte
{
	top:240px;
	left:220px;
	width:590px;
	height:185px;
	padding-right:20px;
	overflow:auto;
	text-align:justify;
	position:absolute;
}
#texte-stands
{
	top:225px;
	left:675px;
	width:275px;
	height:80px;
	font-size:0.9em;
	text-align:justify;
	position:absolute;
}
#texte-stands-projets
{
	top:222px;
	left:675px;
	width:275px;
	height:90px;
	font-size:0.9em;
	text-align:justify;
	position:absolute;
}
#texte-stands-itinerants
{
	top:225px;
	left:675px;
	width:275px;
	height:160px;
	font-size:0.9em;
	text-align:justify;
	position:absolute;
}
#texte-contact
{
	top:238px;
	left:218px;
	width:610px;
	height:410px;
	overflow:auto;
	font-size:0.85em;
	text-align:left;
	position:absolute;
}
#question
{
	width:560px;
	padding:5px 5px 10px 10px;
	line-height:22px;
	text-align:left;
	background-color:#f9f3df;
}
#vignettes
{
	top:290px;
	left:670px;
	width:275px;
	height:280px;
	position:absolute;
}
#vignettes-projets
{
	top:304px;
	left:670px;
	width:275px;
	height:280px;
	position:absolute;
}
#vignettes-itinerants
{
	top:360px;
	left:670px;
	width:275px;
	height:200px;
	text-align:left;
	position:absolute;
}
#vignettes img
{
margin:5px 3px 5px 3px;
}
#vignettes-itinerants img
{
margin:5px 3px 5px 3px;
}
#vignettes-projets img
{
margin:5px 3px 5px 3px;
}
#loadarea
{
	top:220px;
	left:35px;
	text-align:left;
	font-weight:bold;
	color:#303030;
	text-decoration: none;
	width:530px;
	height:330px;
	position:absolute;
}
#footer {
	font-size:0.7em;
	height: 40px;
	width: 1000px;
	color: #000000;
	margin: 0 auto;
	margin-top:10px;
	position:relative;
/*	border: 1px solid #FF0000;*/
}
/* MENU */
#menu
{
	top:63px;
	left:180px;
	width:600px;
	height:65px;
	font-size:0.85em;
	text-align:left;
	position:absolute;
}
#menu2
{
	top:26px;
	left:683px;
	width:185px;
	height:30px;
	position:absolute;
}
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu dl {
float: left;
}
#menu li {
display: inline;
}
#menu a {
text-decoration: none;
color: #2d2b2b;
}
#menu a:hover {
text-decoration: underline;
color: #2d2b2b;
}
#smenu1 {
position: absolute;
top: 35px;
width: 800px;
left: 0px;
background-image:url(images/menu-sous-fond.png);
background-repeat:no-repeat;
padding-left:2px;
z-index:2;
}
#smenu1bis {
position: absolute;
top: 35px;
width: 800px;
left: 0px;
background-image:url(images/menu-sous-fond.png);
background-repeat:no-repeat;
padding-left:2px;
z-index:2;
}
#smenu6 {
position: absolute;
top: 35px;
width: 800px;
left: 0px;
background-image:url(images/menu-sous-fond.png);
background-repeat:no-repeat;
padding-left:2px;
z-index:5;
}
#smenu2 {
position: absolute;
left: 0px;
background-image:url(images/menu-sous-fond.png);
background-repeat:no-repeat;
padding-left:92px;
top: 35px;
width: 800px;
z-index:2;
}
#smenu2bis {
position: absolute;
left: 0px;
background-image:url(images/menu-sous-fond.png);
background-repeat:no-repeat;
padding-left:92px;
top: 35px;
width: 800px;
z-index:2;
}
#smenu3 {
position: absolute;
left: 0px;
top: 35px;
width: 800px;
z-index:5;
}
/* FIN MENU */

#defil
{
	top:515px;
	left:130px;
	width:750px;
	height:200px;
	position:absolute;
}
.stepcarousel{
position: absolute; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 193px; /*Height should enough to fit largest content's height*/
}
.belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
}
.panel{
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 10px 0px 10px; /*margin around each panel*/
width: 707px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




/* MISE EN FORME */
#footer a
{  
	text-decoration: none;
	color:#000000;
}
#footer a:hover 
{  
	text-decoration: underline;
	color:#FF6600;
}
#texte-contact a
{  
	text-decoration: none;
	color:#303030;
}
#texte-contact a:hover 
{  
	text-decoration: underline;
	color:#FF6600;
}
#texte a
{  
	text-decoration: none;
	color:#FF6600;
}
#texte a:hover 
{  
	text-decoration: underline;
	color:#303030;
}
.orange
{  
	color:#f9a007;
	font-weight:bold;
}
p
{  
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
h1
{
font-size:1.2em;
color:#325B87;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
h2
{
font-size:1em;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
p#lien {  
	display: none;
}  
.radio {
	vertical-align:sub;
}
.input-chiffre {
	BORDER: #D4D4D4 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	width:50px;
	height:16px;
	vertical-align:middle;
	COLOR: #303030;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
}
.input-texte {
	BORDER: #D4D4D4 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	width:120px;
	vertical-align:middle;
	height:16px;
	COLOR: #303030;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
}
.textarea {
	BORDER: #D4D4D4 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	width:400px;
	height:50px;
	COLOR: #303030;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Arial, Trebuchet MS, Geneva, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
} 
.button {  
cursor: pointer;  
width: 94px;  
height: 23px;  
border: none;  
background: url("images/bouton.png") no-repeat left top;  
}  
.button:hover {  
background: url("images/bouton.png") no-repeat left bottom;  
}  

#foot{
	width: 1000px;
/*	border: 1px solid #00FF00;*/
}

#foot #foot_titre{
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#foot adresse{
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#foot p{
	text-align: left;
	margin-bottom: 20px;
}