/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */


body {
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}

#depannage_ordi {
	background: #83B6D3 url(/images/header4.jpg) no-repeat center top;
}


h1 {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
	text-indent: -5000px;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #990099;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
h2  span {
	position: absolute;
	left: -5000px;
}


h3 {
	margin: 0 0 0.8em;
	padding: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #0657AD;
	line-height: 1.5em;
}

h4 {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #999900;
}


#contenu_depannage h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-size: 1.35em;
	border-bottom: 1px solid #E8E5D4;
}
#contenu_depannage h3 {
	margin: 20px 0 10px 0;
	letter-spacing: 2px;
}
#contenu_depannage h3:first-letter {
	color: #F8BE2A;
}

p {
	margin: 0 0 0px;
}

a#lien-accueil {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 220px;
	height: 130px;
}

a {
	color: #9BB50C;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}

a img {
	border: 0 none;
}

.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}


ul, li {
	margin: 0;
	padding: 0;
}


/* ------------------------------------ */
/*                                      */
/*            header_depannage                   */
/*                                      */
/* ------------------------------------ */

#header_depannage {
	position: relative;
	width: 800px;
	height: 120px;
	margin: 0 auto;
	text-align: left;
	border-top: 2px #9BB52F;
	border-right: 2px solid #9BB52F;
	border-left: 2px solid #9BB52F;
	border-bottom-color: #9BB52F;
}

#evitement_depannage {
	position: absolute;
	top: 3px;
	right: 16px;
	text-align: right;
	width: 380px;
}
#evitement_depannage ul {
	margin: 0;
	padding: 0 20px 2px 0;
	
}
#evitement_depannage li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: white;
	line-height:1.5em;
}
#evitement_depannage li a {
	color: #333333;
	font-size: 11px;
}
#depannage_ordi #header_depannage .annonce {
	text-indent: -5000px;
}

#depannage_installation {
	width: 800px;
	height: 35px;
	margin: 0 auto;
	text-align: right;
	border-right: 2px solid #9BB52F;
	border-left: 2px solid #9BB52F;
}
#depannage_installation p {
	padding-top: 2px;
	margin-right:25px;
	margin-bottom: 0;
	padding-bottom: 2px;
}
#depannage_ordi #menus {
	margin: 2px auto 0px;
	padding: 0px;
	width: 800px;
	height: 35px;
	border-right: 2px solid #9BB52F;
	border-left: 2px solid #9BB52F;
}



/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */
#menu_depannage li a span {
	position: absolute;
	left: -5000px;
	font-size: 1px;
}


#menu_depannage {
   width: 784px;
   height: 35px;
   background: url(/images/depannage-ordinateur-menu.png) no-repeat;
   margin: 0px auto 5px;
   padding: 0;
   position: relative;
}
#menu_depannage li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0px;
}
#menu_depannage li, #menu_depannage a {
   height: 35px;
   display: block;
}
#depannage { left: 0;   width: 107px;  }
#installation { left: 110px;  width: 107px;  }
#maintenance { left: 222px; width: 108px; }
#cours { left: 335px; width: 107px; }
#materiel { left: 447px; width: 107px; }
#creation { left: 560px; width: 107px; }
#referencement { left: 672px; width: 107px; }

#depannage a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat 0px -36px;
	height: 35px;
}
#installation a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -110px -36px;
	height: 35px;
}
#maintenance a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -222px -36px;
	height: 35px;
}
#cours a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -335px -36px;
	height: 35px;
}
#materiel a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -447px -36px;
	height: 35px;
}
#creation a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -560px -36px;
	height: 35px;
}
#referencement a:hover {
	background: transparent url(/images/depannage-ordinateur-menu.png) no-repeat -672px -36px;
	height: 35px;
}



/* ------------------------------------ */
/*                                      */
/*            textemilieu_installation                    */
/*                                      */
/* ------------------------------------ */

#textemilieu_installation {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-right: 2px solid #9BB52F;
	border-left: 2px solid #9BB52F;
	background: #FFFFFF;
	border-top: 2px solid #9BB52F;
	border-bottom-color: #9BB52F;
}

#textemilieu_installation #sidebar_depannage {
	float: right;
	width: 220px;
	padding-top: 15px;
	line-height: 1.3;
	border-left: #8B9840;
	background: #FFFFFF;
}
#textemilieu_installation #sidebar_depannage h2 {
	padding-left:1em;
	text-align: center;
	width: 170px;
	font: bold 14px "Bodoni MT", arial, serif;
	background: url(/images/depannage-ordinateur.gif) no-repeat center top;
	height: 18px;
}
#textemilieu_installation #sidebar_depannage h2 span {
	padding-left:1em;
	color: #0657AD;
}
#depannage_ordi #textemilieu_installation #sidebar_depannage h3 span {
	color: #990099;
}
#sidebar_depannage h4 {
	color: #0579CA;
	text-align: center;
}


#textemilieu_installation #sidebar_depannage ul {
	width: 180px;
	margin: 0 0 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	
}
#textemilieu_installation #sidebar_depannage li {
	margin: 0 0 0 32px;
	padding: 3px 0 4px;
	line-height: 1em;
	width: 160px;
	color: #9BB52F;
	list-style: url(/images/puce-depannage-ordinateur.gif) none outside;
}
#textemilieu_installation #sidebar_depannage li a{
	color: #0657AD;
	font-size: 12px;
}

#textemilieu_installation #sidebar_depannage .aussi {
	width: 200px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	clear:both;
}
#textemilieu_installation #sidebar_depannage .aussi p {
	margin-left: 50px;
	padding-right: 3px;
	color: #333333;
}
#textemilieu_installation #sidebar_depannage .aussi a {
	color: #0657AD;
	font-weight: bold;
}
#sidebar_depannage #etudiant {
	background: url(../images/offre-etudiant.jpg) no-repeat 3px bottom;
}
#etudiant h3 {
	background: url(/images/Offre-etudiant-1.gif) no-repeat left center;
}


#sidebar_depannage #parrain {
	background: url(../images/recommander-depannage-ordi.jpg) no-repeat 3px bottom;
}
#parrain h3 {
	background: url(/images/Offre-parrainnage.gif) no-repeat left center;
}

.promo {
	width: 205px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.promop {
	font-size: 10px;
	text-align: left;
	margin-left: 85px;
	color: #333333;
	margin-bottom: 5px;
}
.promoh3 {
	margin-bottom: 3px;
	padding-bottom: 3px;
	margin-left: 85px;
	height: 20px;
}
.promoh3 span {
	left: -5000px;
	position: absolute;
}

#sidebar_depannage #dl {
	height: 35px;
	background-image: url(../images/zic2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebar_depannage #symbolique {
	height: 35px;
	background-image: url(../images/zic2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebar_depannage #zik a {
}

#sidebar_depannage #zik {
	height: 35px;
	background-image: url(../images/zic2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebar_depannage #zone {
	background: #FFFFFF url(/images/zone-depannage-ordinateur-perpignan.jpg) no-repeat left center;
	border: 2px solid #0657AD;
	padding-top: 20px;
	width: 200px;
	margin-top: 20px;
	padding-bottom: 9px;
	margin-bottom: 20px;
	height: 50px;
}
#sidebar_depannage #zone a {
	color: #990099;
	font-size: 12px;
	margin-left: 55px;
	padding-right: 3px;
	font-weight: bold;
	padding-bottom: 0px;
	text-decoration: none;
	display: block;
}

#presentation_creation {
	background: #9BB52F;
	font-size: 11px;
}
.web {
	width: 200px;
}


#textemilieu_installation #general_depannage {
	float: left;
	width: 575px;
	border-right: 2px solid #8B9840;
	background: #FFFFFF;
}
.depannage-ordi {
	color: #0657AD;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.savoir {
}


