/*
Theme Name: aocwp-annebouillot
Theme URI: http://www.aoc-crea.com/
Description: Theme WordPress Chez le Gaulois
Version: 1.0
Author: aoc-créa
Author URI: http://www.aoc-crea.com/
Tags: blue, full-width, simple

    aoc-créa

*/

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ color:#333; font-family:helvetica,arial,sans-serif; font-size:12px; line-height:16px;}

/* Body */

body {	
	background: #000 url('images/main-bg.png') repeat-x left top;
	color: #FFF;
	}
	
#wrap { 
	width: 980px;
	height:auto;
	margin: 0 auto;
	}
	
.main {
	background: #000;
	padding:0 0 10px 0;
	float:left;
	width:980px;
	}
	
input,select,textarea{ color:#FFF; font-family: helvetica,arial,sans-serif; font-size:12px; background-color:#1A1A1A; border:none; padding:5px;}
	
#a-la-une { float:left; width:980px; height:600px;margin:0 0 0 0;float:left;clear:both; text-align:center;}

#ssp-une { float:left; width:980px; height:653px; margin:0 0 0 0; float:left; outline:0;}

.ssp-accueil { float:left; width:980px; height:653px;margin:0 0 0 0;float:left;outline:0;}

.ssp-archive { float:left; width:980px; height:653px;margin:0 0 0 0;float:left;outline:0;}

.ssp-portfolio { float:left; width:980px; height:683px;margin:0 0 0 0;float:left;outline:0;}

.ssp-album { float:left; width:980px; height:748px;margin:0 0 0 0;float:left;outline:0;}

#content {display:block; width:715px; height:auto; float:left; min-height:250px; padding:10px 0 10px 20px;}

#page-simple {display:block; width:940px; height:auto; float:left;  min-height:250px;}
	
.actualite, .categorie { font: 100 24px helvetica,arial,sans-serif; margin:20px 0 0 0; line-height:40px; color: #6E7273; padding:5px 0 0 15px; width:auto; background: transparent; }

.footer {
	width: 980px;
	height:auto;
	float:left;
	}
	
object {outline: 0;}


/* Header */
#header {width:980px;height:110px;background: transparent url('images/header-bg.png') no-repeat left bottom;}
#logo_link {
	display: block;
	float: left;	
	width: 300px;
	height: 110px;
	margin: 0;
	background: url('images/logo.png') no-repeat center left;
	}


.nav-menu { width: 980px; overflow: hidden; font-size: 14px; font-weight:100; float:left; margin-top:0; }
.nav-menu ul, .nav-menu ul ul { list-style: none; display:inline; text-transform:uppercase;}
.nav-menu ul li { float: left;}
.nav-menu ul li a { display: block; padding: 16px 30px 16px 30px; font-weight: 900; text-decoration: none; }
.nav-menu ul ul { visibility: hidden; position: absolute; width: 120px; z-index: 700; }
.nav-menu ul ul li { width: 200px; position: relative;}
.nav-menu ul ul ul { top: 0px; left: 200px; position: absolute; }
.nav-menu ul li:hover > ul { visibility: visible; }
/* customizing look of the nav-menu */
.nav-menu { width: 980px; height:50px; background: #000; display:inline;}
.nav-menu ul li a {color: #FFF; font: 100 14px 'Montserrat', sans-serif; }
.nav-menu ul li a:hover { background: #1a1a1a; color: #FFF; }
.nav-menu ul li li a { background: transparent url('images/li-bg.png') repeat left top; color: #FFF; padding: 12px 15px 12px 30px; font: 100 12px 'Montserrat', sans-serif;}
.nav-menu ul li li a:hover { background: #FFF; color: #000;}
.nav-menu ul ul li { border-top: none; color: #FFF; background: #FFF; }
.nav-menu ul ul li:first-child { border-top: none;}
.nav-menu ul ul li li:first-child { border-top: none; }
.nav-menu ul li:hover, .nav-menu li:hover {color:#FFF;}
.nav-menu .current-menu-item, .nav-menu .current-menu-item a, .nav-menu .current_page_item, .nav-menu .current_page_item a {color: #FFF; background: #6E7273;}
#shortcuts {
	display: block;
	float: right;
	width:70px;
	height: 30px;
	margin : 0 5px 0 0;
}
#shortcuts a.facebook{
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	margin: 10px 0 0 5px;
	background: transparent url('images/facebook.png') no-repeat 0 0;
	text-indent: -9999px;
	outline:0;	
}

#shortcuts a.facebook:hover{ background: transparent url('images/facebook.png') no-repeat 0 -30px;}

#shortcuts a.twitter{
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	margin: 10px 0 0 5px;
	background: transparent url('images/twitter.png') no-repeat 0 0;
	text-indent: -9999px;
	outline:0;	
}

#shortcuts a.twitter:hover{ background: transparent url('images/twitter.png') no-repeat 0 -30px;}

*+html #header { height:110px } /* IE7 seulement*/



/* Balises block */
.post-content h1 a,.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a,.post-content h6 a, .post-content p a, .page-simple-content h1 a, .page-simple-content h2 a, .page-simple-content h3 a, .page-simple-content h4 a, .page-simple-content h5 a, .page-simple-content h6 a, .page-simple-content p a {color:#95d300;}
.post-content h1 a:hover,.post-content h2 a:hover,.post-content h3 a:hover,.post-content h4 a:hover,.post-content h5 a:hover,.post-content h6 a:hover, .post-content p a:hover, .page-simple-content h1 a:hover, .page-simple-content h2 a:hover, .page-simple-content h3 a:hover, .page-simple-content h4 a:hover, .page-simple-content h5 a:hover, .page-simple-content h6 a:hover, .page-simple-content p a:hover {color:#FFF; text-decoration:none;}
.post-content, .page-simple-content {width:640px; height:auto; background: transparent; padding:0; margin-bottom:10px;}
.post-content h1, .page-simple-content h1{ font: 100 28px helvetica,arial,sans-serif; line-height:38px; margin:10px 0 10px 0; color:#6E7273;}
.post-content h2, .page-simple-content h2{ font: 900 24px helvetica,arial,sans-serif; line-height:30px; margin:10px 0 10px 0; color:#6E7273;}
.post-content h3, .page-simple-content h3{ font: 100 20px helvetica,arial,sans-serif; line-height:26px; margin:10px 0 10px 0; color:#6E7273;}
.post-content h4, .page-simple-content h4{ font: 100 18px helvetica,arial,sans-serif; line-height:24px; margin:10px 0 10px 0; color:#6E7273;}
.post-content h5, .page-simple-content h5{ font: 100 16px helvetica,arial,sans-serif; line-height:22px; margin:10px 0 10px 0; color:#6E7273;}
.post-content h6, .page-simple-content h6{ font: 100 15px helvetica,arial,sans-serif; line-height:21px; margin:10px 0 10px 0; color:#6E7273;}
.post-content p, .page-simple-content p{ font: 100 13px helvetica,arial,sans-serif; line-height:22px; margin:10px 0 10px 0;}
.post-content ul{ }
.post-content ol{ }
.post-content blockquote, .post-content blockquote p, .page-simple-content blockquote, .page-simple-content blockquote p{ font: 100 14px georgia; color:#666; font-style:italic; line-height:22px; margin:10px 0 10px 0; text-align:center; }
.post-content pre{ }
.post-content address{ }
.post-content address{ }
.post-title {font: 100 20px helvetica,arial,sans-serif; margin:15px 0 10px 0; }
.post-title a{color:#FFF; text-decoration:none; }
.post { padding:0; margin:0; height:auto; width:700px;}

.post-index { padding:10px 0 10px 10px; margin:0; height:auto; width:600px;}
.index-thumb {border: none; float:left; margin-right:20px;}
.post-excerpt {width:700px; height:200px; background: transparent url('images/li-bg.png') repeat left top; padding:0 0 0 0; margin:0 30px 0 0; overflow:hidden; border: 1px solid #1f1f1f;}
.post-excerpt .post-title {padding:0;}
.post-excerpt p {font: 100 13px helvetica,arial,sans-serif; line-height:22px; padding:0 20px;}
.post-index a.readmore {
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	margin: 15px;
	background: transparent url('images/readmore.png') no-repeat 0 0;
	text-indent: -9999px;
	outline:0;
}

.post-index a.readmore:hover {
	background: transparent url('images/readmore.png') no-repeat -15px 0;
}

.page { padding:0; margin:0;}
.page-simple {width:940px; height:auto; padding:0 0 20px 20px; margin-bottom:10px;}
.page-simple-content {width:920px; height:auto; background: transparent; padding:0 0 0 0; margin-bottom:10px;}
.post .affiche{	border: none; float:left;}
#content .next a, .post-index .next a{ 
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0;
	padding:0;
	background: transparent url('images/suivant.png') no-repeat 0 0;
	text-indent: -9999px;
	outline:0;
	}
#content .next a:hover, .post-index .next a:hover{ background: transparent url('images/suivant.png') no-repeat -15px 0;}

#content .previous a, .post-index .previous a{ 
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 0 0 25px;
	background: transparent url('images/precedent.png') no-repeat -15px 0;
	text-indent: -9999px;
	outline:0;	
	}
	
#content .previous a:hover, .post-index .previous a:hover{ background: transparent url('images/precedent.png') no-repeat 0 0;
	}
	
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	}

/* Balises inline */
.post-content strong{ font-weight:900; }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }
.post-content strong{ font-weight:900;}
.post-info {margin:0; color:#666; font-size:10px; letter-spacing:0.02em;}
.post-info a {color:#6E7273; text-decoration:none;}

/* Classes des images */
.alignleft{ display:inline; float:left; margin:10px 10px 10px 0;}
.aligncenter{ clear:both;    display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right; margin:10px 0 10px 10px;}
a img{border:none;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ } /* Légende de l'image */
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

/* Sidebar */
.sidebar { width:220px; height:auto; background:transparent; float:right; padding:10px 0 10px 0; margin: 25px 0 0 0;}
.sidebar ul { display: block;}
.sidebar ul li { display: block; width:220px;}
.sidebar ul li a { display: block; font: 100 14px helvetica,arial,sans-serif; padding:5px;text-decoration: none; color: #6E7273; clear:both; }
.sidebar ul li a:hover { text-decoration: none; color: #FFF; background:#1f1f1f;}
.sidebar h4 { height:20px; font: 100 18px helvetica,arial,sans-serif; margin:15px 0 10px 5px; clear:both;}

/* Footer */

.bottomlinks {
	float:left;
	margin: 0;
	font: 100 13px helvetica,arial,sans-serif;
	padding:0;
	width: 980px;
	height:22px;
	color:#333;
	text-align:left;
}

.bottomlinks ul li a{
	color: #6E7273;
	font-size: 13px;
	font-style:italic;
	font-family: georgia;	
	font-weight: 100;
	margin:0;
	letter-spacing:0.02em;
	float:left;
	display:inline;
}

.bottomlinks a{
	color:#6E7273;
	text-decoration:none;
}

.bottomlinks a:hover{
	color:#FFF;
}

.copy {
	float: left;
	margin:0;
	font: 100 13px helvetica,arial,sans-serif;
	padding:15px 0 5px 0;
	width: 980px;
	color:#808080;
	}

#go_up {
	float: right;
	display: block;
	margin:0 10px 0 0;
	width: 15px;
	height: 15px;
	background: transparent url('images/go-up.png') no-repeat 0 0;
}

#go_up:hover {
	background: transparent url('images/go-up.png') no-repeat -15px 0;
}


/* Formulaires contact form 7 */

#formulaire {
	width:480px;
	height:auto;
	float:left;
	background: transparent;	
}

#info-formulaire{
	width:400px;
	height:auto;
	float:left;
	background: transparent;
	margin: 0 0 0 20px;	
}

.champs-form {
	display:block;
	width:480px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;	
}

*+html .champs-form { width:500px; display:block; text-align:left;} /* IE7 seulement*/

*+html .champs-form span { float:right; display:block; margin-top: -10px;} /* IE7 seulement*/

.champs-form span {
	display:block;
	margin-top: 0;
	float:right;
}

.obligatoire {
	display:block;
	width:920px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	clear:both;	
}


.wpcf7-submit { float:right; background-color:#6E7273; font: 900 12px helvetica,arial,sans-serif; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:10px; color:#000;}

div.wpcf7-response-output {clear:left;}

span.wpcf7-not-valid-tip {
	background:#333;
}