@charset "utf-8";
/*
Theme Name: Lucas Courot Theme
Theme URI: http://www.lucas.courot.com/
Description: A nice 2 column theme.  Designed and coded by <a href="http://www.lucas.courot.com">Lucas Courot</a>
Version: 1.0
Author: Lucas Courot
Author URI: http://www.lucas.courot.com/
Tags: fixed width, two columns, custom colors
Text Domain: Lucas Courot
*/



/* ========== S T R U C T U R E ========== */

* {
	margin: 0;
	padding: 0;
}

body { /* police, taille et fond du site (pour le footer) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #003939;
	color: #000000;
}

#body2 { /* contient le motif et la couleur de fond du contenu + sidebar */
	background-color: #0CC;
	background-image: url('images/fond.png');
}

#body3 { /* contient l'image de fond du header + menu */
	background-image: url('images/header.png');
	background-repeat: repeat-x;
	background-position: top left;
}

#container { /* donne une largeur fixe a la page */
	width: 1000px;
	margin: auto;
}



/* ========== H E A D E R ========== */



#header {
	height: 150px;
	position: relative;
}
			#header h1, #header h1 a, #header h1 a:visited {
				text-align: right;
				color: #EEF;
				font-family: 'Century Gothic', 'Arial Narrow', Georgia, Arial, sans-serif;
				font-size: 2em;
				font-weight: 200;
				text-transform: capitalize;
				text-decoration: none;
			}
			#header h1{
				width: 420px;
				position: absolute;
				bottom: 45px;
				left: 20px;
			}
						#header h1 span {
							color: #CCCCCC;
						}
			#header h3 {
				color: #00CCCC;
				letter-spacing: 3px;
				font-family: 'Century Gothic', 'Arial Narrow', Georgia, Arial, sans-serif;
				font-size: 1.7em;
				font-weight: normal;
				width: 550px;
				position: absolute;
				bottom: 57px;
				right: 0px;
			}




/* ========== M E N U ========== */



#menu {
	position: relative;
	height: 35px;
	margin-left: 15px;
}
			#menu ul {
				list-style-type: none;
			}
			#menu>ul>li {
				float: left;
			}
			#menu a, #menu a:visited {
				padding: 9px 15px;
				line-height: 35px;
				font-size: 14px;
				color: #FFF;
				text-decoration: none;
				font-weight: bold;
			}
			#menu a:hover, #menu a:active, #menu a:focus {
				background-color: #333;
			}
			 #menu li.current_page_item>a {
				background-color: #FFF;
				color: #000000;
				background-image: url('images/bg_menu.png');
				background-position: top left;
				background-repeat: repeat-x;
			}
			
			/* sous menu */
			#menu ul ul {
				position: absolute;
				top: 35px;
				left: 0px;
				z-index: 3000000;
				width: 200px;
				display: none;
				border-right: 2px solid #333;
				border-bottom: 2px solid #333;
				border-top: 1px solid #333;
			}
			#menu ul ul a, #menu ul ul a:visited {
				display: block;
				padding: 0 15px;
				line-height: 25px;
				font-size: 13px;
				background-image: none;
				background-color: #FFF;
				color: #333;
				border-bottom: 1px solid #666;
			}

			#menu ul ul a:hover, #menu ul ul a:active, #menu ul ul a:focus {
				background-color: #333;
				color: #FFF;
				border-bottom: 1px solid #333;
			}

			#menu ul li.sous_menu:hover ul {
				display: block;
			}
			
						
			
			
			
			#search {
				position: absolute;
				top: 5px;
				right: 20px;
				width: 260px;
				text-align: center;
			}
						#search input {
							border: 1px solid #0CC;
							padding: 2px;
						}
						#search input:focus {
							background-color: #7CC;
						}
			
#content_sidebar { /* #content + .sidebar */
	background-image: url('images/content.png');
	background-position: top left;
	background-repeat: repeat-y;
}



/* ========== S I D E B A R ========== */



