/* Text Metabacklinks */
body, span, td, div, ul li, ol li, p, b, i, big, em, strong, th, h2, h3, input {
font-family:arial;
font-size:12px;
line-height:16px;
}

/* Title Metabacklinks */
h1, h2, h3, h4, h5, form, script {
margin:0px;
padding:0px;
}

h1:first-letter{
text-transform:uppercase
}

/* Link Metabacklinks */
a {color:#000099}
big {text-decoration:none; color:#669900}
a b {color:#000; font-size:11px}
a:hover {color:#000}
h2 a, h3 a {text-decoration:none; color:#000}

body { /* */
background:transparent url(media/fond.jpg) repeat-x left top;
margin:7px;
}

body table{ /* */
background:#ffffff;
width:800px;
margin:0 auto;
}

td i { /* */
color:#999
}

body table tr td { /* */
vertical-align:top;
}

#left{ /* */
padding:20px 25px 0 25px;
}

#left img{ /* */
margin:8px 12px 4px 0;
border:1px solid #adb3c1;
padding:3px;
float:left;
}

#right{ /* */
width:182px;
padding-right:25px;
}

ol, ol li{
margin:0px;
padding:0px;
list-style-type:none;
}

ol li{
padding:0 10px 0 10px;
font-size:11px;
color:#999;
line-height:13px;
}

ol li b{
display:block;
font-family:tahoma;
font-size:12px;
color:#000;
margin-bottom:2px
}

#seo_title{ /* */
padding-top:6px;
color:#fff;
margin-bottom:16px;
}

.seo_com{ /* */
margin-bottom:10px;
padding-bottom:16px;
background:transparent url(media/dv_bloc_sep_onglet.gif) no-repeat center bottom;
}

.seo_com b {
color:#336699;
text-decoration:none
}

.seo_com img{
float:left;
}

h1 { /* */
margin:0px;
padding:0px;
height:170px;
width:800px;
display:block;
font-weight:normal;
color:white;
background:transparent url(media/world_backlinks.jpg) no-repeat left bottom;
margin:0 auto;
font-size:11px;
text-indent:10px;
}

/* Top Images */
#girl_computer {background:white url(media/seo_backlinks.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#girl_computer strong {display:block; width:350px; font-weight:normal; padding:40px 27px 0 0; float:right; text-align:right;}

#referencement_naturel {background:white url(media/seo_strategy_backlinks.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#moteurs_recherche {background:white url(media/moteurs_recherche.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}

#publier_article {background:white url(media/seo_backlink.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#compte_utilisateur {background:white url(media/seo_login.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#cgu {background:white url(media/cgu.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#contact {background:white url(media/seo_contact.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}
#adresseip {background:white url(media/IPclasseC.jpg) no-repeat left center; width:800px; height:214px; margin:0 auto;}


ins { /* */
display:block;
text-decoration:none;
border:0px solid #ff9900;
border-left-width:3px;
padding-left:8px;
margin-bottom:20px;
color:#000099
}

/* Navigation */
#navigation_backlink { /* */
background:transparent url(media/navigation_backlink.jpg) no-repeat left center;
width:800px;
height:56px;
margin:0 auto;
text-align:center;
padding-top:12px
}

#navigation_backlink a { /* */
font-size:11px;
padding:15px 10px 0 10px;
}

#footer{ /* */
width:800px;
margin:0 auto;
padding:10px 0 15px 0;
border:0px solid #c8c8c8;
border-top-width:1px;
margin-top:25px
}

#footer a{
font-size:10px;
color:#666;
display:block;
text-decoration:none;
border:1px solid #ffffff;
padding:2px;
padding-left:5px;
}

#footer a:hover{
font-size:10px;
color:#fff;
display:block;
text-decoration:none;
border:1px solid #000;
background:#105e7b;
padding:2px;
padding-left:5px;
}

.partner {
text-decoration:none;
display:block;
padding-left:15px;
font-size:11px;
color:#666
}

/* Formulaires Compte et Contact */
fieldset, legend {padding:5px; border:1px solid #66a3c2; font:normal bold 17px arial; color:#ff9900; margin-bottom:10px}
fieldset {margin-bottom:45px;}
fieldset table tr td {font:normal normal 11px tahoma; color:#006699; border:0px solid #e0e0e0; border-bottom-width:1px; vertical-align:middle}
.input_obligatoire {border:1px solid #66a3c2; color:#006699; width:300px; height:16px; text-indent:3px; font-size:11px}
.input_facultatif {border:1px solid #66a3c2; color:#66a3c2; width:300px; height:16px; text-indent:3px; font-size:11px}
textarea {border:1px solid #66a3c2}
.no_need {color:#66a3c2}
.radio, .checkbox {border-width:0px; vertical-align:middle}


/* styles divers ------------------------------------- */

#messageinformation, #messagevalide, #messagealerte, #messageerreur {
width: 80%;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
padding: 7px;
padding-top: 25px;
text-align: left;
background-repeat: no-repeat;
background-position: 5px 3px;
}

#messageinformation {
color: #000000;
background-color: #ECF3F9;
border: 1px solid #679BFC;
background-image: url("media/ico_message_information.png");
}

#messagevalide {
color: #000000;
background-color: #EAF9D9;
border: 1px solid #336633;
background-image: url("media/ico_message_valide.png");
}

#messagealerte {
color: #000000;
background-color: #FDFADB;
border: 1px solid #AA8A66;
background-image: url("media/ico_message_alerte.png");
}

#messageerreur {
color: #000000;
background-color: #FFF2F2;
border: 1px solid #CC0000;
background-image: url("media/ico_message_erreur.png");
}

#zonemessage{
width: 50%;
margin-top: 15px;
margin-bottom: 15px;
padding: 7px;
text-align: left;
font-weight: bold;
color: #CC0000;
background-color: #FFF2F2;
border: 1px solid #CC0000;
}

#zonemessage ul, #messageinformation ul, #messagevalide ul, #messagealerte ul, #messageerreur ul {
list-style-type: circle;
margin-top: 10px;
margin-left: 15px;
width: auto;
}

.input_ob {
background-color: #eeeeee;
width: 100%;
}

.input_fa {
width: 100%;
}

#container { 
width: 50%;
margin: 0 auto;
text-align: left;
}

.footer {
background-color: #000;
padding: 0.5em;
}

.leightbox {
color: #333;
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 30%;
padding: 1em;
border: 5px solid #000;
background: white url(media/login.gif) no-repeat left top;
text-align: left;
z-index:1001;
overflow: auto;	
}

.leightbox h1 {
font:normal bold 17px arial;
text-transform:uppercase
}

.leightbox p {
margin-top:20px;
margin-left:50%
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}