body  {
	margin : 0;
	padding : 11px 0 0 0;
	background : #ecedf0 url(../image/fond.jpg) repeat-x top;
} 

/**********************************************************************
Divers
**********************************************************************/
.separation  {
	clear : both;
	width : 100%;
	height : 1px;
	line-height : 1px;
	padding-top : 10px;
	border-bottom : 3px solid #d6d6d6;
} 

.img_actu
{
	float:left;
	margin-right: 10px;
}

.pdf
{
	background: url(../image/icone_pdf.jpg) no-repeat;
	font-weight: bold;
	padding-left: 28px;
	display: block;
	line-height: 24px;
	width: 1px;
	white-space: nowrap;
	float:left;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #203753;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/**********************************************************************
Conteneur
**********************************************************************/
#conteneur 
{
     position: absolute;
     left: 50%;
     width: 912px;
     margin-left: -456px;
	 padding-bottom: 5px;
}

/**********************************************************************
Head 1
**********************************************************************/
#head_1 #logo
{
	float: left;
}

#head_1 #logo img
{
	margin-left: 9px;
}

#head_1 #menu
{
	float: right;
	background: #000 url(../image/fond_menu.jpg) repeat-y right;
	width: 702px;
	height: 31px;
	margin: 15px 0 0 0;
	padding: 0;
}

#head_1 #menu ul
{
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0 0 0 127px;
}

#head_1 #menu li
{
	display: inline;
	padding: 0 6px 6px 0;
	margin: 0;
}

#head_1 #menu li a
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
}
#head_1 #menu li a:hover
{
	color: #E61916;
}

/**********************************************************************
Types d'envoi
**********************************************************************/
#envois
{
	background: url(../image/fond_envois.gif) no-repeat;
	height: 257px;
	
}

#envoi_1, #envoi_2
{
	width: 304px;
	text-align: center;
	position : absolute;
	padding-top: 17px;
}

#envois h2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E61916;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}

#envois img
{
	border: 1px solid #333;
	margin-top: 9px;
}

#envoi_1 p, #envoi_2 p
{
	background: url(../image/puce_jaune.gif) no-repeat 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
	margin: 0 0 4px 10px;
	padding: 0 0 0 10px;
}

#envoi_1 p a, #envoi_2 p a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

#envoi_1 p a:hover, #envoi_2 p a:hover
{
	color: #E61916;
}

#envoi_1 .premiere_ligne, #envoi_2 .premiere_ligne
{
    margin-top:15px;
}

#envoi_2
{
	left:304px;
}

#actualite
{
	position : absolute;
	left: 608px;
	width: 295px;
	padding: 17px 0 0 9px;
}

#liste_actualite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 9px 0 0 0;
	overflow: auto;
	height: 205px;
}

#liste_actualite div
{
	padding: 10px 0 10px 0;
	margin: 0 5px 0 0;
	border-bottom: 1px dotted #3B516B; 
}

#liste_actualite .premier
{
	padding: 0 0 10px 0;
}

#liste_actualite div .titre_actu {
    background: url("../image/fleche_actu.gif") no-repeat scroll 0 3px transparent;
    color: #3B516B;
    font-weight: bold;
    padding-left: 15px;
}

#envois .boutons
{
	position : absolute;
	text-align: right;
	padding: 0;
	margin-top: 234px;
	width: 294px;
}

#envois .boutons img
{
	margin: 0;
	padding: 0;
	border: none;
}

#envois .bouton_2
{
	margin-left:304px;
}

#envois .bouton_3
{
	margin-left:608px;
}

/**********************************************************************
Contenu
**********************************************************************/
#contenu
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	background: #E6DFD1;
	padding: 15px 0px 10px 10px;
	height:inherit;
	width: 902px;
	margin-bottom: 5px;
}

#contenu h3
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #203753;
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin-bottom: 20px;
}

#contenu h3 span
{
	color: #E61916;
}

#contenu img
{
    float: left;
	padding: 0 10px 5px 0;
}

#contenu #texte
{
	float: left;
	width: 588px;
}

#contenu #texte a
{
	color: #000;
}

#contenu #texte a:hover
{
	color: #E61916;
}

#contenu #partenaire
{
	float: right;
	width: 284px;
	padding: 0 10px 0 0;
}

#contenu #partenaire a
{
	color: #000;
}

#contenu #partenaire a:hover
{
	color: #E61916;
}

#tarif .ligne_tarif
{
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #3B516B;
}

#actualite a, #tarif a
{
	color: #E61916;
}

