* {
    margin:0;
    padding:0;
}

/** GENERAL **/

body {
    behavior: url("/graphics/csshover.htc");
    background-image: url("/graphics/clearbanner.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    font-family : "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    font-size : 12px;
    padding:0;
    margin:0;
    font-weight : normal;
}

p {
    margin-top:25px;

}

p a{
    color:#00aa8f;

}


img{
    border:none;
}

li {
    font-family :"Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    padding-bottom:10px;
    margin:0;
    list-style-type:none;
}

/** TEXTS **/

h1, h2, h3 {
    text-decoration : none;
    font-family : "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
}

h1{
    font-size : 30px;
    font-weight : bold;
    text-decoration : none;
    color : #5e5e5e;
    padding-left : 30px;
    margin:0;
}

h2 {
    line-height:24px;
    font-size : 18px;
    padding-top:14px;
    margin-bottom:15px;
    font-weight : bold;
    letter-spacing: -1px;
    color:#c4c4c4;
}

h2 a {
    color : #00aa8f;
    margin-top:14px;
    margin-bottom:5px;
}

h3 {
    font-size : 16px;
    font-weight : bold;
    color:#5e5e5e;
    letter-spacing: -1px;
}

h4 {
    color:#F5FFFA;
    margin : 0;
    font-size : 12px;
    position:absolute;
    top:70px;
    right:15px;
}

h4 a{
     color:#C8C8C8;
}

h5 {
    margin : 0;
    padding:0;
    font-size:12px;
    line-height:12px;
    font-weight:normal;
}

h6 {
    margin :0px 5px 0 0;
    font-size : 12px;
}

/** LINKS **/

a {
    color : #5e5e5e;
    text-decoration : none;
    cursor : pointer;
    border:none;
    margin:0;
    padding:0;
}

a:hover {
    color : #ff4400;
}

/** CONTENTS **/

#global {
    width : 1000px;
    margin-left : auto;
    margin-right : auto;
    /height:550px; /** hack IE pour positionner le footer en bas de la page**/
    min-height:730px! important /** hack FF pour positionner le footer en bas de la page**/
		}

#main {
    width : 1024px;
    text-align : left;
}

#center {
    float : left;
    width : 720px;
    margin:0;
    padding:0;
    min-height:470px;
}

#content {
    float : left;
    width : 550px;
    padding-left:30px;
    padding-right:30px;
    display:block;
    min-height:470px;
}

#iemagicbox {
    width : 715px;
    float : left;
}

/** TOS **/

#toscenter {
    float : left;
    width : 720px;
    margin:0;
    padding:0;
    min-height:470px;
    line-height:18px;
}

/** BANNER **/

#banner {
    width : 100%;
    height : 150px;
    margin:0;
    padding:0;
}

#banner_top {
    text-align : right;
    width : 100%;
    height : 120px;
    background-repeat : no-repeat;
    font-size : 12px;
    margin:0;
    padding:0;
}

#banner_top a{
    background:none;
    display: block;
    float: left;
}
#banner_top a span{
    background:none;
    display: none;
}

#banner_top a#linkhome{
    background:none;
    height: 120px;
    width: 400px;
}

/** BANNER  NAV **/

#banner_menu {
    font-size:16px;
    width : 1000px;
    height : 39px;
    background-repeat : no-repeat;
    margin:0;
    padding:0;
    position:absolute;
    top:120px;
}

#banner_menutext {
    font-family : "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    font-size:22px;
    padding-top:5px;
    padding-left:15px;
    margin:0;
}

.banner_menubutton {
    float : left;
    width : 100px;
    height : 20px;
    padding-left:10px;
    color:#5e5e5e;
    margin:0;
    text-align:center;
}

.banner_menubutton a{
    padding-top:12px;
    color:#ffffff;
}

.banner_menubutton a:hover {
    color:#FF4400;
}

#banner_menubutton2 {
    float : right;
    width : 200px;
    height : 20px;
}

#banner_menubutton2 a{
    color:#f5fffa;
}

#banner_menubutton2 a:hover {
    color:#FF4400;
}

/** MAIN COLUMN **/

#column_menu {
    float : right;
    width : 195px;
    height : 100%;
    position:relative;
    right:25px;
    padding:0;
    margin:0;
    font-weight : bold;
    color : #00aa8f;
}

.column_title {
    height : 40px;
    vertical-align : bottom;
    line-height : 40px;
    font-size : 30px;
    text-decoration : none;
    font-family : "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    color : #5b5b5b;
    border-bottom : 1px solid #c4c4c4;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
    letter-spacing: -1px;
}

#rechercher_content {
    display :inline;
}

#categories_content {
    background-image : none;
    background-repeat : no-repeat;
    font-size:14px;
    font-weight:normal;
}

#categories_content li {
    font-family : "Century Gothic","Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    border-bottom : 1px solid #c4c4c4;
    font-size:16px;
    margin-bottom:10px;
    padding:0;
    list-style-type:none;
    height:25px;
}

#categories_content li:hover {
    color : #ff4400;
    border-bottom : 1px dotted #5b5b5b;
}

#tags_content {
    display : block;
    height : 200px;
    line-height:16px;
    font-weight:normal;
}

/** POPULAR TAGS **/

.populartags {
    padding:10px;
}

.populartags p {
    line-height: 30px;
    text-align: justify;
}

.tag1 {
    font-size:12px;
    color:#999;
}

.tag2 {
    font-size:13px;
    color:#888;
}

.tag3 {
    font-size:14px;
    color:#777;
}

.tag4 {
    font-size:15px;
    color:#666;
}

.tag5 {
    font-size:16px;
    color:#555;
}

.tag6 {
    font-size:17px;
    color:#444;
}

.tag7 {
    font-size:18px;
    color:#333;
}

.tag8 {
    font-size:19px;
    color:#222;
}

.tag9 {
    font-size:20px;
    color:#111;
}

.tag10 {
    font-size:21px;
    color: #000;
}

/** MENU2 **/

#column_menu2 {
    float : right;
    width:295px;
    margin:0 10px;
    position: relative;
    top:100px;
    padding-bottom:15px;
}

.menu2_header{
    background-repeat:no-repeat;
    width:323px;
    height:39px;
}

.menu2_title{
    padding-left:10px;
    color:#ffffff;
}

.menu2_content{
    border-right:3px solid #B0E1D1;
    border-left:3px solid #B0E1D1;
    padding:0 10px 30px 10px;
    margin-bottom:10px;
}

/** MENU3 **/

#column3_menu {
    float : right;
    width : 336px;
    height : 100%;
    position:relative;
    right:20px;
    padding:0;
    margin-top:80px;
    color : #c4c4c4;
}

#column3_title {
    height : 83px;
    vertical-align : bottom;
    margin:0;
    overflow:hidden;
    background-image: url("/graphics/shape_01.gif");
    background-repeat:no-repeat;
}

#column3_titletext {
    vertical-align : bottom;
    font-size : 28px;
    text-decoration : none;
    font-family :  "Lucida Grande", "Lucida Sans","Verdana", sans-serif;
    color : #B0E1D1;
    padding:0;
    margin-left:30px;
    margin-top:40px;
    letter-spacing: -1px;
}

#column3_content {
    border-right:3px solid #B0E1D1;
    border-left:3px solid #B0E1D1;
    width:295px;
    margin-left:1px;
    margin-top:0;
    margin-bottom:0;
    padding:5px 15px 5px  15px;
}

#column3_bottom {
    height : 82px;
    color : #5b5b5b;
    padding:0px;
    margin:0px;
    background-image: url("/graphics/shape_03.gif");
    background-repeat:no-repeat;
}

/** HOME CONTENT **/

#profiles, #blogs,#photoblogs{
    float : left;
    padding-left:25px;
}

#profiles {
    height : 170px;
}

#profiles_content {
    float:right;
    padding-top:15px;
    display:inline;
}

.main_title {
    letter-spacing: -1px;
    height : 40px;
    vertical-align : bottom;
    line-height : 40px;
    font-size : 30px;
    text-decoration : none;
    font-family : "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    border-bottom : 1px solid #c4c4c4;
    margin:0;
    padding-top : 30px;
    font-weight : bold;
    text-decoration : none;
    color : #5e5e5e;
}

/** HOME FIRST **/

#affiche_content {
    width : 695px;
    float:none;
    height : 220px;
    border-top : 1px solid #c4c4c4;
    padding-top:20px;
    margin-left:25px;
}

#affiche_image {
    float : left;
    height : 200px;
    width : 200px;
    background-image : url("/graphics/demoimage.jpg");
    overflow : hidden;
    margin:0;
    padding:0;
}

#affiche_text {
    float:right;
    height : 200px;
    width : 400px;
    padding : 0 0 0 15px;
    margin : 0 0 0 20px;
    border : 3px solid #c4c4c4;
}

/*!contenus présents sur chaque page!*/
#affiche_background {
    background-repeat : no-repeat;
    width : 1010px;
    height : 107px;
    margin-top:39px;
    padding:0;
}

