@charset "utf-8";

body{	background:#000000 url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/bg.jpg) no-repeat 50% 0%;
color:#FFFFFF; margin:0 auto; text-align:center;}
h1{ font-family: Tahoma;
color:#ffffff;
line-height:-10px;
font-size:20px;}

#cadrebody{width:800px;}

#tags{position:absolute;z-index:-1; width:750px; top:-1000px;}
#tags1{position:absolute;z-index:-1; width:750px; top:-1000px;}
#tags2{position:absolute;z-index:-1; width:750px; top:-1000px;}
#tags3{position:absolute;z-index:-1; width:750px; top:-1000px;}
#tags4{position:absolute;z-index:-1; width:750px; top:-1000px;}

#tagshtml{position:absolute;z-index:-1; width:0px; top:-1000px;}
.partner{text-align:center; width:800px; position:relative; top:200px; }

a:link, a:visited, a:hover, a:active {color:#fff; text-decoration:none}

/*go back to main et email click here*/
a.linksbleu:link ,a.linksbleu:visited {color: #FFF; font-size:16px;font-family:TwCenMT; text-decoration:none; border:none; border-bottom-width:50px}
a.linksbleu:hover, a.linksbleu:active {color: #ed106a; font-size:16px;font-family:TwCenMT; text-decoration:none; border:none}

a.galerie-retour:link, a.galerie-retour:visited {color: #b5b5b5; font-size:16px;font-family:TwCenMT; text-decoration:none; border:none; border-bottom-width:50px}
a.galerie-retour:hover, a.galerie-retour:active {color: #ed106a; font-size:16px;font-family:TwCenMT; text-decoration:none; border:none}r

a.linksbleusection:link, a.linksbleusection:visited {color: #FFF;font-size:19px;font-family:TwCenMT;}
a.linksbleusection:hover, a.linksbleusection:active {color: #FFF;font-size:19px;font-family:TwCenMT;}

.newscadre{z-index:2; position:absolute; top:169px}

/*new website logo*/
.news_tag{z-index:2;position:absolute;right: 0px;}	

.retourpageaccueil{
display:block;
height:103px
}

.linkgaleries{
display:block;
height:100px;
width:100px;
}

@font-face {
 font-family: 'TrajanPro';
    src: url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.eot');
    src: url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.eot?#iefix') format('embedded-opentype'),
         url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.woff') format('woff'),
         url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.ttf') format('truetype'),
         url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.svgz#TrajanProRegular') format('svg'),
         url('http://www.eyesoneshot.fr/fonts/trajanpro-regular-TrajanPro.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: TwCenMT;
 src: url("http://www.eyesoneshot.fr/fonts/TwCenMT.eot") /* EOT file for IE */
}
@font-face {
 font-family: TwCenMT;
 src: url("http://www.eyesoneshot.fr/fonts/TwCenMT.ttf") /* TTF file for CSS3 browsers */
}
/*Actualités*/ 
.title{color: #fff; font-family: TrajanPro; font-size:30px; letter-spacing:1px; line-height:30px;}
.info-titre{color: #fff; text-align:center; font-family: TwCenMT; font-size:26px; letter-spacing:1px; line-height:20px; display:block;}
.article{color: #fff; text-align:center; font-family: TwCenMT; font-size:16px; letter-spacing:1px; line-height:20px; display:block;}
.entrelesarticles{ background-image:url(http://www.eyesoneshot.fr/Photographe-Montpellier/News/Images/separation_news.png);height:46px; width:535px;}

/*div button galerie*/ 
.button_galerie{ display:block; margin-top:50px; width:549; text-align:center; }



/*new*/ 
/*new*/ 
/*new*/ 
/*new*/ 
/*new*/ 
/*new*/ 
.button_blocks{
	width:216px; top:50px;
	height:216px;
	display:block;
	position:relative;
	z-index:100;}
.button{
	width:216px;
	height:216px;
	background:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/button.png) no-repeat;
	text-indent:-9999px;
	display:block;
	position:relative;
	z-index:100;}
.button:hover {background-position:0px -216px;}
.seance_photo_blocks, .seance_photo_link, .facebook_blocks, .facebook_link {
	width:350px;
	height:180px;
	text-indent:-9999px;
	background:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/bouton.png) no-repeat;
	display:block;
	position:relative;
	z-index:100;}
	
.seance_photo_blocks, .seance_photo_link  {background-position:0px -37px; float:left}
.seance_photo_link:hover {background-position:0px -217px;}
.facebook_blocks, .facebook_link  {background-position:-350px -37px; float:right}
.facebook_link:hover {background-position:-350px -217px;}

/*** Download ***/

.button1, .button2, .button3, .button4, .button5, .button6, .button7, .button8, .button9, .button0 {background:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/button_download.png); width:50px; height:50px;}
.button1{background-position:0px 0px;}
.button2{background-position:-50px 0px;}
.button3{background-position:-100px 0px;}
.button4{background-position:0px -50px;}
.button5{background-position:-50px -50px;}
.button6{background-position:-100px -50px;}
.button7{background-position:0px -100px;}
.button8{background-position:-50px -100px;}
.button9{background-position:-100px -100px;}
.button0{background-position:-50px -150px;}

.button1:hover{background-position:-150px 0px;}
.button2:hover{background-position:-200px 0px;}
.button3:hover{background-position:-250px 0px;}
.button4:hover{background-position:-150px -50px;}
.button5:hover{background-position:-200px -50px;}
.button6:hover{background-position:-250px -50px;}
.button7:hover{background-position:-150px -100px;}
.button8:hover{background-position:-200px -100px;}
.button9:hover{background-position:-250px -100px;}
.button0:hover{background-position:-200px -150px;}

.button1:active{background-position:-300px 0px;}
.button2:active{background-position:-350px 0px;}
.button3:active{background-position:-400px 0px;}
.button4:active{background-position:-300px -50px;}
.button5:active{background-position:-3500px -50px;}
.button6:active{background-position:-400px -50px;}
.button7:active{background-position:-300px -100px;}
.button8:active{background-position:-3500px -100px;}
.button9:active{background-position:-400px -100px;}
.button0:active{background-position:-350px -150px;}



#main {background:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/bouton.png);
background-repeat:no-repeat; 
position: relative;
margin-left: auto;
margin-right: auto;
width:940px;
height:36px;}

#linksmain {
    position: relative;
    margin-left: auto;
    margin-right: auto;
	width:960px;
	border-top:1px dotted #444;
	padding-top:5px;
	height:30px;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
}
#linksmain .pipe_spacer {
	color:#666; text-align:center; width:4px;
}
#linksmain_copyright {
	position: relative;
    margin-left: auto;
    margin-right: auto;
    width:200px; text-align:center;
	color:#525252;
	font-size:11px;	font-family:Helvetica, Arial, sans-serif;
	cursor:default;
}
#linksmain ul {
	    position: relative;
    margin-left: auto;
    margin-right: auto;list-style-type:none;
}
#linksmain ul li {
	float: left;
}
#linksmain ul li a {
	color:#888888;
}
#linksmain ul li a:hover {
	color:#eee;
}
#ground {background:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/ground.png) no-repeat bottom; width:1000px; height:233px;
position: relative;
margin-left: auto;
margin-right: auto;
}
#twoblocks {width:750px; position:relative; top:30px}
#titre{background-image:url(http://www.eyesoneshot.fr/Photographe-Montpellier/img/photographe-montpellier.png);
background-repeat:no-repeat;
background-position:left;
height:142px;
width:960px;
position: relative;
margin-left: auto;
margin-right: auto;
}

/*--- Contact ----*/
TD.contact{color: #FFF; text-align:center; font-family: TwCenMT; font-size:16px; letter-spacing:1px; line-height:20px;}

/*--- Castings ----*/

.title-castings, .title-contact{color: #FFF; width:650px; position:relative; font-family: TrajanPro; font-size:25px; height:50px; text-align:center; letter-spacing:1px;}

TD{ Font-Family : TwCenMT; Font-Size : 17px;}
TD.bg_color {	BACKGROUND-COLOR : #414141;}
.arrow {	Color: #ff0000; }
INPUT.formats { font-family:TwCenMT; background-color : #d1d1d1; border: dotted 1px #414141;
}

input.i_text, input.i_out {background-color:transparent;font-family:TwCenMT; font-size:17px;
 padding-left: 2px; color: #ed106a;
 border: 1px solid #FFF;
 border-left: 3px solid #FFF; width:150px;}
input.i_focus, input.i_over {background-color :transparent;font-family:TwCenMT; font-size:17px;
 padding-left: 2px; 
 border: 1px solid #ed106a;
 border-left: 3px solid #ed106a;width:150px;
 color: #FFF; width:150px;}

input.i_captcha, input.i_captcha_out {background-color:transparent;font-family:TwCenMT; font-size:17px;
 padding-left: 2px; color: #ed106a;
 border: 1px solid #FFF;
 border-left: 3px solid #FFF; width:60px;}
input.i_captcha_focus, input.i_captcha_over {background-color:transparent; font-family:TwCenMT; font-size:17px;
 padding-left: 2px; 
 border: 1px solid #ed106a;
 border-left: 3px solid #ed106a;
 color: #FFF; width:60px;}
 
INPUT.submit {background-color: #ed106a; border:0; color: #FFF; font-family:TwCenMT; font-size:20px; width: 200px;}

a.info{
position:relative; color:#414141; /*this is the key*/
z-index:24; 
text-decoration:none}
a.info:hover{z-index:25; background-color:transparent}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:inline; cursor: default;
position:absolute;font-size:14px; font-family:TwCenMT;
top:21px; left:0px; width:156px;
background-color:#ed106a; color:#FFF;
text-align: center}
.error { border: 1px dotted red; background-color:#FFF;}
.obli {color: #FFF; font-size:10px; font-family:verdana;}
.mef { font-size: 10px; color: #414141; font-style: normal;}
select {
    width:150px;
	color: #414141;
	font-family: TwCenMT;
	font-size:17px;
	background-color:#d1d1d1;
}
textarea.i_comment, textarea.i_comment_out {font-size: 19px; background-color: transparent; Font-Family : TrajanPro;
 padding-left: 2px; color: #ed106a;
 border: 1px solid #fff;
 border-left: 3px solid #fff; width:290px; height:130px;
}
textarea.i_comment_focus, textarea.i_comment_over{font-size: 19px; background-color: transparent; font-style: normal;Font-Family : TrajanPro;
 padding-left: 2px; 
 border: 1px solid #ed106a;border-left: 3px solid #ed106a;
 color: #fff; width:290px; height:130px;}

.tableau{ font-family:TwCenMT; font-size:19px; color: #FFF;}
