/* AcouConsult - cl3m 2008 */

/* layout */
#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -320px;
	text-align: center;
	min-width: 640px; 
}
#wrapper {
	position: relative;
	text-align: left;
	height: 640px;
	width:9000px;
}

body {
	background-image: url("picto.gif");
	background-size: 648px 378px;
    background-repeat: repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:left;
}
	
#navigation {
    margin:0;
    padding:0;
    height:20px;
	color:#FFFFFF;
}

#navigation h1 {
	font-family:Arial Narrow, Arial;
    font-weight:bold;
	font-size:1.4em;
	letter-spacing:2px;
	margin:0px;
	margin-left:5px;
	padding:0px;
	display:inline;
}

#navigation h1 a,#navigation h1 a:hover {
	text-decoration:none;
}

#navigation .menu {
    text-align:right;
	font-size:11px;
}

#navigation .menu a, #navigation .menu a:hover {
	padding:7px;
	font-weight:bold;
	text-decoration:none;
}

#footer {
    clear:both;
    margin:0;
    padding:0;
    height:20px;
    text-align:left;
    background-color:#333;
	color:#FFFFFF;
}

#footer img {border:0}

#footer input {height:20px;padding:0;margin:0;border:0;}
#footer #srchbtn {border:0;font-weight:bold;background:#333 ;color:#FFF;height:18px;vertical-align:middle;}
#footer form {margin:0;padding:0;}
#footer form input {background-color:#666;}
textarea:focus, input:focus{
    outline-color: #4CF4A9;
}
#footer div {float:left;display:inline;height:20px;}
#footer #search {padding:0 1em;}
#footer #copyright {padding:1px 1em;height:18px;}
#footer #copyright a {color:#FFFFFF;text-decoration:underline;}
#footer #languages {padding:0 5px;}

#page {
    text-align:left;
    background:#000;
    padding:0;
    height:600px;
    color:white;
    overflow:hidden;
}

a {	
	color:#eee;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h2 {font-size:1.2em;}

h3 {font-size:10px;}

ul {margin-left: 0; padding-left: 1.3em;}
	
#photo {
    padding: 0;
    border: 0;
}

#image-photo {
   float:left;
   border: 0;
}

#image-navigate {
    background:#666;
	padding:20px;
	height:15px;
	margin:0px auto;
	}
	
#image-info   {
	float:left;
	width:360px;
	padding:20px;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	color:#eee;
}

#image-info.moreright{
	width:360px;
}

#image-info.morebottom  {
	clear:both;
	width:720px;
}



.column{
	width:50%;
	text-align:left;
	vertical-align:top;
	}

	
.thumbnails {
	border:0;
	padding:0;
	margin:0;
	}

.input {
    width:45%;
	font-size:10px;
	border:1px solid #aaa;
	background-color:#666;
	color:#eee;
	padding:5px;
    }



#tag_cloud { text-align:justify; padding:0;margin:1em;} 
#tag_cloud a { color:#eee}

.col {float:left;width:360px;color:white;margin:0;padding:0;}
.widecol {
	float:left;
	padding:0;
	margin:0 10px;
	width:580px;
	height:600px;
}
.col p,.widecol p { margin:1em 0; padding:0;}

.tags00 { font-size: 0.9em !important; }
.tags01 { font-size: 1.0em !important; }
.tags02 { font-size: 1.1em !important; }
.tags03 { font-size: 1.2em !important; }
.tags04 { font-size: 1.3em !important; }
.tags05 { font-size: 1.4em !important; }
.tags06 { font-size: 1.5em !important; }
.tags07 { font-size: 1.6em !important; }
.tags08 { font-size: 1.7em !important; }
.tags09 { font-size: 1.8em !important; }
.tags10 { font-size: 2.0em !important; }

#thumbsquare {
	width:600px;
	height:600px;
	float:left;
	position: relative;
}

.clear {
	clear:both;
}

#cat {
	padding: 1em;
	font-size:1.5em;
}

#image-photo.morebottom {width:100%;height:360px;}
div.moreright .thcol {
	float:left;
}
div.morebottom .thcol, .morebottom {
float:left; 
margin:0;
padding:0;
}
#image-info div.morebottom{clear:both;}
#image-info a{
color: #4CF4A9;
}

