/* CSS BY GUILLAUME H.- START */

/* PRINCIPAL */

body {
    margin:0; 
    padding:0;
    background-color:#3874B3;
    color:#000000;
    font-family:Verdana, Arial, sans-serif;
    font-size:0.8em;
}

#principal {
    position:absolute;
    width:950px;
    left:50%;
    margin-left:-475px;
}


/* TOP OF PAGE | HAUT DE LA PAGE */     
        
#top1 {
    margin:0;
    padding:0;
    margin-top:10px;
    height:132px;
 
    background:url("../images/bg_header.jpg") left no-repeat #ffffff;
}

#top2 {
    margin:0;
    padding:0;

    height:34px;
 
    background:url("../images/bg_menuheader.png") bottom no-repeat #ffffff;
}


/* BOTTOM OF PAGE | BAS DE LA PAGE */

#bottom { 
    margin:0;
    padding-top:5px;
    height:35px;
    width:950px;
    text-align:right;
}
        
.column_bottom {
    text-align:right;
    font-size:0.9em;
    padding-top:1px;
    color:#fff
}


/* MENU */      

#main1 {
    margin:0;
    padding:0;
    background-color:#ffffff;
}
        
#main2 {
    margin:0;
    padding:0;
    background-color:#ffffff;
}
        
#left {
    float:left;
    width:160px;
    margin:0; 
    padding:0;
}
        
#right {
    float:right;
    width:120px;
    margin:0; 
    padding:0;
}

#menutop2 {
    margin:0;
    padding:0;
    height:34px;
    text-align:center;
    font-weight:bold;
    background-color:#14375D;
}

#menutop2 ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
#menutop2 li {
    display:inline;
    float:left;
    width:116px;
    margin:0;
    margin-top:5px;
    padding:0;
}

#menutop2 li#last {
    display:inline;
    float:left;
    width:150px;
    margin:0;
    margin-top:5px;
    padding:0;
}  

#menutop2 li a, #menutop2 li a:link, #menutop2 li a:visited, #menutop2 li#last a, #menutop2 li#last a:link, #menutop2 li#last a:visited {
    margin:0;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:24px;
    height:24px;
    voice-family:inherit;
}

#menutop2 li a:hover, #menutop2 li a:active, #menutop2 li#last a:hover, #menutop2 li#last a:active {
    margin:0;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    color:#cccccc;
    text-decoration:none;
    line-height:24px;
    height:24px;
}


/* MENU LEFT, RIGHT */

.menuleft {
    float:left;
    width:159px;
    padding:0;
    margin:0;
    margin-top:12px;
    border-right:1px #14375D dotted;
}

.menuright {
    float:left;
    width:119px;
    padding:0;
    margin:0;
    margin-top:12px;
    border-left:1px #14375D dotted;
}

.menuleft ul, .menuright ul {
    padding:0;
    margin:0;
    list-style-type:none;
}  

.menuleft li, .menuright li {
    padding:0;
    margin:0;
    display:inline;
} 

.menuleft li a, .menuleft li a:link, .menuleft li a:visited, .menuleft li.last a, .menuleft li.last a:link, .menuleft li.last a:visited,
.menuright li a, .menuright li a:link, .menuright li a:visited, .menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited{
    display:block;
    padding-left:5px;
    padding-top:1px;
    padding-bottom:3px;
    color:#000000;
    background-color:#ffffff;
    text-decoration:none;
    voice-family:inherit;
}

.menuleft li.last a, .menuleft li.last a:link, .menuleft li.last a:visited,
.menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited {
    border-bottom:1px #14375D dotted;
}

.menuleft li a:hover, .menuleft li a:active, .menuleft li.last a:hover, .menuleft li.last a:active,
.menuright li a:hover, .menuright li a:active, .menuright li.last a:hover, .menuright li.last a:active {
    padding-left:5px;
    padding-top:1px;
    padding-bottom:3px;
    color:#ff0000;
    text-decoration:none;
}

.menuleft li.last a:hover, .menuleft li.last a:active,
.menuright li.last a:hover, .menuright li.last a:active {
    border-bottom:1px #14375D dotted;
}

.menuleft li.header, .menuright li.header {
    display:block;
    margin:0;
    padding:0;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight:bold;
    color:#ED7A25;
    height:25px;
    text-align:left;
}

