/* CSS BY GUILLAUME HOCINE - START */

/* PRINCIPAL */
body {
	margin:0; 
	padding:0;
	line-height:1.4em;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color:#000000;
	background:url("../images/bg_fond.jpg") top left repeat-x #ffd27d;
}

#principal {
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
}

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

#top2 {
	height:37px;
	margin:0;
	padding:0;
	background:url("../images/bg_menuheader.png") top left no-repeat #ffffff;
}

#top3 {
    margin:0;
    padding:0;
	background-color:#ffffff;
}

/* hack IE6 */
* html #top3{ 
	margin-bottom:0;
}

/* hack IE7 */
*+html #top3{ 
	margin-bottom:-13px;
}

/* SEARCH FORM */
#search_keyword_text {
	float:left;
	width:335px;
	margin:0;
	padding:0;
	color:#ffffff;
	font-weight:bold;
	font-size:1.0em;
}

#search_keyword_buton {
	float:left;
	width:168px;
	margin:0;
	padding:2px 0 0 0;
	border:0;
	background-color:transparent;
}

#search_ok_buton {
	float:left;
	width:28px;
	margin:0 0 0 5px;
	padding:0;
	border:0;
	text-align:center;
	font-size:1.1em;
	cursor:pointer;
	background-color:transparent;
}

div.din_search_engine {
    float:right;
    width:700px;
	margin:0px;
    text-align:left;
}

/* BOTTOM OF PAGE | BAS DE LA PAGE */
#bottom { 
    width:100%;
    height:160px;
    margin:0; 
    padding:0;
    background:url("../images/bg_footer.png") top left repeat-x #ffd27d;
}

#column_bottom {
	position:relative;
    width:1000px;
	height:160px;
	left:50%;
	margin:0 0 0 -500px;
    padding:0;
	font-size:0.8em;
	text-align:center;
	background:url("../images/footer.jpg") top left no-repeat #ffd27d;
}


/* MENU */
#main1 {
	margin:0;
	padding:0;
	background-color:#ffd27d;
}

#main2 {
	margin:0;
	padding:0;
	background-color:#ffd27d;
}

#left {
	float:left;
	width:200px;
	margin-left:2px; 
	padding:0;
}

#right {
	float:right;
	width:200px;
	margin-right:2px; 
	padding:0;
}

/* MENU TOP */
#menutop2 {
	float:left;
	width:1000px;
	height:37px;
	margin:0;
	padding:0;
}

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

#menutop2 li {
	display:inline;
	float:left;
	width:116px;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
}

#menutop2 li#communique {
	display:inline;
	float:left;
	width:200px;
	margin:0 0 0 390px;
	padding:0;
}

#menutop2 li#news {
	display:inline;
	float:left;
	width:115px;
	margin:0;
	padding:0;
}

#menutop2 li#blog {
	display:inline;
	float:left;
	width:111px;
	margin:0;
	padding:0;
}

#menutop2 li#add {
	display:inline;
	float:left;
	width:170px;
	margin:0;
	padding:0;
}  

#menutop2 li a {
	display:block;
	height:37px;
	line-height:37px;
	margin:0;
	padding:0 5px 0 5px;
	color:#ab4d12;
	text-align:center;
}

#menutop2 li a:hover, #menutop2 li a:focus, #menutop2 li a:active {
	display:block;
	height:37px;
	line-height:37px;
	margin:0;
	padding:0 5px 0 5px;
	color:#000000;
	text-align:center;
	text-decoration:underline;
}

/* MENU LEFT, RIGHT */
.menuleft, .menuright {
	float:left;
	width:200px;
	margin:7px 0 0 0;
	padding:0;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

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

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

.menuleft li.header, .menuright li.header {
	display:block;
	margin:0;
	padding:10px 0 14px 30px;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
    background:url("../images/bg_menu_header.png") top left no-repeat #ffd27d;
}

.menuleft li.text, .menuright li.text {
	display:block;
	line-height:1.1em;
	margin:0;
	padding:3px 0 2px 6px;
	color:#000000;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuleft li.text_last, .menuright li.text_last {
	display:block;
	margin:0;
	padding:0 0 0 6px;
	color:#000000;
	background-color:transparent;
	border-bottom:1px #c86607 solid;
}

.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;
	line-height:1.1em;
	margin:0 0 0 1px;
	padding:3px 0 2px 5px;
	color:#000000;
	text-decoration:none;
}

.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 #c86607 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 {
	display:block;
	width:192px;
	line-height:1.1em;
	margin:0 0 0 1px;
	padding:3px 0 2px 5px;
	color:#c86607;
	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 #c86607 solid;
}

/* Menu Publicite */
.pub_header {
	float:left;
	width:728px;
	padding-top:112px;
	padding-left:254px;
}

.pub_centre {
	float:left;
	margin-left:50px;
	padding:0;
	text-align:center;
}

.pub_gd {
	border:1px #c86607 solid;
	text-align:center;
	padding:5px 0 3px 0;
}

.pub_gd2 {
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	background:#ffffff;
	text-align:center;
	padding:5px 0 3px 0;
}

/*Menu Tag Cloud */
.menu_tag {
	float:left;
	width:570px;
	margin:0 0 7px 0;
	padding:7px;
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	background:#ffffff;
}

.menu_tag ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}  

.menu_tag li {
	margin:0;
	padding:0;
	display:inline;
}

/* cloudTag1*/
.menu_tag li.cloudTag1 a, .menu_tag li.cloudTag1 a:link, .menu_tag li.cloudTag1 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:0.8em;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag1 a:hover, .menu_tag li.cloudTag1 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:0.8em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag2*/
.menu_tag li.cloudTag2 a, .menu_tag li.cloudTag2 a:link, .menu_tag li.cloudTag2 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:0.9em;
	color:#af1010;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag2 a:hover, .menu_tag li.cloudTag2 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:0.9em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag3*/
.menu_tag li.cloudTag3 a, .menu_tag li.cloudTag3 a:link, .menu_tag li.cloudTag3 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.0em;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag3 a:hover, .menu_tag li.cloudTag3 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.0em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag4*/
.menu_tag li.cloudTag4 a, .menu_tag li.cloudTag4 a:link, .menu_tag li.cloudTag4 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.1em;
	color:#af1010;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag4 a:hover, .menu_tag li.cloudTag4 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.1em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag5*/
.menu_tag li.cloudTag5 a, .menu_tag li.cloudTag5 a:link, .menu_tag li.cloudTag5 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.2em;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag5 a:hover, .menu_tag li.cloudTag5 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.2em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag6*/
.menu_tag li.cloudTag6 a, .menu_tag li.cloudTag6 a:link, .menu_tag li.cloudTag6 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.3em;
	color:#af1010;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag6 a:hover, .menu_tag li.cloudTag6 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.3em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag7*/
.menu_tag li.cloudTag7 a, .menu_tag li.cloudTag7 a:link, .menu_tag li.cloudTag7 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.4em;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag7 a:hover, .menu_tag li.cloudTag7 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.4em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag8*/
.menu_tag li.cloudTag8 a, .menu_tag li.cloudTag8 a:link, .menu_tag li.cloudTag8 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.5em;
	color:#af1010;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag8 a:hover, .menu_tag li.cloudTag8 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.5em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag9*/
.menu_tag li.cloudTag9 a, .menu_tag li.cloudTag9 a:link, .menu_tag li.cloudTag9 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.6em;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag9 a:hover, .menu_tag li.cloudTag9 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.6em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* cloudTag10*/
.menu_tag li.cloudTag10 a, .menu_tag li.cloudTag10 a:link, .menu_tag li.cloudTag10 a:visited {
	display:inline;
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.7em;
	color:#af1010;
	background-color:transparent;
	text-decoration:none;
}

.menu_tag li.cloudTag10 a:hover, .menu_tag li.cloudTag10 a:active {
	margin:0;
	padding:3px 0 2px 2px;
	font-size:1.7em;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

/* Menu left - Keyword */
.menuleft_text_2 {
	float:left;
	width:170px;
	margin:7px 0 0 0;
	padding:10px 0 14px 30px;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
	background:url("../images/bg_menu_header.png") top left no-repeat #ffffff;
}

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

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

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

.menuleft_keywords li a, .menuleft_keywords li a:link, .menuleft_keywords li a:visited {
	display:inline;
	height:19px;
	line-height:19px;
	margin:0;
	padding:0 0 0 6px;
	font-weight:bold;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

.menuleft_keywords li a:hover, .menuleft_keywords li a:active {
	height:19px;
	line-height:19px;
	margin:0;
	padding:0 0 0 6px;
	font-weight:bold;
	color:#c86607;
	background-color:transparent;
	text-decoration:none;
}

.menuleft_text_keywords {
	display:block;
	float:left;
	width:198px;
	height:177px;
	margin:0;
	padding:0;
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	background:#ffffff;
}

/* MENU CATEGORIES */
.menucategories {
	float:left;
	width:183px;
	margin:0;
	padding:0 0 0 5px;
}

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

.menucategories li.maincat {
	float:left;
	width:183px;
	display:inline;
	padding:0;
	margin:5px 0 0 0;
}

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

.menucategories li.keyword {
	float:left;
	width:183px;
	display:inline;
	padding:0;
	margin:5px 0 5px 0;
}

.menucategories li.maincat a, .menucategories li.maincat a:link, .menucategories li.maincat a:visited {
	display:inline;
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
	color:#c86607;
}

.menucategories li.maincat a:hover, .menucategories li.maincat a:active {
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#000000;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#000000;
	font-size:0.9em;
	text-decoration:none;
	background-color:transparent;
}

.menucategories li.subcat a:hover, .menucategories li.subcat a:active {
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#c86607;
	font-size:0.9em;
	text-decoration:none;
	background-color:transparent;
}

.menucategories li.keyword a, .menucategories li.keyword a:link, .menucategories li.keyword a:visited {
	display:inline;
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}

.menucategories li.keyword a:hover, .menucategories li.keyword a:active {
	width:183px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#c86607;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
}

/* MENU PAGERANK, KEYWORDS IN */
#menuin {
	float:left;
	width:570px;
	padding:7px;
	margin:0 0 7px 0;
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	background:#ffffff;
	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;
	margin:0;
	padding:0 0 0 3px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#menuin li a:hover, #menuin li a:active {
	margin:0;
	padding:0 0 0 3px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

/* MENU CHOOSE WEBSITE SUBMISSION */
.column_in_choose_left {
    float:left;
    width:270px;
    margin:0 0 7px 0;
    padding:7px;
    text-align:center;
}

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


.menuchoose_left {
    height:200px;
    margin:0 0 20px 0;
    padding:0;
    font-size:2.4em;
    text-transform:uppercase;
}
.menuchoose_right {
    height:200px;
    margin:0 0 20px 0;
    padding:0;
    font-size:2.1em;
    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 {
	display: block;
    height:210px;
	line-height:180px;
    margin:0;
    padding:0;
    text-decoration:none;
	color:#000000;
    background:url("../images/free.png") top no-repeat transparent;
}

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

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

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

/* MENU DETAILS */
.menudetails {
    float:right;
    width:213px;
    margin:14px 0 7px 0;
    padding:0 0 0 7px;
    border-left:1px #878787 solid;
}

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

.menudetails li {
	display:inline;
    margin:0;
    margin:0;
}

.menudetails li#header_interaction {
	display:block;
    line-height:1.1em;
    margin:0 0 2px 0;
    padding:0 2px 2px 0;
    color:#000000;
    text-decoration:underline;
	text-align:center;
}

.menudetails li#header_info_google {
	display:block;
    line-height:1.1em;
    margin:15px 0 2px 0;
    padding:0 2px 2px 0;
    color:#000000;
    text-decoration:underline;
	text-align:center;
}

.menudetails li.text {
	display:block;
    line-height:1.1em;
    margin:0;
    padding: 2px 0px 2px 0;
	font-size:0.9em;
    color:#000000;
}

.menudetails li#warn {
	display:block;
    line-height:0.8em;
    margin:0;
    padding: 2px 0 2px 0;
    color:#000000;
}

.menudetails li#comment_rating {
	display:block;
    line-height:0.8em;
    margin:0;
    padding: 2px 0 2px 0;
    color:#000000;
}

.menudetails li#contact {
	display:block;
    line-height:0.8em;
    margin:0;
    padding: 2px 0px 2px 0;
    color:#000000;
}

.menudetails li a, .menudetails li a:link, .menudetails li a:visited {
	display:block;
    line-height:0.8em;
    padding: 3px 2px 2px 0;
	font-size:0.9em;
    color:#000000;
    background-color:transparent;
    text-decoration:none;
}

.menudetails li a:hover, .menudetails li a:active {
    line-height:0.8em;
    padding: 3px 2px 2px 0;
    color:#1e6dab;
    background-color:transparent;
    text-decoration:underline;
}

