/*
Theme Name: ClicRDV
Theme URI: http://www.clicrdv.com/
Description: ClicRDV Theme
Version: 1.0
Author: ClicRDV
Author URI: http://www.clicrdv.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: clicrdv

	ClicRDV v1.0
	 http://www.clicrdv.com/

	This theme was designed and built by ClicRDV.

	The CSS, XHTML and design is copyrighted 2009 ClicRDV

*/
/**
 * General 
 */
body { margin: 0;	padding: 0; background-color: #ffffff; }
h1,h2,h3,h4,h5,h6 { color: #4C8CC6; margin: 10px 0 5px; }

h1 { font-size: 26px; color: #444444; }
h2 { font-size: 19px; color: #0B5394; }

h3 { font-size: 14px; color: #444444; text-align:justify; }

hr { color: #ccc; width: 80%;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

p { padding: 10px 0; }

/* IEPNGFIX */
img, div, a { behavior: url(/javascripts/lib/iepngfix/iepngfix.htc) }

/**
 * Helpers
 */
.clear { clear: both; }
.center { text-align: center; }

/**
 * Layout
 */
#website {  }

/**
 * Header 
 */
#hd { height: 95px;	position: relative;  width: 965px;}
#mainLogo { position: absolute;top: 13px; left: 10px;}
#baseline { position: absolute;top: 62px; left: 24px; color: #2369A0; font-size:16px;}

#hd .phone { position: absolute; top: 7px; right: 153px; }
#hd .phone span { font-size: 14px; color: #444444; position: relative; top: -1px; }

#loginLink { position: absolute; top: 0; right: 0; color: #444444; background: #ffffff url(images/site3/layout/login.png) repeat-x 0 0;width:130px; font-size:14px;line-height:29px;}
#loginLink span { margin-left: 17px; }
#loginLink:hover { text-decoration: none;}
#loginLink:hover span { text-decoration: underline;}

#bulleNumbers { font-size: 11px; position: absolute; top: 0; left: 300px; width: 182px; height: 73px; background: #ffffff url(images/site3/layout/bulle.png) no-repeat 0 0; color: #2369A0; font-weight: bold; padding-top: 4px; }
#bulleNumbers span { color: #444444; font-weight: normal; font-size: 13px; }


/**
 * Navbar
 */
#navbar { width: 100%; background: #ffffff url(images/site3/layout/navbar_bg.jpg) repeat-x 0 0; height: 40px; overflow: hidden; font-size: 14px; }
#navbar .menu { width: 965px; height: 40px; text-align: left; position: relative;}
#navbar .menu ul { padding-left: 10px;}
#navbar .menu li { display: inline; color: white; line-height: 38px; }
#navbar .menu li a { margin: 0 2px; float: left; color: white; /* width: 106px;*/ text-align: center;}
#navbar .menu ul li.spacer { float: left; width: 2px; height: 40px; background: transparent url(images/site3/layout/navbar_spacer.jpg) no-repeat 0 0; }
#navbar .menu ul li.last a { background: none;}
#navbar .menu ul li a span { padding:2px 26px; display: block; }
#navbar .menu ul li.selected a, #navbar .menu ul li:hover a { text-decoration: none; color: #3482C4; background: #ffffff url(images/site3/layout/fond_navigation.png) repeat-x 0 0;}
#navbar .menu .rightbutton { overflow: hidden; position: absolute; right: 0; width: 167px; height: 40px; background: #FFFFFF url(images/site3/layout/navbar_rightbutton.jpg) no-repeat scroll 0 0; text-align: left; padding-top: 3px;  font-size: 90%; }
#navbar .menu .rightbutton div { margin-left: 44px; position: absolute; height: 40px; width: 2000px; top: 0; left: 0;padding-top: 5px; }
#navbar .menu .rightbutton a { color: white; }
#navbar .menu .rightbutton a:hover { text-decoration: none; }
#navbar .menu .rightbutton span.max { font-weight: bold; padding-left:10px; }
#navbar .menu .rightbutton span.min { font-size: 90%; padding-left:10px;}

/**
 * Body 
 */
#bd { background-color: #ffffff; text-align: left; padding-top: 20px; width: 965px; color: #444444;}

/**
 * Footer 
 */
#ft { background-color: #E7E7E9; }
#ft a { color: #747474; }
#onglet { padding-top: 20px; background: #ffffff url(images/site3/layout/onglet_bg.jpg) repeat-x left bottom; }
#onglet_img { position: relative; bottom: 0; width: 234px; height: 25px; background: #ffffff url(images/site3/layout/onglet2.jpg) no-repeat 0 0; }
#footerLinks { text-align:left; padding: 2px; font-size: 80%; width: 843px; }
#footerLinks h1,h4 { color: #666666; }
#footerLinks div.linkBox { padding-left: 30px;  float: left; width: 180px; border-right: 1px solid #DDDDDD; }
#footerLinks div.last { border-right: 0; }
#copyright { font-size: 80%; }
#copyright p { text-align: center;}

/**
 * Layout columns
 */
div.left-column { width: 240px; padding-top: 10px; float: left; text-align: center;}
div.right-column { width: 700px; padding-left: 20px; float: left; }

/**
 * Layout Rows 
 */
.framerow { height: 290px;	padding: 17px 0 15px 23px;	background: #ffffff url(images/site3/layout/cadre_main.jpg) no-repeat 5px 0; }
.framerow .inside { margin: 0; padding: 0;}

/**
 * Layout Boxes
 */
.one-third-box { float: left; margin-left:10px; background: #ffffff url(images/site3/layout/cadre_1.jpg) no-repeat 0 0; text-align:left; padding: 15px;	height:247px; width: 286px; }
.one-third-box .title {	height: 40px; background: #ffffff url(images/site3/layout/in_gris.png) repeat-x 0 30px; width: 100%; }
.one-third-box h2 { margin: 0 0 10px; text-align: center;}

.basic-box { float: left; text-align:left; width: 459px; border: 1px solid #D8D8D8; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
.basic-box .hd { margin: 4px; background: #ffffff url(images/site3/layout/cadre_title_bg.jpg) repeat-x 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
.basic-box h2 { margin: 0; padding: 10px 0 0 12px; text-align: center;}
.basic-box .bd { padding: 15px; }


/**
 * Menu list
 */
div.menu-box {	width: auto; float: none; }
/*div.menu-box div.hd { margin-bottom: 20px; }*/
div.menu-box div.bd { padding: 4px; }
div.menu-box div.bd ul { font-size: 13px; }

div.menu-box div.bd ul li { position:relative; padding:7px 0 7px 45px; border-bottom: 1px solid #E0E4E7; border-top: 1px solid #FFFFFF; }
div.menu-box div.bd ul li a { color: #475766; }




div.menu-box div.bd ul li img { position:absolute; left:20px; top:7px; }


div.menu-box div.bd ul li:hover { background: #ffffff url(images/site3/layout/fd_survol.png) repeat-x 0 0; }
div.menu-box div.bd ul li.last { border-bottom: 0; }
div.menu-box div.bd ul li.selected { background: #ffffff url(images/site3/layout/blue_bg.jpg) repeat-x 0 0; }
div.menu-box div.bd ul li.selected a { color: white; }


/**
 * Various components
 */

.btn_send a { position:relative; display:block; background-image:url(/site2/template/demo/btn_send.png); width:103px; height:37px; line-height:37px; font-size:131%; color:#fff; font-weight:bold; }
.puce_checked {background-image:url(/site2/template/puce_1.png); width:20px; height:19px; float:left; position: relative; top: -2px;}
div.right-column ul { margin-left: 40px;}
div.right-column ul li { list-style: disc;  margin-left:20px; margin:5px 30px 0 0; text-align:justify;}


.previous-next-links { margin:20px 0; font-size:14px; }
.previous-next-links .previous { float: left;}
.previous-next-links .next { float: right;}
.previous-next-links a { color: #455765; text-decoration:underline; }


/**
 * Video Panel
 */
body.yui-skin-sam .mask { opacity: .7; filter: alpha(opacity=70); }
body.yui-skin-sam .yui-panel-container .container-close { background: none; height: auto; position:absolute; right:6px; top:1px;	width: auto; text-indent: 0; font-size: 20px; color: #4C8CC6; }
.playButton { width: 60px; height: 60px; background: transparent url(images/site3/layout/play.png) no-repeat 0 0; position: absolute; display: block; top: 40px; left: 72px; }
a:hover .playButton { background-image: url(images/site3/layout/play-survol.png); }


/**
 * client-box
 */
.clients-box .blue-box { line-height: 45px; height: 45px; background: #ffffff url(images/site3/layout/barre_bleue.jpg) repeat-x 0 0; color: white; position: relative; }

.clients-box .blue-box img { position:absolute;left:12px;top:4px; }
.clients-box .basic-box { width: auto; float: none; text-align: center;-moz-border-radius:0;-webkit-border-radius:0; }
.clients-box #client-profession { height: 100px; position: relative; margin: 10px 0; }
.clients-box #client-profession table { position: absolute; top: 0; left: 0; height: 100px; width: 100%; }
.clients-box #client-profession table tr td { height: 100px; vertical-align: middle; text-align: center; }
.clients-box p { font-size: 80%; color: #898989;padding: 0 0 10px 0; }





/* Blog specific */
#sidebar { padding: 20px; text-align:left;}
#sidebar h2 { font-size: 110%; }

div.post, div.page { margin-top: 20px; }

div.entry { margin: 10px 0;}

#bodycontent h2, #bodycontent h3,
#bodycontent h2 a, #bodycontent h3 a { font-size: 19px; font-weight: bold; color:#0B5394; }

.entry p { margin-top: 10px; margin-bottom: 10px;
	
.widecolumn .entry p {
font-size:1.05em;
}
.widecolumn .postmetadata {
margin:30px 0;
}


/* Repiqué de kubrick */

.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;
		}
		

		/* 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 */