/*
Theme Name: cedricmichel
Theme URI: http://www.cedricmichel.com/
Description: Theme created by Cedric Michel.
Version: 0.1
Author: Cedric Michel
 
Creation Theme by Cedric Michel || http://www.cedricmichel.com
 
*/

/* Fond du site */

body {
	font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	text-align: left;
	background: white center 20px;
	background-image: url(images/wordle.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;	/* Pour que le fond Wordle soit fixe wrt le scroll*/
	color: black;
	margin: 0;
}


/* Mise en forme - format - de la page*/

#page {
	margin: 0 auto 0 auto;
	width: 1000px;
}

/* Mise en forme du header*/

#header-logo {
		margin-top: -10px;
		margin-left: -5px;
		background-position: center top;
		background-image: url(images/header.png);
		background-repeat: no-repeat;
		width: 1000px; height: 200px;
	}
	
#header-logo-tete a {
		margin-top: -22px;
		margin-left: 12px;
		position: absolute;
		text-decoration: none;
		height: 133px;
		width: 170px;
	}

#header-logo-tete a i {visibility: hidden;}

#header-logo-texte a {
		margin-top: -21px;
		margin-left: 657px;
		position: absolute;
		text-decoration: none;
		height: 70px;
		width: 300px;
	}

#header-logo-texte a i {visibility: hidden;}

a#cedricmichel-url {top: 100px;}

#header {
		height: 189px;
		font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
		float: center;
		background:none;
		width: auto;
		padding: 5px 10px 20px 10px;
	}

#header h1 {
		padding: 0 20px 0 0;
		font-size: 2em;
		text-align: left;
	}

#header p {
		padding: 0 20px 0 0;
		font-size: 1em;
		text-align: left;
	}

#header h1 a{		/* Mise en forme du titre Lien + roll over*/
		font-size: 1.5em;
		font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
		color: #006699;
		text-decoration: none;
	}
	
#header h1 a:hover{
		color: #555;
	}

/* Mise en forme des menus*/

#menu_general {
		padding-left: 2px;
		padding-bottom: 0;
		padding-right: 0;
		padding-top: 19px;
		margin-left: -6px;
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 20px;
		height: 30px;
	}

#menu_general ul li a:link, #menu_general ul li a:active, #menu_general ul li a:visited {
		text-decoration: none;
		font-weight: bold;
		margin:0; padding:13px 15px;
		font: 1.4em Arial, Helvetica, sans-serif; color: #666666;
		display:block;
	}
	
#menu_general ul li a:hover {
		text-transform: none;
		color: #6699cc;
	}
	
#menu_general ul.pages_site li.current_page_item a:link, #menu_general ul.pages_site li.current_page_item a:active, 
#menu_general ul.pages_site li.current_page_item a:visited {
	/* Crazy margins to pull up the hover image above the borders.*/
		font-weight: bold;
	                                                                
		color: #a64b3c; position:relative
	}
	
.menu_general {
		font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
	}
	
.menu_general a:link, .menu_general a:visited, .menu_general a:active {
		font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;
	}

.menu_general a:hover {
		color: black;
	}

#menu_general ul.pages_site {
		margin:0 auto; padding:0;
		width:880px; height:auto;
		list-style:none; float:left;
	}

#menu_general ul li {
		margin:0 3px; padding:0;
		float:left; overflow:visible;
	}

.menu_general {
	margin:0; padding:8px 10px;
	background:#dce8ee;
	border:1px solid #ebf2f5;
	border-bottom:1px solid #d4e0e6;
	}

/* Mise en forme de la searchbar*/

#searchform-header {
		margin-left: 0;
		margin-bottom: 0;
		margin-right: 13px;
		margin-top: 90px;
		width: 310px; height: 40px;
		background:url(images/champ_recherche.png) no-repeat center left;
		float:right;
	}

#searchsubmit {
		visibility:hidden;
	}

#searchform-header #s { font-family: Arial, Helvetica, sans-serif; margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 5px; padding:6px 10px 5px 25px;
		width: 275px; height:auto;
		border:0;
		background:none;
		float:left;
		font-size:0.92em; color: #666666;
	}

#searchform-header #go {
		float:right;
		margin:0;
	}

/* Mise en forme du contenu*/

