/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}
html, body {background-color:#fff; margin:0; padding:0}

/* lien par défaut */
A {color:#366; text-decoration:none}
A:hover {color:#999; text-decoration:underline}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* temp.html */

#container{
	position: absolute;margin:0;
	width: 1000px;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0;
}

/* header */
#header{
	margin:3px 0 0 0;left:0;width:1000px;height:18px;
	background:#fff;
	text-align:right;padding:0;
}
	#header ul{margin:0;margin-right:1em;display:inline;border-right:2px solid #eee}
	#header ul li{border-left:2px solid #eee;display:inline;padding:0 0.6em 0 1em}
	#header a {color:#999}
	#header a:hover{color:#666}

#header2{
	background:#A7CE38;background-image:url(design/fd_artiphp.gif);margin:0;left:0;
	width:1000px;height:87px;background-position:left top;
	background-repeat:repeat-x
}
#header2 a {border:0;background:none}


#mentete {background:#366;margin:0;padding:2px;border-top:1px #600 solid;font-size:10px;color:#fff;width:996px}
	#entete a{color:#fff;font-weight:bold}
	#entete a:hover{color:yellow}
	#entete{margin-left:15px;color:#fff;font-weight:normal}


.contenugauche {float:left;width:682px}

#artimenu {
	height:39px;
	width:682px;
	background-image:url(design/fd_menu.gif);
	background-position:left top;
	background-repeat:no-repeat
 }
#artimenu span {color:#9c3;font-weight:bold}
 #artimenu div {padding:5px 0 0 20px}
 #artimenu div a {padding:2px 7px 2px 7px;color:#000}
 #artimenu div a:hover {background:#666;color:#fff}

 #centre {background:#fff;width:682px}




.contenudroit {float:left;width:318px}

 #moteur {
	height:75px;
	background-image:url(design/fd_recherche.gif);
	background-position:left top;
	background-repeat:no-repeat
 }
 #moteur form {margin:0;padding:0}
 #moteur form fieldset {border:0;margin:0;padding:20px 0 0 40px}
 #moteur form legend {display:none}
 #moteur form label {font-weight:bold}
 #moteur form input {font-size:10px;border:1px #666 solid}
 #moteur form label#exacte2 {font-weight:normal;font-size:10px}
 #moteur form input#btrech {background:yellow;float:right;height:30px;width:30px;margin:-30px 0 0 0;padding:0;font-weight:bold}
 #moteur form input#btrech:hover {background:#A7CE38;color:#fff}
 #moteur form input#exacte {margin:5px 0 0 0}

 #artinews {
	height:33px;
	width:309px;
	margin-left:9px;
	background-color:#ccc;
	background-image:url(design/fd_news.gif);
	background-position:left top;
	background-repeat:no-repeat
 }
 #artinews a {display:block;text-align:right;padding:15px 10px 0 0;color:#666}

 #documentation, #artiannuaire {
	height:173px;
	width:309px;
	margin-left:9px;
	margin-bottom:2px;
	background-color:#ccc;

 }
#artiannuaire {
	margin-top:2px;
}
 #documentation a, #artiannuaire a {display:block;color:#690;font-size:14px;font-weight:bold;padding:0}

 #tmenu {
 padding:0
	width:309px;
	margin:0 0 0 9px;
	background-color:#eee
 }
 #txtmenu {
	width:309px;
	margin-left:9px;
	background:#eee;
}
 #menu {

padding:5px 0 10px 20px;

	font-size:11px;
	font-weight:bold
 }
 
	/* la zone d'admin */
#menu form {margin-left:30px}
	#menu label {color:#999}
	#menu a {color:#360; font-weight:normal}
	#menu ul {list-style-type:none; margin:0; padding:0;border-right:1px solid #999;text-align:right}
	#menu li {display:inline;margin:0; padding:0 5px 0 5px;border-left:1px solid #999}
	#rappel {background:transparent; border:0}
	#go {float:right;margin:-60px 70px 0 0;padding:0;background:#A7CE38;color:#fff;font-weight:bold}







	#conttag {float:right;width:170px;margin:2em 1.5em 2em 0}
	#conttag h2 {padding:0.2em 0.2em 0.2em 0.4em;margin:0;color:#fff;background:#666;font-size:1.2em;
			background-image:url(xxl/fdtag.gif);background-position:left top;
			background-repeat:no-repeat;
	}
	#conttag div.menucat_agenda {width:97%;background:#eee;margin-left:1px;padding-bottom:5px} 



#footer{
	clear:both;
	width:auto;
	text-align:right;
	height:15px;
	background:#3C5460;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}