/* CENTRAL PAGE */		
#middle {
	margin:0;
	margin-right:202px;
	margin-left:202px;
	background:#ffd27d;
}
		
.column {
	margin:0;
	margin-left:5px;
	padding:0;
}

.column_in {
	float:left;
	width:570px;
	margin:0 0 7px 0;
	padding:7px;
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	background:#ffffff;
}

.column_in_grey {
	float:left;
	width:570px;
	margin:0 0 7px 0;
	padding:7px;
	border:1px #c86607 solid;
	background-color:#ffffff;
}

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

.description_left {
	display:block;
	float:left;
	width:395px;
	margin:0;
	padding:0 5px 0 0;
	border-right:1px #c86607 solid;
}

.description_right {
	display:block;
	float:right;
	width:165px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align:center;
}

#column_in_right_details {
	float:right;
	width:220px;
	margin:0;
	padding:0;
}

#map {
	float:left;
	width:100%;
	height:250px;
	margin:0;
	padding:0;
}

#column_in_details{
	float:left;
	width:341px;
	margin:0 0 7px 0;
	padding:0;
}

.column_in_thematic {
	float:left;
	width:570px;
	margin:0 0 3px 0;
	padding:0 0 2px 0;
	border-bottom:1px #574d44 dashed;
}

.column_in_comment {
	float:left;
	width:570px;
	margin:0;
	padding:7px 0 7px 0;
}

.column_in_comment_grey {
	float:left;
	width:570px;
	margin:0;
	padding:7px 0 7px 0;
	background-color:#f4f4f4;
}

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

.show_arbo {     
	float:left;             
	width:572px;
	margin:7px 0 0 5px;
	padding:0;
	color:#000000;
	background-color:transparent;
}

/* FORM */
fieldset.column_in {
    float: left;
	width:570px;
    margin:0 0 7px 0;
    padding:7px;
    text-align:right;
	border-right:1px #c86607 solid;
	border-bottom:1px #c86607 solid;
	border-left:1px #c86607 solid;
	border-top:0px;
	background:#ffffff;
}

legend.title {
	float:left;
	display:inline;
	width:497px;
	height:18px;
    margin:7px 0 25px -8px;
	padding:9px 7px 2px 7px;
    color:#ffffff;
    font-weight:bold;
    background-color:#78a3d8;
}

label {
    float:left;
    margin:0;
    padding:0;
    line-height:1.8em;
}

label.title {
    width:142px;
    padding-right:17px;
    font-weight:bold;
    text-align:right;
}

div.infos {
    float: left;
	width:335px;
    margin:0;
    padding:0 0 0 7px;
    line-height:1.8em;
    text-align:left;
}

div.infos_terms {
    float: left;
	width:570px;
    margin:0;
    padding:0 0 0 7px;
    line-height:1.8em;
    text-align:left;
}

label.infos_select_category {
	width:570px;
    text-align:left;
}

label.infos_checkbox {
    width:200px;
    padding-left:7px;
    text-align:left;
}

.text_error {
    float:right;
    width:140px;
    margin:0 0 -10px 0;
    padding:0 0 0 7px;
    text-align:center;
    font-size:0.8em;
    background:url("../images/error.gif") no-repeat left center #ffd0d0;
}

p.form {
    float:left;
	width:570px;
    margin:0 0 7px 0;
    padding:2px 0 2px 0;
}

div.form {
    float:left;
	width:570px;
    margin:0 0 7px 0;
    padding:2px 0 2px 0;
    text-align:left;
}

div.form_error {
    float:left;
    width:972px;
    margin:0 0 7px 0;
    padding:0;
    background-color:#ffd0d0;
}

div.error, td.error
{
    background-color:#ffd0d0;  
}

div.form_details {
    float:left;
	width:493px;
    margin:0 0 7px 0;
    padding:0;
    text-align:left;
}


label.title_details {
    width:120px;
	margin:0;
	padding:0 17px 0 0;
    font-weight:bold;
}

div.infos_details {
	float: left;
	width:341px;
	line-height: 1.8em;
    margin:0;
    padding:0 0 0 7px;
    text-align:left;
}

/* POPUP */
#popup_principal {
    width:500px;
}

