/* CSS BY GUILLAUME H.- START */

/* PRINCIPAL */

body {
	margin:0; 
	padding:0;
	background-color:#fff;
	color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
}

#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:150px;
	border-top:1px black solid;
	border-left:1px black solid;
	border-right:1px black solid;
	background:url("../images/bg_header.png") left no-repeat #ffffff;
}

#top2 {
	margin:0;
	padding:0;
	padding-left:7px;
	padding-right:7px;
	height:34px;
	border-left:1px black solid;
	border-right:1px black solid;
	background:url("../images/bg_menuheader.png") bottom no-repeat #ffffff;
}


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

#bottom { 
	margin:0; 
	padding:0;
	height:50px;
	width:948px;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	background:url("../images/bg_bottom.png") top right no-repeat #ffffff;
}
		
.column_bottom {
	line-height:11px;
	text-align:center;
	font-size:0.9em;
	padding:0;
	margin:0;
	padding-top:30px;
}


/* MENU */		

#main1 {
	margin:0;
	padding:0;
	border-left:1px #000000 solid;
	background-color:#ffffff;
}
		
#main2 {
	margin:0;
	padding:0;
	border-right:1px #000000 solid;
	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;
}

#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:122px;
	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:#000000;
	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:#ffffff;
	background-color:#72A412;
	text-decoration:none;
	line-height:24px;
	height:24px;
}


/* MENU LEFT, RIGHT */

.menuleft {
	float:left;
	width:159px;
	padding:0;
	margin:0;
	margin-top:7px;
	border-right:1px #72A412 solid;
}

.menuright {
	float:left;
	width:119px;
	padding:0;
	margin:0;
	margin-top:7px;
	border-left:1px #72A412 solid;
}

.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:1px;
	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 #000000 solid;
}

.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:1px;
	color:#ffffff;
	background-color:#72A412;
	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 #000000 solid;
}

.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:#ffffff;
	background-color:#72A412;
}

.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 #000000 solid;
}



/*Menu right - Tag Cloud */

/* cloudTag1*/
.menuright li.cloudTag1 a, .menuright li.cloudTag1 a:link, .menuright li.cloudTag1 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.7em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag1 a:hover, .menuright li.cloudTag1 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.7em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag2*/
.menuright li.cloudTag2 a, .menuright li.cloudTag2 a:link, .menuright li.cloudTag2 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.8em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag2 a:hover, .menuright li.cloudTag2 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.8em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag3*/
.menuright li.cloudTag3 a, .menuright li.cloudTag3 a:link, .menuright li.cloudTag3 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.9em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag3 a:hover, .menuright li.cloudTag3 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:0.9em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag4*/
.menuright li.cloudTag4 a, .menuright li.cloudTag4 a:link, .menuright li.cloudTag4 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.0em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag4 a:hover, .menuright li.cloudTag4 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.0em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag5*/
.menuright li.cloudTag5 a, .menuright li.cloudTag5 a:link, .menuright li.cloudTag5 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.1em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag5 a:hover, .menuright li.cloudTag5 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.1em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag6*/
.menuright li.cloudTag6 a, .menuright li.cloudTag6 a:link, .menuright li.cloudTag6 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.2em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag6 a:hover, .menuright li.cloudTag6 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.2em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag7*/
.menuright li.cloudTag7 a, .menuright li.cloudTag7 a:link, .menuright li.cloudTag7 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.3em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag7 a:hover, .menuright li.cloudTag7 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.3em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag8*/
.menuright li.cloudTag8 a, .menuright li.cloudTag8 a:link, .menuright li.cloudTag8 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.4em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag8 a:hover, .menuright li.cloudTag8 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.4em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag9*/
.menuright li.cloudTag9 a, .menuright li.cloudTag9 a:link, .menuright li.cloudTag9 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.5em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag9 a:hover, .menuright li.cloudTag9 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.5em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag10*/
.menuright li.cloudTag10 a, .menuright li.cloudTag10 a:link, .menuright li.cloudTag10 a:visited {
	display:inline;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.6em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	voice-family:inherit;
}

.menuright li.cloudTag10 a:hover, .menuright li.cloudTag10 a:active {
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:1.6em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}



/* Menu left - Keyword */

