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

* {
	margin:0;
	padding:0;
}

body {
	background-color:#fff;
	background: url(/IMG/nav/filet_tete.gif) repeat-x;
	background-position: 0 71px !important; /* ce qui est vu sous FF, safarie, IE7 */
	background-position: 0 74px; /* hack IE6 : il ne comprend pas l'instruction !important, donc il prend cette ligne */ 
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	visibility:hidden; 
	padding-bottom:15px;
}


/* BLOCS DE POSITIONNEMENT */
#entete, #nav_principale, #image_accueil, #conteneur, #flash, #pied {
	width:984px;
	margin:0 auto;
}

#entete	{
	margin-top:20px;
	width: 983px;
	height:53px;
}

h1#logo {
	width: 983px;
	height: 53px;
}
h1#logo img {border: none;}

#nav_principale {position:relative;}

#conteneur {margin-top:20px; clear:left;}

/* BLOCS DE CONTENU */

#texte_image_accueil	{
	position:relative;
	top:0px;
	left:15px;
	width:965px;
	height:50px;
	color:black;
	font-size:12px;
	font-weight: normal;
}

#cont_texte_article{
float:left;
width:320px;
height: auto;
min-height: 400px;
_height: 400px;
background-color:#F5F5F5;
}

#cont_texte_rubrique{
float:left;
width:320px;
height: auto;
min-height: 325px;
_height: 325px;
background-color:#F5F5F5 ;
}

#cont_texte_atelier {
float:left;
height: auto;
min-height: 325px;
_height: 325px;
width:783px;
padding:0 100px;
background-color:#F5F5F5 ;
font-size:12px;
}

#cont_img {
float:right;
width:648px;
height:325px;
}
#cont_texte_portfolio{
float:left;
width:320px;
height: auto;
min-height: 400px;
_height: 400px;
background-color:#F8F8F6;
}

#copyright {
	text-align:right;
	padding-top:3px;
	color:#999;
	font-size:9px;
	line-height:9px;
}
#mentions-legales {
	text-align:left;
	color:#999;
	font-size:9px;
	float:left;
	line-height:24px;
}
#nav_pied {
	float:right;
	line-height:22px;
}

#acces_portfolio {float:right;}

/* TYPOGRAPHIE */
h2.titre_rub	{
padding:10px 5px 10px 15px;
color:#4B4B4B;
font-size:16px;
text-transform:uppercase;
}

h3.titre_rub	{
line-height:40px;
padding-left:20px;
color:#4B4B4B;
font-size:18px;
}

h3.intertitre_portfolio	{
line-height:30px;
padding-left:20px;
color:#4B4B4B;
font-size:14px;
font-weight:bold;
}
#texte_rub {
padding:0 15px;
color:#505050;
font-size:11px;
}

#texte_rub li {
	list-style-position: outside;
	list-style-image: url(/IMG/nav/flech_puce.gif);
	*list-style-image: url(/IMG/nav/flech_puce_ie7.gif);
	margin-left:15px;
	padding-bottom:3px;
}

div.descriptif_rub {
padding:0 20px;
color:#505050;
font-size:11px;
}

h2.titre_fiche_projet {
padding:10px 5px 10px 15px;
color:#4B4B4B;
font-size:16px;
}

div.texte_fiche_projet_petit {
padding:0 15px;
color:#505050;
font-size:12px;
height:200px;
width:290px;
overflow:auto;
}

div.texte_fiche_projet_grand {
padding:0 15px;
color:#505050;
font-size:12px;
height:280px;
width:290px;
overflow:auto;
}

h2.titre_meme_client {
padding:10px 5px 10px 15px;
color:#4B4B4B;
font-size:13px;
}

div.texte_meme_client {
padding:0 15px;
margin-bottom:10px;
color:#505050;
font-size:12px;
width:290px;
}

h2.titre_atelier	{
padding:10px 5px 20px;
color:#4B4B4B;
font-size:18px;
}
div#texte_atelier {
width:364px;
color:#505050;
}

div#texte_atelier_droite {
float:right;
width:364px;
height: auto;
min-height: 325px;
_height: 325px;
color:#505050;
padding-left:50px;
}

span.separateur_pied {
	padding:0 30px;
	color:#999;
	font-size:10px;
}


/* STRUCTURE HACKS */
div.void {display:block; visibility:hidden; padding:5px 0 40px; clear:both;}
div.void2 {clear:both;}
div.void3 {padding:5px 0 10px; clear:both;}
div.void4 {clear:both; border-top: solid 2px white;}
div.voider {clear:both; padding:1px 0;}

/* NAVIGATION LVHA */

a {text-decoration:none; color:inherit;}


a.nav_ariane {
	color:#4B4B4B;
	font-size:12px;
	padding:0 9px;
	margin-bottom:15px;
}

nav_ariane a:hover {
	color:#aaa;
}

a.lnk_tete {
	color:#222;
	padding-left:10px;
	background:url(/IMG/nav/flech_noir.gif) 0 5px no-repeat;
}

a.lnk_tete:hover {
	color:#bbb;
	padding-left:10px;
	background:url(/IMG/nav/flech_grise.gif) 0 5px no-repeat;
}

a.lnk_rub {font-size:12px; color:#222;}
a.lnk_rub:visited {color:#777;}
a.lnk_rub:hover {color:#bbb;}

a.lnk_portfolio {
	display:block;
	width:262px;
	height:26px;
	margin:25px 5px 10px 0;
	text-align:right;
	padding-right:5px;
	background:url(/IMG/nav/acces2_portfolio.gif) no-repeat #fff;
	color:#00253B;	
	font-size:14px;
	font-weight: bold;
	line-height:26px;	
}

a.lnk_portfolio:hover {
	color:#bbb;
	background:url(/IMG/nav/acces2_portfolio_hover.gif) no-repeat #fff;
}

a.lnk_vignette {border:none 0px; }
a.lnk_vignette_on {}

a.lnk_mentions {
	color:#999;
	padding-left:10px;
	background:url(/IMG/nav/flech_lnk_pied.gif) 0 4px no-repeat;
}

a.lnk_mentions:hover {
	color:#000;
	background:url(/IMG/nav/flech_lnk_pied_hover.gif) 0 4px no-repeat;
}

a.lnk_pied {
	font-size:10px;
	font-weight:bold;
	color:#999;
	text-transform:uppercase;
	padding-left:10px;
	background:url(/IMG/nav/flech_lnk_pied.gif) 0 4px no-repeat;
}

a.lnk_pied:hover {
	color:#000;
	background:url(/IMG/nav/flech_lnk_pied_hover.gif) 0 4px no-repeat;
}

/* TYPO SPIP */
strong.spip {font-weight:bold}
p.spip {font-size:inherit; padding-bottom:10px; color:inherit; font-weight:inherit;}
hr.spip {visibility:hidden; padding-bottom:30px;}
h3.spip {
	line-height:25px;
	margin:5px 0 10px 0;
	padding-left:10px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background: #00253B;}
ol.spip li {list-style-position:inside; padding-bottom:5px;}

a.spip_out, a.spip_in {
	color:#111;
	margin-left:5px;
	padding-left:10px;
	background:url(/IMG/nav/flech_noir.gif) 0 5px no-repeat;}
	
a.spip_out:hover, a.spip_in:hover {
	color:#999;
	margin-left:5px;
	padding-left:10px;
	background:url(/IMG/nav/flech_grise.gif) 0 5px no-repeat;
}

#images-links {padding:0 10px 10px 20px;}
#images-links img {border:none;}