#popup_top {
	height:20px;
    margin:0;
    padding:4px 0 4px 7px;
	font-size:1.4em;
    border-bottom:1px #75a8c2 solid;
}

#popup_main1 {
    margin:0;
    padding:0;
    border-left:1px #75a8c2 solid;
    background-color:#ffffff;
}
        
#popup_main2 {
    margin:0;
    padding:0;
    border-right:1px #75a8c2 solid;
    border-bottom:1px #75a8c2 solid;
    background-color:#ffffff;
}

#popup_middle {
    margin:0 7px 0 7px;
	padding:0;
    background:#ffffff;
}
        
#popup_column {
    margin:0;
    padding:0;
}

fieldset.column_in_popup {
    float: left;
    width:480px;
	line-height:1.8em;
    margin:7px 0 7px 0;
    padding:0;
    text-align:right;
	border:none;
}

label.title_popup {
    width:105px;
	margin:0;
    padding:0 17px 0 0;
    font-weight:bold;
    text-align:right;
}

div.infos_popup {
	float: left;
    width:295px;
	line-height:1.8em;
    margin:0;
    padding:0 0 0 7px;
    text-align:left;
}

div.form_error_popup {
    float:left;
    width:482px;
    margin:0 0 7px 0;
    padding:0;
    text-align:left;
    background-color:#ffd0d0;
}

div.form_popup {
    float:left;
    width:482px;
    margin:0 0 7px 0;
    padding:0;
    text-align:left;
}

/* table */
.table_user {
	width:570px;
	margin:0 0 14px 0;
	padding:0;
	background-color:#ffffff;
	border:1px #e5e5e5 solid;
}

.table_website {
	width:570px;
	margin:0;
	padding:0;
	background-color:#ffffff;
	border:1px #e5e5e5 solid;
}

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

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

.td_right {
	text-align:right;
}

