/* CSS BY GUILLAUME HOCINE - START */

/* PRINCIPAL */
body {
	margin:0; 
	padding:0;
	line-height:1.4em;
	font-family:Arial, sans-serif;
	font-size:1.4em;
	color:#666666;
	background: #ececec;
	background-position:center;
	background: url("../images/retrofond.jpg") #FFFFFF top center repeat;
}
.bg-white{
	background: #fff;	
}

.navbar-brand {
    float: left;
    padding: 0;
    height: 140px;
    margin: 0;
    width: 220px;
}


/* TOP OF PAGE | HAUT DE LA PAGE */
#topage{
    margin: 15px  0 15px 0;
    position: relative;
	padding:10px 0 10px 0px;
	text-align:center;
    background: #ECECEC;
    border:0px #CCCCCC solid;
	color: #666666;
}

#top_0 { 
	height:80px;
	margin-top:10px;
	margin-bottom:10px; 
	padding:0;
	background: #FFFFFF;
}

#bg_menutop { 
	height:10px;
	margin-top:5px;
	margin-bottom:5px; 
	padding:0;
	background:#FFFFFF;
}

#bg_menutop2{ 
	height:24px;
	padding:0;
	background:#FFFFFF;
}


#top1 {
	height:100px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}

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

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

/* SEARCH FORM */
#search {
	margin:0;
	border:0px #FF5BAD solid;
	background-image:linear-gradient( #FF9900, #FF5500);
background:-webkit-linear-gradient(top, #FF9900,  #FF5500);
background-color:transparent;
	padding: 25px 10px;
    width: 100%;
}
	#search label{
		color: #fff;
	    font-size: 26px;
	    margin-top: 8px;
	    text-align: left;
	    width: 147px;
	}
	#search label.search_a_text{
	    text-align: center;
	    width: 30px;
	}

#search_keyword_buton {
	border:0px #FFFFFF solid;
	color:#999999;
	background-color:#FFFFFF;
	border-radius:0;
	width: 320px;
	height: 45px;
}

#search_where_buton {
	border:0px #CC33CC solid;
	color:#999999;
	border-radius:0;
	width: 320px;
	height: 45px;
	
}

#search_ok_buton {
	width:140px;
	height:45px;
	padding:1px;
	border:0px #CC33CC solid;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-color:#666666;
	cursor:pointer;
	margin-left: 10px;
	border-radius: 0;
	font-size:1.0em;
}
#search_ok_buton:hover {
	width:140px;
	height:45px;
	padding:1px;
	border:0px #CC33CC solid;
	text-align:center;
	color:#666666;
	font-weight:bold;
	background-color:#CCCCCC;
	cursor:pointer;
	margin-left: 10px;
	border-radius: 0;
	font-size:1.0em;
}

#searchEngineExtraFields {
	display:none;
	clear:both;
}

div.search_cat_place {
    float:left;
    width:200px;
	margin:17px 0 0 0;
    text-align:left;
}

select#searchEngineCategoryId {
    width:200px;
	margin:0 0 7px 0;
	border:1px #CC33CC solid;
}

.selectCategory {
	color:#ffffff;
	background-color:#CC33CC;
}

.selectSubcategory {
	background-color:#e7f3f9;
}

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

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

#footer{
position: relative;
font-size: 13px;
line-height:18px;
}

#footer_bottom{
font-size: 12px;
line-height:18px;
padding:10px 0 10px 0;
margin:auto;
margin-top:20px;
margin-bottom:20px;
padding:14px 0 14px 0;
text-align:center;
color: #FFFFFF;
background-image:linear-gradient( #FF9900, #FF5500);
background:-webkit-linear-gradient(top, #FF9900,  #FF5500);
background-color:transparent;
border:0px #CCCCCC solid;
}

#footer_bottom a {color:#FFFFFF; font-size:1.0em; font-weight:normal;}
#footer_bottom a:hover{color:#FFFFFF; font-size:1.0em; font-weight:normal;}

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

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

#left {
	float:left;
	width:0;
	margin:0; 
	padding:0;
}

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

/* MENU TOP */
#menutop2 {
	float:left;
	width:100%;
	height:48px;
	margin:0;
	padding:0;
	background-color:#FF9900;
}
#bs-example-navbar-collapse-1{
	margin-left: -15px;
	margin-right: -15px;	
}
#menutop2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

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

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

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

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

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

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

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

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

#menutop2 li#add {
	display: inline;
    float: right;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 170px;
}  

#menutop2 li a {
	display:block;
	height:48px;
	line-height:48px;
	margin:0;
	padding:0 5px 0 5px;
	color:#FFFFFF;
	text-align:center;
    font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

#menutop2 li a:hover, #menutop2 li a:focus, #menutop2 li a:active {
	display:block;
	height:48px;
	line-height:48px;
	margin:0;
	padding:0 5px 0 5px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
    font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	background-color:#FF6600;
}

/* MENU LEFT, RIGHT */
.menuleft {
	margin:0;
}

.menuright {
	margin:0;
}

.menuleft ul, .menuright ul {
	margin:0;
	padding:0;
	list-style-type:none;
	border:0px #CCCCCC solid;
}  

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

.menuleft li.header, .menuright li.header {
	display:block;
	margin:0;
	padding:9px 0 9px 5px;
	font-size:1.5em;
	color:#FF6600;
	border-bottom:1px #FF6600 solid;
    background:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

.menuleft li.text, .menuright li.text {
	display:block;
	line-height:1.1em;
	margin:0;
	padding:3px 0 2px 6px;
	color:#666666;
}

.menuleft li.text_last, .menuright li.text_last {
	display:block;
	margin:0;
	padding:0 0 30px 6px;
	color:#666666;
	background-color:transparent;
	border-bottom:0px #999999 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 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
	background:url("../images/arrow.png") #FFFFFF no-repeat left;
	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:0px #999999 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:202px;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
	background:url("../images/arrow.png") #FFFFFF no-repeat left;
	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:0px #999999 solid;
}

/*Menu Tag Cloud */ 

/* cloudTag1*/
.menuright li.cloudTag1 a, .menuright li.cloudTag1 a:link, .menuright li.cloudTag1 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}
.menuright li.cloudTag1 a:hover, .menuright li.cloudTag1 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag2*/
.menuright li.cloudTag2 a, .menuright li.cloudTag2 a:link, .menuright li.cloudTag2 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag2 a:hover, .menuright li.cloudTag2 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag3*/
.menuright li.cloudTag3 a, .menuright li.cloudTag3 a:link, .menuright li.cloudTag3 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag3 a:hover, .menuright li.cloudTag3 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag4*/
.menuright li.cloudTag4 a, .menuright li.cloudTag4 a:link, .menuright li.cloudTag4 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag4 a:hover, .menuright li.cloudTag4 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag5*/
.menuright li.cloudTag5 a, .menuright li.cloudTag5 a:link, .menuright li.cloudTag5 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag5 a:hover, .menuright li.cloudTag5 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag6*/
.menuright li.cloudTag6 a, .menuright li.cloudTag6 a:link, .menuright li.cloudTag6 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag6 a:hover, .menuright li.cloudTag6 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag7*/
.menuright li.cloudTag7 a, .menuright li.cloudTag7 a:link, .menuright li.cloudTag7 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag7 a:hover, .menuright li.cloudTag7 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag8*/
.menuright li.cloudTag8 a, .menuright li.cloudTag8 a:link, .menuright li.cloudTag8 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag8 a:hover, .menuright li.cloudTag8 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag9*/
.menuright li.cloudTag9 a, .menuright li.cloudTag9 a:link, .menuright li.cloudTag9 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag9 a:hover, .menuright li.cloudTag9 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* cloudTag10*/
.menuright li.cloudTag10 a, .menuright li.cloudTag10 a:link, .menuright li.cloudTag10 a:visited {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#666666;
	padding-left:15px;
}

