html{ font-family: Calibri;  font-size:0.8em; line-height:1.455em; color:#fff;}
img {vertical-align:top;}
a img { border:none;}
ul  li{ list-style:none;}

* 
{	
	margin:0px; 
	padding:0px; 
	font-size:100%;
}

input, textarea { text-align:center; color:#000;}
textarea {font-size:1.3em;}
input:focus,textarea:focus{background-color:#730800; color:#fff;}

body
{ 
	background:#000000; 
	text-align:left;
}
a {text-decoration:underline; color:#fff; font-weight:bold;}
a:hover{color:#730800; text-decoration:none;}


/* Commun */
.left {padding-left:5px;}
.right {padding-left:105px;}
.active {background-color:#730800;}
.info {font-style:italic; color:grey; font-size:0.8em;}
.hidden { display:none;}
.show { display:block ;}
.col  {float:left;}


/* Main contenairs */

#main { width: 1400px; overflow:hidden; position:absolute; }
#main #maincontenair { position:relative; text-align:center;width:1000px; float:left;min-height:800px;  margin:20px; background:url(../images/fond.png) left center no-repeat; background-color:black; padding:auto;}

/* Titre & Menu */

#main #titre {float:left; border-right:solid 4px #730800; padding-top:300px; margin-top:20px; position:relative; width:105px; font-style:italic; font-size:0.8em;}
#main #menu {float:left;  width:220px; margin-top:5px;  background:url(../images/autoportrait.jpg) center bottom  no-repeat; height:700px; position:relative;}
#main #menu li {font-size:1.35em; color:white;  width:100px; height:4em; text-align:center; vertical-align:middle; line-height: 4em; margin:15px 0 15px 0; }
#main #menu li:hover{background-color:#730800; }
#main #menu li a:active,#main #menu li a:focus{color:black; font-weight:bold;}
#main #menu a {text-decoration:none; color:white;}

/* Accueil & News */

#main #maincontenair #slideshowcontenair{text-align:left; margin:auto; background:url(../images/content.png); border:solid 3px #730800; width:900px;height:300px; padding:5px 10px 5px 10px; overflow:hidden; }
#main #maincontenair #slideshow, #slideshow li {float:left; width:960px; height:300px; overflow:hidden;}
#main #maincontenair .contentnews { margin-left:40px;width :900px; min-height:370px; } 
#main #maincontenair .contentnews  h3 {font-size:1.6em; line-height:1.55em;  background:url(../images/line.jpg) bottom left no-repeat;}
#main #maincontenair .contentnews .cola{text-align:left; padding:15px; background:url(../images/coinlt.png) no-repeat left top,url(../images/coinrb.png) no-repeat right bottom, url(../images/content.png) ; width :410px; min-height:300px; margin:20px 20px 0 0; float:left} 
#main #maincontenair .contentnews .colb{text-align:left; padding:15px; background:url(../images/coinlt.png) no-repeat left top,url(../images/coinrb.png) no-repeat right bottom, url(../images/content.png) ; width :410px; min-height:300px; margin:20px 0 0 0; float:left} 

/* Portfolio */

#main #maincontenair .contentportfolio {margin-left:40px;   overflow:hidden;text-align:center; }
#main #maincontenair .portfoliofolder  {float:left; margin-right:10px; margin-bottom:50px; position:relative; }
#main #maincontenair .portfoliofolder .titrecateg {text-transform:uppercase;  background-color:black; width:17px; text-align:center; height:700px;}
#main #maincontenair .portfoliofolder  a {color:#fff; text-decoration:none; font-weight:bold; font-size:1.5em;}
#main #maincontenair .portfoliofolder  a:hover {color:#730800; text-decoration:none; font-weight:bold; font-size:1.5em;}
#main #maincontenair .portfoliofolder  div {float:left; }
#main #maincontenair .portfoliofoldersnum   {float:left; margin-top:340px; margin-right:10px;}
#main #maincontenair .portfoliofoldersnum:hover  {border:solid 1px white;}
#main #maincontenair .active {border:solid 3px #730800; color:#730800}
#main #maincontenair .contenairseries{border:solid 3px #730800; margin:auto; margin-top:80px;width:405px;overflow:hidden; padding:20px 10px; text-align:center;}
#main #maincontenair .contenairseries h1{font-weight:bold; font-size:2em;  margin-bottom:20px; color:#000;}
#main #maincontenair .portfolioseries{border:solid 1px white;float:left; width:110px; height:120px; background:#09090b;  overflow:hidden; padding:5px; font-style:italic; text-align:center; margin:5px;}
#main #maincontenair .portfolioseries:hover{background:#000;}
#main #maincontenair .portfolioseries a{text-decoration:none; font-style:none; font-weight:normal;}
#main #maincontenair .portfolioseries a:hover{color:#fff;}
#main #maincontenair .portfolioseries img{margin-top:3px; border:solid 1px white; }
#main #maincontenair .contentportfolio .titre {text-transform:uppercase; font-weight:bold; font-size:2em; letter-spacing:-1px; border-bottom:solid 3px #730800; margin-bottom:5px;}
#main #maincontenair .contentportfolio .descserie{font-style:italic; text-align:right;}
#main #maincontenair .contentportfolio .linkcomeback{float:left; font-size:1em;  font-style:italic;}
#main #maincontenair .contentportfolio .linkcomeback a{text-decoration:none; color:#9e9e9e;}
#main #maincontenair #portfolio {margin:auto; margin-top:20px; padding:10px;max-width:440px;  background:url(../images/content.png); border:solid 3px #730800; overflow:hidden;}
#main #maincontenair #portfolio .portfolioelement  {background:#09090b; line-height:100px; float:left;text-align:center; margin:5px; height:100px; width:100px;}
#main #maincontenair #portfolio .portfolioelement:hover  {background:#730800; }
#main #maincontenair #portfolio .portfolioelement  img{vertical-align:middle; border:solid 3px black;}

/* Livre d'or */

#main #maincontenair .contentguestbook img {margin-bottom:15px;}
#main #maincontenair .contentguestbook a {text-decoration:none; font-style:italic; font-size:1em; color:#fff; font-weight:normal; background:#730800; padding:2px; border:solid 1px #000}
#main #maincontenair .contentguestbook a:hover {font-weight:bold;}
#main #maincontenair .contentguestbook {text-align:center;}
#main #maincontenair #newlomsg {border:solid 4px #000; width:600px; margin-left:200px; background:url(../images/content.png); text-align:left; overflow:hidden;}
#main #maincontenair #newlomsg div {margin:0 10px 0 10px;width:240px; text-align:left;}
#main #maincontenair #newlomsg input {float:right; margin-bottom:5px;}
#main #maincontenair #newlomsg textarea {width:300px; resize:none;}
#main #maincontenair #newlomsg div.send {float:left;width:600px; padding:5px; text-align:center;}
#main #maincontenair .guestbook {background:url(../images/content.png); width:700px; margin:auto; margin-top:30px; padding:20px; border:solid 1px #730800; overflow:hidden;}
#main #maincontenair .guestbook  .entreelivredor{background:url(../images/content.png); margin:10px; padding:20px; }
#main #maincontenair .guestbook  .enteteentree {font-weight:normal; font-style:italic; color:#fff; text-decoration:underline;}
#livredorslider, #livredorslider li{float:left; margin:0px; width:700px; overflow:hidden;}
#controls{padding:5px 0 0 5px; list-style:none; position:relative; float:left;}
#controls li{ float:left; border:solid 1px #730800; padding-top:3px; width:20px; height:20px; margin:2px 2px 2px 2px; vertical-align:middle; text-align:center; background:url(../images/content.png);}
#controls .current{ font-weight:bold;  color:#59504c; text-decoration:none; border:solid 1px #730800; padding-top:3px; width:30px; height:20px; margin:2px 2px 2px 2px; vertical-align:middle; text-align:center; background:#730800;}
#controls .current a {text-decoration:none; color:#000; }

/* Contact */

#main #maincontenair .contentcontact {text-align:left; padding-top:80px;padding-left:30px; }
#main #maincontenair .contentcontact h1 {text-transform:uppercase; font-weight:bold; color:#fff; line-height:2em; font-size:1.5em; background:url(../images/line.jpg) bottom left no-repeat; }
#main #maincontenair .contentcontact .info {font-size:1.2em;}
#main #maincontenair .textcontact { border:solid 1px #730800; float:left; width:430px; margin-right:30px; background:url(../images/content.png); padding:10px;}
#main #maincontenair .textcontact .soustitre {text-decoration:underline; font-weight:bold; color:#fff; font-size:1.2em;}
#main #maincontenair .formcontact { border:solid 1px #730800; float:left; width:430px; background:url(../images/content.png); padding:10px; text-align:left; line-height:1.3em;}
#main #maincontenair .formcontact div {width:340px; text-align:left;}
#main #maincontenair .formcontact input {float:right; margin-bottom:5px;}
#main #maincontenair .formcontact textarea {width:430px; resize:none;}
#main #maincontenair .formcontact a {margin:5px 0 0 150px; background:#730800; text-decoration:none; padding:3px;}
#main #maincontenair .formcontact a:hover{color:#000; border:solid 1px white;}