.sidebar {
/*	width: 300px;*/	
	margin-left: 700px;
	/* background-color: #FFFFFF; */
	
}
			.sidebar_top {
				width: 270px; /* + 2*padding */
				padding: 10px 15px;
				background-image: url('images/sidebar.png');
				background-position: top center;
				background-repeat: repeat-y;
			}
			.sidebar_bottom {
				height: 60px; /* 40 + 20 pour espacer du footer */
				width: 300px;
				
				background-image: url('images/sidebar_bottom.png');
				background-position: top center;
				background-repeat: no-repeat;
			}
			
			.sidebar h2 {	
				font-family: Verdana, 'Century Gothic', 'Arial Narrow', Arial, sans-serif;
				font-weight: bold;
				font-size: 16px;
				color: #033;
				margin: 20px 10px 5px 10px;
				background: url('images/h1bullet.gif') no-repeat left;
				padding-left: 25px;
				border-bottom: 1px solid #999999;
			}
			.sidebar ul>li>ul {
				margin: 0px;
			}
			.sidebar ul {
				list-style-type: none;
			}
			.sidebar li a {
				padding: 5px 2px 5px 30px;
				display: block;
				color: #000;
				text-decoration: none;
				background-image: url('images/puce.gif');
				background-repeat: no-repeat;
				background-position: left;
				margin-bottom: 1px;
			}
			.sidebar li a:hover, .sidebar li a:active, .sidebar li a:focus, .sidebar li.current-cat a {
				color: #FFF;
				background-color: #0AA;
				background-image: url('images/puce_hover.gif');
				background-repeat: no-repeat;
				background-position: left;
			}

			#tag_cloud p {
				padding: 10px 15px;
			}
			#tag_cloud a, #tag_cloud a:visited {
				padding: 3px;
				margin: 0;
				display: inline;
				color: #000;
				text-decoration: none;
				background-image: none;
			}
			#tag_cloud a:hover, #tag_cloud a:active, #tag_cloud a:focus {
				color: #000;
				background-image: none;
				background-color: #FFFFFF;
			}

			table#wp-calendar {
				text-align: center;
				margin: auto;
			}
						table#wp-calendar td, table#wp-calendar th {
							padding: 2px 5px;
							margin: 0 1px;
						}
						table#wp-calendar th {
							background-color: #BCC;
							color: #333333;
						}
						table#wp-calendar caption {
							padding: 5px;
							color: #055;
							font-weight: bold;
							letter-spacing: 1px;
						}
						table#wp-calendar a, table#wp-calendar a:visited {
							display: block;
							margin: 0;
							padding: 0;
							color: #0AA;
							text-decoration: none;
							background-image: none;
						}
						table#wp-calendar a:hover, table#wp-calendar a:active, table#wp-calendar a:focus {
							color: #0AA;
							background-color: #EEE;
							background-image: none;
						}

			.sidebar select {
				width: 200px;
				display: block;
				margin: 10px auto 0 auto;
			}
			
			.sidebar #reseaux {
				text-align: center;
			}
						.sidebar #reseaux h2 {
							text-align: left;
							margin-bottom: 20px;
						}
						.sidebar #reseaux a, .sidebar #reseaux a:visited {
							padding: 3px;
							margin: 0;
							display: inline;
							color: #000;
							text-decoration: none;
							background-image: none;
						}
						.sidebar #reseaux a:hover, .sidebar #reseaux a:active, .sidebar #reseaux a:focus {
							color: #000;
							background-image: none;
							background-color: #FFFFFF;
						}
			 #design ul {
			 	list-style-type: none;
				text-align: center;
				padding-bottom: 30px;
				padding-left: 110px;
				padding-top: 10px;
			 }
						 #design ul li {
							display: block;
							width: 20px;
							float: left;
							border: 2px dotted #CCC;
							margin-right: 3px;
						 }
						 #design ul li a {
							padding: 0;
							margin: 0;
							display: block;
							color: #000;
							text-decoration: none;
							background-image: none;
							width: 20px;
							height: 20px;
						 }


/* ========== C O N T E N T ========== */


#content_page {
	padding: 25px;
	padding-top: 10px;
	background-image: url('images/content_page.png');
	background-position: top left;
	background-repeat: repeat-y;
	min-height: 400px;
}

#content {
	width: 650px; /* + 2*padding */
	padding: 25px;
	padding-top: 10px;
	float: left;
}

.post_content_home {
	margin-bottom: 25px;
}




/* ========== P O R T F O L I O ========== */

#slideshow {
	margin: 0 auto;
	width: 940px;
	height: 500px;
	margin-top: 20px;
	background: #FFF;;
	position: relative;
}
#slideshow #slidesContainer {
	margin: 0 auto;
	width: 860px;
	height: 500px;
	overflow: auto;
	position: relative;
}
#slideshow #slidesContainer .slide {
	margin: 0 auto;
	width: 840px;
	height: 500px;
}

.control {
	display: block;
	width: 60px;
	height: 500px;
	position: absolute;
	cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background: url('images/portfolio/p_bg_left.png') repeat-y center center;
	z-index: 10000;
}
			#fleche_left {
				background: url('images/portfolio/p_fleche_left.png') no-repeat center center;
				margin-top: 220px;
				width: 60px;
				height: 60px;
			}
#rightControl {
	top:0;
	right:0;
	background: url('images/portfolio/p_bg_right.png') repeat-y center center;
}
			#fleche_right {
				background: url('images/portfolio/p_fleche_right.png') no-repeat center center;
				margin-top: 220px;
				width: 60px;
				height: 60px;
			}


.cadre {
	float: right;
	width: 450px;
	font-size: 11px;
	color: #888;
	padding-top: 5px;
	padding-right: 30px;
	text-align: right;
}
.voir_site {
	text-align: left;
	padding: 5px 0 0 30px;
}
			#slideshow .voir_site a, #slideshow .cadre a {
				color: #444;
				font-size: 11px;
				text-decoration: none;
			}
#slideshow .slide h2 {
	font: italic 24px Georgia, "Times New Roman", Times, serif;
	color: #AAA;
	margin: 15px;
}


.realisation {
	text-align: center;
}
			.realisation img  {
				text-align: center;
				border: 3px solid #333;
			}
			.taches {
				text-align: left;
				clear: both;
			}
						.taches ul {
							padding-left: 15px;
							margin-top: 40px;
							color: #556;
							list-style-type: square;
						}






/* ========== C O M M E N T S ========== */


			.post { /* contient titre + extrait/contenu de l'article */
				
			}
			.postmetadata { /* informations sur l'article (date, catégories, nb coms etc */
				font-size: 10px;
				color: #999;
			}
			
			.comments-template{ /* contient comments.php */
				margin: 30px 0;
				border-top: 3px dashed #999999;
			}
			
			#content .comments-template h3 { /* Tous les titres indicatifs des commentaires */
				font-size: 21px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #055;
				letter-spacing: 2px;
				margin-bottom: 30px;
			}
						.comments-template #protected { /* protege par mot de passe */
						}
						.comments-template #aucun { /* si encore aucun commentaire */
						}
						.comments-template #comments { /* nombres de commentaires */
						}
						.comments-template #nocomments { /* les commentaires sont fermés */
						}

			.cadre_commentaires { /* contient seulement les commentaires */
				margin-top: 20px;
			}
			
			
			 
			.comments-template ol.commentlist { /* <ol class="commentlist"> */
				margin: 10px 30px;
				list-style-type: none;
			}
			 
			.comments-template ol.commentlist li.comment {
				background-color: #D9E7E8;
				padding: 7px;
				margin-bottom: 15px;
			}
						.commentmetadata { /* Date, nom auteur etc */
							font-size: 11px;
						}
						.commentmetadata strong { /* Nom auteur */
							font-size: 13px;
						}
			 
			.comments-template form {
				padding: 10px;
			}
						.comments-template fieldset {
							border: 2px solid #066;
							margin: 0 20px;
							padding: 15px;
						}
						.comments-template fieldset legend {
							background-color: #FFFFFF;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 17px;
							color: #055;
							padding: 2px 15px;
							letter-spacing: 2px;
							border-left: 2px solid #066;
							border-right: 2px solid #066;
						}
						.comments-template form label {
							color: #055;
						}
						.comments-template form input {
							border: 1px solid #099;
							padding: 2px;
						}
						.comments-template form input:hover {
						}
						.comments-template form input:focus {
							border: 1px solid #033;
							background-color: #E9E9E9;
						}
						.comments-template form textarea {
							border: 1px solid #099;
							padding: 2px;
						}
						.comments-template form textarea:hover {
						}
						.comments-template form textarea:focus {
							border: 1px solid #033;
							background-color: #E9E9E9;
						}
						.comments-template form input.submit {
							display: block;
							width: 100px;
							margin: auto;
						}
						.comments-template form input.submit:focus {
							cursor: wait;
						}





/* ========== F O O T E R ========== */



#footer {
	clear: both;
	background-image: url('images/footer.png');
	background-repeat: repeat-x;
	background-position: top left;
}

#footer .wrap {
	margin: auto;
	width: 980px;
	padding: 30px 10px;
 	color: #FFF;
}
		
#footer .foot {
	text-align: center;
	color: #0CC;
}
			#footer .foot ul {
				list-style-type: none;
			}
			#footer .foot li {
				display: inline;
				margin-right: 30px;
			}
			#footer a, #footer a:visited {
				color: #0CC;
				text-decoration: none;
			}
			#footer a:hover {
				color: #0CC;
				text-decoration: underline;
			}
			
			
#articles_recents {
	margin-top: 35px;
	margin-left: 35px;
}
#articles_recents h4 {
	letter-spacing: 2px;
}