@import "flashLoad.css";

#bandeau img {
padding:0;
margin:0;
display:block;

}

.menu img {
padding:0;
margin:0;
display:block;

}

#pied {
clear:both;
color:#FFFFFF;
background-color:#3D1F31;
/*position:fixed;*/
bottom:0;
width:100%;
min-width:801px;
/*padding-top:5px;
padding-bottom:5px;*/
font-size:11px;
}

#pied table {
padding-left:18px;
margin:0;
display:block;
border-top:#fff solid 1px;
width:770px;
}

#pied a:hover {
color:#ffffff;

}


#pied a {
color:#f6f6f6;
}


#pied img {
/*margin-right:39px;
margin-left:-35px;*/
vertical-align:middle;
}



.image1 {
display:block;
height:170px;
width:165px;
background-image:url(/images/photo-1b.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#image {
display:block;
width:580px;
height:230px;
background-image:url(/images/loading.gif);
background-repeat:no-repeat;
background-position:center;
} 
 
h1, .plusimage span {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
border-bottom:#502B40 2px solid;
margin:0;
padding:0;
font-size:18px;
margin-bottom:10px;
display:block;
color:#502B40;
}

h1.vert {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
border-bottom:#429E23 2px solid;
margin:0;
padding:0;
font-size:18px;
margin-bottom:10px;
display:block;
color:#502B40;
height:52px;
}

h1 span {
font-size:10px;
text-decoration:underline;
float:right;
}
h2   {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
border-bottom:#CCCCCC 1px solid;
margin:0;
padding:0;
font-size:16px;
margin-bottom:6px;
color:#502B40;
}

span.vert  {
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:18px;
color:#429E23;
}

span.gris  {
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:16px;
color:#999999;
}

span.gris2  {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#888888;
}

h3   {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-bottom:#CCCCCC 1px solid;
margin:0;
padding:0;
font-size:12px;
margin-bottom:3px;
color:#502B40;
}

h3  span {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
 
margin:0;
padding:0;
font-size:12px;
margin-bottom:3px;
color:#502B40;
}

h3 a   {
font-family:Arial, Helvetica, sans-serif;
color:#502B40;
}


h2  a {
font-family:Arial, Helvetica, sans-serif;

color:#502B40;

}

h2  a:hover {
color:#a47891;
}

h2 span  {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:12px;
color:#502B40;
font-style:italic;
}


.post {
border-bottom:#502B40 2px solid;
margin-bottom:15px;
padding-bottom:10px;
width:100%;
float:left;
}

.suite {
font-weight:bold;
margin-top:33px;
text-decoration:underline;
text-align:right;
font-size:9px;

}

.post-content img {
float:right;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
max-width:290px;
}
.post-chapo {
border-bottom:#502B40 2px solid;
margin-bottom:15px;
padding-bottom:10px;

}
#menu strong {
color:#512B40;

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

 
}
 
 ul  {
margin: 0;
padding: 0;
list-style-type: none;
float:left;
}
#menu {

top: 0;
left: 0;
width: 100%;
position:relative;
}
#menu dl {
margin:0;
padding:0;
float: left;
color:#FFFFFF;


}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
 
 
}

#legend {
border: 1px solid gray;
filter:alpha(opacity=97);
	-moz-opacity: 0.97;
	opacity: 0.97;


/*width:635px;*/
background-color:#EEEEEE;
font-size:0.8em;
/*background-image:url(/images/ombre_menu.jpg);*/
background-position:top;
background-repeat:repeat-x;
padding:10px;


}

#menu dd {
border: 1px solid gray;
filter:alpha(opacity=97);
	-moz-opacity: 0.97;
	opacity: 0.97;
position:absolute;
top:23px;
/*width:635px;*/
background-color:#EEEEEE;
font-size:0.8em;
/*background-image:url(/images/ombre_menu.jpg);*/
background-position:top;
background-repeat:repeat-x;
border-top:none;
position:absolute;


}
#menu li {
text-align: center;


}
  #menu dt a {
 
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
padding:4px;
border-right:1px solid;

padding-right:10px;
padding-left:10px;



}
  #menu dt a:hover {
 background: #b491a7; 

}

   
   
#menu ul {
padding:4px;

}   

#menu li a  {
color:#000000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

 opacity:1;

padding-right:10px;
padding-left:5px;
text-align:left;



}
#menu li a:hover  {
background: #b491a7;
color:#FFFFFF;
}