/* page accueil */

 #accueil h2 {padding-left:40px;margin:10px 0 5px 0}
 #accueil p {background:#eee;padding:15px 0 15px 30px;margin:10px 10px 3px 10px;height:120px}
 #accueil span {display:block;padding:0 0 3px 30px;font-size:10px;border-bottom:2px #ccc solid;margin:0 10px 0 10px}
 #accueil span a {color:#999}
 #accueil img {float:right;margin:-40px 60px 0 40px}

 #rubriques {clear:both;margin-top:10px}
 #modules {width:340px;float:left}
 #skins {width:330px;float:left}
 #modules a, #skins a {color:#9c3}
 #modules div {
	padding:0 60px 0 20px;
	background-image:url(design/fd_modules.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:119px;
	margin-bottom:10px
 }
 #modules p, #skins p {margin:5px 0 5px 0}
 #modules h3, #skins h3 {padding-left:20px;font-size:15px}
 #modules h4, #skins h4 {padding:15px 0 0 0;margin:0}
 #modules h5, #skins h5 {padding:5px 40px 0 0;margin: 0 0 30px 15px;font-size:12px;text-align:right}
 #modules img, #skins img {float:left;margin-right:10px}
 #modules img {margin-top:10px}
 #modules span {display:block;padding-left:81px}
 #modules span a, #skins span a {color:#999;font-size:10px}
 #skins div {height:119px;padding:0 60px 0 20px;margin-bottom:10px}


#communaute {clear:left;border:2px solid #9c6;margin:20px 10px 10px 10px;padding:0;height:165px}
#edit_commun {float:left;border-right:1px solid #999;width:284px;margin:10px}
#edit_commun h3 {margin:0;padding:0;font-size:1.25em}
#edit_commun img {float:left;margin-top:15px}

#artinewscommun {margin-top:25px}
#artinewscommun div#menunews{float:left;width:340px;margin:10px 3px 10px 3px;}
#artinewscommun div#menunews ul li {background:none;padding-left:0;padding-right:0}
#communaute h4 {float:left;text-align:right;margin:0 3px 0 3px;width:336px;padding:2px;font-size:12px}
#communaute h4 a {padding-right:5px;color:#9c3}
/* fin page accueil */


/* images libres */


#search,
#next,
#network,
#creators {
	margin: 0 auto;
	width: 100%;
}




#network,
#creators {
	width: 98%;
	font-size: x-small;
	color: #ccc;
}
#network a,
#creators a { color: #ccc; text-decoration: none; }



/* **** Styling the search part **** */
#search h1,
#search h2 {
	text-align: center;
	color: orange;
}
#search h2 {
	color: orange;
}

#search input,
#search select {
	border: 1px solid #999;
	background: #eee;
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
}
#search legend {color:orange;font-weight:bold;font-size:1.2em}


/* **** Common elements **** */
.breaker {
	clear: both;
	line-height: 0;
	font-size: 0;
}




/* **** Stylign the gallery **** */
#directory {
	margin-bottom: 10px;
	font-size: large;
}
#directory b {
	color: orange;
}
.f_photo {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.f_image {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	background: #eee;
	border: 1px solid #ccc;
}
.f_image a {
	width: 130px;
	height: 130px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.f_image a:hover {
	background: #bbb;
}
.f_image * {
	vertical-align: middle;
}
.f_image img {
	border: 1px solid #ccc;
}
/*\*//*/
.f_image {
	display: block;
}
.f_image span {
	display: inline-block;
	height: 100%;
	width: 1px;
	font-size: 0;
}
/**/
.f_services {
	margin-top: 2px;
	text-align: center;
	width: 130px;
}


/* **** Styling next buttons **** */
.nextprev {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: orange;
}


/*index*/
.boutiq_cat {float:left;width:190px;margin:5px;padding:5px;border:1px dotted #999;text-align:center;height:350px;font-weight:bold;background:#eee}
	.boutiq_cat img {height:89px}
	.boutiq_cat em {color:#999;display:block}
	.boutiq_cat h2 {font-size:12px;padding:0;margin:0}
	.boutiq_cat span {text-align:left}
.boutiq_sscat {margin-top:1em;border-top:1px solid #999;padding-top:1em;font-size:10px;text-align:left;background:#fff;padding:2px}
	.boutiq_sscat h3 {font-size:11px;padding:0;margin:10px 0 0 0;display:inline}
	.boutiq_sscat img {float:left;height:auto;width:30px;padding-right:2px;margin-bottom:5px}
	.boutiq_sscat hr {clear:left;color:#eee}



/*lightbox*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#photomembre {float:left;width:90%;margin-top:1em}

#photomembre div {background:#eee;padding:1em;border:1px dotted #666;margin:0.3em}