html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1;
	background:#000 url(images/bg2.png) repeat-x ;
	
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{
color:#e7eef7;
border-bottom:1px solid #9ed0ef;
font-weight:bold;
text-decoration:none;
}

.logo a{
color:#e7eef7;
border:none;
font-weight:bold;
}

hr{
height: 0px;
color: #a7a7a7;
background-color: #a7a7a7;
border: 1px solid #a7a7a7;
border-bottom: 0px;
padding:0;
margin-top:20px;
}


h1{
font-size:22px;
line-height:20px;
color:#e7eef7;
font-weight:normal;
margin-bottom:8px;
margin-top:18px;
margin-left:-15px;
padding:0 50px;
}



h2{
font-size:19px;
line-height:20px;
color:#9ed0ef;
font-weight:bold;
margin-bottom:20px;
padding:0 50px;
}

h3{
font-size:15px;
line-height:20px;
color:#9ed0ef;
font-weight:bold;
margin-bottom:20px;
padding:0 50px;
}

p{
color:#e7eef7;
font-size:14px;
line-height:20px;
margin-bottom:20px;
padding:0 50px;
}

ul{
color:#e7eef7;
font-size:14px;
line-height:20px;
margin-bottom:20px;
padding:0 50px;
}

ul.liste{
margin-left:10px;

}



.reception{
position:absolute;
top:130px;
right:0px;
}

.float{
float:left;
width:470px;
}
.float h2{
margin-top:18px;
}

.float.padg p,.float.padg h2,.float.padg h3{
padding-right:15px;
}

.float.padr p,.float.padr h2,.float.padr h3{
padding-left:25px;
}

p.slogan{
color:#b8b7b7;
width:960px;
height:23px;
font-size:18px;
text-align:right;
margin:0 auto;
padding:0;
padding-top:0px;
letter-spacing:0.05em;

}

p.logo{
width:960px;
text-align:left;
margin:0 auto;
margin-left:5px;
padding:0;
padding-top:35px;
height:62px;
}
 p.illustration img{
border:1px solid #7a7b7b;
position:relative;
z-index:110;
margin-bottom:3px;
  }
  
   p.illustration {
margin-bottom:3px;
  }

#container{
width:960px;
height:auto;
margin:0 auto;
position:relative;
z-index:100;
}

#entete{
width:100%;
height:125px;
position:relative;
z-index:110;
}

#header{
width:960px;
height:125px;
margin:0 auto;
position:relative;
z-index:200;
}

#contenu{
width:960px;
height:507px;
background-image:url(images/bg-contenu.jpg);
background-repeat:no-repeat;
border:1px solid #7a7b7b;
position:relative;
z-index:100;


}

#menu{
width:960px;
height:px;
}

p.bouche{
background-image:url(images/bouche.png);
background-repeat:no-repeat;
width:80px;
height:104px;
position:absolute;
top:0px;
left:870px;
}

p.ornement1{
z-index:400;
background-image:url(images/ornement-1.png);
background-repeat:no-repeat;
width:138px;
height:408px;
padding:0;
position:absolute;
top:44px;
left:-105px;
}

p.ornement2{
z-index:1;
background-image:url(images/ornement-2.png);
background-repeat:no-repeat;
width:201px;
height:279px;
position:absolute;
padding:0;
top:256px;
left:830px;
}

ul li{
list-style-image:url(images/puce.png);
list-style-position:inside;
}



dl{
padding:0 50px;
}

dl.padr{
padding-left:25px;
}

dl dt{
color:#9ed0ef;
line-height:20px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

dl dd{
line-height:20px;
font-size:14px;
margin-bottom:10px;
}

p.photo{
float:left;
}

dl.equipe {
float:left;
margin-left:5px;
}

dl.equipe dd{
line-height:16px;
font-size:14px;
margin-bottom:2px;
padding-left:12px;
background:url(images/puce.png) no-repeat -2px 4px;
}

dl.equipe2 dd{
line-height:16px;
font-size:14px;
margin-bottom:2px;
padding-left:0;
background:none;
margin-bottom:10px;
width:150px;
text-align:center;
}

dl.equipe2 dt{
float:left;
}

dl.equipe2 dd em{
line-height:16px;
font-size:11px;
}

dl.equipe2 dd img{
margin-bottom:3px;
}


dl.horaire  {
width:240px;
margin-left:50px;
font-size:14px;
line-height:16px;

}

dl.horaire dd {
width:130px;
list-style:none;
float:left;
margin-bottom:5px;
}

dl.horaire dt {
width:100px;
font-weight:bold;
float:left;
margin-bottom:5px;
}


dl#liensint  {
font-size:14px;
line-height:16px;

}

