/* Structure globale des pages */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	color: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

#top {
	position: relative;
	min-width: 800px;
	height: 141px;
	background: url(images/decor-top.png) 612px 0 no-repeat;
}

#menu {
	position: relative;
	min-width: 800px;
	height: 32px;
	background: #000 url(images/menu-background.jpg) top left repeat-x;
	border-top: 1px solid #fff;
	z-index: 1;
}

#middle {
	position: relative;
	min-width: 800px;
	min-height: 400px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #c0ccaf;
	color: #000;
	padding-top: 18px;
	/*z-index: 1;*/
}

#bottom {
	position: relative;
	min-width: 784px;
	height: 310px;
	background: url(images/decor-bottom.png) 220px 0 no-repeat;
}

#top-content,
#menu-content,
#middle-content,
#bottom-content {
	position: relative;
	width: 800px;
}

/* Mise en forme du bandeau */

#top h1 a {
	display: block;
	width: 367px;
	height: 141px;
	background: url(images/environnement-web-sites-et-libre.jpg);
}

#top h1 a span {
	display: none;
}

#top h2.grenouille-portable {
	position: absolute;
	left: 410px;
	top: 0;
	display: block;
	width: 176px;
	height: 164px;
	background: url(images/grenouille-portable-environnement-web.png);
	z-index: 100;
}

#top h2.grenouille-main {
	position: absolute;
	left: 410px;
	top: 0;
	display: block;
	width: 204px;
	height: 163px;
	background: url(images/grenouille-main-environnement-web.png);
	z-index: 100;
}

#top h2 span {
	display: none;
}

/* Mise en forme du menu */

#menu li {
	list-style: none;
	display: inline;
}

#menu .menu-1 {
	position: relative;
	padding-left: 5px;
}

#menu .menu-1 li {
	position: relative;
	padding: 8px 5px;
	margin-left: 0;
}

#menu .menu-1 li.separateur {
	position: relative;
}

#menu .menu-1 li a {
	text-transform: uppercase;
	color: #fff;
	line-height: 32px;
	text-decoration: none;
}

#menu .menu-1 li a:hover {
	color: #c0ccaf;
}

#menu .menu-1 li .sous-menu {
	position: absolute;
	top: 28px;
	left: -10px;
	width: 180px;
	padding-top: 2px;
	background: #000;
	border: 1px solid #fff;
	border-top-width: 0;
}

#menu .menu-1 li .sous-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu .menu-1 li .sous-menu li a {
	position: relative;
	display: block;
	text-transform: none;
	color: #fff;
	line-height: 12px;
	padding: 4px 6px;
	font-size: 12px;
	border-bottom: 1px solid #393939;
	background: #000;
}

#menu .menu-1 li .sous-menu li a:hover {
	background: #393939 url(images/menu-background.jpg) 0 0 repeat-x;
	border-bottom-color: #fff;
}

#menu .menu-2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	text-align: right;
	color: #c0ccaf;
	margin-right: 10px;
}

#menu .menu-2 li a {
	color: #c0ccaf;
	line-height: 32px;
	text-decoration: none;
}

#menu .menu-2 li a:hover {
	color: #fff;
}

/* Mise en forme du corps de la page */

#content {
	width: 514px;
	margin: 0 0 18px 12px;
}

#sidebar {
	float: right;
	width: 252px;
	margin: 2px 10px 18px 0;
}

#wide-content {
	margin: 0 10px 18px 12px;
}

/* Mise en page du pied de page */

#bottom p {
	padding: 13px 8px;
}



/* Mise en page courante dans le corps de la page */

#middle h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
}

#middle h2 {
	margin: 18px 0 20px 0;
	font-size: 11px;
	font-weight: bold;
}

#middle h4 {
	margin: 8px 0 12px 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 22px;
	color: #fff;
	background: url(images/liste-bouton-noir.png) center left no-repeat;
	padding-left: 34px;
}

