@charset "iso-8859-1";

@import url(structure.css);

@import url(_elements.css);

/*@import url(navigation_elements.css);*/

@import url(boxes.css);

@import url(catalog.css);

@import url(calendar.css);

@import url(form.css);

@import url(newsletters.css);

@import url(publication_methods.css);

@import url(react_to_article.css);

@import url(recommend_the_site.css);

@import url(send_article.css);

@import url(nyroModal.css);



/* COMMON STYLES */

body {

	padding:0;

	margin:0;

	width:100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:70%;

}

img {
	border:0;
	vertical-align: middle;
}

.clear {

	clear: both;

	visibility: hidden;

}

/* ----------------- */
/* MENU DU CATALOGUE */
/* ----------------- */

#horizontalmenu #first_level {
    margin-top: 15px;
}
#horizontalmenu #first_level li {
    margin: 0px 0px 10px 7px;
    text-align: center;
    font-weight: bold;
    list-style :none;
}

#horizontalmenu #first_level li a {
    background: #153868;
    padding-top: 5px;
    font-size: 13px;
    display: block;
    width: 132px;
    height: 24px;
}

#horizontalmenu #second_level li {
    margin: 5px 0px 0px 0px;
}

#horizontalmenu #second_level li a {
    background: #DDDDDD;
    padding-top: 2px;
    font-size: 11px;
    display: block;
    color: #397EA5;
    width: 132px;
    height: 18px;
}

#horizontalmenu #second_level li a:hover, #horizontalmenu #second_level li.active a {
    background: #AAAAAA;
    color: white;
}


#boite_logo_square img{
    width:140px;
    position:absolute;
    top:3px;
    right:-150px;
}

#mention_square{
    background:transparent;
    height:15px;
    position:absolute;
    top:50px;
    left:-70px;
    *left:-30px;
    -left:-110px;
    color:#153868;
    width:530px;
    font-size:0.7em;
    -font-size:1em;
}



/*************************************************************************************************************/
/*                                     REFONTE LEGERE MEDIAPILOTE 19-11-2010                                 */
/*************************************************************************************************************/

#contents #description h1,
#contents #description h2,
#contents #description h3,
#contents #description h4,
#contents #description h5,
#contents #description h6{margin: 0px;}

#nyroModalContent a:hover{background-color:transparent;}

.product_detail{}

.product_detail #haut_produit {padding-bottom:20px; height:60px;}

.product_detail #haut_produit #titre_produit{
width:380px;
float:left;
}

.product_detail #haut_produit #titre_produit h1{margin: 10px 0px 0px 0px;}

.product_detail #haut_produit #prix{
width:140px;
float:left;
font-size:1.5em;
font-weight:bold;
margin:10px 0px;
color:#ff7f00;
}



.product_detail #visus{

}

.product_detail #visus #visu_princ{
width:400px;
float:left;
}

.product_detail #visus #visu_princ img{width:390px;}

.product_detail #visus #visuels_additionnels{
width:120px;
float:left;
height:292px;
overflow:hidden;
}

.product_detail #visus #visuels_additionnels img{width:100px; padding:5px 0px;}

#description{
margin:20px 0px;
}



#description_complete{

}


#description_complete #description_bien,
#description_complete #info_general{
width:226px;
border:2px solid #397EA5;
padding:10px;
float:left;
margin: 0px 0px 20px 0px;
}

#description_complete #description_bien{margin: 0px 20px 10px 0px;}

#description_complete #description_bien h3,
#description_complete #info_general h3{
font-size:1.4em;
margin:-10px -10px 10px -10px;
padding:0.1em;
background:#397EA5;
color:white;
}

#description_complete #info_general{}


#lien_contact{
margin:10px 0px;
display:block;
}

a#lien_contact:hover{background:transparent; color:#153868;}