/* CSS Document */



/********************
******* CONTENTS *******
*********************/


#conteneur{
margin:0;
padding:0;
width:958px;
margin-left:auto;
margin-right:auto;
background:white;
}

#header{
margin:0;
padding:0;
background:white;
text-align:center;
width:100%;
float:left;
}

#header img{
margin:5px 150px;
padding:0;
}



#contenu{
margin:0;
padding:0 0 20px 0;
width:100%;
text-align:center;
float:left;
}



#offre-accueil, #offre-index, #offre{
width:918px;
background:white url(../images/forfait-neo-entreprises.jpg) no-repeat;
}

#offre-accueil, #offre-index, #offre h2{
color:#009bb7;
}

#offre-accueil h2{margin:40px 10px 0 520px;}

#offre-index h1, #offre-index h2, #offre-index h3{
margin:40px 10px 0 420px;	
}

#offre-index h1{
color:#009bb7;
font-weight:normal;
font-size:1.9em;	
}


#offre-accueil h3, #offre-index h3{
margin:0 10px 0 420px;color:#173c68;	
}

#offre h2{
margin:55px 10px 0 15px;	
}

#offre-accueil h2, #offre-index h2 a{
color:#009bb7;
}

#offre-accueil h2 a:hover, #offre-index h2 a:hover{
color:#FA7405;
}


#offre-mini h2 span, .offre h2 span{
font-weight:bold;
}

.offre-mini, .offre-vide{
margin:10px 17px;
padding:0;
display:block;
width:441px;
height:220px;
float:left;
border:1px solid #91cfd6;
color:#009bb7;
}

.offre-vide{border:1px solid white;}

.offre-mini h1{
margin:15px 0 0 20px;padding:0;
color:white;
font-size: 1.5em;
font-weight:bold;
}

.offre-mini h1 a{
color:white;
}

.offre-mini h3 a, .offre-mini h4 a{color:#009bb7;}

.offre-mini h1 a:hover, .offre-mini h3 a:hover, .offre-mini h4 a:hover{
color: #FA7405;
}



.offre-mini h3{
margin:15px 0 0 25px;padding:0;
color:#009bb7;
font-weight:bold;
}

.offre-mini h3 em{padding:0 140px 0 0;font-size:.8em;color:black;line-height:1.2em;}

.offre-mini h4{
margin:5px 0 0 5px;padding:0;
color:#173c68;
font-weight:bold;
}

#offre-index img{
padding:0;
float:right;
}

.offre-mini img{
padding:45px 30px 0 0;
float:right;
}

/* pour le detail des offres */
h2.detail, h3.detail, p.detail {margin:0 225px 0 15px;color:#173c68;}
h2.detail{letter-spacing:-.021em;}	
h3.detail{margin-bottom:10px;}
h4.detail{margin:15px 15px 5px 15px;font-weight:bold;color:#009bb7;}



p.detail, p.detail img{margin:5px 225px 15px 15px;text-align:justify;}

img.detail{float:right;margin:0 25px 0 10px;}

ul.detail{margin:5px 225px 15px 60px;padding:0;list-style-type:square;text-align:left;}

ul ul.detail{margin:5px 0 15px 45px;padding:0;list-style-type:disc;text-align:left;}


p.mentions{margin:80px 22px 0 22px;font-size:.75em;text-align:justify;color:#555;font-style:italic;}

#pages p{margin:0 22px 0 22px;font-size:.75em;text-align:center;color:#555;font-style:italic;}
#pages p a{color:#6c6c6c;}


#contenu .centrage {margin:0 50px 30px 50px;}
/**********************
***** BTN DECOUVRIR *****
**********************/

/*<img class="png" src="./images/decouvrir.png" alt="découvrir l'offre" title="découvrir l'offre"/>*/
.decouvrir{
margin:10px 30px 0 0;
float:right;
width:127px;
height:44px;
background: url(../images/decouvrir.png) no-repeat;

}

.decouvrir span{
font-size:10px;
letter-spacing: -50000px;
top: -5000px;	
position:absolute;	
	}

.decouvrir a{
display:block;	
width:127px;
height:44px;
background: url(../images/decouvrir.png) no-repeat;
background-position:0% 0%;  
text-decoration: none;
color : none;


	}


.decouvrir a:hover{
background:url(../images/decouvrir.png) no-repeat;
background-position:0% 100%;  
text-decoration: none;
border:none;

}

.mini{/*pour descendre le btn decouvrir dans les miniatures des offres */
margin:0 30px 0 0;

}


/**********************
***** BTN DEVIS *****
**********************/

/*<img class="png" src="./images/decouvrir.png" alt="découvrir l'offre" title="découvrir l'offre"/>*/
.devis{
margin:0 30px 0 0;
float:right;
width:163px;
height:44px;
background: url(../images/devis-en-ligne.png) no-repeat;

}

.devis span{
font-size:10px;
letter-spacing: -50000px;
top: -5000px;	
position:absolute;	
	}

.devis a{
display:block;	
width:163px;height:44px;
background: url(../images/devis-en-ligne.png) no-repeat;
background-position:0% 0%;  
text-decoration: none;
color : none;


	}


.devis a:hover{
background: url(../images/devis-en-ligne.png) no-repeat;
background-position:0% 100%;  
text-decoration: none;
border:none;

}

.mini{/*pour descendre le btn decouvrir dans les miniatures des offres */
margin:0 30px 0 0;

}

/*pour les liens pdf des offres*/

.pdf{
margin:0 80px 0 0;
float:right;
width:150px;

}

.pdf img{
margin:12px 0 0 0;
float:left;
}
#btn{margin:35px 0 0 0;}