/*!titrage des pages!*/
#affiche_title {
    font-size : 30px;
    text-decoration : none;
    font-family : "Lucida Grande", "Lucida Sans","Verdana", sans-serif;
    color : #5b5b5b;
    margin:0;
    padding-top : 70px;
    height:30px;
}


/** HOME BLOGS & PHOTOBLOGS **/

#blogcontainer {
    float : left;
}

#visitedblogs_list {
    width :300px;
    padding : 0px 30px;
    float : left;
    background-image : none;
    background-repeat : no-repeat;
}

#recentblogs_list {
    float : right;
    width :300px;
    background-image : none;
    background-repeat : no-repeat;
}

#photoblogcontainer {
    margin-bottom:20px;
}

#visitedphotoblogs_list {
    float : left;
    width :300px;
    padding : 0px 30px;
    background-image : none;
    background-repeat : no-repeat;
}

#recentphotoblogs_list {
    float :right;
    background-image : none;
    background-repeat : no-repeat;
    width :300px;
}

.miniature{
    float:left;
    margin-bottom:15px;
    width:300px;
    height:40px;
}

.miniatureimg{
    float:left;
    width:50px;
}

.miniature_text{
    float:left;
    width:250px;height:40px;
}

.preview {
    border : 1px solid #c4c4c4;
    width : 73px;
    height : 73px;
    margin-left : 6px;
    margin-right : 5px;
    margin-bottom : 12px;
    float : left;
    display : inline;
    background-color:#FFFFFF;
}

.preview:hover {
    border : 1px solid #ff4400;
    width : 73px;
    height : 73px;
    float : left;
}

.view {
    width : 67px;
    border : 3px solid #ffffff;
    height : 67px;
    overflow:hidden;
}

.seemoreblogs {
    height : 12px;
    vertical-align : bottom;
    display :block;
    width : 100%;
    clear:both;
}

.seemoreblogs a:hover {
    color : #000000;
}

/** FORMS **/

#createpopup_block{
    float : left;
    width :485px;
    background-color:#f5fffa;
    border:3px solid #f1f1f1;
    padding:20px;
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    height:100%;
}

#createaccount_block{
    float : left;
    width : 800px;
    background-color:#f5fffa;
    border:3px solid #f1f1f1;
    padding:20px;
    margin-top:50px;
    z-index:10;
}

/*** TD FOR FORMS ***/

#connexion{
    text-align:right;
    font-family:sans-serif;
    float:right;
    display:block;
    height : 33px;
    width : 520px;
    position:relative;
    top:20px;
    right:8px;
    margin:0;
    padding-top:5px;
    padding-right:15px;
    line-height:20px;
}

#connexion form{
    font-size: 14px;
    padding:0;
    margin:0;
    border:0;
    vertical-align:bottom;
}

label{
    font-size: 14px;
    vertical-align:bottom;
}

.field{
    background-image: url("/graphics/bg_box.gif");
    background-position:center center;
    background-repeat:repeat;
    border:none;
    height:20px;
    opacity : 0.5;
    filter : alpha(opacity=50);
    width:150px;
}

.fieldhover{
    border:none;
    opacity : 0.9;
    filter : alpha(opacity=90);
    background-image: url("/graphics/bg_box.gif");
    background-position:center center;
    background-repeat:repeat;
    height:20px;
    width:150px;
}

.submit{
    font-family :  "Lucida Sans","Verdana", sans-serif;
    background-color:#F5FFFA;
    border:1px solid #c4c4c4;
    height:20px;
    padding:0;
    margin:0;
    vertical-align:bottom;
    width:50px;
    font-size:12px;
    cursor:pointer;
}

.submitauto, .submit_action {
    font-family :  "Lucida Sans","Verdana", sans-serif;
    background-color:#F5FFFA;
    border:1px solid #c4c4c4;
    height:20px;
    padding:0;
    margin:0;
    vertical-align:bottom;
    width:auto;
    font-size:12px;
    cursor:pointer;
}

.submit2{
    font-family : "Lucida Sans","Verdana", sans-serif;
    background-color:#F5FFFA;
    border:1px solid #c4c4c4;
    height:20px;
    padding:0;
    margin:0;
    vertical-align:bottom;
    width:30px;
    font-size:12px;
    cursor:pointer;
}

.createlabel {
    padding:5px;
    font-weight: bold;
    border:none;
    background-image: url("/graphics/bg_box.gif");
    background-repeat:repeat;
    background-position:center center;
    border:none;
    height:20px;
    opacity : 0.4;
    filter : alpha(opacity=40);
    border-bottom:1px dotted #5e5e5e;
    width:185px;
}