#middle h4.btn-noir {
	background: url(images/bouton-noir.png) 27px center no-repeat;
}

#middle p {
	margin: 4px 0;
	text-align: justify;
}

#middle p.non-justifie {
	text-align: left;
}

#middle ul {
	margin: 6px 0;
}

#middle li {
	list-style-image: url(images/puce-li.png);
	list-style-position: outside;
	margin-left: 16px;
}

#middle ul.sans-puce li {
	list-style-type: none;
	list-style-image: none;
}

#middle a {
	color: #737a69;
	text-decoration: none;
}

#middle .remarque {
	color: #737a69;
	font-style: italic;
}

#middle .center {
	text-align: center;
}

.clearer {
	clear: both;
}

.clear-left {
	clear: left;
}

.pointweb {
	color: #c0ccaf;
	text-transform: uppercase;
}

.pointwebnegatif {
	color: #737a69;
	text-transform: uppercase;
}

.arobase {
	vertical-align: middle;
	margin: 0 1px;
}

.illustration {
	border: 1px solid #fff;
}

#middle .bloc-infos,
#middle .bloc-infos-couronne {
	position: relative;
}

#middle .bloc-infos-couronne .entete {
	position: absolute;
	top: 0;
	right: 0;
	width: 263px;
	height: 50px;
	background: url(images/bloc-infos-couronne.png) bottom right no-repeat;
	z-index: 100;
}

#middle .bloc-infos-couronne .entete h4 {
	margin: 37px 0 0 60px;
	padding: 0;
	line-height: 13px;
	background-image: none;
}

#middle .bloc-infos .contenu,
#middle .bloc-infos-couronne .contenu {
	position: relative;
	top: 50px;
	margin-bottom: 50px;
	display: block;
	width: 232px;
	padding: 4px 10px 4px 10px;
	background: url(images/bloc-infos-background.jpg) bottom left repeat-y;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#middle .bloc-infos .contenu *,
#middle .bloc-infos-couronne .contenu * {
	text-align: left;
}

#middle .bloc-infos .contenu h5,
#middle .bloc-infos-couronne .contenu h5 {
	font-size: 11px;
	font-weight: bold;
}

#middle .bloc-infos .contenu img,
#middle .bloc-infos-couronne .contenu img {
	margin: 4px auto;
}

#middle .bloc-infos .contenu a,
#middle .bloc-infos-couronne .contenu a {
	color: #fff;
	text-decoration: none;
}

#middle .bloc-infos .contenu a:hover,
#middle .bloc-infos-couronne .contenu a:hover {
	color: #ff5a00;
}




/* Mise en page des formulaires */

.field {
	clear: left;
	margin: 4px 0 6px 0;
}

label.label {
	float: left;
	width: 130px;
	padding: 5px 5px 0 0;
	text-transform: uppercase;
}

.label-erreur {
	color: #ff5a00;
}

.input {
	width: 360px;
	border: 1px solid #737a69;
	background: #e8efdd;
	padding: 2px 0 2px 2px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.input-erreur {
	border-bottom: 1px solid #ff5a00;
}

option {
	padding-left: 5px;
}

.asterisque {
	color: #ff5a00;
	margin-left: 6px;
}

.field-submit {
	clear: left;
	margin: 12px 0 6px 0;
	padding-right: 14px;
	text-align: right;
}

.submit {
	padding: 3px 24px;
	background: url(images/menu-background.jpg) top left repeat-x;
	color: #fff;
	font-weight: bold;
}

#cryptogram {
	border: 1px solid #737a69;
}

#cryptogram-reload {
	margin-left: 8px;
}

.captcha {
	width: 198px;
	text-align: center;
	letter-spacing: 10px;
}

.erreur-form {
	width: 477px;
	margin: 8px 0;
	text-align: center;
	font-weight: bold;
	padding: 8px 10px;
	color: #fff;
	background: #ff5a00;
	border: 1px solid #af1d00;
}

