/*
Theme Name: Mon Theme
Theme URI: http://www.fran6art.com/
Description: The first theme created by Alexandre Cagnoli.
Version: 0.1
Author: Alexandre Cagnoli
 
Creation Theme by Alexandre Cagnoli || http://www.fran6art.com
 
*/
* {
	margin: 0;
	padding: 0;
	border: 0;

	font-size: 100%;
	font-family: inherit;
	text-align: left;
}

html, body, table , td {height:100%;margin:0;padding:0;width:100%;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style-image:url("images/puce.gif");
	margin:20px;
	padding:0;
}
strong{
	font-weight:bold;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

body {
font-family:  Helvetica, Arial,  Sans-serif;
font-size: 12px;
text-align: left;
background: #fff;
color: #333;
margin: 0;


}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
margin-top:20px;
}

.alignleft {
float: left;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
}

.alignright {
float: right;
margin-bottom:20px;
margin-left:10px;
margin-top:10px;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
padding-top: 4px;
margin-top: 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;
}

#page {
margin: 0 auto 0 auto;
width: 924px;
background:#FFF;


}




/* ------------------- GENERAL ------------------*/

a {
	color: #ff6633;
	text-decoration: none;
	outline: none;
}

div, span, a,li,ul
{
	outline:none;
}

a:hover {

text-decoration: none;
border-bottom:1px dotted  #ff6633;

}


input{
		border:1px solid #ccc;
		padding:3px;
		

    
}

textarea
{
	border:1px solid #ccc;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0;
    
}

input.submit
{
		padding:4px;
		width:60px;
float:right;
	background:#fff;
	border:1px solid #ccc;
	cursor:pointer;
}


input.submit:hover
{
	color:#fff;
	background-color:#ff6633;
}


img:hover{border:0; text-decoration:none}

.orange
{
	color:#EA681A;
}

a.softGrey,span.softGrey {color:#ccc;}

div .clearfloat
{
	clear:both;
}

/* ------------------- HEADER ------------------*/

#header {
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	float: left;
	width:100%;
	margin-bottom:0px;
	padding-bottom:10px;
	background:#FFF;
	
		

}

/* #header {
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	float: left;
	width:100%;
	position:fixed;
	top:0;
	z-index:50;
	margin-bottom:0px;
	padding-bottom:10px;
	background:#FFF;
	
		

}

*/


#headerTop
{
	height:100px;
	width:100%;
	position:relative;
}


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

}

#header h1 span
{
	display:block; position:absolute;
	top:-9000px;
}
#header h1 a
{
	display:block;
	height:50px;
	width:300px;
	position:absolute;
	top:20px;
	background:url(images/logo.jpg) no-repeat;

}

#header h1 a:hover
{
	border:none;

}
 
 
p.co2solisaire
{
	font-size: 0.9em;
	color:#666;
	display:block;
	position:absolute;;
	width:264px;
	left:680px;
	top:30px;
}

.co2solisaire a
{
	font-size:11px;

}


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight:normal;
}

#menu /* Ensemble du menu */
{
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
	
		
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 142px; /* largeur */
	color:#666;
}

#menu a.selectedLink /* Contenu des listes */
{
color:#ff6633;
}


#menu a:hover /* Contenu des listes */
{
text-decoration:none;
border:0;
color:#ff6633;
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
		height:100px;
		border-left:1px solid #ccc;
		padding-left:10px;
}

#menu li.last /* Éléments des listes */      
{ 


		border-right:1px solid #ccc;
}

#menu li:hover /* Éléments des listes */      
{ 

		border-left:5px solid #ff6633;
		padding-left:6px;
}



#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        
}

#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
		height:15px;
		border:none;
		padding:0;
}

#menu li ul li  a/* Eléments de sous-listes */
{
/*color:#ccc;
		      */
}


#menu li ul li:hover /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
border:0;
padding:0;
}






 .softGrey{
	color:#ccc;

}
.menuTop  .softGrey{
	color:#ccc;

}






/* ------------------- CONTENT ------------------*/
#content
{
	/*border-right:1px dotted #666;
	border-left:1px dotted #666;*/
	float: left;
	width:900px;
	margin-bottom: 30px;
	overflow:hidden;
	/*padding-right:10px;
	padding-left:30px;*/
	margin-top:30px;
	margin-bottom:100px;
}

#contentBlog
{
	float: left;
	width: 652px;
	margin-bottom: 30px;
	margin-top:30px;
	overflow:hidden;
	min-height:600px;
	padding-right:40px;
	padding-left:30px;
	background:url("images/dashed-1.jpg") repeat-y top left;

}


#content2
{
	/*border-right:1px dotted #666;
	border-left:1px dotted #666;*/
	float: left;
	width:900px;
	margin-bottom: 100px;
	overflow:auto;
	/*padding-right:20px;
	padding-left:20px;*/
	margin-top:30px;
	margin-bottom:30px;

   
	

}

#content2 p{
	font-size:13px;
	line-height:1.3em;	
}

#contentContact
{
	border-right:1px dotted #666;
	border-left:1px dotted #666;
	float: left;
	width:877px;
	height:500px;
	margin-bottom: 100px;

	padding-right:20px;
	padding-left:20px;
	margin-top:30px;
	margin-bottom:30px;
   
	

}

#contentHome
{
	/*border-right:1px dotted #666;
	border-left:1px dotted #666;*/
	float: left;
	width:100%;
	margin-bottom: 30px;
	overflow:auto;
	/*padding-right:20px;
	padding-left:20px;*/
	margin-top:30px;
	margin-bottom:100px;
	min-height:350px;
	padding-top:0px;
	
	

}

.post h2{


}

#contentBlog .post h2{
	margin-bottom:0px;
	
}


div .centrage
{
	position:relative;
	width:100%;
	text-align:center;
}
	




#content h2 a,#contentBlog h2 a
{
font-size:1.5em;
color:#333;
margin-bottom:10px;
}

#content h2 a:hover,#contentBlog h2 a:hover{
color:#ff6633;
text-decoration:none;
}



.postmetadata {
font-size: 0.8em;
color: #999;
margin-bottom:10px;
}

.post_content {
font-size: 1em;
color: #555;
}

div.post
{
	margin-bottom:40px;
	
}

div .post_content_ul{

}

.post_content a:hover {

border:none;
}




.post_content h3{
	font-size:24px;
color:#999;
margin-bottom:20px;
font-weight:normal;

}

.post_content p{

color:#666;
margin-bottom:20px;

}


.post_content li{


margin-bottom:10px;

}
 


/* ------------------- 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;
padding-top:20px;
margin-bottom:20px;
}

#respond
{
	margin-bottom:20px;
	font-size:18px;
	
}

/* Pour personnaliser les champs texte du commentateur*/
input#author{
    margin-bottom:10px;
      margin-right:10px;
}

input#email{
	    margin-bottom:10px;
	    margin-right:10px;
    
}
input#url{
	    margin-bottom:10px;
	      margin-right:10px;
    
}

textarea#comment
{
       margin-bottom:10px; 
}




 
 /* ------------------- SIDEBAR ------------------*/
.sidebar
{
	float: right;
	width: 142px;
	margin: 0 0 20px 0;

}

div .halfSidebar
{
	position:relative;
	float:left;
	width:131px;
	height:224px;
	background:url("images/dashed-1.jpg") repeat-y top left;
		margin-bottom:20px;


}

div .halfSidebar p
{
	padding-left:15px;
	font-size:0.9em;
	padding-top:0px;
	color:#999;
	

}

div .halfSidebar a
{
color:#999;
font-size:1.1em;
}

div .halfSidebar a .readMoreLink
{
color: #ff6633;
}

div .halfSidebar .titleSidebar
{
	font-size:1.5em;

}



div .lastNews{
	font-size:0.9em;
	margin:0 10px;
	padding-bottom:5px ;
	background: url("images/dashed-2.jpg") bottom left repeat-x;
	margin-bottom:10px;
	}
div .lastNews p
{
	font-size:0.9em;
	padding:0;
	margin:0;
	margin-bottom:10px;
	color:#666;
}

.dateNews 
{
	display:block;
margin-bottom:10px;color:red;
}

div .lastNews p:hover
{ 
	color:#ff6633;
}

div .fullSidebar

{
	position:relative;
	clear:both;
	width:100%;
	height:175px;
	background:url("images/dashed-1.jpg") repeat-y top left;
	padding:0 ;
	
}

div .borderDash
{
	background:url("images/dashed-1.jpg") repeat-y top left;
	width:2px;
	position:relative;
	height:100%;
	float:right;
	top:0px;

}

/* -- SIDEBAR DU BLOG --*/

#sidebarBlog
{
	float:right;
	width: 158px;
	margin-top:30px;
	position:relative;
	
	
	
}

#sidebarBlog h2{
	font-size:1.2em;
	color:#666;
	margin-bottom:10px;

}

#sidebarBlog ul{

	margin:0;
	margin-bottom:40px;
	background:url("images/dashed-1.jpg") repeat-y top left;
	padding-left:10px;
	list-style:none;
	list-style-image:none;
	

}



#sidebarBlog ul li{
	padding:0 5px;
	margin:0;
	list-style:none;
	list-style-image:none;
}

#sidebarBlog ul ul{

	background:none;
	list-style:none;
		padding-left:0;
		list-style:none;
		list-style-image:none;

}

#sidebarBlog ul ul li{


		list-style:none;
		list-style-image:none;

}







	
	
/* ------------------- FOOTER ------------------*/

#footer {


font-size: 1em;
padding-top: 10px;
padding-bottom: 10px;
border-top:1px solid #ccc;
clear: both;
width:900px;
margin:0 auto;
margin-top:30px;
height:100px;

}

#footer p{
text-align: center;
font-size: 0.9em;
}

#footer .align-right{
text-align:right;
}



/* ------------------- SCROLLER JQUERY ------------------*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
		float: left;
	width: 600px;
	margin-bottom: 20px;
	height:436px;
		background:url("images/dashed-1.jpg") repeat-y top left;
 
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width:1px;
	background: url('images/bgTrack.jpg') top center;
}
.jScrollPaneDrag {
	position: absolute;
	background: url('images/bgDrag.jpg') top center repeat-y;
	cursor: pointer;
	overflow: hidden;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* ------------- HOME -----------------*/



div .homeElem
{
	width:146px;
	position:relative;
	padding:0 2px;
	height:419px;
	float:left;
	
}

div .homeElem h2
{
font-size:1.4em;
color:#333;
margin-bottom:20px;
letter-spacing:-1px;
}



div .homeElemLast
{
		width:20%;
	position:relative;
	padding-left:10px;
	border-left:1px dotted #666;
	height:436px;
	float:left;
	
}

div .homeElem p a .readMoreLink
{
	color: #ff6633;
}
 
a .readMoreLink :hover
{
	background:none;
	text-decoration:none;
	border:none;
}


/* ------------- Phototheque -----------------*/

div .photothequeBoth
{
	width:100%;
	position:relative;
	padding:0 2px;
	float:left;
	
}

div .photothequeLeft
{
	width:430px;
	position:relative;
	padding:0 2px;
	float:left;
	
}

div .photothequeRight
{
	width:350px;
	margin-left:20px;
	position:relative;
	top:270px;
	bottom:0px;
	float:left;
	color : #666;
	border-bottom:1px solid #666;
	padding-bottom:5px;
	
}

/* ------------- Phototheque -----------------*/

.contactForm p
{
	
font-size:11px;
margin-bottom:40px;
}

.contactForm p .error
{
	
color:#EF7C21;
font-weight:bold;}
.contactForm legend{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.form-input{
	margin-bottom:5px;
}

.form-input input{width:200px;}
.form-label{
	margin-top:5px;
}
.contactForm  fieldset{
	margin-bottom:20px;
}
.form-option{display:none;}

 .form-submit input 
{
background-color:#fff;
cursor:pointer}


  .form-submit input:hover{
	color:#fff;
	background-color:#EF7C21
 }