#content {
		margin-top: 1px;
		margin-left: 15px;
		float: left;
		width: 650px;
	}

#content h2 {	/* Style du titre de l'article*/
		font-size: 1.3em;
	}

#content h2 a{		/* Mise en forme des liens titres des articles + roll over*/
		font-size: 1.3em;
		font-family : Century Gothic, Lucida Grande, Verdana, Arial, Sans-Serif;
		color: #006699;
		text-decoration: none;
	}
	
#content h2 a:hover{
		color: #555;
	}

.postmetadata {	/* Style des metadata = style date auteur etc*/
		font-size: 0.8em;
		color: #999;
	}

.post_content {	/* Style du corps des articles*/
		font-size: 1em;
		color: #555;
	}

.post_content a{		/* Style des lien inséré dans les articles*/
		color: #006699;
	}
	
.post_content a:hover{
		color: #fff;
		background: #006699;
	}

.titre_article {
	padding-left: 18px;
	padding-top: 5px;
	height: auto;
	width: 590px;
}
.metadonnees {
	margin-top: -15px;
	text-align: right;
	margin-left: 10px;
	height: auto;
	width: 590px;
}
.contenu_article {
	border-bottom-color: #cccccc;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	text-align: left;
	margin-left: 18px;
	height: auto;
	width: 590px;
}


#content_cv {		/* Page CV*/		            		            
		margin-left: 14px;		            		            		            
		background-repeat: no-repeat;		            
		background-position: left top;
		height: 890px;
		width: 650px;
		background-image: url(images/cv.png); 
	}
	
	#download_cv a {
		margin-top: 195px;
		margin-left: 520px;
		position: absolute;
		text-decoration: none;
		height: 90px;
		width: 110px;
	}
	
	#download_cv a i {visibility: hidden;}
	
	a#cv_cedricmichel {top: 100px;}

/* Mise en forme du cadre général du contenu*/

.cadre{ height: auto; width: 640px;}

.cadre_haut { height: 61px; width: 638px; background-image: url(images/cadre-contenu-haut.png); background-repeat: no-repeat;}

.cadre_contenu { background-image: url(images/cadre-contenu-corps.png); background-repeat: repeat-y;}

.cadre_bas { height: 62px; width: 638px; background-repeat: no-repeat; background-image: url(images/cadre-contenu-bas.png);}


.contenu {height: auto; width: 600px;}

/* Mise en forme de la sidebar*/

.sidebar {
		border-color: #66ffff;
		border-style: solid;
		border-width: 1px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 5px;
		margin-top: 0px;
		float: right;
		width: 295px;
	}

.sidebar a:hover{		/* Permet de mettre un soulignement avec pointillés*/
		text-decoration: none;
		border-bottom: 1px dotted;
	}


.sidebar ul{	/* Ne pas faire apparaître les points de liste de la sidebar par défaut*/
		list-style-type: none;
		margin: 0;
		padding: 0 10px;
	}

.sidebar h2 {	/* Taille des titres de la sidebar*/
		font-size: 1.2em;
	}

#sidebar-main {
		margin-top: 20px;
		margin-right: 5px;
		float: right;
		height: auto;
		width: 310px;
	}

#sidebar-main p{
		margin-left: 5px;
		padding-left: 10px;
		color: #333333;
		font-size: 1.1em;
	}

#sidebar-main-haut {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-haut.png);
		height: 18px;
		float: right;
		width: 310px;
	}

#sidebar-main-bas {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-bas.png);
		height: 191px;
		float: right;
		width: 310px;
	}

#sidebar-main-break {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-break.png);
		height: 17px;
		float: right;
		width: 310px;
	}

#sidebar-main-corps {
		background-image: url(images/sidebar-cv-corps.png);
		background-repeat: repeat-y;
		height: auto;
		float: left;
		width: 309px;
	}

#sidebar-cv {
		float: right;
		height: 1066px;
		margin-left: 0px;
		margin-right: 5px;
		margin-top: -870px;
		width: 310px;
	}

#sidebar-cv-haut {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-haut.png);
		height: 18px;
		float: right;
		width: 310px;
	}

#sidebar-cv-bas {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-bas.png);
		height: 191px;
		float: right;
		width: 310px;
	}

#sidebar-cv-break {
		background-repeat: no-repeat;
		background-image: url(images/sidebar-cv-break.png);
		height: 17px;
		float: right;
		width: 310px;
	}

#sidebar-cv-corps {
		background-image: url(images/sidebar-cv-corps.png);
		background-repeat: repeat-y;
		height: 842px;
		float: left;
		width: 309px;
	}

#sidebar-cv p{
		margin-left: 5px;
		padding-left: 10px;
		color: #333333;
		font-size: 1.1em;
	}

#facebook-badge {
	margin-right: 7px;
	height: 35px;
	width: 162px;
	float: right;
	background-image: url(images/badge_facebook.png);
	background-repeat: no-repeat;
	}

#linkedin-badge {
	margin-right: 7px;
	height: 35px;
	width: 162px;
	float: right;
	background-image: url(images/badge_linkedin.png);
	background-repeat: no-repeat;
	}

#flickr-badge {
	margin-right: 7px;
	height: 35px;
	width: 162px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(images/badge_flickr.png);
	}

#delicious-badge {
	margin-right: 7px;
	height: 35px;
	width: 162px;
	float: right;
	background-repeat: no-repeat;
	background-image: url(images/badge_delicious.png);
	}
	
#rss-bouton {
	margin-top: 5px;
	margin-left: 39px;
	height: 72px;
	width: 76px;
	background-image: url(images/bouton_rss.png);
	background-repeat: no-repeat;
}

#skype-bouton {
	margin-left: 33px;
	height: 64px;
	width: 72px;
	background-image: url(images/bouton_skype.png);
	background-repeat: no-repeat;
}

/* Recent News Sidebar CV*/

#recent-news .sidebar-content a:link, #recent-news .sidebar-content a:active, #recent-news .sidebar-content a:visited {
	font:bold 1.35em Arial, Helvetica, sans-serif; color:#5a656a;
	}
	
#recent-news .sidebar-content a:hover {
	color:#475054;
	}
	
#recent-news .sidebar-content span a:link, #recent-news .sidebar-content span a:visited, #recent-news .sidebar-content span a:active {
		font:normal 1.00em Arial, Helvetica, sans-serif; color:#709cb0;
		display:block;
	}

#recent-news .sidebar-content span a:hover {
		color:#5e8293;
	}

.sidebar-content {
		float: right;
		width: 250px; height:auto;
	}
	
/* Mise en forme du footer*/

#footer {
		margin-left: 5px;
		margin-right: 11px;
		background-position: left top;
		background-repeat: repeat-x;
		background-image: url(images/footer_repeat.png);
		height: 136px;
		font-size: 1em;
		padding: 10px 10px 5px 10px;
		clear: both;
		width: auto;
	}

#footer p{
		margin-top: 95px;
		margin-right: 10px;
		color: #666666;
		float: right;
		text-align: right;
		font-size: 1em;
	}

#footer-continue {	/* Pour continuer le footer si plus d'éléments - en div id*/
		background-color: #cccccc;
		height: 50px;
		width: auto;
	}
                                   
.footer-continue {	/* Pour continuer le footer si plus d'éléments - en div class*/
		background-color: #cccccc;
		height: auto;
		width: auto;
	}


/* Mise en forme des commentaires*/

.comments-template{
		margin: 10px 0 0 0;
	}
 
.comments-template ol{
		margin: 10px;
		padding: 0 0 0 15px;
		list-style: none;
	}
 
.comments-template ol p{
		font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
		font-size: 0.9em;
	}
 
.comments-template ol li{
		margin: 10px 0 0 0;
		line-height: 15px;
		padding: 0 0 10px;
	}
 
.comments-template h2, .comments-template h3{
		font-size: 1.2em;
	}
 
.commentmetadata{
		font-size: 0.9em;
	}
 
.comments-template p.nocomments{
		padding: 0;
	}
 
.comments-template textarea{
		font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
		font-size: 0.9em;
	}
 
.cadre_commentaires {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}


/* Clearfix*/

.clearfix:after {
   		content: " ";
   		display: block;
   		clear: both;
   		visibility: hidden;
   		line-height: 0;
   		height: 0;
	}

.clearfix {
    	display: inline-block;
	}

html[xmlns] .clearfix {
   		display: block;
	}

* html .clearfix {
   		height: 1%;
	}