@charset "UTF-8";
/****** GENERAL ******/
body {
background-image: url(../images/site/patterns/template_pattern.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1a171b;
font-size:12px;
}
/* ---------------- styles de texte ------------- */
a{
	text-decoration:none;
	color:#4faab7;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}

p{
	margin:0 0 10px 0;
}

h1, h2, h3, h4, h5 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	padding:0;
	margin:0;
}

h1 {
color:#8b7c85;
font-size:19px;	
padding:0px 0px 12px 0px;
}

h2{
font-size:16px;
color:#4faab7;
margin:0 0 10px 0;
}

#content_left .newsconteneur h2 {
color:#8b7c85;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#8b7c85;
margin:0 0 10px 0;
}

dl{
	margin:0 0 1.25em 0;
}
dt{
	font-weight:bold;
}
dd{
	font-style:italic;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0;
	display:inline;
}

/* ---------------- positionnement ------------- */

#container, #container_home{
width:832px; /*894 - (2*31)*/
background-color:#FFFFFF;
margin:50px auto 30px auto;
padding:31px 31px 10px 31px;
}
/****** LOGO ******/
#logo{
width:170px;
height:141px;
position:absolute;
margin-left:320px;
left:50%;
top:30px;
}
/****** LES DESIGNERS ******/




#designers{
	width:39px;
	height:159px;
	position:absolute;
}

#conteneurdesigner {
	position:absolute;
	margin-left:-468px;
	left:50%;
	top:200px;
	z-index:110;
}


.categoriesetendues {
	width:182px; /* 39 + 143 */
	height:40px;
	position:relative;
	top:0;
}

div#categoriesdesigner{
	height:153px;
	width:172px;
	background:red;
	display:none;
	top:0;
	position:absolute;
	background:url(../images/site/categories.png) no-repeat right top;
}


div#categoriesdesigner ul{
	margin:13px 0px 10px 39px;
	padding:0;
}

div#categoriesdesigner ul li{
	display:block;
	margin:0px 0px 6px 0px;
	font-size:9px;
	padding:0;
}

div#categoriesdesigner ul li a{
	width:122px;
	padding:2px 0px 2px 10px;
	display:block;
}

div#categoriesdesigner ul li a:hover {
	background:#e3e3e3;
	text-decoration:none;
}

div#categoriesdesigner ul li.tout a{
	color:#50A9B6;
	letter-spacing:1px;
}

div#categoriesdesigner ul li.objets a{
	color:#C95226;
	letter-spacing:1px;
}

div#categoriesdesigner ul li.mode a{
	color:#69A7D8;
	letter-spacing:1px;
}

div#categoriesdesigner ul li.espace a{
	color:#704E2C;
	letter-spacing:1px;
}

div#categoriesdesigner ul li.communication a{
	color:#6AA33A;
	letter-spacing:1px;
}

div#categoriesdesigner ul li.services a{
	color:#D2BA33;
	letter-spacing:1px;
}


/****** LOUPE ******/
#conteneurmoteur {
	width:40px;
	height:40px;
	position:absolute;
	margin-left:-468px;
	left:50%;
	top:152px;
}


#loupe{
	width:39px;
	height:40px;
	position:absolute;
	top:0;
}

.loupeetendue {
	width:182px; /* 39 + 143 */
	height:40px;
	position:relative;
	top:0;
}

div#moteurover {
	height:29px;
	width:92px;
	overflow:hidden;
	background:url(../images/site/moteur.png) no-repeat right 0;
	display:none;
	top:0;
	position:absolute;
	padding:10px 30px 0px 48px;
}


div#moteurover input.form_recherche{
	width:110px;
	padding:0;
	margin:0;
}

input.moteursubmit{
	width:40px;
	height:40px;
	background:url(../images/site/loupe.png) no-repeat top left;
	border:none;
	cursor:pointer;
}

/* paination */
div#pagination {
	width:832px;
	background:#fff;
	padding:10px 0px 10px 0px;
	margin-left:-10px;
	text-align:center;
	color:#E2E5DA;
	font-size:11px;
}

div#pagination ul li a {
	color:#AAAF98;
	padding:0px 5px 0px 5px;
}
div#pagination ul li a:hover {
color: #4FAAB7;
text-decoration: none;
}
div#pagination ul li a.selected {
	color:#555441;
	font-size: 13px;
}

/****** RECHERCHE ******/
#recherche_home{
float:right;
margin-top:5px;
}
.form_recherche_home{
background:url(../images/site/recherche2.gif) no-repeat;
border:none;
width:119px;
height:20px;
padding-top:3px;
}
/****** BANNIERES ******/
#banniere{
margin-top:-4px;
position:relative;
}


div#pepiniere{
	float:left;
	background:url(../images/site/jobin_pepiniere_bg.jpeg);
	width:624px;
	height:162px;
	position:relative;
}

div#pepinieretexte {
	posiiton:absolute;
	padding:95px 50px 0 216px;
}

div#pepinieretexte p {
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:11px;
}

div#pepinieretexte p.noir {
	color:#2f6775;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0px 0px 0px;
}

div#decouvrez {
	padding:15px 0px 0px 0px;
	margin:0px 0px -16px 0px;
}

/***** SLIDESHOW ******/
#slides{ width:832px; margin-top:15px; }
#slideshow { height: 208px; width: 832px; float:left; z-index:90; }
#slideshow img { padding: 0px; }

/****** BLOC PORTFOLIO + NEWS ******/

#content_left ul li{
display:list-item;
	padding:1px 0px 1px 12px;
	background:url(../images/site/archive-puce.jpg) no-repeat 0 7px;
}


#portfolio_news{
background-color:#EBEBEC;
padding:15px;
}


#portfolio_home{
width:248px; /*(288 - 20 - 20)*/
height:113px;/*(163 - 11 - 39)*/
background-color:#FFFFFF;
padding:11px 20px 39px 20px;
float:left;
}
#portfolio_home ul{
margin-top:10px;
}
#portfolio_home ul li{
margin-right:4px;
}
#portfolio_home ul li.last{
margin-right:0px;
}
#news_home{
width:459px;/*(499 - 20 - 20)*/
height:113px;/*(163 - 11 - 39)*/
padding:11px 20px 39px 20px;
background-color:#FFFFFF;
float:right;
margin-left:15px;
}
#news_home ul{
margin-top:10px;
}
#news_home ul li{
margin-right:10px;
}
.news_img_home{
float:left;
}
.news_texte_home{
width:123px;
height:80px;
margin-left:15px;
font-size:9px;
float:left;
}

.newscanevas {
	height:55px;
}

.news_sep_home{
width:31px;
height:94px;
background:url(../images/site/news_sep.gif) no-repeat center;
float:left;
}
.news_suite_home{
text-align:right;
padding-top:10px;
}
.news_suite_home a {
font-size:10px;
text-align:right;
color:#1a171b;
}
.news_suite_home a:hover {
color:#4FAAB7;
text-decoration:none;
}
.news_suite_home img{
vertical-align:middle;
margin-left:6px;
}
/****** FOOTER ******/
#coordonnees{
width:400px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:9px;
margin-top:15px;
float:left;
}
#coordonnees a{
color:#1A171B;
}
#coordonnees a:hover{
color:#4faab7;
text-decoration:none;
}
#copyright_home{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#808080;
margin-top:5px;
width:450px;
}
#collaboration_home{
float:right;
font-size:9px;
color:#808080;
margin-top:30px;
}
#copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#808080;
float:left;
margin-top:34px;
}
#collaboration{
font-size:9px;
color:#808080;
float:right;
margin-top:10px;
}
/****** CONTENU ******/
#content{
background:#D9D9DA url(../images/site/fauxcolonne.gif) repeat-y;
border-top: 10px solid #D9D9DA;
border-bottom: 10px solid #D9D9DA;
}
#content_left{
width: 498px; /*(538 - 20 - 20-*/
margin-left:10px;
float:left;
padding:15px 20px 20px 20px;
}
#content_right{
width: 264px;
margin-right:10px;
float:right;
}

/* menu de navigation */

#menu{
	height:38px; /* au lieu de 53) */
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	margin-top:7px;
	width:750px;
}

#menuhome{
	height:38px; /* au lieu de 53) */
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	margin-top:7px;
	width:670px;
	float:left;
}

ul#navigation{
list-style-type:none;
position:relative;
margin:0;
padding:0;
z-index:100;

}

ul#navigation li{
float:left;
position:relative;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 21px 0px 0px;
height:53px;
}

ul#navigation li a {
	cursor: pointer;
	text-decoration:none;
	color:#000;
	font-size:16px;
	
}


/* menu : état hover */

ul#navigation li.news a:hover{
	color:#6E848A;
}
ul#navigation li.presentation a:hover{
	color:#96a53d;
}
ul#navigation li.services a:hover{
	color:#8d3766;
}
ul#navigation li.quelsdesigners a:hover{
	color:#e7b242;
}
ul#navigation li.aides a:hover{
	color:#009cdd;
}
ul#navigation li.download a:hover{
	color:#736756;
}
ul#navigation li.liens a:hover{
	color:#ca5227;
}
ul#navigation li.contact{
margin-right:0px;
}

ul#navigation li.contact a:hover{
	color:#d58299;
}

/* menu : état sélectionné */

ul#navigation li.newscurrent a{
	color:#6E848A;
	font-weight:bold;
}
ul#navigation li.presentationcurrent a{
	color:#96a53d;
	font-weight:bold;
}
ul#navigation li.servicescurrent a{
	color:#8d3766;
	font-weight:bold;
}
ul#navigation li.quelsdesignerscurrent a{
	color:#e7b242;
	font-weight:bold;
}
ul#navigation li.aidescurrent a{
	color:#009cdd;
	font-weight:bold;
}
ul#navigation li.downloadcurrent a{
	color:#736756;
	font-weight:bold;
}
ul#navigation li.lienscurrent a{
	color:#ca5227;
	font-weight:bold;
}
ul#navigation li.contactcurrent a{
	color:#d58299;
	font-weight:bold;
}


/* 2E NIVEAU */

ul#navigation li ul.ssmenu1 {
	background:#f5f6f6;
	width:200px;
	position:absolute;
	top:53px;
	display:none;
}

ul#navigation li ul.ssmenu1 li {
	padding:0;
	margin:0;
	height:auto;
}
ul#navigation li ul.ssmenu1 li a {
	border:none;
	display:block;
	color:#000;
	font-size:12px;
	padding:8px 10px 8px 15px;
	margin:0;
	width:175px;
	font-weight:normal;
}

/* 2ème niveau : état over */
ul#navigation li ul.ssmenu1 li a:hover{
	color:#fff;
	font-size:12px;
	background:#9bb3b6;
}

ul#navigation ul ul{
	top:auto;
}	
ul#navigation li:hover ul ul, ul#navigation li:hover ul ul ul, ul#navigation li:hover ul ul ul ul{
	display:none;
}
ul#navigation li:hover ul, ul#navigation li li:hover ul, ul#navigation li li li:hover ul, ul#navigation li li li li:hover ul{
	display:block;
}

/* chemin (fil d'ariane */

#chemin {
	padding:0px 0px 18px 0px;
	color:#d9d9da;
	font-size:11px;
}

#chemin a {
	color:#4faab7;
}
#chemin li a:hover {
text-decoration:none;
}
#content_left #chemin ul li {
display:inline;
background:none;
padding:0;
}

#chemin li.newscurrent a{
	color:#6E848A;
}
#chemin li.presentationcurrent a{
	color:#96a53d;
}
#chemin li.servicescurrent a{
	color:#8d3766;
}
#chemin li.quelsdesignerscurrent a{
	color:#e7b242;
}
#chemin li.aidescurrent a{
	color:#009cdd;
}
#chemin li.downloadcurrent a{
	color:#736756;
}
#chemin li.lienscurrent a{
	color:#ca5227;
}
#chemin li.contactcurrent a{
	color:#d58299;
}


#recherche{
padding:20px 10px;
background-color:#FFFFFF;
}
.form_recherche{
background:transparent;
border:none;
width:210px;
height:20px;
padding-top:3px;
}


#resultatsrecherche ul {
	padding:0;
	margin:0;
}

#content_left #resultatsrecherche ul li {
	display:block;
	background:none;
}

#resultatsrecherche ul li a {
	color:#000;
	background:url(../images/site/recherche-puce.jpg) no-repeat 0 6px;
	padding:0px 0px 0px 15px;
	display:block;
	
}

#resultatsrecherche ul li a:hover {
	color:#4faab7;
	text-decoration:none;
}


h3 span.searchfichedesigners {
	color:#00ACBA;
}

h3 span.searchcatdesigners {
	color:#00ACBA;
}

h3 span.searchnews {
	color:#6E848A;
	
}

h3 span.searchcontenu {
	color:#90A62E;
}

.titre_bloc {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#8B7C85;
}

.titre_bloc2{
width:254px;
height:43px;
background:url(../images/site/bg_titre.jpg) no-repeat top left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:19px;
padding:14px 0px 0px 10px;
}
#portfolios {
background-color:#FFFFFF;
padding-bottom:20px;
}
#portfolios ul{
margin-top:10px;
margin-left:10px;
}
#portfolios li{
margin-right:4px;
}
#news {
background-color:#FFFFFF;
padding-bottom:5px;
}

#news a.lienrss {
	display:block;
	padding:2px 20px 2px 0px;
	background:url(../images/site/rss.jpg) no-repeat right 2px;
	width:140px;
}

#news a{
color:#000;
}
#news a:hover{
color:#4faab7;
text-decoration:none;
}
#news ul{
margin-top:10px;
margin-left:10px;
}
#news ul li{
margin-right:10px;
}
#news p {
	padding:0px 0px 0px 10px
}

#content_left ul#news_liste li {
padding:0;
background:none;
}

ul#news_liste img {
	padding:0px 10px 15px 0px;
}

ul#news_liste li a {
	color:#877c83;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul#news_liste li a:hover {
	color:#877c83;
	text-decoration:underline;
}

ul#news_liste li span.dateListeNews {
	color:#4faab7;
	display:block;
}

div#news_navigation {
	margin:15px 0px 0px 0px;
}

div#news_navigation a.news_old {
	float:left;
	background:url(../images/site/news_old.jpg) no-repeat 0px 3px;
	padding:0px 0px 0px 20px;
	color:#1A171B;
	font-size:11px;
	line-height:20px;
}
div#news_navigation a.news_old:hover {
	color:#4FAAB7;
	text-decoration:none;
}

div#news_navigation a.news_new {
	float:right;
	background:url(../images/site/news_new.jpg) no-repeat right 3px ;
	padding:0px 20px 0px 0px;
	color:#1A171B;
	font-size:11px;
	line-height:20px;
	}
div#news_navigation a.news_new:hover {
	color:#4FAAB7;
	text-decoration:none;
}

ul#listeArchives {
	padding:0px 0px 20px 10px;
	margin:0;
}

p.dateNews {
	color:#4faab7;
	font-size:12px;
	margin-bottom:0px;
}

ul#listeArchives li {
	display:block;
	padding:1px 0px 1px 14px;
	background:url(../images/site/archive-puce.jpg) no-repeat 0 8px;
}

.news_img{
float:left;
}
.news_texte{
width:153px;
height:80px;
margin-left:15px;
font-size:9px;
float:left;
}
.news_sep{
width:244px;
height:1px;
background:url(../images/site/news_sep_horizontal.gif) no-repeat center;
margin-top:10px;
margin-bottom:10px;
}
.news_suite{
text-align:right;
padding-top:0px;
margin-right:10px;
margin-bottom:10px;
}
.news_suite a {
font-size:10px;
text-align:right;
color:#1a171b;
}
.news_suite a:hover {
color:#4FAAB7;
}
.news_suite img{
vertical-align:middle;
margin-left:6px;
}
#content_designers{
background-color:#E2E5DA;
border-top: 10px solid #E2E5DA;
border-left: 10px solid #E2E5DA;
}
.designer_bloc{
width:244px; /*(264 - 10 - 10)*/
height:165px;/*(180 - 10 - 10)*/
background-color:#FFFFFF;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:10px 10px 5px 10px;
vertical-align:bottom;
}
div.pasdesigners{
	height:200px;
}

.cat_objets{
color:#CA5227;
font-size:10px;
letter-spacing:1px;
margin-bottom:15px;
}
.cat_objets_detail{
color:#CA5227;
font-size:12px;
letter-spacing:1px;
margin-bottom:18px;
}
.cat_mode{
color:#6aa8d9;
font-size:10px;
letter-spacing:1px;
margin-bottom:15px;
}
.cat_mode_detail{
color:#6aa8d9;
font-size:12px;
letter-spacing:1px;
margin-bottom:18px;
}
.cat_commu{
color:#6ba53a;
font-size:10px;
letter-spacing:1px;
margin-bottom:15px;
}
.cat_commu_detail{
color:#6ba53a;
font-size:12px;
letter-spacing:1px;
margin-bottom:18px;
}
.cat_espace{
color:#704e2c;
font-size:10px;
letter-spacing:1px;
margin-bottom:15px;
}
.cat_espace_detail{
color:#704e2c;
font-size:12px;
letter-spacing:1px;
margin-bottom:18px;
}
.cat_services{
color:#c7af35;
font-size:10px;
letter-spacing:0px;
margin-bottom:15px;
}
.cat_services_detail{
color:#c7af35;
font-size:12px;
letter-spacing:1px;
margin-bottom:18px;
}
.nom{
font-size:10px;
line-height:11px;
}
.ville{
color:#565542;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:9px;
}
#content_designer_detail{
border: 10px solid #D9D9DA;
}
#content_designer_detail p{
font-size:11px;
}
.contacts{
font-size:11px;
color:#867C84;
margin-top:30px;
}
.contacts a{
color:#867C84;
}
.contacts a:hover{
text-decoration:underline;
}

#content_designer_detail p.portfolio_objet {
	font-size:10px;
	font-weight:bold;
	color:#867C84;
	text-transform:uppercase;
	padding:0px 0px 0px 5px;
	margin:0;
}

#content_designer_detail p.portfolio_legende {
	font-size:10px;
	color:#867C84;
	padding:0px 0px 0px 5px;
	margin:0;
	
}

#content_left_designer_detail{
width: 227px; 
float:left;
padding:20px;
}
#content_right_designer_detail{
width: 533px;
margin-right:10px;
margin-top:41px;
margin-bottom:30px;
float:right;
}
.ville_designer_detail{
color:#565542;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:11px;
padding-bottom:19px;
}
.retour{
background:url(../images/site/picto_retour.gif) no-repeat 0px 4px;
text-indent:16px;
margin-top:15px;
}
.retour a{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:13px;
color:#50AAB7;
text-decoration:none;
}
.retour a:hover{
text-decoration:underline;
}

#dynloadarea {
background-color:#F3F5F7;
}

#miniatures {
background-color:#EDEFF2;
padding-top:5px;
}
#miniatures ul{
margin-left:5px;
}
#miniatures ul li{
margin-right:5px;
margin-bottom:5px;
display:block;
width:43px;
height:53px;
float:left;
}
/* ---------------- galeries image ------------- */
#galeries{
	
}
#gallery{
	overflow:auto;
}
.gallery_vignette, .gallery_vignette_ssTitre{
	background:url(../images/site/gal_bckgd.png) no-repeat;
	float:left;
	padding:20px 15px;
	margin-right:17px;
	margin-bottom:17px;
	text-align:center;
}
.gallery_vignette{
	width:140px;
	height:100px;
}
.gallery_vignette_ssTitre{
	width:140px;
	height:100px;
}
.gallery_vignette a img{
	display:block;
	margin: auto;
}
.gallery_vignette a img{
	margin-bottom:5px;
}
.gallery_vignette a, .gallery_vignette a:active, .gallery_vignette a:hover, .gallery_vignette a:visited{
	color:#00B0D8;
}
img.float{
	float:left;
	margin:0px 10px 5px 0px;	
}

/* ---------------- commentaires ------------- */
.addcomment{
	padding:20px;
	background:#F2F2F2;
	border-top:1px solid #00B0D8;
	border-bottom:1px solid #00B0D8;
	margin-bottom:20px;
}
.addcomment ul{
	margin-left:0px;
}
.addcomment ul li{
	list-style:none;
}

/* ---------------- actus & agenda ------------- */
#bas{
	margin:20px 0 0 0;
	background:#FFFFFF;
}
#actus ul, #agenda ul{
	margin-left:15px;
}
#actus, #agenda{
	width:345px;
	background:url(../images/site/bloc345px_02.jpg) repeat-y;
}

#actus{
	float:left;
}

#agenda{
	float:right;
}

#actus_into, #agenda_into{
	background:url(../images/site/bloc345px_01.jpg) no-repeat;
	padding:20px 20px 0 20px;
}

#actus_bas, #agenda_bas{
	width:345px;
	height:26px;
	display:block;
	background:url(../images/site/bloc345px_03.jpg) no-repeat;
}

.clear{
	clear:both;
	background:#FFFFFF;
}

/* ---------------- audio & vidéo ------------- */
.dew_player{
	
}

.dew_player h3{
	
}

#flashcontent{
	
}

.notshow{
	display:none;
	visibility:hidden;
}

/* ---------------- page contact ------------- */

div#conteneurcontact {
	
}

p.imagecontact {
	float:left;
	margin:0px 20px 0px 0px;
}

p.coordonnees {
	margin:0px 0px 30px 0px;
}

/* ---------------- page liens ------------- */

div#conteneurliens {}

div#conteneurliens div.lien {
	margin:0px 0px 15px 0px;
}

div#conteneurliens div.lien div.lien_image {
	float:left;
	margin:0px 15px 0px 0px;
}

div#conteneurliens div.lien div.lien_description p {
	margin-bottom:7px;
}

div#conteneurliens div.lien div.lien_description p a {
	color:#867c83;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
}
div#conteneurliens div.lien div.lien_description p a:hover {
	color:#4FAAB7;
	text-decoration:none;
}

#divlegende {
background-color:#EDEFF2;
padding-top:5px;
}

.aucun {
color:#999999;
font-style:italic;
}