.menuleft li.text, .menuright li.text {
    display:block;
    margin:0;
    padding:0;
    padding-left:5px;
    padding-top:1px;
    padding-bottom:1px;
    color:#000000;
    background-color:#ffffff;
}

.menuleft li.text_last, .menuright li.text_last {
    display:block;
    margin:0;
    padding:0;
    padding-left:5px;
    color:#000000;
    background-color:#ffffff;
     border-bottom:1px #14375D dotted;
}


.menuleft_text_2 {
    float:left;
    width:154px;
    margin:0;
    margin-top:7px;
    padding:0;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-right:1px #14375D dotted;
    font-weight:bold;
    color:#16569A;
}

.menuleft_keywords {
    width:39px;
    float:left;
    margin:0;
    padding:0;
    display:inline;
}   

.menuleft_keywords ul {
    display:inline;
    float:left;
    width:39px;
    padding:0;
    margin:0;
    list-style-type:none;
}  

.menuleft_keywords li {
    float:left;
    width:39px;
    display:inline;
    padding:0;
    margin:0;
    margin-bottom:-2px;
} 

.menuleft_keywords li a, .menuleft_keywords li a:link, .menuleft_keywords li a:visited {
    margin:0;
    padding:0;
    padding-left:3px;
    display:inline;
    color:#000000;
    background-color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    line-height:18px;
    height:18px;
    width:39px;
    voice-family:inherit;
}

.menuleft_keywords li a:hover, .menuleft_keywords li a:active {
    margin:0;
    padding:0;
    padding-left:3px;
    color:#16569A;
    text-decoration:none;
    font-weight:bold;
    line-height:18px;
    height:18px;
    width:39px;
}

.menuleft_text_keywords {
    float:left;
    width:159px;
    height:165px;
    margin:0;
    padding:0;
    display:block;
    border-bottom:1px #14375D dotted;
    border-right:1px #14375D dotted;
}   


/* MENU CATEGORIES */

.menucategories {
    float:left;
    width:307px;
    margin:0;
    padding:0;
    padding-left:2px;
}

.menucategories ul {
    padding:0;
    margin:0;
    list-style-type:none;
}  

.menucategories li, .menucategories li.subcat {
    float:left;
    display:inline;
    padding:0;
    margin:0;
    width:314px;    
} 

.menucategories li a, .menucategories li a:link, .menucategories li a:visited {
    margin:0;
    padding:0;
    padding-right:3px;
    display:inline;
    padding-left:3px;
    color:#13355B;
    background-color:#ffffff;
    font-size:1.2em;
    text-decoration:none;
    line-height:20px;
    height:20px;
    width:314px;
    voice-family:inherit;
    font-weight:bold;
}

.menucategories li a:hover, .menucategories li a:active {
    padding:0;
    padding-right:3px;
    padding-left:3px;
    color:#ff0000;
    font-size:1.2em;
    text-decoration:none;
    line-height:20px;
    height:20px;
    width:314px;
    font-weight:bold;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
    margin:0;
    padding:0;
    padding-right:3px;
    padding-left:3px;
    color:#222222;
    background-color:#ffffff;
    font-size:1em;
    text-decoration:none;
    line-height:20px;
    height:20px;
    width:314px;
    voice-family:inherit;
}

.menucategories li.subcat a:hover, .menucategories li.subcat a:active {
    margin:0;
    padding:0;
    padding-right:3px;
    padding-left:3px;
    color:#545454;
    background-color:#ffffff;
    font-size:1em;
    text-decoration:none;
    line-height:20px;
    height:20px;
    width:314px;
}


/* MENU PAGERANK, KEYWORDS IN */

#menuin {
    float:left;
    width:643px;
    padding:0;
    padding:7px;
    margin:0;
    margin-bottom:7px;
    border:1px #000000 dotted;
    text-align:center;
}

#menuin ul {
    padding:0;
    margin:0;
    list-style-type:none;
}  

#menuin li {
    padding:0;
    margin:0;
    display:inline;
} 

#menuin li a, #menuin li a:link, #menuin li a:visited {
    display:inline;
    padding-left:3px;
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    voice-family:inherit;
}

#menuin li a:hover, #menuin li a:active {
    padding-left:3px;
    color:#ffffff;
    background-color:#14375D;
    font-weight:bold;
    text-decoration:none;
}


/* CENTRAL PAGE */      

#middle {
    margin:0;
    margin-right:120px;
    margin-left:167px;
    background:#ffffff;
}
        
.column {
    margin:0;
    padding:0;
    padding-left:5px;
    padding-right:5px;;
}

.column_in {
    float:left;
    width:628px;
    margin:0;
    padding:7px;
    margin-bottom:7px;
    border:1px #14375D dotted;
}

.column_in2 {
    float:left;
    width:628px;
    margin:0;
    padding:7px;
    border:1px #14375D dotted;
}

.column_in_grey {
    float:left;
    width:628px;
    margin:0;
    padding:7px;
    margin-bottom:7px;
    border:1px #14375D dotted;
    background-color:#efefef;
}

.column_in_image_site_category {
    float:left;
    width:130px;
    margin:0;
    padding:0;
}

.column_in_description_site_category {
    float:left;
    width:610px;
    margin:0;
    padding:0;
    padding-left:7px;
    text-align: justify;
}

.column_in_metas {
    float:left;
    width:628px;
    margin:0;
    padding:0;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:7px;
    padding-right:7px;
    border:1px #14375D dotted;
    text-align:center;
}

.column_in_details_center_grey {
    float:left;
    width:610px;
    margin:0;
    padding:0;
    margin-bottom:7px;
    background-color:#efefef;
    font-weight:bold;
    text-align:center;
}

.column_in_details_center {
    float:left;
    width:492px;
    margin:0;
    padding:0;
    margin-bottom:7px;
}

.column_in_details_left {
    float:left;
    width:166px;
    text-align:left;
    margin:0;
    padding:0;
    padding-bottom:7px;
}

.column_in_details_middle {
    float:left;
    width:166px;
    text-align:center;
    margin:0;
    padding:0;
    padding-bottom:7px;
}

.column_in_details_right {
    float:left;
    width:166px;
    text-align:right;
    margin:0;
    padding:0;
    padding-bottom:7px;
}

.column_in_pagination {
    float:left;
    width:628px;
    margin:0;
    padding:7px;
    text-align:center;
}

.show_arbo {     
    float:left;             
    width:628px;
    margin:0;
    margin-top:7px;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    border:1px #14375D dotted;
    color:#16569A;
}

.show_arbo2 {     
    float:left;             
    width:628px;
    margin:0;
    margin-top:7px;
    margin-bottom:7px;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    border:1px #14375D dotted;
    color:#16569A;
}


/* table */

.column_in_table {
    float:left;
    width:657px;
    margin:0;
    padding:0;
    margin-bottom:7px;
    border:1px #14375D dotted;
}

.column_in_table2 {
    float:left;
    width:643px;
    margin:0;
    padding:7px;
    border:1px #14375D dotted;
}

.column_in_table3 {
    float:left;
    width:525px;
    margin:0;
    padding:0;
}

.column_in_table4 {
    float:left;
    width:500px;
    margin:0;
    padding:0;
    margin-bottom:7px;
}

.table1 {
    width:657px;
    margin:0;
    padding:0;
    background-color:#ffffff;
}

.table2 {
    width:520px;
    margin:0;
    padding:0;
    background-color:#ffffff;
}

.table3 {
    width:610px;
    margin:0;
    margin-bottom:15px;
    padding:0;
    background-color:#ffffff;
    text-align: justify;
}

.table4 {
    width:627px;
    margin:0;
    padding:0;
    background-color:#ffffff;
}

th {
    padding:0;
    padding-top:4px;
    padding-bottom:3px;
    padding-left:4px;
    color:#16569A;
    border-bottom:1px dotted #989898;
    font-size:0.8em;
    text-align:left;
    text-transform: uppercase;
}

td {
    text-align:left;
    padding:4px;
    line-height:1.40em;
}

.td_right {
    text-align:right;
}

.td_bold {
    font-weight:bold;
}

.col1 { background-color:#d2d8dc; }
.col2 { background-color:#edf5f9; }
.col1-1 { width:125px; }
.col2-2 { width:auto; }
.col1-3 { width:180px; background-color:#efefef; }
.col2-3 { width:auto; background-color:#efefef; }
.col1-4 { width:130px; }
.col2-4 { width:auto; }
.col3-1 { width:150px; }
.col3-2 { width:auto; }
.line1 { background-color:#efefef; }
.line2 { background-color:#ffffff; }


/* title */

.title_h_1 {
    float:left;             
    margin:0;
    margin-top:7px;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    color:#16569A;
}

.title_h_2 {
    float:left;             
    margin:0;
    margin-top:7px;
    padding:0;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    color:#16569A;
}

.title_h_2_out {
    float:left;
    width:643px;
    margin:0;
    padding:0;
    background-color:#ffffff;
}

.fixe {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}

.fixe1 {
    line-height:0.1em;
    margin:0;
    padding:0;
    background:transparent;
}   


/* LINKS AND TEXT STYLE */

a { font-family:Tahoma, Verdana, Arial, sans-serif; }
a:link, a:visited { color:#000000; text-decoration:none; }
a:hover, a:active { color:#574d44; text-decoration:none; }

a.link_black_grey_bold { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_black_grey_bold:link, a.link_black_grey_bold:visited { color:#000000; font-weight:bold; text-decoration:none; }
a.link_black_grey_bold:hover, a.link_black_grey_bold:active { color:#574d44; font-weight:bold; text-decoration:none; }

a.link_black_white { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_black_white:link, a.link_black_white:visited { color:#fff; font-weight:none; text-decoration:underline; }
a.link_black_white:hover, a.link_black_white:active { color:#ff0000; font-weight:none; text-decoration:underline; }

a.link_black_grey_small { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; }
a.link_black_grey_small:link, a.link_black_grey_small:visited { color:#000000; text-decoration:none; }
a.link_black_grey_small:hover, a.link_black_grey_small:active { color:#574d44; text-decoration:none; }

a.link_showarbo { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_showarbo:link, a.link_showarbo:visited { color:#000; font-weight:none; }
a.link_showarbo:hover, a.link_showarbo:active { color:#ff0000; text-decoration:none; font-weight:none; }

a.link_add_website { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_add_website:link, a.link_add_website:visited { color:#ff0000; font-weight:bold; }
a.link_add_website:hover, a.link_add_website:active { color:#b70000; text-decoration:none; font-weight:bold; }

a.link_edit { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_edit:link, a.link_dit:visited { color:#00c871; text-decoration:none; }
a.link_edit:hover, a.link_edit:active { color:#008c4f; text-decoration:none; }

a.link_delete { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_delete:link, a.link_delete:visited { color:#ff0000; text-decoration:none; }
a.link_delete:hover, a.link_delete:active { color:#b70000; text-decoration:none; }

a.link_black_grey_underline { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_black_grey_underline:link, a.link_black_grey_underline:visited { color:#000000; text-decoration:underline; }
a.link_black_grey_underline:hover, a.link_black_grey_underline:active { color:#574d44; text-decoration:none; }

h1 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#16569A;

}

h2 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#ED7A25;

}

.text_numbers {
    font-style:italic;
    font-size:0.8em;
    color:#222222;
}           

.text_characters_orange {
    color:#e77623       
}

.text_characters_boldgras { 
    font-weight:bold;
}

.text_green {
    color:#008c4f;      
}       

.text_red {
    color:#ff0000;      
}


/* TEXTAREA, SELECT, INPUT, IMAGE */

form { 
    margin:0;
    padding:0; 
}       

select { 
    margin:0;
    padding:0;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    background-color:#ffffff;
}

input { 
    margin:0;
    padding:0;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    background-color:#ffffff;
}

input.search {
    width:97px;
    margin-top:3px;
    margin-bottom:3px;
}   

input.searchbutton {
    margin-top:3px;
    margin-bottom:3px;
}

.input_text_small {
    border:1px #000000 solid;
    width:80px;
}

.input_text_medium {
    border:1px #000000 solid;
    width:150px;
}

.input_text_large {
    border:1px #000000 solid;
    width:250px;
}

.input_text_metas {
    border:1px #000000 solid;
    width:192px;
}   

.textarea_large {
    border:1px #000000 solid;
    width:250px;
    height:75px;
    font-size:1em;
}

p { 
    margin:0;
    padding:0; 
}           

img { 
    border:0;
    margin:0;
    padding:0;
}

img.random_image {
    border:#cccccc 1px solid;
    width:120px;
    height:90px;
    margin:0;
    margin-left:28px;
    padding:0;
}

img.category_image {
    padding-top:5px;
    border:0;
    width:22px;
    height:22px;
}

img.website_image {
    float:left;
    width:120px;
    height:90px;
    margin:0;
    margin-right:10px;
    padding:0;
    border:1px #cccccc solid;
}

.menuleft li.imgfleche {
    display:inline;
    margin:0;
    padding:0;
}