.confirm-form {
	width: 477px;
	margin: 8px 0;
	text-align: center;
	font-weight: bold;
	padding: 8px 10px;
	color: #667f00;
	background: #b3df00;
	border: 1px solid #667f00;
}

.bandeau-form {
	display: block;
}

.bandeau-form img {
	border: 0;
}



/* Mise en page spécifique : index.php */

#middle #sidebar .bloc-accueil {
	margin-top: 23px;
}

#middle .offres-hebergement {
	height: 129px;
}

#middle .offres-hebergement li {
	list-style: none;
	display: block;
	float: left;
	width: 103px;
	height: 129px;
	margin-left: 0;
	margin-right: 17px;
}

#middle .offres-hebergement li a {
	display: block;
	width: 103px;
	height: 129px;
	background-image: url(images/offres-hebergement.jpg);
}

#middle .offres-hebergement li a.basic {
	background-position: 0 0;
}
#middle .offres-hebergement li a.basic:hover {
	background-position: 0 -129px;
}

#middle .offres-hebergement li a.plus {
	background-position: -117px 0;
}
#middle .offres-hebergement li a.plus:hover {
	background-position: -117px -129px;
}

#middle .offres-hebergement li a.top {
	background-position: -234px 0;
}
#middle .offres-hebergement li a.top:hover {
	background-position: -234px -129px;
}

#middle .offres-hebergement li a.extreme {
	background-position: -351px 0;
}
#middle .offres-hebergement li a.extreme:hover {
	background-position: -351px -129px;
}

#middle .offres-hebergement li a span {
	display: none;
}

#middle #sidebar .actu {
	height: 260px;
	text-align: center;
}

#middle #sidebar .actu * {
	text-align: left;
}

#middle #sidebar .actu img {
	width: 230px;
	height: 130px;
	margin: 8px 0 22px 0;
}


/* Mise en page spécifique : creation-et-hebergement-de-sites-internet.php */

#middle #sidebar .bloc-solutions {
	margin-top: -16px;
}

#middle #sidebar .bloc-solutions .illustration {
	display: block;
	height: 150px;
	background: url(images/grenouille-chaise-longue.png) bottom center no-repeat;
	border: none;
}

#middle .solutions {
	position: relative;
}

#middle .solutions li.label {
	width: 224px;
	margin-left: 0;
	padding-left: 34px;
	line-height: 22px;
	list-style-type: none;
	list-style-image: none;
	background: url(images/liste-bouton-noir.png) center left no-repeat;
	color: #fff;
	text-transform: none;
}

#middle .solutions li.details {
	list-style-image: none;
	list-style-type: none;
	padding-left: 18px;
	margin-bottom: 10px;
}

#middle .solutions a {
	display: block;
	line-height: 16px;
	margin: 3px 0;
	color: #fff;
}

#middle #sidebar .autres-services li {
	position: relative;
	list-style-image: none;
	list-style-type: none;
	margin: 4px 0;
	padding: 0 0 0 25px;
	background: url(images/fleche-verte.png) center left no-repeat;
	line-height: 18px;
}

#middle #sidebar .autres-services li a {
	color: #000;
}

#middle #sidebar .autres-services li a:hover {
	color: #737a69;
}

#liste-solutions {
	margin: 0 70px 0 30px;
}

#middle .bloc-solution {
	float: left;
	width: 211px;
	height: 250px;
	margin: 0 15px 15px 0;
}

#middle .bloc-solution a {
	display: block;
	width: 211px;
	height: 180px;
	text-align: center;
}

#middle .bloc-solution a span {
	visibility: hidden;
}

