/*
Theme Name: Cartographie 2011
Theme URI: http://www.icc2011.fr/
Description: Le thème par défaut du Congrès de Cartographie 2011
Version: 1.0
Author: Mathieu Cruzel
Author URI: http://www.europa-organisation.com/
Tags: orange, fixed
*/

/* CSS 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,
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;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* Re-define standard tags */
p {
    margin: 0 0 10px 0;
    line-height: 1.2em;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

small {
    font-size: 11px;
    font-style: italic;
}

hr {
    display:none;
    clear: both;
    height: 0;
}

sup {
    font-size: 9px;
    vertical-align: super;
}

input,
textarea,
select {
    border:1px solid #aaa;
    padding:2px;
    background:#fff;
    margin-top:2px;
}

blockquote {
    border-left: 2px solid #67a1bb;
    background-color: #f2f2f2;
    padding: 10px 10px 3px 10px;
    margin: 10px 30px 5px 30px;
    text-align: justify;
}

/* Begin Gloabl CSS */
body {
    font-size: 12px;
    font-family: 'Trebuchet MS', Verdana, Tahoma, sans-serif;
    color: #000;
    background:#fec223 url('images/background.png') top left repeat-x;
}

a, a:link, a:visited {
	color:#c00418;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.clear { 
	width:100%; 
	clear:both; 
	height:0; 
}

#wrapper {
    width: 100%;
    display:table;
    background: url('images/tour.png') 50% top no-repeat;
}