#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}


a {text-decoration: none;
color: black;
color: #222;
}



#sous-menu {
/*width:100%;*/
}


 

a img  {
border:none;
}

a {
text-decoration:none;
}

p { margin:0; padding:0;}


body {

height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

background-image:url(/images/fond_1px.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#592941;
margin:0;
padding:0;
width:801px;
margin:auto;
}

#conteneur {
width:801px;
background-color:#FFFFFF;
margin:auto;
background-image:url(/images/photo-2.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
#part_milieu {
 
height:100%;
background-image:url(/images/ombre_menu.jpg);
background-position:top;
background-repeat:repeat-x;
min-height:460px;
clear:left;


}
#part_haut img {
padding:0;
margin:0;
display:block;

}
#part_haut {

display:block; height:113px;
}

#logo {
float:left;
width:163px;
clear:both;
}

#menu {
background-image:url(/images/bg-menu.jpg);
width:638px;
height:23px;
background-position:top left;
background-repeat:repeat-x;
float:left;
text-align:left;

}

#centre {
margin-left:165px;
padding:17px;
padding-top:35px;
padding-right:38px;
padding-bottom:0;
}


#centreA {
margin-left:165px;
padding:17px;
padding-top:35px;
width:415px;
padding-bottom:0;
padding-right:5px;
background-image:url(images/trait.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

#gauche {
width:165px;
 
position:absolute;
top:113px;


}








ul.menub2  {
background-color:#512B40;
color:#FFFFFF;
margin:0pt 0pt 0pt 0px;
width:117px;
text-align:center;
margin-left:3px;
 
width:110px;

}

li.menub2   {
width:100%;
text-align:center;
background-color:#512B40;
color:#FFFFFF;
margin:0pt 0pt 0pt 1px;
}

.menub2 li a {
color:#FFFFFF;
margin-top:2px;
margin-bottom:2px;
display:block;
}
.menub2 li a:hover {
background-color:#b491a7;
color:#FFFFFF;

}

.menu-gauche {
left:34px;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
position:relative;
top:-18px;
width:118px;
clear:right;

}
.menu-gauche a img, .menu-gauche img  {
padding:0;
margin:0;
display:block;
clear:both;

}


a.savoir-plus {
/*float:right;*/
margin-right:6px;
position:relative;
top:73px;
cursor:pointer;
text-decoration:underline;


}

a.savoir-plus:hover {

cursor:pointer;
text-decoration:none;

}



 a#aspect :hover {
opacity:0.9em;
}


th   {
border-left:2px solid #000000;
 
}

.infos_bas  {
display:block;
height:100%;
 
}


.infos_bas img  {
text-align:center;

 
}


#fond-produit {
 
background-repeat:no-repeat;
background-position:right bottom;

}




#fond-produit a {
text-align:center;
margin-left:53px;
}



p#infos {
 
float:left;
/*width:175px;*/
font-weight:lighter;
padding:8px;
height:100%;
padding-top:13px;
}
p#infos span {

color:#502B40;
font-size:1.2em;
margin-bottom:8px;
font-weight:bold;

}

p#infos img {
text-align:center;
margin-bottom:5px;
/*border:1px solid #3D1F31;*/

}

ul.nav  {
width:100%;
background-color:#3D1F31;
padding-bottom:15px;
background-image:url(/images/bg-tittre.jpg);
background-repeat:repeat-x;
background-position:bottom left;
text-align:right;
color:#FFFFFF;
font-size:10px;
list-style-image:url(/images/space.jpg);
}

ul.nav li {
color:#FFFFFF;
display:inline;
background-image:url(/images/space.jpg);
background-position:left center;
background-repeat:no-repeat;
margin-right:5px;
padding-left:10px;
}


ul.nav li a {
color:#FFFFFF;
font-weight:bold;
}

ul.nav2  {
width:100%;
background-color:#3D1F31;
padding-bottom:15px;
background-image:url(/images/bg-titre2-10.jpg);
background-repeat:repeat-x;
background-position:bottom left;
text-align:right;
color:#FFFFFF;
font-size:10px;
list-style-image:url(/images/space.jpg);
}

ul.nav2 li {
color:#FFFFFF;
display:inline;
background-image:url(/images/space.jpg);
background-position:left center;
background-repeat:no-repeat;
margin-right:5px;
padding-left:10px;
}


