/* © 2010 PORTFOLIO : Vaince CSS */


/* ------------------------------------------------ IMPORT CSS */

/* CSS - Lighbox */
@import url(/css/prettyPhoto.css);


/* ------------------------------------------------ FONT */
/*@font-face {font-family:myfontAUGIE; src:url("../font/futura.eot");}
@font-face {font-family:myfontAUGIE; src:url("../font/futura.ttf");}*/



/* ------------------------------------------------ CSS */
html{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	padding: 0px;
	margin: 0px;
	background: #000 url(/images/fond.jpg) top left no-repeat;
	background-attachment:fixed;
}

/* ------------------------------------------------ TITRE : h1 */
h1{
	/*font-family:"Times New Roman", Times, serif;*/
	font-size: 27px;
	margin: 0px 0px 4px 0px !important;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align: left;
	text-transform:uppercase;
	color: #1fadc4;
	font-weight: bold;
	text-decoration:none;
}

h1 a, h1 a:hover{
	color: #1fadc4;
	text-decoration:none;
}

/* ------------------------------------------------ TITRE : h2 */
h2{
	/*font-family:"Times New Roman", Times, serif;*/
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 18px;
	text-transform:uppercase;
	color: #1fadc4;
	text-align: justify;
	text-decoration:none;
}

h2 a, h2 a:hover{
	color: #1fadc4;
	text-decoration:none;
}

.categories{
	font-size: 10px;
	color: #1fadc4;
}

/* ------------------------------------------------ TITRE : h3 */
h3{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 12px;
	color: #404040;
	text-align: justify;
	text-decoration:none;
}

h3 a, h3 a:hover{
	color: #404040;
	text-decoration:none;
}

/* ------------------------------------------------ TITRE : h4 */
h4{
	color:#444446;
	font-size:12px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	text-decoration:none;
}

h4 a, h4 a:hover{
	color:#444446;
	text-decoration:none;
}

/* ------------------------------------------------ TITRE : h5 */
h5{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	color: #b8b8b8;
	border-bottom:1px dotted #b8b8b8;
	text-align: left;
	text-decoration:none;
}

h5 a, h5 a:hover{
	color:#b8b8b8;
	text-decoration:none;
}

/* ------------------------------------------------ TITRE : h5 */
h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color: #00407d;
	text-align: left;
	text-decoration:none;
}

h6 a, h6 a:hover{
	color:#00407d;
	text-decoration:none;
}


/* ------------------------------------------------ PARAMETRES : defaut */

/* Hack FF pour masquer les contours pointillés sur les liens */ 
a{
	outline: none;
}

/*:focus{
	-moz-outline-style: none;
}*/

a {
	color: #1fadc4;
	text-decoration: none;
}

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

p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

strong{
	color: #1fadc4;
	font-weight: bold;
}

img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* These selection declarations */
::-moz-selection { background: #1fadc4; color:#fff; text-shadow: none; }
::selection { background:#1fadc4; color:#fff; text-shadow: none; }

/*---------------------------------------------------------------------*/
/* PARAMETRES : site  */
/*---------------------------------------------------------------------*/
#site{
	width: 900px;
	padding: 0px;
	margin:0px 0px 0px 30px;
}

.lightview{
	cursor: url(/images/zoomin.cur), pointer !important;
}

.border-photo{
	padding:2px;
	margin:0px;
	border:1px solid #6b6b6b;
}

.wash{
	margin: 0px;
	padding: 0px;
	clear: both;
}


/*--------------------------------------------------------------------*/
/* GESTION : contenu */
/*--------------------------------------------------------------------*/
#contenu{
	float:left;
	width:900px;
	height:300px;
	min-height:300px !important;
	height:auto !important;
	margin:80px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#contenuTOP{
	float: left;
	width:900px;/*900*/
	height:10px;/*10*/
	margin: 0px;
	padding:0px;
	background: transparent url(/images/contenuTOP.png) no-repeat;
}

#contenuMIDDLE{
	float: left;
	width: 900px;/*300*/
	height: 100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(/images/contenuMIDDLE.jpg) repeat-y;
}

#content{
	float:right;
	width:550px;/*590*/
	height:300px;
	min-height:300px !important;
	height:auto !important;
	margin:0px 20px 20px 0px !important;
	margin:0px 10px 10px 0px;
	padding:2px 0px 0px 0px;
	text-align:justify;
}

#result{
	float:right;
	width:550px;/*590*/
	height:300px;
	min-height:300px !important;
	height:auto !important;
	margin:0px 20px 20px 0px !important;
	margin:0px 10px 10px 0px;
	padding:2px 0px 0px 0px;
	text-align:justify;
}

#moteur-recherche{
	position:relative;
	color:#444446;
	text-transform:uppercase;
	font-size:10px;
	height:21px;
	margin:0px;
	padding:5px;
}

#moteur-recherche input{
	float:left;
	margin-right:5px;
	width: 235px;/*215*/
}

.loader{
	position:absolute;
	top:8px;
	left:230px;
	z-index:99;
	float:left;
	height:16px;
	width:16px;
	background:transparent url(/images/loading.gif) no-repeat;
}

.reset{
	display:none;
	position:absolute;
	top:5px;
	left:210px;
	z-index:90;
	float:left;
	height:22px;
	width:22px;
	background:transparent url(/images/close.png) no-repeat;
}

/*#content ol{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	text-align: justify;
}

#content ol li{
	margin: 0px 0px 0px 10px !important;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
}

#content ul{
	margin: 10px 0px 0px 15px !important;
	margin: 5px 0px 0px 8px;
	padding: 0px;
	list-style-position:inside;
	list-style-image: none;
}

#content ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}*/

#fil-ariane{
	color:#444446;
	border-top:1px dotted #444446;
	border-bottom:1px dotted #444446;
	text-transform:uppercase;
	font-size:10px;
	height:12px;
	margin:0px;
	padding:5px 0px;
}

#fil-ariane a {
	color: #444446;
	text-decoration: none;
}

#fil-ariane a:hover{
	color: #1fadc4;
	text-decoration: none;
}

#index-texte-top{
	float: left;
	width:550px;
	height: 10px;
	height: auto !important;
	min-height: 30px !important;
	/*color:#444446;*/
	border-bottom:1px dotted #444446;
	margin:20px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

#texte-top{
	float: left;
	width:550px;
	height: 10px;
	height: auto !important;
	min-height: 30px !important;
	/*color:#444446;*/
	border-bottom:1px dotted #444446;
	margin:20px 0px 20px 0px;
	padding:0px 0px 5px 0px;
}

#gauche{
	float: left;
	width: 270px;/*310*/
	height: 300px;
	height: auto !important;
	min-height: 300px !important;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	text-align: justify;
}


/*-----------------------------------------------------------------------  BLOC RECHERCHE : pages */
#rechercheBLOC{
	float: left;
	width: 270px;
	margin: 0px 0px 20px 0px;
	padding:0px;
}

#rechercheTOP{
	float: left;
	width:270px;/*270*/
	height:22px;/*22*/
	margin: 0px;
	padding:0px;
	text-indent:-999em;
	background:url(/images-fr/rechercheTOP.jpg) no-repeat;
}

#rechercheMIDDLE{
	float: left;
	width: 250px;/*300*/
	height:10px;
	height: auto !important;
	min-height: 10px !important;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #fff;
}

.liste-recherche{
	float: left;
	width: 550px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted #444446;
}

.liste-recherche-image{
	float:left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
}

.liste-recherche-texte{
	float:left;
	width: 440px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
}

.liste-recherche-detail{
	float:right;
	margin:18px 0px 0px 0px;
	width: 88px;
	height:15px;
}

#recherche-rampe{
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
}

#recherche-rampe a{
	color: #6f6c6a;
}

#recherche-rampe a:hover{
	color: #1fadc4;
}


/*-----------------------------------------------------------------------  BLOC ACTU : pages */
#actualitesBLOC{
	float: left;
	width: 270px;
	margin: 0px 0px 20px 0px;
	padding:0px;
}

#actualitesTOP{
	float: left;
	width:270px;
	height:22px;
	margin: 0px;
	padding:0px;
	text-indent:-999em;
	background:url(/images-fr/actuTOP.jpg) no-repeat;
}

#actualitesMIDDLE{
	float: left;
	width: 250px;
	height: 100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background-color: #fff;
}

#actualitesMIDDLE h3{
	border-bottom: 1px dotted #686868;
}

.actualites{
	float: left;
	width: 240px;
	height: 50px;
	height: auto !important;
	min-height: 50px !important;
	margin: 10px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background: transparent url(/images/actuBARRE.jpg) bottom no-repeat;
}

.actualites-date{
	margin-bottom:4px;
	font-size:10px;
}

.actualites h1{
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	color: #00407d;
	font-weight: bold;
	width:auto;
	height:5px;
	line-height:15px;
	background-image:none;
}

.actualites-detail{
	float:right;
	margin:5px 0px 0px 0px;
	width: 88px;
	height:15px;
}

#toutes-actualites{
	float:left;
	margin:10px 0px 5px 0px;
	padding:2px 0px 0px 0px;
	width: 250px;
	text-align:center;
	border-top: 1px dotted #686868;
}

/*---------------------------------------------------------------------- actualites-details.htm */
#actualites-commentaires{
}

#actualites-commentaires ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#actualites-commentaires ul li{
	margin: 0px;
	padding: 0px;
}

#commentaires-titre{
	margin:50px 0px 10px 0px;
	font-size:15px;
	border-bottom:1px dotted #404040;
	color:#404040;
}

#ajout-titre{
	margin:20px 0px 10px 0px;
	font-size:15px;
	border-bottom:1px dotted #404040;
	color:#404040;
}

.commentaires{
	border:1px solid #e6e6e6;
	padding:10px;
	margin-top:10px;
}

.commentaires-infos{
	border-bottom:1px dotted #6b6b6b;
	margin-bottom:10px;
	padding-bottom:10px;
}

.commentaires-pseudo{
	font-size:14px;
}

#commentform input{
	border:1px solid #e6e6e6;
	padding:2px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
}

#commentform textarea{
	border:1px solid #e6e6e6;
	padding:2px;
	
	width:520px;
	max-width:520px;
	min-width:520px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
}

#formulaire-ajout{
	margin-top:10px;
	border:1px solid #e6e6e6;
	padding:10px;
}


/*-----------------------------------------------------------------------  BLOC TWITTER : pages */
#twitterBLOC{
	float: left;
	width: 270px;
	margin: 0px 0px 20px 0px;
	padding:0px;
}

#twitterTOP{
	float: left;
	width:270px;/*270*/
	height:22px;/*22*/
	margin: 0px;
	padding:0px;
	text-indent:-999em;
	background:url(/images-fr/twitterTOP.jpg) no-repeat;
}

#twitterMIDDLE{
	float: left;
	width: 250px;/*300*/
	height: 100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background-color: #fff;
}

#twitterMIDDLE ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#twitterMIDDLE ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}


/*-----------------------------------------------------------------------  BLOC MEDIAS SOCIAUX : pages */
#mediasBLOC{
	float: left;
	width: 270px;
	margin: 0px 0px 20px 0px;
	padding:0px;
}

#mediasTOP{
	float: left;
	width:270px;/*270*/
	height:22px;/*22*/
	margin: 0px;
	padding:0px;
	text-indent:-999em;
	background:url(/images-fr/mediasTOP.jpg) no-repeat;
}

#mediasMIDDLE{
	float: left;
	width: 250px;/*300*/
	height:35px;
	height: auto !important;
	min-height: 35px !important;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 0px 10px;
	background-color: #fff;
}

.media-liste {
	float:left;
	height:22px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	
	
.media-twitter a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-twitter a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-twitterON.jpg) no-repeat;
}

.media-googleplus a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-googleplus a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-googleplusON.jpg) no-repeat;
}

.media-flickr a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-flickr a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-flickrON.jpg) no-repeat;
}

.media-myspace a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-myspace a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-myspaceON.jpg) no-repeat;
}

.media-youtube a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-youtube a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-youtubeON.jpg) no-repeat;
}

.media-rss a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-rss a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-rssON.jpg) no-repeat;
}

.media-favoris a {
	display:block; 
	width:22px; 
	height:22px; 
	position:relative;
}	

.media-favoris a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:22px; 
	height:22px; 
	background:url(/images/logo-favorisON.jpg) no-repeat;
}


/*-----------------------------------------------------------------------  BLOC NOS SELECTIONS : pages */
.selections{
	float: left;
	width: 270px;
	margin: 0px;
}

.selections h2{
	font-size: 20px;
	color: #00407d;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align:center;
	font-weight: normal;
	text-transform:uppercase;
}


/*-----------------------------------------------------------------------  BLOC TRAVAUX : pages */
.travaux{
	float: left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.travaux-image{
	float:left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
}

.travaux-texte{
	float:left;
	width: 440px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
}

.travaux-detail{
	float:right;
	margin:18px 0px 0px 0px;
	width: 88px;
	height:15px;
}


/*-----------------------------------------------------------------------  BLOC RAMPE : pages */
#rampe{
	border-top:1px dotted #444446;
	margin:20px 0px 0px 0px;
	padding-top:5px;
}

#rampe a{
	color: #6f6c6a;
}

#rampe a:hover{
	color: #1fadc4;
}

/*---------------------------------------------------------------------- index.htm */


/*---------------------------------------------------------------------- portfolio.htm 
																		 webdesign.htm 
																		 print.htm 
																		 photographie.htm 
																		 illustration.htm 
																		 musique.htm */

#travaux-coeur{
	float: left;
	width: 548px;/*550*/
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted #444446;
}

.travaux-coeur-image{
	float:left;
	width: 550px;/*550*/
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
	position:relative;
}

.border-travaux{
	padding:1px;
	border: 1px solid #e6e6e6;
}

.travaux-left{
	float: left;
	width: 260px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:20px 0px 0px 0px;
	padding:0px;
}

.travaux-right{
	float: right;
	width: 260px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:20px 0px 0px 0px;
	padding:0px;
}

.travaux-image-colonne{
	float:left;
	width: 260px;/*260*/
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
}

.travaux-texte-colonne{
	float:left;
	width: 260px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
}

.travaux-detail-colonne{
	float:right;
	margin:10px 0px 0px 0px;
	width: 88px;
	height:15px;
}

/*---------------------------------------------------------------------- detail.htm */
.detail-travaux{
	float: left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:10px 0px 10px 0px !important;
	margin:5px 0px 5px 0px;
	padding:0px;
}

.detail-travaux-texte{
	float:left;
	width: 480px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
	margin:0px 0px 10px 0px !important;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

.travaux-partager{
	float:right;
	margin:18px 0px 16px 0px !important;
	margin:9px 0px 8px 0px;
	width: 60px;
}

.detail-travaux-image{
	float:left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

#player-musique{
	margin-bottom:10px;
}

.phrase-travaux{
	text-align:center;
	margin-bottom:10px;
}

#travail-similaire{
	margin: 0px 0px 0px 0px;
    padding:2px;
	font-weight: bold;
	font-size: 16px;
	color: #444446;
    border-bottom:1px dotted #444446;
    border-top:1px dotted #444446;
    text-align:center;
    text-transform:uppercase;
}



/*---------------------------------------------------------------------- biographie.htm */
#biographie-pdf{
	float:right;
	width:293px;
	margin-bottom:5px;
	padding:0px;
}

#frise{
	list-style:none;
	margin:0px;
	padding:0px;
}

#frise h2{
	color:#1fadc4;
	text-align:left;
	border-bottom:1px dotted #1fadc4;
	margin:10px 0px 10px 0px;
	padding:0px;
	font-weight:bold;
	font-size:18px;
}

.frise-date {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.enseignement-matiere{
	margin-top:10px;
	font-style:italic;
}


/*---------------------------------------------------------------------- actualites.htm */
.liste-actualites{
	float: left;
	width: 550px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted #444446;
}

.liste-actualites-image{
	float:left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
}

.liste-actualites-texte{
	float:left;
	width: 440px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
}

.liste-actualites-detail{
	float:right;
	margin:18px 0px 0px 0px;
	width: 88px;
	height:15px;
}

#actualites-rampe{
	margin:0px;
	padding-top:5px;
}

#actualites-rampe a{
	color: #6f6c6a;
}

#actualites-rampe a:hover{
	color: #1fadc4;
}


/*---------------------------------------------------------------------- actualites-detail.htm */
.detail-actualites{
	float: left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin:20px 0px 0px 0px !important;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.detail-actualites-texte{
	float:left;
	width: 470px;
	height:10px;
	height: auto !important;
	min-height: 10px !important;
	margin:0px 0px 10px 0px !important;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}

.detail-actualites-partager{
	float:right;
	margin:18px 0px 16px 0px !important;
	margin:9px 0px 8px 0px;
	width: 60px;
}

.detail-actualites-image{
	float:left;
	width: 550px;
	height:100px;
	height: auto !important;
	min-height: 100px !important;
	margin: 0px 0px 10px 0px !important;
	margin: 0px 0px 5px 0px;
	padding:0px;
}

#actualites-photos{
	margin:20px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	border-top:1px dotted #444446;
}

.photo-article{
	margin-bottom:10px;
}


/*---------------------------------------------------------------------- contact.htm */



/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	float: left;
	width: 860px;/*900*/
	margin: 0px 0px 15px 0px;
	padding: 20px 20px 20px 20px;
	font-size: 10px;
	font-weight: bold;
	color: #5a5958;
	background-color:#111111;
}

#footer-desc{
	float:left;
	width:440px;
	margin-right:30px;
	text-align:justify;
}

#google-plus{
	float:left;
	width:60px;
	margin:0px 5px 5px 0px;
}

#footer-pdf{
	float:right;
	width:293px;
	margin-top:15px;
}

#footer-liens{
	float:left;
	width:120px;
	margin-right:30px;
}

#footer-liens ul{
	list-style:none;
	margin:-4px 0px 0px 0px;
	padding:0px;
}

#footer-liens ul li{
	margin:0px;
	padding:4px 0px;
	border-bottom:1px dotted #292929;
}

#footer-liens ul li a:hover{
	margin:0px;
	padding:3px 0px 3px 10px;
	text-decoration:none;
	background:url(/images/puces-bleu.gif) left no-repeat;
}

#footer-actualites{
	float:right;
	width:240px;
}

#footer-actualites ul{
	list-style:none;
	margin:-4px 0px 0px 0px;
	padding:0px;
}

#footer-actualites ul li{
	margin:0px;
	padding:4px 0px;
	border-bottom:1px dotted #292929;
}

#footer-actualites ul li a:hover{
	margin:0px;
	padding:3px 0px 3px 10px;
	text-decoration:none;
	background:url(/images/puces-bleu.gif) left no-repeat;
}

.footer-actualites-date{
	margin-bottom:4px;
	font-size:10px;
}

#valid{
	float:left;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #292929;
	width:860px;
}

#valid-css{
	float:right;
}

#valid-html{
	float:right;
	margin-right:10px;
}

#valid-rss{
	float:right;
	margin-right:10px;
}

#infos-legales{
	float:left;
	width:300px;
	margin:0px;
	padding:0px;
}

#infos-legales ul{
	list-style: none;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#infos-legales ul li{
	display: inline;
	margin:0px;
	padding:0px;
}

#infos-legales ul li a{
	margin:0px;
	padding:0px;
	color:#686868;
}

#infos-legales ul li a:hover{
	margin:0px;
	padding:0px;
	color:#1fadc4;
	text-decoration:none;
}

#copyright{
	float: right;
	height:20px;
	width:100%;
	text-align:right;
	background-color:#000;
	border-top:1px solid #111111;
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:fixed;
	z-index:99;
	bottom:0px;
	right:0px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/




/*--------------------------------------------------------------------*/
/* GESTION : Fucking bastard IE6 */
/*--------------------------------------------------------------------*/
#site-IE6{
	width: 900px;
	padding: 0px;
	margin:0px 0px 0px 30px;
}

#header {
	float:left;
	position:fixed;
	top:0;
	z-index:99;
	left:30px;
	width:600px;
	height:67px;
	margin:0px;
	padding:0px;
	background: transparent url(/images/header.jpg) no-repeat;
}

#contenu-IE6{
	float:left;
	color:#fff;
	width:600px;
	height:300px;
	min-height:300px !important;
	height:auto !important;
	margin:80px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#contenu-IE6 h1{
	font-size:20px;
	color:#fff;
}

#contenu-IE6 ol{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	text-align: justify;
}

#contenu-IE6 ol li{
	margin: 0px 0px 0px 10px !important;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
}

#contenu-IE6 ul{
	margin: 10px 0px 0px 15px !important;
	margin: 5px 0px 0px 8px;
	padding: 0px;
	list-style-position:inside;
	list-style-image: none;
}

#contenu-IE6 ul li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


/* SCROLL TO TOP */
#scrollToTop a{
	position: fixed;
	right: 10px;
	top:50%;
	height:49px;
	width:49px;
}


/* CSS DESIGN AWARD NOMINATION */
.cssad{
	position:fixed;
	right:0px;
	top:75px; /*121px*/
	z-index:10;
	width:69px;
	height:164px;
}

.cssad a{
	display:block;
	/* NOIR : */
	/*background:url(http://www.cssdesignawards.com/award/css-design-award-nominee-dark-vertical.png) no-repeat;*/
	/* NOIR - BLANC : */
	background:url(http://www.cssdesignawards.com/award/css-design-award-nominee-duo-vertical.png) no-repeat;
	height:164px;
}