.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 #72A412 solid;
	background-color:#72A412;
	font-weight:bold;
	color:#ffffff;
}

.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:#ffffff;
	background-color:#72A412;
	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 #000000 solid;
	border-right:1px #72A412 solid;
}	


/* MENU CATEGORIES */

.menucategories {
	float:left;
	width:314px;
	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:#72A412;
	
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	height:20px;
	width:314px;
	voice-family:inherit;
}

.menucategories li a:hover, .menucategories li a:active {
	margin:0;
	padding:0;
	padding-right:3px;
	padding-left:3px;
	color:#72A412;
	
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	line-height:20px;
	height:20px;
	width:314px;
}

.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:#618717;
	background-color:#ffffff;
	font-size:1em;
	border-bottom:dashed 1px #618717;
	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:#618717;
	background-color:#ffffff;
	font-size:1em;
	border-bottom:dashed 1px #618717;
	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 #72A412 solid;
	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:#72A412;
	font-weight:bold;
	text-decoration:none;
}



/* MENU CHOOSE WEBSITE SUBMISSION */

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

.column_in_choose_right {
    float:right;
    width:300px;
    margin:0;
    padding:7px;
    margin-bottom:7px;
    text-align:center;
}


.menuchoose_left {
    height:200px;
    margin:0;
    margin-bottom:20px;
    padding:0;
    font-size:2.5em;
    text-transform:uppercase;
}
.menuchoose_right {
    height:200px;
    margin:0;
    margin-bottom:20px;
    padding:0;
    font-size:2.2em;
    text-transform:uppercase;
}

.menuchoose_left ul, .menuchoose_right ul {
    padding:0;
    margin:0;
    list-style-type:none;
}  

.menuchoose_left li, .menuchoose_right li {
    float:left;
    width:270px;
    padding:0;
    margin:0;    
    display:inline;
} 

.menuchoose_left li a, .menuchoose_left li a:link, .menuchoose_left li a:visited {
    height:200px;
    margin:0;
    padding:0;
    padding-left:7px;
    display: block;
    color:#ffffff;
    background-color:transparent;
    text-decoration:none;
    line-height:180px;
    voice-family:inherit;
    background:url("../images/free.png") top no-repeat transparent;
}

.menuchoose_right li a, .menuchoose_right li a:link, .menuchoose_right li a:visited {
    height:200px;
    margin:0;
    padding:0;
    padding-left:20px;
    display: block;
    color:#ffffff;
    background-color:transparent;
    text-decoration:none;
    line-height:180px;
    voice-family:inherit;
    background:url("../images/privilege.png") top no-repeat transparent;
}

.menuchoose_left li a:hover, .menuchoose_left li a:active {
    height:200px;
    margin:0;
    padding:0;
    padding-left:7px;
    display: block;
    color:#000000;
    background-color:transparent;
    text-decoration:none;
    line-height:180px;
}

.menuchoose_right li a:hover, .menuchoose_right li a:active {
    height:200px;
    margin:0;
    padding:0;
    padding-left:20px;
    display: block;
    color:#000000;
    background-color:transparent;
    text-decoration:none;
    line-height:180px;
}



/* CENTRAL PAGE */		

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

.column_in {
	float:left;
	width:643px;
	margin:0;
	padding:7px;
	margin-bottom:7px;
	border:1px #72A412 solid;
}

.column_in2 {
	float:left;
	width:643px;
	margin:0;
	padding:7px;
	border:1px #72A412 solid;
}

.column_in_grey {
	float:left;
	width:643px;
	margin:0;
	padding:7px;
	margin-bottom:7px;
	border:1px #72A412 solid;
	background-color:#DCFAD1;
}

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

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

.column_in_metas {
	float:left;
	width:643px;
	margin:0;
	padding:0;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:7px;
	padding-right:7px;
	border:1px #72A412 solid;
	text-align:center;
}

