/* CSS Document */
* {padding:0px; margin:0px; }

body {font-family:"Microsoft Sans Serif","Lucida Sans Unicode", "Century Gothic", Arial, sans-serif; font-size:0.81em; color:#42423D; background:#FFFFFF; }

a {color:#3C2800; text-decoration:underline; font-size:0.8em;}
a:hover {text-decoration:underline; color:#99752C;}
.avatar {width:45px; height:45px; float:left; margin-right:5px; border:2px solid #e7e7e7; padding:2px;}

/** login **/
#loginsession {position:absolute; left:800px; _left:770px; background:url(img/inscription.jpg) no-repeat scroll top; z-index:100; height:76px; width:170px;}
#loginsession h1 {padding-top:20px; padding-left:35px; letter-spacing:1.5px; visibility:hidden;}

#log {top:70px; left:775px; padding-top:0px; position:absolute;}
#log p {font-size:0.8em;margin-left:65px;}
#log #mdp {font-size:0.9em; margin-top:5px; font-weight:normal; margin-left:0px; margin-top:10px;}
#log #decon {font-size:0.9em; font-weight:normal;}
#log #lienlogin {margin-left:65px;} 
#log #lienlogin .up {background:url(arrowd.jpg) no-repeat right; padding-right:15px;}

#formulaire {width:160px; margin-left:45px; margin-top:10px;}
#formulaire input {border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:2px; width:140px;background:url(bginput.jpg) repeat-x scroll bottom; height:20px;}

#formulaire_err {width:160px; margin-left:45px; margin-top:10px;}
#formulaire_err input {border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:2px; width:140px;background:url(bginput.jpg) repeat-x scroll bottom;}
#log_err {width:500px; margin:auto; margin-top:35px; border:1px #CCCCCC solid; padding:20px; color:#000; height:450px;}
#log_err form {margin-top:35px;}
#log_err p {display:block; padding:10px; border: 1px solid #CCC; background:#f7f7f7; font-size:0.9em; width:380px;}
#log_err input {width:250px; padding:3px;}
#log_err #formulaire_err #bouton {border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:2px; width:75px; margin-left:185px;margin-top:6px; cursor:pointer; background:#AF8F60; background:url(bginput.jpg) repeat-x; }

#formulaire #bouton { width: 70px; margin-top:5px; float:right; margin-right:10px; cursor:pointer; background:#f7f7f7; height:23px; font-size:0.8em; padding:1px;} 

#cross {cursor:pointer; border:}

/** site **/
#site {width:1000px; background: #FFF; }
#site #head {height:240px; }
#contenu { width:950px;background:url(img/page_bg.jpg) no-repeat scroll top left; margin-top:10px; position:relative;}
#contenu_media { width:950px;background:url(img/page_bg.jpg) no-repeat scroll top left; padding-top:60px; position:relative;}
/***** colmid ********/
#site #col_mid {width:325px; margin-left:459px; margin-right:150px;}
#site #col_mid_media {width:325px; margin-left:359px; margin-right:150px;}
#site #col_mid #actu {font-weight:bold; }
#site #col_mid #actu .news {margin-top:5px; margin-bottom:5px; }
#site #col_mid #shout { margin-top:25px; min-height:350px;}
#site #col_mid #shout .shouts {margin-top:5px; margin-bottom:5px; min-height:70px; padding:5px; background:#f9f9f9; }
#site #col_mid #shout .shouts:hover {background:#e7e7e7;}
#site #col_mid #shout .shouts p {font-weight:bold; font-size:0.9em; color:#000;}
#site #col_mid #shout .shouts h3 {font-size:1em; color:#B89668; font-weight:normal; }
#site #col_mid #shout .shouts h4 {font-size:1.2em; color:#3C2800; font-weight:normal; text-decoration:none; font-weight:bold; margin-bottom:2px;}
#site #col_mid #shout h1 {border-bottom:1px dotted #000; font-size:0.9em; text-indent:0px;padding:0px; padding-bottom:5px; margin-bottom:5px; color:#000; margin-top:10px;}
/********** colgauche ****/
#site #col_gauche {width:458px; position:absolute; left:0px;}
#site #col_gauche_media {width:358px; position:absolute; left:30px;}
img {border:none;}
#flickr_badge_wrapper {height:200px;padding:10px 0 10px 10px;width:320px;margin-right:40px;}
.flickr_badge_image 		{margin:0 5px 5px 5px;float:left;border:1px solid  #CCC; padding:3px; background:#e7e7e7;}
.flickr_badge_image:hover {background:#FFF;}
#site #col_gauche #flickr {margin-left:50px; padding-top:10px;}
#site #col_gauche #pub {padding-left:0px; position:absolute; left:0%;}



/***** coldroite *****/
#site #col_droite {width:164px; position:absolute; left:800px; top:0px;}
#site #col_droite .vid {margin-top:5px; margin-bottom:2px; margin-left:10px; background:transparent; padding:1px; background:#e7e7e7; border:1px solid #CCC;}
#site #col_droite #video .vid {margin-top:20px; margin-bottom:5px; margin-left:20px;text-decoration:none;padding:3px; background:#f7f7f7;}
#site #col_droite #video p {font-size:0.9em; margin-left:10px;text-decoration:none;}
#site #col_droite #video a {font-size:1em; margin-left:10px; text-decoration:none;}
/**** footer ***/
#footer {background:url(stripes.gif) repeat-x scroll 0%; height:50px; margin-bottom:-15px;}
#foo{   margin-top:60px; background:url(degrad.jpg) bottom scroll repeat-x; height:30px; position:relative;}
#foo p {position:absolute; bottom:0px; margin:auto; font-size:0.8em; width:450px;}

/*** about ***/
#contenu h1 {padding-top:30px; padding-left:40px;}
#contenu #about {width:650px; margin-left:100px; font-size:0.9em;}

.ifl {float:left;margin:5px;}

/******** media ******/
#galerie_link {margin-left:30px; margin-top:20px;}

#inscript {width:500px; margin:auto; margin-top:35px; border:1px #CCCCCC solid; padding:15px; color:#000; height:630px; margin-bottom:20px;}
#inscript h1 {font-variant:small-caps; font-size:1.4em; margin-bottom:20px; border-bottom:1px solid #000}
#inscript input {width:250px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:3px; background:url(bginput.jpg) repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; float:left;}
#inscript label { float:left; clear:left; width:130px; font-size:0.8em; margin-top:8px;}
#inscript  #campaign {width:360px; clear:both; font-size:0.8em;}
#inscript #btn {width:100px; margin-top:20px; float:right; margin-right:60px}
#inscript select { margin-top:5px; padding:1px; float:left;}
#inscription option {width:150px; background:transparent;}
#inscript #country {width:260px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#inscript #sexe {width:90px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#inscript #check {float:left;}
#inscript #day {width:50px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#inscript #month {width:100px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#inscript #year {width:70px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#inscript #campaign_email1 { width:15px;}
#inscript #campaign_email2 { width:15px;}
#inscript #tab1 {width:20px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:0px;  margin-top:0px; margin-bottom:0px; float:left;}
#inscript #tab2 {width:20px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:0px;  margin-top:0px; margin-bottom:0px; float:left;}
#retour_profil { margin-bottom:5px; font-size:0.9em;}

/*** espace ***/

#espace {width:500px; margin:auto; margin-top:35px; border:1px #CCCCCC solid; padding:20px; color:#000; height:850px;}
#espace form {margin-top:10px; margin-bottom:55px;}
#espace h1 {font-variant:small-caps; font-size:1.4em; margin-bottom:20px; border-bottom:1px solid #000}
#espace input {width:250px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:3px; background:url(bginput.jpg) repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; float:left;}
#espace label { float:left; clear:left; width:130px; font-size:0.8em; margin-top:8px;}
#espace #btn {width:100px; margin-top:20px; float:right; margin-right:60px}
#espace select { margin-top:5px; padding:1px; float:left; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
#espace option {width:150px; background:transparent;}
#espace #country {width:260px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#espace #sexe {width:90px; background:url(bginput.jpg) repeat-x scroll bottom; border:1px solid #e7e7e7;}
#espace .btn {width:100px; margin-top:55px; float:right; margin-right:60px}
#espace .btn_up {width:100px; margin-top:25px; float:right; margin-right:60px}
#espace fieldset {border:1px solid #e7e7e7;padding:15px;}
#espace legend {padding-left:10px; padding-right:10px;}
#espace #hiddeniframe {display:none; width:450px; background:#e7e7e7; height:20px;}
#espace #retour_upload {display:block; padding:10px; border: 1px solid #CCC; background:#f7f7f7;}

/********** news *********/
#liste_news {width:600px; margin-left:150px; font-size:0.9em; min-height:550px;}
#liste_news .une_news {margin-top:10px; margin-bottom:30px; padding:10px;}
.une_news:first-child {background:#FFFFEF; border:bottom:1px solid #e7e7e7;}
#liste_news h3 {margin:0px; padding:0px; color:#99752C; font-variant:small-caps; font-style:italic; text-indent:15px;}
#liste_news h1 {margin:0px; padding:0px; color:#000; text-transform:uppercase; font-weight:bold; letter-spacing:-0.2px; font-size:1.2em; margin-top:-25px; margin-bottom:5px; word-spacing:3px;}
#liste_news .id {float:left; width:25px; height:40px; color:#99752C; font-size:3em; margin-right:5px; padding:15px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; padding-top:10px;}
#liste_news p {padding-left:60px; text-align:left; margin-bottom:5px; font-size:1em; word-spacing:1px; letter-spacing:0.1px;}

#comms {width:700px; margin-left:150px; font-size:0.9em; }
#comms #list_comms {padding:10px;}
#comms .sujets {margin-top:25px; margin-bottom:60px;  border-top:1px solid #e7e7e7;}
#comms #sujets_ajax {margin-top:25px; margin-bottom:10px;  border-top:1px solid #e7e7e7;}
#comms .topic {position:relative;padding:25px; padding-bottom:15px; background:#FFFFEF; background-image:url(arrow.jpg); background-position:98% 90%; background-repeat: no-repeat;border-top:1px solid #e7e7e7; cursor:pointer;}
/*#comms .sujets:first-child {background:#FFFFEF; border-top:2px solid #e7e7e7;}*/
#comms .id {color:#f7f7e7;font-family:futura, "Century Gothic", "Times New Roman",Times,serif; height:150px;padding-top:-20px;position:absolute;right:5px;text-align:right;top:0pt;width:250px;z-index:0; font-size:100px;}
#comms .topic p { margin-bottom:10px; margin-top:10px; position:relative; z-index:1; cursor:text; white-space:normal; }
#comms .title {margin:0px; padding:0px; color:#000; font-variant:small-caps; font-weight:bold; letter-spacing:-0.2px; font-size:1.4em; margin-top:0px; margin-bottom:5px; word-spacing:3px;}
#comms .rep {padding-top:30px;}
#comms .auteur {margin-top:0px;}
#comms .auteur h3 {margin:0px; padding:0px; color:#99752C; font-style:italic; text-indent:0px; font-size:0.8em; }
#comms .avatar_c {border:1px solid #CCCCCC; width:45px; height:45px; margin-right:5px;float:left; }
#comms .reponse {margin-top:0px; border-top:1px dotted #e7e7e7;  background:#f7f7f7; padding:10px; padding-left:80px; padding-right:10px; position:relative;}
#comms .reponse h1 {margin:0px; padding:0px; color:#000; font-variant:normal; font-weight:bold; letter-spacing:-0.2px; font-size:1em; margin-top:0px; margin-bottom:10px; word-spacing:0px;}
#comms .reponse p {font-size:0.95em;}
#comms .reponse .id {color:#999;font-family:futura, "Century Gothic", "Times New Roman",Times,serif; height:100px;padding-top:-20px;position:absolute;right:0px;text-align:right;top:0pt;width:150px;z-index:0; font-size:30px; top:0px;}
#comms .reponse .auteur {padding-bottom:10px;}
#comms .reponse .auteur {padding-bottom:10px;}
#comms .reponse .avatar_c {margin-right:5px; border:2px solid #e7e7e7; padding:2px; width:45px; height:45px; float:none; background:#FFFFFF;  }
#comms .reponse .avatar_c:hover {border:2px solid #CCCCCC;}
#comms .reponse .auteur h3 {position:absolute; right:20px; bottom:5px; font-weight:normal;}
#comms .conteneur {margin-top:10px; margin-bottom:10px;}

#comms #error {background:#f7f7f7;}

#comms #formulaire {width:550px; padding:10px; margin-left:10px;}
#comms #formulaire textarea{width:500px; height:90px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:5px; background:url(bginput.jpg) #FFF repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; }
#comms #formulaire input {width:300px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:5px; background:url(bginput.jpg) #FFF repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; }
#comms #formulaire fieldset {padding:15px;border:1px solid #f7f7f7; font-variant:small-caps; font-weight:bold;}
#comms #formulaire label {padding:15px; font-variant:small-caps; font-weight:normal; }
#comms #formulaire #button {width:180px; margin-top:15px; float:right; margin-right:5px; cursor:pointer; background:#f9f9f9; height:30px; border: 1px solid #aaa;}

#galeries h1 {padding-top:30px; padding-left:40px;}
#galeries {margin-left:10px;font-size:0.9em;}
#galeries .une_gal {position:relative; margin-top:5px;}
.une_gal p {position:absolute; bottom:5px;z-index:10; left:5px; display:block; background:#e7e7e7; font-size:1em; font-variant:small-caps; padding:3px;}
#galeries img {border:5px solid #e7e7e7;}

#player {width:400px; height:134px;}

#pagination {font-size:0.8em;}

div.pagination {
    font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 3px
}
div.pagination a {
    border-bottom: 1px solid #99752C;
    color: #99752C;
    margin: 1px;
    text-decoration: none
}
div.pagination a:hover,active {
    color: #3C2800;
    margin: 1px;
}
div.pagination span.courante {
    color: #3C2800;
    margin: 1px;
	font-size:11px;
}
div.pagination span.desactive {
    background-color: #fff;
    color: #ddd;
    margin: 1px;
	font-size:12px;
}
/*** tour ***/
#contenu h1 {padding-top:30px; padding-left:40px;}
#contenu #tour {width:650px; margin-left:100px; font-size:0.8em;}
#tourDates {
padding:10px; }
}
#tourDates td {
border-right:1px solid #FAFAFA;
cursor:pointer;
padding:0pt 3px;
}
#tourDates th {
background:#444444 none repeat scroll 0%;
color:#FFFFFF;
font-size:0.9em;
padding:4px;
}
#tourDates .date {
line-height:25px;
}
.showinfo {
padding:30px;
}
#tourDates {
padding:10px;
}
#tourDates td {
border-right:1px solid #FAFAFA;
cursor:pointer;
padding:0pt 3px;
}
#tourDates th {
background:#444444 none repeat scroll 0%;
color:#FFFFFF;
font-size:0.9em;
padding:4px;
}
#tourDates .date {
line-height:25px;
}
#tourDates tr:hover {background:#000; color:#fff;}

