/*
Alexandre Coesnon Photography by Florent Porta
July 2009
www.florent-porta.fr
*/

body {font-family:Helvetica, Arial, sans-serif; font-size: 14px; background: #ffffff; color:#808080;}

#conteneur {width:920px; margin:0 auto 0 auto;}

#logo {height: 270px; width:501px; background: url(img/Alexandre-Coesnon.png); position:absolute;}
#logo ul {margin:0; padding: 0;}
#logo li  {list-style: none; }
#logo li a {height:270px; width:501px; display: block;}

#image-home {height:486px; width:514px; float:right;}
#menu {position:absolute; top:285px; font-size: 32px; }
#contenu {float:left; margin-top:315px;}
#footer {text-align: center; margin-top: 15px;}
#footer2 {text-align: center; margin-top: 10px; font-size: 14px;} 

h1 {font-size:32px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
h2 {font-size:24px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
.orange {color:#ff6a18;}
.cross {text-decoration: line-through;}

/*Les Liens*/
a img { border:0;}
a:focus { outline: none; }
a {text-decoration:none; color: #808080; }
a:hover {color:#ff6a18;}

.barre {text-decoration: line-through;}


.colonne {float:left; width: 250px; margin-right: 25px; text-align: justify;}
.colonne-large {float:left; width: 550px; margin-right: 25px; text-align: justify;}

#book {margin-top: 15px;}
#book ul {margin:0; padding: 0;}
#book li  {list-style: none; float:left; width: 200px; height:200px; margin:0px 25px 10px 0;}


.infos-hover {position: absolute; width:200px; height: 200px; background: url(img/infos-hover.png) bottom no-repeat; font-size: 32px;}
.infos-hover ul {margin:0; padding: 0;}
.infos-hover li  {list-style: none; margin:0; padding: 0; }
.infos-hover li a { width:185px; height: 70px; padding: 130px 0 0 15px; display: block; color:#ff6a18;}


.clearer {clear:both;}
.spacer {clear:both; height:35px;}

.carousel {float:left;  width: 550px; height: 270px;  margin: 15px 25px 0 0; z-index: 0; }
.carousel-nav ul {margin:0; padding: 0;}
.carousel-nav li  {list-style: none; }
.prev {position:absolute; z-index: 100; margin: 15px 0 0 0;}
.prev li a {width:275px; height:270px; display: block;}
.prev li a:hover {background: url(img/prev.png) no-repeat;}
.next {position:absolute; z-index: 100; margin: 15px 0 0 275px;}
.next li a {width:275px; height:270px; display: block;}
.next li a:hover {background: url(img/next.png) no-repeat;}



/*La Gallerie*/
.large-end {width:400px; text-align:right;}
#logo-90 {width: 270px; height:501px; background: url(img/Alexandre-Coesnon-90.png);}
#logo-90 ul {margin:0; padding: 0;}
#logo-90 li  {list-style: none; }
#logo-90 li a {width:270px; height:501px; display: block;}
#logo-IB {width: 550px; height:550px; background: url(img/logo-instantboudoir.jpg);}
#logo-IB ul {margin:0; padding: 0;}
#logo-IB li  {list-style: none; }
#logo-IB li a {width:550px; height:550px; display: block;}
#logo-GES2011 {width: 428px; height:550px; background: url(img/GES2011.jpg);}
#logo-GES2011 ul {margin:0; padding: 0;}
#logo-GES2011 li  {list-style: none; }
#logo-GES2011 li a {width:428px; height:550px; display: block;}
#gallery-footer {text-align: center; width:950px; margin:auto; font-size: 11px; color: #808080; margin-top: 25px;}
#gallery-infos {font-size: 17px; margin: 20px 0 0 5px;}
.large {height: 520px;}
#end-gallery {width: 270px; height:501px; }



/*Le Formulaire de Contact*/
input {width: 160px; height: 15px; padding: 5px; background:#fff; border: #808080 1px solid;	color:#808080; display: inline; }
.send-bt {width: 80px; height: 25px; background:#fff; border: #808080 1px solid;	color:#808080; float: right;}	
.send-bt:hover {background:#808080; color:#ffffff; }	
textarea {width: 538px; height: 100px; background:#fff; border: #808080 1px solid;	color:#808080; padding: 5px; margin-top: 5px;}
.contact-infos {display: block; width: 50px; float:left; margin-top: 7px;}