#tarif .ligne_tarif .titre_tarif
{
	background: url(../image/fleche_actu.gif) no-repeat 0px 3px;
	font-weight: bold;
	color: #3B516B;
	padding-left: 15px;
}

#tarif .description_tarif
{
	text-align: justify;
	width:82%;
	padding-right: 10px;
}

#tarif .tarif_tarif
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #E61916;
	width:18%;
	border-left: 1px dotted #3B516B;
	text-align: right;
}

/**********************************************************************
Pied
**********************************************************************/
#pied
{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	background: #3B516B;
	height: 22px;
	text-align: center;
	line-height: 22px;
}

/**********************************************************************
Liens en bas de page
**********************************************************************/
#liens_bas
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B516B;
	text-align: center;
	padding: 10px 0 10px 0;
}

#liens_bas a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B516B;
}

#liens_bas a:hover
{
	color: #E61916;
}

/**********************************************************************

Pages intérieures

**********************************************************************/
#contenu_int
{
	float: left;
	background: #F8F8F8;
}

/**********************************************************************
Contenu texte
**********************************************************************/
#contenu_int #texte
{
	float:left;
	width: 587px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	padding-bottom: 20px;
}

#contenu_int #texte h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #E61916;
	padding: 0;
	margin: 0;
}

#contenu_int #texte a
{
	color: #000;
}

#contenu_int #texte a:hover
{
	color: #E61916;
}

#contenu_int #texte .logo
{
	border: 1px solid #333;
}

#contenu_int #texte .package
{
    margin-left: 7px;
}

#contenu_int #actualite_int .ligne_actu
{
	border-bottom: 1px dotted #3B516B;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

#contenu_int #actualite_int .ligne_actu .titre_actu
{
    background: url("../image/fleche_actu.gif") no-repeat scroll 0 3px transparent;
    color: #3B516B;
    font-weight: bold;
    padding-left: 15px;
}

/**********************************************************************
Contenu publicité
**********************************************************************/
#contenu_int #publicite
{
	float: left;
	width: 305px;
	text-align: right;
	padding-bottom: 20px;
}

#contenu_int #publicite a
{
	display: block;
	padding: 0;
}

#contenu_int #publicite .pub_1
{
	margin: 10px 10px 0 12px;
	width: 283px;
}

#contenu_int #publicite .pub_2
{
	margin: 0 0 0 12px;
	width: 293px;
}

#contenu_int #publicite .pub_3
{
	margin: 10px 10px 0 12px;
	width: 283px;
}

/**********************************************************************
Cartouches en bas de page
**********************************************************************/
#cartouche_bas
{
	clear: both;
	background: #E6DFD1;
	margin-bottom: 5px;
	text-align: center;
	padding: 10px 0 5px 0;
}

#cartouche_bas img
{
    border: 1px solid #333;
}

#cartouche_bas span
{
    margin: 0 10px 0 10px;
}

/**********************************************************************
Eléments de la rubrique contact
**********************************************************************/
#cart_telephone
{
	background: url(../image/fond_cart_telephone.jpg) no-repeat;
	text-align: right;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

#cart_telephone span
{
	color: #FFB400;
}

#cart_courrier
{
	background: url(../image/fond_cart_courrier.jpg) no-repeat;
	text-align: right;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

#cart_courrier span
{
	color: #FFB400;
}

#cart_email
{
	background: url(../image/fond_cart_email.jpg) no-repeat;
	text-align: right;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

#cart_email span
{
	color: #FFB400;
}

#contenu_int #texte #cart_email a
{
	color: #FFFFFF;
}

#contenu_int #texte #cart_email a:hover
{
	color: #E61916;
}

#formulaire
{
	background: url(../image/fond_formulaire.gif) no-repeat bottom;
	padding: 10px 0 0 10px;
}

#formulaire form
{
	padding:0;
	margin:0;
}

#formulaire td
{
    border-bottom: 2px solid #DEDEDE;
	border-right: 2px solid #DEDEDE;
	padding:0;
	margin:0;
}

#formulaire .titre
{
    background: #5E728A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-right: 2px;
}

#formulaire select
{
    width: 304px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#formulaire input
{
    width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#formulaire textarea
{
    width: 459px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#formulaire .image
{
    width: 125px;
	height: 26px;
	margin: 10px 0 10px 104px;
}

#envoi_msg
{
	width: 100%;
	height: 119px;
	background: url(../image/fond_msg_envoi.gif) no-repeat center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-top: 20px;
}
