/*****************************************************************************************/
/*---------------------------------------------------------------------------------------*/
/*---------- NUVEOMEDIA, votre spécialiste en solution e-marketing intéligente ----------*/
/*---------------------------------------------------------------------------------------*/
/*----------------------------- Writen by Alexandre Bram --------------------------------*/
/*****************************************************************************************/

/*****************************************************************************************/
/******************************** ALL RIGHTS RESERVED ************************************/
/*****************************************************************************************/

/********************************** Initialisation ***************************************/

* { padding:0px; margin:0px; }

/************************************** HACK *********************************************/

hr { clear:both; visibility:hidden; height:1px;}

/*-------------------------------------- FF ---------------------------------------------*/
a { outline: none; }
:focus { -moz-outline-style: none; }

/*-------------------------------------- IE6 --------------------------------------------*/

img, div, input { behavior: url(images/iepngfix.htc); } 
img { border:none; }

/*------------------------------------- Global ------------------------------------------*/

#conteneur { width:880px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; }

.bleu { color:#057bd4; }
.image_thumb { float:left; margin:0 10px 10px 0;}
.entry { margin-top:10px;}

/* BLOG */
#sidebar { width:190px; float:left; }
#sidebar ul { list-style:none; margin:10px 0; }
#sidebar ul li { margin:20px 0; }
#sidebar ul li ul li{ margin:5px 0; padding:5px 0; border-bottom:solid 1px #CCCCCC;  }
#sidebar a {  color:#057bd4; }
.narrowcolumn { width:620px; float:left; padding:10px; margin-right:40px; }
.narrowcolumn a{  color:#057bd4;}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	
	}

.post hr {
	display: block;border-bottom:dashed 1px #057bd4;
	}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#account ul { list-style:none;}
#account ul li { float:left; padding-left:5px; line-height:16px;}
	
	
	
/* END BLOG */




a { text-decoration:none; }
p {margin-bottom:10px;}
.tableau td { padding:5px;}
h2 { font-size:14px; margin-bottom:10px; color:#036bcd;}
h3 { font-size:14px; margin-bottom:10px; color:#FF9900;}
.formulaire td { padding:5px 0 5px 0;}
.citation { font-size:14px; color:#036bcd; margin-bottom:10px; }


		/*demo styles*/
		label,select,.ui-select-menu { float: left; margin-right: 10px; }
		select { width: 150px; font-size:10px; }
		
		/*select with custom icons*/
		body a.customicons { height: 1.1em; font-weight:normal;}
		body .customicons { float:left;}
		body .customicons li a, body a.customicons span.ui-selectmenu-status { line-height: 1em; font-size:10px; padding-left: 30px !important; float:left;}
		body .fr .ui-selectmenu-item-icon, body .uk .ui-selectmenu-item-icon, body .es .ui-selectmenu-item-icon { height: 24px; width: 24px; }
		body .fr .ui-selectmenu-item-icon { background: url(http://www.nuveomedia.com/templates/images/icons/fr.png) 0 0 no-repeat; }
		body .es .ui-selectmenu-item-icon { background: url(http://www.nuveomedia.com/templates/images/icons/es.png) 0 0 no-repeat; }
		body .uk .ui-selectmenu-item-icon { background: url(http://www.nuveomedia.com/templates/images/icons/gb.png) 0 0 no-repeat; }

/*----------- BUTTON ---------------*/


/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 18px 0 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	text-align: center; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat right -91px; 
}
	
button.submitBtn span {
	padding: 9px 0 0 20px; 
	height:31px; 
	background: transparent url(images/btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -136px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -45px;
}


/*------------------------------------- Header ------------------------------------------*/

#header { margin-bottom:20px;}

/* chapeau */
#feedback a { color:#036bcd; }
#account { float:right; line-height: 1.2em;  }

#account span{ color:#036bcd;}
#chapeau { padding:10px 6px 0 6px; }
#info p{ font-size:12px; }

/**** MENU ****/
#menu { }
#menu-top{ list-style: none ; width:870px; height:38px; margin:auto; margin-top:13px; }
#menu-top li{ float:left;  font-size:12px;  width:117px; }
#menu-top-active a { display: block ; height:18px; width:117px; background: url(images/menu/menu.jpg) left top no-repeat ; font-size:14px; 	font-weight:bold; 	 color: #fff ; padding: 10px 0 ; text-align: center ; }	

#menu-top-active  a:hover, #navigation li a:focus, #navigation li a:active { background: url(images/menu/menu.jpg) right top no-repeat ; }
#menu-selected a{ display: block ; height:18px; width:117px; background: url(images/menu/menu.jpg) right top no-repeat ; font-size:14px; 	font-weight:bold; 	 color: #fff ; padding: 10px 0 ; text-align: center; }

#menu-top-right {  padding: 10px 0; padding-right:15px; text-align:right; height:18px; background-image:url(images/menu/menu-right.jpg); }
#menu-top-right a{  font-size:14px; font-weight:bold; color: #fff; }

/*** Mini header ***/

#mini-header { margin:20px 0 10px 0;}
#marque { float:left;}
#marque h1{ font-size:24px; padding-left:4px;}
#slogan { float:right; padding-top:10px; padding-right:4px; }

#annonce { background-image:url(images/annonce.jpg);  height:122px; width:880px; }
#annonce h1 { font-size:26px; color:#FFFFFF; text-align:center; padding-top:40px; font-weight:normal;}

#annonce_index { background-image:url(images/annonce.jpg);  height:122px; width:880px; }
#annonce_index h1 { font-size:24px; color:#FFFFFF; text-align:right; padding-top:20px; padding-right:60px; padding-bottom:10px; font-weight:normal;}
#annonce_index p { padding-right:60px; color:#FFFFFF; font-size:16px; }
#annonce_index p span{ font-size:12px; }

#annonce-index { background-image:url(images/index-blue-box.jpg);  height:253px; width:880px; }
#annonce-index-illustration { width:290px; height:160px; float:left; margin-top:50px; margin-left:30px;}
.annonce-index-bouton { margin-right:30px; margin-top:15px; }
#annonce-index h1 { font-size:26px; color:#FFFFFF; float:left; padding-top:35px; margin-left:20px; width:520px;}
#annonce-index h2 { font-size:18px; color:#dcf6ff; float:left; text-align:right; margin-left:20px; width:520px;}


/*------------------------------------ Content ------------------------------------------*/

#content { margin-bottom:20px;}
.textarea-contact{ background: transparent url(images/textarea-center.jpg) repeat-y; border:0px; width:410px; height:118px; overflow:hidden; padding:0 5px 0 5px; margin:0px; }


/********************************** Espace client ****************************************/

#a-propos{ float:left; width:416px; margin-right:20px; padding-left:4px;}
#login{ float:left; width:410px; background-image:url(images/login.jpg); height:132px; padding:15px;}
#login-bouton { float:right; margin-top:51px; margin-right:15px;}
#login-title-box { margin-bottom:3px; font-weight:bold; margin-left:10px; font-size:14px;}
#login-oublier a{ margin-left:10px; color:#FFFFFF; margin-top:0px; }
.input-decoration{ background: transparent url(images/login-area.png) no-repeat; border:0px; width:222px; height:20px; padding:6px 0px 3px 10px; font-size:12px; color:#666666;}
#pass-oublier p{ padding:10px; }


/********************************** Inscription ****************************************/

#inscription{ width:100%; margin-right:20px; padding-left:4px;}
#inscription-type { padding:10px 0 10px 0; margin:10px 0 10px 0; width:870px;  border-top:dashed 1px #999999; }
#inscription-type h1 { color:#999999; }
.input-decoration-center{ background: transparent url(images/login-center.png) repeat-x; border:0px; width:210px; height:18px; padding:6px 0px 4px 0px; font-size:14px; color:#666666;}

/************************************ Accueil ******************************************/

.index-box { width:200px; float:left; background: url(images/en-savoir-plus.jpg) no-repeat bottom right; margin:6px; height:170px; padding:0px 15px 35px 0px; text-align:justify; }
#simplicite { margin:6px 10px 6px 10px; }
#cout {margin-right:0px;}
#box-partenaire{ width:877px; margin:auto; background:url(images/box-degrader.jpg) no-repeat;  margin-top:-2px; height:120px; }
#box-partenaire h2{ padding-top:10px; padding-left:20px; }
#news { width:400px; padding:10px;  float:left;}
#partenaire { width:400px; padding:10px; float:right; }
.logo_partenaire { margin:5px;}
#intro_index { width:660px;  background:url(images/ciblage-publicitaire2.jpg) no-repeat right; padding:0 0 60px 10px; height:250px; float:left; margin-bottom:30px; border-bottom:solid 1px #CCCCCC; }
#intro_index p { padding:10px 0; }
#intro_index ul { padding-left:20px; list-style: none ;  }
#intro_index ul li { padding:5px 10px 5px 20px; background:url(images/blue-right.png) no-repeat left; }

#newsletter_index { width:330px; height:200px; margin-right:21px; float:left; margin-top:20px; }
#actu_index { width:310px;  padding:10px; border:solid 1px #cccccc; float:left;margin-top:20px; padding-bottom:5px; }
#actu_index h4 { padding:5px 0 5px 20px; background:url(images/blue-right.png) no-repeat left;color:#057bd4; font-size:12px; font-weight:normal; }
#actu_index p { padding:5px 0px;  }

#newsletter_box{ padding:10px 10px 3px 10px; background:#CCCCCC; width:860px; float:left; margin-bottom:20px;  }
#newsletter_box label{ font-size:12px; color:#333333; line-height:23px;}
/* News */

#news-content { margin:10px 0; padding:5px 0; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc;}
#news-content img { padding-right:10px; float:left; }

#concurrent_index {border:solid 1px #cccccc; height:135px; padding:10px; margin-bottom:20px; }
#souscription_index { background:url(images/bigbutton.jpg) no-repeat; height:30px; padding:10px; text-align:center;  } 
.news-photo { width:120px; height:120px; float:left; margin:0px 10px 5px 0px; }
.news-info { }

#imageindex { float:left; margin-top:-170px; margin-left:25px; }

/********************************** Investissement *****************************************/
#invest_image { float:left; margin:0 20px 30px 5px; }

/********************************** Sitemap *****************************************/
#sitemap { float:left; margin-left:20px; }
#sitemap  ul { padding-left:20px; list-style: none ;  }
#sitemap  ul li { padding:5px 10px 5px 20px; background:url(images/blue-right.png) no-repeat left; }
#sitemap  ul li a h2 { margin:0; padding:0;}

/********************************** Column de gauche *****************************************/
#left_column { width:200px; float:left; margin:0 60px 30px 5px; }
#left_column  ul { list-style: none ;  }
#left_column  ul li { padding:5px 0; border-bottom:solid 1px #CCCCCC; }
#left_column  ul li a {  color:#057bd4; }

#rigth_column { float:left; width:600px; margin-bottom:30px; }



/********************************** A propos *****************************************/
#apropos { width:550px; float:left; }

/********************************** FAQS *****************************************/

#faqs_image { width:300px; margin:0 20px 0 5px; background:url(images/besoindaide.jpg) no-repeat bottom; float:left; height:700px;   }
#faqs_help {  width:220px; border:solid 1px #CCCCCC; padding:10px; }
.faqs_question { padding:10px 0; border-bottom:dashed 1px #057bd4;  }

/********************************** Annonceur *****************************************/

#mini-site-annonceur { float:left; width:590px; margin-right:20px; padding-left:4px; }
#belle-femme { width:208px; height:274px; background:url(images/nuveomedia-girl.png) no-repeat; float:right; margin-right:50px; }
#box-annonceur { width:857px; margin:auto; background:url(images/box-degrader.jpg) no-repeat; margin-top:-7px; z-index:0px; padding:10px; }
#box-annonceur-left { float:left; width:260px; height:210px; margin-right:25px; }
#box-annonceur-right { float:right; width:580px; }
#bonzai { float:left; background:url(images/bonzai.jpg) no-repeat; width:358px; height:290px; }
#blue-box { float:right; background:url(images/blue-box.jpg) no-repeat; width:451px; height:130px; margin-top:80px; }
#blue-box h1 { color:#FFFFFF; text-align:center; padding-top:30px; font-size:24px; }
#commentaire { float:right; width:570px; font-weight:bold; margin-top:-40px; margin-bottom:20px; }
#annonceur-report { float:left; width:500px; font-weight:bold; }
#mini-boutique-widget { width:220px; height:300px; float:right; margin-right:30px; }
#annonceur-ready { float:left; width:570px; text-align:center; margin-top:30px; }
#annonceur-ready h1{ font-size:20px; margin-bottom:20px;  }


/********************************** Diffuseur *****************************************/

#ciblage { width:233px; height:325px; background:url(images/ciblage-publicitaire.jpg) no-repeat; float:right; margin-top:-20px; margin-right:20px; }
#box-regie-publicitaire { width:857px; margin:auto; background:url(images/box-degrader.jpg) no-repeat; margin-top:10px; z-index:0px; padding:10px; }
#relax { float:left; background:url(images/relax.jpg) no-repeat; width:329px; height:182px; }
#blue-box-regie-publicitaire { float:right; background:url(images/blue-box.jpg) no-repeat; width:451px; height:200px; margin-top:20px; }
#blue-box-regie-publicitaire h1 { color:#FFFFFF; text-align:center; padding-top:30px; font-size:24px; }


/*------------------------------------- Error form ------------------------------------------*/
.error_mail { width:420px;  padding:10px; border:solid 1px #FF0000; background:#FF3300; color:#FFFFFF; text-align:center; }
.error_form { padding:10px; border:solid 1px #FF0000; background:#FF3300; color:#FFFFFF; text-align:center; width:850px; }

/*------------------------------------- Footer ------------------------------------------*/

#footer { height:70px; }
#menu-footer { height:29px; width:870px; background-image:url(images/menu-bas.jpg); text-align:right; color:#FFFFFF; padding:10px 10px 0 0; }
#menu-footer a{ color:#FFFFFF; }
#menu-footer a:hover{ color:#FFFFFF; text-decoration:underline; }
#copyright {text-align:center; color:#666666; margin-top:10px;}

body { font-size: 62.5%; }
		label, input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		div#info {  width: 400px; margin: 10px 0; }
		div#info table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#info table td, div#info table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; font-size:12px; }
		.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

#textarea_feedback { width:410px; height:100px; font-size:12px; padding:5px; }

#clickfeed { cursor:pointer; }