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

/*	--------------------------------------------------
structure et divers
-------------------------------------------------- */
body { background:#E3E0D3; color:#000; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size-adjust:none; font-size: 0.8em; }

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; }

/*	--------------------------------------------------
langage
-------------------------------------------------- */
#langage  { position:relative; margin-top:10px; margin-right:10px; text-align:right; color:#333; }
#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:#555; font-size:1em; padding:0 5px; text-decoration: none; font-weight:bold; }
a.xtrig:hover { color:#333; text-decoration: underline; font-weight:bold; }

/*	--------------------------------------------------
contenu david peronne
-------------------------------------------------- */
#portrait { border:1px solid #BBBBBB; float:right; margin:0 0 10px 15px; padding:5px; }

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

/*	--------------------------------------------------
contenu contact
-------------------------------------------------- */

#personnel { width:180px; float:left; }
#professionnel { width:180px; float:right; padding-left:20px; border-left:1px solid #dedede; }

ul.contacts { margin: 0; list-style-type: none; line-height:20px; }
ul.contacts li { padding-left:20px; }

.email { background: url(../images/mail.png) no-repeat 0 3px;}
.web { background: url(../images/web.png) no-repeat 0 0;}
.blog { 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 reseau
-------------------------------------------------- */
ul.reseaux { display:block; margin:0; padding:0; list-style:none; }
ul.reseaux  li  { float: left; width:130px; margin-left:0px; margin-top:10px;}
ul.reseaux a  { font-size: 0.8em; padding: 10px 0 5px; display:block; width:130px; height:18px; position:relative; z-index:2; cursor:pointer; }
ul.reseaux li a img { border: 0; float: left; margin: 0 10px; }

/*	--------------------------------------------------
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; }

/*	--------------------------------------------------
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 */