/*
	Theme Name: Universun
	Theme URI: http://www.universun.com
	Description: Thème pour Universun
	Author: Michael Wassmer
	Author URI: http://www.ap3com.com
	version: 1.0
	Tags:
*/


/*
 * light blue : a7b9f5
 * dark blue : 152e83
 * submenu bg : dee4f8
 * orange : ee7927
 * 
 * /

/* basics */

*{margin:0; padding:0;}

body {
	background:#FFF url(images/universun_body_bg.jpg) top center no-repeat;
	/*font-family: verdana, arial, tahoma, sans-serif;*/
	font-family:"Trebuchet MS", Lucida Sans Unicode, Lucida Grande, sans-serif;
}

	
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 9px;}

em, i {font-style: italic;}
strong, b {font-weight: bold;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border:2px solid #DDD;
	background:#E8ECF5 url(images/email.png) no-repeat;
	margin:15px;
	padding:5px 10px 10px 70px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#sidebar blockquote#contact{
	border:2px solid #DDD;
	background:#E8ECF5 url(images/contact.png) no-repeat;
	margin:5px 0 10px 0;
	padding:5px 5px 5px 40px;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	font-size:13px;
}

#sidebar blockquote#devis{
	border:2px solid #DDD;
	background:#E8ECF5 url(images/devis.png) 0px 5px no-repeat;
	margin:5px 0 10px 0;
	padding:5px 5px 5px 40px;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	font-size:13px;
}


.left{
	float:left;
}

.right{
	float:right;
}

a{
	color:#ee7927;
	text-decoration:none;
}

a:hover{
	color:#152e83;
	text-decoration: underline;
}

/* ¤¤¤¤¤ Container ¤¤¤¤¤ */
#container {
	width: 880px;
	margin: 0 auto;
	color:#333;
	overflow: hidden;
	border:1px solid #EEE;
	border-top:none;
	border-bottom:none;
}
	
/* header */

#header {
	background:#FFF;
	/*background:#FFF url(images/universun_header_bg.jpg) top center no-repeat;*/
  	width: 880px; 
  	height: 220px; 
}

#header h1{display:none;}
#header h2{display:none;}


/* ¤¤¤¤¤ Menu ¤¤¤¤¤ */


#suckerfishnav {
    background:url(images/universun_menu_bg.gif) repeat-x;
    font-size:17px;
    width:880px;
	height:25px;
}
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:25px;
    width:880px;
}
#suckerfishnav a {
    display:block;
    color:#152e83;
    text-decoration:none;
    padding:0 8px;
}
#suckerfishnav li {
    float:left;
    padding:0;
}
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:171px;
    font-weight:normal;
    margin:0 0 0 0;
    line-height:1;
    border:0;
    border-top:1px solid #fff;
	z-index:1000;
	font-size:15px;
}
#suckerfishnav li li {
    width:169px;
	height:25px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-weight:normal;
}
#suckerfishnav li li a {
    padding:3px 5px;
    width:160px;
    font-size:14px;
	color:#152e83!important;
}
#suckerfishnav li ul ul {
    margin:-20px 0 0 170px;
}
#suckerfishnav li li:hover {
    /*background:#99CCFF;*/
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ee7927;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ee7927;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#152e83;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#dee4f8;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    /*background:#99CCFF;*/
}

.current_page_item a,
.current_page_ancestor a,
.current_page_parent a{
	color:#ee7927!important;
}

/* ¤¤¤¤¤ Content ¤¤¤¤¤ */
#content {
	float:left;
	width:530px;
	overflow: hidden;
	margin:0 20px 20px 20px;
}

.breadcrumbs{
	color:#CCC;
	font-size:11px;
	margin:10px 0 5px 0;
}

.breadcrumbs a{
	color:#CCC;
}

.breadcrumbs a:hover{
	text-decoration:none;
	color:#a7b9f5;
}

.post {
	margin:10px 0 0 0;
}
	
.post strong{
	color:#152e83;
}

.post h2{
	color:#152e83;
	font-size:23px;
	line-height:23px;
	margin:0 0 15px 0;
}
	
.post h2 a{
	color:#152e83;
	text-decoration: none;
}
	
.post h2 a:hover{
	text-decoration: none;
}


.post h3{
	color:#333;
	font-size:19px;
	line-height:19px;
	margin:30px 0 0 0;
}


.post ul {
	list-style:none;
	padding:5px 10px;
	margin:5px 0;
	background:#E8ECF5;
	/*-moz-border-radius:10px;
	-chrome-border-radius:10px;
	border:2px solid #DDD;*/
}

.post li {
	font-size:14px;
	background:url(images/soleil.png) center left no-repeat;
	padding:6px 0 6px 40px;
	margin:10px 0;
	line-height:18px;
}

#chromagen{
	background:url(images/chromagen_logo.png) center left no-repeat;
	padding:10px 0 10px 115px;
}

#naps{
	background:url(images/naps_logo.png) center left no-repeat;
	padding:10px 0 10px 115px;
}

#qualisol{
	background:url(images/qualisol_logo.png) center left no-repeat;
	padding:10px 0 10px 115px;
}

#qualipv{
	background:url(images/qualipv_logo.png) center left no-repeat;
	padding:10px 0 10px 115px;
}

#universun{
	background:url(images/bandeau_accueil_bg.jpg) no-repeat;
	padding:0;
	height:150px;
	width:500px;
	font-size:16px;
	margin:10px 0;
}

#universun p{
	line-height:16px!important;
	padding:10px 0 10px 185px;
}



#universun a{
	font-size:11px;
}

#universun a:hover{
	text-decoration:none;
}



.entry p{
	margin:12px 0;
	line-height:22px;
	color:#555;
        text-align:justify;
}
	
/* ¤¤¤¤¤ Sidebar ¤¤¤¤¤ */

#sidebar {
	width:240px;
	float:right;
	margin:20px;
}

#sidebar h3{
	color: #ee7927;	
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 10px 0;
}

#sidebar p{
	font-size:13px;
	color:#152e83;
}

.more{
	color:#a7b9f5;
	font-weight:bold;
	display: block;
	margin:5px 0 15px 160px;
	font-size:12px;
}

#custom_63,
#custom_67,
#custom_199{
	display:none;
}

/* misc */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background:#F5F5F5;
	border:1px solid #EEE;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	background:#F5F5F5;
	border:1px solid #EEE;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	background:#F5F5F5;
	border:1px solid #EEE;
	
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* ¤¤¤¤¤ Footer ¤¤¤¤¤ */

#footer {
	background:#FFF;
	color:#a7b9f5;
	clear: both;
	width: 880px;
	font-size:11px;
	margin:10px 0;
	height:20px;
}
	
#footer p{
	margin: 0 20px;
}

#footer a{color: #a7b9f5;text-decoration: none;}
#footer a:hover{text-decoration: underline;}



/* ¤¤¤¤¤ Contact Form ¤¤¤¤¤ */
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */



#cformsform{
	margin:0 20px 0 0;
	width: 250px;
	float:left;
}

.cform fieldset	{
	padding:10px 0 10px 0;
	border:1px solid #a7b9f5;
	background:#F7F8FC;
	/*-moz-border-radius: 10px;
   -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;*/
}


/* ¤¤¤¤¤ Devis en ligne ¤¤¤¤¤ */

#cforms2form,
#cforms3form{
	margin:0;
	width: 500px;
}

#cforms2form .cf-fs1,
#cforms3form  .cf-fs1{
	float:left;
	width:230px;
}

#cforms2form .cf-fs2,
#cforms3form .cf-fs2 {
	float:right;
	width:230px;
}


#cforms2form .textonly,
#cforms3form .textonly {
	clear:both;
	margin:5px 0 0 10px!important;
}


#cforms2form  .cf-box-group input,
#cforms2form  .cf-box-group label{
	line-height:20px!important;
}





.cform {
	margin:0 20px 0 0;
	width: 250px;
	float:left;
}


.cform .cf_hidden {
	display:none;
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend {
	margin-left:10px;
	padding: 0 2px;
	color:#666666;
}

ol.cf-ol {
	margin:0!important;
	padding:0!important;
}
ol.cf-ol li	{
	background:none!important;
	margin:0 10px!important; /*some themes may interfere otherwise*/
	padding:0;
	list-style:none!important;
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	letter-spacing:2px;
	margin:5px 0 0 20px!important;
	padding:3px 0;
	font-size:11px;
	color:#AAA;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:200px;
	margin:0px 10px 0 0;
	text-align:left;
	font-size: 13px;
	display:block;
	color:#888888;
	padding:2px;
}

label.cf-before {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 5px 0 0;
}

label.cf-before span{
	width:200px;
	display:block;
}

label.cf-after 	{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:0 0 0 4px;
	width:180px;
	text-align:left;
	padding:0;
}

label.cf-after span {
	width:170px;
	display:block;
}

label.cf-group-after {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:4px 6px 0 4px;
	width:105px;
	text-align:left;
}
label.cf-group-after span {
	width:105px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {
	margin:0 0 8px 0;
	padding:3px;
	background: #fbfbfb;
	border:none;
	border: 1px solid #DDD;
	vertical-align:top;
	/*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;*/
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#FFF;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{
	background:#FFF;
}

.cform textarea,
.cform input {
	width:200px;
}
.cform select {
	width:421px; /* attempt to have equal length */
}

.cform select.cfselectmulti	{
	height:6.5em;
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	height: 40px;
	overflow:auto;
}

.cform input.cf_date {
	width:395px;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	letter-spacing:2px;
	margin:12px 0pt 4px 10px!important;
	font-size:10px;
	color:#888888;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{
	margin:3px 0 0 0;
	width:16px;
	height:22px;
	border:none!important;
	background:none!important;
}


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 12px 0;
}


/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt {
	display:block; /*for mozilla*/
	width:200px;
	font-size:9px;
	vertical-align:top;
	color:#888888;
	text-align:right;
	margin:0;
	height:13px;
	line-height:13px;
	display:none;
}

.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
	margin:0;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
	width:115px;
	padding:8px 8px 8px 40px;
	margin: 5px;
	font-size:14px;
	background:#E8ECF5 url(images/message_send.png) left center no-repeat;
	border:1px solid #adadad!important;
	color:#333;
	/*-moz-border-radius: 5px;
   	-khtml-border-radius: 5px;
   	-webkit-border-radius: 5px;*/
}

.cform input.sendbutton:hover{
	color:#000;
	cursor:pointer;
}

.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {

}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 10px;
	margin:0;
	color:#333;
	display:inline-block;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}

label.secq{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	width:auto;
	padding:2px 4px 2px 2px;
}
label.secq span {
	display:block!important;
	width:auto;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:196px;
	padding: 4px 4px;
	margin: 0 0 8px 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 8px 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 10px 3px;
	width:21px;
	height:21px;
	border:none!important;
}

img.imgcalendar {
	border:none!important;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:420px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0px;
}
div.waiting {
	background:#F9F9F9 none repeat scroll 0%;
	color:#AAAAAA;
	display:block;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error {
	color:#ad2929;
	border:1px solid #ad2929;
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;
	text-align:center!important;
	display:none;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}


/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-bottom:9px!important;
}
*+html img.captcha	{
	margin-bottom:9px!important;
}



#cf_field_12{
	height:220px;
}


/* ¤¤¤¤¤ Gmaps ¤¤¤¤¤ */
#gmaps{
	z-index:9999;
}

#gmaps_btn{
	cursor:pointer;
}


#liens_rd{
	visibility:hidden;
	height:0;
	line-height:0;
}