/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	FONT: 14px/1.2em "Trebuchet MS",Verdana,Arial,Sans-serif;
	line-height:19px;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}
/*--------------------------------
/*
Title:		Oaktree Creative: layout.css
Author: 	chuck@oaktreecreative.com
Created:	March 2007
*/

body {
	FONT: 13px/1.2em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	/*font-size: small;*/
	color: #000000;
	background: #FFFFFF;
}
 .logo 
 {
 padding: 0 0 0 30px;
 margin: 0 auto;
 text-align: left;
 color:#000000;
 }

 
/* =page structure
---------------------------------------------------------- */

div.inner-wrap {
	width: 790px;
	margin: 0 auto;
	text-align: left;
}

div.inner-wrap_2 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#section-content {
	background: #fff url(img/section-content-bg.gif) repeat-x bottom left;
	padding: 0 0 2em 0;
	float: left;
	clear: left;
	width: 100%;
	line-height: 1.5em;
}

#main {
	font-size: 95%;
	line-height: 1.38em;
}

#content {
	padding: 1em 0;
	margin-right: 20px;
	float: left;
	width: 100%;
	border-right: 2px solid #E1DABF;
	color: #333;
	border-top: 1px solid #000000;
}

div.full #content {
	width: 750px;
	border-right: none;
}

div.full #content #column1, div.full #content #column2, div.full #content #column3 {
	float: left;
	font-size: 92%;
	padding: 0 10px;
} 

div.full #content #column1 {
	width: 216px;
}

div.full #content #column2 {
	border-left: 2px solid #E1DABF;
	border-right: 2px solid #E1DABF;
	width: 256px;
}

div.full #content #column3 {
	width: 196px;
}

#sidebar {
	padding: 1em 0;
	float: left;
	width: 250px;
	color: #513E29;
}


#date 
{
font-size:small;
font-style:italic;
}
/* =header
---------------------------------------------------------- */

#header {
	color: #000000;
	background: #FAC4C6 url(../images/fond_header.jpg) no-repeat top center;
	padding: 38px 0px 112px 0px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #000000;
	/*border-top: 1px solid #000000;*/
	}

/* =footer
---------------------------------------------------------- */

#footer {
	color: #fff;
	background: #CDCCB2 url(img/footer-bg.gif) repeat-x top left;
	padding: 3em 0 2em 0;
	float: left;
	width: 100%;
}

/*---------------------------------------------
/*
Title:		Oaktree Creative: nav.css
Author: 	chuck@oaktreecreative.com
Created:	March 2007
*/

/* =main nav
---------------------------------------------------------- */

#nav {
	background: #FFFFFF url(../images/nav-bg-brown2.jpg) repeat-x top left;
	width: 100%;
	padding: 16px 0 0 0;
	list-style: none;
	float: left;
	
}



#content_onglet {
	BORDER-RIGHT: #CC0000 1px solid; 
	BACKGROUND: #FFFFFF; 
	BORDER-LEFT: #CC0000 1px solid; 
	BORDER-BOTTOM: #CC0000 1px solid; 
	padding-left:3px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#content_onglet_gauche {
	BORDER-RIGHT: #CC0000 1px solid;
	BORDER-TOP: #CC0000 1px solid; 
	BORDER-LEFT: #CC0000 1px solid; 
	BORDER-BOTTOM: #CC0000 1px solid; 
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;*/
	padding-bottom:5px;
}



#nav ul {
    /*font: bold 11px verdana, arial, sans-serif;*/
    list-style-type: none;
    padding-bottom: 29px;
    border-bottom: 1px solid #CC0000;
    margin: 0;
	/*background:#CCCCCC*/
}

#nav ul.onglet {
    background: url(../images/bouton_haut.jpg) repeat-x top left;
    list-style-type: none;
    padding-bottom: 29px;
    border-bottom: 1px solid #CC0000;
    margin: 0;
	/*background:#CCCCCC*/
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 92%;

}

#droit {
	border-left: 1px solid #CC0000;
}

#nav a {
	float: left;
	display: block;
	color: #CC0000;
	/*margin: 0 1px 0 0;*/
	padding: 7px 18px;
	/*border-left: 1px solid #CC0000;	
	/*border-top: 1px solid #CC0000;	
	/*border-bottom: 1px solid #CC0000;
	/*border: 0px solid #CC0000;*/
	/*border-bottom: 0;*/
	background: url(../images/bouton_haut.jpg) repeat-x top left;
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	FONT-SIZE: 13px; 
	}
	
	#nav a.onglet {
	float: left;
	display: block;
	color: #CC0000;
	/*margin: 0 1px 0 0;*/
	padding: 7px 18px;
	/*border-left: 1px solid #CC0000;	
	/*border-top: 1px solid #CC0000;	
	/*border-bottom: 1px solid #CC0000;
	/*border: 0px solid #CC0000;*/
	/*border-bottom: 0;*/
	background: url(../images/bouton_haut.jpg) repeat-x top left;
	TEXT-ALIGN: center; 
	/*FONT-VARIANT: small-caps;*/
	font-weight:bold;
	FONT-SIZE: 12px; 
	}
	
#nav a.dernier {
	float: left;
	display: block;
	color: #CC0000;
	/*margin: 0 1px 0 0;*/
	padding: 7px 18px;
	border-right: 1px solid #CC0000;	
	/*border-top: 1px solid #CC0000;	
	/*border-bottom: 1px solid #CC0000;
	/*border: 0px solid #CC0000;*/
	/*border-bottom: 0;*/
	background: url(../images/bouton_haut.jpg) repeat-x top left;
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	FONT-SIZE: 13px; 
	}

#nav a:hover {
	color: #0000FF;
	background: url(../images/bouton_haut.jpg) repeat-x top left;
	text-decoration: underline;
	margin: 0 1px 0 0;
	padding: 7px 18px;
}


#rouge {
	background: #FFFFFF url(../images/nav-bg-brown.jpg) repeat-x top left;
	width: 100%;
	text-align:center;
	}

#sub_nav {
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF url(../images/nav-bg-brown2.jpg) repeat-x top left;
	width: 350;
	/*padding: 0 0 0 0;*/
	list-style: none;
	float: center;
	height:40px;
	border-right: 1px solid #CC0000;
	border-left: 1px solid #CC0000; 
	text-align:center;
}

#sub_nav a {
	float: left;
	display: block;
	color: #CC0000;
	margin: 0 1px 0 0;
	padding: 7px 18px;
	border-bottom: 0;
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	FONT-SIZE: 13px;
	background: #FFFFFF;
}

#sub_nav a:hover {
	color: #CC0000;
	background-color:#FFFFFF;
}


body#home #t-home a,
body#blog #t-blog a,
body#work #t-work a,
body#about #t-about a,
body#contact #t-contact a  {
	color: #222;
	background: #fff url(../images/bouton_haut_select.gif) repeat-x top left;
	border-color: #fff;
	font-weight: bold;
	border-right: 1px solid #CC0000;
	border-left: 1px solid #CC0000;	
}




/* =sidebar nav
---------------------------------------------------------- */





/* =footer nav
---------------------------------------------------------- */
/*
Title:		Oaktree Creative: page.css
Author: 	chuck@oaktreecreative.com
Created:	March 2007
*/

/* =links
---------------------------------------------------------- */

A:link {
	color:#0055E3; TEXT-DECORATION: none;
}
A:active {
	color:#0055E3; TEXT-DECORATION: none
}
A:visited {
	color:#0055E3; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0055E3; TEXT-DECORATION: underline;
	}
	
a.img {
	border: none;
	text-decoration: none;
	display: block;
	float: left;
}

#header a:hover { background: none; }



