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

/* CSS RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
	background-color:#cce8ed;
	background-image:url(../../img/bg.png);
	background-repeat:repeat-x repeat-y;
	height:auto;
	font-family:Arial, Helvetica, Verdana, "Times new roman";
	color: red;
	margin: 0;
	padding : 0;
	text-align:center;
}

/* PngFix */
/*img, div {
	behavior: url(iepngfix.htc);
}

img, div, a, input{
	behavior: url(iepngfix.htc);
}*/
/* //PngFix */

#container {
	width: 815px;
	height:auto;
	margin: 0 auto;
	text-align:left;
}


/* Header */
a#header {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	
	background-image:url(../../img/header.png);
	background-repeat:no-repeat;
	width:815px;
	height:127px;
	margin-top:24px;
}
/* //Header */


/* Content */
#content {
	/*width: 807px;*/
	height:auto;
	margin-top:27px;
	font-size:12px;
	color:#0d4b20;
	min-height:200px;
	height:auto !important; 													/* Hack IE */
	line-height: 120%;
	background-color:#ffffff;
	border:#197c8d 4px solid;
}
	
#content p {
	margin-top:8px;
}

#content_milieu {
	margin-left:20px;
	margin-top:10px;
	width:760px;
	text-align:justify;
}

a:link, a:visited{
	color:red;
	text-decoration:none;
}

a:hover, a:active{
	color:yellow;
}

#content a:link, #content a:visited{
	color:#197c8d;
	text-decoration:underline;
}

#content a:hover, #content a:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#197c8d;
}

#breadcrumbs {
	color:#c2890e;
	font-size:13px;
}

.wrapper ul li {
	list-style-type:square;
}

	/* Cv */
	#table_cv {
		width:170px;
		border:none;
	}

	.td_cv {
		width:80px;
	}

	#cv_titre {
		font-size:13px;
		text-align:center;
	}
	/* //Cv */
/* //Content */


/* Encarts */
#encarts {
	margin-top:26px;
	height:282px;
	color:#0d4b20;
	font-size:11px;
}

#encarts_icones {
	float:left;
	margin-left:42px;
	margin-top:59px;
	_margin-left:20px; 												/* Hack IE */
}

#encarts_social {
	float:left;
	background-image:url(../../img/encarts_social.png);
	background-repeat:no-repeat;
	width:254px;
	height:282px;
}

#encarts_flickr {
	float:left;
	background-image:url(../../img/encarts_flickr.png);
	background-repeat:no-repeat;
	width:234px;
	height:282px;
	margin-left:42px;
}

#encarts_twitter {
	float:left;
	background-image:url(../../img/encarts_twitter.png);
	background-repeat:no-repeat;
	width:252px;
	height:282px;
	margin-left:33px;
}

#encarts a:link, #encarts a:visited{
	color:#197c8d;
	text-decoration:none;
}

#encarts a:hover, #encarts a:active{
	color:#ffffff;
	text-decoration:none;
	background:#197c8d;
}
/* //Encarts */


/* Encart1 : Icones */
#icones_twitter, #icones_flickr {
	clear:both;
}

#icones_facebook img, #icones_twitter img, #icones_flickr img{
	float:left;
}

#icones_facebook p , #icones_twitter p, #icones_flickr p {
	float:left;
	margin-top:20px;
	margin-left:4px;
}
/* //Encart1 : Icones */


/* Encart3 : Twitter */
#twitter { 
	margin-top:114px;
	margin-left:35px;
	width:197px;
	height:135px;
	overflow:auto;
}

#twitter_update_list {
	width:177px;
}

ul#twitter_update_list li {
	margin-bottom:10px;
	margin-right:5px;
	padding:3px;
}
/* //Encart3 : Twitter */


/* Footer */
#footer {
	clear:both;
	background-color:#ffffff;
	height:100px;
	margin-top:37px;
	font-size:11px;
	color:#197c8d;
}

#footer h3 {
	font-size:14px;
}

#footer_contact {
	float:left;
	margin-top:3px;
	margin-left:15px;
	width:310px;
	line-height: 120%;
}

#footer_network{
	float:left;
	width:205px;
}

#footer_network ul li {
	left:5px;
	display:inline;
	margin-left:2px;
}

#footer_copyright {
	float:left;
	margin-top:3px;
	margin-right:15px;
	width:260px;
}

#footer_copyright p{
	text-align:right;
}

#footer a:link, #footer a:visited{
	color:#197c8d;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#197c8d;
	text-decoration:underline;
}
/* //Footer */


/* Contact */
.contact_img {
	position:relative;
	top:3px;
}

.contact_img2 {
	position:relative;
	top:2px;
}

input.contact:focus, textarea:focus, input.contact:hover, textarea:hover {
	background-color:#f2f9da;
}

input[type="text"], textarea{
	border:#c6e3ff 1px solid;
	padding:0px;
}
/* //Contact */


/* A propos */
/* #photo {
	background-image:url(../../img/photo.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:200px;
} */
#photo {
	background-image:url(../../img/profil.jpg);
	background-repeat:no-repeat;
	width:117px;
	height:306px;
}

#valign-top{
	vertical-align:top;
}
/* //A propos */


/* Folio */
#photoshop {
	background-image:url(../../img/photoshop.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
}

#illustrator {
	background-image:url(../../img/illustrator.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
}

#flash {
	background-image:url(../../img/flash.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
}

#webdesign {
	background-image:url(../../img/webdesign.jpg);
	background-repeat:no-repeat;
	width:69px;
	height:50px;
}

#joomla {
	background-image:url(../../img/joomla.jpg);
	background-repeat:no-repeat;
	width:90px;
	height:19px;
}

.block_folio {
	display:block;
	height:60px;
	width:10px;
}

.border_img {
	border:#ffffff solid 2px;
}
/* //Folio */


/* Flickr */
#flickr_stream {
	background-image:url(../../img/flickr_stream.png);
	background-repeat:no-repeat;
	width:162px;
	height:40px;
	margin-left:20px;
	margin-top:15px;
}

#flickr_photos {
	color:#ffffff;
	width:197px;
	margin-left:25px;
	margin-top:5px;
}

#flickr_photos img {
	border:1px solid #bc502e;
	margin-left:7px;
	margin-top:7px;
}

#encarts_flickr p {
	margin-left:32px;
}
/* //Flickr */