.column_in_details_center_grey {
	float:left;
	width:500px;
	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_thematic {
	float:left;
	width:642px;
	margin:0;
	padding:0;
	padding-bottom:2px;
	margin-bottom:3px;
	border-bottom:1px #72A412 dashed;
}

.column_in_comment {
	float:left;
	width:642px;
	margin:0;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px #72A412 dashed;
}

.column_in_comment_grey {
	float:left;
	width:642px;
	margin:0;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px #72A412 dashed;
	background-color:#efefef;
}

.column_in_comment_add {
	float:left;
	width:642px;
	margin:0;
	padding:0;
	padding-top:30px;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px #72A412 dashed;
	font-weight:bold;
}

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

.column_in_pagination a{
padding:3px 7px;
background-color:#DCFAD1;
color:#FFF;
border:#060 1px solid;
}

.column_in_pagination a:hover, .column_in_pagination b {
padding:3px 7px;
background-color:#060;
color:#FFF;
border:#060 1px solid;
}


.column_in_subbmit {
	float:left;
	width:636px;
	margin:0;
	margin-top:4px;
	padding:3px;
	text-align:center;
	font-weight:bold;
	background-color:#efefef;
}

.column_in_subbmit_out {
	float:left;
	width:642px;
	margin:0;
	padding:0;
}

.show_arbo {     
	float:left;             
    width:647px;
	margin:0;
	margin-top:7px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	border-left :2px;
	border-bottom: 2px ;
	border-right:none;
	border-top:none;
	
	border-bottom-color:#72A412;
	border-bottom-style:solid;
	
	color:#72A412;
	
}		

.show_arbo2 {     
	float:left;             
    width:647px;
	margin:0;
	margin-top:7px;
	margin-bottom:7px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:1px #72A412 solid;
	color:#ffffff;
	background-color:#72A412;
}


/* table */

.column_in_table {
	float:left;
	width:657px;
	margin:0;
	padding:0;
	margin-bottom:7px;
	border:1px #72A412 solid;
}

.column_in_table2 {
	float:left;
	width:643px;
	margin:0;
	padding:7px;
	border:1px #72A412 solid;
}

.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:500px;
	margin:0;
	margin-bottom:15px;
	padding:0;
	background-color:#ffffff;
}

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

th {
	padding:0;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:4px;
	color:#ffffff;
	background-color:#72A412;
	border-bottom:1px solid #989898;
	font-size:0.8em;
	text-align:left;
	text-transform: uppercase;
}

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

.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:#ffffff;
	
}

.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:#ffffff;
	
}

.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_grey_normal { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_black_grey_normal:link, a.link_black_grey_normal:visited { color:#000000; text-decoration:none; }
a.link_black_grey_normal:hover, a.link_black_grey_normal:active { color:#574d44; text-decoration:none; }

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; font-size:20px;}
a.link_showarbo:link, a.link_showarbo:visited { color:#72A412; font-weight:bold; }
a.link_showarbo:hover, a.link_showarbo:active { color:#618717; text-decoration:none; font-weight:bold; }

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:16px;
	font-weight:bold;
	color:#72A412;
	
}

h2 {
	margin:0;
	padding:0;
	display:inline;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#72A412;
	
}

.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;		
}

.text_thematic_close {
	font-style:italic;
	color:#574d44;
	padding-left:4px;
}

.text_center {
    text-align:center;
    font-weight:bold;
}

.text_comment {
	font-size:0.8em;
    color:#574d44;
}



/* 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:80px;
	margin-top:3px;
	margin-bottom:3px;
}	

input.newsletter_input {
	width:144px;
	margin-top:3px;
	margin-bottom:3px;
}

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

input.subutton {
	width:62px;
	margin-top:3px;
	margin-bottom:3px;
}

input.unsubutton {
	width:82px;
	margin-top:3px;
	margin-bottom:3px;
}

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

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

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

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

.textarea_large {
	border:1px #72A412 solid;
	width:350px;
	height:110px;
}

.textarea_return {
	border:1px #72A412 solid;
	width:300px;
	height:90px;
}

p { 
	margin:0;
	padding:0; 
}			

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

img.random_image {
	border:#72A412 1px solid;
	width:120px;
	height:90px;
	margin:0;
	
	padding:0;
}

img.category_image {
	border:0;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
}

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

img.flag_image {
	float:left;
	margin:0;
	margin-top:2px;
	margin-left:-30px;
	padding:0;
	width:18px;
	height:12px;
}

img.package_image {
	float:right;
	margin:0;
	padding:0;
}







/**
#########################################
#										#
#				HTML					#
#										#
#########################################
**/

/**
HTML
html, body
a
a:hover
input
img
.gras
.italique
.souligne
.petit
.rose
**/

/* IE6 seulement */
* html .buggybox {
	margin-top: -5px;
}

/* IE6 seulement */
* html .buggybox2 {
	margin-top: -9px;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(/templates/annu/images/fond.gif);
	background-repeat: repeat-x;
}

a {
	color: #0066cc;
	text-decoration: none;
	
}

a:hover {
	color: #435F10;
	text-decoration: none;
}


input.inp {
	background-color: #ffffff;
	border: 1px solid #72A412;
	width: 218px;
	height: 17px;
	color: #333333;
	padding: 1px 0 0 2px;
}


img {
	border: 0px;
}

.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

.souligne {
	text-decoration: underline;
}

.petit {
	font-size: 11px;
}

.rose {
	color: #d02983;
}

/**
#########################################
#										#
#				HEADER					#
#										#
#########################################
**/

/**
HEADER
#logobanniere (thematique, publicite, leaderboard)
#navigation (menu, sousmenu, recherche, focus)
**/

#header{
	padding: 0;
	margin: 0;
}

/**
#logobanniere (logo, banniere)
**/

#logobanniere{
	height: 101px;
	position:relative;
	z-index: 10;
}

#logobanniere .thematique{
	width: 233px;
	height: 111px;
}

#logobanniere .publicite{
	margin: -101px 0 0 233px;
	height: 90px;
}

#logobanniere .leaderboard{
	margin: -90px 0 0 246px;
	height: 90px;
}

/**
#navigation (menu)
**/

#navigation{

}

#navigation .menu{
	overflow: hidden;
	font-family: arial, sans-serif;
	font-size: 11px;
	height: 37px;
	width: 100%;
}

/* IE6 seulement */
/*\*/
* html #navigation .menu{ height: 36px; }
/**/

#navigation .menu ul{
	list-style-type: none;
	margin-top: 7px;
/**
aligner la navigation à gauche ou au centre en commentant
**/
	margin-left: 0;
	padding-left: 0;     
}

#navigation .menu li{
	float: left;
	line-height:16px;
}

/**
#navigation .menu a
**/

#navigation .menu a{
	float: left;
	position: relative;
	top: 0px;
	background: url(/templates/annu/images/navigation-g.gif) no-repeat left top;
	margin-right: 3px;
	padding: 0 0 0 8px;
	text-decoration: none;
}

#navigation .menu a span{
	display: block;
	background: url(/templates/annu/images/navigation-d.gif) no-repeat right top;
	padding: 5px 16px 6px 8px;
	font-weight: bold;
	color: #ffffff;
}

/* IE6 seulement */
/*\*/
* html #navigation .menu a span{ padding-bottom: 6px; }
/**/

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navigation .menu a span {float: none;}
/* End IE5-Mac hack */


#navigation .menu .selected a{
	background-position: 0% -125px;
	top: 0;
	z-index: 11;
}

#navigation .menu .selected a span{
	background-position: 100% -125px;
	color: #ffffff;
	padding-bottom: 6px;
	top: 0;
	z-index: 11;
}

/* IE6 seulement */
/*\*/
* html #navigation .menu .selected a span{ padding-bottom: 10px; }
/**/

#navigation .menu a:hover{
	background-position: 0% -125px;
	top: 0;
	z-index: 11;
}

#navigation .menu a:hover span{
	background-position: 100% -125px;
	padding-bottom: 6px;
	top: 0;
	z-index: 11;
}

/* IE6 seulement */
/*\*/
* html #navigation .menu a:hover span{ padding-bottom: 10px; }
/**/

/**
#navigation .sousmenu
**/

#navigation .sousmenulien{
	font: normal 11px arial;
	display: inline;
}

#navigation .sousmenu{
	position: absolute;
	margin-top: -1px;
	font: normal 12px arial;
	z-index: 100;
	background: url(/templates/annu/images/sousmenu.png);
	width: 212px;
	visibility: hidden;
}

#navigation .sousmenu a{
	width: auto;
	position: relative;
	display: block;
	text-indent: 0;
	border-bottom: 1px solid #ffffff;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

#navigation * html .sousmenu a{ /*IE only hack*/
	width: 100%;
}