/* =headings
---------------------------------------------------------- */

h1 {
	font-size: 200%;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #BF3A14;
	padding-top: .75em;
	line-height: 1.5em;
}

body#home #section-content h1 {
	color: #222;
	font-size: 165%;
	padding-top: 1.4em;
}

h2 {
	font-size: 152%;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #513E29;
	line-height: 1.6;
	margin-bottom: .6em;
	display: block;
}

h2 em {
	display: block;
	font-size: 75%;
	line-height: .1em;
	margin-bottom: 2em;
	color: #776B5D;
	font-style: italic;
}

h2 span {
	display: none;
}

h2.acorn {
	background: url(../images/acorn.gif) no-repeat 4px .35em;
	padding-left: 36px;
	display: block;
}

body#home #content h2.acorn {
	background: url(../images/acorn.gif) no-repeat 4px .35em;
	padding-left: 40px;
	font-size: 152%;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #513E29;
	text-transform: none;
	line-height: 2.2em;
}

h2.acorn a {
	border: 0;
}



/* =lists
---------------------------------------------------------- */

ul.bullet-list li {
	background: url(img/bullet.gif) no-repeat 0 .6em;
	padding-left: 12px;
}



/* =content
---------------------------------------------------------- */

#content p, #content ul, #content dl {
	padding-right: 30px;
	margin-bottom: 1.38em;
	line-height: 1.5em;
}

#content li {
	margin-bottom: .5em;
}

abbr, acronym {
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px dotted #999;
}

strong {
	font-weight: bold;
}

code {
	font-family: Monaco, "Courier New", monospace;
	color: #B24928;
}

span.sub {
	font-size: 92%;
}

blockquote {
	padding: 10px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #F8F8E8;
	color: #5E9492;
	margin: 20px;
}

blockquote p {
	color: #5E9492;
	margin-bottom: 0;
}

blockquote code {
	color: #6A6156;
	font-size: 11px;
}


/* =section-content
---------------------------------------------------------- 

#section-content p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 136%;
	color: #222;
	line-height: 1.5em;
	margin-bottom: .75em;
} */

body#home #section-content h2 {
	color: #222;
}

#section-content h2 {
	color: #BF3A14;
	margin-top: 1.6em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#section-content a.matrix {
	border: 0;
}


/* =sidebar
---------------------------------------------------------- */

#sidebar h2 {
	text-transform: uppercase;
	font-size: 114%;
	margin-bottom: .375em;
	color: #BF3A14;
}

#sidebar h2.acorn {
	background: url(../images/acorn.gif) no-repeat 4px .35em;
	padding-left: 40px;
	font-size: 152%;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	color: #513E29;
	text-transform: none;
	line-height: 2.2em;
}

#sidebar p, #sidebar ul, #sidebar dl {
	margin-bottom: 1.38em;
	font-size: 92%;
}

#sidebar dl {
	margin-bottom: 1.75em;
}

#sidebar dl dt {
	font-weight: bold;
}

#sidebar ul {
	line-height: 1.75em;
}

#sidebar ul li {
	background: url(img/bullet.gif) no-repeat 0 50%;
	padding-left: 10px;
}

#sidebar ul li.current {
	background: url(img/here.gif) no-repeat 0 50%;
	padding-left: 10px;	
}

#sidebar ul li.current a:link, #sidebar ul li.current a:hover {
	border: none;
	font-weight: bold;
	color: #222;
	background-color: none;
}

#sidebar p.rfp {
	background: url(img/rfp.gif) no-repeat 0 50%;
	padding-left: 20px;
}

/* =portfolio thumbnail links */
div.portfolio-wrap {
	float: left;
	width: 225px;
}
align="right"
dl.portfolio {
	float: left;
}

dl.portfolio dt {
	margin: 0;
}	

dl.portfolio dd {
	margin: 0 0 2px 0;
	padding: 0;
}

dl.portfolio dt a {
	margin: 2px 8px 0 0;
	padding: 3px;
	float: left;
	display: block;
	border: 2px solid #D7D7C9;
	background: #fff;
}

dl.portfolio dt a:hover, dl#portfolio dt.current a {
	border-color: #B2AFA1;
}

img.screen {
	margin-left: 20px;
}

#section-content p.sub {
	font-size: 100%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

/* =footer
---------------------------------------------------------- */

#footer p {
	font-size: 92%;
	color: #513E29;
	line-height: 1.38em;
	background: url(img/logo-footer.gif) no-repeat 0 0;
	padding-left: 35px;
}



/* =photos
---------------------------------------------------------- */
img#me {
	float: left;
	border: 2px solid #382C1E;
	margin: .5em 1.25em 0 0;
}


/* =tables
---------------------------------------------------------- */



/* =blog specific
---------------------------------------------------------- */


#content div.datebox {
	display: block;
	float: left;
	margin: 6px 16px 50px 0;
	background: #fff url(img/section-content-bg.gif) repeat-x bottom;
	width: 36px;
	border-top: 1px solid #D7D1B4;
	clear: left;
	position: absolute;
	left: 0; top: 0;
}

#content div.datebox p {
	color: #222;
	padding: .25em 0 0 0;
	text-align: center;
	font-size: 100%;
	text-transform: uppercase;
	font-family: Georgia, "Lucida Grande", Helvetica, sans-serif;
	line-height: 1.25em;
}

#content div.datebox p span {
	display: block;
	font-size: 185%;
	color: #BF3A14;
	line-height: .85em;
}

#content span.feed, #footer span.feed {
	padding-left: 20px;
	background: url(/images/feed-icon-sm.gif) no-repeat 4px .1em;
}

#section-content ul li.feed {
	padding-left: 20px;
	background: url(/images/feed-icon-sm.gif) no-repeat 4px .35em;
}

#section-content .inner-wrap ul {
	margin-bottom: 1.5em;
}


#sidebar h2.feed {
	padding-left: 36px;
	background: url(/images/feed-icon.gif) no-repeat 4px .35em;
	line-height: 2em;
	font-size: 152%;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	color: #513E29;
	text-transform: none;
}

#sidebar h2.feed a {
	color: #513E29;
	border: 0;
	}

#section-content div.datebox {
	display: block;
	float: left;
	margin: 4em 16px 20px 0;
	background: #fff url(img/section-content-bg.gif) repeat-x bottom;
	width: 36px;
	border-top: 1px solid #D7D1B4;
	clear: left;
}

#section-content div.datebox p {
	color: #222;
	padding: .25em 0 0 0;
	text-align: center;
	font-size: 100%;
	text-transform: uppercase;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	line-height: 1em;
}

#section-content div.datebox p span {
	display: block;
	font-size: 185%;
	color: #BF3A14;
	line-height: 1em;
	padding-bottom: .25em;
}

#section-content h2.acorn {
	background: url(../images/acorn.gif) no-repeat 4px .5em;
	padding-left: 36px;
	line-height: 2em;
	margin-top: 1em;
	font-size: 195%;
	margin-bottom: 0;
}

#section-content h2.acorn a {
	border: 0;
}

#content h3 {
	font-size: 107%;
	font-weight: bold;
	line-height: 1.6;
	color: #466F6D;
}

#section-content h3 {
	font-size: 122%;
	font-weight: bold;
	line-height: 1.6;
}

h2#post-title {
	font-size: 195%;
	color: #476F6E;
	padding-top: .75em;
}

body#home #content h3.post-title {
	background: url(/images/pagepost.gif) no-repeat 0 .4em;
	padding-left: 16px;
}

body#home #content p.date {
	padding-left: 16px;
}

div#post-body {
	margin-left: 54px;
}

div#post-body p {
	margin-bottom: .85em;
}

div#post-body p a.more-link {
	font-size: 85%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}


div.post-detail {
	color: #513E29;
	margin-top: 12px;
	padding-top: 5px;
	display: block;
	font-size: 92%;
	margin-top: 0;
	padding-top: 0;
}

div.post-detail ul li {
	display: block;
	float: left;
	margin-right: 15px;
}

div.post-detail ul li.user {
	background: url(img/tab.gif) no-repeat 0 50%;
	padding-left: 18px;
}

div.post-detail ul li.tag {
	background: url(img/tag.gif) no-repeat 0 50%;
	padding-left: 18px;
}

div.post-detail ul li.comment {
	background: url(img/comment.gif) no-repeat 0 50%;
	padding-left: 18px;
}

div.post-wrap {
	clear: both;
	position: relative;
	padding-left: 50px;
}

div.post-wrap div.post-detail {
	margin-top: -12px;
}

ul#category-tags li {
	display: inline;
	list-style: none;
	background-image: none;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 145%;
	padding-left: 0;
	margin-right: .5em;
	line-height: 1.5em;
}




/* =comments
---------------------------------------------------------- */

div.comment-box, div.comment-boxalt {
	background: none;
	float: left;
	width: 730px;
	margin: 1em 0;
	clear: both;
}

div.comment-box-mine {
	background: #CECDB3;
	color: #696056;
	float: left;
	width: 730px;
	margin: 1em 0;
	clear: both;
}

div.comment-box dl, div.comment-boxalt dl, div.comment-box-mine dl {
	float: left;
	width: 170px;
	margin-top: 1em;
	margin-left: 12px;
	font-size: 92%;
}

div.comment-box dl a, div.comment-boxalt dl a, div.comment-box-mine dl a {
	border: 0;
	font-weight: bold;
}

div.comment-box dl dt, div.comment-boxalt dl dt, div.comment-box-mine dl dt {
	float: left;
	margin-right: 8px;
}

div.comment-box p, div.comment-boxalt p, div.comment-box-mine p {
	float: right;
	width: 488px;
	margin-top: 1em;
}

div.comment-boxalt {
	background: #E5E4C6;
}



#message {
	background: #cccccc;
	color: #CA9688;
	border-bottom: 1px solid #000000;
	text-align: center;
	
}

#message p {
	font-size: 11px;
	margin: 0 auto;
	padding: 8px 0;
}

#message strong {
	color: #fff;
}


/*
Title:		Oaktree Creative: forms.css
Author: 	chuck@oaktreecreative.com
Created:	March 2007
*/

/* =main contact form
---------------------------------------------------------- */

form#contact-form label, form#contact-form input {
	display: block;
	width: 200px;
}

form#contact-form label {
	font-weight: bold;
}

form#contact-form label em {
	font-weight: normal;
	color: #BF3A14;
	font-size: 85%;
}

form#contact-form input {
	margin-bottom: 10px;
	margin-top: 3px;
	width: 200px;
	padding: 2px;
	font-size: 100%;
	color: #476F6E;
}

form#contact-form textarea {
	width: 440px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	font-size: 100%;
	color: #476F6E;
	font-family: inherit;
}

form#contact-form input.btn {
	width: auto;
	color: #fff;
	font-size: 92%;
	padding: 2px;
}


/* =rfp form
---------------------------------------------------------- */

form#rfp-form label, form#rfp-form input {
	display: block;
}

form#rfp-form label {
	font-weight: bold;
}

form#rfp-form label em {
	font-weight: normal;
	color: #BF3A14;
	font-size: 85%;
}

form#rfp-form input, form#rfp-form select {
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	width: 300px;
	font-size: 100%;
	color: #476F6E;
}

form#rfp-form input.short {
	width: 150px;
}

form#rfp-form textarea {
	width: 300px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	font-size: 100%;
	color: #476F6E;
	font-family: inherit;
}

form#rfp-form input.btn {
	width: auto;
	color: #fff;
	font-size: 92%;
	padding: 2px;
}

div.form-column {
	width: 350px;
	float: left;
	margin-right: 20px;
}

legend {
	padding: 1em 0 .5em 0;
	font-weight: normal;
	font-family: Trebuchet MS, "Times New Roman", serif;
	text-transform: uppercase;
	color: #476F6E;
	font-size: 92%;
}

form#rfp-form div.check-radio input {
	display: inline;
	width: auto;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

form#rfp-form div.check-radio label {
	display: inline;
	font-weight: normal;
	font-size: 100%;
	padding: 1em 0;
}

form#rfp-form div.check-radio {
	margin-bottom: 1em;
}

form#rfp-form div#button-area {
	border-top: 2px solid #E1DABF;
	float: left;
	clear: both;
	margin-top: 1em;
	padding-top: .5em;
}

form#rfp-form div#button-area input.btn {
	margin: 1em 0;
}

/* =search form
---------------------------------------------------------- */

#search {
	float: right;
}

#search input {
	display: inline;
	margin-right: 5px;
}

input.btn {
	font-size: 92%;
	padding: 2px;
	border-top: 1px solid #94826D;
	border-right: 1px solid #131313;
	border-bottom: 1px solid #131313;
	border-left: 1px solid #94826D;
    color: #fff;
    background: #D7002B;
}

#search input.text-field, #content input.text-field, #section-content input.text-field {
	padding: 2px;
	font-size: 92%;
	color: #476F6E;
}

#nav form input.search-field {
	width: 150px;
	color: #476F6E;
}




/* =blog forms
---------------------------------------------------------- */

span.form-input {
	width: 225px;
	float: left;
	margin-right: 20px;
}

span.form-input label {
	display: block;
	font-weight: bold;
}

span.form-input label em {
	font-weight: normal;
	color: #BF3A14;
	font-size: 85%;
}

span.form-input input {
	margin-bottom: 10px;
	margin-top: 3px;
	width: 100%;
	padding: 2px;
	font-size: 100%;
	color: #476F6E;
}

span.form-textarea label {
	display: block;
	font-weight: bold;
	clear: both;
}

span.form-textarea textarea {
	width: 716px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 2px;
	font-size: 100%;
	color: #476F6E;
	font-family: inherit;
}


/* =errors
---------------------------------------------------------- */
.login {
	PADDING-RIGHT: 18px;
	DISPLAY: block; 
	PADDING-LEFT: 18px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	COLOR: #FFFFFF; 
	PADDING-TOP: 5px; 
	HEIGHT: 20px; 
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	
}

.m4
{
background-image:url(../images/bouton_haut.jpg);
width:100%;
}

UL.m4 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	}
	
UL.m4 LI {
	/*BACKGROUND: #ffd898 url(images/bg6.gif) repeat-x 0px -25px; */
	BACKGROUND: #F5FAFF  url(../images/bouton_haut.jpg) repeat-x ;
	FLOAT: left; 
	
}

UL.m4 LI A {
	PADDING-RIGHT: 8px;
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	FONT-SIZE: 12px; 
	FLOAT: left; 
	PADDING-BOTTOM: 4px; 
	COLOR: #fff; 
	PADDING-TOP: 5px; 
	HEIGHT: 20px; 
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	text-decoration:none;
	/*font-weight:bold;*/
	
}
UL.m4 LI A SPAN {
	COLOR: #CC0000;
	}
UL.m4 LI A:hover {
	color: #FFFFFF;
	BACKGROUND: #FD595A  url(images/bg5.gif) repeat-x 0px 0px;
	text-decoration:none;
	
}
UL.m4 LI A:hover SPAN{
	color: #FFFFFF;
	BACKGROUND: #FD595A  url(images/bg5.gif) repeat-x 0px 0px;
	text-decoration:none;
}

