*{margin: 0; padding: 0; }
body { font: .7em Arial, Verdana, Sans-Serif; line-height: 1.7em; background:#48494d url(../images/smokybg.jpg) no-repeat bottom; color: #454545; }

h1{ font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	font-size:1.8em; font-weight:normal; color:#72a12d;   background:#fff; padding:0 0 10px 0px; margin:5px 5px 5px 0px;}
h3{	color:#999;	font-family:geneva,arial,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:1px;	font-size:0.7em; font-weight:bold; padding:0 2px; margin:0;}
h4{ font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:normal; color:#72a12d;	}
h5{	margin:0px 0px 5px 0px;	font-size:18px;	color:#666;	font-weight:bold;padding: 0px 0px 5px 0px;}
p{	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;font-size:12px;color:#666;line-height:16px;padding:0 0 10px 0; }
a{text-decoration:none;color:#72a12d;}
a:hover{color:#999999;}

/*form { display: inline;}*/

#header {height:147px;padding:0; margin:0;background:#48494d url(../images/fondmenu.gif) repeat-x left;}
#logo { position: relative; width: 732px; margin: auto; padding: 0; background: url(../images/header.jpg) no-repeat left; height: 104px; }
#logo i { position:absolute;background: url(../images/mainlogo.gif) no-repeat left;width:103px;height: 42px;text-indent:-9999px;margin-top: 38px; }
#language { position: absolute; list-style: none; margin: 0; padding: 0; bottom: 0.1em; right: 0; z-index: 1; }
#language li { float: right; font-size: .9em;}
#language li a { display: block; color: #ccc; background: transparent; padding: 0.4em 0.6em; line-height: 1.3em; } 
#language li a:hover, #language li a:focus, #language li a:active { color: #fff; background: #575757; }
#language li.fr, #language li.gb { font-weight: bold; }
#language li.fr a { margin:0;background: url(../images/fr.png) no-repeat left;color: #ccc; padding-left:20px; }
#language li.gb a { margin:0;background: url(../images/gb.png) no-repeat left;color: #ccc; padding-left:20px; }
#language li.fr a:hover, #language li.fr a:focus, #language li.fr a:active { color: #fff; background: #575757 url(../images/fr.png) no-repeat left; }
#language li.gb a:hover, #language li.gb a:focus, #language li.gb a:active { color: #fff; background: #575757 url(../images/gb.png) no-repeat left; }


#container {width:732px;background-color:white;font-size: 1.2em;text-align: left;margin:0px auto;}
#stylenav { display:block; width:732px;height:37px; font-size:12px; font-weight:bold; background: transparent url(../images/bg-off.gif) repeat-x top left; font-family:Arial, Verdana, Helvitica, sans-serif;border-top:5px solid #9ab955;margin:1px auto;}
#stylenav ul { margin:0; padding:0; list-style-type:none; width:auto;}
#stylenav ul li {display:block; float:left;margin:0;}
#stylenav ul li a {display:block; float:left; color: #666; text-decoration: none; padding:8px 20px 0 20px; height:26px; background:transparent url(../images/bg-divider.gif) no-repeat top right;}
#stylenav ul li a:hover, #stylenav ul li a.current { color:#5193b0; background:#fff url(../images/bg-on.gif) no-repeat top left;border-bottom:3px solid #9ab955;}
#urhere { position: relative; display:block; height:30px; font-size:11px; background-color: #48494d; color: #CCCCCC; padding: 10px 0 0 10px;}
#content {background-color: #ffffff;text-align:left;margin:0px auto;padding:10px 0 20px 20px;width: 511px; float: left;	overflow: hidden;}
#introduction{ float:right;	width:170px;padding:10px 10px;margin:0px 0px 10px 8px;line-height:1.5em;color:#999;font-size:1em; border-left: 1px solid #ccc;}
#introduction ul {list-style: none;margin: 5px 10px;}
#introduction ul li {padding:0;}
#introduction a {border-bottom: none;color:#999;}
#introduction li span { color:#666; font-size:12px;font-weight:bold;}
#introduction h3{text-align: center;position:static;}
#introduction img { background:white;border: 3px solid #ccc; padding: 3px;margin :10px 15px;}
#introduction img:hover {border: 3px solid #454545;}

#introduction ul.awards ul li { padding-left:-10px;}
#introduction ul.awards img {border:none;margin-left:0; padding:0 0 0 -30px;}

#category { float:left; padding:0;}
#category ul { list-style-type:none; }
#category ul li {
	position:relative;
	float:left;
	width:480px;
	height:180px;
	top:0px;
	left:5px;
	padding: 0 8px;
}
/*#category ul li a { display:block;}*/
#category img { background:white;border: 4px solid #ccc; padding: 5px;margin-top: 10px;}
#category img:hover {border: 4px solid #454545;}
#photos { position: relative; padding-top: 0.2em; }
#logos { position: relative; padding-top: 0.2em; }
#logos img {background:white;border: 1px solid #ccc;}

ul.thumbs{ list-style: none; padding: 0; }
ul.thumbs p {padding:10px 0; border-bottom:1px solid #e5e5e5;margin-bottom:10px; }
ul.thumbs li{ float: left; padding: 0; margin-right: 5px; position: relative; }
ul.thumbs li a img{ background:#FFF;border: 4px solid #ccc; padding: 3px; }
ul.thumbs li a img:hover { border: 4px solid #454545;  }

h2#welcome {display:block;background:url(../images/welcome.gif) no-repeat 0 0; height:25px;text-indent:-9999px; overflow:hidden;}
h2#bienvenue {display:block;background:url(../images/bienvenue.gif) no-repeat 0 0; height:25px;text-indent:-9999px; overflow:hidden;}
h2#landscape {background:url(../images/landscapes.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#paysages {background:url(../images/paysages.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#details {background:url(../images/details.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#detail {background:url(../images/detail.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#arch {background:url(../images/arch.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#portfolio {background:url(../images/portfolio.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#project {background:url(../images/project.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#projet {background:url(../images/projet.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#portrait {background:url(../images/portrait.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#personnages {background:url(../images/personnages.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#biography {background:url(../images/biography.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#biographie {background:url(../images/biographie.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#photography {background:url(../images/photography.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#photographie {background:url(../images/photographie.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#painting {background:url(../images/painting.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#peintures {background:url(../images/peintures.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#print {background:url(../images/print.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#corporate {background:url(../images/logo.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#contact {background:url(../images/contact.gif) no-repeat 0 0;height:26px;text-indent:-9999px; margin-top:8px;}
h2#news {background:url(../images/news.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#comments {background:url(../images/comments.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#commentaires {background:url(../images/commentaires.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#recognition {background:url(../images/recognition.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}
h2#recognition-fr {background:url(../images/reconnais.gif) no-repeat 0 0;height:26px;text-indent:-9999px;}

#box {float:left;clear:both;background: #eff4e6;border:1px dotted #ccc;margin:20px 20px;padding: 10px;width: 420px;}
#box span{color:#5193b0;line-height:26px;}
#myphoto{float:left;width:167px;height:200px;margin-right:20px;padding:0px;	border:4px solid #777;background: transparent url(../images/myphoto.jpg) top left no-repeat;margin-bottom: 20px;}

#about {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;font-size:12px;color:#666;padding:0 20px 10px 0;}
#about a {color:#5E8D2E;}
#about a:hover {color:#72a12d;}
#about span {color:#5193b0;line-height:26px;}
#about ul {margin : 0; padding:0 10px;}
#about ul li {list-style-type:none;background:url(../images/bullet.gif) no-repeat 0 30%;padding: 0 0 0 20px;margin: 0 20px;}

#contenu {margin: 0; width: 510px; display: inline; position: relative; float: left; min-height: 1px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	color:#999; line-height:160%;}
#contenu-milieu{margin:0;padding:0;}
#contenu-global {padding: 0px 24px 0 25px; position: static;}
#commentaire {width: 450px;}



#footer{background-color: #48494d;border-top: 4px solid #9ab955;color: #999999;height: 75px;clear : both;padding: 10px;}
#footer a{border:0;}
#footer a:link, a:visited{color:#b8ce83;}
#footer a:hover, a:active{color:#999999;background-color: #48494d;}
#footer div.copyright, #footer div.valid {color: #bcbcbc;}
#footer p.thanks{ margin: 0 0px; padding: .25em 0;border-top: 1px solid #666;  }

.clearfix {display: inline-block;}
.clear {clear:both}    
.copyright {float:left;}
.valid {float:right}
.small {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;font-size: 10px;color: #999;font-weight:normal;	line-height:12px;display:block;border-bottom:1px solid #e5e5e5;padding:2px 0;}

.album {background:#eff4e6;border:1px dotted #ccc;padding:10px 10px 1px 10px; margin:0 0 15px 0;min-height:130px;clear:both;}
.album h2 {font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:1.8em;font-weight:normal;color:#72a12d;	}
.album img {float:left;border: 4px solid #ccc;padding: 3px; background: #fafafa;position:relative;margin-right:10px;}
.album img:hover { border: 4px solid #454545; }
.album2 {background:#eff4e6;border:1px dotted #ccc;padding:10px 10px 1px 10px; min-height:270px;margin:0 0 15px 0;clear:both;}
span.error{ display:none;background: url(../images/butt_error.png) 0 50% no-repeat;color: yellow;  margin-left:10px;padding-left:20px;}

/*------------------------jadid        */
input, select {	margin: 0; 	padding: 2px 2px 2px 2px; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color:#555;	border: #ccc solid 1px;	background: #fdfed6; background-color:#fff;}
textarea { margin: 0; padding: 2px 2px 2px 2px;	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color:#555; border: #ccc solid 1px; background: #fdfed6;	background-color:#fff;}
input:focus, textarea:focus, select:focus{ background:#f5f8aa;padding: 2px 2px 2px 2px;border: #9BBB34 solid 1px;}
label{ margin: 0; padding: 0px 0px 2px 0px;	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:125%; color:#666;}
.sendbutton{background:url(../images/butt_send.jpg) no-repeat;width:48px;height:23px;background-color:transparent;border:none;
	padding:0px 0px 1px 0px; vertical-align:middle;}
.sendbutton:focus{background:url(../images/butt_focus.jpg) no-repeat;border:none;background-color:transparent;}

.vrai{}
.vrai:focus{border: #9BBB34 solid 1px;}
.faux{border: #FFCC00 solid 1px;}
.faux:focus{border: #ccc solid 1px;}
.error1{margin:0;background:url(../images/butt_error.png) no-repeat 0 2px;padding: 3px 0px 3px 20px;font-size:12px;display:inline;	text-align:center;color:#FF9900;}
.success{background:url(../images/butt_sent.png) no-repeat 0 3px;padding: 3px 0px 3px 30px;	font-size:12px;	font-weight: bold;
		display:inline;	text-align:center;	margin:0;color:#72a12d;	}
.processing{margin:0;background:url(../images/load.gif) no-repeat 0 3px;	padding: 4px 0px 3px 20px;	font-size:12px;	display:inline;	text-align:center;	color:green;}
.invisible{display:none;}

.evitnet:after{ content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height:0px;}
.evitnet { display: block; height:100%;}