dl#liensint dd a{
font-size:13px,
}

dl#liensint dt {
margin:10px 0 5px 0;
font-size:14px;
}

#cv ul{
font-style:italic;
}

#cv ul, #cv dl, #cv h1, #cv p{
color:#000000;
}
 #cv p{
 font-weight:bold;
}

#cv h2,#cv h3,#cv dt{
color:#175d95;
}

#cv dl{
margin:10px 0 10px 10px;
}

#cv dl dt{
line-height:19px;
margin:0;
margin:15px 0 0px 0;
}

div#cv dl dd{
line-height:19px;
margin:0 0 10px 25px;
padding-left:12px;
background-repeat: no-repeat;
background-image:url(images/square.png);
background-position: 0px 7px;
}




.spacer{
}


address{
margin:5px 0 5px 50px;
font-size:15px;
line-height:20px;
font-style:normal;

}

.heures{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}

/*----------------------*/

 #nav {
    background:url(images/menu-bg.png) no-repeat;
    width:960px;
    height:30px;
    margin:0;
    padding:0;
    }

    #nav span {
    display: none;
    }

    #myController #nav li, #nav a {
    height:30px;
    display:block;
	border:none;
    }

    #myController #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #nav-01 {
    width: 115px;
    }
    #nav-02 {width: 145px;}
    #nav-03 {width: 160px;}
    #nav-04 {width: 104px;}
	#nav-05 {width: 168px;}
    #nav-06 {width: 78px;}
    #nav-07 {width: 99px;}
	#nav-08 {width: 91px;}

    #nav-01 a:hover {background:url(images/menu-bg.png)   0px -30px no-repeat; }
    #nav-02 a:hover {background:url(images/menu-bg.png) -115px -30px no-repeat; }
    #nav-03 a:hover {background:url(images/menu-bg.png) -260px -30px no-repeat; }
    #nav-04 a:hover {background:url(images/menu-bg.png) -420px -30px no-repeat; }
	#nav-05 a:hover {background:url(images/menu-bg.png) -524px -30px no-repeat; }
    #nav-06 a:hover {background:url(images/menu-bg.png) -692px -30px no-repeat; }
    #nav-07 a:hover {background:url(images/menu-bg.png) -770px -30px no-repeat; }
    #nav-08 a:hover {background:url(images/menu-bg.png) -869px -30px no-repeat; }
	
	
	
#myController li{
color:#e7eef7;
cursor:pointer;
}



#jFlowSlide {
border:none;
width:959px;
height:506px;
display:block;
position:relative;
z-index:100;
}
#jFlowSlide div.slide{

}




#mySlides{
color:#CCCCCC;
position:relative;
z-index:100;
}
#myController li.jFlowSelected .accueil  {background:url(images/menu-bg.png)   0px -30px no-repeat; }
#myController li.jFlowSelected .traitement{background:url(images/menu-bg.png) -115px -30px no-repeat; }
#myController li.jFlowSelected .equipements{background:url(images/menu-bg.png) -260px -30px no-repeat; }
#myController li.jFlowSelected .equipe {background:url(images/menu-bg.png) -420px -30px no-repeat; }
#myController li.jFlowSelected .informations {background:url(images/menu-bg.png) -524px -30px no-repeat; }
#myController li.jFlowSelected .faq {background:url(images/menu-bg.png) -692px -30px no-repeat; }
#myController li.jFlowSelected .liens {background:url(images/menu-bg.png) -770px -30px no-repeat; }
#myController li.jFlowSelected .contacts {background:url(images/menu-bg.png) -869px -30px no-repeat; }


#jFlowSlide #container1{
margin-top:20px;

}

