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

body
{
	margin: 0px 0;
	padding: 0;
	text-align: center;
	color: #4f4f4f;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background-image:url(images/fond.jpg);
	background-repeat:no-repeat;
	background-position: top;	
}


div#conteneur
{
	width: 923px;
	margin: 0 auto;
	top:-20px;
	text-align: left;
	border: 0px none #b0b0b0;
	background-color: #fff;
	background-position: top;
}


div#header
{
	width: 923px;
	height: 103px;
	top:0px;
	margin: 0 0;
	background-image:url(images/dreamcore.jpg);
	background-repeat:no-repeat;
}

 
#header a
{
	width: 440px ;
	height: 80px ;
	display: block ;
	position: relative ;
	left: 0px ;
	top: 15px ;
	text-indent: -5000px ;
}
 
div#menu_principal
{
	width: 923px ;
	height: 27px ;
	margin-bottom: 0px;
	background-image:url(images/fd_menu_princ.jpg);
	background-repeat:no-repeat;
} 
  
 ul#principal
{
	height: 27px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 435px;
	padding: 0 ;
	list-style-type: none ;
}


ul#principal li {
	float: left;
	text-align: center ;
}

li#menu_info a {
	width: 160px ;
	line-height: 27px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#menu_info a:hover {
	font-size: 16px;
	background: url(images/menu/menu_info.jpg);
}

li#menu_multi a {
	width: 160px ;
	line-height: 27px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#menu_multi a:hover {
	font-size: 16px;
	background: url(images/menu/menu_multi.jpg);
}

li#menu_contact a {
	width: 160px ;
	line-height: 27px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#menu_contact a:hover {
	font-size: 16px;
	background: url(images/menu/menu_contact.jpg);
}

 
div#menu_secondaire
{
	width: 923px;
	height: 25px;
	border-bottom: 0px;
	background-image:url(images/fd_menu_sec.jpg);
	background-repeat:no-repeat;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
} 
  
 ul#secondaire
{
	height: 25px;
	border-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: none;
	background-position: top;

}

ul#secondaire li
{
	float: left ;
	text-align: center ;
}

ul#secondaire li a
{
	width: 120px;
	height: 25px;
	line-height: 25px;
	font-size: 1.0em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #000;
	display: block;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #bcbcbc;
	background-position: top;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-bottom-style: none;
}

ul#secondaire li a:hover
{
text-decoration: underline;
}

div#contenu
{
	width: 923px;
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(images/fd_contenu.jpg);
	background-repeat: repeat-y;
	position: relative;
}

div#header_info {

width: 909px;
height: 60px;
margin-left: 6px;
background-image: url(images/informatique.jpg);
background-repeat:no-repeat;
}

div#header_multi {

width: 909px;
height: 60px;
margin-left: 6px;
background-image: url(images/multimedia.jpg);
background-repeat:no-repeat;
}

div#header_outils {

width: 909px;
height: 60px;
margin-left: 6px;
background-image: url(images/outils.jpg);
background-repeat:no-repeat;
}

div#menu_principal
{
	width: 923px ;
	height: 27px ;
	margin-bottom: 0px;
	background-image:url(images/fd_menu_princ.jpg);
	background-repeat:no-repeat;
} 
  
div#header_accueil
{
	width: 909px ;
	height: 60px ;
	margin-bottom: 0px;
	margin-left: 6px;
	background-image:url(images/head_accueil.jpg);
	background-repeat:no-repeat;
} 

div#test {
overflow: auto;
	width: 909px;

}

div#ct_gauche {
	float: left;
	width: 600px;
	border-right-width: 1px;
	border-right-style: dotted;
}

div#ct_droit {
    float: right;
	width: 300px;
	font-size: 11px;

}

ul#ul_accueil
{
	height: 60px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 ;
	list-style-type: none ;
}


ul#ul_accueil li {
	float: left;
	text-align: right;
}

li#accueil_info a {
	width: 304px ;
	line-height: 60px ;
	font-size: 15px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#accueil_info a:hover {
	
	background: url(images/index_info.jpg);
}

li#accueil_multi a {
	width: 304px ;
	line-height: 60px ;
	font-size: 16px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#accueil_multi a:hover {

	background: url(images/index_multi.jpg);
}

li#accueil_outils a {
	width: 301px ;
	line-height: 60px ;
	font-size: 16px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#accueil_outils a:hover {
	
	background: url(images/index_outils.jpg);
}

p {
padding-top: 0px;
padding-bottom: 0px;

	margin-top: 0px;
	margin-bottom: 0px;
	}
	
p:first-letter {
font-size: 1.1em;
font-weight: normal;

}

a.devis {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 280px;
	height: 50px;
	background:url(images/devis.jpg);
	background-repeat:no-repeat;
}



a.devis span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.client {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 280px;
	height: 50px;
	background:url(images/client.jpg);
	background-repeat:no-repeat;
}




a.client span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.plaquette {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 280px;
	height: 50px;
	background:url(images/plaquette.jpg);
	background-repeat:no-repeat;
}



a.plaquette span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.contact {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 280px;
	height: 50px;
	background:url(images/contact.jpg);
	background-repeat:no-repeat;
}



a.contact span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.dream_space {
	display: block;
	float: left;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 250px;
	height: 183px;
	background:url(images/dream_space.jpg);
	background-repeat:no-repeat;
}

a.dream_space:hover {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 250px;
	height: 183px;
	background:url(images/dream_space.jpg);
	background-repeat:no-repeat;
}

a.dream_space span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.contactez_nous {
	display: block;
	float: right;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 250px;
	height: 183px;
	background:url(images/contactez_nous.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
}

a.contactez_nous:hover {
	display: block;
	padding-bottom: 0px;
	margin: 0 0px 0 0px;
	width: 250px;
	height: 183px;
	background:url(images/contactez_nous.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
}

a.contactez_nous span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}
	
p#titre {
font-size: 1.2em;
color: #1c3179;
}

p#titre_news {
font-size: 1.2em;
color: #1c3179;
}

div#intro {
width: 898px;
height: 54px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 5px;
	text-align: center;
	color: #000000;
	background-image: url(images/fd_intro.jpg);
	background-repeat: no-repeat;
}

div#intro p {
padding-top: 8px;
}

h2 {
	line-height: 50px ;
	margin-top: 0px;
	margin-right: 20px;
	font-size: 1.4em ;
	font-weight: bold;
	text-align:right;
	color: #FFFFFF;	
}

h3 {
	line-height: 20px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 1.2em ;
	font-weight: bold;
	text-align:left;
	color: #000000;
}

h4 {
	line-height: 20px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 1.2em ;
	font-weight: normal;
	text-align:left;
	color: #458fcb;
}
h5 {
	line-height: 20px ;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 1.2em ;
	font-weight: normal;
	text-align:left;
	color: #60803a;
}

hr {
padding-top: 0px;
margin-left: 10px;
margin-right: 10px;
color: #bcbcbc;
background-color: #bcbcbc;
height: 1px;
border: 0;
}

ul#puce {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 1em;
	font-weight: normal;
	text-align:left;
	color: #1c3179;
	list-style-position: inside;
	list-style-type: none;
}

li#title {
margin-top: 0px;
}



div#cadre_gauche {
	width: 909px;
	margin-left: 6px;
	padding-top: 10px;
	background: url(images/fd_instal.jpg) top left no-repeat;
}

ul#puce li a {
color: #1c3179;
text-decoration: none;
}

ul#puce a:hover {
text-decoration: underline;
}

div#contenu_cadre {
	background: url(images/fd_princ.jpg) bottom left repeat-y;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: Opx;
}

.gauche {
margin: 0 5px 0 5px;
	float: left;
}

.droite {
margin: 0 5px 0 5px;
	float: right;
}

.ref {
margin: 0 5px 0 5px;
	float: right;
}

.acces {
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 20px;

}

p#img_droite {
font-size: 9px;
color: #000000;
padding-left: 440px;

}

ul#puce_pro {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 240px;
	list-style-position:inside;
	list-style-type: square;
	list-style-image: url(images/puce_bleu.jpg);
}

ul#puce_pro2 {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 40px;
	list-style-position:inside;
	list-style-type: square;
	list-style-image: url(images/puce_vert.jpg);
}

ul#puce_pro3 {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 300px;
	list-style-position:inside;
	list-style-type: square;
	list-style-image: url(images/puce_vert.jpg);
}

ul#puce_particulier {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 40px;
	list-style-position:inside;
	list-style-type: square;
	list-style-image: url(images/puce_bleu.jpg);
}

ul#puce_accueil_bleu {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 120px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/puce_bleu.jpg);
}

ul#puce_site {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 140px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/puce_bleu.jpg);
}

ul#puce_site2 {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 140px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/puce_vert.jpg);
}

ul#puce_accueil_vert {
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
		padding-left: 0px;
	margin-left: 120px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/puce_vert.jpg);
}

div#contenu_cadre p {
padding-bottom: 10px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}



div#cadrecontact {
width: 600px;
height: 180px;
margin-top: 0px;
}



div#courier {
float: left;
text-align: center;
width: 200px;
}

div#telephone {
float: left;
text-align: center;
width: 200px;
}

div#email {
float: left;
text-align: center;
width: 200px;
}

div#email a {
color: #4f4f4f;
text-decoration: none;
}

div#email a:hover {
color: #4f4f4f;
text-decoration: underline;
}

div#bas_cadre {
clear: both;
	width: 909px;
	padding-bottom: 12px;
	background: url(images/fd_bas.jpg) top left no-repeat;
}

div#ct_bas {
	width: 923px;
	height: 16px;
	padding-bottom: 5px;
	background: url(images/contenu_bas.jpg) top left no-repeat;
}


div#liens {
width: 900px;
padding-top: 5px;
margin-top: 5px;
line-height: 15px;
color: #999999;
font-size: 11px;
text-align: center;
}

div#liens a{
color: #999999;
text-decoration: none;
}

div#liens a:hover{
text-decoration: underline;
}

pre
{
	overflow: auto;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 0px 0 0 0px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}

.highslide {
float: right;
 	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 2px solid gray;
}

.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}

.highslide-image {
    border: 2px solid white;
}

.highslide-image-blur {
}

.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}

.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}

.control, .control * {
	color: #666;
}