/* ---- VDS COMMUNICATION ---- */
/* ---- design:ShMu _(°°)_ >> 2007 */

/* #### Style globale #### */

html, body{font-family:Arial;margin:0;padding:0;}

h1{display:none;margin:0;padding:0;}

a, a:visited{text-decoration:none;color:#003366;}
a:hover{color:#660000;}
li{
list-style-position:inside;
margin-left:1em;
}
ul{
margin-bottom:10px;
}
h3{
margin:1em 0;
}
.background{
position: relative;
width: 100%;
height: 100%;
top: 20px;
}
.decor{
width: 100%;
height: 100%;
}
.content{
position: relative;
left: 33%;
top: 60px;
width: 665px;
padding-bottom: 60px;
}
/* ######## MENU ######## */

.main_menu{
z-index: 100;
position:fixed;
top:0;
width:99%;
height:20px;
list-style-type:none;
color:#FFF;
background-color:#000;
font-size:12px;
font-weight:bold;
padding:3px 15px 0 0;
text-align:right;
margin:0;
}
.main_menu li{
display:inline;
margin-left: 1em;
}
.main_menu a, .main_menu a:visited{
color:#FFF;
text-decoration:none;
}
.main_menu a:hover{
color:#ccc;
}

#site_flash, #site_flash:visited{
color:#ffcc00;
}
#site_flash:hover{
background-color:#FFF;
color:#000;
}

/* ######## ACTIVE MENU ######## */

#active_index{color:#3b65a6;}
#active_news{color:#CCC;}
#active_archives{color:#CCC;}
#active_port{color:#3b65a6;}
#active_offre{color:#e90000;}
#active_prest{color:#328925;}
#active_ecoute{color:#ffcc00;}
#active_qsn{color:#f1a7f1;}
#active_contact{color:#7f3f84;}
#active_goodies{color:#c88cc0;}
#active_login{color:#c88cc0;}

/* ######## CONTENT : GENERAL ######## */

.content{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin:20px 0 0 0;
}
.content img{
border:none;
}

/* ######## CONTENU ######## */

#contenu{
padding:0;
width:665px;
position: relative;
}

/* ######## DATE - ACCROCHE ######## */

.date{
text-decoration:underline;
font-weight:bold;
}
#accroche{
/*width:655px;*/
margin:0;
padding:10px 5px;
font-weight:bold;
background-color:#FFF;
}

/* ######## INDEX : ACCUEIL ######## */
#content_index{
/*padding:60px 0 0 650px;*/
/*width:200px;*/
left: 62%;
width: 350px;
}
#content_index #contenu{
width: 350px;
}
#content_index h2{
display:none;
margin:0;
padding:0;
}
#content_index .index_item{
font-size:12px;
text-align:justify;
padding:10px;
margin:10px;
width:330px;
background-color:#FFF;
}
#content_index img{
float:left;
margin-right:10px;
}
#background_index{
background: transparent URL(../images/header-accueil.jpg) no-repeat top left;
top: 0;
}

/* ######## NEWS : ARCHIVES ######## */

#background_news, #background_archives{
background: transparent URL(../images/fond-news.jpg) repeat-x top left;
}
#decor_news, #decor_archives{
background: transparent URL(../images/decor-news.jpg) no-repeat top left;
}
#content_news #contenu,#content_news h2, #content_archives #contenu, #content_archives h2{
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#content_news, #content_archives{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}

#content_news h2, #content_archives h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
border-color: transparent;
background: transparent URL(../images/header-news.jpg) no-repeat top left;
margin:0;
}
#content_news img, #content_archives img{
float:left;
margin-right:10px;
margin-bottom:10px;
}
#content_news .news_item, #content_archives .news_item{
width:645px;
border-bottom:1px solid #666666;
margin-bottom:20px;
padding:10px;
background-color:#FFF;
}
.news_link a, .news_link a:visited{
clear: both;
display:block;
width:100px;
height:20px;
text-align:center;
color:#333333;
text-decoration:none;
background:transparent URL(../images/loupe.png) no-repeat center left;
margin-bottom:10px;
}
.news_link a:hover{
color:#660000;
}

#content_archives .page_select{
background-color:#FFF;
padding:0;
margin:0;
list-style:none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}
#content_archives .page_select li{
display: inline;
padding: 0 2px;
}


/* ######## PORTFOLIO ######## */

