/* CSS Document */
body{
background:url("../Images/bgamg.jpg") repeat fixed left top transparent;
background-size: cover;
margin:0;
text-align:center; /*IE*/
padding:0;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#boody{
background-repeat:repeat-x;
width:100%;
height:42px;
}
#box{
margin-left:auto;
margin-right:auto;
width:1040px;
}
#titre{
margin-top:20px;
color:#FFFFFF;
height:95px;
width:100%;
background-image:url(../layout_img/fond_point.png);
}

#logo{
	float:left;
	width:200px;
}

#header{
	float:left;
	width:820px;
}

#menu{
height:55px;
float:left;
background-image:url(../layout_img/fond_menu.png);
width:1040px;
margin-bottom:5px;
}
#menu ul {

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

#topmenu{
height:20px;
float:left;
background-image:url(../layout_img/fond_barre.png);
width:1040px;
	}

#menu ul li a:link{
color:#327195;
float:left;
font-size:14px;
padding-left:16px;
padding-right:21px;
padding-top:20px;
text-decoration:none;
height:35px;
border:1px solid white;
}
#menu ul li a:hover{
background-repeat:repeat-x;
color:#636363;
background-image:url(../layout_img/menu_over.png);
padding-left:16px;
padding-right:21px;
text-decoration:none;
padding-top:20px;
height:35px;
font-size:14px;
border:1px solid white;
}
#menu ul li a:visited{
background-repeat:repeat-x;
color:#327195;
padding-left:16px;
padding-right:21px;
padding-top:6px;
float:left;
text-decoration:none;
padding-top:20px;
height:35px;
font-size:14px;
border:1px solid white;
}
#menu ul li a:visited:hover{
background-repeat:repeat-x;
color:#636363;
padding-left:16px;
padding-right:21px;
padding-top:6px;
float:left;
text-decoration:none;
padding-top:20px;
height:35px;
font-size:14px;
border:1px solid white;
}


#middle{
	background-image:url(../layout_img/fond_point.png);
	height:260px;
	float:left;
	width:1040px;
	}

#colonne{
background-image:url(../layout_img/fond_form.png);
float:right;
padding:11px;
color:#FFFFFF;
font-size:15px;
text-align:right;
overflow:hidden;
width:330px;
height:238px;
}
#contenu{
width:1040px;
margin-top:5px;
float:left;
text-align:left;
padding-bottom:22px;
text-align:left;
background-image:url(../layout_img/fond_point.png);
}

#txtacc{
		background-image:url(../layout_img/fondacc.png);
	height:100px;
	width:805px;
}



.blocTxt{
background-color:#FFFFFF;
border:2px solid #666666;
float:left;
margin-left:12px;
margin-top:8px;
width:1000px;
padding:5px;
}
.blocTxt p{
padding:7px;
}
.vignette{
background-color:#efefef;
background-repeat:repeat-x;
float:left;
height:150px;
margin-left:13px;
margin-top:8px;
position:relative;
width:500px;
}
.titreVignette{
color:#327195;
float:left;
font-size:14px;
font-weight:bold;
height:20px;
margin-left:2%;
margin-top:8px;
text-align:left;
width:50%;
}
.prixVignette{
color:#000;
float:left;
font-size:12px;
font-weight:bold;
height:20px;
margin-top:10px;
text-align:right;
width:45%;
}


.imgVignette img{
float:left;
width:156px;
margin:5px;
height:98px;
}
.Prix{
color:#FFFFFF;
margin-top:8px;
}
.descVignette{
color:#696969;
float:left;
font-size:11px;
text-align:left;
width:330px;
overflow:hidden;
max-height:100px;
}
.descVignetteD{
color:#666666;
float:left;
font-size:11px;
margin-top:38px;
text-align:left;
width:364px;
}
.descVignette p{
padding:3px;
}
.detailVignette{
height:17px;
position:absolute;
top:105px;
left:400px;
padding:5px;
}
form select option {
font-size: 10px;
width:80px;
 
} 
#contenu a:link{
color:#327195;
text-decoration:none;
}
#contenu a:hover{
color:#327195;
text-decoration:none;
}
#contenu a:visited{
color:#327195;
text-decoration:none;
}
#contenu a:visited:hover{
color:#327195;
text-decoration:none;
}

.Nb{
	padding:5px;
	}

.tableau{
float:left;
margin-top:2px;
width:150px;
}
.affdet{

background-color:#EFEFEF;
border:2px solid #327195;
float:left;
margin-top:0;
position:relative;
margin-left:15px;
width:1010px;
}

.ville{
color:#020202;
font-size:15px;
left:8px;
position:absolute;
top:8px;
}
.prix{
color:#327195;
font-size:13px;
font-weight:bold;
left:880px
position:absolute;
top:8px;
}
.gal{
float:left;
margin-top:29px;
padding:9px;
}
.middle{
float:left;
margin-left:28px;
width:265px;
}

#imggrosse {
height:260px;
margin-right:5px;
width:260px;
}

.retour{
	text-align:right;
	cursor:pointer;
	font-weight:bold;
	color:#327195;
	}

.page_r{
	font-weight:bold;
	}

#fondbl{
background-color:#EFEFEF;
float:left;
height:240px;
margin:10px;
width:665px;
}

#dotted{
	margin:20px;
width:625px;
height:200px;
border:1px dotted #327195;
	}

#simple{
	float:left;
margin-left:435px;
margin-top:16px;
width:340px;
}

#suite-liste {
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #FFFFFF;
margin:20px 0 0;
padding:0;
}
#suite-liste #title {
border-bottom:1px dotted #333333;
color:#327195;
font-size:12px;
font-weight:bold;
margin:0 5px;
padding:5px;
}
#suite-liste #box {
float:left;
margin:5px;
padding:5px;
width:325px;
}
#suite-liste #box #subtitle {
border-bottom:1px solid #CCCCCC;
color:#333333;
font-size:12px;
font-weight:bold;
margin:0 0 13px;
padding:0 0 5px;
}
#suite-liste #box #subtitle a {
color:#333333;
text-decoration:none;
}
#suite-liste #box #subtitle a:hover {
color:#E2001A;
text-decoration:none;
}
#suite-liste #box #nameliste {
color:#333333;
font-size:11px;
font-weight:normal;
margin:0 0 8px;
padding:0;
}
#suite-liste #box #nameliste a {
color:#333333;
text-decoration:none;
}
#suite-liste #box #nameliste a:hover {
color:#E2001A;
text-decoration:none;
}
#suite-liste #box #others {
margin:0;
padding:0;
}
#suite-liste #box #others a {
color:#666666;
display:block;
float:left;
font-size:11px;
margin:0;
padding:2px;
text-decoration:none;
width:185px;
}
#suite-liste #box #others a:hover {
color:#333333;
text-decoration:underline;
}
#suite-liste #box #plus {
color:#000000;
font-size:12px;
margin:4px 0 3px;
padding:3px;
text-align:right;
}
#suite-liste #box #plus a {
color:#333333;
text-decoration:none;
}
#suite-liste #box #plus a:hover {
color:#000000;
text-decoration:underline;
}

#clear {
clear:both;
}