/*
Theme Name: Rachel Redon
Theme URI: http://rachelredon.com/
Description: Thème du portfolio de Rachel Redon, création et direction artistique.
Author: Cécile IULIANI
Version: 1.1
Tags: 1 colonne, couleurs, gallerie, photo, alphabet , artistique, design

Ce thème a été créé par :
Cécile IULIANI || http://www.16ill.fr
*/





/* --------------------------------------------------------------------------------------
TABLES DES CONTENUS
-----------------------------------------------------------------------------------------
1. 			RESET 				*			( Eviter les bugs )
2. 			BODY	 			body		( Typographie principalement )
			. bg				
3.			PAGE				#page		( Centrer le site )
4.			HEADER				#header		( Header aligné a droit que sur home(right), description et H1)
			. h1
			. strong			
			. right
5.			MENU				#menu
			. ul
			. li
			. hover



----------------------------------------------------------------------------------------- */









/* ------------------------ */
/* 1. RESET                 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* ------------------------ */
/* 2. BODY                  */

body{
font: normal 11px Arial, Helvetica, sans-serif ;
color:#000;
}

.bg0 {background-color: #FF6600; margin-top:50px;} /* Background par défauts sur la page d'accueil */
.bg3 {background-color: #00CC00;} 
.bg4 {background-color: #CC0033;}
.bg5 {background-color: #66FFFF;}
.bg6 {background-color: #990066;}
.bg7 {background-color: #99FF00;}
.bg8 {background-color: #FF99FF;}
.bg9 {background-color: #00C0FF;}
.bg10 {background-color: #99CC00;}
.bg11 {background-color: #FF0000;}
.bg12 {background-color: #00CCCC;}
.bg13 {background-color: #FFFF00;}
.bg14 {background-color: #CC66FF;}
.bg15 {background-color: #FF6633;}
.bg16 {background-color: #66FF66;}
.bg17 {background-color: #009900;}
.bg18 {background-color: #99FF00;}
.bg19 {background-color: #FF0099;}
.bg20 {background-color: #00CC00;}
.bg21 {background-color: #FF3399;}
.bg22 {background-color: #FF6600;}
.bg23 {background-color: #FF3300;}
.bg24 {background-color: #FF00FF;}
.bg25 {background-color: #999900;}
.bg26 {background-color: #003399;}
.bg27 {background-color: #FF6600;}
.bg28 {background-color: #33FF00;}
.bg29 {background-color: #666666;}
.bg30 {background-color: #66FF99;}
.bg31 {background-color: #FF3366;}
.bg32 {background-color: #FF3333;}
.bg33 {background-color: #00FF00;}
.bg34 {background-color: #CCCCCC;}
.bg35 {background-color: #999933;}
.bg36 {background-color: #660099;}
.bg37 {background-color: #FF6600;}
.bg38 {background-color: #FFFF00;}
.bg-glossaire {background-color: #666666;}

/* ------------------------ */
/* 3. PAGE                  */

#page {
margin: 0 auto;
width: 750px;

}


/* ------------------------ */
/* 4. HEADER                */


#header {
display:block;
background-color:#FFF;
width: 700px;
padding:70px 25px 20px;
}

#header h1 {
font-weight:normal;
font-size: 2.5em;
}
 
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
text-decoration:none;
color:#000000;
}

#header strong.description {
font-weight:normal;
font-size: 1.2em;
}

.right {text-align:right} /* Si on est sur la home, on met le header sur la droite*/


/* ------------------------ */
/* 5. MENU                 */

#menu{
display:block;
width:708px;  /* 57px+2px fois 12 */
height:200px;
background-color:#FFF;
padding:30px 21px;
list-style:none;
 }
 
#menu li {
display: inline;
}

#menu li a { 
display: block; 
width: 57px;
height: 56px;
text-align: center;
float: left;
background-color: #CCC;
border: 1px solid #000;
}

/* UTILISATION DES SPRITES */
#menu li a{ background:url(img/menu.gif) scroll no-repeat top left;} /* Chaque lien possede en background une image unique */
#menu li a:hover{ background:url(img/menu_hover.gif) scroll no-repeat top left;} /* Chaque lien survolé possede en background une image unique */
#menu li a span{display:none;}

/* Tu enleve 57 a chaques fois car tu déplaces l'image de 57 a gauche */
#menu li.cat-item-3 a, #menu li.cat-item-3 a:hover {background-position: 0 0;}
#menu li.cat-item-4 a, #menu li.cat-item-4 a:hover {background-position: -57px 0;}
#menu li.cat-item-5 a, #menu li.cat-item-5 a:hover {background-position: -114px 0;}
#menu li.cat-item-6 a, #menu li.cat-item-6 a:hover {background-position: -171px 0;}
#menu li.cat-item-7 a, #menu li.cat-item-7 a:hover {background-position: -228px 0;}
#menu li.cat-item-8 a, #menu li.cat-item-8 a:hover {background-position: -285px 0;}
#menu li.cat-item-9 a, #menu li.cat-item-9 a:hover {background-position: -342px 0;}
#menu li.cat-item-10 a, #menu li.cat-item-10 a:hover {background-position: -399px 0;}
#menu li.cat-item-11 a, #menu li.cat-item-11 a:hover {background-position: -456px 0;}
#menu li.cat-item-12 a, #menu li.cat-item-12 a:hover {background-position: -513px 0;}
#menu li.cat-item-13 a, #menu li.cat-item-13 a:hover {background-position: -570px 0;}
#menu li.cat-item-14 a, #menu li.cat-item-14 a:hover {background-position: -627px 0;}
#menu li.cat-item-15 a, #menu li.cat-item-15 a:hover {background-position: -684px 0;}
#menu li.cat-item-16 a, #menu li.cat-item-16 a:hover {background-position: -741px 0;}
#menu li.cat-item-17 a, #menu li.cat-item-17 a:hover {background-position: -798px 0;}
#menu li.cat-item-18 a, #menu li.cat-item-18 a:hover {background-position: -855px 0;}
#menu li.cat-item-19 a, #menu li.cat-item-19 a:hover {background-position: -912px 0;}
#menu li.cat-item-20 a, #menu li.cat-item-20 a:hover {background-position: -969px 0;}
#menu li.cat-item-21 a, #menu li.cat-item-21 a:hover {background-position: -1026px 0;}
#menu li.cat-item-22 a, #menu li.cat-item-22 a:hover {background-position: -1083px 0;}
#menu li.cat-item-23 a, #menu li.cat-item-23 a:hover {background-position: -1140px 0;}
#menu li.cat-item-24 a, #menu li.cat-item-24 a:hover {background-position: -1197px 0;}
#menu li.cat-item-25 a, #menu li.cat-item-25 a:hover {background-position: -1254px 0;}
#menu li.cat-item-26 a, #menu li.cat-item-26 a:hover {background-position: -1311px 0;}
#menu li.cat-item-27 a, #menu li.cat-item-27 a:hover {background-position: -1368px 0;}
#menu li.cat-item-28 a, #menu li.cat-item-28 a:hover {background-position: -1425px 0;}
#menu li.cat-item-29 a, #menu li.cat-item-29 a:hover {background-position: -1482px 0;}
#menu li.cat-item-30 a, #menu li.cat-item-30 a:hover {background-position: -1539px 0;}
#menu li.cat-item-31 a, #menu li.cat-item-31 a:hover {background-position: -1596px 0;}
#menu li.cat-item-32 a, #menu li.cat-item-32 a:hover {background-position: -1653px 0;}
#menu li.cat-item-33 a, #menu li.cat-item-33 a:hover {background-position: -1710px 0;}
#menu li.cat-item-34 a, #menu li.cat-item-34 a:hover {background-position: -1767px 0;}
#menu li.cat-item-35 a, #menu li.cat-item-35 a:hover {background-position: -1824px 0;}
#menu li.cat-item-36 a, #menu li.cat-item-36 a:hover {background-position: -1881px 0;}
#menu li.cat-item-37 a, #menu li.cat-item-37 a:hover {background-position: -1938px 0;}
#menu li.cat-item-38 a, #menu li.cat-item-38 a:hover {background-position: -1995px 0;}
#menu li.cat-item-39 a, #menu li.cat-item-39 a:hover {background-position: -2052px 0;}

#menu a.fleft,#menu a:hover.fleft{background: none; border: none;float:left;padding-top:15px;}/* lien index */
#menu a.fright, #menu a:hover.fright{background: none; border: none;float:right;padding-top:15px;}/* lien glossaire */

/* ------------------------ */
/* 6. CONTENU              */


#content {
float: left;
background-color:#FFF;
width: 500px;
margin-bottom:7px;
padding:0 50px 20px 200px;
text-align:justify;
color: #000;
}

.alphabet { /*La lettre de l'alphabet sélectionné*/
font-size: 3em;
margin:25px 0 10px 0;
color:#000;
}

#content h2 { /*Le titre de l’article*/
font-size: 1.3em;
color:#000;
}

#content h3 { /*Mettre en valeur le contenu*/
font-size: 4em;
text-align: left;
}
#content h4 { /*Mettre en valeur le contenu*/
font-size: 10em;
text-align: left;
}
#content h5 { /*Mettre en valeur le contenu*/
font-size: 17em;
text-align: left;
}
 .haut{ /*Mettre en valeur le haut de page*/
font-size:1em;
margin-top:20px;
text-align:right;
}
#content img { /*Espacer les images du texte*/
padding: 10px 0;
}

.post_content{ /*Espacer les articles*/
padding: 18px 0 30px 0;
}



/* ------------------------ */
/* 7. FOOTER                */

#footer {
color: #FFF;
font-size: 0.8em;
padding-top: 10px;
clear: both;
width: 740px;
text-align:center;
margin-bottom:15px;
}

#footer a,#footer a:hover {
font:bold;
color:#FFFFFF;
text-decoration:underline;
}

/* ------------------------ */
/* 8. LIENS                 */

a, a:hover {
color: #0000FF;
text-decoration:underline;
}

#content h2 a, #content h2 a:hover{
font-size: 1.2em;
color: #000;
}

.post_content a, .post_content a:hover{
color: #0000FF;
text-decoration:underline;
}


#post-570 h2, .ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

.ddsg-wrapper ul li{display:block; width:240px; float:left; margin-bottom:40px; min-height:200px;}
.ddsg-wrapper ul li ul li{margin-bottom:2px; min-height:0px;}
.ddsg-wrapper li strong{display:none;}
.ddsg-wrapper ul li a{color:#000000; text-decoration:none; font-size:3em; font-weight:bold;}
.ddsg-wrapper ul li a:hover{color:#000000; text-decoration:none; font-size:3em; font-weight:bold;}

.ddsg-wrapper ul li ul li a{color:#0000FF; text-decoration:underline; font-size:11px; font-weight:normal;}
.ddsg-wrapper ul li ul li a:hover{color:#0000FF; text-decoration:underline; font-size:11px; font-weight:normal;}