/*
Theme Name: I&t - Version 3
Theme URI: 
Description: Thème Wordpress pour la v3 du site I&T
Version: 1.0 04.10.2009
Author: Renaud CHODKOWSKI 
*/

body 
{
font-family: verdana, Lucida Grande, Arial, Helvetica, Sans-serif;
background: rgb(91,87,94);
color: rgb(20,20,20);
margin:0;
padding:0;
}

/* Propriétés générales */

h1, h2, p, blockquote
{
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
}

p, blockquote
{
font-family: Verdana, Lucida Grande, Arial, Helvetica, Sans-serif;
}

a 
{
text-decoration:none;
color:rgb(91,87,94);
}

a:hover 
{
color:rgb(250,250,250);
background-color:rgb(162,24,18);
}

.rouge
{
color:red;
}

/*Page : bloc qui englobe la totalité header / content / sidebar / footer */

#page 
{
position:absolute;
left:50%;
margin-top:10px; 
margin-left:-425px;
width:850px;
padding:0;
}

/******************************************************/
/* Header : section de tête avec le nom du blog, ça description...*/
/******************************************************/

#header 
{
background-image:url("tools/I-T-title.png");
background-position:bottom right;
background-repeat:no-repeat;
margin:0;
padding:0;
height:50px;
}

#header h1, #header p /* Positionnés à -1000px pour les faire disparaître de l'écran mais le etxte existe toujours -> utilie pour le référencement*/
{
margin:0;
padding:0;
position:absolute;
left:-10000px;
margin:0;
padding:0;
}

/*  #header h5 = les liens pour changer de langue */
/*  #header h6 = les liens de navigation en haut de la page */

#header h5 , #header h6
{
font-size:0.75em;
position:absolute;
margin:0;
padding:0;
font-weight:normal;
color:rgb(250,250,250);
}

#header h5 
{
bottom:55px;
right:0;
}

#header h6 
{
top:30px;
left:0;
}

#header h6 a, #header h5 a
{
color:rgb(250,250,250);
text-decoration:none;
}

#header h6 a img
{
border:none;
}

#header h6 a:hover, #header h5 a:hover
{
text-decoration:none;
background-color:rgb(250,250,250);
color:rgb(91,87,94);
}

#header h6 ul, #header h5 ul
{
margin:0;
padding:0;
}

#header h6 ul li, #header h5 ul li 
{
display:inline;
margin:0;
padding:0;
}

#header h6 ul li:after
{
content: ' : ';
}

/*****************************/
/* Content : le contenu du billet */
/* Content-single : la page ultime d'affichage des billets (pas de photos en arrière plan) */
/**************************************************************************/

#content , #content-single
{
border:solid 1px rgb(20,20,20);
margin:0;
padding:0;
height:530px;
overflow:auto;
background-color:rgb(250,250,250);
}

#content a , #content-single a 
{
text-decoration:none;
color:rgb(162,24,18);
}

#content a:hover, #content-single a:hover 
{
color:rgb(250,250,250);
background-color:rgb(162,24,18);
}

#content-single p img, #content a img, #content-single a img
{
border: 1px solid rgb(20,20,20);
}

#content a img, #content-single a img
{
margin: 20px auto;
}

#content-single p img
{
margin : 10px 0;
}

#content h1, #content-single h1
{
color:rgb(20,20,20);
font-size:1.5em;
padding:0;
}

#content h1
{
margin:20px 20px 0 170px;
}

#content-single h1
{
margin:20px 20px 0 20px;
}

#content h2, #content-single h2
{
color:rgb(20,20,20);
font-size:1.1em;
padding:5px;
background-color:rgb(224,245,232);
}

#content h2
{
margin:20px 20px 10px 170px;
}

#content-single h2
{
margin:20px 20px 10px 20px;
}

#content p, #content-single p
{
color:rgb(20,20,20);
margin:0;
font-size:0.8em;
text-align:justify;
}

#content-single p#navig_pages
{
margin:0 20px;
padding:0;
font-size:0.66em;
font-weight:none;
text-align:right;
}

#content p, #content object
{
padding:0 20px 5px 170px;
}

#content-single p, #content-single object
{
padding:0 20px 5px 20px;
}

#content ul, #content-single ul li
{
list-style-type:none;
margin:0;
padding:0;
}

#content ul li, #content-single ul li, #content ol li, #content-single ol li
{
padding:0;
font-weight:bold;
font-size:0.9em;
font-family: Arial, Lucida Grande, Helvetica, Sans-serif;
text-align:justify;
}

#content ul li:before, #content-single ul li:before
{
content:'- ';
}

#content ul li, #content ol li
{
margin:0 20px 5px 170px;
}

#content-single ul li, #content-single ol li
{
margin:0 20px 5px 20px;
}

#content ol li
{
margin:0 20px 5px 190px;
}

#content-single ol li
{
margin:0 20px 5px 40px;
}


#content ul li.en_ligne
{
display:inline;
}

#content hr, #content-single hr
{
color:#dddddd;
width:100px;
}

#content hr
{
margin:20px 20px 20px 170px;
}

#content-single hr
{
margin:20px;
}

blockquote 
{
padding:15px;
font-size:0.8em;
text-align:justify;
}

/* image_fond_xxx : div qui permettent d'afficher les images en arrière plan de certaines pages */

#image_fond_front, #image_fond_page, #image_fond_collectif,
#image_fond_archive, #image_fond_galerie, #image_fond_ress
{
background-repeat:no-repeat;
background-position:right;
height:530px;
width:150px;
position:absolute;
top:51px;
left:0;
z-index:10;
border-left:1px solid rgb(20,20,20);
}

#image_fond_front
{
background-image:url("tools/fond_frontpage.jpg");
}

#image_fond_page
{
background-image:url("tools/fond_001.jpg");
}

#image_fond_collectif
{
background-image:url("tools/fond_002.jpg");
}

#image_fond_archive
{
background-image:url("tools/fond_003.jpg");
}

#image_fond_galerie
{
background-image:url("tools/fond_004.jpg");
}

#image_fond_ress
{
background-image:url("tools/fond_005.jpg");
}

#content .postmetadata, #content-single .postmetadata  
{
color:rgb(20,20,20);
font-size:0.75em;
background:rgb(224,245,232);
}

#content .postmetadata
{
margin:-13px 20px 0 170px;
}

#content-single .postmetadata  
{
margin:-13px 20px 0 20px;
}

#content .postmetadata p, #content-single .postmetadata p
{
margin:0 0 5px 0;
padding:0 5px 5px 5px;
}

/* Sidebar-ppal : zone où s'affichent les catégories principales (sans les sub-categories)*/
 
.sidebar-ppal
{
font-family: Arial, Lucida Grande, Helvetica, Sans-serif;
margin:0;
padding:0;
height:35px;
}

.sidebar-ppal ul
{
margin:0;
padding:7px 0 0 0;
}

.sidebar-ppal ul li
{
margin:0;
padding:0 10px 0 0;
display:inline;
font-size:1.1em;
}

.sidebar-ppal a
{
border:none;
text-decoration:none;
color:rgb(91,87,94);
}

.sidebar-ppal a:hover
{
background-color:rgb(91,87,94);
}

.sidebar-ppal img
{
border:none;
}

/* Sidebar-annexe : zone où s'affichent les sous-catégories*/
 
.sidebar-annexe
{
margin:0;
padding:0;
height:25px;
font-family: Arial, Lucida Grande, Helvetica, Sans-serif;
border-left:1px solid rgb(20,20,20);
border-right:1px solid rgb(20,20,20);
border-bottom:1px solid rgb(20,20,20);
background-color:rgb(250,250,250);
}

.sidebar-annexe ul
{
margin:0;
padding:5px 0 0 0;
}

.sidebar-annexe ul li
{
margin:0;
padding:0 0 0 5px;
display:inline;
font-size:1em;
}

.sidebar-annexe a
{
border:none;
text-decoration:none;
color:rgb(91,87,94);
}

.sidebar-annexe a:hover
{
background-color:rgb(250,250,250);
}

.sidebar-annexe img
{
border:none;
}

/* Footer : zone finale du blog*/

#footer 
{
padding:0;
margin:0;
height:50px;
font-family: Verdana, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
}

#footer p
{
padding:0;
margin:0;
font-size:0.75em;
color:rgb(91,87,94);
}

/* customisation des commentaires */

.cadre_commentaires 
{
margin:0;
padding:0;
}

.comments-template
{
margin: 10px 20px 0 20px;
}
 
.comments-template ol
{
margin: 0;
padding: 0;
list-style: none;
}
 
.comments-template ol p
{
font-family: Trebuchet MS, Verdana, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
margin:0;
}
 
.comments-template ol li
{
margin: 0;
line-height: 15px;
padding: 0 0 10px;
}

#text-comment
{
background-color:rgb(255,243,242);
margin:0;
padding:0;
}

#text-comment p
{
margin: 5px;
padding: 5px ;
color:rgb(50,50,50);
font-style:italic;
font-size:0.75em;
}

#fond-vert
{
background:rgb(240,250,244);
margin:0 0 10px 0;
padding:10px 0;
}
 
.comments-template h2, .comments-template h3
{
font-size: 0.95em;
font-family: Arial, Lucida Grande, Helvetica, Sans-serif;
font-weight:bold;
margin:0;
padding:2px 5px;
background:rgb(224,245,232);
}
 
.commentmetadata
{
font-size: 0.65em;
}
 
.comments-template p.nocomments
{
padding: 0;
}

.comments-template input#author, .comments-template input#email, .comments-template input#url, .comments-template textarea
{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
background:rgb(255,255,255);
width:200px;
padding:0;
border:solid 1px rgb(224,245,232);
}

.comments-template input#author, .comments-template input#email, .comments-template input#url
{
width:200px;
}
 
.comments-template textarea
{
width:750px;
}
 
 
 /***********************************/
 /* CSS pour la  page index_maintenance */
 /***********************************/
 
 #maintain h1
 {
 padding:12px 0;
 text-align:center;
 border-top:white 1px solid;
 }
 
 p#col_gauche
 {
 width:25%;
 float:left;
 text-align:right;
 font-size:0.85em;
 }
 
 p#col_centre
 {
 width:50%;
 float:left;
 }
 
 p#col_centre img
 {
 border:black 1px solid;
 display: block;
    margin-left: auto;
    margin-right: auto;
 }
 
 p#col_droite
 {
 width:25%;
 float:left;
 text-align:left;
 font-size:0.85em;
 }