.cours_du_dollars
{
padding-top:10px;
BORDER-RIGHT: #cc0000 1px solid;
BORDER-LEFT: #cc0000 1px solid; 
BORDER-BOTTOM: #cc0000 1px solid; 
BORDER-TOP: #cc0000 1px solid;
height:60;
width:100%;
}

.contenu
{
padding-top:10px;
BORDER-BOTTOM: #cc0000 1px solid; 
BORDER-TOP: #cc0000 1px solid;
width:100%;
}

.bord_droit
{
BORDER-LEFT: #cc0000 1px solid; 
}

hr 
{ 
   CLEAR: both; 
   BORDER-TOP: #CCCCCC 1px dashed; 
   MARGIN-BOTTOM: 0px; 
   WIDTH: 90%; 
   HEIGHT: 1px
}


.ecran{
background-color: #F5FAFF;
float: center;
padding: 10px;
}

#publicite
{
/*padding-left:10px;
padding-right:10px;*/
}

#contenu_texte
{
BACKGROUND:  #ffffff; 
MARGIN: 0px auto; FONT: 13px/1.2em "Trebuchet MS",Verdana,Arial,Sans-serif; COLOR: #333333; TEXT-ALIGN: left; 
line-height:19px;
}

#contenu_gauche
{
BACKGROUND:  #ffffff; 
 FONT: 13px "Trebuchet MS",Verdana,Arial,Sans-serif; 
 TEXT-ALIGN: left; 
 line-height:19px;
}

#contenu_texte_droit
{
BACKGROUND:  #ffffff; 
MARGIN: 0px auto; FONT: 13px/1.2em "Trebuchet MS",Verdana,Arial,Sans-serif; COLOR: #333333; TEXT-ALIGN: left; 
line-height:12px;
}

.bas {
	BORDER-BOTTOM: #CC0000 1px solid;
	}

#pi 
{
	BACKGROUND: #F5FAFF  url(../images/bouton_haut.jpg) repeat-x ;
	HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	FONT-VARIANT: small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:15px;
	color:#cc0000;
}

#pi A
{
	HEIGHT: 20px; 
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
}

#media_titre{
    BACKGROUND: #F5FAFF  url(../images/shade.gif) repeat-x ;
	HEIGHT: 20px; 
	TEXT-ALIGN: center; 
	FONT-VARIANT: small-caps;
	padding-top:5px;
	padding-left:15px;
	color:#000000;
    BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid; 
	BORDER-RIGHT: #CCCCCC 1px   solid; 
	BORDER-TOP: #CCCCCC 1px solid;*/
}

.info_continue_in {
	BORDER-RIGHT: #CCCCCC 1px solid; 
	background: url(../images/jauneclaire.jpg);
	BORDER-LEFT: #CCCCCC 1px solid; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}


.info_continue_in2 {
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BACKGROUND: #FFFF99 ;
	BORDER-LEFT: #CCCCCC 1px solid; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#media_titre_gauche{
    BACKGROUND: #F5FAFF  url(../images/bouton_haut.jpg) repeat-x ;
	HEIGHT: 20px; 
	TEXT-ALIGN: left; 
	FONT-VARIANT: small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:15px;
	color:#cc0000;
    BORDER-BOTTOM: #CC0000 1px solid;
	/*BORDER-LEFT: #CC0000 1px solid; */
	BORDER-RIGHT: #CC0000 1px   solid; 
	BORDER-TOP: #CC0000 1px solid;
}

.info_continue_in_gauche {
	BORDER-RIGHT: #CC0000 1px solid; 
	BACKGROUND: #FFFFFF; 
	/* BORDER-LEFT: #CC0000 1px solid; */
	BORDER-BOTTOM: #CC0000 1px solid; 
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}


.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/* iner  */



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail_titrologie{
position: relative;
z-index: 0;
padding: 5px;
}

.thumbnail_titrologie:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_titrologie span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}