#content_port h2, #content_port #contenu{
border-left: 1px solid #B4D5FE;
border-right: 1px solid #B4D5FE;
border-bottom: 1px solid #B4D5FE;
background: #FFF;
}

#content_port h2{
border-color: transparent;
}

#cat_menu{
position:relative;
margin:0;
padding:0;
}
#cat_menu li{
display:block;
float:left;
list-style-type:none;
text-align:center;
width:133px;
height:23px;
margin:0;
padding:0;
background: transparent URL(../images/btn-portfolio.jpg) no-repeat top left;
color:#AAA;
font-weight:bold;
line-height: 23px;
}
#cat_menu a, #cat_menu a:visited{
color:#FFF;
}
#cat_menu a:hover{
color:#00CCCC;
}

#background_port{
background: transparent URL(../images/fond-portfolio.jpg) repeat-x top left;
}
#decor_port{
background: transparent URL(../images/decor-portfolio.jpg) no-repeat top left;
}
#content_port{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_port h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-portfolio.jpg) no-repeat top left;
margin:0;
}
#content_port img{
float:left;
margin-right:10px;
}
#content_port .port_item{
width:645px;
border-bottom:1px solid #2C5BA3;
margin-bottom:20px;
padding:10px;
background-color:#FFF;
min-height: 150px;
}
#content_port img{
margin-right:10px;
}

/* ######## OFFRE GLOBALE ######## */

#content_offre h2, #content_offre #contenu{
border-left: 1px solid #E3182E;
border-right: 1px solid #E3182E;
border-bottom: 1px solid #E3182E;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_offre{
background: transparent URL(../images/fond-offre-globale.jpg) repeat-x top left;
}
#decor_offre{
background: transparent URL(../images/decor-offre-globale.jpg) no-repeat top left;
}
#content_offre{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_offre h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-offre-globale.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_offre img{
margin-right:10px;
}
#content_offre #image_offre{
	float: right;
	text-align:center;
}
#content_offre #domaines_comp{
	width: 300px;
}

/* ######## PRESTATIONS ######## */

#content_prest h2, #content_prest #contenu{
border-left: 1px solid #37933C;
border-right: 1px solid #37933C;
border-bottom: 1px solid #37933C;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_prest{
background: transparent URL(../images/fond-prestations.jpg) repeat-x top left;
}
#decor_prest{
background: transparent URL(../images/decor-prestation.jpg) no-repeat top left;
}
#content_prest{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_prest h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-prestations.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_prest img{
margin-right:10px;
}

/* ######## A VOTRE ECOUTE ######## */

#content_ecoute h2, #content_ecoute #contenu{
border-left: 1px solid #C7A82B;
border-right: 1px solid #C7A82B;
border-bottom: 1px solid #C7A82B;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_ecoute{
background: transparent URL(../images/fond-ecoute.jpg) repeat-x top left;
}
#decor_ecoute{
background: transparent URL(../images/decor-ecoute.jpg) no-repeat top left;
min-height: 654px;
}
#content_ecoute{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_ecoute h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-ecoute.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_ecoute img{
margin-right:10px;
}

/* ######## QUI SOMMES NOUS ? ######## */

#content_qsn h2, #content_qsn #contenu{
border-left: 1px solid #AF2D8F;
border-right: 1px solid #AF2D8F;
border-bottom: 1px solid #AF2D8F;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_qsn{
background: transparent URL(../images/fond-qsn.jpg) repeat-x top left;
}
#decor_qsn{
background: transparent URL(../images/decor-qsn.jpg) no-repeat top left;
min-height: 654px;
}
#content_qsn{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_qsn h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-qsn.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_qsn img{
margin-right:10px;
}

/* ######## GOODIES ######## */

#content_goodies h2, #content_goodies #contenu{
border-left: 1px solid #AF2D8F;
border-right: 1px solid #AF2D8F;
border-bottom: 1px solid #AF2D8F;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_goodies{
background: transparent URL(../images/fond-goodies.jpg) repeat-x top left;
}
#decor_goodies{
background: transparent URL(../images/decor-goodies.jpg) no-repeat top left;
min-height: 654px;
}
#content_goodies{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_goodies h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-goodies.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_goodies img{
border:1px solid #A3CA33;
}
#content_goodies .wallpaper{
float:left;
margin:25px 40px;
text-align: left;
}

/* ######## CONTACT ######## */

#content_contact #confid{
	display: none;
}

#content_contact #contact_success{
	text-align: center;
	background-color: #86389E;
	border: 1px solid #C7B5FF;
	margin: 10px;
	padding: 5px;
	color: white;
	font-weight: bold;
}

#content_contact #contact_error{
	text-align: center;
	background-color: #CCC;
	border: 1px solid red;
	margin: 10px;
	padding: 5px;
	color: red;
	font-weight: bold;
}


#content_contact #logo_vds{
	text-align: center;
}

#content_contact #adress p, #content_contact form p{
	line-height: 21px;
}

/*#content_contact form{
	float: right;
	left: 320px;
	top: 50px;
}*/

#content_contact form fieldset{
	border: none;
}
#content_contact #adress{
	float: left;
	margin-right: 0;
}

#content_contact h2, #content_contact #contenu{
border-left: 1px solid #AF2D8F;
border-right: 1px solid #AF2D8F;
border-bottom: 1px solid #AF2D8F;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_contact{
background: transparent URL(../images/fond-contact.jpg) repeat-x top left;
}
#decor_contact{
background: transparent URL(../images/decor-contact.jpg) no-repeat top left;
min-height: 654px;
}
#content_contact{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_contact h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-contact.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}
#content_contact h3{
width:176px;
height:24px;
background: transparent URL(../images/rub-contact.jpg) no-repeat top left;
color:#FFF;
text-align:center;
padding-top:4px;
}
#content_contact img{
margin-right:10px;
}

#content_contact form fieldset{
	width: 320px;
	padding: 5px;
	padding-top: 0;
}

#content_contact form div{
	margin-top: 10px;
	clear: both;
}
#content_contact form label{
	display: block;
	width: 70px;
	float: left;
	/*text-align: right;*/
	margin-right: 1em;
}
#content_contact form input[type="text"], #content_contact form textarea{
	width: 200px;
	background-color: #FBF7FC;
	border: 1px solid #E2D2E4;
}
#content_contact form input#submit{
	display: block;
	margin: 0 auto;
	width: 97px;
	height: 24px;
	background: url(../images/btn-envoyer.png) no-repeat 0 0;
	border: 0;
	color: white;
	font-weight: bold;
}
#content_contact form input#submit:hover{
	background: url(../images/btn-envoyer.png) no-repeat 0 -24px;
}
.picto_courrier{
display:block;
padding-left:43px;
height:43px;
width:270px;
background: transparent URL(../images/pictos-courrier.png) no-repeat top left;
}
.picto_tel{
display:block;
padding-left:43px;
height:43px;
width:270px;
background: transparent URL(../images/pictos-tel.png) no-repeat top left;

}
.picto_horaire{
display:block;
padding-left:43px;
height:43px;
width:270px;
background: transparent URL(../images/pictos-reveil.png) no-repeat top left;
}

.picto_email{
display:block;
padding-left:43px;
height:43px;
width:270px;
background: transparent URL(../images/pictos-mail.png) no-repeat top left;
}

#content_contact span#confid_link{
	font-size: 0.8em;
}

#content_contact #infos{
	text-align: center;
}


/* ######## ESPACE CLIENTS ######## */

#content_login h2, #content_login #contenu{
border-left: 1px solid #AF2D8F;
border-right: 1px solid #AF2D8F;
border-bottom: 1px solid #AF2D8F;
background: #FFF;
padding: 10px;
width: 645px;
}

#background_login{
background: transparent URL(../images/fond-contact.jpg) repeat-x top left;
}
#decor_login{
background: transparent URL(../images/decor-contact.jpg) no-repeat top left;
min-height: 654px;
}
#content_login{
text-align:justify;
font-size:12px;
margin:0;
/*padding:40px 0 0 470px;*/
}
#content_login h2{
display:block;
width:655px;
height:40px;
padding:30px 0 0 10px;
font-size:36px;
color:#FFF;
background: transparent URL(../images/header-contact.jpg) no-repeat top left;
margin:0;
border-color: transparent;
}

#content_login fieldset div{
float:left;
margin-right:15px;
}
#content_login fieldset{
border:none;
}

/* ######## FOOTER ######## */

.footer{
text-align:center;
background-color:#000;
color:#FFF;
font-size:10px;
position:fixed;
z-index: 100;
}

div.footer{
bottom:0;
left:0;
width:100%;
height:20px;
}
/* ######## FIN DE LA FEUILLE DE STYLE ######## */