/*

Theme Name: Sleepy Blue

Theme URI: http://www.ehomy.net/

Description: A Smart 2-column, blue and gray Wordpress theme designed by <a href="http://www.ehomy.net">Eyoung</a>. 

Version: 1.0

Author: Eyoung

Author URI: http://www.ehomy.net/

http://www.hoplavie.ca/wp-admin/theme-editor.php

	This theme is released under Creative Commons Attribution 2.5 License.



*/





/*######################################################################################################

  ###### General styles ###############################################################################

  ####################################################################################################*/



body {

	/*font: 75%/150% "Trebuchet MS", Tahoma, Arial, Verdana;*/

        font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
       
	font-size: 13px;
        line-height:20px;

	color: #000000;

	margin: 0px;

	padding: 0px;

	background-color: #3C5486;

	background-image: url(images/bg2.gif);

	background-repeat: repeat-y;

	background-position: center;

}



#container{

	/*font: 75%/150% "Trebuchet MS", Tahoma, Arial, Verdana;*/

	color: #333333;

	margin: 0px;

	padding: 0px;

	background-color: #3C5486;

	background-image: url(images/bg2.gif);

	background-repeat: repeat-y;

	background-position: center;

}



#slogan {width:486px; margin:0 0 0 75px; padding:0;}
#slogansidebar {margin: 25px 0 20px 0;}

/***************** Links *******************/

a {

	color: #3c5486;

	text-decoration: none;

}

a:visited {

	color: #3c5486;

	text-decoration: none;

}

a:hover {

	color: #6f744c;

	text-decoration: underline;

}



img {

	border: none;

}



img.pad {

	padding:36px 0;
        text-align:center;

}


#wrap #content h1.title {
        
	/*margin:0 0 0 80px;*/
        margin:40px 0 30px 102px;
        padding:0;
	/*height: 30px;*/
	font: 20px Trebuchet MS, Tahoma, Arial, Verdana;
	color: #28365f;
        display:inline;
        text-transform: uppercase;
}

h1 a, h1 a:visited{
	color: #28365f;
	text-decoration: none;
}

h1 a:hover{
	color: #6f744c;
	text-decoration: none;
}




h2 {
/*	font-size: 20px;*/
        font-size: 15px;
        line-height:28px;
	color: #28365F;
	font-weight: bold;
	font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
        margin:0;
        padding:0 0 0 27px;
	border-bottom:white 2px solid;
/*	padding-bottom: 6px;*/

}

h2 a, h2 a:visited {

	color: #28365F;
	text-decoration: none;
        text-transform: uppercase;
       /* font-weight: bold;*/
   
       

}

h2 a:hover {

	color: #6F744C;
	text-decoration: none;

}



h3 {
        font-size:16px;
        font-weight: bold;
        color: #3c5486;
        text-align:center;
        margin: 5px 0;
/*	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial, Verdana;*/
/*	color: #333366;*/
/*	margin: 10px 0px 5px;*/
}



h4 {
	font: normal 130%/100% Trebuchet MS, Tahoma, Arial, Verdana;
	color: #666633;
	margin: 10px 0px 5px;
}



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

.bold {font-weight: bold;}

#wrap {

/*	border:green solid 1px;*/

	margin: 0px auto;

/*	width: 876px;*/

	width:800px;

	border-left: 8px solid #000;

	border-right: 8px solid #000;

	overflow: hidden;

	position:relative;

/*	background: #fff url(images/bg_leftside.gif) top left repeat-y;*/

        background: #fff url(images/bg_wrap.jpg) top left repeat-y;

}



/***************** Code, Blockquote etc. **************************************/

code {

	background-color: #ececec;

	padding: 1px;

	border: 1px solid #cccccc;

}

blockquote {

	background: #F9F9F9;

	border-left: 3px solid #AAAAAA;

	padding-left: 6px;

	margin: 7px 10px 7px 10px;

	font-style: italic;

}



/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