#navigation .sousmenu a:hover{
	background-color: #555a48;
	color: #ffffff;
}

/**
#navigation (recherche et focus)
**/

#navigation .recherche#rose{
	background-image: url(/templates/annu/images/fond-recherche.gif);
	background-repeat: repeat-x;
	height: 34px;
}

#navigation .recherche form{
	display: inline;
}

#navigation .submit{
	vertical-align: bottom; *vertical-align: text-bottom;
	background-image: none;
	background-color: transparent;
	border: 0;
	width: 75px;
	height: 20px;
	padding-left: 0;
}

#navigation .texte{
	padding: 6px 0px 0px 0px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #2d3220;
}

#navigation .focus {
	padding-top: 2px;
	float: right;
}

#navigation .focus a {
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}

#navigation .focus a:hover {
	color: #000000;
	text-decoration: underline;
}

/**
#########################################
#										#
#				INTERPAGE				#
#										#
#########################################
**/

/**
INTERPAGE
#interpage
#interpage2
**/

#interpage {
	clear: both;
	margin-top: 10px;
	background-color: #ffffff;
}

#interpage2 {
	clear: both;
	height: 20px;
}

/**
#########################################
#										#
#				COLONNE					#
#										#
#########################################
**/

/**
COLONNE
#colonne (colonne de droite)
**/

#colonne {
	float: left;
    width: 300px;
}

#colonne .publicite-2 {
	text-align: center;
	padding-bottom: 3px;
}

#colonne .espace {
	height: 15px;
}

/**
#########################################
#										#
#				PAGE					#
#										#
#########################################
**/

/**
PAGE
#page (page principale)
**/

#page {
	width: 660px;
	text-align: left;
	float: right;
}

/**
#########################################
#										#
#				FOOTER					#
#										#
#########################################
**/

/**
FOOTER
#footer
#footer2
**/

#footer {
	background-image: url(/templates/annu/images/fond-footer.gif);
	background-repeat: repeat-x;
	height: 70px;
}

#footer .texte {
	float: left;
	width: 200px;
	margin-top: 1px;
	padding-left: 16px;
	font-size:11px;
}

/** hack IE7 **/
*+html #footer .texte{
	margin-top: -13px;
	padding-left: 16px;
	font-size:11px;
}

/** hack IE6 **/
/*\*/
* html #footer .texte{
	margin-top: -13px;
	padding-left: 16px;
	font-size:11px;
}
/**/

#footer hr {
	color: #2d3220;
	background-color: #2d3220;
	height: 1px;
	border: 0;
	padding: 0;
}

/** hack IE7 **/
*+html #footer hr {
	margin-top: -8px;
	padding: 0;
}

/** hack IE6 **/
/*\*/
* html #footer hr {
	margin-top: -7px;
	padding: 0;
}
/**/

#footer ul {
	font-size: 11px;
	list-style-type:none;
	padding: 0;
	margin: 2px 0 0 0;
	position: relative;
	left: 0;
	float: left;
	padding-left: 45px;
}

/** hack IE7 **/
*+html #footer ul{
	margin-top: -12px;
	padding: 0;
	padding-left: 45px;
}

/** hack IE6 **/
/*\*/
* html #footer ul{
	margin-top: -12px;
	padding: 0;
	padding-left: 45px;
}
/**/

#footer li{
	background-image: url('/templates/annu/images/fleche.gif');
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
}

#footer a {
	color: #2d3220;
}

#footer a:hover {
	color: #618717;
}

/** #footer2 pour ajouter des liens en-dessous ou au-dessus de la barre de footer **/

#footer2 {
	
}

#footer2 a {
	color: #2d3220;
}

#footer2 a:hover {
	color: #d02983;
}

/**
#########################################
#										#
#				CONTAINERBIG			#
#										#
#########################################
**/

/**
#containerbig (marge extérieure)
**/

#containerbig {
	margin: 0 auto;
	width: 1001px;
	height: 100%;
}

/**
#########################################
#										#
#				CONTAINER				#
#										#
#########################################
**/

/**
#container (container principal)
**/

#container {
	margin: 0 auto;
	width: 974px;
	height: 100%;
}

/**
INDEX
#index (styles de la page d'accueil)
**/

#index {
	text-align: justify;
}