#textemilieu_installation #presentation_depannage {
	float: left;
	width: 570px;
	margin: 0;
	padding-top: 15px;
	background: url(../images/depannage-installation-ordinateur.jpg) no-repeat 30px center;
}
#textemilieu_installation #presentation_depannage h2 {
	margin-left: 190px;
	background: url(/images/depannage-ordinateur.gif) no-repeat left top;
	height: 18px;
}

#textemilieu_installation #presentation_depannage p {
	margin-bottom: 15px;
	margin-right: 30px;
	text-align: justify;
	margin-left: 190px;
	font-size: 11px;
}
#textemilieu_installation #presentation_depannage a {
	color: #0657AD;
	font-weight: bold;
}

.presentation {
float: left;
	width: 570px;
	margin: 0;
	padding-top: 5px;
}
.presentationp {
	margin-left: 145px;
	margin-bottom: 15px;
	margin-right: 40px;
	text-align: justify;
	font-size: 12px;
	
}
.presentationp em {

	font-size: 12px;
	color: #660066;
	font-style: italic;
	font-weight: bold;
}
.presentation_pub {
	color: #0657AD;
	margin-left: 145px;
	font-size: 12px;
	font-weight: bold;
	width: 385px;
}
.presentation_pub:first-letter {
	font-size: 18px;
}
.presentation_pubh3 {

	color: #0657AD;
	margin-left: 140px;
	font-weight: bold;
}
.presentation_pub strong {
	font-size: 15px;
	font-weight: bold;
	color: #5A0059;
}

.presentationimg {
}
.presentationa {
	width: 120px;
	display: block;
	left: 400px;
	margin-left: 420px;
	font-size: 12px;
	color: #0657AD;
	vertical-align: middle;
	text-align: left;
	height: 19px;
	text-indent: 25px;
	background-image: url(../images/savoir-depannage.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.presentationb {

	width: 110px;
	display: block;
	left: 20px;
	margin-left: 20px;
	font-size: 12px;
	color: #0657AD;
	vertical-align: middle;
	background: url(/images/savoir-depannage.gif) no-repeat left center;
	text-align: right;
	height: 19px;
}
.presentationh2 a {
}

#presentation_adsl {
	background: url(../images/installation-adsl.jpg) no-repeat 20px center;
}
#presentation_adsl h2 {
	background: url(/images/configuration-adsl.gif) no-repeat left top;
	margin-left: 20px;
	height: 20px;
}


 #presentation_depannage1 {
	
	background: url(../images/panne-ordinateur.jpg) no-repeat 20px center;
}

#presentation_depannage1 h2 {
	background: url(/images/depannage-ordinateur.gif) no-repeat left top;
	width: 145px;
	height: 18px;
	margin-left: 20px;
}
#presentation_depannage1 span {
	left: -5000px;
	position: absolute;
}

#presentation_virus {
	background: url(../images/antivirus.jpg) no-repeat 20px center;
}
#presentation_virus h2 {
	background: url(/images/antivirus-gratuit.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
#presentation_controle {
	background: url(/images/controle-parental.jpg) no-repeat 20px center;
}
#presentation_controle h2 {
	background: url(/images/controle.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}



#presentation_installation {
	background: url(../images/reparation-ordinateur.jpg) no-repeat 20px center;
}
#presentation_installation h2 {
	background: url(/images/installation-logiciel.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}

#presentation_reseau {
	background: url(../images/installation-reseau.jpg) no-repeat 20px center;
}
#presentation_reseau h2 {
	background: url(/images/configuration-reseau.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}