ul.nav2 li a {
color:#FFFFFF;
font-weight:bold;
}

#profils {

float:left;
padding:8px;
width:22%;
margin-top:10px;

}






.tooltip{
  width: 200px; color:#000;
  font:lighter 11px/1.3 Arial,sans-serif;
  text-decoration:none;text-align:center}
.tooltip span.top{padding: 30px 8px 0;
  background: url(bt.gif) no-repeat top}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
  background: url(bt.gif) no-repeat bottom}



#droite {

 
 
 
width:182px;
padding-left:10px;

}

#droite3 {

 
 
 
width:182px;

}

#droite2 {

 
 
 
width:578px;
border-left:solid #429E23 3px;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;

}



.plusimage img {
float:left;
margin-right:5px;
clear:bottom;
position:absolute;
}

.plusimage p {
float:left;
font-size:11px;
padding-top:7px;
text-align:justify;
width:317px;
margin-left:265px;
}

ul.lesplus  {
border-bottom:1px solid #000000;
width:315px;

}

ul.lesplus li {
display:inline;


top:-5px;

}

ul.lesplus li a {
display:inline;
background-color:#ffffff;
color:#3D1F31;
font-size:12px;
position:relative;
}

ul.lesplus li a:hover {
background-image:url(/images/bg-plus.gif);
background-repeat:no-repeat;
background-position:top center;
display:inline;
background-color:#3D1F31;
color:#ffffff;
}




.o1 {
	float:left;
	background: url(/images/shadow.gif) right 100%;
	margin: 0 20px 20px 0
}

.o2 {
	background:url(/images/corner_bl.gif) no-repeat bottom left;
}

.o3 {
	padding:0 6px 6px 0;
	background:url(/images/corner_tr.gif) no-repeat top right
}






.doc {
background-image:url(/images/fond-Doc.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

.contact {
background-image:url(/images/fond-Contact.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}


input {
width:95%;
border:1px solid #CCCCCC;
}

input.envoyer {
width:100px;
border:1px solid #CCCCCC;
background-color:#3D1F31;
color:#FFFFFF;
cursor:pointer;
}

input.envoyer:hover {
width:100px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
color:#3D1F31;

}


textarea {
width:95%;
border:1px solid #CCCCCC;
}

select {

border:1px solid #CCCCCC;
}

.Style4 {	
color:#3D1F31;
font-weight:bold;
font-size:11px;
	
}



#passintro {
position:absolute;
top:580px;
left:25%;
right:25%;
font-size:9px;
color:#CCCCCC;


}

#passintro a:hover {
text-decoration:underline;

}

#flashZoneP {
margin-left:344px;
margin-top:275px;
position:absolute;
}

#flashZoneP2 {
margin-left:344px;
margin-top:315px;
position:absolute;
}

#flashZoneP3 {
	text-decoration:none;
	border:none;
}

#flashZoneP3 a {
	text-decoration:none;
	height:70px;
	
}

#img-zoom-G {
max-width:290px;
}

.accroche {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
 
margin:0;
padding:0;
font-size:18px;
margin-bottom:10px;
display:block;
color:#502B40;
}

#menu span {
font-size:9px;
color:#FFFFFF;
position:relative;

float:right;
margin-right:10px;
text-align:right;
background-image:url(images/news.jpg);
background-position:8px 2px;
background-repeat:no-repeat;
}

#menu span a {
cursor:pointer;
 float:none;
text-decoration:underline;
color:#FFFFFF;
}

#menu span a:hover {
text-decoration:none;

color:#FFFFFF;
}
#newsletter2 {
position:absolute;
top:65px;
 
width:315px;
left:55%;
}
input.email {
width:255px;
}

input.ok {
width:28px;
}


.btnmenu {
height:22px;
width:117px;
display:block;
}
.btnmenuM {
height:29px;
width:117px;
display:block;
}
.btnmenuP {
height:24px;
width:117px;
display:block;
}



.btnmenu span {
display:none;
}

.btnmenuM span {
display:none;
}

.btnmenuP span {
display:none;
}


#m-aspect a {
padding-left:300px;
}

#m-aspect {
background-image:url(images/m-aspect.jpg);
background-repeat:no-repeat;
}

#m-aspect {
background-image:url(images/m-aspect.jpg);
background-repeat:no-repeat;
}


ul.plan {
float:none;
padding-left:15px;
}

ul.plan a:hover {
color:#999999;
}