.current-thumbnail {
	border:0;
	padding:0;
	margin:0;
	/*opacity: .1;
	filter: alpha(opacity=10);*/
}

.col a,.col_large a,.widecol a{
color: #4CF4A9;
}

#info-acou a, .currentcat, #tag_cloud .currenttag {
	color: #4CF4A9;
	font-weight:bold;
}
#tag_cloud .notag {
	color: #4CF4A9;
}

#info-acou{
	float:left;
	width: 404px;
	height: 600px;
}

#arrow{
    background-image:url("fleche.gif");
    background-repeat:no-repeat;
    background-position:left bottom; 
    margin:0;
    padding:0;
    bottom:0;
    left:0;
    width: 129px;
	height: 90px;
    position:absolute;
    z-index:-1;
}

#logo-acou{
    background-image:url("acoulogo.jpg");
    width: 360px;
	height: 177px;
	display:block;
	float:left;
}
#logo-acou span {display:none}

#logo-acou-large{
    background-image:url("acoulogo_large.jpg");
    width: 480px;
	height: 240px;
	display:block;
	float:right;
}
#logo-acou-large span {display:none}

#competences {width:600px;float:left;margin:1em 2em;font-size:1.2em;line-height:1.5em;}
#competences h1,#competences h2,#competences h3 {color: #4CF4A9;cursor:pointer;cursor:hand}
#competences h2 {margin:0.5em;}
#competences h3 {margin:0.5em 1em;font-size:1em;}
#competences ul, #competences p {margin:0 1em;}
#liens-competences {font-family:Arial;line-height:1.2em;bottom:2em;left:1.5em;margin:0;position:absolute;font-size:1.7em;}

#bottom-info {
	font-size:1.8em;
	font-family:Arial Narrow, Arial;
	line-height:1.2em;
	bottom:0;
	left:0;
	padding:0;
	color:white;
	margin:1em;
	width:360px;
	position:absolute;
}

#bottom-info a, .retourcat a, #lien-competences a {
	color: #4CF4A9;
	font-weight:bold;
}

#bottom-info p {
 margin-bottom: 1em;
}

#bottom-info-small {
	font-size:1.5em;
	font-family:Arial;
	line-height:1.2em;
	bottom:1em;
	left:0;
	padding:0;
	color:white;
	margin:1em;
	width:404px;
	position:absolute;
}
#lien-competences {
  font-size:1.8em;
	font-family:Arial Narrow, Arial;
	line-height:1.2em;
}


.retourcat { float:right;}

.hmenu {
	float:left;
	display:block;
	height:600px;
	width:75px;
	text-decoration: none;
	text-indent: -9000px;
	background: url("hm.png");
}
#hmenu1 {background-position: 0 0; }
#hmenu1:hover {background-position: 0 -600px;}
#hmenu2 {background-position: -70px 0; }
#hmenu2:hover { background-position: -70px -600px;}
#hmenu3 {background-position: -140px 0; }
#hmenu3:hover { background-position: -140px -600px;}
#hmenu4 {background-position: -210px 0; }
#hmenu4:hover { background-position: -210px -600px;}
#hmenu5 {background-position: -280px 0; }
#hmenu5:hover { background-position: -280px -600px;}
#hmenu6 {background-position: -350px 0; }
#hmenu6:hover { background-position: -350px -600px;}
#hmenu7 {background-position: -420px 0; }
#hmenu7:hover { background-position: -420px -600px;}
#hmenu8 {background-position: -480px 0; }
#hmenu8:hover { background-position: -480px -600px;}

#rndimg {height:600px;width:160px;overflow:hidden;float:left;display:block;}
#rndimg img {border:0;}



.col p {
	margin-right:1em;
}
.col_large {
	float:left;
	width:720px;
}

dl dt {
	font-weight:bold;
	margin:0;
	
}
dl dd {
	margin:0;
	margin-bottom:2em;
	margin-right:5px;
}

div.vign ul li, ul.vign li {padding-bottom:5px;line-height:1em;}


.col_large dl dt {clear:both;float: left;margin:0;margin-bottom:5px;}
.col_large dl dd {float: left;margin:0;
	padding-left:1em;
	
}

.portait {
height:70px;width:70px;margin-right:8px;float:left;clear:both;
}


@media only screen and (max-device-width: 768px){

}