.createlabelhover {
    font-weight: bold;
    opacity : 1;
    filter : alpha(opacity=100);
    border-bottom:1px dotted #000000;
    width:185px;
    padding:5px;
    font-weight: bold;
    border:none;
    background-image: url("/graphics/bg_box.gif");
    background-repeat:repeat;
    background-position:center center;
    border:none;
    height:20px;
}

.createsubmit{
    background-color:#FFFFFF;
    background-image: url("/graphics/inscription.gif");
    background-repeat:no-repeat;
    width:200px;
    height:60px;
    padding:0px;
    border:none;
    cursor:pointer;
}

td.textlabel {
    float:left;
    font-size: 12px;
    width:auto;
    font-weight: bold;
    margin:0px;
}

td.textlabel2 {
    font-size: 16px;
    font-weight: normal;
    margin:0px;
    height:30px;
    width:300px;
}

tr{
    margin:10px;
    padding:10px;
    height:40px;
}

td {
    font-size: 16px;
    font-weight: normal;
    margin:0px;
}

td.error {
    padding-top:10px;
    float:left;
    font-weight: bold;
    font-size: 12px;
    line-height:20px;
    vertical-align:bottom;
		width:250px;
    z-index: 50;
    color: #ff4400;
    background-color:none;
    height:30px;
}

td.error2 {
    margin: 0 10px 0 10px;
    font-weight: bold;
    font-size: 12px;
    line-height:20px;
    vertical-align:bottom;
    position:absolute;
    width: auto;
    z-index: 50;
    color: #ff4400;
    background-color:none;
    height:30px;
    border:1px dashed #ff0000;
}

/*** VALIDATION ***/

.validation-failure, .validation-success {
     font-weight: bold;
    font-size: 14px;
    line-height:20px;
    vertical-align:bottom;
    position: relative;
    z-index: 50;
    color: #ff4400;
    background-color:none;
}

.validation-success {
    background-color: #f2f8f1;
    border: 1px solid #339900;
    color: #339900;
}

/*** SPACER ***/
.spacer {
    clear: both;
}


/** CONTENT MEDIA **/

.full-box {
    clear:both;
    font-size: 12px;
    margin-top: 20px;
    padding-top:10px;
    background-color:#F6FFFA;
    border:1px solid #FFFFFF;
    padding-bottom:10px;
    border-bottom:1px solid #f1f1f1;
}


.full-box:hover {
    border:1px solid #F1f1f1;
    background-color:#E8FFF3;
    border-bottom:1px solid #f1f1f1;
}

.full-box p {
    margin:0 0 5px 0;
    padding:0;
}

.full-box a {
    color : #66CDAA;
    text-decoration : none;
    cursor : pointer;
    border:none;
    margin:0;
    padding:0;
    font-family : "Century Gothic", "Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
    font-weight:bold;
}

.full-box a:hover {
    color : #ff4400;
    border: none;
}

.full-box img {
    background-color:#FFFFFF;
    float:left;
    border: 1px solid #c4c4c4;
    padding: 3px;
    margin:10px 10px;
}

.full-box img:hover, .full-box a:hover img {
    border: 1px solid #ff4400;
}

.full-box ul {
    margin: 0;
    padding: 0;
}

.full-box li {
    margin: 0;
    padding: 0;
}

.full-box2 {
    clear:both;
    margin-bottom: 10px;
}

.full-box4 {
    clear:both;
    font-size: 12px;
    margin-top: 20px;
}

.full-box4 p {
    margin:0 0 5px 0;
    padding:0;
}

.full-box4 a {
    text-decoration:none;
    border: none;
}

.full-box4 a:hover {
    border: none;
}

.full-box4 img {
    border: 1px solid #c4c4c4;
    margin:10px;
    padding:3px;
}

.full-box4 ul {
    padding-right:10px;
    margin: 0;
}

.full-box4 li {
    margin: 0;
    padding: 0;
}

.user-blog-box, .post-box, .post-box5, .media-box {
    float:left;
    overflow:hidden;
    display:inline;
}

.user-blog-box {
    width :106px;
}

.media-box {
    width :106px;
}

.post-box {
    width :380px;
}

.post-box2 {
    float:left;
    overflow:hidden;
    display:inline;
}

.post-box3 {
    float:right;
    overflow:hidden;
    display:inline;
    width:250px;
}

.post-box5 {
    width :500px;
}

.audio_title{
    float:left;
    width:400px;
    margin:5px 10px;
}

.audio_blog a{
	font-family:"Lucida Grande", "Lucida Sans", "Verdana", sans-serif;
   color:#5e5e5e;
}

