/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 1.0
// Date de création    : 27/12/2004
// Date de mise à jour :
//
// Description         : feuille de style générale du site
//
// Contraintes         : 
//------------------------------------------------------------------
*/

/*------------------------------------------------------------------*/
body {
	margin:0px;
	font-family: Myriad, verdana, arial, sans-serif;
	font-size:0.8em;
	color:#505050;
}

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
}

p {
	padding-top:10px;
	margin-top:0px;
	margin-bottom:5px;
}
/*------------------------------------------------------------------*/
#page{
	background:white url(images/repeatpage.gif) -5px 0px repeat-y;
}

/*------------------------------------------------------------------*/
#header {
	width:100%;
	height:190px;
}

#easy-access {
	margin:0px;
	padding:2px;
	font-size:9px;
	height:15px;
	background-color:#505050;
}

#easy-access a { 
	color:#A2A2A2;
	text-decoration:none;
	border-left:solid 1px #A2A2A2;
	padding-right:1px;
	padding-left:2px;
}

#easy-access a:active {
	color:white;
}

#logodreamclic {
	float:right;
	border:none;
	margin:30px 5px 0px 0px;
}

#bloctitrepage {	
	width:240px;
	text-align:center;
	font-family:Florencesans, arial, sans-serif;
}

.titrepage a{
	text-decoration:none;
	color:#505050;
	letter-spacing:3px;
}

.titrepage:first-letter {
	text-transform:uppercase;
}


/*------------------------------------------------------------------*/
#menu {
	height:177px;
	margin-top:-16px;
	margin-left:240px;
	padding-left:10px;
	background:url(images/fondmenu.gif) -30px 0px no-repeat;
}

#menu ul {
	margin:0px;	
	padding:0px;
	padding-top:30px;
	list-style-type:none;
}

#menu li {
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 0px;
}

#menu a {
	display:block;
	height:15px;
	width:111px;
}

.lienmenu {
	display:none;
}

#accueil {
	background:transparent url(images/accueil.gif) 0px 0px no-repeat;
}

#accueil:hover {
	background:transparent url(images/accueil.gif) 0px -15px no-repeat;
}

#philosophie {
	background:transparent url(images/philosophie.gif) 0px 0px no-repeat;
}

#philosophie:hover {
	background:transparent url(images/philosophie.gif) 0px -15px no-repeat;
}

#solutions {
	background:transparent url(images/solutions.gif) 0px 0px no-repeat;
}

#solutions:hover {
	background:transparent url(images/solutions.gif) 0px -15px no-repeat;
}

#portfolio {
	background:transparent url(images/portfolio.gif) 0px 0px no-repeat;
}

#portfolio:hover {
	background:transparent url(images/portfolio.gif) 0px -15px no-repeat;
}

#contacts {
	background:transparent url(images/contacts.gif) 0px 0px no-repeat;
}

#contacts:hover {
	background:transparent url(images/contacts.gif) 0px -15px no-repeat;
}
/*------------------------------------------------------------------*/
#content1 {
	width:100%;
	text-align:center;
	padding-top:10px;
}

#contentcenter {
	width:760px;
	margin-right:auto;
	margin-left:auto;
	padding:5px;
	text-align:left;
}

#contentcenter ul {
	margin-bottom:0px;
	margin-top:5px;
	list-style-image:url(images/puce.gif);
}


.dream {
	font-weight:bold;
}

.clic {
	color:#FF9904;
	font-weight:bold;
}

.liens {
	color:#FF9904;
}

.titreaccueil {
	font-size:1em;
	margin-top:10px;
	text-align:center;
}

#dernierescrea, #actus {
	width:230px;
	float:right;
	margin-left:20px;
	background-color:#ffffff;
	border:solid 1px #CBCBCB;
	text-align:center;
}

#actus {
	margin-bottom:5px;
}

.titreactu {
	font-size:95%;
}

.texteactu, .titreactu {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
}

.texteactu a {
	color:#FF9904;
}

#dernierescrea {
	clear:right;
}

#dernierescrea img {
	border:none;
}

.creabloc {
	margin-bottom:10px;
}

.titre3 {
	text-align:center;
	padding:1px;
	font-size:1em;
	color:white;
	background:#505050 url(images/fondsoustitre.gif) top left no-repeat;
}


.titreref {
	font-size:1.2em;
	margin-bottom:3px;
	margin-top:10px;
}

.titreref2 {
	font-size:1em;
}

.titreref a,  .titreref2 a, .lienpage {	
	color:#FF9904;
	text-decoration:none;
}

.titre4 {
	font-size:1em;
	color:#FF9904;
	margin-top:20px;
}

.titre4:first-letter {
		padding-right:15px;
		color:#505050;
		background:url(images/pucetitre4.gif) 12px 2px no-repeat;
}

.titre5 {
	font-size:1em;
	color:#505050;
	display:inline;
	line-height:1.2em;
	font-weight:bold;
	padding-left:15px;
	background:url(images/pucetitre4.gif) 0px 3px no-repeat;
}

.titre5bis {
	font-size:1em;
	color:#505050;
	display:inline;
	font-weight:bold;
	line-height:1.2em;
}

.titre5 a, .titre5bis a {
	color:#7E7E7E;
}


.cadrereferences {
	width:700px;
	height:13.3em;
	margin-left:auto;
	margin-right:auto;
	border-top:solid 1px #505050;
	border-left:solid 10px #505050;
	border-bottom:solid 1px #FFB91B;
	border-right:solid 1px #FFB91B;
	background-color:#ffffff;
	margin-bottom:20px;
	padding:5px 5px 5px 0px;
}

html>body .cadrereferences {
	height:auto;
	min-height:13.3em;
}