.col1-3 { width:200px; background-color:#efefef; }
.col2-3 { width:auto; background-color:#efefef; }
.line1 { background-color:#efefef; }
.line2 { background-color:#ffffff; }

/* title */
.title_h {
    float:left;
	width:549px;
    margin:7px 0 0 0;
    padding:10px 7px 13px 30px;
	background:url("../images/bg_title.png") top left no-repeat;
}

.title_h_s {
    float:left;
	width:549px;
    margin:7px 0 0 0;
    padding:8px 7px 14px 30px;
	background:url("../images/bg_title_search.png") top left no-repeat;
}

.title_h_1 {
    float:left;
	width:549px;
    margin:7px 0 0 0;
    padding:10px 7px 14px 30px;
	background:url("../images/bg_title.png") top left no-repeat;
}

.title_h_2 {
    float:left;
	width:549px;
    margin:7px 0 0 0;
    padding:10px 7px 14px 30px;
	background:url("../images/bg_title.png") top left no-repeat;
}

.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; font-size:0.9em;}
a:link, a:visited { color:#c86607; text-decoration:none; font-weight:bold;}
a:hover, a:active { color:#b70000; text-decoration:none; }

a#advancedSearchLink { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.8em; }
a#advancedSearchLink:link, a#advancedSearchLink:visited { color:#000000; text-decoration:underline; }
a#advancedSearchLink:hover, a#advancedSearchLink:active { color:#c86607; text-decoration:underline; }

a.link_black_blue_b_u { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_black_blue_b_u:link, a.link_black_blue_b_u:visited { color:#000000; font-weight:bold; text-decoration:underline; }
a.link_black_blue_b_u:hover, a.link_black_blue_b_u:active { color:#c86607; font-weight:bold; text-decoration:underline; }

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; }
a.link_showarbo:link, a.link_showarbo:visited { color:#000000; }
a.link_showarbo:hover, a.link_showarbo:active { color:#000000; text-decoration:underline;  }

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

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

h1 {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	background-color:transparent;
}

h2 {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	background-color:transparent;
}

.text_numbers {
	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:normal;
	color:#c86607;
	padding-left:4px;
}

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

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

.text_color_mandatory {
    color:#ff6a4d;
}

.text_search {
	font-weight:bold;
    color:#005278;
}

/* 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.button {
	padding:0 7px 0 7px;
	border:1px #000000 solid;
	background-color:#eff9ff;
	cursor:pointer;
}

.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:190px;
}	

.textarea_large {
	float:left;
	border:1px #000000 solid;
	width:350px;
	height:110px;
}

.textarea_extra_large {
	float:left;
	border:1px #000000 solid;
	width:400px;
	height:200px;
}

.textarea_return {
	float:left;
	border:1px #000000 solid;
	width:300px;
	height:90px;
}

p { 
	margin:0;
	padding:0; 
}			

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

img.jour_image {
	width:160px;
	height:120px;
	margin:3px 0 0 0;
	padding:0;
	border:1px #c86607 solid;
}

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

img.category_image {
	float:left;
	width:24px;
	height:24px;
	margin-top:-2px;
	padding:0;
}

img.rss_image {
	display:inline;
	float:right;
	height:12px;
	margin:0;
	padding:0;
	vertical-align:middle;
}

img.image_rss2 {
	position:absolute;
	float:left;
	width:46px;
	height:36px;
	margin:0;
	margin-left:940px;
	margin-top:10px;
	padding:0;	
}

img.new_image {
	margin:0 0 0 14px;
	padding:0;
}

img.detail_image {
	float:left;
	width:220px;
	height:165px;
	margin:0;
	padding:0;
	border:1px #c86607 solid;
}

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

img.nanoImage {
	float:left;
	margin:5px 8px 0 0;
	padding:0;
	border:1px #c86607 solid;
}

img.mediumImage {
	float:left;
	margin:0;
	padding:0;
	border:1px #c86607 solid;
}

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

img.flag_image_details {
	float:left;
	width:18px;
	height:12px;
	margin:3px 0 0 0;
	padding:0;
}

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

img.aide {
    margin:0 0 0 7px;
    padding:0;
    vertical-align:middle;
}

img.checkboxClassI {
    float:right;
    margin:0;
    padding:0;
    vertical-align:middle;
}

img.aide_description {
    float:left;
    margin:0 0 0 7px;
    padding: 0;
    vertical-align:middle;
}

.newhome{border-bottom:1px solid #3c6886;display:inline-block;float:left;margin-bottom:5px;margin-right:1.5%;min-height:375px;padding:1.1%;width:21.1%;}
.newhome p{margin-top:5px;text-align:justify;}
.random_image2{width:100%;float:left;margin-right:5px;margin-bottom:5px;}

@media screen and (max-width:1000px){
	html, body { width:100%; }
	.pub_header { width:100%; padding:0; }
	#principal { width:100%; margin:0; left:0; }
	#middle { width:100%; margin:0; left:0; margin-top:20px; display:inline-block; }
	#top1 { width:100%; background-size:contain; background-position:top; height: 23vw; }
	.title_h_1,.show_arbo { width:90%; margin: auto; }
	.title_h_2 { width:86%; margin: auto; }
	.title_h { width:86%; margin: auto; }
	.column_in,.column_in_grey,.column_in_comment_grey { width:90%; margin: auto; }
	.menuleft div { width:95%; }
	#newItemStepsDiv { width:95%; }
	fieldset.column_in, div.form { width:90%; margin:auto; float:none; margin-bottom:20px; }
	div.infos { width:95%; margin:auto; float:none; }
	.column_in_thematic { width:95%; }
	.column_in_description_site_category { width:100%; }
	div.form_details { width:100%; }
	#webmasterLoginForm { margin-bottom:20px; }
	#column_in_details { width:100%; text-align:justify; }
	#column_in_right_details { width:100%; }
	.column_in_pagination { width:95%; }
	#menutop2 { width:100%; height:auto;}
	#column_bottom { width:100%;  margin:0; left:0; background-size:contain; background-position:bottom; }
	#right,#left { width: 200px;  margin: auto;  float: none;}
	.menuleft, .menuright {  }
	#menutop2 li#communique,#menutop2 li#blog,#menutop2 li#ping,#menutop2 li#add,#menutop2 li { width:100%; margin:auto; }
	#top2 { height:auto; width:100%; }
	.description_left {width:100%; border:0;}
	.table_user {width:100%;}
	.table_website {width:100%;}
	p.form {width:100%;}
	div.infos_terms {width:100%;}
	label.infos_select_category {width:100%;}
	.description_right {margin:auto; float:none;}
	img.image_rss2 { display:none; }
	label.title { width: 100%; text-align:center;}
	.input_text_large,.input_text_small,.input_text_medium,.input_text_large { width: 90%;}
	.input_text_metas { width: 80%;}
	.newhome { width:46%; }
}