#middle #solutions-sites-internet {
	background: url(images/solutions-sites-internet.jpg) no-repeat;
}
#middle #solutions-hebergement {
	background: url(images/solutions-hebergement.jpg) no-repeat;
}
#middle #solutions-developpements-specifiques {
	background: url(images/solutions-developpements-specifiques.jpg) no-repeat;
}
#middle #solutions-antispam-antivirus {
	background: url(images/solutions-antispam-antivirus.jpg) no-repeat;
}
#middle #solutions-referencement {
	background: url(images/solutions-referencement.jpg) no-repeat;
}
#middle #solutions-se-demarquer-gagner {
	background: url(images/solutions-se-demarquer-gagner.jpg) no-repeat;
}


.solutions-sites {
	float: left;
	width: 211px;
	margin-right: 55px;
}

#solution-sur-mesure {
	padding-left: 16px;
}
#solution-izi-media {
	margin-right: 0;
}

.solutions-sites a.lien-visuel {
	display: block;
	width: 211px;
	height: 210px;
	text-align: center;
}

.solutions-sites a.lien-visuel span {
	visibility: hidden;
}

#solution-sur-mesure a.lien-visuel {
	background: url(images/sites-internet-sur-mesure.jpg) no-repeat;
}
#solution-e-majine a.lien-visuel {
	background: url(images/sites-internet-e-majine.jpg) no-repeat;
}
#solution-izi-media a.lien-visuel {
	background: url(images/sites-internet-izi-media.jpg) no-repeat;
}

.solutions-sites .description-solution {
	height: 240px;
	overflow: auto;
}

.solutions-sites .description-solution p {
	font-weight: bold;
}

#middle .solutions-sites .description-solution li {
	list-style: none;
	font-size: 14px;
}

#middle .solutions-sites .description-solution .lien-complementaire {
	text-align: center;
	margin-top: 20px;
}

#middle .solutions-sites .description-solution .lien-complementaire a {
	color: #000;
}

#middle .solutions-sites .btn-savoir-plus {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #333 url(images/btn-savoir-plus.jpg) repeat-x;
}



/* Mise en page spécifique : references-sites-internet.php */

#middle .reference {
	float: left;
	width: 372px;
	height: 112px;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 14px;
	background: url(images/fond_references.jpg) top left no-repeat;
	color: #fff;
}

#middle .reference.last {
	margin-right: 0;
}

#middle .reference img {
	float: left;
	margin: 6px 10px 6px 12px;
	width: 100px;
	height: 100px;
}

#middle .reference h2 {
	margin: 6px 0 8px 0;
}

#middle .reference a {
	color: #fff;
}

#middle .reference a:hover {
	color: #ff5a00;
}

#middle .multipage {
	display: block;
	width: 777px;
	text-align: center;
	margin: 4px 0 12px 0;
}

#middle .multipage li {
	display: inline;
	list-style: none;
	margin: 0 2px;
}

#middle .multipage li a {
	padding: 2px 6px;
	border: 1px solid #737a69;
}

#middle .multipage li a.actif {
	border: 1px solid #fff;
	background: #000 url(images/decor-bottom.png) -14px -9px no-repeat;
	color: #fff;
}



/* Mise en page spécifique : site-web-sur-mesure-dynamique-administrable.php */

#middle .bloc-creation-sites-internet {
	margin-top: -16px;
}

#middle .bloc-creation-sites-internet .contenu {
	color: #000;
}

#middle .bloc-creation-sites-internet .illustration {
	display: block;
	height: 130px;
	background: url(images/grenouille-chaise-longue.png) center center no-repeat;
	border: none;
}

#middle #content.creation-sites-internet {
	padding-bottom: 174px;
	background: url(images/captures-ecran-sites.jpg) bottom center no-repeat;
}

#middle #content.creation-sites-internet h4 {
	width: 476px;
	height: 30px;
	background: url(images/creation-de-sites-internet-sur-mesure.jpg) no-repeat;
}

#middle #content.creation-sites-internet h4 span {
	display: none;
}

