/*  
Theme Name: AJcrea
Theme URI: http://www.ajcrea.com/
Description: Theme cree par Aymeric Jacquet a partir des fichiers du theme "Default"
Version: 1
Author: Aymeric Jacquet
Author URI: http://ajcrea.com/blog

	AJcrea v1
	 http://www.ajcrea.com/blog/

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.
*/



/* Begin Typography & Colors */
div {margin:0; padding:0;}
img {border:0;}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background:#3F3F3F url(images/bck-body.gif) repeat-x left 1px;
	color: #ffffff;
	text-align: center;
	margin:0;padding:0;position:relative;
	}
#global {background:transparent;margin:0 auto;padding:0;border-top:1px #3E3E3E solid;}

#page {
	text-align: left;
	clear:both;
	}

#content {
	font-size: 1.4em;
	background-color:transparent;
	clear:both;
	width:900px;
	margin:0 auto;
	text-align:left;
	line-height:1.6em;
	overflow:hidden;
	}
#content2{
	width:600px;
	float:left;
}
#sidebar{
	width:250px;
	float:right;
}
#sidebar ul{margin:0; padding:0; list-style:none;}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-weight: bold;
	}

h1 {
	font-size: 1.6em; color:#99DB1F;
	}

h2 {
	font-size: 1.6em; color:#F98D45;
	}
h3 {
	font-size: 1.3em; color:#F98D45;
	}
h4 {
	font-size: 1.2em; color:#F98D45;
	}
.entry a {color:#F98D45;}
.entry p a:visited {
	color: #F98D45;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #F98D45;
	text-decoration: none;
	}

a:hover, a:focus {
	color: #BC2D07;
	text-decoration: underline;
	}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	background: transparent;
	overflow:hidden;
	height:150px;
	}
#titresite {
	background: transparent url(images/bck-logo.gif) no-repeat left top; 
	height:138px; 
	text-align:left;
	width:375px;
	float:left;
	margin:0;padding:0;
	}
#titresite a {
	display:block; 
	height:138px;
	text-indent:-5000px;
	}
.description {
	margin:0;padding:0;
	font-size: 1.4em;
	text-align: justify;
	width:450px;float:left;
	margin-left:27px;
	padding-left:48px;
	padding-top:30px;
	color:#ffffff;
	background:transparent url(images/separation-descr.gif) no-repeat left 40px;
	line-height:1.2em;
	}
.description a, .description a:visited {color:#FFA800;}
.description a:hover, .description a:focus {color:#F0763F;background:#ffffff;text-decoration:none;}
#headerimg {
	margin: 0;
	width: 100%;
	}

.narrowcolumn {
	padding: 0 45px 20px 45px;
	margin: 0px 0 0;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	clear:both;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	clear: both;
	text-align:center;
	background:#A23314 url(images/bck-footer.gif) repeat-x left top;
	height:236px;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size:1.2em;
	}
/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	}

.alignright {
	float: right;
	overflow:auto;
	
	}
	
.alignleft {
	float: left;
	overflow:auto;
	}
/* End Images */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Styles importés de dotclear*/

#homeg{
	float:left; 
	height: 410px; 
	width:420px; 
	background: #C0340D url(images/bck-encart-creation.gif) no-repeat left top;
	margin-left:15px;
	margin-top:20px;
	}
#homeg h2 {height: 45px; background: transparent; margin:0;padding-bottom:10px;}
#homed{
	float:right;
	height: 410px;
	width:420px; 
	background: #C0340D url(images/bck-encart-formation.gif) no-repeat center top;
	margin-right:15px;
	margin-top:20px
	}
#homed h2 {height: 45px; background: transparent; margin:0;}
#homeg h2 a, #homed h2 a {height: 50px; display:block; text-indent:-5000px; margin:0;}
#homeg p, #homed p {font-size:0.9em;line-height:1.2em; text-align:justify; padding:0 25px 10px 25px;margin:0;}
#homed ul {margin:20px 25px 0 45px; list-style-image: url(images/puce-orange.png);padding:0;}
#homed ul ul {margin:0 15px;font-size:0.9em;}
#homed li {padding-left:0;}
#homed li a {color:#fff}
#homed li a strong {color:#FFA800}
#homeg a, #homeg a:visited {color:#FFA800;}
#homeg a:hover, #homeg a:focus {color:#F0763F;background:#transparent;text-decoration:none;}
#homeg h2 a:hover, #homed h2 a:focus {background:transparent;}
#homeg p {padding:0 45px 10px 45px;}

