/* Imports */
@import url("reset.css");
@import url("coda-slider-2.02.css");

/*	--------------------------------------------------
structure et divers
-------------------------------------------------- */
body { background:/*url(../images/bg.jpg) repeat scroll 0 0*/ #777; color:#000; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size-adjust:none; font-size: 0.8em; }

h2 {display: none;}

#header{background:url(../images/1.png) no-repeat center top ;
position:relative;
margin: 0 auto;
padding:0px;
width:640px;
height:143px;	
}
#header img{position:absolute;bottom:55px;left:60px;font-size:28px;color:#fff;}
#header h1{position:absolute;bottom:25px;left:60px;font-size:16px;color:#ddd;}

#menu{background:url(../images/2.png) no-repeat center top ;
margin: 0 auto;
padding:0px;
width:640px;
height:42px;
text-align:center;
}
#menu p{padding-top:10px;text-align:center;
	
}

#content{background:url(../images/3.png) no-repeat center top ;
margin: 0 auto;
padding:0px;
width:640px;
height:239px;
}

#content p{font-size:16px;color:#666;text-align:justify;}
#content a{color:#06F;}

#footer{background:url(../images/4.png) no-repeat center top ;
margin: 0 auto;
padding:0px;
width:640px;
height:140px;
}
#footer p  { text-align:center; padding:25px 0px 0px 0px; color:#555; font-size: 11px; }

h2.title { margin-bottom:10px; }

#page a { color:#67AB07; }
#page a:hover { color:#67AB07; }
#page  { width:488px; margin:0 auto; background: url(../images/body_bg.png) repeat-y left top; display:table; text-align:justify; } 

img.pays { vertical-align: middle; }

.clear  { clear: left; }


#titre {background:url(../images/spot.png) no-repeat center top ; 
margin: 0 auto;
width:900px;
height:400px;
}

#titre h1 {font-weight:normal; color:#999;font-size:18px;}


/*	--------------------------------------------------
langage
-------------------------------------------------- */
#langage  { position:absolute; margin-top:10px; margin-right:10px; text-align:right; color:#333; top:10px;right:10px;}
#langage a { color:#333; text-decoration:none;font-weight:normal; }
#langage a:hover { color:#333; text-decoration:none; font-weight:bold; }

/*	--------------------------------------------------
header
-------------------------------------------------- */
/*#header  { position:relative; width:488px; height:55px; margin:20px auto 0 auto; background:url(../images/header_bg.png) no-repeat center bottom; }
#header p  { padding-top:10px; text-align:center; color:#999; font-size: 0.9em; }
*/
a.xtrig { color:#ddd; font-size:1.2em; padding:0 25px; text-decoration: none; font-weight:bold; }
a.xtrig:hover { color:#333; text-decoration: underline; font-weight:bold; }

/*	--------------------------------------------------
contenu david peronne
-------------------------------------------------- */
#portrait { border:none; float:left; margin:0 15px 0 0; padding:0; }

/*	--------------------------------------------------
contenu a_propos
-------------------------------------------------- */
/*
.about{font-size:16px;color:#666;text-align:justify;}
.about a{color:#06F}




.apropos { height:115px; }
.files { text-align:center; }
.files img { padding:10px 10px 0 10px; }
*/
/*	--------------------------------------------------
contenu contact
-------------------------------------------------- */

#coordonnees { width:290px; float:left; }
#separation{float:left;background: url(../images/separation.png) no-repeat 0 0; width:6px;height:241px;}
#fiches { width:160px; float:right; text-align:center; /*border-left:1px solid #dedede; */}

ul.contacts { margin: 0; list-style-type: none; line-height:20px; }
ul.contacts li { padding:0 0 20px 25px; font-size:16px;color:#666;}

.email { background: url(../images/mail.png) no-repeat 0 3px;}
.web { background: url(../images/web.png) no-repeat 0 0;}
.phone { background: url(../images/phone.png) no-repeat 0 0;}

p.section { margin-bottom:10px; font-weight:bold; font-size: 1.1em; color:#aaa; }

.formulaire { padding:40px 0 0 20px;text-align:center; }

/*	--------------------------------------------------
Contenu work
-------------------------------------------------- */
ul.work { display:block; margin:0; padding:0; list-style:none; }
ul.work  li  { float: left; width:160px; margin:0 0 10px 0;position:relative;height:98px;text-align:center;}
ul.work li p{margin:0;position:absolute;bottom:5px;right:15px;}
ul.work a  {text-decoration:none; }
ul.work a:hover  {text-decoration:underline; }
ul.work li a img { border: 0; float: left; margin: 0 5px 0 0; }

/*	--------------------------------------------------
Contenu reseau
-------------------------------------------------- */
ul.reseaux { display:block; margin:0; padding:0; list-style:none; }
ul.reseaux  li  { float: left; width:160px; margin:0 0 20px 0;}
ul.reseaux li p{margin:15px 0 0 0;}
ul.reseaux a  {text-decoration:none; }
ul.reseaux a:hover  {text-decoration:underline; }
ul.reseaux li a img { border: 0; float: left; margin: 0 5px 0 0; }

/*	--------------------------------------------------
footer
-------------------------------------------------- */
/*
#footer  { width:488px; height:60px; margin:0 auto; background:url(../images/footer_bg.png) no-repeat top; clear:both; padding:7px 15px; position:relative; }
#footer p  { text-align:center; padding:5px 0px 18px 0px; color:#999; font-size: 0.8em; }
#footer a  { color:#999; text-decoration:none; }
#footer a:hover  { color:#999; text-decoration:underline; }
*/

#footer-wayako{position:absolute;bottom:5px;right:10px;font-size:12px;color:#555}
#footer-wayako a  { color:#555; text-decoration:none; }
/*	--------------------------------------------------
P.I.E. FLOAT CLEARING
-------------------------------------------------- */
.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */