@charset "utf-8";
/* CSS Document */
body {
	margin:0px; padding:0px;
	background:#bdb7ab url(images/bg.jpg) repeat-x fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-shadow:-1px -1px 1px #c8c5b8;
	font-size:13px;
	line-height:19px;
	
}


img{border:none;
behavior: url(iepngfix.php);

}

#main {
	width:950px;
	margin:0 auto;
	margin-top:0px;	
}

a{
color:#494843;
text-decoration: underline;}

a:hover{
color:#666666;
text-decoration:underline;
}



.vide{
margin-top:0px;
height:1px;
}

#haut{
margin-top:0;
position: static;
}


#logo{
	width:123px;
	height:160px;
	float:left;
	margin-left:10px;
	margin-top:6px;
	position:absolute;
	z-index:2;
	}
	
#logo img{
border:none;
behavior: url(iepngfix.php);

}
	
#slogan{
	width:393px;
	height:88px;
	
	margin-left: 557px;
	outline:0;
	position:absolute;
	z-index:2;	
	background-image:url(images/slogan.png) ;
}

#slideshow{

margin-top:70px;
position:absolute;
z-index:1;
overflow:hidden;

}


.clear{
	clear:both;
}


#boxes{
/*margin-top:30px;*/
padding-top:10px;
}

.box1{
width:465px;
height:200px;
border:1px solid #adaea6;
margin-right:10px;
margin-bottom:10px;
float:left;
background:#e9e9e9 url(images/fond.jpg) repeat-y;
}

.box2{
width:465px;
height:200px;
border:1px solid #adaea6;
margin-bottom:10px;
float:right;
background:#e9e9e9 url(images/fond.jpg) repeat-y;
}

.box3{
width:680px;
height:200px;
border:1px solid #adaea6;
margin-right:10px;
margin-bottom:10px;
float:left;
/*background:#e9e9e9 url(images/fond_main.jpg) repeat-y;*/
background: url(images/fond.jpg) repeat;
color: #666666  
}

.prems{

margin:10px 10px 7px 10px;
width:660px;
height:90px;
}

.first{
width:545px;
float:right;
font-size:1em;
line-height:20px;
text-align:justify;

}

.deux{

margin:0 10px 0 10px;
width:660px;
height:90px;
}

.second{
width:540px;
float:left;
line-height:15px;
text-align:justify;
margin-bottom:40px;

}
.sdb{
float:left;
margin-right:5px;
border:3px solid #aaa496;
}

.sdb2{
float:right;
margin-right:5px;
border:3px solid #aaa496;
}

#box4{
width:250px;
height:200px;
border:1px solid  #adaea6;
margin-bottom:10px;
float:right;

}



.mots_cles{
display:none;
}

#menus{
margin-top:270px;
height:50px;
background: url(images/fond.jpg) repeat-x;
}

ul#menu {
	margin:0px; padding:0px;
	
	right:0px;
	padding-top:15px;
}
ul#menu li {
	display:inline;
	margin-left:45px;
}
ul#menu li a {
	text-decoration:none;
	color:#716d6a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#494843;
	
}



/*BOXES*/

.boxgrid{ 
				width: 465px; 
				height: 200px; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					
					 
					border: 0; 
					
				}
				.boxgrid p{
					color: #666666;
					font-size:1em; 
					text-align:justify; 
					font-family:Verdana, Arial, Helvetica, sans-serif; 
				}
				
				.bobox{
					margin-top:41px; 
					padding:10px; 
					border-top:3px  groove #bdb7ab;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
			
			
				
 			}
 			

.box11{
position:relative;
width:465px;
height:200px;
border:1px solid #adaea6;
margin-right:10px;
margin-bottom:10px;
float:left;
background:#e9e9e9 url(images/fond.jpg) repeat-y;
}

.box22{
position:relative;
width:465px;
height:200px;
border:1px solid #adaea6;
margin-bottom:10px;
float:right;
background:#e9e9e9 url(images/fond.jpg) repeat-y;
}
			
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
.box33{
width:680px;
height:200px;
border:1px solid #adaea6;
margin-right:10px;
margin-bottom:10px;
float:left;
/*background:#e9e9e9 url(images/fond_main.jpg) repeat-y;*/
background: url(images/fond.jpg) repeat;
color: #666666;
 
}

.logocontact{
float:left;
margin:25px 0 0 15px;
}

.logocont{
float:left;
width:20%;
height:100%;
}

.coordcontact{
float:right;
width:77%;
margin-right:15px;
}

.coordcontact h1{
text-align:center;
font-size:2em;
text-transform:uppercase;
margin-bottom:5px;
margin-top:10px;
}

.coordcontact h3{
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:10px 0 10px 0px;
text-align:left;
margin-left:0px;
text-transform:uppercase;
font-size:1.1em;
text-align:center;
}

.coordcontact p{
text-align:center;
text-transform:uppercase;
font-size:1.2em;
line-height:25px;
}


#footer{
height:150px;
background: url(images/fond.jpg) repeat-x;
padding:10px 10px 10px 10px;
}

#footer hr{
height:1px;
margin: -0.5em 0;
padding: 0;
}

.footer_column {
	float:right;
	width:350px;
	
}
.footer_column1{
	float:left;
	width:103px;
	margin:40px 0 0 0;
}