.thumbnail_titrologie span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_titrologie:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/* FIN  */



#innerdiv_gauche_avant{
/* Add container height here if desired */
padding-top:25px;
}

#innerdiv_gauche_cadre{
border: 1px solid gray;
padding: 6px;
}

#innerdiv_gauche{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
}


#innerdiv_media{
/* Add container height here if desired */
background-color: #F1F5F6;
border: 1px solid gray;
padding: 6px;
}


#innerdiv_right{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
float:left;
}

#innerdiv_title{
position: relative;
border-right: 1px solid gray;
border-left: 1px solid gray;
border-top: 1px solid gray;
padding: 6px;
font-size:18px;
text-align:center;
}

#innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
}

#innerdiv2{
/* Add container height here if desired */
background-color: black;
border: 1px solid gray;
padding: 6px;
color: white;
}

#innerdiv_page_accueil{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding-right:6px;
}


#innerdiv_pays{
/* Add container height here if desired */
border-top: 1px solid gray; 
border-bottom: 1px solid gray;
background-image:url(../fr/images/shade.gif);
width:100%;
padding: 6px;
}



/*    fin  */

/*-------     navigation  pays  ---------*/

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px "MS Trebuchet ";
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

#modernbricksmenu a{
float: left;
display: block;
color: black;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
/*background-image:url(../images/fond_menu.gif);*/
background: #CCCCCC url(../fr/images/shade_jaune.gif) repeat-x;
/*background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
/*background-color: #CCCCCC; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
color:#000000;
border-top: solid 1px #CCCCCC; 
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
background-image:url(../images/fond_menu_select.gif);
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #CCCCCC; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}
/*-----------     fin   ---------*/

/*--------  navigation  haut  --------*/
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
width: 100%;
border: 1px solid #FFFFFF;
/*background-color: #f9ff91;*/
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 8px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #ffe84f;
}

/*----------     fin      -----------*/


/*-----------   sous menu  ----------*/
.breadcrumb{
font: bold 15px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: underline;
padding-right: 18px; /*adjust bullet image padding*/
color: #0055E3;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.lien 
{ 
font-size:16px;
color:#0055E3;
font-weight:bold;
}


.titre
{
background-color:#FFFF;
}

.info_titre
{
font-size:8pt;
}
/*----------    debut form     ------------*/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*----------     commentaire    ---------*/

.commentbox{
background-color: #ececec;
width:98%;
padding: 10px;
font-size:11px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size:10px;
color:#0066FF;
color: #4A4A4A;
}

/* opacité des images  */ 

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid #CCCCCC;
}


#toggleborder span{ /*CSS for enlarged image*/
/*position: absolute;*/
border: 1px dashed #CCCCCC;
}

#thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#toggleborder2 img{
border: 1px solid #CCCCCC;
padding:5px;
}

#toggleborder img{
border: 1px solid #CCCCCC;
}
.toggleborder:hover{
/*color: red; /* Dummy definition to overcome IE bug */
}

/*    fin   */ 

.thumbnail_2{
position: relative;
z-index: 0;
}

.thumbnail_2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
}

.thumbnail_2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail_2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.thumbnail_2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.thumbnail_2 :hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

div.float {
 	float: left;
	margin: 0 5px 5px 0;
	position: relative;
 }

div.float p {
 	text-align: center;
	padding-top:1px;
	width: 80px;
	font-size:10px;
  }

div.float_titrologie {
 	float: left;
	margin: 0 5px 5px 0;
	position: relative;
 }

div.float_titrologie p {
 	text-align: center;
	padding-top:1px;
	width: 300px;
	font-size:10px;
  }

.abonne{
font-size:11px;
}

/* mod_quickicon */

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 97px !important;
	height: 100px; 
	width: 108px !important;
	width: 110px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #f1e8e6;  
	border: 1px solid #c24733;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}