#content p img {border:none;}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 0px 0px;
        padding:0;

}
#attachment_219 {padding : 0 15px 5px 0; margin:0; font-size:11px;}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}





/*######################################################################################################

  ###### Header ########################################################################################

  ####################################################################################################*/



#header {
	margin: 0 auto 0 auto;
	padding:0;
/*	height: 320px;*/
	height:264px;
/*	width:876px;*/
	width:800px;
	border-bottom: 8px solid #000;
	border-right: 8px solid #000;
	border-left: 8px solid #000;
	position: relative;
	/*color: #4E79A2;*/
	background: #cccc99 url(images/bg_header.gif) repeat;
}

#header .highlight {
	font-weight: bold;
}


#headerimg  {
       	margin:0;
	padding:0;
	text-align:left;
/*	border:red solid 1px;*/
}

h1#logo {
	float:right;
        text-indent: -9999px;
        margin : 10px 75px 0 0;
	/*margin: 18px 130px 10px 0;*/
	padding:0;
        width:660px;
        height:130px;
	/*width: 600px;*/
	/*height:120px;*/
	background: url(images/Entete_Janick.jpg) top left no-repeat;
        /*border:green solid 1px;*/
}

#headerimg div.description img {
        float:right;
        margin: 0 10px 15px 0;
        padding:0;
	/*position: absolute;*/
	/*top: 138px;*/
	/*color: #F6F5EE;*/
        /*left: 480px;*/
        width: 319px;
        height:106px;
	/*width: 290px;*/
	/*font-size: 13px;*/
        /*line-height:19px;*/
}

#headerimg .description strong { 
	font-size: 16px;
	font-weight: bold;
}


/***************** Header Navigation ******************************************/


/**********************************test****************************************************/

















/*######################################################################################################

  ###### Content #######################################################################################

  ####################################################################################################*/



#content {

/*	border:yellow solid 1px;*/
        margin:0;
	padding: 20px 0px 15px 0;

	float: left;

/*	width: 512px;*/

	width: 560px;

	overflow: hidden;

}

.post {

	clear:both;
	padding: 15px 0 0 0;
	margin:0;
	/*border:yellow solid 1px;*/

	}

.post-date {

	/*border:pink solid 1px;*/
	width:70px;
	height:70px;
	float:left;
	padding:5px 0;
	margin:0;
/*	background: url(images/date-bg.gif) no-repeat;*/

}

.post-month {

	font-size: 20px;
	text-transform: uppercase;
	color: #CECBAB;
	text-align: center;
	display:block;
	padding-top:12px;
        font-weight: normal;
/*	margin-left: -3px;*/

}

.post-day {

	/*font-size: 46px;*/
        font-size:36px;
	text-transform: uppercase;
/*	color: #cccc99;*/
        color:#CECBAB;
	text-align: center;
	display:block;
        font-weight: normal;
	
}

.entry {

	float:right;
	width:484px;
        margin:0;
        padding:0;
	/*border-bottom:#000000 solid 1px;*/

}
div.entry2 {
        margin:5px 0 36px 75px; 
}