#middle #content.creation-sites-internet #chapo-sur-mesure {
	font-size: 12px;
	line-height: 24px;
	padding-left: 138px;
	height: 132px;
	background: url(images/illu-creation-de-sites-internet-sur-mesure.jpg) no-repeat;
}



/* Mise en page spécifique : developpement-applications-specifiques.php */

#middle #sidebar .developpement-applications-specifiques {
	margin-top: -16px;
}

#middle #sidebar .developpement-applications-specifiques .contenu {
	color: #000;
}

#middle #sidebar .developpement-applications-specifiques .illustration {
	display: block;
	height: 218px;
	background: url(images/grenouille-portable.png) center center no-repeat;
	border: none;
}



/* Mise en page spécifique e-majine : e-majine-cms-gestion-de-contenus-site-ecommerce.php */

.variante-e-majine {
	color: #007aaa;
}

#e-majine-cms {
	color: #262f72;
	font-size: 14px;
	background: url(images/visuel-e-majine-1.jpg) 570px 90px no-repeat; 
}

#e-majine-cms h1 .sous-titre {
	font-size: 14px;
}

#e-majine-cms h2 {
	font-size: 18px;
}

#e-majine-cms h3 {
	font-size: 14px;
	margin: 0 0 -4px;
}

#e-majine-cms li {
	list-style-type: none;
	list-style-image: none;
}

#e-majine-manage {
	margin: 20px 0;
	padding: 35px 0 14px 350px;
	background: url(images/visuel-e-majine-2.jpg) 0 0 no-repeat;
	font-size: 12px;
	color: #262f72;
}

#e-majine-manage h3 {
	margin-bottom: 16px;
	font-size: 14px;
}

#e-majine-fonctionnalites {
	font-size: 14px;
	color: #262f72;
}

#e-majine-fonctionnalites h3 {
	margin-bottom: 16px;
	font-size: 14px;
}

#e-majine-fonctionnalites #liste-fonctionnalites {
	float: left;
	width: 345px;
	margin-right: 6px;
}

#e-majine-fonctionnalites li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	padding-bottom: 1px;
	padding-left: 20px;
	background: 0 6px url(images/puce-fleche.png) no-repeat;
	cursor: pointer;
}

#e-majine-fonctionnalites #infos-fonctionnalites {
	float: left;
	width: 427px;
	height: 440px;
	margin-top: 10px;
	background: url(images/infos-fonctionnalites.jpg) no-repeat;
}

#e-majine-fonctionnalites #ajax-loader {
	width: 54px;
	margin: 140px 0 0 180px;
}

#e-majine-fonctionnalites #ajax-erreur {
	margin: 30px 0 0 140px;
}

#e-majine-fonctionnalites #titre-fonctionnalites {
	width: 427px;
	height: 33px;
	overflow: hidden;
}

#e-majine-fonctionnalites #titre-fonctionnalites h1 {
	margin-left: 16px;
	line-height: 33px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

#e-majine-fonctionnalites #description-fonctionnalites {
	width: 397px;
	height: 377px;
	padding: 10px 10px 20px 20px;
	text-align: center;
}

#e-majine-fonctionnalites #description-fonctionnalites p {
	font-size: 16px;
}



/* Mise en page spécifique izi-media : izi-media-cms-gestion-de-contenus-simplifiee-petits-budgets.php */

.content-izi-media {
	background: url(images/visuel-izi-media-1.jpg) 595px 30px no-repeat;
}

.variante-izi-media {
	color: #e65c08;
}
.variante-izi-media-bis {
	color: #f08f18;
}

#izi-media-cms {
	font-size: 14px;
}

#izi-media-cms h1 .sous-titre,
#izi-media-cms h2 {
	font-size: 14px;
}

#izi-media-cms li {
	list-style-type: none;
	list-style-image: none;
	padding-left: 10px;
	margin-left: 0;
	background: url(images/puce-orange.jpg) 0 7px no-repeat;
}