#presentation_cours {
	background: url(../images/cours-informatique-senior.jpg) no-repeat 20px center;
}
#presentation_cours h2 {
	background: url(/images/initiation-informatique.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#presentation_materiel {
	background: url(../images/help.jpg) no-repeat 20px center;
}
#presentation_materiel h2 {
	background: url(/images/matos-informatique.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#presentation_creation1 {
	background: url(/images/creation-site.jpg) no-repeat 20px center;
}
#presentation_creation1 h2 {
	background: url(/images/conception-site.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#presentation_referencement1 {
	background: url(/images/referencement-2.jpg) no-repeat 20px center;
}
#presentation_referencement1 h2 {
	background: url(/images/referencement.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#presentation_relooking1 {
	background: url(/images/relooking-site.jpg) no-repeat 20px center;
	height: 110px;
}
#presentation_relooking1 h2 {
	background: url(/images/relooking-sites.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#presentation_codage1 {
	background: url(../images/norme-w3c.gif) no-repeat 20px 50px;
}
#presentation_codage1 h2 {
	background: url(/images/mise-normes.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}

#textemilieu_installation #accroche_installation {
	clear: left;
	width: 540px;
	margin: 0 0 0 35px;
	line-height: 1.3;
	padding-top: 5px;
}
.depannage-ordi2 {
	color: #333333;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-right: 7px;
	margin-left: 7px;
}
.depannage-ordi2 span {
	color: #800091;
	font-size: 12px;
}


/* ------------------------------------ */
/*                                      */
/*            sitemap_depannage                 */
/*                                      */
/* ------------------------------------ */

#sitemap_depannage {
	width: 800px;
	height: 3.5em;
	color: #333333;
	font-size: 0.95em;
	font-weight:bold;
	text-align: left;
	margin: 0 auto;
	padding-top: 0.5em;
	border-right: #9BB52F;
	border-left: #9BB52F;
	clear: both;
	background: #90BED2;
	border-top: 2px solid #9BB52F;
	border-bottom-color: #9BB52F;
}

.plan {
	color: #9BB52F;
}
.plan li {
	display: inline;
}

#sitemap_depannage a {
	color: #666666;
}





/* ------------------------------------ */
/*                                      */
/*            pied_installation                  */
/*                                      */
/* ------------------------------------ */

#pied_installation {
	width: 800px;
	height: 41px;
	color: #333333;
	font-size: 0.95em;
	font-weight:bold;
	margin: 0 auto;
	padding-top: 0px;
	border-right: 2px solid #9BB52F;
	border-bottom: 2px solid #9BB52F;
	border-left: 2px solid #9BB52F;
	background: url(../images/depannage-ordi-bas.jpg) no-repeat center bottom;
	border-top-color: #9BB52F;
	text-align: center;
}

#pied_installation p {
	margin: 0 35px 0 40px;
	color: #000000;
}
#pied_installation a {
	color: #000000;
}
/*zone avec communes*/
.pres {
	background: #6FD0FD;
	font-size: 14px;
}
.loin {
	background: #CCCCCC;
	font-size: 14px;
}


#presentation_zone1 {
}
#presentation_zone1 h2 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(/images/zone-depannage.gif) no-repeat center bottom;
	height: 20px;
}

#presentation_zone1 ul {
	list-style: none;
	margin-left: 100px;
	width: 350px;
}
#presentation_zone1 li {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#presentation_cours_1 .presentationp em {
	font-size: 12px;
	color: #990099;
	font-style: italic;
	font-weight: bolder;
}
.presentationlist {
	list-style: url(/images/puce-depannage-ordinateur.gif);
	margin-left: 150px;
	padding-left: 20px;
	margin-top: 20px;
	font-size: 12px;
}
.presentationlist li {
	margin-top: 5px;
}
.presentationlist em {
	color: #0657AD;
	font-weight: bold;
}

#presentation_cours_1 {

	background: url(../images/cours-informatique-senior.jpg) no-repeat 20px 50px;
}
#presentation_cours_1 h2 {

	background: url(/images/initiation-informatique.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}
#presentation_virus_1 {


	background: url(/images/antivirus.jpg) no-repeat 20px 50px;
}
#presentation_virus_1 h2 {


	background: url(/images/antivirus-gratuit.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}