div.entry h2, div.entry2 h2 {border-bottom:#000000 solid 1px;}
div.entry2 h2 { margin:0 0 0 27px; padding:0; text-transform: capitalize;}





span.line {

	border-bottom:#666633 solid 2px;

	width:510px;

	line-height:2px;

	padding:0 0;

	margin:0 0 10px 0;

	display:block;

}


.post-cat a{

/*	background: url(images/mini-category.gif) no-repeat left center;*/

	float:right;
        text-align:right;
	font-size: 11px;
        font-weight: bold;
	color:#6F744C;
        margin:0;
        padding:0 27px 0 0;
        width:175px;
        display:block;

}

.post-author a, .post-calendar {color:#28365F; font-weight: bolder;}
.post-author, .post-calendar, .auth  {

/*    background: url(images/icon-users.gif) no-repeat left center;*/

	float: left;
	font-size: 11px;
        font-weight: normal;
        color:#28365F;
        padding: 0 0 0 27px;
        margin:0;

}

.post-tag {

    margin-left: 10px;

	float: left;

	font-size: 95%;

}
.post-comments a{ color:#6f744c;}
.post-comments {

/*	background: url(images/mini-comments.gif) no-repeat left bottom;*/
	padding: 0 27px 0 0;
        margin: 0 0 36px 0;
	float: right;
	font-size: 12px;
        font-weight: bold;
      /*  color:#28365f;*/

}

.post-calendarOLD {

/*	background: url(images/mini-calendar.gif) no-repeat left center;*/

	padding-left: 20px;

	float: right;

	font-size: 95%;

	color: #999999;

}

/******** post content ********/

.post-content {

	clear: both;
	padding :0;
        margin:0 27px 0 102px;
/*        font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;*/
/*	font-size: 14px;*/
/*	line-height: 20px;*/
/*	border:orange solid 1px;*/

}
/*--- post content paragraph ---*/
.post-content p {
          margin: 10px 0 15px 0;
         /*margin: 36px 0px 18px 0px;*/
         padding:0;
         line-height: 20px;
}

.post-content img {

	border: 1px solid #C7C7C7;

	padding: 5px;

}

.post-content a:hover img {

    border: 1px solid #333366;

	padding: 5px;

	background: #333366;

}



/**** entrymeta ****/

.entrymeta {

	clear: both;
        width:432px;
        margin:0 auto;
	/*border: 1px solid #8d8d8d;*/

	/*background-color: #f9f9f9;*/

	/*font-size: 90%;*/

}

.entrymeta ul {

    margin: 8px auto 8px 40px;

	padding: 0px;

}

.entrymeta ul li {

  	list-style-type: none;

}

.trackback-leftalign { background: url(images/icon-trackback.png) no-repeat 0 50%; padding-left: 14px; }

.feed-leftalign { background: url(images/icon-post-feed.gif) no-repeat 0 50%; padding-left: 14px; }

/***************** Tags below the link of the comments feed ********************/

.utwtags { background: url(images/icon-tag.gif) no-repeat 0 50%; padding-left: 14px; }



.navigation {

	clear: both;

	padding: 10px 0px;

}

.navigation a, .navigation a:visited {

	color: #6f744c;

}

.previous-entries a {

	float: left;

	padding-left: 18px;

/*	background: url(images/mini-nav-left.gif) no-repeat left center;*/

}

.next-entries a {

	float: right;

	padding-right: 18px;

/*	background: url(images/mini-nav-right.gif) no-repeat right center;*/

}



/* comments area */
h3#respond {text-align:right; font-size: 18px; line-height:26px; font-weight:bold; padding:0; margin:20px 27px 10px 0; }

#comments, #respond {

	/*border-bottom: 1px dotted #8D8D8D;*/
	/*padding: 10px 0 5px 0;*/
	clear: both;

}



/*** commentlist ***/

ul.commentlist {width:486px; margin:5px 0 0 0; padding:0; float:right;}
.commentlist {

    list-style: none;

	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;

}

ul.commentlist li{

      margin: 0 27px 0px 0px;


    

	/*padding: 10px;*/

}

.commentlist .alt {

	/*background: #F9F9F9;*/

	/*border: 1px dotted #8D8D8D;*/

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

	font-style: normal;
        color:#000000;


}

.commentlist small {

/*	margin-bottom: 5px;*/

/*	display: block;*/

}

.commentname{
        width:432px;
	color: #6f744c;
}

ul.commentlist span.barh {clear:both; border-bottom:2px solid #6f744c; width:486px; height:5px; display:block; margin:3px 0 5px 0; padding:0;}

.gravatar {

    border: 1px solid #AAAAAA;

	padding: 5px;

    float: left;

	height: 32px;

	width: 32px;

	background: url(images/gravatar.png) no-repeat 5px 2px;

	display: inline;

}

.commentcount {

    font: bold 2.2em Georgia,sans-serif;

	color: #DEDEDE;

	float: right;

}

.commentext { /* That's the div of the text... */ 

	padding: 0px 0px 0px 0px;

}

div.commentext p {margin-left:27px;}

/***** comment form *****/

#commentform {
        text-align:right;
        margin: 5px 0px 5px 102px;
	/*margin-top: 10px;*/
	width:432px;
      

}

#commentform p {

	padding: 2px 0px;
	margin: 0px;

}

#commentform label{

	color: #000000;
	font-size: 12px;
        font-weight:bold;

}

#commentform input{
	width: 243px;
	/*background:#F9F9F9;*/
	border: 1px solid #8D8D8D;
	padding: 3px;
	margin-top: 3px;

}

#commentform textarea{
         width:432px;
	/*width: 506px;*/

/** height: 115px; **/
	/*background:#F9F9F9;*/
	border: 1px solid #8D8D8D;
	padding: 2px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #ffffff;

}

#commentform #submit{

/*	background: url(images/btn-bg.gif) no-repeat;*/
	/*font: bold 12px Arial, Helvetica, sans-serif;*/
        font-size:12px;
        background-color:#cecbab;
/*	border: none;*/
	float:right;
        margin:5px 0;
        padding:0;
	width: 128px;
	height: 28px;
	cursor: pointer;

}



/** Quicktags **/

#quicktags {

	margin-top: 4px;

	margin-bottom: 0px;

}



#quicktags input {

/*	background: #f9f9f9 url(images/button-bg.png) repeat-x;*/

	border: 1px solid #aaaaaa;

	font-size: .9em;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	width: auto;

	margin: 1px 2px 0px 0px;

	padding: 0px 1px 0px 1px;

}





#quicktags input:hover {

	border: 1px solid #4E79A2;

}





/*######################################################################################################

  ###### Sidebar #######################################################################################

  ####################################################################################################*/



#sidebar {

/*	border:red solid 1px;*/
	float: right;
	/*padding: 10px 25px 20px 25px;*/
	width: 220px;
        /*margin:10px 25px 20px 25px;*/
        margin:0 10px 0 0;
        padding:0;
	color: #333333;
	/*overflow: hidden;*/
	/*background:#6F744C url(images/bg_right.gif) repeat;*/
}

#sidebar p.contactez {
	background-color:#000000;
	color:#FFFFFF;
	height:28px;
	display:block;
	width:100%;
	text-align: center;
	line-height:28px;
	margin:0;
	padding:0;
}

p.contactez a  {color:#FFFFFF; padding: 0 0 0 17px; margin:0;}

#sidebar p.ajout{
	height:28px;
	display:block;
	width:100%;
	text-align: right;
	line-height:28px;
	margin:0;
	padding:0;
}

p.ajout a  {padding: 0 3px 0 0; margin:0;}



/*sidebar title (h2) */


#sidebar h2.widgettitle {
        font-size: 15px;
        /*font-weight: bold;*/
        color:#ffffff;
        line-height:20px;
        text-align:left;
        margin:36px 0 5px 0;
        padding:0;
}

#sidebar h2 {
	font: normal 140%/100% Trebuchet MS, Tahoma, Arial;
	color: #d0ceac;
	margin: 25px 0px 5px;
	border-bottom: 1px solid #ffffff;
}

/*sidebar text styles */

#sidebar a, #sidebar a:visited{
	color: #cecbab;
	text-decoration: none;

}

#sidebar a:hover{

	color: #3c5486;
	text-decoration: none;
}

/*sidebar list level1 */

#sidebar ul.tous {
       /*width:190px;*/
	margin: 45px 10px 20px 10px;
        /*margin:0;*/
	padding: 0;
        list-style: none;
}

/*#sidebar li {list-style: disc;}*/
#sidebar ul li {

	margin: 0;
	padding: 0;
	border: none;
       

}

/*sidebar list level2 */

#sidebar ul li ul {
	padding: 0;
	margin: 0 0 0 13px;
}




#sidebar ul li ul li {
        color:#cecbab;
        list-style: disc;
	padding: 3px 0 3px 0;
        margin:0;
      
	/*border-bottom: 1px solid #d0ceac;*/
}

/*----- fait problème avec footer quand ajouté ------*/
/*#sidebar ul li ul li a {margin:0 0 0 -3px;)*/

#sidebar a {margin:0 0 0 -18px; display:block; } 


/*sidebar list level3 */

#sidebar ul li ul li ul li{

	padding: 1px 0px 1px 10px;
	border: none;

}

/*blogroll */

ul.list-blogroll li, li.widget_links li {

/*	background: url(images/mini-blogroll.gif) no-repeat left center !important;*/

	padding-left: 20px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li {

/*	background: url(images/mini-category.gif) no-repeat left center !important;*/

	padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li {

/*	background: url(images/mini-monthly-archive.gif) no-repeat left center !important;*/

	padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li {

/*	background: url(images/mini-page.gif) no-repeat 0px 3px !important;*/

	padding-left: 20px !important;

}



/*sub-pages 

ul.list-page li ul li, li.widget_pages li ul li {


	padding-left: 10px !important;

}*/
/*	background: url(images/mini-page-arrow.gif) no-repeat !important;*/



/*recent comments widget */

ul.recent-comments li, li.widget_recent_comments li {

/*	background: url(images/mini-recent-comments.gif) no-repeat 0px 4px !important;*/

	padding-left: 20px !important;

	list-style: none;

	color: #d0ceac;

}



/********* calendar ********/

li.calendar table, li.widget_calendar table {

    width: 100%;

	font-size: 95%;

}

li.calendar table td, li.widget_calendar table td {

	width: auto;

	text-align: center;

	border: 1px solid #333333;

}

li.calendar table td a, li.widget_calendar table td a {

    display:block;

	background: #333333;

}

li.calendar table td a:hover, li.widget_calendar table td a:hover {

    display:block;

	background: #d0cead;

	/*blanc f6f6f6*/

}

li.calendar table td#today, li.calendar table td#today a:hover, li.widget_calendar table td#today, li.widget_calendar table td#today a:hover {

    background: #d0cead;

    color: #28365F;

}

li.calendar table td#today a, li.widget_calendar table td#today a {

    background: #d0cead;

	color: #28365f;

} 



/*** links ***/

ul.list-meta li, li.widget_meta li {

/*	background: url(images/link.gif) no-repeat left center !important;*/

	padding-left: 20px !important;

}

/*** feeds ***/

ul.list-feeds li a {

    display: block;

	background: url(images/icon-feed-orange.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

ul.list-feeds li a:hover {

	background: url(images/icon-feed-blue.gif) no-repeat left center !important;

	padding-left: 20px !important;

} 

/*text widget */

.textwidget {

/*	padding-top: 5px;*/

}



/*search form */
p.recherche {margin: 20px 0 0 102px;}
#searchform {
	margin: 0;
      /*  background-color:#ffffff;*/
    /*   border:1px solid #000000;*/
       
}

#searchform br {
	display: none;
}

#searchform #s {
	width: 120px;
	height: 26px;
	padding: 4px 26px 0px 4px;
	border: 1px solid #000000;
/*	background: #FEFEFE url(images/search-icon.gif) right center no-repeat;*/
	margin-right: 2px;
        font-size:14px;
	color: #000000;
	font-weight: normal;
        

}

/* search form button - to specify button only use input[type="submit"] */

#searchform input.button {background-color:#3c5486;  color:#ffffff; height:30px; margin:0; padding:0; border:1px solid #000000;}

#searchform input {
/*	background: url(images/search-btn-bg.gif) no-repeat;*/
        border: none;
	width: 30px;
	height: 26px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: middle;
        line-height: 26px;
        margin: 0;
        padding:0;

}





/*######################################################################################################

  ###### Footer ########################################################################################

  ####################################################################################################*/



#footer {
/*    width: 876px;*/
	width:800px;
	/*height: 75px;*/
	clear: both;
	background: #CECBAB url(images/bg_header.gif) repeat;
	margin: 0 auto 0 auto;
        padding:0;
	border-left: 8px solid #000;
	border-top: 8px solid #000;
	border-right: 8px solid #000;
	text-align: center;
}


#footer p {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
}


#footer p.navlinks {
    margin: 20px auto 20px auto;
}

#footer p.info {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 9px auto 0px auto;
	line-height: 14px;
    padding: 0 0 15px 0;
}

#footer .highlight {
	color: #28365F;
	font-weight: bold;
}

#footer p a {
	color: #333366;
	font-size: 13px;
	font-weight: bold;
}

/*######################################################################################################

  ###### styles Pages Janick ###############################################################################

  ####################################################################################################*/

body.servicenav #wrap #content h1.title2 {margin:0; padding:0;}

body.servicesnav #servicesbox {
        width:432px; 
        height:246px; 
        margin: 20px auto; 
        padding: 0; 
        color:#ffffff; 
        font-size:13px; 
        line-height:20px;
        background: #ffffff url(images/bg_bluememobox.gif) no-repeat;
        display:block;
}
body.servicesnav #servicesbox #servicesboxpos {width:370px; margin: 0px auto 0px auto; padding:18px 0 0 0;}
body.servicesnav #servicesbox #servicesboxpos p {margin:0; padding:0 0 8px 0;}
body.servicesnav #servicesbox #servicesboxpos #serv_emphase { width:100%; text-align: center; font-size:16px; font-weight: bold; margin: 0; padding:0px; color:#cdcbab;}

div.quest {width:432px; margin:5px auto; padding:0px; background-color:#cecbab; color:#28365F; font-size:15px; line-height:20px; }

div.quest h4.question {background-color:#3c5486; color:#ffffff;  font-size:15px;  height:28px; line-height:28px; display:block; margin:0; padding:0px 20px; }

div.quest p {margin:0; padding:15px 20px;}


#step {width:432px;  margin:10px auto; padding:0; /*border:#3c5486 solid  2px;*/ }
#step h4.etape {background-color:#3c5486; color:#ffffff;  font-size:16px;  line-height:18px; display:block; margin:25px 0 15px 0; padding:8px; text-align:center;}
#step p {margin:0; padding:0 15px 0 20px;}
#step ul li {padding: 0 8px 0 0; margin:0;}
#step blockquote {background:none; border:none;}

div.story {width:432px; margin:0; padding:0;}
div.storyperson {margin:35px 0 0 0; padding:0; height:90px; position:relative; border:white solid 1px;}
div.position {margin:42px 0 0 0; padding:0; }
div.story img.temoignage {float:left; margin: 0 10px 0 0; padding:0; border:black solid 1px;}
div.story span.refnom {font-size:12px; line-height:14px;  margin:0; padding:0;}
div.story span.refemp {font-size:12px; line-height:16px; font-weight: bold; color:#6f744c; margin:0; padding:0; }
div.story h6 {margin: 0; padding: 4px 0 0 0; color:#3c5486; font-size:12px;  }

#commentairesab {width:100%; margin:0; padding:0;}

#commentairesab a.url {color:#6F744C; font-weight:bold; font-size:12px; margin-left:27px;}
#commentairesab a.url:visited {color:#6F744C;}
.time a {color:#000000;}
h4#comments {background-color:#3c5486; color:#ffffff;  font-size:17px; font-weight: bold;  line-height:28px; display:block; margin:0 0 0 74px; padding:0; width:486px; }
h4#comments span.comtitle {margin: 0 0 0 27px;}

p.plusg {font-size:15px;}