#izi-media-demonstration {
	height: 60px;
	padding-left: 330px;
	padding-top: 15px;
	margin: 30px 0;
	background: url(images/visuel-izi-media-2.jpg) no-repeat;
}

#izi-media-demonstration a {
	display: block;
	width: 215px;
	height: 40px;
	background: url(images/demande-de-demonstration.jpg) no-repeat;
}

#izi-media-demonstration a span {
	display: none;
}

#izi-media-solution {
	font-size: 14px;
	padding-bottom: 145px;
	background: url(images/visuel-izi-media-3.jpg) bottom center no-repeat;
}

#izi-media-solution h2 {
	font-size: 14px;
	margin-bottom: 10px;
}



/* Mise en page spécifique : antispam-email-eradiquer-le-spam-vaderetro.php */

.content-mailcube {
	font-size: 12px;
}

#middle .content-mailcube h2 {
	font-size: 13px;
}

.variante-mailcube {
	color: #ff290c;
}

#mailcube-entete {
	background: url(images/mailcube.jpg) 220px 30px no-repeat;
	margin-bottom: 18px;
}

#mailcube-entete p {
	margin-top: 18px;
	font-size: 16px;
	font-weight: bold;
}

#mailcube-calculateur {
	margin: 20px 0;
}

#mailcube-calculateur table {
	border-collapse: collapse;
	width: 100%;
	text-transform: uppercase;
}

#mailcube-calculateur th {
	background: #dbdbdb;
	padding: 4px;
	text-align: left;
	border: 1px solid #fff;
	border-left-width: 0;
	border-right-width: 0;
}

#mailcube-calculateur td {
	background: #e7e7e7;
	padding: 4px;
	border: 1px solid #fff;
	border-left-width: 0;
	border-right-width: 0;
}

#mailcube-calculateur td.colonne-input {
	width: 152px;
}

#mailcube-calculateur td.total {
	background: #ff290c;
	color: #fff;
}

#mailcube-calculateur #submit-form {
	text-align: right;
}

#resultats-calculateur {
	margin: 16px 0;
	display: none;
}

#resultats-calculateur .details {
	color: #808080;
	text-transform: none;
}

#resultats-calculateur .result {
	font-weight: bold;
	width: 150px;
}

#mailcube-nuisances {
	float: left;
	width: 464px;
	margin-right: 28px;
}

#mailcube-nuisances h2 {
	margin-bottom: -4px;
}

#mailcube-vaderetro {
	float: left;
	width: 251px;
	height: 352px;
	padding: 74px 12px 12px 20px;
	background: url(images/vaderetro.jpg) no-repeat;
	font-size: 12px;
}

#mailcube-vaderetro h2 {
	margin-top: 0;
	color: #843030;
}

#mailcube-vaderetro h2 span {
	color: #bb393c;
}

#mailcube-vaderetro strong {
	color: #bd3441;
	font-weight: normal;
}

#mailcube-vaderetro p {
	margin: 8px 0;
}

#mailcube-vaderetro p.separation {
	margin: 15px 0;
	color: #bd3441;
	text-align: center;
}

#mailcube-fonctionnement {
	margin: 20px auto;
	width: 580px;
}

#anim-mailcube {
	width: 580px;
	height: 420px;
}

#microscopie {
	font-size: 10px;
	color: #737a69;
}

#mailcube-contact {
	margin: 30px auto 20px;
	width: 200px;
	text-align: center;
}

#mailcube-contact p {
	text-align: center;
	font-weight: bold;
	margin: 0;
}

#mailcube-contact a {
	display: block;
	width: 213px;
	height: 170px;
	margin: 30px 0 0 10px;
	background: url(images/mailcube-contactez-nous.jpg) no-repeat;
}

#mailcube-contact a span {
	display: none;
}



/* Mise en page spécifique : antispam-email-eradiquer-le-spam-vaderetro.php */

.content-gagner {
	background: url(images/visuel-emailing.jpg) 482px 360px no-repeat;
}