/* le menu haut
----------------------------------------------------------*/
#menugraph {
	margin: 0 auto;
	list-style-type:none;
	height:48px;
	padding-top:20px;
}
#menugraph li {
	display:inline;
}
#menugraph a, #menugraph a:visited {
	text-align: center ;
	line-height: 2.3em ;
	font-weight: bold;
	text-decoration: none;
	padding-right: 0.2em;
	padding-left: 0.2em;
	font-size: 1.2em ;
	color: #ffffff ;
	text-transform:uppercase;
}
#menugraph a:hover, #menugraph a:focus  {
border-bottom:2px solid #ffffff;
}

/*Compléments pour mise en page des textes*/
#princip {
width:600px;
float:left;
}
#princip ul {margin-left:2em; padding:0.5em 3em 0.5em 3em; list-style-image: url(images/puce-verte.png);}
#princip h2 {margin: 0.5em 0 0.5em 0; font-size: 1.6em; border-bottom: 1px #99DB1F solid;}
#princip h3 {padding : 0.5em 2em 0.5em 2em;  }
#princip p {text-align:justify;}

#complement{
width:220px;
float:right;
background: transparent url(images/bck-complement.gif) no-repeat left top;
padding:10px;
padding-bottom:100px;
}
#complementf{
width:220px;
float:right;
background: #fff ;
padding:10px;
padding-bottom:100px;
background: transparent url(images/bck-complement.gif) no-repeat left top;
}
#complement li a, #complementf li a{
display:block;
margin:0;
padding:0;
padding:5px;
color:#ffffff;
}
#complement li a{
border-bottom: 1px #F98D45 dotted;
}
#complementf li a{
border-bottom: 1px #F98D45 dotted;
}

#complement a:hover, #complement a:focus{
color:#F98D45;
text-decoration:none;
}
#complementf a:hover, #complementf a:focus {
color:#F98D45;
text-decoration:none;
}

#complement ul, #complementf ul { margin:0; padding:0; list-style-type:none;}
#complement ul li, #complementf ul li  {font-weight:bold; margin:0; padding:0; margin-bottom:0;}
#complement ul li ul, #complementf ul li ul {font-weight:normal; border:0}
#complement ul li ul li, #complementf ul li ul li {font-weight:normal;}
#complement ul li ul li a, #complementf ul li ul li a {padding-left:10px;}
#complement ul li ul li ul li, #complementf ul li ul li ul li {font-size:0.8em;}
#complement ul li ul li ul li a, #complementf ul li ul li ul li a {padding-left:20px;}
#complement h3 {margin:0; padding:5px; margin-bottom:5px; color:#333131;font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:-1px;}
#complementf h3 {margin:0; padding:5px; margin-bottom:5px; color:#333131;font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:-1px;}
#complement h4, #complementf h4{padding:10px 20px 0 20px; margin-bottom:5px; color:#333131;}
#complement p, #complementf p {margin:0; padding:5px;}

#complementcrea {background:transparent url(images/fond-complement-crea.gif) no-repeat left top;padding:5px 0 10px 30px;overflow:hidden;}
#complementcrea h3 {margin:0; padding:5px; margin-bottom:5px; color:#ffffff;letter-spacing:-1px;}

#complementcrea .listeproduits, #complementcrea .actuscrea {float:left;width:400px;}
#complementcrea .listeproduits {
	margin-right:60px;
	}

/*tout en haut plus pres des cieux*/
#intro {
	overflow:auto; 
	height:30px; 
}
#evite {float:left; line-height:20px;}
/*Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

.fermer {clear:both;}
.miniatures {display:block; width:128px; height:88px; float:left; margin:0; padding:0;}
#formatexte {width:120px; margin:10px 0 0 58px; color:#fff;}
#fondvertgrand {
width:500px;
height:500px;
padding:0;
margin:0 auto;
background: transparent url(images/fond-vert-produit.png) no-repeat top left;
}
#fondvertmoyen {
width:500px;
height:350px;
padding:0;
margin:0 auto;
background: transparent url(images/fond-vert-produit-moyen.png) no-repeat top left;
}
#fondvertgrand img, #fondvertmoyen img {margin-top:50px;}

#ariane {
	font-size:1.2em;
	text-align:left;
	width:900px;
	margin:0 auto;
	padding:10px 0 5px 0;
	/*border-bottom:1px solid #4E4E4E;*/
	color:#9F9F9F;
	}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}
	
/*LE SLIDER IMAGES*/

div.jMyCarousel .prev{
	background: url('images/left.png') no-repeat left center ;
	width:47px;
	height:61px;
	border:0px;
	cursor:pointer;
}

div.jMyCarousel .next{
	background: url('images/right.png') no-repeat right center ;
	width:40px;
	height:61px;
	border:0px;
	cursor:pointer;
}

div.jMyCarousel .up{
	background: url('images/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('images/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


div.jMyCarousel{
padding-bottom:10px;
height:100px;
overflow:hidden;
}

div.jMyCarousel ul{
	
}

div.jMyCarousel ul li{
	margin:0px;
	line-height:0px;
	padding:0px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
}

div.jMyCarousel ul li img{
	display:block;
	border:0px;
}
#content h1 {
	font-size: 1.8em; color:#99DB1F;
	padding-bottom:10px;
	}
#content h1 a, #content h1 a:visited {display:block;padding:5px;color:#B1310E; border-top:2px solid #3F3F3F; border-bottom:2px solid #3F3F3F;
	}
#content h1 a:hover, #content h1 a:focus {color:#B1310E; 
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	text-decoration:none;
	}

.contact {clear:left;font-size:1.6em;text-align:center;}
.contact  a {display:block;padding:5px;color:#B1310E; border-top:2px solid #3F3F3F; border-bottom:2px solid #3F3F3F;}
.contact  a:hover {color:#B1310E; 
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	text-decoration:none;
	}

#content  #princip .introtexte  {color:#ffffff;word-spacing:-1px;line-height:1.4em;overflow:hidden;}

/*HABILLAGES DES PAGES PRODUITS ET SERVICES*/
/*site classique*/
.introtexte {margin:0 auto;}
.pageid-170 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/site-internet-prospection.jpg) no-repeat left top;
	}
	/*blog*/
.pageid-172 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/blog-professionnel.jpg) no-repeat left top;
	}
	/*boutique*/
.pageid-175 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/boutique-ecommerce.jpg) no-repeat left top;
	}
	/*communautaire*/
.pageid-177 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/site-communautaire.jpg) no-repeat left top;
	}
	/*referencement*/
.pageid-179 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/referencement-naturel.jpg) no-repeat left top;
	}
	/*intégration*/
.pageid-182 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/integration-html.jpg) no-repeat left top;
	}
.pageid-182 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/integration-html.jpg) no-repeat left top;
	}
.pageid-33 .introtexte {
	width:890px;
	height:410px;
	padding-top:15px;
	background:transparent url(images/page-produits-web.jpg) no-repeat left top;
	}
.pageid-27 .introtexte{
	height:450px;
	background:transparent url(images/capture-ajcrea-agence-web.jpg) no-repeat left top;
	}
.introtexte p {
	padding-left:440px;
	text-align:justify;
	}
.page  #content h1 {text-align:right;padding-top:20px;}
.pageid-27 .introtexte p{
	padding-right:0;
	text-align:justify;
	}
/*PAGES FORMATION*/

.parent-pageid-37 .introtexte, .parent-pageid-36 .introtexte, .pageid-37 .introtexte, .pageid-29 .introtexte, .pageid-36 .introtexte {
	height:450px;
	background:transparent url(images/capture-ajcrea-agence-web.jpg) no-repeat left top;
	padding-top:20px;
	}
.parent-pageid-37 .introtexte p, .parent-pageid-36 .introtexte p, .pageid-37 .introtexte p, .pageid-29 .introtexte p, .pageid-36 .introtexte p {
	padding-right:0;
	text-align:justify;
	}

/*---------------------HABILLAGE LIVESEARCH------------------------------*/
.projet {
	padding:0;
	font-size:1.5em;
	font-weight:700;
	color:#CA3810;
	text-align:center;
	height:96px;
	clear:both;
	width: 900px;
	margin:0 auto;
	background:transparent url(images/bck-projets.gif) no-repeat center top;
	}
.projet p {padding:15px 0 7px 0; color:#ffffff;text-align:center;margin:0;}
.livesearchpopup {
	width:900px;
	text-align:center;
	margin:0 auto;
	z-index:300;
	position:relative;
}

.livesearchpopup .box {
    position: relative;
}

.livesearchpopup .form {
	white-space: nowrap;
	position:relative;
}

.livesearchpopup .left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.livesearchpopup .editbox {
    border: 0px;
    margin: 0px;
    overflow: hidden; 
	background:transparent url(images/bck-search.gif) no-repeat center bottom;
   
}
.livesearchpopup .editbox label {
    cursor:pointer;
	padding-bottom:5px;
}

.livesearchpopup .edit {
    width: 465px;
	padding-left:35px;
    font-size: 14px;
    background: transparent;
    height: 19px;
    border: 0px;
    outline-width: 0px;
	/*border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;*/
	position:relative;
	margin:0;
	margin-top:5px;
	
}

.livesearchpopup .lupe {
    margin:0;
	padding:0;
}

.livesearchpopup #livesearchpopup_box {
    right: 200px;
	top:68px;
    width: 500px;
}

#livesearchpopup_box {
    color: #f0f0f0;
    background: #0255cd url(images/resultgradient.png) 0 0px repeat-x;
    right: 0em;
    text-align: left;
    padding: 1px;
    margin: 0px;
    position: absolute;
    width: 100%;

    filter:alpha(opacity=95);
    -moz-opacity:.95;
    opacity:.95;
    z-index:100;
}

#livesearchpopup_box .pfeil {
    position: absolute;
    top: -7px;
    right: 40%;
}

#livesearchpopup_box h1 {
    font-size: 1em;
    color: #ffffff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}

.livesearchpopup_results {
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding: 0em;
    margin: 0px;
    color: #000000;
    background: #f0f0f0;
}

#livesearchpopup_box ul {
    margin: 0px;
    padding: 0px;
}

.livesearchpopup .resultlistitem,
.livesearchpopup .resultlistitem_selected {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #e0e0e0;
    text-decoration: none; 
    color: #303030;
}

.livesearchpopup .resultlistitem_selected,
#livesearchpopup_box li:hover {
    background: #757575 url(images/searchhovergradient.png) 0 0px repeat-x;
    color: #f0f0f0;
}

#livesearchpopup_box li a {
    text-decoration: none;
    padding: 0.3em;
    display: block;
    width: 100%;
}

.livesearchpopup .resultlistitem a,
.livesearchpopup .resultlistitem a:visited {
    color: #303030;
}

.livesearchpopup .resultlistitem_selected a, 
.livesearchpopup .resultlistitem_selected a:visited,
.livesearchpopup .resultlistitem a:hover {
    background: #757575 url(images/searchhovergradient.png) 0 0px repeat-x;
    color: #f0f0f0;
}

.livesearchpopup .spiegel {
    position: absolute;
    top: 12px;
    left: 0px;
}

/*--------------------------GLOSSAIRE----------------------------------*/
#jHelperTipContainer,#jHelperTipDataContainer,#jHelperTipAttrContainer{
	text-align:justify;
	background-color:#B1310E;
	color:#001022;
	line-height:1.2em;
	position:relative;
	font-size:14px;
}
#jHelperTipContainer{
width:400px;

}
#jHelperTipContainer h3{
	color:#ffffff;
	text-align:center;
	margin:0px;
	font-size:18px;
	padding:4px 0;
	border:none;

}
#jHelperTipContainer h3.arrowLeft{
	background-image:url(wp-content/plugins/glossary-autolink/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:-11px;
	padding-left:20px;
}
#jHelperTipContainer h3.arrowRight{
	background-image:url(wp-content/plugins/glossary-autolink/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right:-11px;
	padding-right:20px;
}
#jHelperTipContainer div.tip-definition{
	padding:10px;
	background:#3F3F3F;
	color:#ffffff;
	border:2px solid #B1310E;
	border-top:none;
}
div#glossary{
	padding-right:30px;
}
div#glossary div.glossary-item h3{
	margin-bottom:5px;
}
div#glossary div.glossary-item div{
	text-align:justify;
}
div#glossary div.keywords{
	margin-left:30px;
	font-style:italic;
	margin-bottom:5px;
}
div#glossary a{
	color:#638DC9;
	text-decoration:none;
}
div#glossary a:hover{
	text-decoration:underline;
}
div#glossary div.glossary-list a{
	list-style-type:disc;
}

a.glossary-autolink{
	cursor:help;
}