/* CSS Document */
/*SecondStyle*/

/*MAIN*/
body,div,p,html,table,h1,h2,h3,li,ul,img,p,a{margin: 0; padding: 0; border:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}  
body{
	behavior:url(../css/csshover.htc);
	margin:10px auto;
	background-color:#334;
	font-family:Verdana;
	color:#222;
	font-size:10px;
}
ul{
	list-style-type:none;
}
h1{
	line-height: 0;
}
p,dl{
	padding:10px 0px 5px 20px;
	font-size:9px;
	color:#344;
}
dl{
	margin: 0 0 5px -5px;
	border-bottom: dashed #930 1px;
	width: 250px;
}
dt{
	font-size:11px;
	color: #333344;
	font-weight: bold;
	padding-left: 0px;
	padding-bottom: 5px;
}
dd,#dd2{
	padding: 0 0 3px 12px;
	margin-left: 0;
	background-image: url(../images/puce_dd.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#dd2{ background-image: url(../images/puce_dd_bis.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
a{color:navy; text-decoration:underline;}
a:hover{color:#navy; text-decoration:none;}


/*END MAIN*/
/* BEGIN HOME*/
#home{width:570px; height:428px; margin:auto; margin-top:35px; background:#6d9191 url(../images/home_trilingual.jpg);}
#home h1{
	font-size:12px;
	color:#CCC;
	padding:45px 65px;
	height:60px;
	width:205px;
	line-height:150%;
	text-indent:-5000px;
}
#home a{margin: 5px 95px; width:75px; height:17px; display:block; font: normal 11px Verdana, Arial, Helvetica, sans-serif;color:#EFEFEF;}
/*END HOME*/
/* BEGIN FOOTER */
#footer{
	background:#BABABA url(../images/fond-footer.jpg);
	width: 750px;
	height: 50px;
	margin: 0px auto;
}
#footer a{
	text-align:center;
	display:block;
	padding: 16px 12px 16px 5px;
	font-size: 9px;
	font-weight: lighter;
	color:#334;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
/* END FOOTER */

/* BEIGN HEADER*/

#header{padding: 5px  7px;}
#header h1{ font-size:150%; font-weight:bold;}
#header p{ color:#333;}
/* END HEADER*/

/* BEGIN MENU*/
div#menu{
	width:590px;
	background: #6D9191 url(../images/fond-div-menu_03.jpg);
	height: 26px;
	float:left;
	position: relative;
	z-index: 100;
	padding: 12px 0 0 123px;
}
div#menu li{
	float: left;
	position:relative;
	list-style-type:none;
	height: 20px;
}
div#menu li a{
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	text-align: center;
	width: 86px;
	display: block;
}
div#menu li a:hover {
	text-decoration: underline;
	color: #45595E;
}
div#menu ul li ul{
	margin:0;
	width:86px;
	position:absolute;
	top: 13px;
	display:none; 
	background: #98B0C8 url(../images/dropdown_li_01.gif);
	border-bottom: 4px #334 solid;
}
div#menu ul li:hover ul, div#menu li ul:hover{ display:block; z-index:45;}
div#menu ul li ul li{ width:86px; float:left;}
div#menu ul li ul li:hover{ width:86px; float:left;}
div#menu ul li ul li a:hover{ color: #6D9191; background: url(../images/dropdown_li_02.gif); text-decoration:none; width: 100%; height: 100%; display:block;}
div#menu li a.on{ color:#999;background-color:#FFF;}
/* END MENU*/

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#menu ul { float:left;} /* makes the ul wrap the li's */
* html a {display:block;}/* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */
/* END OF LIST-BASED MENU */

#allBody{
	width:750px;
	background-color: #6D9191;
	background-image: url(../images/fond-allbody_02.gif);
	margin: 0px auto 0px auto;
}
#allHeader{
	width:750px;
	height:215px;
	margin:0px;
	padding:0px;
	z-index: 34;
}
#banner_galerie{ background:#333344 url(../images/banner_01new_galeries.jpg) no-repeat;height:177px;text-indent: -5000px;}
#banner a,#banner_galerie a{
	display: block;
	height:177px;
	width:750px;
}
/*BEGIN CONTENT, ALLCONTENT*/
#allContent{
	width:600px;
	background-color: #69C;
	height: 650px;
	background-image: url(../images/bg_allcontent_03.jpg);
	margin: 0px auto;
	position: relative;
	z-index: 12;
}
#content1{
	position:absolute;
	width: 300px;
	left: 21px;
}
#content1 h1{
	background: url(../images/aboutme_fr.gif) bottom left no-repeat;
	text-indent: -5000px;
	height: 60px;
}
#content2{
	position:absolute;
	left: 21px;
	top: 192px;
	width: 300px;
}
#content3{
	position:absolute;
	left: 21px;
	width: 300px;
}
#content4{
	position:absolute;
	left: 21px;
	top: 122px;
	width: 300px;
}
#content5{
	position:absolute;
	left: 21px;
	width: 263px;
	top: 0px;
}
#content5 h1{
	text-indent:-5000px;
	background: url(../images/artichaud_lien.gif) bottom left no-repeat;
	height: 60px;
}
#content6{
	position:absolute;
	left: 311px;
	width: 258px;
	top: 0px;
}
#content6 h1{
	text-indent:-5000px;
	background: url(../images/cfwb.gif) bottom left no-repeat;
	height: 60px;
}
#content7{
	position:absolute;
	width: 300px;
	left: 21px;
}
/*END CONTENT, ALLCONTENT*/
/*classes IMAGE, DATUM,ARROW*/
.image{float: right;padding-right: 12px;}
.image2{position: absolute;left: 364px;top: 219px;}
.image3{float:left;background-color:#FFF;width:59px;height:140px;padding: 5px 10px 5px 20px;}
.image4{float: right;margin: 5px 0px 5px 15px ;width: 59px;height: 140px;}
.image5{position: absolute;left: 40px;top: 275px;}
.datum{color: #930;font-size: 12px;margin: 0 0 3px 0;}
.arrow,a.arrow,p.commande a{ color:#4b9191; display:inline;text-decoration:none; font-size: 11px;}
a.arrow:hover,p.commande a:hover{ color:#333; text-decoration:none;}
p.commande{
	text-align:center;
	height: 60px;
	padding-left: 100px;
}
/*galeries flash*/
.galery{
	width:535px;
	background: #6D9191 url(../images/fond-div-menu_03.jpg);
	height: 26px;
	float:left;
	position: relative;
	z-index: 100;
	padding: 12px 0 0 160px;
}
.galery ul li{
	float: left;
	position:relative;
	list-style-type:none;
	height: 20px;}
.galery li a{
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	text-align: center;
	width: 80px;
	display: block;
}
.galery ul li a:hover {text-decoration: underline;color: #45595E;}
.galery li a.arrow{ color:#FFF; display:inline;}
.galery li a.arrow:hover{ color:#333; text-decoration:none;}
.on{ text-decoration: underline; float: left;position:relative;list-style-type:none;height: 20px;width: 80px;text-align: center;}
/*Formulaires*/
#form1{
	width: 425px;
	background-image: url(../images/background_form.gif);
}
#form_commander{
	margin: 20px 0 0 88px;
	background-color: #FFEFA8;
	border: 1px #333 dashed;
	border-bottom-style: dotted;
	border-top-style: dotted;
}
#fill{ height: 45px; width: 425px; background-color:#EEE; color:#006699;}
.infos{
	width: 345px;
	margin: 12px 0 12px 19px;
	color: #637E79;
	border: #C6A369 1px dashed;
}