#col_droite_flickr {width:100px; position:absolute; left:770px; top:100px;}
#col_droite_flickr_tour {width:100px; position:absolute; left:770px; top:300px;}
#col_droite_flickr #flickr_badge_wrapper {height:200px;padding:10px 0 10px 10px;width:210px;margin-right:0px;}
#col_droite_flickr .flickr_badge_image {margin:0 5px 5px 5px;float:left;border:1px solid  #CCC; padding:3px; background:#e7e7e7;}
#col_droite_flickr .flickr_badge_image:hover {background:#FFF;}
#col_droite_flickr_tour #flickr_badge_wrapper {height:200px;padding:10px 0 10px 10px;width:210px;margin-right:0px;}
#col_droite_flickr_tour .flickr_badge_image {margin:0 5px 5px 5px;float:left;border:1px solid  #333; padding:2px;}

#question #formulaire {width:550px; padding:10px; margin-left:10px;}
#question #formulaire textarea{width:500px; height:90px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:5px; background:url(bginput.jpg) #FFF repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; }
#question #formulaire input {width:300px; border:1px solid #e7e7e7; border-right:1px solid #CCC; border-bottom:1px solid #CCC;padding:5px; background:url(bginput.jpg) #FFF repeat-x scroll bottom; margin-top:5px; margin-bottom:5px; }
#question #formulaire fieldset {padding:15px;border:1px solid #f7f7f7; font-variant:small-caps; font-weight:bold;}
#question #formulaire label {padding:15px; font-variant:small-caps; font-weight:normal; }
#question #formulaire #button_q {width:150px; margin-top:15px; float:right; margin-right:5px; cursor:pointer; background:#f9f9f9; height:30px; border: 1px solid #aaa;}