#footer .long {
	float:left;
	width:350px;
	margin-right:70px;
}

#footer .long p {
	
	text-transform:uppercase;
	text-align:left;
	margin-top:15px;
	line-height:20px;
}

#footer h3 {
	text-transform:uppercase;
	font-size:1.1em;
	margin:0 0 20px 0;
	border-bottom:1px solid #adaea6;
	border-top:1px solid #adaea6;
	padding:5px 0 5px 0;
	text-align:center;
}

.first1{
width:230px;
float:right;
font-size:1.2em;
text-transform:uppercase;
}

.first2{
width:230px;
float:left;
font-size:1.2em;
text-transform:uppercase;
text-align:right;
}

.mail{
font-size:0.7em;
text-transform: uppercase;
}

.sdb1{
float:right;
margin-left:10px;
border:3px solid #aaa496;
}

hr.sep{margin-top:0px;
margin-bottom:0px;}

.copy{
height:30px;
background:url(images/footer2.jpg) repeat-x;
margin-bottom:20px;
}

.copyleft{
float:left;
width:40%;
color:#bdb7ab;
margin-left:10px;
line-height:30px;
text-shadow:-1px -1px 1px #5b5853;
text-transform:uppercase;
font-size:0.85em;
}

.copyright{
float:right;
width:auto;
color:#bdb7ab;
margin-right:10px;
line-height:30px;
text-shadow:-1px -1px 1px #5b5853;
text-transform:uppercase;
font-size:0.85em;
}

.copyright a{
color:#bdb7ab;
text-shadow:-1px -1px 1px #5b5853;
text-transform:uppercase;
text-decoration:none;
}

.copyright a:hover{
color:#CCCCCC;
text-shadow:-1px -1px 1px #5b5853;
text-transform:uppercase;
text-decoration:none;
}



/*Page reference*/
.box10{
width:665px;
min-height:600px;
border:1px solid #adaea6;
margin-right:5px;
margin-bottom:10px;
float:left;
background: url(images/fond.jpg) repeat;
padding:10px 10px 20px 10px;
}

.box10 h1{
margin-top:10px;
margin-bottom:30px;
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:10px 0 10px 10px;
font-size:1.6em;
text-align:left;
text-transform:uppercase;
}

.box10 p{
text-transform:uppercase;
font-size:0.8em;
text-align:justify;
padding:0 10px 0 10px;
margin-bottom:20px;
}

.mais{ 
margin-top:20px;
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:10px 0 10px 10px;
text-align:left;
text-transform:uppercase;
font-size:1.5;
font-weight:bold;
}

.refgauche h3{
float:left;
text-align:left;
margin:20px 0 0 10px;
text-transform:uppercase;
font-size:1em;
}

.refgauche{
float:left;
width:47%;
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:5px 0 5px 0;
margin-bottom:10px;
}

.refgauche img{
float:left;
width:100px;
height:50px;
border:3px solid #CCCCCC;
margin-left:10px;
}

.refdroite h3{
float:left;
text-align:left;
margin:20px 0 0 10px;
text-transform:uppercase;
font-size:1em;
}



.refdroite{
float:right;
width:49%;
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:5px 0 5px 0;
margin-bottom:10px;
}

.refdroite img{
float:left;
width:100px;
height:50px;
border:3px solid #CCCCCC;
margin-left:10px;
}

.ups{
float:left;
text-align:left;
margin:9px  0 0 10px ;
text-transform:uppercase;
font-size:1em;
}

.itv{
float:left;
text-align:left;
margin:9px  0 0 10px;
text-transform:uppercase;
font-size:1em;
}

#video{
width:250px;
height:200px;
border:1px solid  #adaea6;
margin-bottom:10px;
float:right;
}

#video1{
width:250px;
height:200px;
border:1px solid  #adaea6;
margin-bottom:10px;
float:right;
}


/* compte*/

.box12{
width:665px;
min-height:382px;
border:1px solid #adaea6;
margin-right:5px;
margin-bottom:10px;
float:left;
background: url(images/fond.jpg) repeat;
padding:10px 10px 20px 10px;
}

.box12 h1{
margin-top:10px;
margin-bottom:50px;
border-bottom:1px solid #adaea6;
border-top:1px solid #adaea6;
padding:10px 0 10px 10px;
font-size:1.3em;
text-align:left;
text-transform:uppercase;
}

.box12 p{
text-align:center;
}
.oubli{
width:100%;
display:block;
text-align:center;
margin-top:10px;
}

.formcompte{
width:280px;
height:190px;
margin:0 auto;
border:1px solid #adaea6;
padding:10px;
}



.formcompte label{
width:110px;
margin-right:10px;
float:left;
line-height:25px;
}

.formcompte input[type=text] {
border: 1px groove #CCCCCC;
background:#4c4b46;
color:#bbb5a9;
width:140px;
}

.formcompte input[type=password] {
border: 1px groove #CCCCCC;
background:#4c4b46;
color:#bbb5a9;
width:140px;
}

input[type=submit] {
background:#54514c;
color:#CCCCCC; 
width:40%;
height:25px;
cursor:pointer;
margin-left:80px;
margin-top:5px;
}

input[type=submit]:hover {
background:#bbb5a9;
color:#54514c;

}