.menuright li.cloudTag10 a:hover, .menuright li.cloudTag10 a:active {
	display:block;
	line-height:1.1em;
	margin:0 1px 0 1px;
	padding:3px 0 2px 5px;
	color:#FF6600;
	padding-left:15px;
}

/* Menu left - Keyword */
.menuleft_text_2 {
	float:left;
	width:216px;
	margin:10px 0 0 0;
	padding:9px 0 9px 5px;
	font-weight:normal;
	font-size:1.4em;
	border-right:1px #CCCCCC solid;
	border-bottom:0px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	color:#FFFFFF;
	text-align:center;
	background:#FF6600;
	font-family:Arial, sans-serif;
}

.menuleft_keywords {
	width:53px;
	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:53px;
	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:17px;
	line-height:17px;
	margin:0;
	padding:0 0 0 6px;
	font-weight:bold;
	font-size:0.9em;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

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

.menuleft_text_keywords {
	display:block;
	float:left;
	width:221px;
	height:177px;
	margin:0 0 4px 0;
	padding:0 0 20px 0;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
}

/* MENU CATEGORIES */
.menucategories {
	margin:0;
	padding:0 0 0 2px;
}

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

.menucategories li.maincat {
	float:left;
	width:100%;
	display:inline;
	padding:1px 0 1px 0;
	margin:2px 0 0px 2px;
	background: #FFFFFF;
}

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

.menucategories li.keyword {
	float:left;
	width:246px;
	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:247px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:5px 4px 5px 4px;
	font-size:1.em;
	font-weight:bold;
	text-decoration:none;
	color:#FF6600;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.menucategories li.maincat a:hover, .menucategories li.maincat a:active {
	width:246px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:5px 4px 5px 4px;
	color:#666666;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

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

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

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

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

/* MENU PAGERANK, KEYWORDS IN */
#menuin {
	float:left;
	width:752px;
	padding:7px;
	margin:0 0 7px 0;
	border:1px #CCCCCC 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;
	margin:0;
	padding:0 0 0 3px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

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

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

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


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

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

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

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

/* MENU DETAILS */
.menudetails {
    float:right;
    width:236px;
    margin:14px 0 7px 0;
    padding:0 0 0 4px;
    border-left:0px #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:none;
	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:none;
	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:#666666;
    background-color:transparent;
    text-decoration:none;
}

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

.column_in {
	margin:10px 0 10px 0;
	padding:9px 7px 5px 7px;
	border:1px #FF6600 solid;
	line-height: 1.3em;
	overflow: hidden;
}

.column_in2 {
	margin:10px 0 0px 0;
	padding:18px 7px 18px 7px;
	border:0px #CCCCCC solid;
	background:#F4F4F4;
	line-height: 1.3em;
	clear: both;
}

.colomn_in_grey, .colomn_in {
	border:none;
	margin: 0 0 20px;
}

.colomn_in_grey{
	padding-right: 1.5%;
	padding-left: 0;
}

.colomn_in{
	padding-left: 1.5%;
	padding-right: 0;
}

.colomn_in_inner{
	border:1px #999999 solid;
	margin:0;
	padding:20px 10px;
	line-height: 1.3em;
    position: relative;
    width: 100%;
    overflow: hidden;
	border-radius:8px;
}

.column_in3 {
	float:left;
	width:752px;
	margin:10px 0 -4px 0;
	padding:11px 7px 5px 7px;
	border:1px #CCCCCC solid;
	background:#F4F4F4;
}

.column_in_tab {
	float:left;
	width:752px;
	margin:0 0 7px 0;
	padding:9px 7px 5px 7px;
	border:1px #CCCCCC solid;
}

.column_in_accueil {
	margin:0 0 7px 0;
	padding:0px 8px 14px 7px;
	border:0px #FF6600 solid;
	background-color:#ECECEC;
	text-align:justify;
}

.column_in_pub {
    float: right;
    width: -moz-calc(100% - 272px);
    width: calc(100% - 272px);
	margin-top: -6px;
}

.column_in_description_site_category {
	float:left;
	width:610px;
	margin:0;
	padding:0 0 0 7px;
	line-height: 1.3em;
	
}

.column_in_description_site_category_item {
	float:left;
	width:752px;
	margin:0px;
	padding:7px 0 7px 0px;
	line-height: 1.3em;
}

#column_in_right_details {
	float:right;
	width:240px;
	margin:0 10px 0 0;
	padding:0;
	background-color:#FFFFFF;
	border:3px 3px 3px 3px #FFFFFF solid;
}

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

#column_in_details{
	float:left;
	width:480px;
	margin:0px 0 0px 0;
	padding:0;
	text-align: justify;
}