#header {
    height: 180px;
    width: 980px;
    margin: 10px auto;
    clear: both;
}

    #header_logo {
        float:left;
        width:220px;
        height:169px;
    }

        #header_title {
            width:720px;
            height:60px;
            background-position:top left;
            background-repeat:no-repeat;
            float:left;
            margin:50px 0 0 25px;
            position:relative;
        }
        
            #header_title div {
                font-size:18px;
                font-weight:bold;
                color:#1a171b;
                position:absolute;
                bottom:0;
                left:0;
                text-align:center;
                width:100%;
            }

        #dates {
            width:416px;
            height:20px;
            float:left;
            margin:22px 0 0 25px;
        }

        #catchphrase {
            width:300px;
            float:left;
            text-align:right;
            font-style:italic;
            color:#a41984;
            font-size:14px;
            margin:45px 0 0 0;
        }
		
		#content_top, #content_bottom, #sidebar_top_top, #sidebar_top_bottom {
			height:25px;
		}
		
		#content_top, #content, #content_bottom, #sidebar_top_top, #sidebar_top, #sidebar_top_bottom {
			width:982px;
			margin:0 auto;
		}
		
		#sidebar_top_top {
			background: url('images/sidebar_top_top.png') top left no-repeat;
		}
		
		#sidebar_top_bottom {
			background: url('images/sidebar_top_bottom.png') top left no-repeat;
			margin-bottom:15px;
		}
		
		#sidebar_top {
			background: url('images/sidebar_top_mid.png') top left repeat-y;
		}
		
			#sidebar_top ul {
				padding:10px 10px 5px 10px;
			}
			
				#sidebar_top ul li {
					margin:0 0 0 20px;
					float:left;
				}

                #sidebar_top ul li#text-3 {
                    background: url('images/icon_calendar.png') top left no-repeat;
                    padding-left:70px;
                    width:330px;
                }

                #sidebar_top ul li#text-5 {
                    background: url('images/icon_invit.png') top left no-repeat;
                    padding-left:70px;
                    height:65px;
                    width:250px;
                }
                
                #sidebar_top ul li#text-6 {
                    height:65px;
                    width:165px;
                }
				
					#sidebar_top h2.widgettitle {
						font-weight:bold;
						color:#a41984;
						text-decoration:underline;
						margin: 0 0 10px 0;
                        font-size:14px;
					}

                    #sidebar_top .buttons {
                        height:32px;
                        background:url('images/buttons_mid.png') top left repeat-x;
                        position:relative;
                        display:inline-block;
                        top:12px;
                    }
                    
                        #sidebar_top .buttons span.buttons_mid {
                            height:32px;
                            display:inline-block;
                            margin:8px 0 0 0;
                            vertical-align:top;
                            font-size:10px;
                            text-transform:uppercase;
                        }

                    .rounded {
                        color:#fff;
                        font-weight:bold;
                        background:#F58220;
                        border-top-left-radius:10px;
                        -moz-border-radius-topleft:10px;
                        -webkit-border-top-left-radius:10px;
                        border-top-right-radius:10px;
                        -moz-border-radius-topright:10px;
                        -webkit-border-top-right-radius:10px;
                        border-bottom-left-radius:10px;
                        -moz-border-radius-bottomleft:10px;
                        -webkit-border-bottom-left-radius:10px;
                        border-bottom-right-radius:10px;
                        -moz-border-radius-bottomright:10px;
                        -webkit-border-bottom-right-radius:10px;
                        padding:0 8px;
                    }
		
		#content_top {
			background: url('images/body_top.png') top left no-repeat;	
		}
		
		#content_bottom {
			background: url('images/body_bottom.png') top left no-repeat;
		}
		
		#content {
			background: url('images/body_mid.png') top left repeat-y;
		}
		
			#sidebar {
				width:212px;
				float:left;
				padding:0 0 0 11px;
			}
			
				#sidebar h2.widgettitle {
					display:none;
				}
				
				#sidebar ul li.widget_pages {
					margin:0 0 20px 0;
				}
				
				#sidebar ul li.widget_pages ul li {
					display:block;
					width:210px;
					background:url('images/nav_separator.gif') bottom left no-repeat;
				}
				
					#sidebar ul li.widget_pages ul li a {
						display:block;
						padding:12px 0 12px 12px;
						text-transform:uppercase;
						width:210px;
						color:#1a171b;
						text-decoration:none;
						font-weight:bold;
					}
					
					#sidebar ul li.widget_pages ul li.current_page_item a, #sidebar ul li.widget_pages ul li.current_page_parent a {
						background:url('images/nav_selected.png') top left no-repeat;
						color:#fff;
					}
					
						#sidebar ul li.widget_pages ul li ul li a {
							text-transform:none;
							font-size:12px;
							width:187px;
							background-color:#fbedcb;
							border-left:10px solid #e3e4e5;
							border-bottom:1px solid #e3e4e5;
						}
						
						#sidebar ul li.widget_pages ul li.current_page_parent ul li a, #sidebar ul li.widget_pages ul li.current_page_item ul li a {
							background-image:none;
							background-color:#fbedcb;
							color:#1a171b;
						}
						
						#sidebar ul li.widget_pages ul li ul li.current_page_item a {
							background-image:none;
							background-color:#e3e4e5;
							color:#1a171b;
						}
			
			#main {
				width:718px;
				float:left;
				padding:20px;
			}
			
				#main h2.title {
					font-size:24px;
					color:#f58220;
					text-decoration:underline;
					padding: 0 0 5px 0;
					margin:0 0 15px 0;
				}
				
				#main ul {
					list-style:square;
					margin:0 0 10px 30px;
				}
				
					#main ul li {
						margin: 0 0 2px 0;	
					}
					
					/* Plan du site */
					.ddsg-wrapper ul li {
						margin:0 0 6px 0 !important;
					}
					
					.ddsg-wrapper ul li ul li {
						margin:6px 0 0 0 !important;
					}
										
				#latest {
					width:313px;
					float:right;
					margin:0 0 10px 10px;
				}
				
					#latest_top {
						width:inherit;
						height:15px;
						background:url('images/latest_top.png') top left no-repeat;
					}
					
					#latest_mid {
						width:273px;
						padding:0 20px 5px 20px;
						background:url('images/latest_mid.png') top left no-repeat;
					}
					
					#latest_bottom {
						width:inherit;
						height:15px;
						background:url('images/latest_bottom.png') top left no-repeat;
					}
				
				#flags {
					float:right;
					margin:-42px 0 0 0;
				}
				
				#flags ul li {
					display:inline-block;
					margin:0 5px 0 0;
				}
				
					#flags ul li a.qtrans_flag {
						width:24px;
						height:19px;
					}
					
					#flags ul li a.qtrans_flag_fr {
						background:url('images/flag_fr.png') top left no-repeat;
					}
					
					#flags ul li a.qtrans_flag_en {
						background:url('images/flag_en.png') top left no-repeat;
					}
					
				#buttons {
					height:32px;
					background:url('images/buttons_mid.png') top left repeat-x;
					position:relative;
					display:inline-block;
					float:right;
					margin:-48px 65px 0 0;
				}
				
					#buttons span#buttons_mid {
						height:32px;
						display:inline-block;
						margin:8px 0 0 0;
						vertical-align:top;
						font-size:10px;
						text-transform:uppercase;
					}			
					
					.entry h1, .entry h2, .entry h3 {
						margin:0 0 10px 0;
					}
					
					.entry h1 {
						font-size:18px;
						color:#a41984;
					}
					
					.entry h2 {
						font-size:16px;
						color:#c00418;
					}
					
					.entry h3 {
						font-size:14px;
						color:#f58220;
					}
					