.presentationprix {
	width: 280px;
	display: block;
	left: 400px;
	margin-left: 280px;
	font-size: 12px;
	color: #0657AD;
	vertical-align: middle;
	text-align: left;
	height: 19px;
	text-indent: 25px;
	background-image: url(../images/savoir-depannage.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#presentation_controle_1 {



	background: url(/images/controle-parental.jpg) no-repeat 20px 50px;
}
#presentation_maintenance_1 {




	background: url(/images/depanneur.jpg) no-repeat 20px 50px;
}
#presentation_maintenance_1 h2 {



	background: url(/images/maintenance.gif) no-repeat left top;
	height: 18px;
	margin-left: 20px;
}
#presentation_installation-1 {

	background: url(../images/reparation-ordinateur.jpg) no-repeat 20px 50px;
}
#presentation_installation-1 h2 {

	background: url(/images/installation-logiciel.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
#presentation_reseau-1 {

	background: url(../images/installation-reseau.jpg) no-repeat 20px 50px;
}
#presentation_reseau-1 h2 {

	background: url(/images/configuration-reseau.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
#presentation_formatage-1 {


	background: url(/images/format-c.jpg) no-repeat 20px 50px;
}
#presentation_formatage-1 h2 {


	background: url(/images/formatage.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
#liste_raccourcis kbd

  {

   font: bold 90% Arial, Helvetica, sans-serif;

   border-width: 2px 4px 5px 3px;

   border-style:solid;

   border-color: #CCC #AAA #888 #BBB;

   padding:2px 3px;

   white-space:nowrap;

   color:#555;

   background:#99CCFF;

  }



#liste_raccourcis li

  {
	margin-top:1.2em;
	list-style-image:none;
	list-style-type:none;
	margin-left: 150px;

  }
kbd {
	font-size : 1.1em;
	padding: 0px 1px;
	border-right: 1px solid #0657AD;
	border-bottom: 1px solid #0657AD;
	background: #99CCFF;
	border-top: 1px solid #99CCFF;
	border-left: 1px solid #99CCFF;
}
.presentation .centre {
	text-align: center;
}
dl.border-around
{
margin: 2em 0 2em 2em;
padding: 0;
width: 500px;
}

.border-around dt
{
	color: #FFFFFF;
	padding: .5em .5em;
	text-align: left;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-top: 1px solid #131210;
	background: #1A64AA;
	font-size: 14px;
	font-weight: bold;
	text-indent: 20px;
}
.border-around a {
	color: #FFFFFF;
}


.border-around dd
{
	margin: 0 0 1em 0;
	background: #83B6D3;
	text-align: left;
	padding: 1em .5em;
	font-style: italic;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-bottom: 1px solid #131210;
	text-indent: 10px;
	line-height: 1.2em;
}
a.info {
	color: #333333;
	text-decoration: none;
	border: 2px dotted #FF6600;
	position: relative;
}
a.info span {
	display: none;
}
a.info:hover {
background: none; /* contournement du bogue d'IE */
	z-index: 500;
}
a.info:hover span {
	color: #FFFFFF;
	background-color: #990099;
	text-align: left;
	display: inline;
	padding: 0.2em;
	margin-top: 1.5em;
	margin-left: 1em;
	position: absolute;
	z-index: 500;
	width: 250px;
	float: left;
	right: 10px;




}
.creation {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.presentation input {
	background: #99CCFF;
}
.presentation textarea {
	background: #99CCFF;
}
.tableau {
	border: thin solid #1A64AA;
	width: 560px;
}
.tableau1 {
	margin-left: 0px;
}

.c1 {
	background: #1A64AA;
	border-top: 1px none #990099;
	border-right: 1px none #990099;
	border-bottom: 1px none #990099;
	border-left-width: 1px;
	border-left-color: #990099;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2em;
}
.c2 {
	border: 1px solid #83B6D3;
	width: 45px;
	text-align: center;
	font-weight: bold;
	background: #83B6D3;
}
.c3 {
	text-align: center;
	font-weight: bold;
	color: #990066;
	background-color: #FFCCFF;
	line-height: 2em;
}
#offre1 {
	background: url(/images/fondoffrev.jpg) no-repeat center top;
	height: 360px;
	width: 260px;
	margin-left: 20px;
	margin-right: 10px;
	float: left;
	position: absolute;
}
#offre2 {
	background: url(/images/fondoffrej.jpg) no-repeat center top;
	height: 360px;
	width: 260px;
	margin-left: 290px;
	margin-right: 10px;
	float: left;
	position: absolute;
}
.plaquette {
	margin-left: 14px;
	margin-top: 10px;
	font-size: 24px;
	color: #6699CC;
}
.plaquette span {
	color: #689B03;
	font: normal 18px "Bodoni MT", arial, serif;
}
.prix {
	margin-top: 80px;
	margin-left: 35px;
	color: #044996;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
}
.prixh5 {
	color: #044996;
	font-size: 10px;
	margin-top: 55px;
	text-align: center;
}
.prixh6 {
	text-align: center;
	font-size: 10px;
	color: #044996;
	margin-top: 38px;
}
#offre3 {
	background: url(/images/fondoffreb.jpg) no-repeat center top;
	height: 360px;
	width: 260px;
	margin-left: 20px;
	margin-right: 10px;
	float: left;
	position: absolute;
	margin-top: 380px;
}
#offre4 {
	background: url(/images/fondoffrer.jpg) no-repeat center top;
	height: 360px;
	width: 260px;
	margin-left: 290px;
	margin-right: 10px;
	float: left;
	position: absolute;
	margin-top: 380px;
}
.oblige {
	margin-top: 1100px;
}
#offre-relooking {
	background: url(/images/fondrelook1.png) no-repeat center top;
	height: 360px;
	width: 260px;
	margin-left: 150px;
	margin-right: 10px;
	float: left;
	margin-top: 20px;
}
#presentation_symbolique_1 {





	background: url(/images/couleurs-web.jpg) no-repeat 20px 50px;
}
#presentation_symbolique_1 h2 {



	background: url(/images/symbolique.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
.c4 {
	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #83B6D3;
	line-height: normal;
}
.c5 {
	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #00FFFF;
	line-height: 2em;
}
#presentation_symbolique_1 .couleur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

.c6 {
	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #66CC66;
	line-height: 2em;
	color: #FFFFFF;
}
.c7 {

	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #009933;
	line-height: normal;
	color: #FFFFFF;
}
.c8 {

	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #CC0000;
	line-height: 2em;
	color: #FFFFFF;
}
.c9 {


	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #990000;
	line-height: normal;
	color: #FFFFFF;
}
.c10 {



	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #FF3366;
	line-height: 2em;
	color: #FFFFFF;
}
.c11 {




	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #6600FF;
	line-height: 2em;
	color: #FFFFFF;
}
.c12 {





	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #FFCC00;
	line-height: 2em;
}
.c13 {
	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #666666;
	line-height: 2em;
	color: #FFFFFF;
}
.c14 {
	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: normal;
	background: #FFFFFF;
	color: #0033FF;
}
.c15 {

	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #000000;
	line-height: 2em;
	color: #FFFFFF;
}
.c16 {


	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #FFFFFF;
	line-height: 2em;
}
.c17 {



	border: 1px solid #83B6D3;
	text-align: left;
	font-weight: bold;
	background: #FF6600;
	line-height: 2em;
}

blockquote {
	font-size: 12px;
	font-style: italic;
	color: #990066;
	font-weight: bold;
	margin-left: 145px;
}
.rouge {
	color: #990000;
}
#presentation_creation-1 {



	background: url(/images/creation-site-2.jpg) no-repeat 20px 100px;
}
#presentation_creation-1 h2 {



	background: url(/images/conception-site.gif) no-repeat left top;
	margin-left: 20px;
	height: 18px;
}
.centrer {
	margin-left: 180px;
}