.column_in_thematic {
	float:left;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
	border-bottom:1px #CCCCCC dashed;
}

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

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

.column_in_comment_in {
	float:left;
	width:752px;
	margin:0;
	padding:0 0 7px 0;
}

.column_in_comment_in_left {
	float:left;
	margin:0;
	padding:0 7px 0 0;
}

.column_in_comment_in_right {
	float:left;
	margin:0;
	padding:0;
}

.column_in_comment_in_right2 {
	float:left;
	margin:0 0 0px 0;
	padding:0;
}


.column_in_pagination {
	width:100%;
	margin:0;
	padding:7px;
	text-align:center;
}

.show_arbo {                
    width:100%;
	margin:0px 0 20px;
	padding:4px 7px 4px 7px;
	color:#666666;
	background-color:transparent;
	border:1px #CCCCCC solid;
}

/* BOUTON SOUMISSION */
#soumission_ok_buton {
	padding:10px 40px 10px 40px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-color:#FF9900;
	cursor:pointer;
	font-size:1.8em;
	border:none;
	border-radius: 0;
}
#soumission_ok_buton:hover {
	padding:10px 40px 10px 40px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-color:#FF6600;
	cursor:pointer;
	font-size:1.8em;
}

/* FORM */
fieldset.column_in {
    margin:0 0 7px 0;
    padding:7px;
    text-align:right;
    border:1px #CCCCCC solid;
}

legend.title {
	float:left;
	display:inline;
	width:679px;
	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.0em;
}

label.title {
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 17px 0 0;
    text-align: right;
    width: 166px;
}

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

div.infos_textarea {
    float: left;
	width:365px;
    margin:0;
    padding:0;
}

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

label.infos_select_category {
    width:752px;
    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:752px;
    margin:0 0 7px 0;
    padding:2px 0 2px 0;
}

div.form {
    margin:0 0 7px 0;
    padding:2px 0 2px 0;
    text-align:left;
    overflow: hidden;
}

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:240px;
    margin:0 0 7px 0;
    padding:0;
    text-align:left;
}


label.title_details {
    width:85px;
	margin:0;
	padding:0 5px 0 0;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
}

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

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

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

label.title_details2 {
    width:100px;
	margin:0;
	padding:0 5px 0 0;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
}

#tab_lien {
	margin:0px 0 10px 0;
	padding:10px 10px 10px 40px;
    font-weight:bold;
	font-size:14px;
	color:#999999;
	background:url("../images/visitez.png") #F5F5F5 no-repeat left;
}

#tab_hit {
	margin:0px 0 10px 0;
	padding:10px;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
	background:#F4F4F4;
}

#tab_commentaires {
	margin:0px 0 10px 0;
	padding:10px;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
	background:#F4F4F4;
}

#tab_validation {
    width:240px;
	height:20px;
	margin:20px 0 20px 0;
	padding:4px;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
	background:#F4F4F4;
	display:block;
	position: relative;
}

#tab_notes {
	margin:0px 0 10px 0;
	padding:10px;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
	background:#F4F4F4;
}

label.title_details_lien {
    width:100px;
	margin:0;
	padding:5px  5px 0 0;
    font-weight:bold;
	font-size:12px;
	color:#FF6600;
}

label.title_details3 {
    width:120px;
	margin:0;
	padding:3px 0px 0 0;
    font-weight:normal;
	font-size:13px;
	color:#FF6600;
	text-align:right;
}

div.infos_details2 {
	float: left;
    width:600px;
	line-height: 1.0em;
    margin:0;
    padding:0 0 0 7px;
    text-align:left;
}