#middle .content-gagner h1 {
	width: 334px;
	height: 129px;
	margin-bottom: 24px;
	background: url(images/cibler-se-demarquer-gagner.jpg) no-repeat;
}

.content-gagner h1 span {
	display: none;
}

#middle .content-gagner h2 {
	color: #e60000;
	font-weight: normal;
	font-size: 16px;
}

#middle .content-gagner li {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	font-size: 14px;
}

#middle .content-gagner p.emailing {
	width: 441px;
	font-size: 14px;
	margin-bottom: 20px;
}

#middle .content-gagner h3 {
	font-size: 14px;
}

#middle .content-gagner p {
	margin: 0 0 5px;
	font-size: 12px;
}



/* Mise en page spécifique : referencement-sites-internet.php */

#middle #content.referencement-sites-internet {
	background: url(images/grenouille-votez.png) bottom center no-repeat;
	padding-bottom: 256px;
}

#middle #sidebar .referencement-sites-internet {
	margin-top: -16px;
}

#middle #sidebar .referencement-sites-internet .offres-hebergement {
	height: auto;
}

#middle #sidebar .referencement-sites-internet .offres-hebergement li {
	margin: 8px 14px 8px 0;
}

#middle #sidebar .referencement-sites-internet .offres-hebergement li.last {
	margin: 8px 0 8px 0;
}



/* Mise en page spécifique : hebergement-sites-internet.php */

#middle #content.hebergement-sites-internet .offres-hebergement {
	margin: 20px 0 20px 16px;
}

#middle #sidebar .hebergement-sites-internet {
	margin-top: -16px;
}

#middle #sidebar .hebergement-sites-internet .illustration {
	height: 250px;
	background: url(images/infos-serveur.jpg) bottom center no-repeat;
	border: none;
}

#middle #sidebar .hebergement-sites-internet .infos-serveur {
	margin-top: 20px;
}

#middle #sidebar .hebergement-sites-internet .infos-serveur li {
	color: #000;
	font-weight: bold;
	list-style-image: none;
	list-style-type: square;
}



/* Mise en page spécifique : offres-hebergement.php */

#middle img.image-offre {
	float: left;
	width: 102px;
	height: 129px;
	margin-right: 10px;
}

#middle .description-offre {
	float: left;
	width: 375px;
}




/* Mise en page spécifique : contact-web-agency.php */

#middle #sidebar .contact {
	margin-top: -16px;
}

#middle #sidebar .contact .illustration {
	height: 110px;
	background: url(images/grenouille-debout.png) bottom center no-repeat;
	border: none;
}

#middle #sidebar .contact .contenu {
	color: #000;
}

#middle .remarque-retrait {
	margin-top: -18px;
}

li#devis-en-ligne,
li#depot-candidature {
	list-style: none;
	padding-left: 0;
}

#middle .bloc-infos-couronne .contenu #devis-en-ligne a {
	display: block;
	padding-left: 38px;
	margin-bottom: 6px;
	height: 32px;
	line-height: 32px;
	background: url(images/devis-en-ligne.png) center left no-repeat;
	font-size: 14px;
	color: #737a69;
}

#middle .bloc-infos-couronne .contenu #depot-candidature a {
	display: block;
	padding-left: 38px;
	height: 32px;
	line-height: 32px;
	background: url(images/candidature.png) center left no-repeat;
	font-size: 14px;
	color: #737a69;
}

#middle .bloc-infos-couronne .contenu #devis-en-ligne a:hover,
#middle .bloc-infos-couronne .contenu #depot-candidature a:hover {
	color: #ff5a00;
}

#middle .bloc-infos-couronne .contenu a img {
	border: 2px solid #fff;
}

#middle .bloc-infos-couronne .contenu a:hover img {
	border-color: #ff5a00;
}

p.avertissement {
	padding: 12px 12px 4px 0;
	font-size: 11px;
	color: #737a69;
}