body { margin: 0px; padding: 0px; height: 100%; text-align: center; background-color: #373731; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; color: #373731}

/* ------------ TITRES ------------ */
h1, h2, h3, h4, h5 {margin: 0em 0em 0.5em 0em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #736857; text-align: left; }

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}

h6 {font-size:2.3em; margin: 0.2em 0em 0.1em 0em; font-family:Trebuchet MS,Verdana,sans-serif; font-weight:normal; letter-spacing: 0.1em; color:#373731; text-align: left;}


h1 a:link { color: #736857;} /* lien non-visité */
h1 a:visited { color: #47194c} /* lien visité */
h1 a:hover, active { color: #ca0335} /* lien survolé */

hr {clear:both; margin:1em 0; border:0; height:1px; background-color:#373731; color:#373731;}
p {margin: 0em 0em 0.8em 0em; text-align: justify;}

a:link, a:active, a:visited {color:#666666; text-decoration:none;}
a:hover {color:#CA0335; text-decoration:none;}


/* fil d'Arianne */
#fil {
font-size: 9px;
margin: 5px 0px 10px 0px;
padding: 0px 0px 1px 0px;
color: #373731;
background-color: transparent;
text-transform: uppercase;
border-bottom: 1px solid #373731;
}

#fil a {font-size: 9px; text-transform: uppercase; text-decoration: none; color: #373731;}
#fil a:hover {color: #ca0335;}
#fil a:visited {color: #373731;}

/* ------------ centrage et organisation du contenu ------------ */

#haut {background: #EEE6DB url("../files/design/bg_body.png") repeat-x; width: 100%; overflow: auto; margin: 0px; padding: 0px;  border:0px;}
#bas {background:#373731 url("../files/design/bg_footer.gif") repeat-x; width: 100%; height: 50px; margin: 0px; padding: 0px;  border:0px;}
#alignement { margin: 0px auto 0px auto; width: 801px; }

/* ------------ Espaceurs verticaux ------------ */
#vide10 {background-color:transparent; width: 100%; height: 10px; margin: 0px; padding: 0px;  border:0px;}
#vide12 {background-color:transparent; width: 100%; height: 12px; margin: 0px; padding: 0px;  border:0px;}
#vide15 {background-color:transparent; width: 100%; height: 15px; margin: 0px; padding: 0px;  border:0px;}
#vide20 {background-color:transparent; width: 100%; height: 20px; margin: 0px; padding: 0px;  border:0px;}
#vide120 {background-color:transparent; width: 100%; height: 120px; margin: 0px; padding: 0px;  border:0px;}
/* ------------ DIV ------------ */

/* ------------ colonne de gauche ------------ */
#left { float: left; width: 210px; margin: 25px 0px 25px 0px; border: 0px; padding: 0px;}

#left_top {background : transparent url(../files/design/bg_left_top.gif); height: 10px; margin: 0px; padding: 0px; border: 0px;}
#left_illu {background : transparent url(../files/design/bg_left_middle.gif) repeat-y;  padding: 0px 20px 10px 10px;  margin: 0px 0 0 0;  border: 0px; height: 180px; }
#left_txt {background : transparent url(../files/design/bg_left_middle.gif) repeat-y; padding: 0px 20px 10px 10px; margin: 0px;  border: 0px; text-align: left}	
#left_txt p {text-align: left;}
#left_bottom {background : transparent url(../files/design/bg_left_bottom.gif) no-repeat; height: 20px; margin: 0px; padding: 0px; border: 0px;}

#left_pub {background-color: transparent; padding:0px; margin-bottom: 10px; border: 0px; text-align: left;}

/* blocs de couleurs */
#bloc_violet{padding: 2px 10px 2px 10px;margin: 0px; border: 0px; background-color: #960173; border-bottom: 2px solid #fff;}
#bloc_mauve{padding: 2px 10px 2px 10px; margin: 0px; border: 0px; background-color: #47194c; border-bottom: 2px solid #fff;}
#bloc_fushia{padding: 2px 10px 2px 10px; margin: 0px; border: 0px; background-color: #ca0335; border-bottom: 2px solid #fff;}
#bloc_orange{padding: 2px 10px 2px 10px; margin: 0px; border: 0px; background-color: #e33901; border-bottom: 2px solid #fff;}

/* Titre menu */
#left h6 {font-size:18px; font-family:Trebuchet MS,Verdana,sans-serif; letter-spacing: 1px; margin: 0px; border: 0px; text-align: left; color: #ffffff;}

#left ul {margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; list-style: none;}
#left li {display: table; line-height: 18px; margin: 0px; padding: 0px; text-transform: none; text-decoration: none; color: #fff; font-size: 12px;}
#left li a {display: table; line-height: 18px; margin: 0px; padding: 0px; text-transform: none; text-decoration: none; color: #fff; font-size: 12px;}
#left li a:hover{color: #f07e12; }

/* ------------ colonne de droite ------------ */
#right { float: left; width: 590px; background-color: transparent; margin: 0px 0px 25px 0px; }

/* logo travail-de-rue.net */
#right_top_logo { background : transparent; text-align: right; height: 30px; width: 590px; font : normal normal normal 24px Trebuchet MS,Verdana,sans-serif; color : White; margin: 0px; border: 0px; padding: 0px;}

/* menu supérieur minuscules */
#right_menu1{ background : transparent; text-align: left; height: 20px; width: 590px; font : normal normal normal 12px Verdana; color : White; margin: 0px 0px 0px  -7px; border: 0px; padding: 0px;}
#right_menu1 ul { margin: 0px; padding: 0px 0px 0px  0px; list-style: none;}
#right_menu1 li {list-style: none; display: block; float: left; margin: 0px; padding: 0px 7px 0px 7px; color: #fff;  border-right: 1px solid #fff; }
#right_menu1 li a { text-decoration: none; color: #ffffff; }
#right_menu1 li a:hover {color: #CA0335;}

/* menu supérieur MAJUSCULES */
#right_cadremenu2 {background: url("../files/design/bg_right_top_menu2.jpg") no-repeat;  text-align: center; width: 100%; height: 50px; margin: 0px; padding: 0px;  border:0px;}

#right_menu2{text-align: center; font : normal normal normal 18px Trebuchet MS,Verdana,sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color : White; margin: 0px; border: 0px; padding: 0px;}

#right_menu2 ul { margin: 0px; padding: 0px; list-style: none; width:590px;}
#right_menu2 li {list-style: none; display: inline; margin: 0px ; padding: 0px 20px 0px 20px; color: #fff;  border-right: 1px solid #fff; }
#right_menu2 li a { text-decoration: none; color: #ffffff;}
#right_menu2 li a:hover {color: #47194C;}

/* cadre moteur de recerches */
#right_search { background : #948671; border: 1px solid #736857; margin: 0px; padding: 15px 0; text-align: center; font : normal normal normal 12px Verdana; color: #EEE6DB;}
#right_search form {padding:0; margin:0;}
.ok {border: solid 1px #EEE6DB; background-color: #334E5F; color: #EEE6DB; font-size: 11px; }

#texte {margin: 0px; padding: 0px; border: 0px;}
#entete {padding: 0px; border: 0px; font-weight: bold; color:#373731;}
#right p {margin: 0em 0em 0.8em 0em; text-align: justify;}

.illutxt { float: left; margin: 2px 10px 5px 0pt; background : #948671; border: 1px solid #736857}

/* ------------ Formulaires ------------ */
input.text,textarea{
	BACKGROUND-COLOR: #FFFFFF ;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	border: 1px solid #736857;
}

/* ------------ PIED DE PAGE ------------ */
#bas p {color:#ffffff; margin: 0em 0em 0.8em 0em; text-align: center;}

/* ------------ LES NEWS ------------ */
#news {margin: 0px; padding: 0px 0px 10px 0px; border: 0px; text-align:left; border-bottom: 1px solid #373731}

#news ul {margin: 0px; padding: 0px; list-style-type: none;}
#news li {line-height: 15px; margin: 0px; padding-left: 15px; text-transform: none; text-decoration: none; color: #373731; font-size: 9px;
background-image: url("../files/design/puce_news.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 7px;}
#news li a {line-height: 15px; margin: 0px; padding: 0px; text-transform: none; text-decoration: none; color: #373731; font-size: 11px; font-weight:bold;}
#news li a:hover{color: #ca0335; }
#news li a:visited{color: #47194c; }

/* ------------ LES MEMBRES DU RESEAU ------------ */
#member {margin: 0px; padding: 0px 0px 10px 0px; border: 0px; text-align:left; border-bottom: 1px solid #373731}

#member ul {margin: 0px; padding: 0px; list-style-type: none;}
#member li {line-height: 15px; margin: 0px; padding-left: 15px; text-transform: none; text-decoration: none; color: #373731; font-size: 11px;
background-image: url("../files/design/puce_news.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 7px;}
#member li a {line-height: 15px; margin: 0px; padding: 0px; text-transform: none; text-decoration: none; color: #373731; font-size: 11px; font-weight:bold;}
#member li a:hover{color: #ca0335; }
#member li a:visited{color: #47194c; }
#member .label, #member .value {display: block; float:left;}
.clear {visibility: hidden; clear: left; height: 3px; margin: 0;}
#member p {width: 99%;}

/* ----------- LA PAGE DE RECHERCHE ---------------*/

.pages {margin: 10px 0 0 10px;}
.pages a {margin: 0 2px;}

/* ----------- INSCRIPTION A LA NEWSLETTER --------*/

#newsletterForm #button {display: block; margin-top: 10px;}

/* ----------- LA PAGE DE CONTACT -----------------*/

#contactForm .fLine {margin-bottom: 3px;}
#contactForm label {display: block; width: 150px; float: left; font-weight: bold;}
#contactForm .text, #contactForm .textarea {width: 300px;}
#contactForm .textarea {height: 150px;}
#contactForm .submit {BACKGROUND-COLOR: #334E5F; COLOR: #EEE6DB; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; border: 1px solid #736857; margin: 10px 0 0 150px;}
#contactForm .error label {color: #F00;}
#contactForm .missing {color: #F00; margin: 15px 0;}
#contactForm label.long {width: 250px;}

/* ------------ Page choix de langues ------------ */

#langage {margin: 0px; padding: 0px 0px 10px 0px; border: 0px; text-align:left; width: 500px; height: 360px; background-image: url("../files/design/pict_accueil.jpg"); background-repeat:no-repeat; background-position: 100px 100px;}

/* ------------ Formulaire de login au CMS ------- */

#loginAkiwi {background : #948671; border: 1px solid #736857; margin-top: 20px; font : normal normal normal 12px Verdana; color : #EEE6DB; padding: 10px;}
#loginAkiwi h1 {color: #EEE6DB;}
#loginAkiwi form {text-align: left; margin-left: 150px;}
#loginAkiwi label, #loginAkiwi input { display: block; }
#loginAkiwi input { margin-bottom: 5px; border: 1px solid #736857; }
#loginAkiwi .error { color: #CA0334; font-weight: bold; margin-bottom: 20px; }

/* ------------ Cadre ZOOM ------------ */

#zoom {background-color: #EEE6DB; border: 0px; margin: 25px 0px 0px 0px; padding: 0px;}
#hg, #hd, #bg, #bd {height: 10px; width: 10px; background-repeat: no-repeat; font-size: 1px;}

#hg {background-image: url(../files/design/zoom_hg.jpg); float: left;}
#hd {background-image: url(../files/design/zoom_hd.jpg); float: right;}
#bg {background-image: url(../files/design/zoom_bg.jpg); float: left; margin-top:-10px}
#bd {background-image: url(../files/design/zoom_bd.jpg); float: right; margin-top:-10px}

#zoom h1 {color: #ffffff;}
#zoom h1 a {color: white; text-decoration: none;}
#zoom h1 a:hover {color: #F07D12; text-decoration: underline;}
#zoom_txt {background-color: #CA0334;color: white; padding: 10px; text-align: justify;}
.illuzoom { float: left; margin: 2px 10px 5px 0pt; background : #948671; border: 1px solid #ffffff;}

/* ------------- FORUM ---------------- */

.espace {text-align: center;}
.espace a img {border:0; margin: 0 5px 5px 0;}

.membre_box1, .membre_box2, .membre_box3, .membre_box4 {display: block; float:left; width: 195px; height: 100px; padding-top: 50px; border:0; background: url(../files/design/but_forum.jpg); margin-bottom: 10px; padding-left: 10px; color: #FFF; font-size: 24px; padding-right: 85px}
.membre_box2 {background: url(../files/design/but_news.jpg); margin-left: 10px;}
.membre_box3 {background: url(../files/design/but_cpte.jpg);}
.membre_box4 {background: url(../files/design/but_logout.jpg); margin-left: 10px;}
.membre_box1:link, .membre_box1:hover, .membre_box1:active, .membre_box1:visited {color: #FFF;}
.membre_box2:link, .membre_box2:hover, .membre_box2:active, .membre_box2:visited {color: #FFF;}
.membre_box3:link, .membre_box3:hover, .membre_box3:active, .membre_box3:visited {color: #FFF;}
.membre_box4:link, .membre_box4:hover, .membre_box4:active, .membre_box4:visited {color: #FFF;}

#forum {font-size: 11px; width: 100%;}
#account {text-align: left; margin: 9px 0; padding: 7px 0 0 7px; height: 20px; background-color: #47194C; color: #FFF;}
#account a {color: #FFF;}
.colTitle {font-weight: bold; text-align: center;}
.postCell {background-color: #DCCBB4;}
.lineEdition {width: 100%;}
.forumMessage .title, .forumMessage2 .title {font-size: 13px; font-weight: bold;}
.forumMessagePost {border: solid 1px #C8AF8C; background-color: #DCCBB4; padding: 10px; margin: 10px 0 0 10px;}

/* -------- GALERIE PHOTO ------------- */

.gallery {margin: 10px 0; text-align: center;}
.lightbox img {border: solid 2px #FFF;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../files/design/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../files/design/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }