@charset "UTF-8";
/* CSS Document */


/*####################################################*/
/*																													 */
/*										AUTOR ROMAIN FOURNIOUX									 	 */
/*																													 */
/*####################################################*/

/*#################################################################################################*/


body{
background-color:#0065b2;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}

img{
border:none;
}

ul.gallery {
			list-style: none;
			margin:0 0 30px 0;
		
			display: block;
			list-style-type: none;
list-style-image: none;
border:0px;
			
		}

			ul.gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
			}

				ul.gallery li a {
					padding: 2px;
					display: block;
					/*border: 2px #9db2b9 solid;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;*/
					line-height: 0;
				}

				ul.gallery li a:hover { /*border: 2px #313739 solid; */}


#contener{
position:relative;
width:1276px;
height:1134px;
margin-left:auto;
margin-right:auto;
border:0;
}

#menu{
position:absolute;
width:439px;
height:36px;
left:183px;
z-index:9998;
}

.linkmenu{
position:absolute;
width:95px;
height:36px;
left:-35px;
}

.linkmenu3{
position:absolute;
width:95px;
height:36px;
left:85px;
}

#header{
position:relative;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
width:1272px;
height:169px;
}

#main{
position:relative;
width:1276px;
height:795px;
}

#left{
position:absolute;
background-image:url(img/left.jpg);
background-repeat:no-repeat;
width:120px;
left:3px;
height:792px;
}

#contant{
position:absolute;
background-image:url(img/contant.jpg);
background-repeat:no-repeat;
left:120px;
width:1034px;
height:792px;
}

#right{
position:absolute;
background-image:url(img/right.jpg);
background-repeat:no-repeat;
left:1154px;
width:117px;
height:792px;
}

#footer{
position:relative;
background-image:url(img/footer.jpg);
background-repeat:no-repeat;
top:-3px;
width:1272px;
height:169px;
}

.contenerForm{
position:absolute;
left:625px;
top:420px;
width:300px;
height:250px;
}

#form-newsletter{
color:#666666;
float:left ;
text-align:right;
display:inline-block;
}

#form-newsletter input{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
height:26px;
}

#submit input{
position:absolute;
top:200px;
left:0px;
width:99px;
height:49px;
border:none;
}
/*
#viewclass{
position:absolute;
display:block;
top:700px;
left:57px;
width:217px;
height:58px;
background-image: url('images/viewclass.png');
background-repeat:no-repeat;
}

#viewclass:hover, #viewclass:focus{
background-image:url('images/viewclass2.png');
}

#viewclass img{
display:none;
}
*/

.viewclass a {
position:absolute;
display:block;
top:700px;
left:47px;
width: 217px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;
color:#333;
background: url("images/test.png");
background-repeat:no-repeat;
background-position:0 0;
text-decoration: none;

}
.viewclass a:hover { 
background-position: 0 -35px;
color: #049;
}
.viewclass a:active {
background-position: 0 -70px;
color:#fff;
}


#sociallink{
position:absolute;
top:680px;
left:730px;
width: 250px;
height:85px;
}

.sociallink1{
position:absolute;
top:10px;
left:-5px;
width: 70px;
height:70px;
}

.sociallink2{
position:absolute;
top:10px;
left:70px;
width: 60px;
height:70px;
}

.sociallink3{
position:absolute;
top:10px;
left:135px;
width: 105px;
height:70px;
}






/*####################################################*/


.donnees {
border: 1px solid #b2b2b2;
background: #e6e6e6;
}

.footer {
font-size: 11px;
}



/*######################################################################*/


/*pop up*/


#backgroundPopup, #backgroundPopup2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}


#popupContact, #popupContact2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:600px;
width:800px;
background:none;
z-index:2;
padding:12px;
font-size:13px;
}

#contactArea img, #contactArea2 img{
float:left;
}

#popupContactClose, #popupContactClose2{
width:42px;
height:20px;
left:0px;
top:110px;
position:absolute;
display:block;
z-index:3;
}