#jFlowSlide ul.tabs,#jFlowSlide ul.tabs2,#jFlowSlide ul.tabs3,#jFlowSlide ul.tabs4,#jFlowSlide ul.tabs5{
width:860px;
height:27px;
display:block;
margin:20px auto 10px auto;
margin-top:20px;
padding:0;
border-bottom:2px solid #b7b7b7;
}

#jFlowSlide ul.tabs li,#jFlowSlide ul.tabs2 li,#jFlowSlide ul.tabs3 li,#jFlowSlide ul.tabs4 li,#jFlowSlide ul.tabs5 li{
color:#e7eef7;
display:block;
float:left;
line-height:23px;
background:url(images/tab.png) repeat-x;
-moz-border-radius-topright: 6px; 
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px; 
-webkit-border-top-left-radius: 6px;
}

#jFlowSlide ul.tabs li a,#jFlowSlide ul.tabs2 li a,#jFlowSlide ul.tabs3 li a,#jFlowSlide ul.tabs4 li a,#jFlowSlide ul.tabs5 li a{
width:auto;
padding:2px 25px 0 27px;
margin-right:0px;
height:25px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#e7eef7;
text-align:center;
font-size:13px;
font-weight:normal;
text-decoration:none;
border:none;
border-right:1px solid #11253e;
-moz-border-radius-topright: 6px; 
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px; 
-webkit-border-top-left-radius: 6px;
}

#jFlowSlide ul.tabs li a,#jFlowSlide ul.tabs2 li a,#jFlowSlide ul.tabs3 li a,#jFlowSlide ul.tabs4 li a,#jFlowSlide ul.tabs5 li a{
}

html #jFlowSlide ul.tabs li.active a, 
html #jFlowSlide ul.tabs li.active a:hover,
html #jFlowSlide ul.tabs2 li.active a, 
html #jFlowSlide ul.tabs2 li.active a:hover,
html #jFlowSlide ul.tabs3 li.active a, 
html #jFlowSlide ul.tabs3 li.active a:hover,
html #jFlowSlide ul.tabs4 li.active a, 
html #jFlowSlide ul.tabs4 li.active a:hover,
html #jFlowSlide ul.tabs5 li.active a, 
html #jFlowSlide ul.tabs5 li.active a:hover  {
	background:url(images/tabactif.png) repeat-x;
	color:#000;
	margin-top:-2px;
	height:29px;
	font-weight:bold;
}



/*formulaire de contact*/

div.form-container
{
font-size:15px;
line-height:20px;
}
.errors
{
	width:840px;
	margin:0 auto;
	display:block;
	background-color: #FFC;
	border: #FC6 1px solid;
	color:#000;
	font-weight: bold;
	margin:0 auto 5px auto;
	padding: 5px 10px;
	z-index:1250;
	font-size:12px;
	position:relative;
}
div.errors p
{
	margin: 0;
	color:#000;
	margin-left:-50px;
	font-size:12px;
}
div.form-container div
{
	margin:3px 0;
}
div.form-container form fieldset
{

	margin: 5px 50px 5px 50px;
	padding: 3px 0px;
	
}
div.form-container form h3
{
margin-left:-50px;
}

div.form-container form em
{
font-size:12px;
color:#e7eef7;
}
div.form-container form fieldset div
{
	padding:1px 0;
	display:block;
}
div.form-container label, 
 div.form-container span.label
{
	display: block;
	float: left;
	margin-right: 0px;
	padding-right: 10px;
	font-size:15px;
	text-align: left;
	width: 150px;

}
div.form-container label em, 
div.form-container input:focus,
div.form-container textarea:focus
{}

 
div.form-container input
{
width:200px;	
}
div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: left;
	

}
div.form-container div.buttonrow
{
	
	text-align:left;
	margin-left: 50px;
	padding-left:25px;
}

div.form-container div.buttonrow input
{
width:90px;
float:none;

}


legend{
	color: #e7eef7;
	font-weight: bold;
	margin: 0;
	padding:0;
}

.vanadium-advice

{

font-size: 12px;
clear:both;
margin-left:-50px;
margin-bottom:3px;
padding-bottom:3px;

}

.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid 
{
color: red;
clear:both;
}

input.vanadium-valid ~ .vanadium-valid-advice {
    display: inline !important;
    color: green;
}

a#fancybox-close{
border:none;
}