* {
margin:0;
padding:0;	
}
ul,li{
list-style-type:none;
margin:0;
padding:0;
}
a img {
border:none;
}
a {
color:#7D7D7D;
}
#content a:hover, #content a.more:hover, #links a:hover {
text-decoration:none;
}
html{
background:#81426C url(/img/html.jpg) repeat-x fixed;
}
h2 {
margin:2em 0 0 0;
padding:0;
font-size:14px;
}
h3 {
font-size:13px;
}
address {
display:inline;
font-style: normal;
}
body{
background:transparent url(/img/body.png) repeat-y center; 
text-align:center;
font-family:Verdana;
font-size:11px;
color:#7D7D7D;
margin-top:40px;
}

#wrapper{
position:relative;
text-align:left;
margin:0 auto;
width:760px;
}
h1#title span {
display:none;
}
h1#title a{
width:200px;
height:39px;
background: transparent url(/img/h1.gif) no-repeat 15px 15px;
display:block;
padding:15px;
z-index:30;
position:relative;
color:white;
}

#header{
position:absolute;
left:0;
top:0;
}
#header ul{
margin-left:229px;
height:71px;
list-style-type:none;
}
#header ul li{
float:left;
}
#header ul li a{
padding:40px 12px 17px 12px;
color: #AC9CA4;
display:block;
text-transform:uppercase;
border-left: 1px solid #EAE0E5;
text-decoration: none;
font-family:Verdana;
font-size:1Opx;
font-weigh:lighter;
}
#header ul li a.seo, #header ul li.seo a.selected{
padding:40px 26px 17px 26px;
}
#header ul li a:hover, #header ul li a.selected{
background-color:#D4D700;
color:white;
}


#links{
position:absolute;
top:0;
right:0;
margin-top:-28px;
}
#links li{
float: left;
}
#links li a{
display:block;
border-right: 1px solid #EAE0E5;
text-decoration:none;
padding:0 10px 0 10px;
color:#EAE0E5;
width:2px;
}
#links li a.last{
border:none;
background:transparent url(/img/fleche.gif) no-repeat 85px 3px;
width:90px;
}
#links li a#devis{
width:30px;
}
#mail{
background:transparent url(/img/mail.gif) no-repeat 0 3px;
text-indent:-999em;
overflow:hidden;
}
#imprimer{
background:transparent url(/img/imprimer.gif) no-repeat;
height:14px;
margin-left:6px;
text-indent:-999em;
overflow:hidden;
}

#common{
position:absolute;
top:0;
width:210px;
margin:262px 20px 0 20px;
}
#common h2{
background:transparent url(/img/common_h2.gif) no-repeat;
height:28px;
margin-top:20px;
text-indent:-999em;
}
#common ul{
background:transparent url(/img/common_ul.gif) repeat-y;
width:192px;
}
#common li{
margin:0 15px 0 10px;
padding:5px 0 5px 0;
border-bottom:1px dotted black;
color:#AE0076;
}
#common li a{
text-decoration:none;
color:#7D7D7D;
}
#common li a:hover{
color:#555555;
}
#common li.last {
margin:0;
padding:5px;
border:none;
background:white url(/img/common_footer.gif) no-repeat;
height:24px;
text-align:right;
}
#common li.last a{
padding:5px 10px 0 20px;
background: transparent url(/img/more.gif) no-repeat 3px -13px;
color:#B62086;
text-decoration:none;
}
#common li.last a:hover {
text-decoration:underline;
}

#content{
font-family:Verdana;
min-height:302px;
margin-left:240px;
padding:202px 20px 0 0;
}
#content h1 {
text-indent:-999em;
height:30px;
overflow:hidden;
}
#content p{
margin-bottom:1em;
line-height:16px;
background: transparent url(/img/carre_vert.gif) no-repeat 1px 5px;
text-indent:1em;
margin:10px 0 0 0;
}
#content #optimisation li {
line-height:18px;
}
#objectifs p{
background-image: url(/img/carre_violet.gif);
}
#content ul {
margin-top:1em;
}
#content li {
list-style: none;
background: transparent url(/img/carre_vert.gif) no-repeat 1em 3px;
padding-left:2em;
line-height:14px;
}
#optimiser h1 {
width:220px;
height:45px;
}
#optimiser h1{
background:transparent url(/img/t/optimiser.gif) no-repeat left;
}
#objectifs h1{
background:transparent url(/img/t/objectifs.gif) no-repeat left;
}
#redacteur h1{
background:transparent url(/img/t/redacteur.gif) no-repeat left;
}
#seo h1{
background:transparent url(/img/t/seo.gif) no-repeat left;
}
#qui h1{
background:transparent url(/img/t/qui.gif) no-repeat left;
}
#identification h1{
background:transparent url(/img/t/identification.gif) no-repeat left;
}
#optimisation h1{
background:transparent url(/img/t/optimisation.gif) no-repeat left;
}
#mention h1{
background:transparent url(/img/t/mention.gif) no-repeat left;
}
#contact h1{
background:transparent url(/img/t/contact.gif) no-repeat left;
}
#stage h1{
background:transparent url(/img/t/stage.gif) no-repeat left;
}
#recrutement h1{
background:transparent url(/img/t/recrutement.gif) no-repeat left;
}
#eredacteur h1{
background:transparent url(/img/t/eredacteur.gif) no-repeat left;
}
#actualite h1{
background:transparent url(/img/t/actualite.gif) no-repeat left;
}
#devis h1{
background:transparent url(/img/t/devis.gif) no-repeat left;
}
#optimiser, #objectifs {
float:left;
width:215px;
border-right: 1px solid #EAE0E5 ;
margin: 0 5px 0 5px;
}
#actualite p{
background:none;
text-indent:0;
}
#actualite a{
text-decoration:none;
}
#objectifs {
float:none;
margin:0 0 0 262px;
border:0;
}
#optimiser  {
padding-right:20px;
}

#optimiser a.more, #objectifs a.more, #actualite a.more{
padding-right:15px;
margin: 10px 0 10px 0;
float:right;
clear:right;
text-decoration:none;
color:#7D7D7D;
background: transparent url(/img/more.gif) no-repeat right top;
}
#objectifs a.more {
background-position:bottom right;
}
#optimiser a.more:hover, #objectifs a.more:hover, #actualite a.more:hover {
text-decoration:underline
}

.clear{
clear:both;
}


fieldset{
border:none;
}

#footer{
background:transparent url(/img/footer.png) repeat-x;
clear:left;
position:absolute;
left:-50px;
bottom:-102px;
height:62px;
width:860px;
font-size:10px;
color:white;
line-height:20px;
text-align:center;
color:#EAE0E5;
padding-top:40px;
}
#footer a, #validation a{
text-decoration:none;
padding:0 4px 0 2px;
color:#EAE0E5;
}
#footer a.menu:hover{
color:#333;
}
#footer span a, #footer span {
color:#333;
}
#footer a:hover, #validation a:hover {
color:white;
}
#footer ul.menu{
}
#validation {
position:absolute;
bottom:-170px;
text-align:left;
padding-bottom:2em;
}
#validation a {
font-size:10px;
}
dt {
font-weight:bold;
margin-top:1em;
}
.texte {
float:left;
width:240px;
}
#content .texte a {
text-decoration:underline;
}
#content .texte a:hover {
text-decoration:none;
}
#content li.legend {
font-style:italic;
font-size:10px;
}
.illustration {
width:240px;
margin-left:250px;
}
#content .illustration li{
background:none;
}
#content p.nostyle {
text-indent:0;
background-image:none;
}