/** TOOLTIP **/

#dhtmltooltip{
    position: absolute;
    width: 150px;
    border: 1px solid white;
    padding: 2px;
    background-color: #336699;
    opacity:.85;filter:
    alpha(opacity=85);
    -moz-opacity: 0.85;
    visibility: hidden;
    z-index: 100;
}

/** KB **/

#help-content .full-box {
    padding: 10px;
}

#help-content iframe {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    width: 1px;
    height: 1px;
    visibility: hidden;
}


/** VOTES COMMENTS VIEWS **/

.item-summary2 {
    display:block;
    float:left;
    margin:5px;
   	background-color:#F6FFFA;
    background-repeat:no-repeat;
    height:130px;
    margin:5px;
    padding-top:30px;
    width:170px;
    border:1px solid #F1f1f1;
}
.item-summary2:hover {
   	border:1px solid #F1f1f1;
    background-color:#E8FFF3;
    border-bottom:1px solid #f1f1f1;
}

.item-summary2 img {
    float:left;
    margin:0;
    padding:0;
}

.item-summaryright {
    float:right;
    margin:0 5px;
    width:40px;
}

.item-summary {
    float:left;
    margin:0 5px;
    width:40px;
}

.item-voteit {
    float:right;
    clear:both;
    width:40px;
    text-align:center;
    font-size:12px;
    padding:0;
    list-style:none;
    margin-top:30px;
}

.item-voteit li {
    margin:0;
    padding:0;
}

/* number of votes and "votes" text */
.mnm-published {
    font-size:14px;
    letter-spacing:-1px;
    text-decoration:none;
    font-weight:normal;
    display:block;
    padding:0 0 5px 0;
}

.mnm-published a {
    font-size:17px;
    letter-spacing:-1px;
    text-decoration:none;
    font-weight:normal;
    display:block;
    padding:0 0 5px 0;
}

.mnm-published a small {
    font-size:12px;
    letter-spacing:0px;
    text-decoration:none;
}

.mnm-published a:link, .mnm-published a:visited {
    color:#000;
}

.mnm-published a:hover, a:active {
    color:#00aa8f;
}


/* vote box */
.menealo {
    background-color:#f1f1f1;
    font-size:10px;
    border-bottom:1px solid #c4c4c4;
}

* html .menealo {
    background:#ccc 1px 1px;
    border-bottom:1px solid #eeeeee;
    border-right:1px solid #c4c4c4;
}

.menealo a:link,.menealo a:visited, .menealo span {
    display:block;
    text-decoration:none;
    color:#000;
    font-size:10px;
}

.menealo a:hover, a:active {
    background-color:#fff;
    color:#ff4400;
}
.menealo span {
    background:#fff;
    color:#000;
    font-size:10px;
}

/*Separateur avant le pager*/
.separator, .separator2 {
    border-bottom:1px dotted #334C48;
    margin-top:20px;
    margin-bottom:10px;
}

/** PAGER **/
.pagedcurrentlinks {
    padding: 2px 6px;
    border: 1px solid #00aaaf;
    background: #FFFFFF;
    color:#000000;
}

.pagedlinks {
		margin:0;
		padding:0;
}

.pager {
    margin-bottom:20px;
    padding:10px;
}

.pager a {
    border: 1px solid #2F4F4F;
 		padding:2px 4px 2px 4px;
    text-decoration: none;
    color:#5e5e5e;
    background:#fff;
}

.pager a:hover {
    color:#000000;
}

/*Propriétés du footer*/
#footer {
		position:abolute;
		bottom:0;
    text-align : center;
    font-size : 12px;
    margin-top:50px;
    padding-top:30px;
    padding-bottom : 10px;
    width:100%;
    background-color:#C8FFF3;
    color:#5e5e5e;
}

#footer a {
    color:#00aa8f;
}

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

/*Espace de 10px pour bug d'espacement IE/FF*/
.myspecialspacer{
    height:10px;
}

.myimagebox{
		overflow:hidden;
		height:100px;
		width:100px;
    background-color:#FFFFFF;
    text-align:center;
}

.mybox{
		overflow:hidden;
		height:100px;
		width:100px;
		padding:3px;
    float:left;
    margin:0px 2px 5px 10px;
    background-color:#FFFFFF;
    border:1px solid #c4c4c4;
		cursor:pointer;
}


/*google map*/


#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
}

div.markerLabel {
        display: block;
        padding-top: 9px;
}

div.markerLabel, div.label {
        text-align: center;
        color: white;
        width: 32px;
        letter-spacing: 0px;
        font-size: 12px;
        font-family: Arial;
}