
body {
    background          : #69acc5 url(images/fd_page.gif) repeat-y left top;
    color               : #fff;
    font-size           : 12px;
    font-family         : geneva, Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px;
	padding             : 0px;
}
td {
    font-size           : 12px;
    font-family         : geneva, Verdana, Arial, Helvetica, sans-serif;
}

p {
    margin              : 0;
    padding             : 0;
}
img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	color:#cde1ad;
}
a:hover { 
	color:#cde1ad;
	text-decoration: underline;
}

/* Images typographiques (via image_typo), URL a revoir... */
img { behavior: url(win_png.htc); }

.invisible { position: absolute; top: -3000em; height: 1%; }

/* ------------------------------------*/
/* ---------->>> TETIERE <<<-----------*/
/* ------------------------------------*/

div.tetiere {
    border-top          : 1px solid #72BAAE;
    position            : relative;
    width               : 100%;
}

div.petit_rond_flash {
    position            : absolute;
    top                 : -1px;
    right               : 372px;
}

div.moyen_rond_flash {
    position            : absolute;
    top                 : -1px;
    right               : 242px;
}

div.gros_rond_flash {
    position            : absolute;
    top                 : -1px;
    right               : 15px;
}
    

/* ---------------------------------*/
/* ---------->>> MENU <<<-----------*/
/* ---------------------------------*/

div#menu {
    text-transform      : uppercase;
    background          : #548a9e url(images/fd_menu.gif) repeat-y left top;
    height              : 31px;
    margin-top          : 72px;
    margin-left         : 233px;
}

div#menu ul {
    margin              : 0;
    padding             : 0;
}

div#menu ul li {
    float               : left;
    list-style-type     : none;
}

div#menu ul li a:link, div#menu ul li a:visited {
    display             : block;
    padding             : 8px 5px 9px 5px;
    color               : #fff;
    text-decoration     : none;
    background          : transparent url(images/separateur_menu.gif) no-repeat right top;
}

div#menu ul li a.last:link, div#menu ul li a.last:visited {
    background-image    : none;
}

div#menu ul li a:hover, div#menu ul li a:active,
div#menu ul li a.on:link, div#menu ul li a.on:visited, div#menu ul li a.on:hover, div#menu ul li a.on:active {
    display             : block;
    background-color    : #fff;
    color               : #4194b0;
    text-decoration     : none;
}

div#menu ul li a.active, div#menu ul li a:active {
	color:#a6ce85;	
}

div#menu ul li a.sans_pipe  {
    display             : block;
    padding             : 8px 5px 9px 5px;
    text-decoration     : none;
	background			:none;
}
div#menu ul li a.sans_pipe:hover  {
    display             : block;
    padding             : 8px 5px 9px 5px;
    text-decoration     : none;
    background-color    : #fff;
    color               : #4194b0;
}
/* ---------------------------------*/
/* ---------->>> LOGO <<<-----------*/
/* ---------------------------------*/

div#logo {
    float               : left;
    width               : 233px;
    margin-top          : 10px;
}

div#logo img {
    margin-left         : 39px;
}

/* ------------------------------------*/
/* ---------->>> CONTENU <<<-----------*/
/* ------------------------------------*/

div#container {
    position            : relative;
}

table#contenu {
    clear               : both;
    width               : 100%;
}

table#contenu td#colonne1 {
    width               : 129px;
    position            : static;
}







table#contenu td#colonne2 {
    border-left         : 1px solid #fff;
}

table#contenu td#colonne2 div#titre_page {
    clear               : both;
    margin-left         : 107px;
    margin-bottom       : 5px;
}

table#contenu td#colonne2 table#sous_contenu {
    clear               : both;
}

table#contenu td#colonne2 table#sous_contenu td#colonne_gauche {
    width               : 260px;
	padding				: 0px 10px;
    border-right         : 1px solid #fff;
}

	table#contenu td#colonne2 table#sous_contenu td#colonne_gauche a#titre_actu{
		border-bottom:1px solid #fff;
		width:100%;
		display:block;
		margin-bottom:10px;
	} 
	table#contenu td#colonne2 table#sous_contenu td#colonne_gauche ul#liste_actus li a{
		color:#fff;
	} 
	table#contenu td#colonne2 table#sous_contenu td#colonne_gauche ul#liste_actus li{
		margin-bottom:10px;
	} 
	table#contenu td#colonne2 table#sous_contenu td#colonne_gauche #portfolio img{
		padding-left:5px;
		padding-bottom:5px;
	}
	table#contenu td#colonne2 table#sous_contenu td#colonne_gauche #document{
		margin-top:10px;
	}
		table#contenu td#colonne2 table#sous_contenu td#colonne_gauche #document a{
			color:#000;
		}
		table#contenu td#colonne2 table#sous_contenu td#colonne_gauche #document .logo_doc{
			width:52px;
			float:left;
		}
		table#contenu td#colonne2 table#sous_contenu td#colonne_gauche #document .desc_titre_doc{
			width:215px;
			float:right;
		}





table#contenu td#colonne2 table#sous_contenu td#colonne_droite {
    padding-left        : 28px;
    padding-right       : 28px;
}

div.brochure {
    color               : #fff;
    margin-top          : 10px;
}

div.brochure div.logo {
    float               : left;
}

div.brochure div.logo img {
    margin              : 0 5px 0 5px;
}

div.brochure div.texte {
    padding-left        : 5px;
}

div.brochure div.texte a:link, div.brochure div.texte a:visited {
    text-decoration     : none;
    color               : #000;
}
    
div.brochure div.texte a:hover, div.brochure div.texte a:active {
    text-decoration     : underline;
    color               : #000;
}

img.align_right {
    float               : right;
    margin-left         : 10px;
    margin-bottom       : 10px;
}

img.align_left {
    float               : left;
    margin-right        : 10px;
    margin-bottom       : 10px;
}

td#colonne_droite a:link, td#colonne_droite a:visited {
    text-decoration     : underline;
	color:#fff;
}

td#colonne_droite a:hover, td#colonne_droite a:active {
    text-decoration     : none;
	color:#fff;
}

/* ---------------------------------*/
/* ---------->>> PIED <<<-----------*/
/* ---------------------------------*/

div.pied {
    position            : absolute;
    /*top                 : 400px;*/
    bottom              : 10px;
    left                : 3px;
    text-align          : right;
    width               : 120px;
    font-size           : 10px;
    letter-spacing      : -1px;
}

div.pied a:link, div.pied a:visited {
    color               : #fff;
    text-decoration     : underline;
}

div.pied a:hover, div.pied a:active {
    text-decoration     : none;
}

div.pied img.rss {
    margin-top          : 10px;
}

/* ----------------------------------*/
/* ---------->>> DEBUG <<<-----------*/
/* ----------------------------------*/

.debug {
    border              : 1px dashed red;
}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