/* POPUP */
#popup_principal {
	width:100%;
    max-width:500px;
	padding-bottom:12px;
	overflow: hidden;
}

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

#popup_main1 {
    margin:0;
    padding:0;
    border-left:1px #CCCCCC solid;
    background-color:#ffffff;
}
        
#popup_main2 {
    margin:0;
    padding:0;
    border-right:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC 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;
    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.5em;
    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 {
	margin:0 0 14px 0;
	padding:0;
	background-color:#ffffff;
	border:1px #e5e5e5 solid;
}

.table_website {
	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:#999999;
	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 {
    margin:20px 0 0 0;
    padding:9px 0px 9px 7px;
	background:#F4F4F4;
	border-top:0px #CCCCCC solid;
	border-bottom:0px #CCCCCC solid;
	border-left:0px #CCCCCC solid;
	border-right:0px #CCCCCC solid;
	overflow: hidden;
}

.title_h_1 {
    margin:20px 0 5px;
    padding:9px 0px 9px 7px;
	background:#F4F4F4;
	border-top:0px #CCCCCC solid;
	border-bottom:0px #CCCCCC solid;
	border-left:0px #CCCCCC solid;
	border-right:0px #CCCCCC solid;
	overflow: hidden;
	clear: both;
}

.title_h_2 {
    margin:20px 0 5px 0;
    padding:9px 0px 9px 7px;
	background:#F4F4F4;
    border-top:0px #CCCCCC solid;
	border-bottom:0px #CCCCCC solid;
	border-left:0px #CCCCCC solid;
	border-right:0px #CCCCCC solid;
}

.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:Arial, sans-serif; }
a:link, a:visited { color:#FF6600; text-decoration:none; }
a:hover, a:active { color:#FF6600; text-decoration:none; }

a#advancedSearchLink { font-family:Arial, sans-serif; font-size:0.8em; }
a#advancedSearchLink:link, a#advancedSearchLink:visited { color:#FF6600; text-decoration:none; }
a#advancedSearchLink:hover, a#advancedSearchLink:active { color:#999999; text-decoration:none; }

a.link_black_blue_b_u { font-family: 'Open Sans', sans-serif; font-size:1.1em;}
a.link_black_blue_b_u:link, a.link_black_blue_b_u:visited { color:#FF6600; font-weight:normal; text-decoration:none; }
a.link_black_blue_b_u:hover, a.link_black_blue_b_u:active { color:#666666; font-weight:normal; text-decoration:none; }

a.link_black_grey_bold { font-family:Arial, sans-serif; }
a.link_black_grey_bold:link, a.link_black_grey_bold:visited { color:#FF6600; 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:Arial, sans-serif; }
a.link_black_grey_normal:link, a.link_black_grey_normal:visited { color:#FF6600; 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:Arial, sans-serif; font-size:0.9em; }
a.link_black_grey_small:link, a.link_black_grey_small:visited { color:#FF6600; 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:Arial, sans-serif; }
a.link_showarbo:link, a.link_showarbo:visited { color:#FF6600; }
a.link_showarbo:hover, a.link_showarbo:active { color:#666666; text-decoration:underline;  }

a.link_add_website { font-family: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: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: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:Arial, sans-serif; font-size:0.8em;}
a.link_black_grey_underline:link, a.link_black_grey_underline:visited { color:#FF6600; text-decoration:none; font-weight:bold;}
a.link_black_grey_underline:hover, a.link_black_grey_underline:active { color:#333333; text-decoration:none; font-weight:bold;}

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

a.link_black_grey { font-family:Arial, sans-serif; }
a.link_black_grey:link, a.link_black_grey:visited { color:#FF6600; text-decoration:none; }
a.link_black_grey:hover, a.link_black_grey:active { color:#574d44; text-decoration:none; }

h1 {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:2em;
	color:#000000;
	margin-left:0px;
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

h2 {
	display:inline;
	margin:0;
	padding:0;
	font-size:2em;
	color:#000000;
	margin-left:0px;
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

h3 {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:2em;
	color:#000000;
	margin-left:0px;
	background-color:transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

.text_numbers {
	font-size:0.8em;
	color:#999999;
}

.rond_number{
  background:#CCCCCC;
  border-radius:50%;
  width:12px;
  height:16px;
  padding:0px 3px 2px 3px;
  color:#666666;
  display: inline-block;
  font-size:0.8em;
  text-align:center;
}

.text_characters_orange {
	color:#e77623		
}

.text_characters_boldgras { 
	font-weight:bold;
	color:#333333;
}

.text_green {
	color:#008c4f;		
}		

.text_red {
	color:#ff0000;		
}

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

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

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

.text_comment_pseudo {
	font-size:0.9em;
    color:#FF6600;
}

.text_color_mandatory {
    color:#ff6a4d;
}

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

/* TEXTAREA, SELECT, INPUT, */
form { 
	margin:0;
	padding:0; 
}		

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

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

input.button {
	padding:4px 10px 4px 10px;
	border:1px #FF6600 solid;
	background-color:#FF6600;
	color:#FFFFFF;
	cursor:pointer;
}

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

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

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

.input_text_metas {
	border:1px #CCCCCC solid;
	width:190px;
}	

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

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

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

/* EXTRA FIELD : TEXTAREA, SELECT, INPUT... */

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

.extraField_text{
	border:1px #CCCCCC solid;
	width:250px;
}

.extraField_select{
}

.extraField_radio{
}

.extraField_checkbox{
}

.extraField_range{
	border:1px #666666 solid;
	width:250px;
}

.extraField_url_url{
	border:1px #CCCCCC solid;
	width:250px;
}

.extraField_url_anchor{
	border:1px #CCCCCC solid;
	width:250px;
}

.extraField_file_file{
	border:1px #CCCCCC solid;
	width:250px;
}

.extraField_file_title{
	border:1px #CCCCCC solid;
	width:250px;
}

/* RESET P */
p { 
	margin:0;
	padding:0; 
}			

/* IMAGES */
img { 
	border:0;
	margin:0;
	padding:0;
}


img.pb { 
	border:0;
	margin-right:10px;
	margin-bottom:-6px;
}

img.note { 
	border:0;
	margin-left:10px;
	margin-bottom:-6px
}

img.detail { 
	border:0;
	margin:0;
	padding:0;
	border:1px #FF6600 solid;
}

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

.imgdroit {
	width:200px;
}

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.new_image {
	margin:0 0 0 14px;
	padding:0;
}

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

img.website_image2 {
	float:left;
	width:72px;
	height:54px;
	margin-right:10px;
	padding:0;
	border:1px #FF6600 solid;
}

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

img.mediumImage {
	width: 220px;
	float:left;
	margin:0;
	padding:0;
	border:1px #FF6600 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;
}


.cloudTag {
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:2px;
	margin-top:2px;
}

.column_random2 {
	float:left;
	width:766px;
	margin-bottom: 8px;
	padding: 0px;
	border:1px #999999 solid;
}

#icosocial { 
	height:60px; 
	clear:both;
	padding:10px 0 12px;
	background:#FFFFFF;
	min-width: 205px;
}

#icosocial-detail { 
	width:200px;
	height:60px; 
	clear:both;
	padding:10px 0 12px 20px;
	background:#FFFFFF;
	margin: 5px 0 0 0px;
}

titre_accueil {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:1.3em;
	font-weight:normal;
	color:#FF6600;
	margin-left:0px;
	background-color:transparent;
	font-family:Arial, sans-serif;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar-header {
    margin-bottom: 10px;
    float: none;
}
.navbar {
    margin-bottom: 12px;
}
/********* Responsive ***********/
@media (min-width:1200px){
	.container{
		width:1080px;
		padding-left: 40px;
   		padding-right: 40px;
	}
	.col-md-9{
		padding-right: 0;
		width: 76%;
	}
	.col-md-3{
		width: 24%;
		padding-right: 0;
	}
}
@media (max-width:1200px){
	#search_keyword_buton, #search_where_buton{
		width: 280px;
	}
}
@media (max-width:1024px){
	#search label {
		font-size: 22px;
    	width: 125px;
	}
	#search_keyword_buton{
		width: -moz-calc(100% - 125px);
		width: -moz-calc(100% - 125px);
	}
	#search_where_buton{
		width: calc(100% - 40px);
		width: -moz-calc(100% - 40px);
	}
	#search_ok_buton{
		margin-left: 0;
		width: 140px;
	}
	#search .form-inline .form-group{
		width: 39%;
	}
	#column_in_details{
		width: 420px;
	}
	#menutop2 li#cat, #menutop2 li#topnotes, #menutop2 li#topref, #menutop2 li#news{
		width: 110px;
	}
	#menutop2 li#add{
		width: 150px;
	}
	
}
@media (max-width:900px){
	#column_in_details{
		width: 450px;
	}
	 .column_in_pub{
  max-width: 430px;
  margin-top: 12px;
 }
}
@media (max-width:800px){
	#search_keyword_buton{
		max-width:145px;
	}
	#search_where_buton{
		max-width:185px;
	}
	#column_in_details{
	float:left;
	width:440px;
	margin:0px 0 0px 0;
	padding:0;
	text-align: justify;
   }
}
@media (max-width:767px){
	.navbar-brand > img {
	    max-width: 140px;
	}
	#menutop2 li#index {
	    display: block;
	    float: none;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	#menutop2{
		height: auto;
	}
	#menutop2 li#news, #menutop2 li#cat, #menutop2 li#add, #menutop2 li#tophits, #menutop2 li#topref, #menutop2 li#topnotes{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	#search label, #search label.search_a_text {
		width: 30%;
		font-size: 22px;
		margin: 0;
	}
	#search label.search_a_text{
		margin-top: 10px;
	}
	#search_keyword_buton, #search_where_buton{
		width: 70%;
		float: right;
	}
	#search_ok_buton{
		float: right;
		width: 140px;
	}
	#search{
		overflow: hidden;
		padding: 20px;
	}
	#search .form-inline .form-group {
	    width: 100%;
	    overflow: hidden;
	}
	label.title{
		display: block;
		width: 100%;
		text-align: left;
		padding: 5px 10px;
	}
	div.infos{
		float: none;
		width: 100%;
	}
	.input_text_large{
		width: 100%;
	}
	#lostPasswordLink{
		display: block;
	}
	.column_in_choose_left{
		width: 280px;
	}
	#column_in_details{
		width: 100%;
	}
	.textarea_large {
	    float: none;
	    width: 90%;
	}
	.ui-dialog{
		left: 5% !important;
	}
	#column_in_right_details{
		float: none;
	    overflow: hidden;
	    width: 100%;
	}
	div.form_details{
		width: 100%;
		float: none;
		overflow: hidden;
	}
	label.title_details, div.infos_details, label.title_details3{
		width: 50%;
	}
	
}
@media (max-width:480px){
	.column_in_choose_right{
		float: left;
	}
	.ui-dialog{
		width: 90% !important;
	}
	label.title_popup, div.infos_popup, div.form_popup, fieldset.column_in_popup{
		float: none;
	    overflow: hidden;
	    padding: 0 0 5px;
	    text-align: left;
	    width: 100%;
	}
	div.form_popup:first-child label.title_popup{
		float: left;
		width: 10%;
	}
	div.form_popup:first-child div.infos_popup{
		float: left;
		width: 90%;
	}
	.column_in_accueil {
    display: none;
    }
	
	img.mediumImage {
	float:left;
	margin:auto;
	margin-left:20px;
	padding:0;
	border:1px #0066FF solid;
	width:320px;
	height:240px;
   }
   
   .menudetails {
    float:left;
    width:236px;
    margin:14px 0 7px 0;
    padding:0 0 0 4px;
    border-left:0px #878787 solid;
    }
}
@media (max-width:320px){
	.menudetails{
		width: 100%;
	}
	.column_in_accueil {
    display: none;
    }
}