.cadrereferences img {
	border:none;
	margin-left:10px;
	float:left;	
	margin-top:20px;
	margin-right:10px;
}

.lieninvisible {
	text-decoration:none;
	color:#505050;
}

.refdescription {

}

.refdescription a {
	color:black;
}

.detail-ref {
	margin-left:220px;
}

.introduction {
	font-size:1em;
	font-weight:bold;
}

.important {
	font-weight:bold;
}

.up {
	font-weight:bold;
	font-size:110%;
}

#recherche {
	float:right;
}

#styleswitcher fieldset {
	border:solid 1px #FFB02F;
	padding:5px;
	text-align:center;
}

#styleswitcher input {
	border:solid 1px black;
	background-color:#f8f8f8;
}

#styleswitcher legend {
	font-weight:bold;
	color:#505050;
}

.cadresolution {
	width:320px;
	height:150px;
	border:solid 1px #f1f1f1;
	margin-bottom:10px;
	margin-left:20px;
	float:left;
	background-color:white;
}

html>body .cadresolution {
	height:auto;
	min-height:150px;
}

.cadresolution ul {
	padding-top:10px;
}

.cadresolution li {
	padding-right:5px;
}

.cadresolution p {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.cadresolution a {
	float:right;
	color:#FFB02F;
	font-weight:bold;
	text-decoration:none;
}

.suite {
	width:115px;
	height:22px;
	display:block;
	margin-top:5px;
	background:white url(images/savoirplus.gif) 0px 0px no-repeat;
}

.suite:hover {
	width:115px;
	height:22px;
	background:white url(images/savoirplus.gif) 0px -22px no-repeat;
}

.savoirplus {
	visibility:hidden;
	text-decoration:none;
	line-height:1px;
}

#demostreaming {
	float:left;
	margin:10px;
}

.validateur {
	float:left;
}

.validateur img{
	border:none;
}
/*------------------------------------------------------------------*/

.illustrations {
	float:left;
	padding:5px;
	border:solid 1px #898989;
	background-color:white;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.illustrations img {

}

.solution-multi {
	clear:left;
}

.solution-multi ul {
	margin-left:90px;
}


.illusstats {
	border:solid 1px #898989;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
/*-------------------------CONTACT-----------------------------------------*/

/*#equipe p {
	float:left;
	width:250px;
	text-align:center; 
}

#laurent {
	
}*/

#equipe img {
	border:none;
}

#equipe a {
	color:#FF9904;
}

#equipe {
	width: 910px;
	margin: auto;
}

#equipe #premiere_ligne {
	margin-bottom: 20px;
}

#equipe #premiere_ligne  .premiere_ligne_case {
	width: 227px;
	float: left;
	font: normal 11px Verdana;
}

#equipe #premiere_ligne  .premiere_ligne_case p {
	text-align: justify;
	padding-right: 25px;
}

#equipe #premiere_ligne  .premiere_ligne_case .telephone {
	font: normal 11px Verdana;
	color: #999999;
}


#equipe #deuxieme_ligne  .deuxieme_ligne_case {
	width: 293px;
	float: left;
}

#equipe #deuxieme_ligne  .deuxieme_ligne_case img {
	float: left;
}

#equipe #deuxieme_ligne  .deuxieme_ligne_case p {
	margin-left: 134px;
	text-align: justify;
	padding-left: 0;
	font: normal 11px Verdana;
	margin-right: 5px;
}


#coordonnees {
	text-align:center;
	font-weight:bold;
	float:left;
	width:200px;
	height:12em;
}

html>body #coordonnees {
	height:auto;
	min-height:12em;
}

#form-contact {
 	width:500px;
 	float:right;
 	height:12em;
}

html>body #form-contact {
	height:auto;
	min-height:12em;
}

#form-contact .form1 {
	float:left;
}

#form-contact #corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	border: 1px solid #D4D4D4;
}

#corpForm input, #corpForm textarea {
	border: 1px solid gray;
	font-family:tahoma, sans-serif;
	font-weight:normal;
	color:black;
	font-size:12px;
	background-color:white;
}

#form-contact #corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #505050;
	padding:0px 10px 0px 10px;
	background: transparent;
}

#form-devis #corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #505050;
	margin-top:10px;
	padding:0px 10px 5px 10px;
	background: transparent;
}


#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	line-height: 1.8;
}

#form-contact #corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	
	width: 7em;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
}

#form-devis #corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	
	width: 35%;	
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	margin-left:5px;
	padding: 0;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#F2F2F2;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#bouton {
	float:right;
}

#bouton input {
		background-color:#505050;
		color:white;
		margin-right:10px;
}

.champsrequis{
 	color:#808080;
 	font-size:7pt;
}

.info-contact {
	clear:right;
	text-align:center;
	font-size:95%;
	font-style:italic;
}
/*-------------------------ACCESS-----------------------------------------*/

kbd {
	background-color:#FFE0B3;
}

/*------------------------------------------------------------------*/
#footer{
	height:26px;
	border-bottom:solid 20px #505050;
	border-top:solid 1px #757575;
	background-color:#FFB02F;
	font-size:80%;
}

html>body #footer {
	height:auto;
	min-height:26px;
}

#ligne-footer {
	height:20px;
	line-height:20px;
	margin-top:3px;
	background-color:white;
	text-align:center;
	padding-right:20px;
}

html>body #ligne-footer {
	height:auto;
	min-height:20px;
}

#footer a {
	color:#505050;
}

#footer h6 {
	font-size:10px;
	font-weight:normal;
	margin:0px;
}

/*------------------------------------------------------------------*/
.hidden {
	position:absolute;
	visibility:hidden;
	text-decoration:none;
	line-height:1px;
	font-size:1px;
}
/*------------------------------------------------------------------*/
.spacer {
	clear:both;
}