#footer {
	width:970px;
	margin:10px auto;
	padding: 0 10px 10px 0;
}

/* Newsletter */
div.form_newsletter {
  width:170px;
  margin:0 auto;
  padding:10px;
  border:1px solid #FDB813;
  text-align:justify;
}

div.form_newsletter form{
  margin:20px 0px;
}


/* Committees */
table.committes_2_col {
  width:260px;
  border-collapse:collapse;
}

table.committes_2_col td {
  width:130px;
  padding:5px;
  border-bottom:1px solid #F58220;
}

table.committes_3_col {
  width:390px;
}

table.committes_3_col td {
  width:130px; white-space:nowrap;
  padding:5px;
  border-bottom:1px solid #F58220;
}

/* Synoptique */
.synoptique {
	width:100%;
}
.synoptique th, .synoptique td {
	text-align:center;
	color:#000;
	padding:5px;
	vertical-align:middle;
}
.lefttop th, .lefttop td {
	text-align:left;
	vertical-align:top;
}
.synoptique .orange {
	background:#F5CC75;
}
.synoptique .orangefonce {
	background:#F0B940;
}
.synoptique .violet {
	background:#AF73A7;
}
.synoptique .violetfonce {
	background:#882880;
	color:#fff;
}
.synoptique .jauneclair {
	background:#FEF9B5;
}
.synoptique .jaune {
	background:#FDF369;
}
.synoptique .vin {
	background:#E0765C;
}
.synoptique .rouge {
	background:#D63534;
}
.synoptique .gris {
	background:#A8AAAC;
}
.synoptique .rose {
	background:#EEC0D6;
}
.synoptique .marron {
	background:#D48751;
}
.synoptique .marronrose {
	background:#E66E52;
}
.synoptique .pale {
	background:#EAC7AA;
}
.synoptique .bronze {
	background:#EDB17C;
}
.synoptique .bordergris {
	border-right:2px solid #C9C9C9;
}
.synoptique .bordergrisdashed {
	border-right:2px dashed #C9C9C9;
}
.synoptique .borderblanc {
	border-right:5px solid #FFFFFF;
}
.synoptique .borderbottomblanc {
	border-bottom:5px solid #FFFFFF;
}
.synoptique .borderviolet {
	border-bottom:3px solid #882880;
}

/* Workshops & tutorials */
.workshop {
	width:100%;
}
.workshop th, .workshop td {
	text-align:left;
	color:#000;
	padding:5px;
	vertical-align:middle;
	background-color:#F9DFA0;
}
.workshop th {
	border-bottom:5px solid #9B0082;
	font-weight:bold;
	color:#f00;
}
.workshop th.orange {
	color:#fff;
	font-size:120%;
}
.workshop .orange {
	background-color:#F2C138;
}
.workshop a {
	color:#000;
}


/* Tables */
.tableau {
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.tableau th {
	background:#F6A717;
	padding:3px;
	font-weight:bold;
	text-align:left;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
.tableau td {
	padding:3px;
	text-align:left;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

/* Messages */
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/error.png');
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('images/validation.png');
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images *

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

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 0 15px;
-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: 9px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */