/*
Theme Name: verre_et_bleu
Theme URI: http://www.ch1.fr
Description: verre_et_bleu
Version: 1.0
Author: CH1
*/

@import "reset.css";
@import "menu.css";

body {
background: #1a5991 url(images/bg-body.jpg) no-repeat scroll center top;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
margin: 0px;
padding:0;
}


/* Titres
_________________________________________________________________ */

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2, .home .post h2 {color:#177CAA;
font-family:arial,verdana,times;
font-size:18px;
font-weight:normal;
margin:20px 0 10px;
padding:0;
text-align:left;}
h3 {
color:#1B68AC;
font-size:16px;
font-weight:normal;
margin:10px 0 0;
padding:0;
}
h4 {font-size: 13px;font-weight:normal;margin:10px 0 0 0;padding:0;}
.highslide-credits-remove {
text-indent:-99999em;
}


/* images and misc.
_________________________________________________________________ */

img{ border: none; }
img a{border:none;}
img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
border-left:1px solid #A5ABAB;
margin:15px;
padding:0 12px 0 12px;
}

code{
margin:10px;
font-family:"Courier New", Courier, monospace;
}

p {margin:0 0 10px 0;}


/* Liens
_________________________________________________________________ */

a{
color:#133574;
text-decoration:none;
border: none;
}

a:hover {
color:#6E84AB;
text-decoration: underline;
border: none;
}

/* container
_________________________________________________________________ */

#container {
border:0 none;
margin:0 auto;
overflow:hidden;
padding:0;
width:937px;
position:relative;
}

/* HEADER
_________________________________________________________________ */

#header {
color:#FFFFFF;
height:180px;
position:relative;
}

.home #header{
height:384px;
}

#header h1{
background:transparent url(images/logo-verre-et-bleu.png) top left no-repeat;
display:block;
position:absolute;
top:23px;
left:10px;
width:194px;
height:150px;	
padding:0;
margin:0;
}

#header h1 a{
display:block;
height:129px;
margin:0;
padding:0;
width:130px;
}

#header h1 a span {
display:block;
padding:0;
margin:0;
text-indent:-99999em;
}
#header h1 a:hover{text-decoration: none;}

#header h2{
font-family: arial, times;
font-style: italic;
font-weight:normal;
color: #ffffff;
letter-spacing: 1px;
margin: 0;	
padding:0;
position:absolute;
top:107px;
left:47px;
}

/* Contenu 
___________________________________________________ */

#contenu {
background:#FFFFFF url(images/bande-haut.jpg) no-repeat scroll left top;
margin:0;
overflow:hidden;
padding:0;
zoom:1;
}


/* content 
_____________________________________________________*/

#content {
float:left;
margin:0;
overflow:hidden;
padding:0 19px 0 20px;
width:587px;
}

.home #content {
width:255px;
}

.post {
line-height:14pt;
margin:0;
padding:30px 0 10px 0;
}

.post h2, .post h1{
font-size: 24px;
font-weight: normal;
color: #136392;
}

.post h2 a{
color: #136392;
text-decoration: none;
}

.post h2 a:hover{
color: #136392;
text-decoration: none;
}

.post a{
text-decoration:underline;
}

.post ul {}

.post li {}



.entry p{margin:12px 0;}

.postmetadata{
clear: both;
margin:0;
padding:2px;
font-size:10px;
border-top:1px solid #ddd;
color:#666;
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active, .postmetadata a:hover{
color:#666;
}

.navigation {
float:left;
width:100%;
}

.alignleft {float:left;
margin:0 20px 20px 0;border:1px solid #A9A9A9;padding:4px}
.alignright {float:right;margin:0 0 20px 20px;border:1px solid #A9A9A9;padding:4px}

.notfound{}


.edition {
background:#CCCCCC url(images/pencil.png) no-repeat scroll 5px 1px;
border-color:#DDDDDD #DDDDDD #AAAAAA #AAAAAA;
border-style:solid;
border-width:1px;
color:#DDDDDD;
font-size:10px;
margin:10px auto;
padding:3px 10px 3px 21px;
text-align:center;
text-transform:uppercase;
width:100px;
}

.edition a {
color:#666;
}


/* sidebar 
_____________________________________________ */


#sidebar {
background:#D6E6F3 none repeat scroll 0 0;
border-right:0 none;
float:right;
font-family:arial,tahoma;
margin:12px 0 0;
overflow:hidden;
padding:0 0 20px;
width:311px;
}

#sidebar .inner {
margin:10px 20px;
}

#sidebar #projet {
font-weight:bold;
padding:5px 0 0 0;
}

#sidebar #projet li span{
display:block;
font-weight:normal;
color:#000;
}

#sidebar #projet li {
background:transparent url(images/etapes-1.jpg) no-repeat scroll left top;
color:#003164;
line-height:14px;
list-style-type:none;
margin:0 0 15px;
min-height:52px;
padding:0 0 0 60px;
}

#sidebar .projet1,
#sidebar .projet2,
#sidebar .projet3,
#sidebar .projet4,
#sidebar .projet5,
#sidebar .projet6 {
background:transparent url(images/etapes-1.jpg) top left no-repeat;
padding:0 0 0 60px;
line-height:14px;
}
#sidebar #projet li.projet2 {background-image:url(images/etapes-2.jpg)}
#sidebar #projet li.projet3 {background-image:url(images/etapes-3.jpg)}
#sidebar #projet li.projet4 {background-image:url(images/etapes-4.jpg)}
#sidebar #projet li.projet5 {background-image:url(images/etapes-5.jpg)}
#sidebar #projet li.projet6 {background-image:url(images/etapes-5.jpg)}

#sidebar h2{
color:#177CAA;
font-family:arial,verdana,times;
font-size:18px;
font-weight:normal;
margin:20px 0 10px;
padding:0;
text-align:left;
}

#sidebar p {
margin:0;
padding:0;
}


/* commentaires
_______________________________________________________________*/

#commentssection{
clear: both;
padding: 2px 12px;
margin: 0;
}

#commentform{
background: #F0F0F0;
margin: 12px 0 20px 0;
padding:10px;
}

#commentform textarea#comment {
font-family:arial;
font-size:12px;
padding:5px;
width:498px;
}

#commentbox{
width:70%;
min-width:400px;
margin:5px 5px 0 0;
}


#author, #email, #url, #commentbox, #submit{
background: #fff;
font-family: verdana, arial, times;
font-size: 8pt;
margin:5px 5px 0 0;
padding: 6px;
border: 1px solid #B2B2B2;
}

#submit{margin:5px 5px 0 0;}

ol.commentlist {
list-style-type: none;
margin:0;
padding:0;
}

ol.commentlist li {
background: #fff;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}

ol.commentlist li.alt {
background: #E5E5E5;
margin:0;
padding:10px;
}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* gravatar */

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

/* alignment classes */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

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



/* search 
___________________________________*/

#searchform{
display:block;
font-family:arial,times;
height:22px;
padding:6px 0 6px 6px;
margin:0;
}

#searchform input#s{
font-family: arial, times;
font-size: 12px;
padding: 2px;
margin: 0;
border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit{
font-family: verdana, arial;
font-size: 11px;
padding: 2px ;
margin: 2px 0 0 2px;
border: 1px solid #B7B7B7;
background-color: #fff;
color: #797979;
}

#searchform input#searchsubmit:hover {
cursor:pointer;
}


/* footer 
___________________________________________________*/

#footer {
background:#1A68AC url(images/bg-footer.jpg) repeat-x scroll center top;
clear:both;
margin:-30px 0 0;
overflow:hidden;
z-index:-1;
}

.footer_content {
background:transparent url(images/logo-footer.jpg) no-repeat scroll right 39px;
border:0 none;
margin:0 auto;
padding:50px 84px 27px 0;
text-align:right;
width:853px;
}

#footer p{margin: 0; color: #fff;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


/* menu footer
___________________ */
#menufooter {
margin:0;
padding:0;
}

#menufooter li{
margin:0;
padding:0;
display:inline;
margin:0 5px;
padding:0
}

#menufooter li a {
font-size:10px;
}

#sidebar2 {
float:right;
width:332px;
}

.inner {
margin:10px 20px;
}

#sidebar2 .inner {
margin:31px 20px 0;
}

#ImageFlow_1{
height:354px;
left:0;
position:absolute;
top:30px;
visibility:visible;
width:900px;
}

.actus img {
border:1px solid #92b9dc;
padding:3px;
margin:10px 0;
}

#sidebar p.savoir_plus {
display:block;
padding:10px 0 0 0;
text-align:right;
font-weight:bold;
}

.nocomments {
display:none;
}

#map_canvas {
float:right;
height:271px;
position:relative;
width:350px;
}

p.intro {
color:#FFFFFF;
font-family:arial;
font-size:32px;
font-style:italic;
left:0;
letter-spacing:-1px;
line-height:32px;
position:absolute;
text-align:center;
top:344px;
width:937px;
z-index:999;
}

/* EN ATTEND ACTU 

#execphp-3 {
visibility:hidden;
}

*/