/*
Theme Name: Version 3.5
Theme URI: 
Description: Thème Wordpress pour la v3.5 du site I&T
Version: 5.0 29.06.2010
Author: Renaud CHODKOWSKI 
*/


/* Reset des CSS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

body
{
line-height:1;
font-family:Cambria, serif;
color:rgb(10,10,10);
background:rgb(50,50,50);
}

ol, ul
{
list-style:none;
}

img
{
display:block;
}



/************************** CSS du site en lui-même ****************************/

/* liste des class permettant l'affichage des images d'en tête */

div.accueil
{
background:url(tools/head_000.jpg) no-repeat top center;
height:240px;
}

div.magazine
{
background:url(tools/head_002.jpg) no-repeat top center;
height:240px;
}

div.collectif
{
background:url(tools/head_003.jpg) no-repeat top center;
height:240px;
}

div.galerie
{
background:url(tools/head_004.jpg) no-repeat top center;
height:240px;
}

div.horizons
{
background:url(tools/head_005.jpg) no-repeat top center;
height:240px;
}

div.boutique
{
background:url(tools/head_006.jpg) no-repeat top center;
height:240px;
}

div.apropos
{
background:url(tools/head_007.jpg) no-repeat top center;
height:240px;
}

strong
{
font-weight:bold;
}

/****************************************************/
/* nav : zone de navigation du site (avec rollover) */
/****************************************************/

div#navigation
{
position:absolute;
top:0;
left:0;


height:30px;
width:100%;

background:url(tools/fond_nav.png);
color:white;
font-family:Cambria, Georgia, serif;
}

#nav
{
position:absolute;
top:0;
left:50%;
margin-left:-430px;

line-height:100%;
padding-top:6px;
}

#nav li
{

position:relative;
float:left;
margin:0 5px;
padding:0;
list-style:none;
}

#nav a
{
text-decoration:none;
padding:0;
margin:0 0 8px 2px; /* valeur à modif pour décaller le bloc vers le bas */
display:block;
color:white;
}

#nav a:hover
{
background:url(tools/fond_nav_blanc.png);
}

#nav li:hover > ul
{
display:block;
}

#nav ul
{
display:none;

position:absolute;
margin:0 0 0 -10px;
padding:5px 10px;
width:185px;

background:url(tools/fond_nav.png);

border-radius:2px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
}

#nav ul li
{
float:none;
margin:0;
padding:3px 0 0;
color:black;
}

#nav ul a
{
color:white;
}

#nav ul a:hover
{
color:white;
background:url(tools/fond_nav_blanc.png);
}

/*******************************************/
/*logo : affichage du logo IMAGES & TRAINS */
/*******************************************/

div#logo-FR, div#logo-EN
{
position:absolute;
top:0;
left:50%;
margin-left:410px;

height:240px;
width:60px;
color:white;
}

div#logo-FR
{
background:url(tools/logo_FR.png);
}

div#logo-EN
{
background:url(tools/logo_EN.png);
}

/***************************************************/
/* langue : choix de la langue d'affichage du site */
/***************************************************/

div#langue
{
position:absolute;
top:218px;
left:50%;
margin-left:-430px;
background:url(tools/fond_nav.png) repeat;
height:22px;

font-size:0.66em;
}

div#langue a
{
padding:5px 0;

color:white;
font-family:Cambria, Georgia, serif;
text-decoration:none;
font-weight:bold;
}

div#langue ul
{
margin:0;
padding:6px 0;
}

div#langue li
{
margin:0 5px;
float:left;

color:white;
}

div#langue a:hover
{
background:url(tools/fond_nav_blanc.png);
}

/****************************************/
/* Primaire : bloc d'affichage à gauche */
/****************************************/


div#primaire
{
position:absolute;
top:250px;
left:50%;
margin-left:-480px;

width:700px;
}

div#primaire em
{
font-style:italic;
}

div#primaire strong
{
font-weight:bold;
}

/* section : titre de la section  */

#section
{
position:relative;
margin:0 0 10px 50px;

width:630px;
height:50px;
}

/* billet : zone d'affichage des billets en eux-mêmes */

div#billet
{
position:relative;
margin:0 0 10px 50px;
padding-bottom:10px;

height:90%;
min-height:700px; 

background-color:white;
width:650px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

}


div#billet p, div#billet h3, div#billet h4,  div#billet h5, div#billet h6, div#billet blockquote, div#billet ul, div#billet li
{
color:rgb(10,10,10);
font-family:Cambria, Georgia, serif;
}

div#billet p
{
font-size:0.8em;
text-align:justify;
padding:0 10px 5px ;
}

div#billet p.postmetadata
{
font-size:0.7em;
text-align:left;
margin-top:-2px;
}

div#billet p#navig-categ /* navig-categ : affichage des catégories du billet en mode détail (page index.php) */
{
font-size:0.6em;
text-align:right;
padding:4px ;
margin:0;
}

div#billet p#navig-categ a 
{
font-weight:normal;
text-decoration:none;
}

div#billet p.bigger
{
font-size:0.9em;
}

div#billet p.note
{
font-size:0.7;
font-style:italic;
background:rgb(240,240,240);
margin:5px 10px;
padding:5px;
}


div#billet a
{
font-weight:bold;
color:rgb(10,10,10);
}

div#billet a:hover
{
font-weight:bold;
color:red;
}

a.more-link /* more-link : CSS du texte de lien de la balise <more> de Wordpress */
{
font-size: 13px;
font-variant: small-caps;
text-decoration:none;
}

a.more-link:hover
{
background:rgb(200,200,200);
}

div#billet h3, div#billet h3#index
{
font-size:1.25em;
text-align:left;
font-weight:bold;
text-shadow:1px 1px 1px rgb(200,200,200);
clear:left;
border-bottom:solid 1px rgb(200,200,200);
}

div#billet h3
{
margin:0 10px 4px;
padding:10px 0 5px;
}

div#billet h3#index /* cas particulier de la page index.php qui possède une liste de catégories et nécessite un margin et padding différents */
{
margin:-7px 10px 4px;
padding:0 0 5px;
}

div#billet h3 a
{
color:black;
text-decoration:none;
}

div#billet h3 a:hover
{
color:white;
background:black;
text-decoration:none;
}

div#billet h4, div#billet h5, div#billet h6
{
font-size:1em;
text-align:left;
clear:left;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

div#billet h4, div#billet h5
{
padding:5px 5px 5px 60px;
margin:0 10px 5px -50px;
}

div#billet h4 /* h4 : bloc de fond noire utilisé comme séparateur dans les textes des billets */
{
color:rgb(250,250,250);
font-weight:bold;
background:rgb(10,10,10);
}

div#billet h5 /* h5 : bloc de fond jaune orange utilisé pour le texte d'introduction */
{
color:rgb(50,50,50);
font-style:italic;
background:rgb(255,196,0);
}

div#billet h5.nbre-result /* nbre-result : div utilisé dans la page search.php pour personnaliser la ligne qui annonce le nombre de billets trouvés */
{
font-style:normal;
background:rgb(255,196,0);
}

.search-terms /* search-terms : classe utilisée dans le div nbre-result ci-dessus */
{
font-weight:bold;
}

div#billet h6 /* h6 : affichage d'un bloc de fond rouge avec une icône PDF - à utiliser pour indiquer le téléchargement d'un fichier */
{
padding:10px 5px 0 60px;
margin:0 10px 5px -50px;
height:49px;
color:rgb(250,250,250);
font-style:italic;
background:url(tools/icon-pdf.png) top left no-repeat rgb(163,14,39);
}

div#billet h6 a
{
display:block;
clear:both;

font-style:normal;

padding-bottom:5px;
}

div#billet ul /* style des listes à puce dans les billets */
{
font-size:0.8em;
text-align:left;
padding:0 10px 5px 25px;

list-style-position:inside;
list-style-type:square;
}

div#billet li.liste_texte /* utilisée dans la liste des billets */
{
padding:0 0 2px;
}

div#billet blockquote /* commentaires à l'intérieur d'un billet */
{
font-size:0.66em;
text-align:justify;
clear:left;

padding:10px;
margin:0 10px 0 -50px;
background:rgb(200,200,200);

border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

div#billet form#searchform
{
margin:10px 0 0 10px;
}

div#billet #extrait  /* div extrait : permet de paramétrer l'affichage des extraits (fonction the_excerpt) en particulier s'il y a une image */
{
height:80px;
}

div#billet #extrait img
{
height:75px;
float:left;
margin-right:10px;
border:1px solid black;

box-shadow:2px 2px 5px black;
-webkit-box-shadow:2px 2px 5px black;
-moz-box-shadow:2px 2px 5px black;
}


div#billet #descript /* Zone description dans l'entête des pages de présentation */
{
}

div#billet #descript p
{
font-size:0.9em;
font-style:italic;
text-align:justify;
padding:10px 10px ;
}

div#billet #descript a
{
font-style:normal;
}

div#billet #descript img#gauche
{
float:left;
margin:0 10px 0 -60px;
border:1px solid black;

box-shadow:2px 2px 5px black;
-webkit-box-shadow:2px 2px 5px black;
-moz-box-shadow:2px 2px 5px black;
}

div#billet #descript .ngg-widget
{
margin:-10px 0 0;
}

div#billet #descript .ngg-widget img
{
border:solid black 1px;

box-shadow:2px 2px 5px black;
-webkit-box-shadow:2px 2px 5px black;
-moz-box-shadow:2px 2px 5px black;
}


/* nav-billet : affichages des liens de navigation des billets */

#nav-billet
{
text-align:right;
color:white;
padding:0;
margin:0 0 10px 0;
}

#nav-billet a
{
color:white;
text-decoration:none;
font-size:0.75em;
}

#nav-billet a:hover
{
background:url(tools/fond_nav_blanc.png);
}


/* comment : zone réservée aux commentaires des billets */

div#comment
{
position:relative;
margin:0 0 10px 50px;
padding-bottom:10px;

background-color:white;
width:650px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

div#comment h3
{
font-size:1.25em;
text-align:left;
font-weight:bold;
margin:0 10px 4px;
padding:10px 0 5px;
clear:left;
border-bottom:solid 1px rgb(200,200,200);
}

div#comment h3 a
{
color:black;
text-decoration:none;
}

div#comment h3 a:hover
{
color:white;
background:black;
text-decoration:none;
}

div#comment ol
{
margin:0 10px 4px;
}

div#comment li
{
margin:5px 0;
padding:5px;
}

div#comment li.alt
{
background-color:rgb(200,200,200);
}

div#comment div.commentmetadata
{
margin-bottom:5px;
}

div#comment div.commentmetadata p
{
font-size:1em;
}

div#comment p
{
text-align:justify;
font-size:0.8em;
}

div#comment div#laisser-comment
{
padding:10px;
margin:10px 10px 0 -50px;
background:rgb(200,200,200);

border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

div#laisser-comment h3
{
margin:0 0 5px;
padding:0;
}

div#laisser-comment input
{
border:none;
margin:5px 0;
}

div#laisser-comment p#submit
{
text-align:right;
}

div#laisser-comment textarea
{
width:100%;
border:none;
margin:10px 0 5px;
}

/******************************************/
/* Secondaire : bloc d'affichage à droite */
/* -section : si titre de section         */
/******************************************/

div#secondaire, div#secondaire-section
{
position:absolute;
left:50%;
margin:0 0 0 250px;
padding:0;

width:220px;
}

div#secondaire
{
top:250px;
}

div#secondaire-section
{
top:310px;
}

p#login
{
font-size:0.66em;
text-align:right;
position:relative;
top:-10px;
}

p#login a
{
color:rgb(50,50,50);
}
p#login a:hover
{
color:rgb(60,60,60);
}

/* class bulle : crée un cadre arrondi pour l'affichage des infos bulles */

div.bulle
{
padding:0;
margin-bottom:15px;

border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

div.bulle h3
{
margin:0 7px;
padding:5px 0 3px;
font-size:1em;
border-bottom:1px black solid;
font-variant:small-caps;
text-shadow:1px 1px 1px rgb(100,100,100);
}

div.bulle h3.blanc
{
color:white;
text-shadow:1px 1px 1px rgb(10,10,10);
border-bottom:1px white solid;
}

div.bulle p
{
margin:0 7px;
padding:5px 0 7px;
font-size:0.72em;
}

div.bulle p.white
{
color:white;
text-align:justify;
}

div.bulle p.white a
{
color:white;
font-weight:bold;
}

div.bulle img#web2
{
float:left;
margin-right:5px;
margin-top:-4px;
}

div.bulle form
{
margin:3px 7px 0;
padding:5px 0 10px;
}

div.bulle input
{
border:1px solid rgb(125,125,125);
font-size:0.66em;
}

div.bulle input#searchsubmit
{
font-family:Verdana;
}

div.bulle ul#bulle, div.bulle ul#bulle-web2
{
margin:0 7px 0;
padding:2px 0 10px;
font-size:0.75em;
}

div.bulle ul#bulle li
{
margin:3px 0 0 0;
padding:0;
}

div.bulle ul#bulle li a
{
color:black;
text-decoration:none;
}

div.bulle ul#bulle li a:hover
{
color:black;
text-decoration:underline;
}

div.bulle ul#bulle-web2 li
{
margin:10px 0 0 0;
padding-bottom:0;
}

div.jaune
{
background:rgb(249,221,167);
}

div.bleu
{
background:rgb(78,207,255);
}

div.noir
{
background:black;
}

div.rouge
{
background:rgb(237,18,56);
}